From 267684cd46ac5296062e742a9988b483b032c87c Mon Sep 17 00:00:00 2001 From: er <913652501@qq.com> Date: Thu, 02 Apr 2020 15:35:48 +0800 Subject: [PATCH] 添加数据需求 功能 --- kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/dataNeed.html | 186 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 186 insertions(+), 0 deletions(-) diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/dataNeed.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/dataNeed.html new file mode 100644 index 0000000..253df8c --- /dev/null +++ b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/dataNeed.html @@ -0,0 +1,186 @@ +<div class="layui-card"> + <div class="layui-card-header"> + <h2 class="header-title">应用管理</h2> + <span class="layui-breadcrumb pull-right"> + <a href="#!home_console">首页</a> + <a><cite>应用管理</cite></a> + </span> + </div> + <div class="layui-card-body"> + <div class="layui-form toolbar"> + <input id="app-edit-search" class="layui-input search-input" type="text" placeholder="输入医生姓名" />  + <input type="text" class="layui-input search-input" id="test1"> 至 <input type="text" + class="layui-input search-input" id="test2">   + <button id="app-btn-search" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button> + <!-- <button id="app-btn-add" class="layui-btn icon-btn"><i class="layui-icon"></i>添加</button> --> + <button id="app-btn-export" class="layui-btn icon-btn"><i class="layui-icon"></i>导出</button> + </div> + + <!-- 数据表格 --> + <table class="layui-table" id="app-table" lay-filter="app-table"></table> + </div> +</div> + +<!-- 表格操作列 --> +<script type="text/html" id="app-table-bar"> + <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a> + <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> +</script> + +<!-- 表单弹窗 --> +<!-- <script type="text/html" id="app-model"> + <form id="app-form" lay-filter="app-form" class="layui-form model-form"> + <input name="id" type="hidden"/> + <div class="layui-form-item"> + <label class="layui-form-label">应用标识</label> + <div class="layui-input-block"> + <input name="clientId" placeholder="请输入应用标识" type="text" class="layui-input" maxlength="20" + lay-verify="required" required/> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">应用名称</label> + <div class="layui-input-block"> + <input name="clientName" placeholder="请输入应用名称" type="text" class="layui-input" maxlength="20"/> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">应用密钥</label> + <div class="layui-input-block"> + <input name="clientSecretStr" placeholder="请输入应用密钥" type="text" class="layui-input" maxlength="20" + lay-verify="required" required /> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">回调地址</label> + <div class="layui-input-block"> + <input name="webServerRedirectUri" placeholder="请输入回调地址" type="text" class="layui-input" maxlength="20"/> + </div> + </div> + <div class="layui-form-item model-form-footer"> + <button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button> + <button class="layui-btn" lay-filter="app-form-submit" lay-submit>保存</button> + </div> + </form> +</script> --> + + +<script> + layui.use(['form', 'table', 'laydate', 'util', 'config', 'admin'], function () { + var form = layui.form; + var table = layui.table; + var config = layui.config; + var layer = layui.layer; + var util = layui.util; + var admin = layui.admin; + + //时间格式 + var laydate = layui.laydate; + //执行一个laydate实例 + laydate.render({ + elem: '#test1' //指定元素 + }); + laydate.render({ + elem: '#test2' //指定元素 + }); + + // 渲染表格 + table.render({ + elem: '#app-table', + url: config.base_server + 'api-opration/dataneed', + method: 'GET', + headers: { 'Authorization': 'Bearer ' + config.getToken().access_token }, + page: true, + cols: [[ + { type: 'numbers' }, + { field: 'doctorName', width: 180, sort: true, title: '医生姓名' }, + { field: 'doctorTel', width: 200, sort: true, title: '联系电话' }, + { field: 'hospitalName', width: 180, sort: true, title: '所在医院' }, + { field: 'needBegintime',width: 300, sort: true, title: '时间段', templet: "<div>{{layui.util.toDateString(d.needBegintime, 'yyyy年MM月dd日 HH:mm:ss')}}至{{layui.util.toDateString(d.needEndtime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>" }, + { field: 'needType', width: 250, sort: true, title: '数据类型', templet: function (d) { if (d.needType == 1) { return '筛查' } else { return '就诊' } } },// 0就诊数据 1筛查 + { field: 'needTags', width: 250, sort: true, title: '需求标签' }, + { field: 'enabled', width: 250, sort: true, title: '处理状态', templet: function (d) { if (d.enabled == 1) { return '已上传' } else { return '未处理' } } }, + { field: 'downTime', width: 250, sort: true, title: '时间', templet: "<div>{{layui.util.toDateString(d.downTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>" } + ]] + }); + + // 工具条点击事件 + table.on('tool(app-table)', function (obj) { + var data = obj.data; + var layEvent = obj.event; + + if (layEvent === 'del') { // 删除 + doDelete(obj); + } else if (layEvent === 'edit') { //修改 + showEditModel(data); + } + }); + + + // // 删除 + // var doDelete = function (obj) { + // layer.confirm('确定要删除吗?', function (i) { + // layer.close(i); + // layer.load(2); + // admin.req('api-opration/dataneed/' + obj.data.id, {}, function (data) { + // layer.closeAll('loading'); + // layer.msg('成功', { icon: 1, time: 500 }); + // obj.del(); + // }, 'DELETE'); + // }); + // }; + + // 搜索按钮点击事件 + $('#app-btn-search').click(function () { + var key = $('#app-edit-search').val(); + var needBegintime = $('#test1').val(); + var needEndtime = $('#test2').val(); + table.reload('app-table', { where: { doctorName: key,needBegintime:needBegintime, needEndtime:needEndtime} }); + }); + + // 添加按钮点击事件 + $('#app-btn-add').click(function () { + showEditModel(); + }); + + // // 显示编辑弹窗 + // var showEditModel = function (data) { + // layer.open({ + // type: 1, + // title: data ? '修改应用' : '添加应用', + // area: '450px', + // offset: '120px', + // content: $('#app-model').html(), + // success: function () { + // $('#app-form')[0].reset(); + // $('#app-form').attr('method', 'POST'); + // if (data) { + // $("input[name='clientId']").attr('disabled', true); + // $("input[name='clientId']").attr('class', "layui-input layui-disabled"); + // $("input[name='webServerRedirectUri']").attr('disabled', true); + // $("input[name='webServerRedirectUri']").attr('class', "layui-input layui-disabled"); + // form.val('app-form', data); + // $('#app-form').attr('method', 'POST'); + // } + // } + // }); + // }; + + // // 表单提交事件 + // form.on('submit(app-form-submit)', function (data) { + // layer.load(2); + // admin.req('api-opration/dataneed/saveOrUpdate', JSON.stringify(data.field), function (data) { + // layer.closeAll('loading'); + // console.log(data); + // if (data.code == 0) { + // layer.msg(data.msg, { icon: 1, time: 500 }); + // table.reload('app-table'); + // layer.closeAll('page'); + // } else { + // layer.msg(data.msg, { icon: 2, time: 500 }); + // } + // }, $('#app-form').attr('method')); + // return false; + // }); + }); +</script> \ No newline at end of file -- Gitblit v1.8.0