完善搜索条件

master
wangjiuyun 2025-05-23 11:56:00 +08:00
parent a0799df777
commit 947948502a
6 changed files with 156 additions and 77 deletions

View File

@ -105,7 +105,7 @@
<div class="input-group"> <div class="input-group">
<input name="customerName" class="form-control" type="text" required <input name="customerName" class="form-control" type="text" required
onclick="selectCustomer()"> onclick="selectCustomer()">
<span class="input-group-addon" style="width: 40px !important;"><i <span class="input-group-addon"><i
class="fa fa-search"></i></span> class="fa fa-search"></i></span>
</div> </div>
</div> </div>

View File

@ -109,7 +109,7 @@
<div class="input-group"> <div class="input-group">
<input name="customerName" th:field="*{customerName}" class="form-control" type="text" <input name="customerName" th:field="*{customerName}" class="form-control" type="text"
required onclick="selectCustomer()"> required onclick="selectCustomer()">
<span class="input-group-addon" style="width: 40px !important;"><i <span class="input-group-addon"><i
class="fa fa-search"></i></span> class="fa fa-search"></i></span>
</div> </div>
</div> </div>

View File

@ -3,13 +3,14 @@
<head> <head>
<th:block th:include="include :: header('办事处信息列表')" /> <th:block th:include="include :: header('办事处信息列表')" />
</head> </head>
<body class="gray-bg"> <body class="gray-bg">
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 search-collapse"> <div class="col-sm-12 search-collapse">
<form id="formId"> <form id="formId">
<div class="select-list"> <div class="select-list">
<ul> <ul id="element1">
<li> <li>
<label>办事处编码:</label> <label>办事处编码:</label>
<input type="text" name="agentCode"/> <input type="text" name="agentCode"/>
@ -18,6 +19,18 @@
<label>办事处名称:</label> <label>办事处名称:</label>
<input type="text" name="agentName"/> <input type="text" name="agentName"/>
</li> </li>
<li>
<label>所在省:</label>
<select name="province" class="province form-control" data-first-title="选择省">
<option value="">请选择</option>
</select>
</li>
<li>
<label>所在市:</label>
<select name="city" class="city form-control" data-first-title="选择省">
<option value="">请选择</option>
</select>
</li>
<li> <li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a> <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a> <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
@ -47,6 +60,8 @@
</div> </div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: jquery-cxselect-js"/>
<script th:inline="javascript"> <script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('system:agent:edit')}]]; var editFlag = [[${@permission.hasPermi('system:agent:edit')}]];
var removeFlag = [[${@permission.hasPermi('system:agent:remove')}]]; var removeFlag = [[${@permission.hasPermi('system:agent:remove')}]];
@ -100,6 +115,15 @@
}] }]
}; };
$.table.init(options); $.table.init(options);
var urlChina = '/cnarea/select';
$.cxSelect.defaults.url = urlChina;
// $.cxSelect.defaults.jsonSpace = 'data';
$('#element1').cxSelect({
selects: ['province', 'city'],
nodata: 'none'
});
}); });
</script> </script>
</body> </body>

View File

@ -1,58 +1,58 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > <html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head> <head>
<th:block th:include="include :: header('新增客户信息')" /> <th:block th:include="include :: header('新增客户信息')"/>
<th:block th:include="include :: datetimepicker-css" /> <th:block th:include="include :: datetimepicker-css"/>
</head> </head>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-info-add"> <form class="form-horizontal m" id="form-info-add">
<div class="col-xs-6">
<div class="form-group">
<label class="col-sm-4 control-label is-required">客户编码:</label>
<div class="col-sm-8">
<input name="customerCode" class="form-control" type="text" required>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label class="col-sm-4 control-label">客户名称:</label>
<div class="col-sm-8">
<input name="customerName" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label class="col-sm-4 control-label">客户邮编:</label>
<div class="col-sm-8">
<input name="customerPostcode" class="form-control" type="text">
</div>
</div>
</div>
<div id="element1" class="col-xs-12" style="padding: 0">
<div class="col-xs-6"> <div class="col-xs-6">
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">客户编码:</label> <label class="col-sm-4 control-label"></label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="customerCode" class="form-control" type="text" required> <select name="province" class="province form-control m-b" data-first-title="选择省">
<option value="">请选择</option>
</select>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-6">
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label">客户名称:</label> <label class="col-sm-4 control-label"></label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="customerName" class="form-control" type="text"> <select name="city" class="city form-control m-b" data-first-title="选择省">
</div> <option value="">请选择</option>
</div> </select>
</div>
<div class="col-xs-6">
<div class="form-group">
<label class="col-sm-4 control-label">客户邮编:</label>
<div class="col-sm-8">
<input name="customerPostcode" class="form-control" type="text">
</div>
</div>
</div>
<div id="element1" class="col-xs-12" style="padding: 0">
<div class="col-xs-6">
<div class="form-group">
<label class="col-sm-4 control-label">省:</label>
<div class="col-sm-8">
<select name="province" class="province form-control m-b" data-first-title="选择省">
<option value="">请选择</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label class="col-sm-4 control-label">市:</label>
<div class="col-sm-8">
<select name="city" class="city form-control m-b" data-first-title="选择省">
<option value="">请选择</option>
</select>
</div>
</div> </div>
</div> </div>
</div>
<div class="col-xs-6"> <div class="col-xs-6">
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label">详细地址:</label> <label class="col-sm-4 control-label">详细地址:</label>
@ -89,8 +89,10 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label">所属行业:</label> <label class="col-sm-4 control-label">所属行业:</label>
<div class="col-sm-8"> <div class="col-sm-8">
<select name="industryType" class="form-control" th:with="type=${@dict.getType('industry_code')}" required> <select name="industryType" class="form-control"
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> th:with="type=${@dict.getType('industry_code')}" required>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select> </select>
</div> </div>
</div> </div>
@ -103,33 +105,33 @@
</div> </div>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js" /> <th:block th:include="include :: datetimepicker-js"/>
<th:block th:include="include :: jquery-cxselect-js" /> <th:block th:include="include :: jquery-cxselect-js"/>
<script th:inline="javascript"> <script th:inline="javascript">
var prefix = ctx + "system/customer" var prefix = ctx + "system/customer"
$("#form-info-add").validate({ $("#form-info-add").validate({
focusCleanup: true focusCleanup: true
}); });
function submitHandler() { function submitHandler() {
if ($.validate.form()) { if ($.validate.form()) {
$.operate.save(prefix + "/add", $('#form-info-add').serialize()); $.operate.save(prefix + "/add", $('#form-info-add').serialize());
}
} }
}
var urlChina = '/cnarea/select'; var urlChina = '/cnarea/select';
$.cxSelect.defaults.url = urlChina; $.cxSelect.defaults.url = urlChina;
// $.cxSelect.defaults.jsonSpace = 'data'; // $.cxSelect.defaults.jsonSpace = 'data';
$('#element1').cxSelect({ $('#element1').cxSelect({
selects: ['province', 'city'], selects: ['province', 'city'],
nodata: 'none' nodata: 'none'
}); });
</script> </script>
</body> </body>
</html> </html>

View File

@ -9,7 +9,7 @@
<div class="col-sm-12 search-collapse"> <div class="col-sm-12 search-collapse">
<form id="formId"> <form id="formId">
<div class="select-list"> <div class="select-list">
<ul> <ul id="element1">
<li> <li>
<label>客户编码:</label> <label>客户编码:</label>
<input type="text" name="customerCode"/> <input type="text" name="customerCode"/>
@ -22,18 +22,23 @@
<label>客户邮编:</label> <label>客户邮编:</label>
<input type="text" name="customerPostcode"/> <input type="text" name="customerPostcode"/>
</li> </li>
<li>
<label>所在省:</label>
<input type="text" name="province"/>
</li>
<li>
<label>所在市:</label>
<input type="text" name="city"/>
</li>
<li> <li>
<label>详细地址:</label> <label>详细地址:</label>
<input type="text" name="address"/> <input type="text" name="address"/>
</li> </li>
<li>
<label>所在省:</label>
<select name="province" class="province form-control" data-first-title="选择省">
<option value="">请选择</option>
</select>
</li>
<li>
<label>所在市:</label>
<select name="city" class="city form-control" data-first-title="选择省">
<option value="">请选择</option>
</select>
</li>
<li> <li>
<label>联系人:</label> <label>联系人:</label>
<input type="text" name="contactPerson"/> <input type="text" name="contactPerson"/>
@ -48,7 +53,11 @@
</li> </li>
<li> <li>
<label>所属行业:</label> <label>所属行业:</label>
<input type="text" name="industryType"/> <select name="industryType" class="form-control"
th:with="type=${@dict.getType('industry_code')}" required>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select>
</li> </li>
<li> <li>
<label>创建时间:</label> <label>创建时间:</label>
@ -83,6 +92,8 @@
</div> </div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: jquery-cxselect-js"/>
<script th:inline="javascript"> <script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('system:customer:edit')}]]; var editFlag = [[${@permission.hasPermi('system:customer:edit')}]];
var removeFlag = [[${@permission.hasPermi('system:customer:remove')}]]; var removeFlag = [[${@permission.hasPermi('system:customer:remove')}]];
@ -175,7 +186,18 @@
}] }]
}; };
$.table.init(options); $.table.init(options);
var urlChina = '/cnarea/select';
$.cxSelect.defaults.url = urlChina;
// $.cxSelect.defaults.jsonSpace = 'data';
$('#element1').cxSelect({
selects: ['province', 'city'],
nodata: 'none'
});
}); });
</script> </script>
</body> </body>
</html> </html>

View File

@ -3,13 +3,21 @@
<head> <head>
<th:block th:include="include :: header('代理商管理列表')" /> <th:block th:include="include :: header('代理商管理列表')" />
</head> </head>
<style>
#element1{
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
</style>
<body class="gray-bg"> <body class="gray-bg">
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 search-collapse"> <div class="col-sm-12 search-collapse">
<form id="formId"> <form id="formId">
<div class="select-list"> <div class="select-list">
<ul> <ul id="element1">
<li> <li>
<label>代理商编码:</label> <label>代理商编码:</label>
<input type="text" name="partnerCode"/> <input type="text" name="partnerCode"/>
@ -18,6 +26,19 @@
<label>代理商名称:</label> <label>代理商名称:</label>
<input type="text" name="partnerName"/> <input type="text" name="partnerName"/>
</li> </li>
<li>
<label>所在省:</label>
<select name="province" class="province form-control" data-first-title="选择省">
<option value="">请选择</option>
</select>
</li>
<li>
<label>所在市:</label>
<select name="city" class="city form-control" data-first-title="选择省">
<option value="">请选择</option>
</select>
</li>
<li> <li>
<label>认证级别:</label> <label>认证级别:</label>
<select name="level" th:with="type=${@dict.getType('identify_level')}"> <select name="level" th:with="type=${@dict.getType('identify_level')}">
@ -54,6 +75,8 @@
</div> </div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: jquery-cxselect-js"/>
<script th:inline="javascript"> <script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('system:partner:edit')}]]; var editFlag = [[${@permission.hasPermi('system:partner:edit')}]];
var removeFlag = [[${@permission.hasPermi('system:partner:remove')}]]; var removeFlag = [[${@permission.hasPermi('system:partner:remove')}]];
@ -127,6 +150,14 @@
}] }]
}; };
$.table.init(options); $.table.init(options);
var urlChina = '/cnarea/select';
$.cxSelect.defaults.url = urlChina;
// $.cxSelect.defaults.jsonSpace = 'data';
$('#element1').cxSelect({
selects: ['province', 'city'],
nodata: 'none'
});
}); });
</script> </script>
</body> </body>