From a8de0c774a40a9436acd1009da8a38e7cda24157 Mon Sep 17 00:00:00 2001 From: zhaoxiaohao <913652501@qq.com> Date: Fri, 14 Aug 2020 16:09:55 +0800 Subject: [PATCH] 修改页面小bug --- kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/contract.html | 54 ++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 40 insertions(+), 14 deletions(-) diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/contract.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/contract.html index ae3a65a..f7b5520 100644 --- a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/contract.html +++ b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/contract.html @@ -7,17 +7,21 @@ </span> </div> <div class="layui-card-body"> - <div class="layui-form toolbar">  - <input id="hospital-search-value" class="layui-input search-input" type="text" placeholder="输入医院名" />  - <button id="contract-btn-search" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button> + <div class="layui-form toolbar"> + <div class="layui-form-item"> + <div class="layui-inline" style="margin-bottom: -25px;">  + <input id="hospital-search-value" class="layui-input search-input" type="text" placeholder="按医院名" autocomplete="off" width="400px" /></div>  + <button id="contract-btn-search" class="layui-btn icon-btn permissions" permissions="contract-list" style="margin-bottom: -25px;"><i class="layui-icon"></i>搜索</button> </div> <table class="layui-table" id="contract-table" lay-filter="contract-table"></table> + </div></div> </div> </div> +<input id="hospitalId" type="hidden" /> <!-- 表格操作列 --> <script type="text/html" id="contract-table-bar"> - <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> - <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看产品</a> + <a class="layui-btn layui-btn-danger layui-btn-xs permissions" permissions="contract-del" lay-event="del">删除</a> + <a class="layui-btn layui-btn-primary layui-btn-xs permissions" permissions="productorderdetail-save" lay-event="detail">查看产品</a> </script> <!-- 表格状态列 --> <script type="text/html" id="contract-tpl-state"> @@ -29,13 +33,27 @@ <table class="layui-table" id="contract-table-detail" lay-filter="contract-table-detail"></table> </script> <script> - layui.use(['table', 'util', 'admin', 'config', 'form'], function () { + layui.use(['table', 'util', 'admin', 'config', 'form', 'autocomplete'], function () { let table = layui.table; let util = layui.util; let admin = layui.admin; let form = layui.form; let laydate = layui.laydate; let config = layui.config; + var autocomplete = layui.autocomplete; + var $ = layui.jquery; + + //自动完成-医院名称 + autocomplete.render({ + elem: $('#hospital-search-value')[0], + keywordsName: 'hospitalName',//查询关键字名称 + url: config.base_server + 'api-user/syshospital/findByName', + template_val: '{{d.hospitalName}}',//选择后文本框显示的数据字段 + template_txt: "<div class='layui-table-cell'>{{d.hospitalName}}</div>",//下拉列表模板 + onselect: function (resp) { + $("#hospitalId").val(resp.id); + } + }); // 渲染表格 var renderTable = function () { @@ -46,7 +64,7 @@ headers: { 'Authorization': 'Bearer ' + config.getToken().access_token }, page: true, cols: [[ - { field: 'hospitalName', width: 300, title: '医院名称' }, + { field: 'hospitalName', width: 263, title: '医院名称' }, { field: 'departmentName', width: 100, title: '科室名称' }, { field: 'contractNo', width: 150, title: '合同编号' }, { field: 'contractTitle', width: 260, title: '合同名' }, @@ -62,9 +80,14 @@ return new Date(d.contractTime).dateFormat("yyyy/MM/dd"); } }, // { field: 'enabled', width: 120, templet: '#contract-tpl-state', sort: true, title: '状态' }, - { field: 'createTime', width: 160, sort: true, title: '创建时间' }, - { align: 'center', width: 150, toolbar: '#contract-table-bar', title: '操作' } - ]] + { field: 'createTime', width: 160, title: '创建时间' , templet: function (d) { + return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm"); + }}, + { align: 'center', width: 200, toolbar: '#contract-table-bar', title: '操作' } + ]], + done:function(res){ + permissionsInput(res,config); + } }); } renderTable(); @@ -76,8 +99,7 @@ layer.load(2); admin.req('api-opration/contract/' + 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(); }); obj.del(); @@ -93,7 +115,11 @@ // 搜索按钮点击事件 $('#contract-btn-search').click(function () { var hospitalName = $('#hospital-search-value').val(); - table.reload('contract-table', { where: { hospitalName: hospitalName} }); + if(strUtil.isEmpty(hospitalName)) + { + $("#hospitalId").val(""); + } + table.reload('contract-table', { where: { hospitalId: $("#hospitalId").val()} }); }); var showModel=function(orderId){ @@ -106,7 +132,7 @@ success:function(){ table.render({ elem: '#contract-table-detail', - url: config.base_server + 'api-opration/productorderdetail', + url: config.base_server + 'api-opration/productorderrecord', method: 'GET', where:{'orderId':orderId}, headers: { 'Authorization': 'Bearer ' + config.getToken().access_token }, -- Gitblit v1.8.0