crm/app/empcrm/view/empcrm/tencent_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%;
	}

	#popinfo {
		position: fixed;
		top: -1999px;
	}

	#ID-demo-layer-direction-r #popinfo {
		position: static;
	}

	#popinfo .layui-form-select {
		margin: 0;
		width: 100%;
	}

	.detailform {
		padding-top: 20px;
	}

	.detailform .layui-form-label {
		width: 100%;
		display: block;
		text-align: left;
		padding: 0;
	}

	.detailform .layui-form-item {
		width: 222px;
		display: inline-block;
	}

	.padding-t-10 {
		padding-top: 10px;
	}

	.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-right: 40px;
		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: 20px;
		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: 820px;
		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: 160px;
		display: flex;
		align-items: center;
		margin-top: 15px;
	}

	.totalBox .totalBoxClock {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border: 1px solid #e6e6e6;
	}

	.totalBox .totalBoxClock:nth-child(1) {
		width: 220px;
	}

	.totalBox .totalBoxClock:nth-child(2) {
		width: 160px;
	}

	.totalBox .totalBoxClock:nth-child(3) {
		width: 280px;
	}

	.totalBox .totalBoxClock:nth-child(4) {
		width: 150px;
	}

	.totalBox .totalBoxClock:nth-child(5) {
		width: 150px;
	}

	.totalBox .totalBoxClock:nth-child(6) {
		width: 150px;
	}

	.totalBox .totalBoxClock:nth-child(7) {
		width: 280px;
	}

	.borderRight {
		border-right: 1px solid #e6e6e6;
	}

	.borderTop {
		border-top: 1px solid #e6e6e6;
	}

	.totalBox .totalBoxClock .totalBoxClockDiv{
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
	}

	.totalBox .totalBoxClock .totalBoxClockDivTwo{
		flex: 1;
		display: flex;
		flex-direction: initial;
		align-items: center;
		justify-content: center;
		padding: 0px 0;
	}

	.totalBox .totalBoxClock .totalBoxClockDivTwo div{
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 0px;
	}

	.totalBox .totalBoxClock .huise{
		background:#f2f2f2;
		width: 100%;
	}

	.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;
		text-align: center;
	}

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

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

	.sectionje {
		width: 45%;
	}

	.ds {
		display: block;
	}

	.wleft {
		float: left;
	}

	.wright {
		float: right;
	}

	.woverflow {
		overflow: hidden;
	}

	.width94_ {
		width: 94%;
	}

	.wauto {
		margin: 0 auto;
	}

	.width05_ {
		width: 10%;
		text-align: center;
	}

	.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-bg-green {
		background-color: #16baaa!important;
		color: #fff!important;
	}	

	#poptags{
		position: fixed;
		top: -1999px;
	}
	#ID-demo-layer-direction-r-1 #poptags {
		position: static;
	}
	#poptags .layui-form-label{
		font-size: 16px;
		color: #333;
	}
</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></div>
				<form class="layui-form">
					<div class="searchbox clearfix">
						<div class="selectbox">
							{if $is_manager == 1}
							<select name="advertiser_id" lay-search>
								<option value="">全部账户</option>
								{foreach $advertiser_id as $val}
								<option value="{$val.id}">{$val.name}</option>
								{/foreach}
							</select>
							<select name="is_allocation" lay-search>
								<option value="">转化状态</option>
								<option value="2">已转化</option>
								<option value="1">未转化</option>
							</select>
							<select name="is_fenpei" lay-search>
								<option value="">分配状态</option>
								<option value="2">已分配</option>
								<option value="1">未分配</option>
							</select>
							{/if}
							<select name="is_contact" lay-search>
								<option value="">联系状态</option>
								<option value="2">已联系</option>
								<option value="1">未联系</option>
							</select>
							<select name="searchkey" lay-search lay-filter="searchkey">
								<option value="name" selected>按姓名</option>
								<option value="clue_id">按线索ID</option>
								<option value="telephone">按电话</option>
								<option value="tags">按标签</option>
								<option value="address">按详细地址</option>
								<!-- <option value="advertiser_id">按广告主ID</option> -->
								<option value="ad_name">按广告计划名称</option>
								<option value="ad_id">按广告计划ID</option>
								<option value="promotion_id">按广告ID</option>
								<option value="promotion_name">按广告名称</option>
								<option value="weixin">按微信号</option>
								<option value="qq">按QQ号</option>
								<option value="email">按邮箱</option>
								<option value="location">按手动填写地域</option>
								<option value="module_id">按组件ID</option>
								<option value="module_name">按组件名称</option>
								<!-- <option value="store_id">按门店ID</option>
								<option value="store_name">按门店名称</option>
								<option value="store_pack_id">按门店活动ID</option>
								<option value="store_pack_name">按门店活动名称</option> -->
							</select>
							<input class="left searchtext" type="text" autocomplete="off" name="keyname" placeholder="请输入内容" />
							<button class="left searchbtn1" style="margin-right: 0;" type="button" lay-submit lay-filter="searchkeywords">搜索</button>
							<button class="left searchbtn1" type="button" lay-submit lay-filter="searchkeywords1">重复</button>
						</div>

						<div class="selectbox">
							<select name="searchdate" lay-search lay-filter="datefilter">
								<option value="">自定义</option>
								<option value="1">全部</option>
								<option value="2">今天</option>
								<option value="3">昨天</option>
								<option value="4">近7天</option>
								<option value="5" selected>近30天</option>
								<option value="6">本月</option>
								<option value="7">上月</option>
							</select>
							<input class="left searchtext" type="text" name="time" id="time"
								style="width: 160px;border-color: #ccc;" placeholder="请选择开始时间到结束时间" readonly>
						</div>
					</div>
				</form>

				<form class="layui-form">
					<div class="searchbox clearfix">
						<div class="selectbox">
							<div class="leftselect">排序：</div>
							<select name="order_type" lay-search>
								<option value="">==线索创建时间==</option>
								<option value="1">时间正序</option>
								<option value="2">时间倒序</option>
							</select>
							<button class="left searchbtn1" type="button" lay-submit lay-filter="search">排序</button>
						</div>
						<!-- <button class="searchbtn" type="button">添加新客户</button> -->
					</div>
				</form>
				{if $is_manager == 1}
				<div class="totalBox">
					<div class="totalBoxClock">
						<div class="totalBoxClockDiv">
							<span class="totalNum0 totalNum">0</span>
							<span class="totalName">消耗</span>
						</div>
						<div class="totalBoxClockDiv huise borderTop">
							<span class="totalNum1 totalNum">0</span>
							<span class="totalName">总产值</span>
						</div>
					</div>
					<div class="totalBoxClock">
						<div class="totalBoxClockDiv">
							<span class="totalNum2 totalNum">0</span>
							<span class="totalName">线索量</span>
						</div>
						<div class="totalBoxClockDiv huise borderTop">
							<span class="totalNum3 totalNum">0</span>
							<span class="totalName">线索单价</span>
						</div>
					</div>
					<div class="totalBoxClock">
						<div class="totalBoxClockDiv">
							<span class="totalNum4 totalNum">0</span>
							<span class="totalName">有效线索</span>
						</div>
						<div class="totalBoxClockDivTwo huise">
							<div class="borderRight borderTop">
								<span class="totalNum5 totalNum">0</span>
								<span class="totalName">有效单价</span>
							</div>
							<div class="borderTop">
								<span class="totalNum6 totalNum">0</span>
								<span class="totalName">有效率</span>
							</div>
						</div>
					</div>
					<div class="totalBoxClock">
						<div class="totalBoxClockDiv">
							<span class="totalNum7 totalNum">0</span>
							<span class="totalName">量房</span>
						</div>
						<div class="totalBoxClockDiv huise borderTop">
							<span class="totalNum8 totalNum">0</span>
							<span class="totalName">量房率</span>
						</div>
					</div>
					<div class="totalBoxClock">
						<div class="totalBoxClockDiv">
							<span class="totalNum9 totalNum">0</span>
							<span class="totalName">到店</span>
						</div>
						<div class="totalBoxClockDiv huise borderTop">
							<span class="totalNum10 totalNum">0</span>
							<span class="totalName">到店率</span>
						</div>
					</div>
					<div class="totalBoxClock">
						<div class="totalBoxClockDiv">
							<span class="totalNum11 totalNum">0</span>
							<span class="totalName">定金</span>
						</div>
						<div class="totalBoxClockDiv huise borderTop">
							<span class="totalNum12 totalNum">0</span>
							<span class="totalName">定金率</span>
						</div>
					</div>
					<div class="totalBoxClock">
						<div class="totalBoxClockDiv">
							<span class="totalNum13 totalNum">0</span>
							<span class="totalName">合同</span>
						</div>
						<div class="totalBoxClockDivTwo huise">
							<div class="borderRight borderTop">
								<span class="totalNum14 totalNum">0</span>
								<span class="totalName">均单值</span>
							</div>
							<div class="borderTop">
								<span class="totalNum15 totalNum">0</span>
								<span class="totalName">合同率</span>
							</div>
						</div>
					</div>
				</div>
				{/if}
			</div>
			<div class="crmsearchlist relative ">
				<i class="layui-icon layui-icon-set-fill lay-setting"></i>
				<table lay-filter="crmsearchlist" id="crmsearchlist"></table>
			</div>
			<!-- <div class="crmsearchlist">
				<table lay-filter="crmsearchlist" id="crmsearchlist"></table>
			</div> -->
		</form>
	</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>


	<div style="padding: 16px;" id="popinfo">
		<div class="layui-row padding-t-10">
			<div class="layui-col-xs2">线索所属人</div>
			<div class="layui-col-xs4 clue_owner_name"></div>
			<div class="layui-col-xs2">线索创建时间</div>
			<div class="layui-col-xs4 create_time"></div>
		</div>
		<div class="layui-row padding-t-10">
			<div class="layui-col-xs2">电话</div>
			<div class="layui-col-xs4 telephone"></div>
			<div class="layui-col-xs2">线索渠道</div>
			<div class="layui-col-xs4 clue_source"></div>
		</div>
		<div class="layui-row padding-t-10">
			<div class="layui-col-xs2">流量来源</div>
			<div class="layui-col-xs4 app_name"></div>
			<div class="layui-col-xs2">线索类型</div>
			<div class="layui-col-xs4 clue_type"></div>
		</div>
		<h3 class="layui-row padding-t-10 ">
			线索阶段
		</h3>
		<!-- <div class="layui-form-item" style="width: 100%;padding-bottom: 50px;text-align: center;">
			  
		</div> -->
		<form class="layui-form detailform" lay-filter="demo-val-filter">
			<input type="text" name="id" autocomplete="off" style="display: none;" class="layui-input">
			<div class="layui-form-item" style="width: 100%;">
				<label class="layui-form-label">选择标签</label>
				<div class="layui-input-inline layui-input-wrap addtags" style="width: 415px;">
					<input type="text" name="tags" id="labelElement" placeholder="选择标签" autocomplete="off" lay-affix="clear" class="layui-input">
				</div>
				<!-- <span class="layui-btn layui-btn-primary layui-border-blue addtags">添加标签</button> -->
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">姓名</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="name" autocomplete="off" lay-affix="clear" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">电话</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="telephone" autocomplete="off" lay-affix="clear" readonly class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">性别</label>
				<div class="layui-input-inline layui-input-wrap">
					<select name="gender" lay-filter="aihao">
						<option value="未知" selected>未知</option>
						<option value="男">男</option>
						<option value="女">女</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">年龄</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="age" autocomplete="off" lay-affix="clear" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">微信</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="weixin" autocomplete="off" lay-affix="clear" class="layui-input">
				</div>
			</div>
			<!-- 	<div class="layui-form-item">
				<label class="layui-form-label">自动定位城市</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="location" readonly lay-verify="required" autocomplete="off"
						lay-affix="clear" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">手机号归属地</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="vercode" readonly lay-verify="required" autocomplete="off"
						lay-affix="clear" class="layui-input">
				</div>
			</div> -->

			<div class="layui-form-item">
				<label class="layui-form-label">线索创建时间</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="create_time_detail" readonly autocomplete="off" lay-affix="clear"
						class="layui-input">
				</div>
			</div>
			<!-- <div class="layui-form-item">
				<label class="layui-form-label">最新修改时间</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="create_time" readonly lay-verify="required" autocomplete="off"
						lay-affix="clear" class="layui-input">
				</div>
			</div> -->
			<div class="layui-form-item">
				<label class="layui-form-label">QQ号</label>
				<div class="layui-input-inline layui-input-wrap">
					<input type="text" name="qq" autocomplete="off" lay-affix="clear" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">邮箱</label>
				<div class="layui-input-inline">
					<input type="text" name="email" autocomplete="off" class="layui-input">
				</div>
			</div>
			<!-- <div class="layui-form-item">
				<label class="layui-form-label">日期</label>
				<div class="layui-input-inline">
					<input type="text" name="date" id="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
				</div>
			</div> -->
			<div class="layui-form-item">
				<label class="layui-form-label">详细地址</label>
				<div class="layui-input-inline">
					<textarea placeholder="请输入详细地址" name="address" class="layui-textarea"></textarea>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">备注</label>
				<div class="layui-input-inline">
					<textarea placeholder="请输入备注" name="remark" class="layui-textarea"></textarea>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">手动填写地域</label>
				<div class="layui-input-inline">
					<input type="text" name="location" class="layui-input">
				</div>
			</div>
			<!-- <div class="layui-form-item">
				<label class="layui-form-label">标记</label>
				<div class="layui-input-inline">
					<input type="text" name="employee_remark" class="layui-input">
				</div>
			</div> -->
			<!-- <div class="layui-form-item layui-form-text">
				<label class="layui-form-label">您的房屋面积</label>
				<div class="layui-input-inline">
					<input type="text" name="vercode" lay-verify="required" autocomplete="off" lay-affix="clear"
						class="layui-input">
				</div>
			</div>
			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">预计装修时间</label>
				<div class="layui-input-inline">
					<input type="text" name="vercode" lay-verify="required" autocomplete="off" lay-affix="clear"
						class="layui-input">
				</div>
			</div> -->
			<div class="layui-form-item" style="width: 100%;padding-bottom: 50px;text-align: center;">

				<button type="button" class="layui-btn popsub" lay-submit lay-filter="popsub">保存</button>
				<button type="button" class="layui-btn layui-btn-primary closebtn" >关闭</button>

			</div>
		</form>
	</div>

	<div style="padding: 16px;" id="poptags">
		<form class="layui-form detailform" lay-filter="tags-val-filter">
			{foreach $table_tags as $val}
			<div class="layui-form-item" style="width:100%;">
				<label class="layui-form-label">{$val.title}</label>
				<div class="{$val.name}">
					<!-- <input type="checkbox"  lay-filter="all" name="{$val.name}" value="{$val.value}" lay-skin="primary" title="全选"> -->
					{foreach $val.tags as $v}
					<input type="checkbox" class="labelItem" name="{$v.name}" lay-skin="primary" value="{$v.title}" title="{$v.title}">
					{/foreach}
				</div>
			</div>
			{/foreach}
			<div class="layui-form-item" style="width: 100%;padding-bottom: 50px;text-align: center;">
				<button type="button" class="layui-btn" lay-submit lay-filter="poptagssub">保存</button>
				<button type="button" class="layui-btn layui-btn-primary tagsclosebtn" >关闭</button>
			</div>
		</form>
	</div>

</body>
<script src="__LAYUI__/layui/layui.js"></script>
<script type="text/javascript" src="__STATIC__/js/Sortable.js"></script>
{/block}
{block name="js"}
{if $is_manager == 1}
<script type="text/html" id="toolbarDemo">
	<div class="layui-btn-container">
		<button class="layui-btn layui-btn-sm" lay-event="getCheckData">批量分配</button>
	</div>
</script>
{/if}
<script type="text/html" id="barDemo">
	<div class="layui-clear-space">
		{{# if(d.is_allocation == 0){ }}
		{{# if(d.is_followup == 1){ }}
		<a style="display:inline-block;color:#f00" lay-event="again" href="javascript:void(0);">分配</a>
		<a style="display:inline-block;color:#338aff" class="layui-btn-xs" lay-event="detail">详情</a>
		{{# } }}
		{{# if(d.is_followup == 2){ }}
		<a style="display:inline-block;color:#f00" lay-event="edit" href="javascript:void(0);">转化</a>
		<!-- <a style="display:inline-block;" lay-event="call" href="javascript:void(0);">拨号</a> -->
		<a style="display:inline-block;color:#338aff" class="layui-btn-xs" lay-event="detail">详情</a>
		{{# } }}
		{{# if(d.is_followup == 3){ }}
		<a style="display:inline-block;color:#f00" lay-event="again" href="javascript:void(0);">分配</a>
		<a style="display:inline-block;color:#f00" lay-event="edit" href="javascript:void(0);">转化</a>
		<!-- <a style="display:inline-block;" lay-event="call" href="javascript:void(0);">拨号</a> -->
		<a style="display:inline-block;color:#338aff" class="layui-btn-xs" lay-event="detail">详情</a>
		{{# } }}
		{{# } }}
	</div>
</script>
<script type="text/html" id="community">
	{{d.name}}
	{{# if(d.is_contact==0){ }}
		<!-- <i class="layui-icon layui-icon-fire" style="color:#f00"></i> -->
		<span class="layui-badge">新客户</span>
	{{# } }}
  </script>
<script type="text/html" id="clue_owner_name">

{{d.clue_owner_name}}
{{# if(d.type==4){ }}
	<!-- <i class="layui-icon layui-icon-fire" style="color:#f00"></i> -->
	<span class="layui-badge layui-bg-green">抖音</span>
{{# } }}
</script>
<script type="text/html" id="community_phone">
	{{d.telephone}}
	{{# if(d.is_contact==1){ }}
		<span class="layui-badge layui-bg-green">已联系</span>
		<!-- <i class="layui-icon layui-icon-cellphone" style="color:#f00"></i> -->
		<!-- <span class="dingjingorder jieshaokehu">已联系</span> -->
	{{# } }}
  </script>
<script type="text/javascript">
	var reload = null,
		resizefun = null;
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['table', 'laydate','form'], function() {
		var table = layui.table,
			laydate = layui.laydate,

			$ = layui.$;
		form = layui.form;
		fType = 1,
			is_assign = 0,
			firstloading = 0,
			listArr = [],
			idsArr = [];

		var field = {
			'name': '',
			'telephone': '',
			'clue_owner_name': '',
			'clue_source': '',
			'create_time_detail': '',
			'clue_state_name': '',
			'follow_state_name': '',
		};


		function getAgoDay(n = 0) {
			var date = new Date();
			var seperator = "/"
			var newDate = new Date(date.getTime() - n * 24 * 60 * 60 * 1000);
			var year = newDate.getFullYear();
			var month = newDate.getMonth() + 1;
			var day = newDate.getDate();
			return year.toString() + seperator + month.toString() + seperator + day.toString()
		}

		let arr = [];
		arr.push(getAgoDay(29));
		arr.push(getAgoDay(0));


		var dateObj = {};
		var timeScope = laydate.render({
			elem: '#time',
			type: 'date',
			range: '-',
			value: arr.join(' - '),
			btns: ['now', 'confirm'],
			format: 'yyyy/MM/dd',
			trigger: 'click',
			done: (value, date, endDate) => {
				//控件选择完毕后的回调---点击日期、清空、现在、确定均会触发。
				field['times'] = value;
				$('[name="searchdate"]').val('');
				// layui.form.render('select')
				//执行重载
				fish_list_total(field);
				table.reload('crmsearchlist', {
					where: field,
					page: {
						curr: 1
					}
				});
			}
		});

		form.on('select(datefilter)', function(e) {
			var datearr = [
        		[],
				[0, 365],
				[0, 0],
				[1, 1],
				[0, 6],
				[0, 29]
			];
			var selectArr = [];
			if (e.value == 6) {
				//本月
				var newDate = new Date();
				var year = newDate.getFullYear();
				var month = newDate.getMonth() + 1;
				var day = newDate.getDate();
				selectArr.push(year.toString() + '/' + month.toString() + '/01');
				selectArr.push(year.toString() + '/' + month.toString() + '/' + day.toString());
			} else if (e.value == ''||e.value == 1) {
				$("#time").val("");
			} else if (e.value == 7) {
				//上月
				let now = new Date();
				// 当前月的日期
				let nowDate = now.getDate();
				let lastMonth = new Date(now.getTime());
				// 设置上一个月（这里不需要减1）
				lastMonth.setMonth(lastMonth.getMonth());
				// 设置为0，默认为当前月的最后一天
				lastMonth.setDate(0);
				// 上一个月的天数
				let daysOflastMonth = lastMonth.getDate();
				// 设置上一个月的日期，如果当前月的日期大于上个月的总天数，则为最后一天 

				var year = lastMonth.getFullYear();
				var month = lastMonth.getMonth() + 1;
				selectArr.push(year.toString() + '/' + month.toString() + '/01');
				selectArr.push(year.toString() + '/' + month.toString() + '/' + daysOflastMonth
					.toString());


			} else {
				//0 全部   1今天  2昨天 3近7天  4 近30天
				selectArr.push(getAgoDay(datearr[e.value][1]));
				selectArr.push(getAgoDay(datearr[e.value][0]));
			}
			timeScope.config.value = selectArr.join(' - ');
			$('input[name="time"]').val(selectArr.join(' - '));

			firstloading = 0;
			field['times'] = selectArr.join(' - ');
			//执行重载
			fish_list_total(field);
			table.reload('crmsearchlist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});

		var keys = $('[name="searchkey"]').val();

		form.on('select(searchkey)', function(e) {
			field[keys] = '';
		})

		$('.addtags').click(function(){
			let labelVal = $("#labelElement").val();
			let labelArrs = labelVal.split(";");
			console.log(labelArrs)
			$(".labelItem").each(function() {
				if (labelArrs.includes($(this).val())) {
					$(this).prop('checked',true);
					form.render();
				}
			})
			form.render();
			tagsView = layer.open({
				type: 1,
				area: ['800px', '600px'],
				shade: 0.1,
				title: '添加标签',
				shadeClose: true,
				id: 'ID-demo-layer-direction-r-1',
				content: $('#poptags'),
				success: function() {
					// 指定开关事件
					laydate.render({
						elem: '#date'
					});
				},
				end: function() {
					$(".labelItem").each(function() {
						$(this).prop('checked', false);
					})
					form.render();
				}
			});
		})
		form.on('submit(poptagssub)', function (data) {
			console.log(data.field);
			let valArr = [];
			Object.keys(data.field).forEach(key => {
				valArr.push(data.field[key])
			})
			$("#labelElement").val(valArr.join(';'));
			layer.close(tagsView)
		});
		form.on('checkbox(all)', function (data) {
			console.log(data);
			var formdata = JSON.parse(JSON.stringify(form.val('tags-val-filter')));
			form.val('tags-val-filter', {});
			// if (data.value === '0') {
			// 	if (data.elem.checked) {
			// 		formdata.all0_1 = 'on';
			// 		formdata.all0_2 = 'on';
			// 		formdata.all0_3 = 'on';
			// 		formdata.all0_4 = 'on';
			// 	} else {
			// 		delete formdata.all0_1;
			// 		delete formdata.all0_2;
			// 		delete formdata.all0_3;
			// 		delete formdata.all0_4;
			// 	}
			// } else if (data.value === '1') {
			// 	if (data.elem.checked) {
			// 		formdata.all1_1 = 'on';
			// 		formdata.all1_2 = 'on';
			// 		formdata.all1_3 = 'on';
			// 		formdata.all1_4 = 'on';
			// 	} else {
			// 		delete formdata.all1_1;
			// 		delete formdata.all1_2;
			// 		delete formdata.all1_3;
			// 		delete formdata.all1_4;
			// 	}
			// } else if (data.value === '2') {
			// 	if (data.elem.checked) {
			// 		formdata.all2_1 = 'on';
			// 		formdata.all2_2 = 'on';
			// 		formdata.all2_3 = 'on';
			// 		formdata.all2_4 = 'on';
			// 	} else {
			// 		delete formdata.all2_1;
			// 		delete formdata.all2_2;
			// 		delete formdata.all2_3;
			// 		delete formdata.all2_4;
			// 	}
			// }
			let datas = JSON.parse(JSON.stringify(formdata));
			form.val('tags-val-filter', datas || {});
			form.render();
			if (!data.elem.checked) {
				$('.all' + data.value + ' input').prop("checked", false);
				$('.all' + data.value + ' .layui-form-checked').removeClass("layui-form-checked");
			}
		});
		$('.tagsclosebtn').click(function () {
			layer.close(tagsView)
		})

		form.on('submit(searchkeywords)', function(data) {
			firstloading = 0;
			keys = $('[name="searchkey"]').val();
			field.is_allocation = $('[name="is_allocation"]').val();
			field.advertiser_id = $('[name="advertiser_id"]').val();
			field.is_contact = $('[name="is_contact"]').val();
			field.is_fenpei = $('[name="is_fenpei"]').val();
			field[keys] = $('input[name="keyname"]').val();
			//执行重载
			fish_list_total(field);
			table.reload('crmsearchlist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});

		form.on('submit(searchkeywords1)', function(data) {
			firstloading = 0;
			field.is_repeat = 1;
			//执行重载
			fish_list_total(field);
			table.reload('crmsearchlist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});

		fish_list_total({});
		function fish_list_total(field)
		{
			$.ajax({
				type: "post",
				url: '{:url("empcrm/tencent_list_total")}',
				data: field,
				success: function(res) {
					if (res.code == 0) {
						let data = res.data;
						$.each(data, function (key,val) {
							$('.' + key).text(val);
						})
					}else if(res.code==403){
						$(".exitbtn").trigger("click");
					}
				}
			})
		}

		
		$('.closebtn').click(function(){
			layer.closeAll()
		})

		// //详情信息修改提交
		
		
		form.on('submit(popsub)', function (data) {
			$.ajax({
				type: "post",
				url: '{:url("empcrm/fish_update_data")}',
				data: data.field,
				success: function (res) {
					if (res.code == 403) {
						$(".exitbtn").trigger("click");
					}
					if (res.code == 1) {
						alert(res.msg);
					}
					if (res.code == 0) {
						alert('保存成功');
					}
					firstloading = 0;
					reload();
					layer.closeAll()
				}
			})
			// return false;
		});

		function closepop(){
			layer.closeAll()
		}

		// laydate.render({
		//   elem: '#visitime',
		//   max: 0
		//   , trigger: 'click'
		// });
		resizefun = function() {
			table.resize('crmsearchlist');
		};
		reload = function() {
			table.reload('crmsearchlist', {
				where: field
			}, true);
		};
		var flag = true;

		// 工具栏事件
		table.on('toolbar(crmsearchlist)', function(obj){
			var id = obj.config.id;
			var checkStatus = table.checkStatus(id);
			var othis = lay(this);
			switch(obj.event){
				case 'getCheckData':
					let arr=$('.crmsearchlist .layui-table-box .layui-table-fixed-l .layui-table-body input[name="layTableCheckbox"]');
					let flag=false;
				 	for(let i in arr){
						if(!arr[0].checked){
							flag=true;
						}
					}
					if(flag){
						layer.msg('请先选择要分配的数据');
						return false;
					}
					 
					//var tmp_data = array_column(data, 'id');
					layer.open({
						type: 2,
						title: ['重新分配', 'color:#333333;background-color:#D8E6F1;'],
						content: "{:url('empcrm/fish_validation_view')}" + "?id=" + idsArr.join(','),
						resize: false,
						area: ['20%', '20%']
					});
				break;
			};
		});

		function array_column(array, field) {
			return array.map(v => v[field]);
		}

		table.on('tool(crmsearchlist)', function(result) {
			let event = result.event;
			let row = result.data;
			flag = true;
			if (event === "again") {
				flag = false;
				layer.open({
					type: 2,
					title: ['重新分配', 'color:#333333;background-color:#D8E6F1;'],
					content: "{:url('empcrm/fish_validation_view')}" + "?id=" + result.data.id,
					resize: false,
					area: ['20%', '20%']
				});
				return false;
			} else if (event === "edit") {
				flag = false;
				if (confirm('是否转化为有效线索？')) {
					$.ajax({
						url: '{:url("empcrm/fish_validation")}',
						data: {
							customer_id: row.id,
						},
						type: 'post',
						success: function(res) {
							if (res.code == 0) {
								alert('转化成功！！！');
							} else if (res.code == 403) {
								$(".exitbtn").trigger("click");
							} else {
								alert(res.msg)
							}
						}
					});
				}
				return false;
			}else if (event === "call") {
                if (confirm('是否确认拨打客户电话？')) {
                    $.ajax({
                        url: '{:url("empcrm/create_bridge_call_tx")}'
                        , data: {
                            customer_id: row.id,
                        }
                        , type: 'post'
                        , success: function (res) {
                            if (res.code == 0) {
                                alert('拨号成功');
                            }else if(res.code == 403){
								$(".exitbtn").trigger("click");
							} else {
                                alert(res.msg)
                            }
                        }
                    });
                }
                return false;
            } else if (event === "detail") {

				$('#popinfo .clue_owner_name').html(row.clue_owner_name);
				$('#popinfo .create_time').html(row.create_time_detail);
				$('#popinfo .telephone').html(row.telephone);
				$('#popinfo .app_name').html(row.app_name);
				$('#popinfo .clue_type').html(row.clue_type);
				$('#popinfo .clue_source').html(row.clue_source);
				if (row.is_followup == 1){
					$('#popinfo .popsub').hide();
				}else{
					$('#popinfo .popsub').show();
				}
				form.val('demo-val-filter', row);



				layer.open({
					type: 1,
					offset: 'r',
					anim: 'slideLeft', // 从右往左
					area: ['500px', '100%'],
					shade: 0.1,
					title: row.name || '未命名',
					shadeClose: true,
					id: 'ID-demo-layer-direction-r',
					content: $('#popinfo'),
					success: function() {
						// 指定开关事件
						laydate.render({
							elem: '#date'
						});
					}
				});
			} else {
				flag = true;
			}
			flag = true;
		})
		ajaxlist();

		function ajaxlist() {
			$.ajax({
				type: "post",
				url: '{:url("empcrm/poolFieldsList")}',
				data: {
					type: 12
				},
				success: function(res) {
					if (res.code == 403) {
						$(".exitbtn").trigger("click");
					}
					data = res.data;
					tableData = data;
					var cols = [[]];
					{if $is_manager == 1}
					cols = [
						[
							{
								type: 'checkbox',
								width: 60,
								align: 'center',
								fixed: "left",
							}
						]
					];
					{/if}
					$.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",
								templet: '#community',
							});
						} else if (key == 'telephone') {
							cols[0].push({
								field: key,
								title: val['name'],
								minWidth: 150,
								align: 'center',
								show: val['show'],
								// fixed: "left",
								templet: '#community_phone',
							});
						} 
						// else if (key == 'clue_owner_name') {
						// 	cols[0].push({
						// 		field: key,
						// 		title: val['name'],
						// 		minWidth: 150,
						// 		align: 'center',
						// 		show: val['show'],
						// 		// fixed: "left",
						// 		templet: '#clue_owner_name',
						// 	});
						// } 
						else if (key == 'tags' && val['show'] == 1) {
							cols[0].push({
								field: key,
								title: val['name'],
								minWidth: 200,
								align: 'center',
								show: val['show']
							});
						} else if (key == 'create_time_detail' && val['show'] == 1) {
							cols[0].push({
								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({
						title: '操作',
						width: 140,
						align: 'center',
						fixed: "right",
						templet: '#barDemo'
					})
					cols[0].push({
						title: '',
						width: 30,
						align: 'center',
						fixed: "right",
						templet: ''
					})
					let url = '{:url("empcrm/tencent_list")}';
			
					table.render({
						elem: '#crmsearchlist',
						id:'crmsearchlist',
						url: url,
						cols: cols,
						page: true,
						toolbar: '#toolbarDemo',
						defaultToolbar:[],
						limits: [17],
						limit: 17, //每页默认显示的数量,
						height: 'full-120',
						text: '对不起，加载出现异常！',
						done: function(res, curr, count) {
							// form.render('checkbox');
							listArr = res.data;
							form.render('checkbox');
							searchHtmlBody(curr); 
						}
					});
					
				}
			});
		}
		
		form.on('checkbox(layTableAllChoose)', function (obj) {
		 	let that=this;
		 	let all_child=$('input[name=layTableCheckbox]');

		 	all_child.each(function(index, item){
                 item.checked = that.checked;
            });
			let arr=$('.crmsearchlist .layui-table-box .layui-table-fixed-l .layui-table-body tr');

		 	if (that.checked) {
		 		idsArr = listArr.map(v => v.id);
		 	}else{
				idsArr=[];
			}
            form.render('checkbox');
        });
		table.on('checkbox(crmsearchlist)',function(obj){

			let arr=$('.crmsearchlist .layui-table-box .layui-table-fixed-l .layui-table-body input[name="layTableCheckbox"]');
			let flag=false;
			idsArr=[];
			for(let j=0;j< arr.length;j++){
				if(!arr[j].checked){
					flag=true;
					$('.crmsearchlist .layui-table-box .layui-table-fixed-l .layui-table-header input[name="layTableCheckbox"]')[0].checked=false;
					$('.crmsearchlist .layui-table-box .layui-table-fixed-l .layui-table-header .layui-form-checkbox')[0].classList.remove('layui-form-checked');
				}
				if(arr[j].checked){
					idsArr.push(listArr[j].id);
				}
			}
			if(!flag){
				$('.crmsearchlist .layui-table-box .layui-table-fixed-l .layui-table-header input[name="layTableCheckbox"]')[0].checked=true;
				$('.crmsearchlist .layui-table-box .layui-table-fixed-l .layui-table-header .layui-form-checkbox')[0].classList.add('layui-form-checked');
			}
			
		})

		$('.lay-setting').click(function() {
			let arr = [];
			$.each(data, function(key, val) {
				arr.push({
					...val,
					field: key
				});
			})
			renderTableSwitch(arr, 12);
			$('.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 lay-item">
		                   <div class="sort_lis01">
		                       <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)
		}

		if (window.performance) {
			localStorage.setItem('data','');
		}

		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("empcrm/poolFieldsSet")}',
				data: {
					type: types,
					content: datajson
				},
				success: function(res) {
					if (res.code == 403) {
						$(".exitbtn").trigger("click");
					}
					firstloading = 0;
					ajaxlist();
				}
			})
		}

		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_now" key="ky" id="vo"}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="{$ky}">
										<p class="check_name">{$vo}</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.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 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">
									{foreach $clue_state as $ky => $vo}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="{$ky}">
										<p class="check_name">{$vo}</p>
									</li>
									{/foreach}
								</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 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 tags_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="table_tags" id="vo"}
									{volist name="vo.tags" id="va"}
									<li class="check_li_">
										<input class="checkbox" type="checkbox" name="check_m" lay-filter="checkall02" value="{$va.title}">
										<p class="check_name">{$va.title}</p>
									</li>
									{/volist}
									{/volist}
								</ul>
							</div>
							<div class="search_btns">
								<div class="button_">
									<a class="submitbtn">确定</a>
									<a class="dsnonebtn">取消</a>
								</div>
							</div>
							</form>
						</div>`;
		
		var org_id = `<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>`;
		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="telephone"]', '手机号', selHtml2, 'telephone', 'ishtml2');
					{if $is_manager == 1}
					apphtml02($(this), 'th[data-field="clue_owner_name"]', '所属员工', employee_nameHtml, 'clue_owner_name', 'ishtml1');
					{/if}
					apphtml02($(this), 'th[data-field="org_id"]','所属部门',org_id,'org_id','ishtml1');
					apphtml02($(this), 'th[data-field="tags"]', '线索标签', tags_nameHtml, 'tags', 'ishtml1');
					apphtml02($(this), 'th[data-field="clue_source"]', '线索来源', source_nameHtml, 'clue_source', 'ishtml1');
					apphtml02($(this), 'th[data-field="create_time_detail"]', '线索创建时间', detatime,
						'create_time_detail', 'detatime');
					apphtml02($(this), 'th[data-field="clue_state_name"]', '线索阶段',
						designer_nameHtml, 'clue_state_name', 'ishtml1');
					apphtml02($(this), 'th[data-field="follow_state_name"]', '通话状态', selHtml2,
						'follow_state_name', 'ishtml2');
					$(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 ==
											'follow_state_name') {
											$('body').find('.layui-table-header').find(
												"tr th").eq(n).find('.kwovsint').val(v);
										} else if (i == 'create_time_detail') {
											$('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('');
							$(this).parents('.search_btns').siblings().find('.jestart').val('');
							$(this).parents('.search_btns').siblings().find('.jeend').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_sDate').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;
							}
							firstloading = 0;
							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)
			}
			form.on('submit(search)', function(data) {
				var order_type = $('[name=order_type]').val();
				field['order_type'] = order_type;
				//执行重载
				firstloading = 0;
				table.reload('crmsearchlist', {
					where: field,
					page: {
						curr: 1
					}
				});
			});

			function searchfn(field, idarr) {
				firstloading = 0;
				table.reload('crmsearchlist', {
					where: field,
					page: {
						curr: 1
					}
				});
			}
			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;
			}
		}
	})
</script>
{/block}