-
Notifications
You must be signed in to change notification settings - Fork 62
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Your Name
committed
Oct 27, 2023
1 parent
de49c05
commit 7b94690
Showing
16 changed files
with
942 additions
and
47 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,178 @@ | ||
| <div class="layuimini-container layuimini-page-anim"> | ||
| <div class="layuimini-main"> | ||
|
|
||
| <fieldset class="table-search-fieldset"> | ||
| <legend>搜索信息</legend> | ||
| <div style="margin: 10px 10px 10px 10px"> | ||
| <form class="layui-form layui-form-pane" action=""> | ||
| <div class="layui-form-item"> | ||
| <div class="layui-inline"> | ||
| <label class="layui-form-label">代号</label> | ||
| <div class="layui-input-inline"> | ||
| <input type="text" name="symbol" autocomplete="off" class="layui-input"> | ||
| </div> | ||
| </div> | ||
| <div class="layui-inline"> | ||
| <label class="layui-form-label">名称</label> | ||
| <div class="layui-input-inline"> | ||
| <input type="text" name="name" autocomplete="off" class="layui-input"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="layui-inline layui-form-item"> | ||
| <label class="layui-form-label">状态</label> | ||
| <div class="layui-input-inline"> | ||
| <select name="status"> | ||
| <option value="">全部</option> | ||
| <option value="1">启用</option> | ||
| <option value="0">禁用</option> | ||
| </select> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <div class="layui-inline"> | ||
| <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button> | ||
| </div> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </fieldset> | ||
|
|
||
| <script type="text/html" id="toolbarDemo"> | ||
| <div class="layui-btn-container"> | ||
| <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加 </button> | ||
| <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> | ||
| </div> | ||
| </script> | ||
|
|
||
| <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> | ||
|
|
||
| <script type="text/html" id="currentTableBar"> | ||
| <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a> | ||
| <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> | ||
| </script> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <script> | ||
| layui.use(['form', 'table','miniPage','element'], function () { | ||
| var $ = layui.jquery, | ||
| form = layui.form, | ||
| table = layui.table, | ||
| miniPage = layui.miniPage; | ||
|
|
||
| table.render({ | ||
| elem: '#currentTableId', | ||
| url: '/admin/tradingvarieties/list?api=1', | ||
| toolbar: '#toolbarDemo', | ||
| defaultToolbar: ['filter', 'exports', 'print', { | ||
| title: '提示', | ||
| layEvent: 'LAYTABLE_TIPS', | ||
| icon: 'layui-icon-tips' | ||
| }], | ||
| cols: [[ | ||
| {type: "checkbox", width: 50}, | ||
| {field: 'id', width: 80, title: 'ID', sort: true}, | ||
| {field: 'symbol', width: 80, title: '代号'}, | ||
| {field: 'name', width: 80, title: '名称'}, | ||
| {field: 'price_precision', title: '价格精度', minWidth: 150}, | ||
| {field: 'qty_precision', width: 80, title: '数量精度', sort: true}, | ||
| {field: 'fee_rate', width: 80, title: '手续费', sort: true}, | ||
| {field: 'create_time', width: 280, title: '创建时间', sort: true}, | ||
| {field: 'update_time', width: 280, title: '更新时间'}, | ||
| {field: 'status', width: 135, title: '状态', sort: true}, | ||
| {title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} | ||
| ]], | ||
| limits: [10, 15, 20, 25, 50, 100], | ||
| limit: 15, | ||
| page: true, | ||
| skin: 'line' | ||
| }); | ||
|
|
||
| // 监听搜索操作 | ||
| form.on('submit(data-search-btn)', function (data) { | ||
| var result = JSON.stringify(data.field); | ||
| // layer.alert(result, { | ||
| // title: '最终的搜索信息' | ||
| // }); | ||
|
|
||
| //执行搜索重载 | ||
| table.reload('currentTableId', { | ||
| page: { | ||
| curr: 1 | ||
| } | ||
| , where: { | ||
| searchParams: result | ||
| } | ||
| }, 'data'); | ||
|
|
||
| return false; | ||
| }); | ||
|
|
||
| /** | ||
| * toolbar事件监听 | ||
| */ | ||
| table.on('toolbar(currentTableFilter)', function (obj) { | ||
| if (obj.event === 'add') { // 监听添加操作 | ||
| var content = miniPage.getHrefContent('page/table/add.html'); | ||
| var openWH = miniPage.getOpenWidthHeight(); | ||
|
|
||
| var index = layer.open({ | ||
| title: '添加用户', | ||
| type: 1, | ||
| shade: 0.2, | ||
| maxmin:true, | ||
| shadeClose: true, | ||
| area: [openWH[0] + 'px', openWH[1] + 'px'], | ||
| offset: [openWH[2] + 'px', openWH[3] + 'px'], | ||
| content: content, | ||
| }); | ||
| $(window).on("resize", function () { | ||
| layer.full(index); | ||
| }); | ||
| } else if (obj.event === 'delete') { // 监听删除操作 | ||
| var checkStatus = table.checkStatus('currentTableId') | ||
| , data = checkStatus.data; | ||
| layer.alert(JSON.stringify(data)); | ||
| } | ||
| }); | ||
|
|
||
| //监听表格复选框选择 | ||
| table.on('checkbox(currentTableFilter)', function (obj) { | ||
| console.log(obj) | ||
| }); | ||
|
|
||
| table.on('tool(currentTableFilter)', function (obj) { | ||
| var data = obj.data; | ||
| if (obj.event === 'edit') { | ||
|
|
||
| var content = miniPage.getHrefContent('page/table/add.html'); | ||
| var openWH = miniPage.getOpenWidthHeight(); | ||
|
|
||
| var index = layer.open({ | ||
| title: '编辑用户', | ||
| type: 1, | ||
| shade: 0.2, | ||
| maxmin:true, | ||
| shadeClose: true, | ||
| area: [openWH[0] + 'px', openWH[1] + 'px'], | ||
| offset: [openWH[2] + 'px', openWH[3] + 'px'], | ||
| content: content, | ||
| }); | ||
| $(window).on("resize", function () { | ||
| layer.full(index); | ||
| }); | ||
| return false; | ||
| } else if (obj.event === 'delete') { | ||
| layer.confirm('真的删除行么', function (index) { | ||
| obj.del(); | ||
| layer.close(index); | ||
| }); | ||
| } | ||
| }); | ||
|
|
||
| }); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,177 @@ | ||
| <div class="layuimini-container layuimini-page-anim"> | ||
| <div class="layuimini-main"> | ||
|
|
||
| <fieldset class="table-search-fieldset"> | ||
| <legend>搜索信息</legend> | ||
| <div style="margin: 10px 10px 10px 10px"> | ||
| <form class="layui-form layui-form-pane" action=""> | ||
| <div class="layui-form-item"> | ||
| <div class="layui-inline"> | ||
| <label class="layui-form-label">代号</label> | ||
| <div class="layui-input-inline"> | ||
| <input type="text" name="symbol" autocomplete="off" class="layui-input"> | ||
| </div> | ||
| </div> | ||
| <div class="layui-inline"> | ||
| <label class="layui-form-label">名称</label> | ||
| <div class="layui-input-inline"> | ||
| <input type="text" name="name" autocomplete="off" class="layui-input"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="layui-inline layui-form-item"> | ||
| <label class="layui-form-label">状态</label> | ||
| <div class="layui-input-inline"> | ||
| <select name="status"> | ||
| <option value="">全部</option> | ||
| <option value="1">启用</option> | ||
| <option value="0">禁用</option> | ||
| </select> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <div class="layui-inline"> | ||
| <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button> | ||
| </div> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </fieldset> | ||
|
|
||
| <script type="text/html" id="toolbarDemo"> | ||
| <div class="layui-btn-container"> | ||
| <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加 </button> | ||
| <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> | ||
| </div> | ||
| </script> | ||
|
|
||
| <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> | ||
|
|
||
| <script type="text/html" id="currentTableBar"> | ||
| <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a> | ||
| <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> | ||
| </script> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <script> | ||
| layui.use(['form', 'table','miniPage','element'], function () { | ||
| var $ = layui.jquery, | ||
| form = layui.form, | ||
| table = layui.table, | ||
| miniPage = layui.miniPage; | ||
|
|
||
| table.render({ | ||
| elem: '#currentTableId', | ||
| url: '/admin/user/assets?api=1', | ||
| toolbar: '#toolbarDemo', | ||
| defaultToolbar: ['filter', 'exports', 'print', { | ||
| title: '提示', | ||
| layEvent: 'LAYTABLE_TIPS', | ||
| icon: 'layui-icon-tips' | ||
| }], | ||
| cols: [[ | ||
| {type: "checkbox", width: 50}, | ||
| {field: 'user_id', title: '用户ID', sort: true}, | ||
| {field: 'symbol', width: 80, title: '代号'}, | ||
| {field: 'total', width: 80, title: '余额'}, | ||
| {field: 'avail', title: '可用', minWidth: 150}, | ||
| {field: 'freeze', title: '冻结', sort: true}, | ||
|
|
||
| {field: 'create_time', width: 280, title: '创建时间', sort: true}, | ||
| {field: 'update_time', width: 280, title: '更新时间'}, | ||
| {title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} | ||
| ]], | ||
| limits: [10, 15, 20, 25, 50, 100], | ||
| limit: 15, | ||
| page: true, | ||
| skin: 'line' | ||
| }); | ||
|
|
||
| // 监听搜索操作 | ||
| form.on('submit(data-search-btn)', function (data) { | ||
| var result = JSON.stringify(data.field); | ||
| // layer.alert(result, { | ||
| // title: '最终的搜索信息' | ||
| // }); | ||
|
|
||
| //执行搜索重载 | ||
| table.reload('currentTableId', { | ||
| page: { | ||
| curr: 1 | ||
| } | ||
| , where: { | ||
| searchParams: result | ||
| } | ||
| }, 'data'); | ||
|
|
||
| return false; | ||
| }); | ||
|
|
||
| /** | ||
| * toolbar事件监听 | ||
| */ | ||
| table.on('toolbar(currentTableFilter)', function (obj) { | ||
| if (obj.event === 'add') { // 监听添加操作 | ||
| var content = miniPage.getHrefContent('page/table/add.html'); | ||
| var openWH = miniPage.getOpenWidthHeight(); | ||
|
|
||
| var index = layer.open({ | ||
| title: '添加用户', | ||
| type: 1, | ||
| shade: 0.2, | ||
| maxmin:true, | ||
| shadeClose: true, | ||
| area: [openWH[0] + 'px', openWH[1] + 'px'], | ||
| offset: [openWH[2] + 'px', openWH[3] + 'px'], | ||
| content: content, | ||
| }); | ||
| $(window).on("resize", function () { | ||
| layer.full(index); | ||
| }); | ||
| } else if (obj.event === 'delete') { // 监听删除操作 | ||
| var checkStatus = table.checkStatus('currentTableId') | ||
| , data = checkStatus.data; | ||
| layer.alert(JSON.stringify(data)); | ||
| } | ||
| }); | ||
|
|
||
| //监听表格复选框选择 | ||
| table.on('checkbox(currentTableFilter)', function (obj) { | ||
| console.log(obj) | ||
| }); | ||
|
|
||
| table.on('tool(currentTableFilter)', function (obj) { | ||
| var data = obj.data; | ||
| if (obj.event === 'edit') { | ||
|
|
||
| var content = miniPage.getHrefContent('page/table/add.html'); | ||
| var openWH = miniPage.getOpenWidthHeight(); | ||
|
|
||
| var index = layer.open({ | ||
| title: '编辑用户', | ||
| type: 1, | ||
| shade: 0.2, | ||
| maxmin:true, | ||
| shadeClose: true, | ||
| area: [openWH[0] + 'px', openWH[1] + 'px'], | ||
| offset: [openWH[2] + 'px', openWH[3] + 'px'], | ||
| content: content, | ||
| }); | ||
| $(window).on("resize", function () { | ||
| layer.full(index); | ||
| }); | ||
| return false; | ||
| } else if (obj.event === 'delete') { | ||
| layer.confirm('真的删除行么', function (index) { | ||
| obj.del(); | ||
| layer.close(index); | ||
| }); | ||
| } | ||
| }); | ||
|
|
||
| }); | ||
| </script> |
Empty file.
Empty file.
Oops, something went wrong.