crm/app/empcrm/view/community/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>
    html,body{
		height:99%;
	}

    .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;
        border: 2px solid #4479ba;
    }

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

    .searchbtn {
        display: inline-block;
        float: right;
        border: none;
        width: 98px;
        height: 30px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        background: url(__STATIC__/img/icon-sub.png) no-repeat;
        cursor: pointer;
        vertical-align: middle;
    }

    .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;
    }

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

    #customer_detail {
        display: block;
        width: 435px;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 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;
    }

    .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;
    }

    .layui-form-checked {
        background-color: #37AF6E;
    }

    .layui-table-view .layui-form-checked i {
        color: #fff;
    }
    .layui-table-cell{
        overflow:hidden;
    }
	.searchbox .layui-form-select{float:left;width:130px;}
	.searchbox input{border:1px solid #e6e6e6 !important;}
    .totalBox {
        width: 100%;
        height: 100px;
        border: 1px solid #f2f2f2;
        display: flex;
        align-items: center;
    }
    .totalBox > div {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .totalName {
        font-size: 16px;
        color: #999999;
    }
    .totalNum {
        font-size: 20px;
        font-weight: 600;
    }
    .totalline {
        flex: none !important;
        width: 1px !important;
        height: 50px !important;
        background-color: #f2f2f2;
    }
    .ml5 {
        margin-left: 5px;
    }
    .cursor {
        cursor: pointer;
        margin-bottom:8px;
        position: relative;
    }
    .cursor > .layui-form-select {
        width: 115px;
        display: inline-block;
    }
    .cursor > .layui-form-select > .layui-select-title {
        border: none;
    }
    .cursor > .layui-form-select > .layui-select-title > input {
        border: none;
        color: #333333;
        font-weight: 600;
    }
	/* .layui-table-fixed-r .layui-table-body {
	    overflow: hidden !important;
	} */
	.relative {
	    position: relative;
	}
	.lay-setting {
	    position: absolute;
	    right: 8px;
	    top: 9px;
	    z-index: 999 !important;
	    cursor: pointer;
	}
	.lay-mask {
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.3);
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    z-index: 9999 !important;
	}
	
	.lay-block {
	    width: 400px;
	    height: 100%;
	    background-color: #fff;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    box-sizing: border-box;
	    padding: 10px 10px 30px 10px;
	    overflow: auto;
	}
	
	.lay-title {
	    width: 100%;
	    height: 40px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	
	.lay-title>span {
	    font-size: 16px;
	    color: #333333;
	    font-weight: 600;
	}
	
	.lay-title>i {
	    font-weight: 600;
	    cursor: pointer;
	}
	
	.layui-content {
	    width: 100%;
	    height: auto;
	}
	
	.lay-item,.lay-item1 {
	    width: 100%;
	    height: 50px;
	  /*  display: flex;
	    align-items: center;
	    justify-content: space-between; */
	}
	
	.lay-item>div {
	    display: flex;
	    align-items: center;
	}
	
	.lay-item>div>span {
	    margin-left: 6px;
	}
    .lay-item1>div {
	    display: flex;
	    align-items: center;
	}
    .lay-item1>div>span {
	    margin-left: 6px;
	}
	.layui-table-main {
		min-height: 60vh;
	}
	.sort_lis01{float:left;}
	.sort_lis02{float:right;}
	.sort_time{overflow: hidden;}
	.layui-form-switch i{top:2px !important;}
	::-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;
	}
	.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;
	}
	.rightPosition {
    position: absolute;
    right: 5px;
    top: 8px;
  }
    .layui-form-select dl {
        z-index: 9999 !important;
    }
	.warnningStyle {
		background-color: #ffe9b3;
		color: #000 !important;
	}

	.dangerStyle {
		background-color: #fdafab;
		color: #000 !important;
	}
	.tipsMessage {
		display: inline-block;
	}
	.colorBlock1 {
		display: inline-block;
		background-color: #ffe9b3;
		width: 10px;
		height: 10px;
	}
	.colorBlock2 {
		display: inline-block;
		background-color: #fdafab;
		width: 10px;
		height: 10px;
		margin-left: 8px;
	}
	.layui-table-hovers {
		background-color: transparent !important;
		color: #333333 !important;
	}
</style>

<body class="clearfix">
    <iframe id="customer_detail" style="display: none;" src=""></iframe>
    <div class="crmbox">
		<form class="layui-form">
        <div class="searchtitlebox">
            <div class="cursor topStyle1 layui-hide">
                您当前的操作 · <b>所有客户</b>
				<button class="searchbtn" type="button">添加新客户</button>
            </div>
			<div class="cursor topStyle2">
			    您当前的操作 · 
			    <select name="search_type" lay-filter="search_type_element">
			        <option value="1">客户报备统计</option>
			        <option value="2">客户跟进统计</option>
			    </select>
				<select name="is_assign" lay-filter="is_assign_element">
					<option value="">指派状态</option>
			        <option value="1">已指派</option>
			        <option value="2">未指派</option>
			    </select>
				<div class="tipsMessage layui-hide">
					<div class="colorBlock1"></div>
					<span>3至7天未跟进</span>
					<div class="colorBlock2"></div>
					<span>7天及7天以上未跟进</span>
				</div>
				<button class="searchbtn" type="button">添加新客户</button>
			</div>
        </div>
		</form>
        <div class="crmsearchlist relative">
			<i class="layui-icon layui-icon-set-fill lay-setting"></i>
            <table lay-filter="crmsearchlist" id="crmsearchlist"></table>
        </div>
    </div>
<!--  -->
<div class="lay-mask layui-hide">
    <div class="lay-block">
        <div class="lay-title">
            <span>表格显示设置</span>
            <i class="layui-icon layui-icon-close"></i>
        </div>
        <div class="layui-content layui-form">

        </div>
    </div>
</div>
</body>
<script src="__LAYUI__/layui/layui.js"></script>
<script type="text/javascript" src="__STATIC__/js/Sortable.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_time){ }}
	<img src="__STATIC__/img/wxchatad.png" width="14px" class="rightPosition" alt="">
    {{# }else{ }}
    {{# } }}
  {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# if(d.add_wechat_time){ }}
	<img src="__STATIC__/img/wxchatad.png" width="14px" class="rightPosition" alt="">
    {{# }else{ }}
    {{# } }}
  {{# } }}
</script>
<script type="text/html" id="square">
    {{# if(d.square>200){ }}
        <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="designer_name">
  {{# if(d.designer){ }}
    <span>{{d.designer.name}}</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="status">
  {{# if(d.state=="待确认"){ }}
  <div class="unstatusbox"  lay-event="unstatus">
    <input type="checkbox" class="redconfirm">
    <span class="statusbox">{{d.time_status?d.time_status:'-'}}</span>
  </div>
  {{# }else if(d.visit_log_count==0){ }}
    <span style="color: #cccccc;">{{d.time_status}}</span>
  {{# }else { }}
    <span>{{d.time_status}}</span>
  {{# } }}
</script>
<script type="text/html" id="community">
	{{d.community_name?d.community_name:''}}
	{{# if(d.into_owner_group){ }}
	  <!-- <span class="dingjingorder jieshaokehu">求介绍</span> -->
	  <img src="__STATIC__/img/jinqun.png" width="15px" class="rightPosition" alt="">
	{{# }else{ }}
	{{# } }}
  </script>
<script type="text/html" id="editbox">
  {{# if(d.state=="待确认" && d.is_followup == 1){ }}
    <a style="display:inline-block;" lay-event="edit" href="javascript:void(0);">编辑</a>
  {{# }else { }}
    {{# if(d.is_followup == 1){ }}
    <a style="display:inline-block;" lay-event="editstate" href="javascript:void(0);">状态</a><span style="padding:0 4px;">/</span><a lay-event="edit" style="display:inline-block;" href="javascript:void(0);">编辑</a>
    {{# } }}
  {{# } }}
</script>
<script type="text/html" id="designer_nametpl">
    {{# if(d.designer){ }}
    <span>{{d.designer.name}}</span>
    {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# } }}
</script>
<script type="text/html" id="employee_nametpl">
    {{# if(d.employee){ }}
    <span>{{d.employee.name}}</span>
    {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# } }}
</script>
<script type="text/html" id="phone">
    <div>
        {{# if(d.phone){ }}
        <div>{{d.phone}}</div>
        {{# } }}
        {{# if(d.phone1){ }}
        <p>{{d.phone1}}</p>
        {{# } }}
        {{# if(d.phone2){ }}
        <p>{{d.phone2}}</p>
        {{# } }}
    </div>
</script>
<script type="text/html" id="stateTpl">
    {{# if(d.allstate){ }}
        <span>{{d.allstate}}</span>
    {{# }else{ }}
        <span style="color: #cccccc;">无</span>
    {{# } }}
</script>
<script type="text/html" id="level">
    {{# if(d.level){ }}
    <span>{{d.level}}</span>
    {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# } }}
</script>
<script type="text/html" id="last_contact_date">
    {{# if(d.last_contact_date){ }}
    <span>{{d.last_contact_date}}</span>
    {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# } }}
</script>
<script type="text/html" id="revisit_time">
    {{# if(d.revisit_time){ }}
    {{# if(d.revisit_time =='0000-00-00'){ }}
    <span style="color: #cccccc;">无</span>
    {{# }else{ }}
    <span>{{d.revisit_time}}</span>
    {{# } }}
    {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# } }}
</script>
<script type="text/html" id="protectTpl">
    {{# if(d.protected_to){ }}
    <span>{{d.protected_to}}</span>
    {{# }else{ }}
    <span style="color: #cccccc;">无</span>
    {{# } }}
</script>
<script type="text/javascript">
    var reload = null, resizefun = null;
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['table','form','laydate'], function () {
        var table = layui.table,
            laydate = layui.laydate,
            $ = layui.$;
            form = layui.form,
            fType = 1,
			is_assign = 0,
			firstloading = 0;
			var field = {
				'name' : '',
				'source_name' : '',
				'designer_name' : '',
				'level' : '',
				'state' : '',
				'addtime' : '',
				'followtime' : '',
				'employee_name' : '',
				'square' : ''
			};
		var controlColor = "{$need_follow_tips}";
		if (controlColor == 1) {
			$(".tipsMessage").removeClass('layui-hide');
		}
        var is_manager = "{$is_manager}";
		if (is_manager != 1) {
			$('.totalBox').addClass('layui-hide');
			$('.topStyle1').removeClass('layui-hide');
			$('.topStyle2').addClass('layui-hide');
		}
		
		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;
		}
		

		if (window.performance) {
			localStorage.setItem('data','');
		}
		
		window.parent.reloadFun = function() {
			firstloading = 0;
            table.reload('crmsearchlist', { where: field }, true);
		}
		

		ajaxlist();
		function ajaxlist(){
			$.ajax({
			    type: "post",
			    url: '{:url("community/poolFieldsList")}',
			    data: {
			        type: 1
			    },
			    success: function (res) {
					if(res.code == 0){
						data = res.data;
						tableData = data;
						var cols =[[]];
						$.each(data,function(key,val){
							if (key == 'name') {
								cols[0].push({field:key,title:val['name'],minWidth: 120,align:'center',show:val['show'],fixed: "left"});
							} else if (key == 'square' && val['show']==1) {
								cols[0].push({field:key,title:val['name'],minWidth: 100,align:'center',show:val['show'],templet: function(res) {
									if (res.square > 180) {
										return `<span style="color:red;">${res.square}</span>`;
									} else {
										return `<span>${res.square}</span>`;
									}
								}});
							} else if (key == 'last_contact_date' && val['show']==1) {
								cols[0].push({field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else if (key == 'addtime' && val['show']==1) {
								cols[0].push({field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else if (key == 'protected_to' && val['show']==1) {
								cols[0].push({field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else if (key == 'fisttime' && val['show']==1) {
								cols[0].push({field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else if (key == 'jiaoding_time' && val['show']==1) {
								cols[0].push({field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else if (key == 'qiandan_time' && val['show']==1) {
								cols[0].push({field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else if (key == 'community_name' && val['show']==1) {
								cols[0].push({templet: "#community",field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else if (key == 'employee_name' && val['show']==1) {
								cols[0].push({templet: "#empname",field:key,title:val['name'],minWidth: 160,align:'center',show:val['show']});
							} else {
								if (val['show']==1) {
									cols[0].push({field:key,title:val['name'],minWidth: 120,align:'center',show:val['show']});
								}
							}
						})
						cols[0].push({field: 'time_status', title: '跟进状态',minWidth: 100,align:'center',templet: '#status',})
						cols[0].push({title: '操作',width: 100, align:'center', templet: '#editbox',fixed: "right"});
						cols[0].push({title:'',width: 30,align:'center',fixed: "right"})
						let url = '{:url("community/list")}';
						table.render({
							elem: '#crmsearchlist',
							url: url,
							cols: cols,
							page: true,
							limits: [17],
							limit: 17, //每页默认显示的数量,
							height: 'full-120',
							text: '对不起，加载出现异常！',
							done: function (res, curr, count) {
								searchHtmlBody(curr);
								if (controlColor == 1) {
									$.each(res.data, function (index, item) {
										if (item.no_visit_day >= 3 && item.no_visit_day < 7) {
											$('.layui-table').find('tr[data-index="' + index + '"]').addClass('warnningStyle');
										} else if (item.no_visit_day >= 7) {
											$('.layui-table').find('tr[data-index="' + index + '"]').addClass('dangerStyle');
										}
									})

									$('tr').hover(function(){
										let idx = $(this).prop('dataset').index;
										if (idx || idx == 0) {
											$('.layui-table').find('tr[data-index="' + idx + '"]').addClass('layui-table-hovers');
										}
									},function(){
										let idx = $(this).prop('dataset').index;
										if (idx || idx == 0) {
											$('.layui-table').find('tr[data-index="' + idx + '"]').removeClass('layui-table-hovers');
										}
									})
								}
							}						
						});
					}else if(res.code==403){
						$(".exitbtn").trigger("click");
					}
			    }
			});	
		}
		
		$('.lay-setting').click(function() {
		    let arr = [];
		    $.each(data,function(key,val){
		        arr.push({...val,field: key});
		    })
		    renderTableSwitch(arr,1);
			$('.lay-mask').removeClass('layui-hide');
		})
		$('.layui-icon-close').click(function () {
		    $('.lay-mask').addClass('layui-hide');
		})
		
		$('.lay-block').click(function(e) {
		    e.stopPropagation();
		})
		
		$('.lay-mask').click(function() {
		    $(this).addClass('layui-hide');
		})
		
		
		
		function renderTableSwitch(data,types) {
		    let htmls = data.map((item, index) => {
		       return `<div class="sort_time ${item.field=='name'?'lay-item1':'lay-item'}">
		                   <div class="sort_lis01">
		                       <img style="display:${types==5||item.field=='name'?'none':'block'}" src="__STATIC__/img/sorticon.png" width="16px" alt="">
		                       <span>${item.name}</span>
		                   </div>
		                   <div class="sort_lis02 ${item.field=='name'?'hideclass':''}">
		                       <input type="checkbox" ${item.field=='name'?'disabled':''} lay-filter="tableSort" ${item.show == 1 && item.field!=='name'? 'checked' : ''} name="${item.field}" lay-skin="switch">
		                   </div>
		               </div>`;
		    }).join('');
		    $('.layui-content').html(htmls);
		    setTimeout(() => {
		        form.render();
				var check='';
				var names='';
				$('.hideclass').find('.layui-checkbox-disbaled').removeClass('layui-form-onswitch');
				form.on('switch(tableSort)', function (data) {
					getdatalist(types);	
				})
				if(types != 5){
					new Sortable($('.layui-content')[0], {
						handle: '.lay-item', // handle's class
						animation: 150,
						// 结束拖拽
						onEnd: function (/**Event*/evt) {
						   getdatalist(types,0);
						},
					});
				}
		    }, 300)
		}
		
		function getdatalist(types){
			let getCheckedField = $('.sort_time');
			let itemArr = [];
			let check;
			getCheckedField.each(function (i) {
				let ischeck = $(this).find('input').prop("checked");
				if(ischeck){
					check = 1
				}else{
					check = 0
				}
				let names = $(this).find('input').attr('name');
				itemArr.push({name:names, show: check, sort: i + 1 });
			})
			var datajson = JSON.stringify(itemArr);
			$.ajax({
			    type: "post",
			    url: '{:url("community/poolFieldsSet")}',
			    data: {
			        type: types,
					content:datajson
			    },
			    success: function (res) {
					if(res.code==403){
						$(".exitbtn").trigger("click");
					}
					firstloading = 0;
					ajaxlist();
				}
			})
		}
		var selHtml = `<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="checkall02" value="1">
										<p class="check_name">资源库</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="2">
										<p class="check_name">自建</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="3">
										<p class="check_name">活动</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="4">
										<p class="check_name">装修推荐官</p>
									</li>
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;
						
		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 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 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 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 stateHtml = `<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">
									{if $xinjushang}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="待确认">
										<p class="check_name">待确认</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="有效">
										<p class="check_name">有效线索</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="未到访">
										<p class="check_name">未到访</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已量房">
										<p class="check_name">已量房</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已到店">
										<p class="check_name">已到店</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已到场">
										<p class="check_name">已到场</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已交定">
										<p class="check_name">定金</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已签单">
										<p class="check_name">合同</p>
									</li>
									{else /}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="待确认">
										<p class="check_name">待确认</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="有效">
										<p class="check_name">有效线索</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="未到访">
										<p class="check_name">未到访</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已量房">
										<p class="check_name">已量房</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已到店">
										<p class="check_name">已到店</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已到场">
										<p class="check_name">已到场</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已签单">
										<p class="check_name">定金</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="已转单">
										<p class="check_name">合同</p>
									</li>
									{/if}
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;
		
		var selHtml2 = `<div class="wpsa psinput">
							<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 selHtml3 = `<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" style="padding-top:20px;">
								<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">3~7天未跟进</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="2">
										<p class="check_name">8~14天未跟进</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="3">
										<p class="check_name">15~30天未跟进</p>
									</li>
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall03" value="4">
										<p class="check_name">30天以上未跟进</p>
									</li>
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</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-200²</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>`;
		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 assignemp_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="assignemp_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 emporg = `<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="emporg_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 xinjushang = '{$xinjushang}';
		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="phone"]','手机号',selHtml2,'phone','ishtml2');
					apphtml02($(this),'th[data-field="employee_name"]','所属员工',employee_nameHtml,'employee_name','ishtml1');
					apphtml02($(this),'th[data-field="designer_name"]','设计师',designer_nameHtml,'designer_name','ishtml1');
					apphtml02($(this),'th[data-field="source_name"]','来源渠道',source_nameHtml,'source_name','ishtml1');
					apphtml02($(this),'th[data-field="community_name"]','小区名称',selHtml2,'community_name','ishtml2');
					apphtml02($(this),'th[data-field="customer_type"]','客户种类',selHtml,'customer_type','ishtml1');
					apphtml02($(this),'th[data-field="square"]','面积',mianjiHtml,'square','ishtml1');
					apphtml02($(this),'th[data-field="level"]','重要',levelHtml,'level','ishtml1');
					apphtml02($(this),'th[data-field="state"]','状态',stateHtml,'state','ishtml1');
					apphtml02($(this),'th[data-field="assign_list"]','指派客户经理',assignemp_nameHtml,'assign_list','ishtml1');
					apphtml02($(this),'th[data-field="sign_time"]','报名时间',detatime,'sign_time','detatime');
					apphtml02($(this),'th[data-field="last_contact_date"]','跟进时间',detatime,'last_contact_date','detatime');
					apphtml02($(this),'th[data-field="subscribe_date"]','预计见面时间',detatime,'subscribe_date','detatime');
					apphtml02($(this),'th[data-field="revisit_time"]','下次回访时间',detatime,'revisit_time','detatime');
					apphtml02($(this),'th[data-field="addtime"]','添加时间',detatime,'addtime','detatime');
					apphtml02($(this),'th[data-field="first_liangfang"]','首次量房时间',detatime,'first_liangfang','detatime');
					apphtml02($(this),'th[data-field="add_wechat_time"]','加微时间',detatime,'add_wechat_time','detatime');
					apphtml02($(this),'th[data-field="fisttime"]','首次到店时间',detatime,'fisttime','detatime');
					apphtml02($(this),'th[data-field="jiaoding_time"]','交定时间',detatime,'jiaoding_time','detatime');
					apphtml02($(this),'th[data-field="qiandan_time"]','合同时间',detatime,'qiandan_time','detatime');
					apphtml02($(this),'th[data-field="house_delivery_time"]','交房时间',detatime,'house_delivery_time','detatime');
					apphtml02($(this),'th[data-field="no_visit_day"]','未跟进天数',selHtml3,'no_visit_day','ishtml1');
					apphtml02($(this),'th[data-field="emporg"]','业务员部门',emporg,'emporg','ishtml1');
					$(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=='phone'||i=='community_name'){
											$('body').find('.layui-table-header').find("tr th").eq(n).find('.kwovsint').val(v);
										}else if(i=='sign_time'||i=='house_delivery_time'||i=='last_contact_date'||i=='fisttime'||i=='first_liangfang'||i=='subscribe_date'||i=='revisit_time'||i=='addtime'||i=='jiaoding_time'||i=='qiandan_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 }
			 });
			 if (is_manager == 1 && (field['addtime']||field['followtime']||field['employee_name'])) {
			 	getStatistics();
			 	getStatisticsMore();
			 }
		 }
		
		
        form.on("select(search_type_element)",function(data){   
            fType = data.value;
            if (fType == 1) {
                $('#addtime').removeClass('layui-hide');
                $('#followtime').addClass('layui-hide');
                $('#followtime').val('');
            } else {
                $('#addtime').addClass('layui-hide');
                $('#followtime').removeClass('layui-hide');
                $('#addtime').val('');
            }
            getStatistics();
            getStatisticsMore();
            searchTableFunc();
        });
		form.on("select(is_assign_element)",function(data){   
            is_assign = data.value;
            field['is_assign'] = is_assign;
			//执行重载
            table.reload('crmsearchlist', {
                where: field
                , page: { curr: 1 }
            });
        });

        function searchTableFunc() {
			firstloading = 0;
            var source_name = $('[name=source_name]').val();
            var designer_name = $('[name=designer_name]').val();
            var level = $('[name=level]').val();
            var keyname = $('[name=keyname]').val();
            var state = $('[name=state]').val();
            var addtime = $('[name=addtime]').val();
            var followtime = $('[name=followtime]').val();
            var employee_name = $('[name=employee_name]').val();
            
            field['keyname'] = keyname;
            field['source_name'] = source_name;
            field['designer_name'] = designer_name;
            field['level'] = level;
            field['state'] = state;
            field['addtime'] = addtime;
            field['followtime'] = followtime;
            field['employee_name'] = employee_name;
            field['search_type'] = fType;
            //执行重载
            table.reload('crmsearchlist', {
                where: field
                , page: { curr: 1 }
            });
        }

		let statistics_setting = {$statistics_setting};
        if (is_manager == 1 && statistics_setting) {
			//getStatistics();
			//getStatisticsMore();
		}
        function getStatistics() {
			var addtime = $('[name=addtime]').val();
			var followtime = $('[name=followtime]').val();
            var employee_name = $('[name=employee_name]').val();
			var objtype;
			if(fType == 1){
				objtype = {
					addtime:addtime,
				}
			}else{
				objtype = {
					followtime:followtime
				}
			}
            $.ajax({
                url: '{:url("empcrm/statistics")}',
                type: "post",
                data: {
                    search_type: fType,
					...objtype,
					employee_name: employee_name
                },
                success: (res) => {
                    if (res.code == 0) {
                        let data = res.data;
                        $('.totalNum0').text(data.customer_num);
                        $('.totalNum1').text(data.visit_num);
                    }else if(res.code==403){
						$(".exitbtn").trigger("click");
					}
                }
            })
        }
        
        function getStatisticsMore() {
			var addtime = $('[name=addtime]').val();
			var followtime = $('[name=followtime]').val();
            var employee_name = $('[name=employee_name]').val();
			var objtype;
			if(fType == 1){
				objtype = {
					addtime:addtime,
				}
			}else{
				objtype = {
					followtime:followtime
				}
			}
            $.ajax({
                url: '{:url("empcrm/statistics_more")}',
                type: "post",
                data: {
                    search_type: fType,
					...objtype,
                    employee_name: employee_name
                },
                success: (res) => {
                    if (res.code == 0) {
                        let data = res.data;
                        $('.totalNum2').text(data.yylf_num);
                        $('.totalNum3').text(data.lf_num);
                        $('.totalNum4').text(data.yydd_num);
                        $('.totalNum5').text(data.ydd_num);
                        $('.totalNum6').text(data.deposit_num);
                        $('.totalNum7').text(data.signed_num);
                        $('.totalNum8').text(data.yyhd_num);
                        $('.totalNum9').text(data.ydc_num);
                    }else if(res.code==403){
						$(".exitbtn").trigger("click");
					}
                }
            })
        }
        resizefun = function () {
            table.resize('crmsearchlist');
        };
        reload = function () {
			firstloading = 0;
            table.reload('crmsearchlist', { where: field }, true);
        };
        var flag = true;
        table.on('tool(crmsearchlist)', function (result) {
            let event = result.event;
            let row = result.data;
            flag = true;
            if (event === "unstatus") {
                flag = false;

                if (confirm('是否确认为有效线索？')) {
                    $.ajax({
                        url: '{:url("empcrm/validation")}'
                        , data: {
                            customer_id: row.id,// （客户id）
                            state: '未到访',
                        }
                        , type: 'post'
                        , success: function (res) {
                            if (res.code == 0) {
                                $(result.tr).children('td').children('div').children('div').children('.redconfirm')[0].checked = true;
                                $(result.tr).children('td').children('div').children('div').children('.redconfirm')[0].disabled = true;
                                if (row.visit_log_count == 0) {
                                    $(result.tr).children('td[data-field="time_status"]').children('div').html('<span style="color: #cccccc;">-</span>');
                                } else {
                                    $(result.tr).children('td[data-field="time_status"]').children('div').html('<span' + row.time_status + '</span>');
                                }
                                row.state = "未到访";
                                alert('成功：更改成功，线索为有效线索状态！！！');
                            }else if(res.code==403){
								$(".exitbtn").trigger("click");
							} else {
                                alert(res.msg)
                            }
                        }
                    });
                } else {

                    $(result.tr).children('td').children('div').children('div').children('.redconfirm')[0].checked = false;
                    $(result.tr).children('td').children('div').children('div').children('.redconfirm')[0].disabled = false;

                    $(result.tr).children('td').children('div').children('div').children('.layui-unselect').removeClass('layui-form-checked');
                }
                return false;
            } else if (event === "edit") {
				flag = false;
				$.ajax({
					url: '{:url("community/checkCustomer")}'
					, data: {
					  id: result.data.id,
					}
					, type: 'post'
					, success: function (rs) {
					  if(rs.code==0){
                		window.parent.editcrmsg(result.data.id,'','community')
					  }else{
						alert(rs.msg)
					  }
					}
				})
                return false;
            } else if (event === "editstate") {
				flag = false;
				$.ajax({
					url: '{:url("community/checkCustomer")}'
					, data: {
					  id: result.data.id,
					}
					, type: 'post'
					, success: function (rs) {
						if(rs.code==0){
							window.parent.statemsg(result.data.id, 'list.html','community');
						}else{
							alert(rs.msg)
						}
					}
				})
                
                return false;
            } else {
                flag = true;
            }
            flag = true;
        })
        $('.crmsearchlist').on('click', 'td', function (e) {
            var _event = $(this).find('[lay-event]').attr('lay-event');
            var _obj = table.cache.crmsearchlist[parseInt($(this).parent('tr').attr('data-index'))];
            switch (_event) {
                case 'unstatus':
                    break;
                case 'edit':
                    break;
                case 'editstate':
                    break;
                default:
					$.ajax({
						url: '{:url("community/checkCustomer")}'
						, data: {
						id: _obj.id,
						}
						, type: 'post'
						, success: function (rs) {
							if(rs.code==0){
								flag = true;
								$('#customer_detail')[0].src = "/empcrm/community/addlog.html?cid=" + _obj.id;
								$('.crmbox').addClass('rightbox');
								$('#customer_detail').show();
								resizefun();
							}else{
								alert(rs.msg)
							}
						}
					})
            }
            return false; //阻止事件冒泡
        })
        table.on('row(crmsearchlist)', function (obj) {
            var data = obj.data;
            if (flag) {
				$.ajax({
					url: '{:url("community/checkCustomer")}'
					, data: {
					  id: data.id,
					}
					, type: 'post'
					, success: function (rs) {
					  if(rs.code==0){
						$('#customer_detail')[0].src="/empcrm/community/addlog.html?cid="+ data.id;
						$('.crmbox').addClass('rightbox');
						$('#customer_detail').show();
						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');
						resizefun();
					  }else{
						alert(rs.msg)
					  }
					}
				})
            }
        });
        $('.searchbtn').click(function () {
            window.parent.addcrmmsg('list.html','community')
        })

    })
    function removealog(params) {
        $('#customer_detail').hide();
        $('.crmbox').removeClass('rightbox');
		reload();

    }
</script>

{/block}