client_list_center.php 6.0 KB
<div class="easyui-panel" data-options="fit:true" style="overflow:hidden;">

		<header style="height:34px;padding:1px 1px 1px 5px;display:flex;justify-content: space-between;">
            <div style="margin-top:5px;">
                <span style="font-weight:bold;">客户列表</span>
            </div>
            <div>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">全部数据</a>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">我的数据</a>
				<a class="easyui-menubutton" data-options="menu:'#today',iconCls:'hr-settings',plain:true">近期</a>
				<div id="today" style="width:100px;">
					<div data-options="iconCls:'hr-view'">今日有效数据</div>
					<div data-options="iconCls:'hr-warn'">需今日回访</div>
					<div data-options="iconCls:'hr-warn'">需3天内回访</div>
				</div>
				<a class="easyui-menubutton" data-options="menu:'#other',iconCls:'hr-settings',plain:true">其他</a>
				<div id="other" style="width:100px;">
					<div data-options="iconCls:'hr-warn'">过期未回访</div>
					<div class="menu-sep"></div>
					<div data-options="iconCls:'hr-view'">未拨打</div>
					<div data-options="iconCls:'hr-warn'">未呼通</div>
					<div data-options="iconCls:'hr-warn'">自赠险</div>
					<div class="menu-sep"></div>
					<div data-options="iconCls:'hr-view'">跟进低</div>
					<div data-options="iconCls:'hr-warn'">跟进中</div>
					<div data-options="iconCls:'hr-warn'">跟进高</div>
					<div class="menu-sep"></div>
					<div data-options="iconCls:'hr-view'">受理</div>
					<div data-options="iconCls:'hr-warn'">加保</div>
					<div data-options="iconCls:'hr-warn'">网络数据</div>
					
					<div data-options="iconCls:'hr-view'">卡单数据</div>
					<div data-options="iconCls:'hr-warn'">内购数据</div>
				</div>
				<span style="color:#ccc;margin:0 10px;">|</span>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',toggle:true,selected:false">高级搜索</a>
            </div>
        </header>
		<table id="orders_grid_details" class="easyui-datagrid" style="width:100%;" title=""
			data-options="
				fit: true,
				rownumbers: true,
				singleSelect:true,
                autoRowHeight:false,
				border:false,
				toolbar:'#orders_grid_details_toolbar',
				method:'get',
				checkOnSelect:false,
				selectOnCheck:false,
				pagination: true,
				pageSize: 20,
				onClickRow: function(index, data) {
					console.log(data.goods_2);
					$('#client_list_goods_2').textbox('setValue', data.goods_2);
					$('#client_list_goods_3').textbox('setValue', data.goods_3);
					$('#client_list_goods_4').textbox('setValue', data.goods_4);
					$('#client_list_goods_5').textbox('setValue', data.goods_5);
					$('#client_list_goods_6').textbox('setValue', data.goods_6);					
				},
				data: {
					'total':28,'rows':[
						{'goods_1':1, 'goods_2':'18503092426【联通】', 'goods_3':'赵泽明', 'goods_4':'2020-04-30 15:35', 'goods_5':'2020-04-30 15:35', 'goods_6':125, 'goods_7':'国腾飞', 'goods_8':'战狼星', 'goods_9':'空白数据', 'goods_10':'加保', 'goods_11':'未拨打', 'goods_12':'2020-04-30 20:56', 'goods_13':0, 'goods_14':'有效', 'goods_15':1},
						{'goods_1':2, 'goods_2':'18503092426【联通】', 'goods_3':'赵泽明', 'goods_4':'2020-04-30 15:35', 'goods_5':'2020-04-30 15:35', 'goods_6':125, 'goods_7':'国腾飞', 'goods_8':'战狼星', 'goods_9':'空白数据', 'goods_10':'加保', 'goods_11':'未拨打', 'goods_12':'2020-04-30 20:56', 'goods_13':0, 'goods_14':'有效', 'goods_15':1}
					]
				}
			" >
			<thead data-options="frozen:true">
				<tr>
					<th data-options="field:'goods_1',checkbox:true"></th>
					<th data-options="
							field:'goods_0',
							align:'center',
							formatter:function(value, row, index) {
								return '<a href=\'javascript:void(0);\' class=\'hr-view\' style=\'display:inline-block;width:16px;height:16px;\'></a>';
							}
						"></th>
					<th data-options="field:'goods_2',width:170,sortable:true"><b>客户电话</b></th>
					<th data-options="field:'goods_3',width:100,sortable:true,align:'center'"><b>客户姓名</b></th>
				</tr>
			</thead>
			<thead>
				<tr>
					<th data-options="field:'goods_4',width:150,sortable:true"><b>更新时间</b></th>
					<th data-options="field:'goods_5',width:150,align:'center'"><b>分配时间</b></th>
					<th data-options="field:'goods_6',width:120,align:'center'"><b>剩余回收天数</b></th>
					<th data-options="field:'goods_7',width:100,align:'left'"><b>所属人</b></th>
					<th data-options="field:'goods_8',width:140,align:'left'"><b>所属部门</b></th>
					<th data-options="field:'goods_9',width:100,align:'left'"><b>批次大类</b></th>
					<th data-options="field:'goods_10',width:90,align:'center'"><b>客户阶段</b></th>
					<th data-options="field:'goods_11',width:90,align:'center'"><b>客户状态</b></th>
					<th data-options="field:'goods_12',width:150,align:'left'"><b>创建时间</b></th>
					<th data-options="field:'goods_13',width:100,align:'center'"><b>通话次数</b></th>
					<th data-options="field:'goods_14',width:100,align:'center'"><b>备注状态</b></th>
					<th data-options="field:'goods_15',width:100,align:'center'"><b>总拨打量</b></th>
				</tr>
			</thead>
		</table>
		<div id="orders_grid_details_toolbar" style="height:33px;display:flex;justify-content: space-between;">
			<div>
				<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加客户</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除客户</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-filter',plain:true">选中放弃</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true">导出</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-man',plain:true">列表设置</a>
			</div>
			<div></div>
		</div>

</div>