保证金列表筛选条件修改美化
This commit is contained in:
liuxiaoquan
parent
6d78ed0e4d
commit
adab7d6c59
@ -13,7 +13,22 @@
|
|||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
|
|
||||||
<div class="layui-inline">
|
<div class="layui-inline">
|
||||||
<label class="layui-form-label">日期范围</label>
|
<label class="layui-form-label">选择时间</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<div class="layui-btn-group" id="witch_date">
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal">全部</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">今天</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">昨天</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">最近7天</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">最近30天</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">本月</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">本年</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-inline">
|
||||||
|
<!-- <label class="layui-form-label">日期范围</label> -->
|
||||||
<div class="layui-inline" id="test6">
|
<div class="layui-inline" id="test6">
|
||||||
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
||||||
<input type="text" autocomplete="off" id="test-startDate-1" class="layui-input"
|
<input type="text" autocomplete="off" id="test-startDate-1" class="layui-input"
|
||||||
@ -27,29 +42,44 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="layui-inline" style="width:45%">
|
|
||||||
<div class="layui-form-item">
|
|
||||||
<label class="layui-form-label">关键字</label>
|
|
||||||
<div class="layui-input-block">
|
|
||||||
<input style="width:70%;float:left" type="text" name="keywords" placeholder="请输入关键字"
|
|
||||||
class="layui-input" autocomplete="off" />
|
|
||||||
<button class="layui-btn layui-btn-normal" lay-submit=""
|
|
||||||
lay-filter="searchform">提交搜索</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
|
|
||||||
|
<div class="layui-inline" style="width:46%">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">关键字</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input style="width:80%;float:left" type="text" name="keywords" placeholder="请输入关键字"
|
||||||
|
class="layui-input" autocomplete="off" />
|
||||||
|
<button class="layui-btn layui-btn-normal" style="width:20%" lay-submit=""
|
||||||
|
lay-filter="searchform" type="button">提交搜索</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="layui-input-inline" style="width:35%;float:none;">
|
<div class="layui-input-inline" style="width:35%;float:none;">
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">商户类别</label>
|
<label class="layui-form-label">商户类别</label>
|
||||||
<div class="layui-input-block">
|
<div class="layui-input-block">
|
||||||
<select name="interest" lay-filter="aihao">
|
<select name="dddd" lay-filter="searchform">
|
||||||
|
<option value=""></option>
|
||||||
|
<option value="10">自营</option>
|
||||||
|
<option value="11">非自营</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-form-item">
|
||||||
|
|
||||||
|
<div class="layui-input-inline" style="width:46%;">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">商户分类</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<select name="category" lay-filter="searchform">
|
||||||
<option value=""></option>
|
<option value=""></option>
|
||||||
<option value="0">写作</option>
|
<option value="0">写作</option>
|
||||||
<option value="1">阅读</option>
|
<option value="1">阅读</option>
|
||||||
@ -63,9 +93,9 @@
|
|||||||
|
|
||||||
<div class="layui-input-inline" style="width:35%;">
|
<div class="layui-input-inline" style="width:35%;">
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">商户分类</label>
|
<label class="layui-form-label">店铺类型</label>
|
||||||
<div class="layui-input-block">
|
<div class="layui-input-block">
|
||||||
<select name="interest" lay-filter="aihao">
|
<select name="type" lay-filter="type">
|
||||||
<option value=""></option>
|
<option value=""></option>
|
||||||
<option value="0">写作</option>
|
<option value="0">写作</option>
|
||||||
<option value="1">阅读</option>
|
<option value="1">阅读</option>
|
||||||
@ -79,31 +109,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<!-- change tab -->
|
||||||
|
<div class="layui-form-item" id="set_margin" style="display:block;">
|
||||||
|
<div class="layui-input-inline" style="width:46%;">
|
||||||
<div class="layui-input-inline" style="width:35%;">
|
|
||||||
<div class="layui-form-item">
|
|
||||||
<label class="layui-form-label">店铺类型</label>
|
|
||||||
<div class="layui-input-block">
|
|
||||||
<select name="interest" lay-filter="aihao">
|
|
||||||
<option value=""></option>
|
|
||||||
<option value="0">写作</option>
|
|
||||||
<option value="1">阅读</option>
|
|
||||||
<option value="2">游戏</option>
|
|
||||||
<option value="3">音乐</option>
|
|
||||||
<option value="4">旅行</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="layui-input-inline" style="width:35%;">
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
|
|
||||||
<label class="layui-form-label">保证金状态</label>
|
<label class="layui-form-label">保证金状态</label>
|
||||||
<div class="layui-input-block">
|
<div class="layui-input-block">
|
||||||
<select name="interest" lay-filter="aihao">
|
<select name="status" lay-filter="status">
|
||||||
<option value=""></option>
|
<option value=""></option>
|
||||||
<option value="0">写作</option>
|
<option value="0">写作</option>
|
||||||
<option value="1">阅读</option>
|
<option value="1">阅读</option>
|
||||||
@ -113,20 +126,48 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="layui-tab" lay-filter="demo" lay-allowclose="true">
|
</div>
|
||||||
<ul class="layui-tab-title">
|
</div>
|
||||||
<li class="layui-this" lay-id="11"></li>
|
</div>
|
||||||
<li lay-id="22"></li>
|
<!-- change tab end -->
|
||||||
</ul>
|
|
||||||
<div class="layui-tab-content">
|
<!-- change tab -->
|
||||||
<div class="layui-this" lay-id="11" class="layui-tab-item layui-show">内容1</div>
|
<div class="layui-form-item" id="refund_margin" style="display:none;">
|
||||||
<div lay-id="22" class="layui-tab-item">内容2</div>
|
|
||||||
|
<div class="layui-input-inline" style="width:46%;">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
|
||||||
|
<label class="layui-form-label">审核</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<div class="layui-btn-group">
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal">全部</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">待审核</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">已审核</button>
|
||||||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-primary">审核失败</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-input-inline" style="width:35%;">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
|
||||||
|
<label class="layui-form-label">退回状态</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<select name="refund" lay-filter="refund">
|
||||||
|
<option value=""></option>
|
||||||
|
<option value="0">写作</option>
|
||||||
|
<option value="1">阅读</option>
|
||||||
|
<option value="2">游戏</option>
|
||||||
|
<option value="3">音乐</option>
|
||||||
|
<option value="4">旅行</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -164,7 +205,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 操作 -->
|
<!-- 缴存操作 -->
|
||||||
<script type="text/html" id="toolbarDemo"></script>
|
<script type="text/html" id="toolbarDemo"></script>
|
||||||
<script type="text/html" id="barDemo">
|
<script type="text/html" id="barDemo">
|
||||||
<div class="layui-btn-group">
|
<div class="layui-btn-group">
|
||||||
@ -173,7 +214,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- 操作 -->
|
<!-- 退回操作 -->
|
||||||
<script type="text/html" id="refundToolbar"></script>
|
<script type="text/html" id="refundToolbar"></script>
|
||||||
<script type="text/html" id="refundBar">
|
<script type="text/html" id="refundBar">
|
||||||
<div class="layui-btn-group">
|
<div class="layui-btn-group">
|
||||||
@ -360,6 +401,7 @@
|
|||||||
|
|
||||||
//监听搜索提交
|
//监听搜索提交
|
||||||
form.on('submit(searchform)', function(data) {
|
form.on('submit(searchform)', function(data) {
|
||||||
|
console.log(data.field);
|
||||||
layui.pageTable.reload({
|
layui.pageTable.reload({
|
||||||
where: {
|
where: {
|
||||||
keywords: data.field.keywords
|
keywords: data.field.keywords
|
||||||
@ -368,75 +410,88 @@
|
|||||||
curr: 1
|
curr: 1
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
// layui.form.render();
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
form.on('select(searchform)', function(data) {
|
||||||
|
console.log(data.elem.name);
|
||||||
|
layui.pageTable.reload({
|
||||||
|
where: {
|
||||||
|
// keywords: data.field.category
|
||||||
|
},
|
||||||
|
page: {
|
||||||
|
curr: 1
|
||||||
|
}
|
||||||
|
});
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
// 日期范围
|
// 日期范围
|
||||||
layui.use(['laydate','element'], function () {
|
layui.use(['laydate','element', 'jquery'],
|
||||||
var laydate = layui.laydate;
|
function () {
|
||||||
var $ = layui.jquery,element = layui.element;
|
var laydate = layui.laydate;
|
||||||
//日期范围
|
var $ = layui.jquery,element = layui.element;
|
||||||
laydate.render({
|
//日期范围
|
||||||
elem: '#test6'
|
laydate.render({
|
||||||
//设置开始日期、日期日期的 input 选择器
|
elem: '#test6'
|
||||||
//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
|
//设置开始日期、日期日期的 input 选择器
|
||||||
, range: ['#test-startDate-1', '#test-endDate-1']
|
//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
|
||||||
,done: function(value, date, endDate){
|
, range: ['#test-startDate-1', '#test-endDate-1']
|
||||||
if (value) {
|
,done: function(value, date, endDate){
|
||||||
// 时间选择
|
if (value) {
|
||||||
console.log(value); //得到日期生成的值，如：2017-08-18
|
// 时间选择
|
||||||
console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
|
console.log(value); //得到日期生成的值，如：2017-08-18
|
||||||
console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
|
console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
|
||||||
alert(1);
|
console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
|
||||||
|
|
||||||
layui.pageTable.reload({
|
layui.pageTable.reload({
|
||||||
where: {
|
where: {
|
||||||
keywords: data.field.keywords
|
keywords: data.field.keywords
|
||||||
},
|
},
|
||||||
page: {
|
page: {
|
||||||
curr: 1
|
curr: 1
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
// 重置
|
// 重置
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
});
|
||||||
});
|
|
||||||
|
|
||||||
//触发事件
|
//触发事件
|
||||||
var active = {
|
var active = {
|
||||||
tabChange: function(){
|
tabChange: function(){
|
||||||
//切换到指定Tab项
|
//切换到指定Tab项
|
||||||
element.tabChange('demo', this.getAttribute('lay-id')); //切换到：用户管理
|
// element.tabChange('demo', this.getAttribute('lay-id')); //切换tab
|
||||||
// 展示
|
var marign = document.getElementById('set_margin');
|
||||||
this.getAttribute()
|
var refund = document.getElementById('refund_margin');
|
||||||
// 删除
|
if ('11'==this.getAttribute('lay-id')) {
|
||||||
}
|
marign.style.display = "block";
|
||||||
};
|
refund.style.display = "none";
|
||||||
|
}else{
|
||||||
$('.site-demo-active').on('click', function(){
|
refund.style.display = "block";
|
||||||
var othis = $(this), type = othis.data('type');
|
marign.style.display = "none";
|
||||||
active[type] ? active[type].call(this, othis) : '';
|
}
|
||||||
});
|
}
|
||||||
|
};
|
||||||
//Hash地址的定位
|
|
||||||
// var layid = location.hash.replace(/^#test=/, '');
|
$('.site-demo-active').on('click', function(){
|
||||||
// element.tabChange('test', layid);
|
var othis = $(this), type = othis.data('type');
|
||||||
});
|
active[type] ? active[type].call(this, othis) : '';
|
||||||
|
});
|
||||||
|
|
||||||
|
//Hash地址的定位
|
||||||
|
// var layid = location.hash.replace(/^#test=/, '');
|
||||||
|
// element.tabChange('test', layid);
|
||||||
|
|
||||||
|
}
|
||||||
// table.on('laydate', function (obj) {
|
);
|
||||||
// if (obj.event === 'add') {
|
|
||||||
// tool.side("/admin/merchant/type/form");
|
|
||||||
// return false;
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function get_params() {
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
{/block}
|
{/block}
|
||||||
<!-- /脚本 -->
|
<!-- /脚本 -->
|
||||||
Loading…
x
Reference in New Issue
Block a user