From 56aaf185c6c906f74549a7551b29b1b107d69819 Mon Sep 17 00:00:00 2001 From: zhaoxiaohao <913652501@qq.com> Date: Tue, 18 Aug 2020 09:53:26 +0800 Subject: [PATCH] 修改样式 --- kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/product.html | 51 ++++++++++++++++++++++++++++++++++----------------- 1 files changed, 34 insertions(+), 17 deletions(-) diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/product.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/product.html index b931cdb..be3b38c 100644 --- a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/product.html +++ b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/product.html @@ -8,20 +8,22 @@ </div> <div class="layui-card-body"> <div class="layui-form toolbar">  - <input id="product-search-value" class="layui-input search-input" type="text" placeholder="输入产品名" />  - <button id="product-btn-search" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button> - <button id="product-btn-add" class="layui-btn icon-btn"><i class="layui-icon"></i>添加</button> + <input id="product-search-value" class="layui-input search-input" type="text" placeholder="按产品名" />  + <button id="product-btn-search" class="layui-btn icon-btn"><i class="layui-icon permissions" + permissions="product-list"></i>搜索</button> + <button id="product-btn-add" class="layui-btn icon-btn permissions" permissions="product-edit"><i + class="layui-icon"></i>添加</button> </div> <table class="layui-table" id="product-table" lay-filter="product-table"></table> </div> </div> <!-- 表格操作列 --> <script type="text/html" id="product-table-bar"> - <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> + <a class="layui-btn layui-btn-danger layui-btn-xs permissions" permissions="product-del" lay-event="del">删除</a> </script> <!-- 表格状态列 --> <script type="text/html" id="product-tpl-state"> - <input type="checkbox" lay-filter="product-tpl-state" value="{{d.id}}" lay-skin="switch" lay-text="未处理|已处理" + <input type="checkbox" lay-filter="product-tpl-state" value="{{d.id}}" lay-skin="switch" lay-text="禁用|启用" {{d.enabled==true?'checked':''}}/> </script> @@ -43,9 +45,17 @@ headers: { 'Authorization': 'Bearer ' + config.getToken().access_token }, page: true, cols: [[ - { field: 'proName', width: 300, title: '产品名称' }, + { field: 'proName',width: "10%",align: 'center', title: '产品名称' }, { - field: 'proTime', width: 150, title: '有效时长', templet: function (d) { + field: 'proType', align: 'center', width: '10%', templet: function (d) { + if (d.proType === 0) + return "试用" + else + return "正式" + }, title: '类型' + }, + { + field: 'proTime', width: '10%', align: 'center', title: '有效时长', templet: function (d) { switch (d.proTimeUnit) { case 0: return d.proTime + "天"; @@ -59,13 +69,20 @@ } } }, - { field: 'proPrice', width: 100, title: '价格' }, - { field: 'recordCount', width: 180, title: '报告数' }, - { field: 'ailightCount', width: 180, title: '读片量' }, - { field: 'enabled', width: 150, templet: '#product-tpl-state', sort: true, title: '状态' }, - { field: 'createTime', width: 200, sort: true, title: '创建时间' }, - { align: 'center', width: 100, toolbar: '#product-table-bar', title: '操作' } - ]] + { field: 'proPrice', width: '10%', align: 'center', title: '价格' }, + { field: 'recordCount', width: '10%', align: 'center', title: '报告数' }, + { field: 'ailightCount', width: '10%', align: 'center', title: '读片量' }, + { field: 'enabled', width: '10%', align: 'center', templet: '#product-tpl-state', sort: true, title: '状态' }, + { + field: 'createTime', width: '10%', align: 'center', sort: true, title: '创建时间', templet: function (d) { + return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm"); + } + }, + { align: 'center', width: '10%', toolbar: '#product-table-bar', title: '操作' } + ]], + done: function (res) { + permissionsInput(res,config); + } }); } renderTable(); @@ -79,9 +96,9 @@ }, function (data) { layer.closeAll('loading'); if (data.code == 0) { - layer.msg(data.msg, { icon: 1, time: 500 }); + layer.msg(data.msg, { icon: 1, time: 2000 }); } else { - layer.msg(data.msg, { icon: 2, time: 500 }); + layer.msg(data.msg, { icon: 2, time: 2000 }); $(obj.elem).prop('checked', !obj.elem.checked); form.render('checkbox'); } @@ -96,7 +113,7 @@ layer.load(2); admin.req('api-opration/product/' + obj.data.id, {}, function (data) { layer.closeAll('loading'); - layer.msg(data.msg, { icon: 1, time: 500 }, function () { + layer.msg(data.msg, { icon: 1, time: 2000 }, function () { renderTable(); }); -- Gitblit v1.8.0