crm/app/empcrm/view/community/pool_list.html

{extend name="public/layout"}
{block name="body"}
<link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
<link rel="stylesheet" href=" /static/css/common.css">
<script src="/static/js/jquery.min.js"></script>
<style>
  body {
    padding-bottom: 40px;
  }

  .searchtitlebox {
    display: block;
    padding: 15px 10px;
    border: 1px solid #F0F0F0;
    background: #FCFCFC;
    margin-top: 5px;
    margin-bottom: 10px;
    /* position: relative; */
    min-width: 800px;
  }

  .searchbox {
    display: block;
    margin-top: 8px;
    text-align: center;
  }

  .searchbox input {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding-left: 3px;
    vertical-align: middle;
  }

  body {
    font-size: 12px;
    font-family: "宋体";
  }

  .selectbox {
    float: left;
  }

  .leftselect {
    float: left;
    height: 26px;
    line-height: 26px;
  }

  .selectbox select {
    float: left;
    height: 26px;
  }

  .searchtext {
    border: 1px solid #ccc;
    background: #fff url(__STATIC__/img/icon071402.png) no-repeat;
    padding: 1px 2px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-indent: 3px;
    margin-left: 4px;
  }

  .searchbtn1 {
    margin-left: 4px;
    cursor: pointer;
    color: #000;
    background: url(__STATIC__/img/btn_bg.gif) repeat-x;
    border: 1px solid #C0C0C0;
    padding: 0 12px;
    *padding: 0 6px;
    height: 26px;
  }

  .layui-table td,
  .layui-table th {
    font-size: 12px;
  }

  .layui-table th {
    font-weight: bold;
  }

  .dingjingorder {
    height: 25px;
    width: 40px;
    background-color: #65c001;
    color: #FFF;
    text-align: center;
    line-height: 25px;
    z-index: 100;
    display: block;
    position: absolute;
    top: 1px;
    right: 3px;
    border-radius: 11px;
    font-size: 12px;
  }

  .addvx {
    position: absolute;
    top: -5px;
    right: 1px;
    height: 14px;
    line-height: 14px;
    font-size: 16px;
    color: #666;
    font-family: "宋体";
  }

  .statebox {
    width: 40px;
    text-align: center;
    z-index: 100;
    display: block;
    position: absolute;
    font-size: 12px;
    top: -5px;
    right: 0px;
    border-radius: 0px;
    background: #4285f4;
    color: #efefef;
    height: 20px;
    line-height: 20px;
  }

  .relative {
	    position: relative;
	}

  .layui-table-cell {
    overflow: initial;
  }

  #customer_detail {
    display: block;
    width: 435px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .rightbox {
    display: block;
    width: calc(100% - 435px);
    margin-left: 435px;
  }

  .unstatusbox {
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 37px;
    background-color: #FF6600;
    text-align: center;
    color: #FFF;
  }

  .statusbox {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #666;
    text-align: right;
    z-index: 100;
    display: block;
    font-size: 12px;
  }

  .layui-table-view .layui-form-checkbox {
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding-right: 0;
  }

  .layui-table-view .layui-form-checkbox i {
    height: 16px;
    width: 16px;
    font-size: 14px;
  }

  .novisitlog {
    background-color: #9139db !important;
    color: #FFF;
  }

  .novisitlog a {
    color: #FFF;
  }

  .crmsearchlist {
    max-height: 760px;
    cursor: pointer;
    height: auto !important;
  }

  .tablebox .layui-form.layui-border-box.layui-table-view {
    max-height: 760px !important;
    height: auto !important;
  }

  .layui-table-body {
    max-height: 670px !important;
    height: auto !important;
  }

  .layui-table-view .layui-table td {
    cursor: pointer;
    overflow: hidden;
  }
  ::-webkit-scrollbar {
	  width: auto;
	  height: auto;
	}
	
	::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	  background: #DFDFDF;
	}
	
	::-webkit-scrollbar-track {
	  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	  border-radius: 10px;
	  background: #f5f5f5;
	}
	th .layui-table-cell{
		height: 38px;
		line-height: 38px;
		padding:0;
		overflow: unset;
	}
	.layui-table-header{
		overflow: visible;
	}
  .searchbox .layui-form-select{float:left;width:130px;}
  .searchbox input{border:1px solid #e6e6e6 !important;}
  .psinput{top:45px;left:50%;margin-left:-118px;width:236px;background: #fff;z-index: 999;position: absolute;box-shadow: 0 1px 10px #999;display: none;border-radius: 6px;overflow: visible;padding-top: 10px;}
	.dsa{width:100%;height: 100%;display:block;}
	.pdl12{padding-left:12px;}
	.search_btns{margin-top:11px;border-top:1px solid #ccc;}
	.search_btns div.button_{display: flex;width:80%;overflow: hidden;margin:0 auto;justify-content:space-between;}
	.scroll_body{overflow-x:auto;width:calc(100% - -17px)}
	.layui-table-body{overflow: visible;}
	.layui-form-select dl{z-index: 100;}
	.kwovsint{width:90%;height: 40px;display: block;border:1px solid #409EFF;border-radius: 6px;}
	.checkbox{width:20px;height: 20px;margin-top:15px;display: block;float:left;}
	.checkdeta{width:20px;height: 20px;margin-top:15px;display: block;float:left;}
	.psinput .layui-form-checkbox{display:block;float:left;width:20px;height: 20px;padding:0;}
	.psinput .layui-form-checkbox .layui-icon{display:block;float:left;width:20px !important;height: 20px !important;border: 1px solid #d2d2d2 !important;top:1px;}
	.psinput .layui-form-checkbox .layui-icon::before{position: absolute;top:2px;left:3px;font-size:14px;}
	.check_ul_list{max-height: 300px;overflow-y: auto;}
	.check_li{width:90%;margin:0 auto;overflow: hidden;}
	.check_li li{overflow: hidden;margin-bottom: 15px;}
	.check_name{float:left;line-height: 20px;font-size: 14px;margin-left:8px;}
	.dsnone .layui-form-checkbox{position: absolute;width: 25px;height: 28px;margin-top: 8px;visibility: hidden;}
	.button_ a{position:relative;}
	.triangle{width: 0; height: 0;float: left;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: -10px;left: 50%;margin-left: -10px;}
	.psinput02{width:330px !important;margin-left: -165px !important;}
	.psinput02 .selecstDateBox{position: inherit !important;box-shadow:none;margin-top:5px;height: 80px !important;}
	.mapps{position: absolute;right:3%;top:15px;width:12px;}
	.selectDateBox {
	    position: absolute;
	    width: 330px;
	    height: 100px;
	    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
	    background-color: #fff;
	    z-index: 99999 !important;
	    top: 45px;
	    box-sizing: border-box;
	    padding: 5px 8px;
	}
	.selecstDateBox {
	    position: absolute;
	    width: 330px;
	    height: 100px;
	    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
	    background-color: #fff;
	    z-index: 99999 !important;
	    top: 45px;
	    right: 0;
	    box-sizing: border-box;
	    padding: 5px 8px;
	}
	.date-flex,.date-flex1 {
	    display: flex;
	    align-items: center;
	}
	
	.date-box {
	    padding: 15px 0px 10px;
	}
  .layui-table-main {
		min-height: 60vh;
	}
</style>

<body class="clearfix">
  <iframe id="customer_detail" style="display: none;" src=""></iframe>
  <div class="crmbox">
	<form class="layui-form">
    <div class="searchtitlebox">
      <div style="margin-bottom:8px;">您当前的操作 · <b>所有公共库数据</b> · 记录管理&nbsp;&nbsp;</div>
      <div class="searchbox clearfix">
        <div class="selectbox">
          <div class="leftselect">检索：</div>
          <!-- <select name="source_id" lay-search>
            <option value="">==客户来源==</option>
            {volist name="soudata" id="vo"}
            <option value="{$vo.id}">{$vo.name}</option>
            {/volist}
          </select>
          <select name="designer_id" lay-search>
            <option value="">==设计师==</option>
            {volist name="designers.arr" id="vo"}
            <option value="{$vo.id}">{$vo.name}</option>
            {/volist}
          </select>
          <select name="employee_id" lay-search>
            <option value="">==业务员==</option>
            {volist name="employee_list" id="vo"}
            <option value="{$vo.id}">{$vo.name}</option>
            {/volist}
          </select>
          <select name="level">
            <option value="">==客户等级==</option>
            {volist name="level" id="vo"}
            <option value="{$vo.name}">{$vo.name}</option>
            {/volist}
          </select> -->
          <input class="left searchtext" type="text" name="phone" autocomplete="off" placeholder="请输入手机号" title="手机号" />
          <!--<input type="text" class="left searchtext" style="border-color: #ccc;" name="visitime" id="visitime" placeholder="选择时间"
            readonly />-->
          <button class="left searchbtn1" type="button" lay-submit lay-filter="search">搜索</button>
        </div>
      </div>
    </div>
    <div class="crmsearchlist">
      <table lay-filter="crmsearchlist" id="crmsearchlist"></table>
    </div>
	</form>
  </div>

</body>
<script src="__LAYUI__/layui/layui.js"></script>

{/block}{block name="js"}
<script type="text/html" id="crmname">
  {{d.name?d.name:'未知'}}
  {{# if(d.jiaoding_time){ }}
    <span class="dingjingorder">定金</span>
  {{# }else{ }}
  {{# } }}
</script>
<script type="text/html" id="empname">
  {{# if(d.employee){ }}
    {{d.employee.name}}
    {{# if(d.add_wechat=='是'){ }}
      <span class="addvx">v</span>
    {{# }else{ }}
    {{# } }}
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# if(d.add_wechat=='是'){ }}
      <span class="addvx">v</span>
    {{# }else{ }}
    {{# } }}
  {{# } }}
</script>
<script type="text/html" id="square">
  {{# if(d.square>180){ }}
    <span style="font-weight: bold;color: #ff6600;">{{d.square}}</span>
  {{# }else if(d.square){ }}
  <span >{{d.square}}</span>
  {{# }else{ }}
  <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="labeltpl">
      {{# if(d.label){ }}
        <span>{{d.label}}</span>
      {{# }else{ }}
        <span style="color: #cccccc;">无</span>
      {{# } }}
</script>
<script type="text/html" id="source">
  {{# if(d.source){ }}
    <span>{{d.source.source}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="designer_name">
  {{# if(d.designer){ }}
    <span>{{d.designer.name}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="viewDateEle">
  {{# if(d.recoverLatelyDate){ }}
    <span>{{d.recoverLatelyDate}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
</script>
<script type="text/html" id="firstDDEle">
  {{# if(d.fistDate){ }}
    <span>{{d.fistDate}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="communityEle">
  {{# if(d.community_name){ }}
    <span>{{d.community_name}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="houseDeliveryTime">
  {{# if(d.house_delivery_time){ }}
    <span>{{d.house_delivery_time}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="employeeEle">
  {{# if(d.employee){ }}
    <span>{{d.employee}}</span>
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="getcrm">
  <a style="display:inline-block;" class="state1box" onclick="getcrmtap('{{=d.id}}')" href="javascript:void(0);">获取</a>
</script>
<script type="text/javascript">
  var reload = null, resizefun = null;
  layui.config({
    base: '__LAYUI__/',
    urlbase: '/sys'
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['table', 'laydate'], function () {
    var table = layui.table, laydate = layui.laydate,
      $ = layui.$;
      form = layui.form,
      firstloading = 0;

      var dateObj = {};
		setDate();
		function setDate() {
		    let date = new Date();
		    let year = date.getFullYear();
		    let month = date.getMonth() + 1;
		    let day = date.getDate();
		    let lastDate = new Date(new Date().getTime() - (1 * 24 * 60 * 60 * 1000));
		    let lastYear = lastDate.getFullYear();
		    let lastMonth = lastDate.getMonth() + 1;
		    let lastDay = lastDate.getDate();
		
		    let weekObj = getMondayAndSunday();
		    let monthObj = getMonthFirstDayAndLastDay();
		    dateObj = {
		        today: `${year}/${month}/${day}`,
		        yesterday: `${lastYear}/${lastMonth}/${lastDay}`,
		        ...weekObj,
		        ...monthObj
		    }
		}

		function getMondayAndSunday() {
		    var today = new Date();
		
		    //构建当前日期,格式：2022-08-22 00:00:00
		    var year = today.getFullYear(); //本年 
		    var month = today.getMonth() + 1; //本月
		    var day = today.getDate(); //本日
		    var newDate = new Date(year + "/" + month + "/" + day + " 00:00:00"); //年月日拼接
		
		    var nowTime = newDate.getTime(); //当前的时间戳
		    var weekDay = newDate.getDay(); //当前星期 0.1.2.3.4.5.6 【0 = 周日】
		
		    var oneDayTime = 24 * 60 * 60 * 1000; //一天的总ms
		
		    // 当前星期减去天数，如今天为周五，则本周一为周五的时间戳减去4天的时间戳。但周日特殊，周一至周六是周几的到的weekDay就是几，但是周日的到的为0，需特殊处理
		    var thisWeekMondayTime = (1 - weekDay) * oneDayTime + nowTime; //本周一的时间戳
		    if (weekDay == 0) {
		        // weekDay = 0 为周日，此时本周一时间为周日减去6天的时间
		        thisWeekMondayTime = nowTime - 6 * oneDayTime
		    }
		
		    var thisWeekSundayTime = thisWeekMondayTime + 6 * 24 * 60 * 60 * 1000 // 本周日
		
		    var lastWeekMondayTime = thisWeekMondayTime - 7 * oneDayTime // 上周一
		    var lastWeekSundayTime = thisWeekMondayTime - oneDayTime // 上周日
		
		    var res = {
		        thisWeekMonday: dateToYYYYMMDD(thisWeekMondayTime),
		        thisWeekSunday: dateToYYYYMMDD(thisWeekSundayTime),
		        lastWeekMonday: dateToYYYYMMDD(lastWeekMondayTime),
		        lastWeekSunday: dateToYYYYMMDD(lastWeekSundayTime),
		    }
		    return res;
		}
		
		function getMonthFirstDayAndLastDay() {
		    var date = new Date()
		    // 值得注意的是，如果day取值为0，意味着取的是date时间的上一个月的最后一天，简单理解：date当前月的第一天，再减去一天
		    var thisMonthFirstDay = date.setDate(1) // 本月第一天
		    var thisMonthLastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0) // 本月最后一天
		
		    var lastMonthFirstDay = new Date(date.getFullYear(), date.getMonth() - 1, 1) // 上月第一天
		
		    var lastMonthLastDay = date.setDate(0) // 上月最后一天
		    // var day = new Date(date.getFullYear(), date.getMonth(), 0).getDate()
		    // var lastMonthLastDay = new Date(date.getFullYear(), date.getMonth() - 1, day) // 上月最后一天
		    var res = {
		        thisMonthFirstDay: dateToYYYYMMDD(thisMonthFirstDay),
		        thisMonthLastDay: dateToYYYYMMDD(thisMonthLastDay),
		        lastMonthFirstDay: dateToYYYYMMDD(lastMonthFirstDay),
		        lastMonthLastDay: dateToYYYYMMDD(lastMonthLastDay),
		    }
		    return res
		}
		
		function dateToYYYYMMDD(date) {
		    var time = new Date(date);
		    var y = time.getFullYear();
		    var m = (time.getMonth() + 1);
		    m = m > 9 ? m : '0' + m;
		    var d = time.getDate();
		    d = d > 9 ? d : '0' + d;
		
		    return y + "/" + m + "/" + d;
		}

      var field = {};
        form.on('submit(search)', function (data) {
            var source_id = $('[name=source_id]').val();
            var designer_id = $('[name=designer_id]').val();
            var employee_id = $('[name=employee_id]').val();
            var level = $('[name=level]').val();
            var keyname = $('[name=keyname]').val();
            var phone = $('[name=phone]').val();
            var visitime = $('#visitime').val();
            field['keyname'] = keyname;
            field['phone'] = phone;
            field['source_id'] = source_id;
            field['designer_id'] = designer_id;
            field['employee_id'] = employee_id;
            field['level'] = level;
            field['date'] = visitime;
            //执行重载
            table.reload('crmsearchlist', {
                where: field
                , page: { curr: 1}
            });
        });
        laydate.render({
          elem: '#visitime'
          ,trigger:'click'
        });
      resizefun = function () {
        table.resize('crmsearchlist');
      };
      reload = function () {
        table.reload('crmsearchlist', { where: field }, true);
      };
      var week = '{$week}';
      var is_manager = '{$is_manager}';
      var colsd = [
            {
              title: '客户姓名',
              field: 'name',
              align: 'center',
              minWidth:140,
              templet: '#crmname',
            },
            {
              title: '小区名称',
              field: 'community_name',
              align: 'center',
              minWidth: 160,
              templet: "#communityEle"
            },
            {
              title: '所属员工',
              field: 'employee_name',
              align: 'center',
              minWidth: 160,
              templet: "#employeeEle"
            },
            {
              title: '客户等级',
              align: 'center',
              minWidth: 100,
              field: 'level',
            },
            {
              title: '来源',
              align: 'center',
              minWidth: 100,
              templet: '#source',
              field: 'source_id',
            },
            {
              title: '面积',
              field: 'square',
              align: 'center',
              templet: '#square',
              minWidth: 100,
            },
            {
              title: '设计师',
              field: 'designer_id',
              align: 'center',
              templet: '#designer_name',
              minWidth: 100,
            },
            {
              title: '交房时间',
              field: 'house_delivery_time',
              align: 'center',
              minWidth:100,
              templet: "#houseDeliveryTime"
            },
            {
              title: '注销时间',
              field: 'date',
              align: 'center',
              minWidth: 100,
              templet: "#viewDateEle"
            },
            {
              title: '报备时间',
              field: 'addtime',
              align: 'center',
              minWidth:100,
            },
            {
              title: '状态',
              field: 'state',
              align: 'center',
              minWidth: 100,
            },
            {
              title: '首次到店',
              field: 'fistDate',
              align: 'center',
              minWidth: 100,
              templet: "#firstDDEle"
            },
            {
              title: '获取',
              field: 'jiaofang',
              align: 'center',
              event: 'getcrma',
              fixed: 'right',
              templet: '#getcrm',
            },
          ];
          if(week == 2 && is_manager == 1){
            colsd = [
            {
              title: '客户姓名',
              field: 'name',
              align: 'center',
              minWidth:140,
              templet: '#crmname',
            },
            {
              title: '手机号',
              field: 'phone',
              align: 'center',
              minWidth:140,
            },
            {
              title: '小区名称',
              field: 'community_name',
              align: 'center',
              minWidth: 160,
              templet: "#communityEle"
            },
            {
              title: '所属员工',
              field: 'employee_name',
              align: 'center',
              minWidth: 160,
              templet: "#employeeEle"
            },
            {
              title: '客户等级',
              align: 'center',
              minWidth: 100,
              field: 'level',
            },
            {
              title: '来源',
              align: 'center',
              minWidth: 100,
              templet: '#source',
              field: 'source_id',
            },
            {
              title: '面积',
              field: 'square',
              align: 'center',
              templet: '#square',
              minWidth: 100,
            },
            {
              title: '设计师',
              field: 'designer_id',
              align: 'center',
              templet: '#designer_name',
              minWidth: 100,
            },
            {
              title: '交房时间',
              field: 'house_delivery_time',
              align: 'center',
              minWidth:100,
              templet: "#houseDeliveryTime"
            },
            {
              title: '注销时间',
              field: 'date',
              align: 'center',
              minWidth: 100,
              templet: "#viewDateEle"
            },
            {
              title: '报备时间',
              field: 'addtime',
              align: 'center',
              minWidth:100,
            },
            {
              title: '状态',
              field: 'state',
              align: 'center',
              minWidth: 100,
            },
            {
              title: '首次到店',
              field: 'fistDate',
              align: 'center',
              minWidth: 100,
              templet: "#firstDDEle"
            },
            {
              title: '获取',
              field: 'jiaofang',
              align: 'center',
              event: 'getcrma',
              fixed: 'right',
              templet: '#getcrm',
            },
          ]
          }
      table.render({
        elem: '#crmsearchlist',
        url: '{:url("community/pool_list")}',
        //even: true,
        cols: [colsd],
        page: true,
        limits: [17],
        limit: 17, //每页默认显示的数量,
        height: 'full-120',
        text: '对不起，加载出现异常！',
        done: function (res, curr, count) {
          searchHtmlBody(curr)
        }
      });
      var flag = true;
      table.on('tool(crmsearchlist)', function (result) {
        let event = result.event;
        let row = result.data;
        flag = true;
        if (event === "getcrma") {
          flag = false;
          return false;
        }
      })
      $('.crmsearchlist').on('click', 'td', function (e) {
        var _event = $(this).find('[lay-event]').attr('lay-event');
        _event= _event? _event: $(this).attr('lay-event');
        var _obj = table.cache.crmsearchlist[parseInt($(this).parent('tr').attr('data-index'))];
        switch (_event) {
          case 'getcrma':
            break;
          default:
            flag = true;
            $('#customer_detail').show();
            $('.crmbox').addClass('rightbox');
            $('#customer_detail')[0].src = "/empcrm/community/pollcus_detail.html?cid=" + _obj.id;
        }
        return false; //阻止事件冒泡
      })
      table.on('row(crmsearchlist)', function (obj) {
        var data = obj.data;
        if (flag) {
          $('#customer_detail').show();
          $('.crmbox').addClass('rightbox');
          $('#customer_detail')[0].src="/empcrm/community/pollcus_detail.html?cid="+ data.id;
          for (let i = 0; i < $('.crmsearchlist .layui-table-view .layui-table-box .layui-table tr').length; i++) {
            $($('.crmsearchlist .layui-table-view .layui-table-box .layui-table tr')[i]).removeClass('onclickbg');
          }
          $(obj.tr).addClass('onclickbg');
        }
      });

      var source_nameHtml = `<div class="wpsa psinput">
							<div class="triangle"></div>
							<form class="layui-form">
							<input class="pdl12 kwovsint" id="select_check" placeholder="输入关键字....." type="text"  id=""/>
							<div class="check_li">
								<div style="overflow:hidden;padding-bottom:5px;text-align: left;">
									<span class="checkAlls">全选</span>
									<span style="margin:0 10px;">/</span>
									<span class="nocheckAlls">清除</span>
								</div>
								<ul class="check_ul_list">
									{volist name="soudata" id="vo"}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="{$vo.id}">
										<p class="check_name">{$vo.name}</p>
									</li>
									{/volist}
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;	
      var designer_nameHtml = `<div class="wpsa psinput">
							<div class="triangle"></div>
							<form class="layui-form">
							<input class="pdl12 kwovsint" id="select_check" placeholder="输入关键字....." type="text"  id=""/>
							<div class="check_li">
								<div style="overflow:hidden;padding-bottom:5px;text-align: left;">
									<span class="checkAlls">全选</span>
									<span style="margin:0 10px;">/</span>
									<span class="nocheckAlls">清除</span>
								</div>
								<ul class="check_ul_list">
									{volist name="designers.arr" id="vo"}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="{$vo.id}">
										<p class="check_name">{$vo.name}</p>
									</li>
									{/volist}
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;
      var employee_nameHtml = `<div class="wpsa psinput">
							<div class="triangle"></div>
							<form class="layui-form">
							<input class="pdl12 kwovsint" id="select_check" placeholder="输入关键字....." type="text"  id=""/>
							<div class="check_li">
								<div style="overflow:hidden;padding-bottom:5px;text-align: left;">
									<span class="checkAlls">全选</span>
									<span style="margin:0 10px;">/</span>
									<span class="nocheckAlls">清除</span>
								</div>
								<ul class="check_ul_list">
									{volist name="employee_list" id="vo"}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="{$vo.id}">
										<p class="check_name">{$vo.name}</p>
									</li>
									{/volist}
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;
      var levelHtml = `<div class="wpsa psinput">
							<div class="triangle"></div>
							<form class="layui-form">
							<input class="pdl12 kwovsint" id="select_check" placeholder="输入关键字....." type="text"  id=""/>
							<div class="check_li">
								<div style="overflow:hidden;padding-bottom:5px;text-align: left;">
									<span class="checkAlls">全选</span>
									<span style="margin:0 10px;">/</span>
									<span class="nocheckAlls">清除</span>
								</div>
								<ul class="check_ul_list">
									{volist name="level" id="vo"}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="{$vo.name}">
										<p class="check_name">{$vo.name}</p>
									</li>
									{/volist}
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;
      var detatime = `<div class="wpsa psinput psinput02">
							<div class="triangle"></div>
							<form class="layui-form dsa" onsubmit="return false;">
								<div data-type="" class="selecstDateBox">
								    <div data-type="" class="date-flex1">
								        <div data-type="today" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">今日
								        </div>
								        <div data-type="yesterday" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">昨日</div>
								        <div data-type="week" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">本周
								        </div>
								        <div data-type="lastWeek" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">上周</div>
								        <div data-type="month" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">本月
								        </div>
								        <div data-type="lastMonth" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">上月</div>
								        <div data-type="all" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">累计</div>
								    </div>
								    <div data-type="" class="date-box">
								        <input type="text" id="select_sDate" placeholder="选择开始时间 - 结束时间" readonly autocomplete="off" class="layui-input select_sDate">
								    </div>
								</div>
								<div class="search_btns">
									<div class="button_">
										<a class="submitbtn">确定</a>
										<a class="resetbtn">重置</a>
									</div>
								</div>
							</form>
						</div>`;
      var selHtml2 = `<div class="wpsa psinput" style="left: 85%;">
							<div class="triangle"></div>
							<form class="layui-form dsa" onsubmit="return false;">
								<input class="pdl12 kwovsint" id="kwovsint" placeholder="输入关键字....." type="text"  id=""/>
								<div class="search_btns">
									<div class="button_">
										<a class="submitbtn">确定</a>
										<a class="resetbtn">重置</a>
									</div>
								</div>
							</form>
						</div>`;
            var mianjiHtml = `<div class="wpsa psinput">
							<div class="triangle"></div>
							<form class="layui-form">
							<input class="pdl12 kwovsint" id="select_check" placeholder="输入关键字....." type="text"  id=""/>
							<div class="check_li">
								<div style="overflow:hidden;padding-bottom:5px;text-align: left;">
									<span class="checkAlls">全选</span>
									<span style="margin:0 10px;">/</span>
									<span class="nocheckAlls">清除</span>
								</div>
								<ul class="check_ul_list">
									
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="1">
										<p class="check_name">80m²以下</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="2">
										<p class="check_name">81-100m²</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="3">
										<p class="check_name">101-120m²</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="4">
										<p class="check_name">121-200m²</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="5">
										<p class="check_name">201-500m²</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="6">
										<p class="check_name">500m²以上</p>
									</li>
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;
    function searchHtmlBody(pages){
			setTimeout(function(){
				$('body').find('.layui-table-header').find("tr").each(function(index,val){
					apphtml02($(this),'th[data-field="name"]','客户姓名',selHtml2,'name','ishtml2');
					apphtml02($(this),'th[data-field="community_name"]','小区名称',selHtml2,'community_name','ishtml2');
					apphtml02($(this),'th[data-field="phone"]','手机号',selHtml2,'phone','ishtml2');
					apphtml02($(this),'th[data-field="employee_name"]','所属员工',employee_nameHtml,'employee_name','ishtml1');
					apphtml02($(this),'th[data-field="designer_id"]','设计师',designer_nameHtml,'designer_id','ishtml1');
          apphtml02($(this),'th[data-field="square"]','面积',mianjiHtml,'square','ishtml1');
					apphtml02($(this),'th[data-field="source_id"]','来源渠道',source_nameHtml,'source_id','ishtml1');
					apphtml02($(this),'th[data-field="level"]','客户等级',levelHtml,'level','ishtml1');
					apphtml02($(this),'th[data-field="date"]','注销时间',detatime,'date','detatime');
					apphtml02($(this),'th[data-field="house_delivery_time"]','交房时间',detatime,'house_delivery_time','detatime');
          apphtml02($(this),'th[data-field="addtime"]','报备时间',detatime,'addtime','detatime');
          apphtml02($(this),'th[data-field="fistDate"]','首次到店',detatime,'fistDate','detatime');
					$(this).find('th[data-field="name"]').find('.psinput').css({'left':0,'marginLeft':0})
					$(this).find('th[data-field="name"]').find('.triangle').css({'left':'25%'})
				})
				if(pages==1 && firstloading < 1){
					firstloading++;
					$('.layui-table-body:eq(0),.layui-table-header:eq(0)').wrapAll("<div class='scroll_body'></div>");
				}
				if(localStorage.getItem('data')){
					var bodyjson = JSON.parse(localStorage.getItem('data'));
					var listarr = [];
					if(bodyjson){
						$.each(bodyjson,function(i,v){
							if(v){
								listarr.push(v);
								$('body').find('.layui-table-header').find("tr th").each(function(n,va){
									if(i==$(this).data('field')){
										$('body').find('.layui-table-header').find("tr th").eq(n).find('img.mapps').attr('src','__STATIC__/img/search_ico02.png');
										
										if(i=='name'||i=='community_name'||i=='phone'){
											$('body').find('.layui-table-header').find("tr th").eq(n).find('.kwovsint').val(v);
										}else if(i=='date'||i=='fistDate'||i=='addtime'||i=='house_delivery_time'){
											$('body').find('.layui-table-header').find("tr th").eq(n).find('.select_sDate').val(v);
										}else{
											$.each(listarr,function(s,vv){
												var checkarrs = listarr[s].split(',');
												$.each(checkarrs,function(iiii,vvvv){
													$('body').find('.layui-table-header').find("tr th").eq(n).find('.check_ul_list li').each(function(ii,vvv){
                            if(vvvv==$(this).find('input').val()){
															$('body').find('.layui-table-header').find("tr th").eq(n).find('.check_ul_list li').eq(ii).find('input[type="checkbox"]').prop('checked',true)	
														}
													})
												})
											})
										}
									}
									
								})
							}
						})
						
					}
					form.render('checkbox');
				}
			},100)
			function apphtml02(this_,obj,names,htmlbox,idarr,is_html){
				this_.find(obj).find('div').eq(0).empty();
				this_.find(obj).addClass('is_show');
				this_.find(obj).find('div.layui-table-cell').eq(0).prepend('<span class="btnbtn5 dsa" data-isshow="1">'+names+'</span><img class="mapps" src="__STATIC__/img/search_ico01.png"/>');
				this_.find(obj).find('div.layui-table-cell').eq(0).append(htmlbox);
				form.render();
				setTimeout(function(){
					var search_input = this_.find(obj).find("#select_check"),
						search_content =this_.find(obj).find(".check_li_");
					$(search_input).on("keyup", function() {
						this_.find(obj).find(".check_li_").hide().filter(":contains("+ search_input.val().trim() +")").show();
					});
					function stopPropagation(e) {
						if (e.stopPropagation) 
							e.stopPropagation();
						else 
							e.cancelBubble = true;
					}
						
					this_.find(obj).find('.dsnonebtn').on('click',function(){
						this_.find(obj).find('div.layui-table-cell').eq(0).find('.psinput').hide();
						this_.find(obj).find('div.layui-table-cell').eq(0).find('.btnbtn5').attr('data-isshow',1);
						this_.find(obj).find('div.layui-table-cell').eq(0).find('input').val('');
					})
					
					var isradio = 1;
					this_.find(obj).find('div.layui-table-cell').eq(0).find('.btnbtn5,.mapps').on('click',function(e){
						$('.is_show').find('.psinput').hide();
						if($(this).attr('data-isshow')==1){
							$(this).siblings('.psinput').show();
							$(this).attr('data-isshow',0)					
						}else{
							$(this).siblings('.psinput').hide();
							$(this).attr('data-isshow',1)
						}
					})
					
					
					this_.find(obj).find('.checkAlls').on('click',function(){
						this_.find(obj).find('.checkbox').each(function (index, item) {
							this_.find(obj).find('.checkbox').eq(index).prop('checked','checked')
						});
						form.render('checkbox');
					})
					this_.find(obj).find('.nocheckAlls').on('click',function(){
						this_.find(obj).find('.checkbox').each(function (index, item) {
							this_.find(obj).find('.checkbox').eq(index).prop('checked','')
						});
						form.render('checkbox');
					})
					
					this_.find(obj).find(".checkdeta").each(function(i,v){
						form.on('checkbox(checkall03)',function(data){
							this_.find(obj).find(".checkdeta").prop('checked',false);
							data.elem.checked=true;
							form.render('checkbox');
						})
					})
					
					this_.find(obj).find('div.layui-table-cell').eq(0).find('.resetbtn').on('click',function(){
						$(this).parents('.search_btns').siblings('.kwovsint').val('');
						$(this).parents('.search_btns').siblings().find('.select_sDate').val('');
					})
					
					if(is_html == 'detatime'){
						laydate.render({
						    elem: '#select_sDate' //指定元素
						    , type: 'date'
						    , format: 'yyyy/MM/dd'
						    , range: true
						    ,trigger: 'click',//呼出事件改成click
						    done: function (value, date, endDate) {
						        
						    }
						});
						$('.date-flex div').click(function () {
						    let type = $(this).prop('dataset').type;
						    if (type == 'today') {
						        $('.select_date').val(`${dateObj.today} - ${dateObj.today}`);
						    } else if (type == 'yesterday') {
						        $('.select_date').val(`${dateObj.yesterday} - ${dateObj.yesterday}`);
						    } else if (type == 'week') {
						        $('.select_date').val(`${dateObj.thisWeekMonday} - ${dateObj.thisWeekSunday}`);
						    } else if (type == 'lastWeek') {
						        $('.select_date').val(`${dateObj.lastWeekMonday} - ${dateObj.lastWeekSunday}`);
						    } else if (type == 'month') {
						        $('.select_date').val(`${dateObj.thisMonthFirstDay} - ${dateObj.thisMonthLastDay}`);
						    } else if (type == 'lastMonth') {
						        $('.select_date').val(`${dateObj.lastMonthFirstDay} - ${dateObj.lastMonthLastDay}`);
						    } else {
						        $('.select_date').val('');
						    }
						})
						
						$('.date-flex1 div').click(function () {
						    let type = $(this).prop('dataset').type;
						    if (type == 'today') {
								itmesss = dateToYYYYMMDD(dateObj.today);
								itmesss2 = dateToYYYYMMDD(dateObj.today);
						        $('.select_sDate').val(itmesss+' - '+itmesss2);
								// $('.select_date').val(`${dateObj.today} - ${dateObj.today}`);
						    } else if (type == 'yesterday') {
								itmesss = dateToYYYYMMDD(dateObj.yesterday);
								itmesss2 = dateToYYYYMMDD(dateObj.yesterday);
								$('.select_sDate').val(itmesss+' - '+itmesss2);
						        // $('.select_sDate').val(`${dateObj.yesterday} - ${dateObj.yesterday}`);
						    } else if (type == 'week') {
						        $('.select_sDate').val(`${dateObj.thisWeekMonday} - ${dateObj.thisWeekSunday}`);
						    } else if (type == 'lastWeek') {
						        $('.select_sDate').val(`${dateObj.lastWeekMonday} - ${dateObj.lastWeekSunday}`);
						    } else if (type == 'month') {
						        $('.select_sDate').val(`${dateObj.thisMonthFirstDay} - ${dateObj.thisMonthLastDay}`);
						    } else if (type == 'lastMonth') {
						        $('.select_sDate').val(`${dateObj.lastMonthFirstDay} - ${dateObj.lastMonthLastDay}`);
						    } else {
						        $('.select_sDate').val('');
						    }
						})
					}
					
					
					
					
					this_.find(obj).find('div.layui-table-cell').eq(0).find('.submitbtn').on('click',function(){
						if(is_html == 'ishtml1'){
							var arr = new Array();
							this_.find(obj).find('div.layui-table-cell').eq(0).find("input:checkbox:checked").each(function(i){
								arr[i] = $(this).val();
							});
							var datastr = arr.join(",");
							field[idarr] = datastr;
						}else if(is_html == 'ishtml2'){
							var kwos = $(this).parents('.search_btns').siblings('#kwovsint').val();
							field[idarr] = kwos;
						}else if(is_html == 'detatime'){
							var deta = $(this).parents('.search_btns').siblings().find('#select_sDate').val();
							field[idarr] = deta;
						}
						if (this_.find(obj).find('input.kwovsint').val() && !field[idarr]) {
							layer.msg('请选择内容', {anim: 1000,time: 1000,});
							return;
						}
						var datas=JSON.stringify(field);
						localStorage.setItem('data',datas);
						searchfn(field,idarr);

						$(this).parents('.psinput').hide();
						this_.find(obj).find('div.layui-table-cell').eq(0).find('.btnbtn5').attr('data-isshow',1);
					})
					$(document).bind('click',function(){
						this_.find(obj).find('div.layui-table-cell').eq(0).find('.psinput').hide();
						this_.find(obj).find('div.layui-table-cell').eq(0).find('.btnbtn5').attr('data-isshow',1);
					});
					this_.find('th').on('click',function(e){
						stopPropagation(e);
					})
				},100)
			}
		}

    function searchfn(field, idarr){
			firstloading = 0;
			 table.reload('crmsearchlist', {
				 where: field
				 , page: { curr: 1 }
			 });
		 }
  })
  function removealog(params) {
    $('#customer_detail').hide();
    $('.crmbox').removeClass('rightbox');
  }
  function getcrmtap(cid) {
    if (confirm('确定要获取到我的客户列表？') == true) {

      window.parent.getinvalid(cid, 'pool_list.html','community');
      // $.ajax({
      //   url: '{:url("empcrm/fetchpoolitem")}'
      //   , data: {
      //     cid: cid,
      //   }
      //   , type: 'post'
      //   , success: function (res) {
      //     console.log(res)
      //     if (res.code == 0) {

      //     } else {
      //       alert(res.msg)
      //     }
      //   }
      // });
    }
  }
</script>
{/block}