work_accept_center.php 11.0 KB
<div class="easyui-layout" data-options="fit:true">
	<div class="easyui-panel" style="overflow-x:hidden;width:100%;height:55%;"
		data-options="
			region:'north',
			border:false,
			split:true,
			hideCollapsedContent:false
		">
		
		<div class="easyui-tabs" data-options="fit:true,pill:true,border:true,tools:'#wact-tab-tools',tabWidth:120">
			<div title="客户信息" style="overflow:hidden;padding:4px;">
				<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 title="联系人" style="overflow:hidden;padding:4px;"></div>
			<div title="保单信息" style="overflow:hidden;padding:4px;"></div>
			<div title="订单信息" style="overflow:hidden;padding:4px;"></div>
			<div title="客服服务" style="overflow:hidden;padding:4px;"></div>
		</div>
		<div id="wact-tab-tools" style="border-right:0px;padding-left:10px;padding-top:3px;">
			<input class="easyui-textbox" data-options="labelWidth:40,label:'姓名'" />
			<input class="easyui-textbox" data-options="labelWidth:40,label:'电话'" />
			<a class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a>
		</div>
	</div>
	<div class="easyui-panel" style="overflow:hidden;"
		data-options="
			region:'center',
			split:true,
			border:false,
			hideCollapsedContent:false,
			footer:'#client_edit_center_footer'
		">
		<div class="easyui-tabs" data-options="fit:true,pill:true,border:true,tools:'#wacb-tab-tools',tabWidth:120">
			<div title="新建联系记录" style="overflow:hidden;padding:4px;">
				<form method="post">
					<div class="fieldDiv">
						<div class="field fw-1">
							<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:100,label:'下次联系时间'" style="width:100%;" />
							</div>
						</div>
						<div class="field fw-4">
							<div class="input">
								<input class="easyui-timespinner" data-options="labelWidth:70,label:'提醒时间'" value='08:30' 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>
				</form>
			</div>
			<div title="联系记录" style="overflow:hidden;padding:4px;"></div>
			<div title="新建保单" style="overflow:hidden;padding:4px;"></div>
		</div>
		<div id="wacb-tab-tools" style="border-right:0px;border-right:0px;padding-left:10px;padding-top:3px;">
			<a class="easyui-linkbutton" data-options="iconCls:'icon-search'">新建保单</a>
		</div>
	</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>