client_edit_center.php 13.1 KB
<div class="easyui-layout" data-options="fit:true">
	<div class="easyui-panel" style="overflow-x:hidden;padding:5px;width:100%;height:55%;background-color:#fff;"
		data-options="
			region:'north',
			split:true,
			hideCollapsedContent:false
		">
		<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>
		<form method="post">
			<style type="text/css">
				.fieldDiv {
					width: 100%;
					display:flex;
					flex-flow: row wrap;
				}
				.field {
					margin:4px;
					padding: 5px 10px;
					height:36px;
					box-sizing: border-box;
					border:1px solid #fee;
					display:flex;
					justify-content:flex-start;
					align-items:center;
				}
				.fw-1 {
					width: calc(100% - 8px);
				}
				.fw-2 {
					width: calc(calc(100% / 2) - 8px);
				}
				.fw-4 {
					width: calc(calc(100% / 4) - 8px);
				}
				.fw-6 {
					width: calc(calc(100% / 6) - 8px);
				}
				.field>.text {
					width:70px;
				}
				.field>.input {
					width:100%;
				}
			</style>
			<div class="fieldDiv">
				<div class="field fw-2">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'客户名称'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'客户电话'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<select class="easyui-combobox" data-options="editable:false,panelHeight:'auto',labelWidth:70,label:'信息来源'" style="width:100%;">
							<option>公司</option>
						</select>
					</div>
				</div>
				<div class="field fw-1">
					<div class="text">客户状态</div>
					<div>
						<input name="client_status" class="easyui-radiobutton" data-options="labelPosition:'after',label:'未拨打',labelWidth:60" />
						<input name="client_status" class="easyui-radiobutton" data-options="labelPosition:'after',label:'无效',labelWidth:50" />
						<input name="client_status" class="easyui-radiobutton" data-options="labelPosition:'after',label:'未呼通',labelWidth:60" />
						<input name="client_status" class="easyui-radiobutton" data-options="labelPosition:'after',label:'空号错号',labelWidth:70" />
						<input name="client_status" class="easyui-radiobutton" data-options="labelPosition:'after',label:'拒绝',labelWidth:50" />
						<input name="client_status" class="easyui-radiobutton" data-options="labelPosition:'after',label:'体况年龄不符合',labelWidth:120" />
						<input name="client_status" class="easyui-radiobutton" data-options="labelPosition:'after',label:'勿扰类客户',labelWidth:80" />
					</div>
				</div>
				<div class="field fw-1">
					<div class="text">客户阶段</div>
					<div>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">自赠险</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">赠险成功</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">跟进低</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">跟进中</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">跟进高</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">受理</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">加保</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">网络数据</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">卡单数据</a>
						<a class="easyui-linkbutton" data-options="toggle:true,selected:false">内购数据</a>
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<select class="easyui-combobox" data-options="editable:false,panelHeight:'auto',labelWidth:70,label:'出生日期'" style="width:100%;">
							<option>---请选择---</option>
							<option>未婚</option>
							<option>已婚</option>
							<option>丧偶</option>
							<option>离异</option>
							<option>其他</option>
						</select>
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<select class="easyui-combobox" data-options="editable:false,panelHeight:'auto',labelWidth:70,label:'激活状态'" style="width:100%;">
							<option>---请选择---</option>
							<option>未激活</option>
							<option>待激活</option>
							<option>已激活</option>
						</select>
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<select class="easyui-combobox" data-options="editable:false,panelHeight:'auto',labelWidth:70,label:'客户性别'" style="width:100%;">
							<option>---请选择---</option>
							<option></option>
							<option></option>
						</select>
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<select class="easyui-combobox" data-options="editable:false,panelHeight:'auto',labelWidth:70,label:'赠险公司'" style="width:100%;">
							<option>---请选择---</option>
							<option>中英</option>
							<option>百年</option>
						</select>
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<select class="easyui-combobox" data-options="editable:false,panelHeight:'auto',labelWidth:70,label:'是否有车'" style="width:100%;">
							<option>---请选择---</option>
							<option></option>
							<option></option>
						</select>
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'身份证号'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-datebox" data-options="labelWidth:70,label:'出生日期'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'职业'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'邮编'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'固定电话'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'勿扰客户'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'使用车型'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-datebox" data-options="editable:false,labelWidth:100,label:'车险到期时间'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:90,label:'YB平台账号'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-1">
					<div class="text">详细地址</div>
					<div style="display:flex;width:calc(100% - 70px);">
						<div style="width:120px;">
							<select class="easyui-combobox" data-options="editable:false" style="width:100%;">
								<option>--选择省--</option>
							</select>
						</div>
						&nbsp;
						<div style="width:120px;">
							<select class="easyui-combobox" data-options="editable:false" style="width:100%;">
								<option>--选择省--</option>
							</select>
						</div>
						&nbsp;
						<div style="width:calc(100% - 250px);">
							<input class="easyui-textbox" style="width:100%;" />
						</div>
					</div>
				</div>
				<div class="field fw-1">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'客户备注'" style="width:100%;" />
					</div>
				</div>
			</div>
		</form>
	</div>
	<div class="easyui-panel" style="overflow:hidden;"
		data-options="
			region:'center',
			split:true,
			hideCollapsedContent:false,
			footer:'#client_edit_center_footer'
		">
		<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:'#today1',iconCls:'hr-settings',plain:true">近期</a>
				<div id="today1" 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:'#other1',iconCls:'hr-settings',plain:true">其他</a>
				<div id="other1" 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>
		<form method="post">
			<div class="fieldDiv">
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:85,label:'联系人姓名'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:70,label:'邮箱'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-4">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:85,label:'联系人电话'" style="width:100%;" />
					</div>
				</div>
				<div class="field fw-1">
					<div class="input">
						<input class="easyui-textbox" data-options="labelWidth:85,label:'联系人备注'" style="width:100%;" />
					</div>
				</div>
			</div>
		</form>
	</div>
	<div id="client_edit_center_footer" style="padding:5px;overflow:hidden; display:flex;justify-content:space-between;align-items:center;">
		<a class="easyui-linkbutton" style="width:30%;height:40px;" data-options="iconCls:'icon-reload'">重置</a>
		<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:30%;height:40px;">保存</a>
    </div>
</div>