client_edit_left.php 5.6 KB
<div class="easyui-panel"
    data-options="
        fit:true,
        title:'&nbsp;',
        border:false
    ">
    <header style="height:33px;padding:1px;">
        <div style="float:left;">
            <a id="btn_search" class="easyui-linkbutton"
				data-options="
					iconCls:'icon-search',
					plain:true,
					onClick:function(e) {
						var p = $('#list_layout_1');
						if (p.layout('panel','north').panel('options').closed) {
							p.layout('show','north');
						} else {
							p.layout('hide','north');
						}
					}
				">查询</a>
        </div>
        <div style="float:right;">
            <a class="easyui-linkbutton" data-options="iconCls:'icon-reload',toggle:true,group:'g1',selected:true,plain:true,status:-1" style="color:blue;font-weight:bold">全部</a>
            <a class="easyui-linkbutton" data-options="toggle:true,group:'g1',plain:true,status:9">我的</a>
            <a class="easyui-linkbutton" data-options="toggle:true,group:'g1',plain:true,status:0">今日</a>
            <a class="easyui-linkbutton" data-options="toggle:true,group:'g1',plain:true,status:1">过期</a>
        </div>
    </header>
	<div id="list_layout_1" class="easyui-layout" data-options="fit:true">
		<div style="height:172px;background-color:#eee;padding:10px 10px 0px 10px;border-bottom: 1px solid #ccc;"
			data-options="
				region:'north',
				border:false,
				closed:true
			">
			<form id="list_search_form" method="post">
				<div class="kbi_column">
					<div class="kbi_column_left_100 a">
						<div class="kbi_column_t"><strong>创建日期</strong></div>
						<div class="kbi_column_i" style="display:flex;justify-content:space-between;align-items:center;">
							<input name="search_date_begin" class="easyui-datebox" style="width:45%;" /input>
							<div></div>
							<input name="search_date_end" class="easyui-datebox" style="width:45%;" /input>
						</div>
					</div>
					<div class="kbi_column_left_100 a">
						<div class="kbi_column_t">客户电话:</div>
						<div class="kbi_column_i">
							<input name="search_supplier_name" class="easyui-textbox" style="width:100%;" /input>
						</div>
					</div>
					<div class="kbi_column_left_100 a">
						<div class="kbi_column_t">客户姓名:</div>
						<div class="kbi_column_i">
							<input name="search_orders_code" class="easyui-textbox" style="width:100%;" /input>
						</div>
					</div>
					<div class="kbi_column_left_100 a" style="text-align:right;">
                        <a class="easyui-linkbutton" style="width:70px;margin-right:15px;"
							data-options="
								iconCls:'icon-clear',
								onClick:function(e) {
									$('#list_layout_1').layout('hide','north');
								}
							">关闭</a>
						<a class="easyui-linkbutton" style="width:70px;margin-right:15px;"
							data-options="
								iconCls:'icon-reload',
								onClick:function(e) {
									$('#list_search_form').form('reset');
								}
							">重置</a>
						<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:100px;margin-right:15px;">查询</a>
					</div>
				</div>
			</form>
		</div>
		<div data-options="region:'center',border:false">
			<table id="orders_list" class="easyui-datagrid"
				data-options="
					fit: true,
					fitColumns:true,
					border: false,
					rownumbers:true,
					singleSelect:true,
					method:'post',
					pagination: true,
					pageSize: 25,
                    showPageList: false,
                    displayMsg: '共 {total} 行',
					onLoadSuccess: function(data) { },
					data: {'total':28,'rows':[
								{'orders_id':1,'orders_date':'2020-05-01 11:20','supplier_name':'王小明',client_number:'15869896696','orders_status':0},
								{'orders_id':1,'orders_date':'2020-05-01 11:20','supplier_name':'二嘎子',client_number:'15869896696','orders_status':1},
								{'orders_id':1,'orders_date':'2020-05-01 11:20','supplier_name':'普拉多',client_number:'15869896696','orders_status':9},
								{'orders_id':1,'orders_date':'2020-05-01 11:20','supplier_name':'曹孟德',client_number:'15869896696','orders_status':1}
							]}
					">
				<thead>
					<tr>
						<th data-options="field:'orders_id',checkbox:true"></th>
						<th data-options="
								field:'orders_date',
								align:'left',
								fixed:true,
								width:105,
								formatter: function(value,row,index) {
									return $.DT.UnixToDate(value,0,true);
								}
							"><strong>更新日期</strong></th>
						<th data-options="field:'supplier_name',align:'center',width:65"><strong>客户名称</strong></th>
						<th data-options="field:'client_number',align:'center',width:90"><strong>客户电话</strong></th>
						<th data-options="
								field:'orders_status',
								align:'center',
								fixed:true,
								formatter: function(value,row,index) {
									switch(parseInt(value)) {
										case 0:
											return '<font color=blue>有效</font>';
										case 9:
											return '<font color=green><b>未拨打</b></font>';
										case 1:
											return '<font color=#aaa><b>失效</b></font>';
										case 2:
											return '<font color=#aaa><b>未呼通</b></font>';
									}
								}
							"><strong>状态</strong></th>
						<th data-options="
								field:'button_1',
								align:'center',
								formatter:function(value, row, index) {
									return row.orders_status == 1 ?
										'<a href=\'javascript:void(0);\' class=\'hr-view\' style=\'display:inline-block;width:16px;height:16px;\'></a>' :
										'<a href=\'javascript:void(0);\' class=\'datagrid-row-modify\' style=\'display:inline-block;width:16px;height:16px;\'></a>';
								}
							"></th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
    
</div>