From 1a50269b1d072fe2da7e70ae48315ebeb4ef95f4 Mon Sep 17 00:00:00 2001
From: zhaoxiaohao <279049017@qq.com>
Date: Tue, 02 Mar 2021 18:32:55 +0800
Subject: [PATCH] 完善筛查和 input框记录数据得bug
---
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/contract.html | 226 ++++++++++++++++++++++++++++++++++---------------------
1 files changed, 139 insertions(+), 87 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 1c049c2..7a650b2 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,26 @@
</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>
- <table class="layui-table" id="contract-table" lay-filter="contract-table"></table>
</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-xs permissions" permissions="contract-edit" lay-event="edit">修改</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 +38,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 () {
@@ -47,114 +70,143 @@
page: true,
cols: [[
{ field: 'hospitalName', width: 300, title: '医院名称' },
- { field: 'departmentName', width: 100, title: '科室名称' },
+ { field: 'departmentName', width: 200, title: '科室名称' },
{ field: 'contractNo', width: 150, title: '合同编号' },
- { field: 'contractTitle', width: 150, title: '合同名' },
- { field: 'contractBeginTime', width: 150, title: '合同生效时间',templet:function(d)
+ { field: 'contractTitle', width: 200, title: '合同名' },
{
- return new Date(d.contractBeginTime).dateFormat("yyyy/MM/dd");
- }
+ field: 'contractBeginTime', width: 120, title: '合同生效时间', templet: function (d) {
+ return new Date(d.contractBeginTime).dateFormat("yyyy/MM/dd");
+ }
},
- { field: 'contractEndTime', width: 150, title: '合同到期时间',templet:function(d){
- return new Date(d.contractEndTime).dateFormat("yyyy/MM/dd");
- } },
- { field: 'contractTime', width: 180, title: '合同签订时间',templet:function(d){
- return new Date(d.contractTime).dateFormat("yyyy/MM/dd hh:mm:ss");
- } },
- { 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: 'contractEndTime', width: 120, title: '合同到期时间', templet: function (d) {
+ return new Date(d.contractEndTime).dateFormat("yyyy/MM/dd");
+ }
+ },
+ {
+ field: 'contractTime', width: 120, title: '合同签订时间', templet: function (d) {
+ if(d.contractTime==null){
+ return new Date(d.createTime).dateFormat("yyyy/MM/dd");
+ }
+ return new Date(d.contractTime).dateFormat("yyyy/MM/dd");
+ }
+ },
+ // { field: 'enabled', width: 120, templet: '#contract-tpl-state', sort: true, title: '状态' },
+ {
+ field: 'createTime', width: 160, title: '创建时间', templet: function (d) {
+ return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm");
+ }
+ },
+ {
+ align: 'center', width: 150, toolbar: '#contract-table-bar', title: '操作',
+ fixed: 'right'
+ }
+ ]],
+ done: function (res) {
+ permissionsInput(res, config);
+ }
});
}
renderTable();
-
- // 修改状态
- form.on('switch(contract-tpl-state)', function (obj) {
- layer.load(2);
- admin.req('api-opration/contract/updateEnabled', {
- id: obj.elem.value,
- enabled: obj.elem.checked ? true : false
- }, function (data) {
- layer.closeAll('loading');
- if (data.code == 0) {
- layer.msg(data.msg, { icon: 1, time: 500 });
- } else {
- layer.msg(data.msg, { icon: 2, time: 500 });
- $(obj.elem).prop('checked', !obj.elem.checked);
- form.render('checkbox');
- }
- }, 'GET');
- });
-
// 工具条点击事件
table.on('tool(contract-table)', function (obj) {
if (obj.event === 'del') { // 删除
- layer.confirm('确定要删除吗？', function (i) {
+ layer.confirm('确定要删除合同及关联套餐吗？', function (i) {
layer.close(i);
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();
}, 'DELETE');
});
}
- else
- {
- showModel(obj.data.id);
+ else if (obj.event === 'edit') {
+ //修改
+ updateModel(obj.data);
+ } else if (obj.event === 'detail') {
+ //充值记录列表
+ showModel(obj.data);
}
});
// 搜索按钮点击事件
$('#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() },
+ page: {
+ curr: 1
+ }
+ });
});
- var showModel=function(orderId){
- layer.open({
- type:1,
- title:'查看产品',
- area: '1200px',
- offset: '100px',
- content: $('#contract-model').html(),
- success:function(){
- table.render({
- elem: '#contract-table-detail',
- url: config.base_server + 'api-opration/productorderdetail',
- method: 'GET',
- where:{'orderId':orderId},
- headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
- page: true,
- limit:5,
- limits:[5,10],
- cols: [[
- { field: 'proName', width: 300, title: '产品名称' },
- { field: 'ailightCount', width: 150, title: '读片量' },
- { field: 'recordCount', width: 100, title: '报告量' },
- { field: 'isShare', width: 150, title: '是否共享',templet:function(d)
- {
- if(d.isShare)
- return '共享'
- else
- return '私有'
- }
- },
- { field: 'proBegintime', width: 150, title: '开始时间',templet:function(d){
- return new Date(d.proBegintime).dateFormat("yyyy/MM/dd");
- } },
- { field: 'proEndtime', width: 180, title: '结束时间',templet:function(d){
- return new Date(d.proEndtime).dateFormat("yyyy/MM/dd hh:mm:ss");
- } },
- { field: 'createTime', width: 160, sort: true, title: '创建时间' },
- ]]
+ var showModel = function (data) {
+ layer.open({
+ type: 1,
+ title: '查看产品',
+ area: '1200px',
+ offset: '100px',
+ content: $('#contract-model').html(),
+ success: function () {
+ table.render({
+ elem: '#contract-table-detail',
+ url: config.base_server + 'api-opration/productorderdetail/all',
+ method: 'GET',
+ where: { orderId: data.id,enabled: 1},
+ headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
+ page: true,
+ limit: 10,
+ limits: [5, 10],
+ cols: [[
+ { field: 'proName', width: 300, title: '产品名称' },
+ { field: 'ailightCount', width: 150, title: '读片量' },
+ { field: 'ailightCount', width: 150, title: '读片使用量' ,templet: function (d) {
+ return d.orderAilightCount-d.ailightCount;
+ }
+ },
+ { field: 'recordCount', width: 100, title: '报告量' },
+ {
+ field: 'isShare', width: 150, title: '是否共享', templet: function (d) {
+ if (d.isShare)
+ return '共享'
+ else
+ return '私有'
+ }
+ },
+ {
+ field: 'proBegintime', width: 150, title: '开始时间', templet: function (d) {
+ return new Date(d.proBegintime).dateFormat("yyyy/MM/dd");
+ }
+ },
+ {
+ field: 'proEndtime', width: 180, title: '结束时间', templet: function (d) {
+ return new Date(d.proEndtime).dateFormat("yyyy/MM/dd");
+ }
+ },
+ { field: 'createTime', width: 160, sort: true, title: '创建时间' }
+ ]]
+ });
+ }
});
- }
- });
+ }
+ var updateModel = function (data) {
+ //修改充值记录
+ admin.putTempData("t_hospital", data);
+ admin.popupCenter({
+ title: '修改合同',
+ path: 'pages/opration/rechargeupdate.html',
+ area: '1200px',
+ offset: '0px',
+ finish: function () {
+ $('#hospita-btn-search').click();
+ }
+ });
}
});
</script>
\ No newline at end of file
--
Gitblit v1.8.0