From 7a0baad26835f2a11bad1a178f88503f862b72e4 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 24 八月 2021 13:44:54 +0800
Subject: [PATCH] #
---
src/main/webapp/views/waitMatin/waitMatin.html | 476 ++++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 322 insertions(+), 154 deletions(-)
diff --git a/src/main/webapp/views/waitMatin/waitMatin.html b/src/main/webapp/views/waitMatin/waitMatin.html
index 309af3f..711ac91 100644
--- a/src/main/webapp/views/waitMatin/waitMatin.html
+++ b/src/main/webapp/views/waitMatin/waitMatin.html
@@ -8,10 +8,42 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
- <link rel="stylesheet" href="../../static/css/cool.css" media="all">
- <link rel="stylesheet" href="../../static/css/common.css" media="all">
+<!-- <link rel="stylesheet" href="../../static/css/cool.css" media="all">-->
+<!-- <link rel="stylesheet" href="../../static/css/common.css" media="all">-->
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
</head>
<body>
+
+<!-- 姝ｆ枃寮�濮� -->
+<div class="layui-fluid">
+ <div class="layui-card">
+ <div class="layui-card-body">
+ <!-- 琛ㄦ牸椤堕儴宸ュ叿鏍� -->
+ <div class="layui-form toolbar">
+ <div class="layui-form-item">
+ <div class="layui-inline">
+ <label class="layui-form-label w-auto">璇剧▼鍚嶇О锛�</label>
+ <div class="layui-input-inline mr0">
+ <input name="experimentTypeName" class="layui-input" type="text" placeholder="杈撳叆璇剧▼鍚嶇О"/>
+ </div>
+ </div>
+ <div class="layui-inline">
+ <button class="layui-btn icon-btn" lay-filter="eCourseTbSearch" lay-submit>
+ <i class="layui-icon"></i>鎼滅储
+ </button>
+ <button id="eCourseAddBtn" class="layui-btn icon-btn"><i class="layui-icon"></i>娣诲姞
+ </button>
+ </div>
+ </div>
+ </div>
+ <table id="eCourseTable" lay-filter="eCourseTable"></table>
+ </div>
+ </div>
+</div>
+
<!-- 鎼滅储鏍� -->
<div id="search-box" class="layui-form layui-card-header">
@@ -49,159 +81,295 @@
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/waitMatin/waitMatin.js" charset="utf-8"></script>
-</body>
-<!-- 琛ㄥ崟寮圭獥 -->
-<script type="text/html" id="editDialog">
- <form id="detail" lay-filter="detail" class="layui-form admin-form">
- <input name="id" type="hidden">
- <div class="layui-row">
- <div class="layui-col-md12">
- <div class="layui-form-item">
- <label class="layui-form-label layui-form-required">鍗曟嵁缂栧彿: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="billNo" placeholder="璇疯緭鍏ュ崟鎹紪鍙�" lay-vertype="tips" lay-verify="required">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label layui-form-required">搴忓彿: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="seqNo" placeholder="璇疯緭鍏ュ簭鍙�" lay-vertype="tips" lay-verify="required">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍗曟嵁绫诲瀷: </label>
- <div class="layui-input-block">
- <select name="billType">
- <option value="">璇烽�夋嫨鍗曟嵁绫诲瀷</option>
- <option value="1">閲囪喘鍏ュ簱</option>
- <option value="2">鐢熶骇鍏ュ簱</option>
- <option value="3">璋冩嫧鍏ュ簱</option>
- <option value="4">閿�鍞��鍥炲叆搴�</option>
- <option value="5">鍏朵粬鍏ュ簱</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label layui-form-required">鐗╂枡缂栫爜: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="matNo" placeholder="璇疯緭鍏ョ墿鏂欑紪鐮�" lay-vertype="tips" lay-verify="required">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label layui-form-required">鐗╂枡鍚嶇О: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="matName" placeholder="璇疯緭鍏ョ墿鏂欏悕绉�" lay-vertype="tips" lay-verify="required">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏁伴噺: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="qty" placeholder="璇疯緭鍏ユ暟閲�">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">瑙勬牸: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="specs" placeholder="璇疯緭鍏ヨ鏍�">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍗曚綅: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="unit" placeholder="璇疯緭鍏ュ崟浣�">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">灏哄: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="size" placeholder="璇疯緭鍏ュ昂瀵�">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">棰滆壊: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="color" placeholder="璇疯緭鍏ラ鑹�">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍗曢噸: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="weight" placeholder="璇疯緭鍏ュ崟閲�">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">澶囨敞: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="memo" placeholder="璇疯緭鍏ュ娉�">
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">宸插叆搴撻噺: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="inQty" placeholder="璇疯緭鍏ュ凡鍏ュ簱閲�" disabled="disabled">
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">ERP杩炵嚎: </label>
- <div class="layui-input-block">
- <select name="linkErp">
- <option value="">璇烽�夋嫨ERP杩炵嚎</option>
- <option value="0">闈炶繛绾�</option>
- <option value="1">ERP杩炵嚎</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">瀹屾垚鐘舵��: </label>
- <div class="layui-input-block">
- <select name="ioStatus">
- <option value="">璇烽�夋嫨瀹屾垚鐘舵��</option>
- <option value="0">寰呭鐞�</option>
- <option value="1">鍏ュ簱涓�</option>
- <option value="2">鍏ュ簱瀹屾垚</option>
- <option value="3">鍙栨秷鍏ュ簱</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">瀹屾垚鏃堕棿: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="ioTime" id="ioTime$" placeholder="璇疯緭鍏ュ畬鎴愭椂闂�">
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">淇敼浜哄憳: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="modiUser" placeholder="璇疯緭鍏ヤ慨鏀逛汉鍛�">
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">淇敼鏃堕棿: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="modiTime" id="modiTime$" placeholder="璇疯緭鍏ヤ慨鏀规椂闂�">
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">寤烘。浜哄憳: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="appeUser" placeholder="璇疯緭鍏ュ缓妗ｄ汉鍛�">
- </div>
- </div>
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">寤烘。鏃堕棿: </label>
- <div class="layui-input-block">
- <input class="layui-input" name="appeTime" id="appeTime$" placeholder="璇疯緭鍏ュ缓妗ｆ椂闂�">
- </div>
- </div>
+<script>
+ layui.use(['layer', 'form', 'table', 'util', 'admin'], function () {
+ var $ = layui.jquery;
+ var layer = layui.layer;
+ var form = layui.form;
+ var table = layui.table;
+ var util = layui.util;
+ var admin = layui.admin;
- </div>
- </div>
- <hr class="layui-bg-gray">
- <div class="layui-form-item text-right">
- <button class="layui-btn" lay-filter="editSubmit" lay-submit="">淇濆瓨</button>
- <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button>
- </div>
- </form>
+ // 娓叉煋琛ㄦ牸
+ var insTb = table.render({
+ elem: '#waitMatin',
+ url: baseUrl+'/waitMatin/head/page/auth',
+ page: true,
+ cellMinWidth: 100,
+ cols: [[
+ {type: 'numbers'},
+ {field: 'billNo', title: '鍗曟嵁缂栧彿', sort: true},
+ {field: 'billType$', align: 'center', title: '绫诲瀷'},
+ // {align: 'center', title: '鏄熸湡', templet: '#eCourseTbWeek', minWidth: 350, width: 350},
+ {align: 'center', title: '鏄庣粏', toolbar: '#eCourseTbLook', minWidth: 140, width: 140},
+ {
+ field: 'createTime', title: '鍒涘缓鏃堕棿', sort: true, templet: function (d) {
+ return util.toDateString(d.createTime);
+ }, width: 180
+ },
+ {align: 'center', title: '鎿嶄綔', toolbar: '#eCourseTbBar', minWidth: 130, width: 130}
+ ]]
+ });
+
+ // 鎼滅储
+ form.on('submit(eCourseTbSearch)', function (data) {
+ insTb.reload({where: data.field, page: {curr: 1}});
+ });
+
+ // 娣诲姞
+ $("#eCourseAddBtn").click(function () {
+ showEditModel();
+ });
+
+ // 宸ュ叿鏉＄偣鍑讳簨浠�
+ table.on('tool(eCourseTable)', function (obj) {
+ var data = obj.data;
+ var layEvent = obj.event;
+ if (layEvent == 'edit') {
+ showEditModel(data);
+ } else if (layEvent == 'del') {
+ doDel(data.experimentTypeId);
+ } else if (layEvent == 'look') {
+ var $a = $(obj.tr).find('a[lay-event="look"]');
+ var offset = $a.offset();
+ var top = offset.top;
+ var left = offset.left;
+ layer.open({
+ type: 1,
+ title: false,
+ area: '530px',
+ offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'],
+ shade: .01,
+ shadeClose: true,
+ fixed: false,
+ content: '<table id="lookSSXMTable" lay-filter="lookSSXMTable"></table>',
+ success: function (layero) {
+ table.render({
+ elem: '#lookSSXMTable',
+ url: '../../json/e-course-tb2.json?experimentTypeId=' + data.experimentTypeId,
+ page: true,
+ cellMinWidth: 100,
+ cols: [[
+ {type: 'numbers'},
+ {field: 'experimentName', title: '椤圭洰鍚嶇О', sort: true},
+ {
+ field: 'createTime', title: '鍒涘缓鏃堕棿', sort: true, templet: function (d) {
+ return util.toDateString(d.createTime);
+ }
+ }
+ ]],
+ done: function () {
+ $(layero).find('.layui-table-view').css('margin', '0');
+ },
+ size: ''
+ });
+ }
+ });
+ }
+ });
+
+ // 鏄剧ず琛ㄥ崟寮圭獥
+ function showEditModel(expTpe) {
+ admin.open({
+ type: 1,
+ title: (expTpe ? '淇敼' : '娣诲姞') + '瀹為獙璇剧▼',
+ content: $('#eCourseEditDialog').html(),
+ area: '700px',
+ success: function (layero, dIndex) {
+ $(layero).children('.layui-layer-content').css('overflow', 'visible');
+ var url = expTpe ? '../../json/ok.json' : '../../json/ok.json';
+ var isExpAdd = expTpe ? false : true;
+ // 鍥炴樉鏁版嵁
+ form.val('eCourseEditForm', expTpe);
+ // 琛ㄥ崟鎻愪氦浜嬩欢
+ form.on('submit(eCourseEditSubmit)', function (data) {
+ if (isExpAdd) {
+ if (xxDataList.length <= 0) {
+ layer.tips('璇锋坊鍔犲疄楠岄」鐩�', '#demoEDeCourseAddBtnComment', {tips: [1, '#ff4c4c']});
+ return false;
+ }
+ var nList = admin.util.deepClone(xxDataList);
+ for (var xi = 0; xi < nList.length; xi++) {
+ nList[xi].experimentId = undefined;
+ }
+ data.field.expListJson = JSON.stringify(nList);
+ }
+ layer.load(2);
+ $.get(url, data.field, function (res) {
+ layer.closeAll('loading');
+ if (res.code == 200) {
+ layer.close(dIndex);
+ insTb.reload({page: {curr: 1}});
+ layer.msg(res.msg, {icon: 1});
+ } else {
+ layer.msg(res.msg, {icon: 2});
+ }
+ }, 'json');
+ return false;
+ });
+ //
+ var xxDataList = [];
+ var tbOptions = {
+ elem: '#formSSXMTable',
+ data: xxDataList,
+ page: true,
+ height: '350px;',
+ cellMinWidth: 100,
+ cols: [[
+ {type: 'numbers'},
+ {field: 'experimentName', title: '椤圭洰鍚嶇О', sort: true},
+ {
+ field: 'createTime', title: '鍒涘缓鏃堕棿', sort: true, templet: function (d) {
+ return util.toDateString(d.createTime);
+ }
+ },
+ {align: 'center', title: '鎿嶄綔', toolbar: '#eCourseCouTbBar', minWidth: 120, width: 120}
+ ]],
+ done: function () {
+ $(layero).find('.layui-table-view').css('margin', '0');
+ },
+ size: ''
+ };
+ if (isExpAdd) {
+
+ } else {
+ tbOptions.data = undefined;
+ tbOptions.url = '../../json/e-course-tb2.json?experimentTypeId=' + expTpe.experimentTypeId;
+ }
+ var insTbSSXM = table.render(tbOptions);
+ // 宸ュ叿鏉＄偣鍑讳簨浠�
+ table.on('tool(formSSXMTable)', function (obj) {
+ var data = obj.data;
+ var layEvent = obj.event;
+ if (layEvent == 'edit') {
+ showEditModel2(data);
+ } else if (layEvent == 'del') {
+ layer.confirm('纭畾瑕佸垹闄ゅ悧锛�', {
+ shade: .1,
+ skin: 'layui-layer-admin'
+ }, function (i) {
+ layer.close(i);
+ if (isExpAdd) { // 鍓嶇澶勭悊鍒犻櫎
+ for (var j = 0; j < xxDataList.length; j++) {
+ if (xxDataList[j].experimentId = data.experimentId) {
+ xxDataList.splice(j, 1);
+ }
+ }
+ insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
+ } else { // 鍚庣澶勭悊鍒犻櫎
+ layer.load(2);
+ $.get('../../json/ok.json', {
+ experimentId: data.experimentId
+ }, function (res) {
+ layer.closeAll('loading');
+ if (res.code == 200) {
+ layer.msg(res.msg, {icon: 1});
+ insTb.reload({page: {curr: 1}});
+ insTbSSXM.reload({page: {curr: 1}});
+ } else {
+ layer.msg(res.msg, {icon: 2});
+ }
+ }, 'json');
+ }
+ });
+ }
+ });
+ //
+ $('#demoEDeCourseAddBtnComment').click(function () {
+ showEditModel2();
+ });
+
+ // 鏄剧ず琛ㄥ崟寮圭獥
+ function showEditModel2(exp) {
+ admin.open({
+ type: 1,
+ offset: '150px',
+ title: (exp ? '淇敼' : '娣诲姞') + '椤圭洰',
+ content: $('#eCourseCouEditDialog').html(),
+ success: function (layero, dIndex) {
+ $(layero).children('.layui-layer-content').css('overflow', 'visible');
+ var url = exp ? '../../json/ok.json' : '../../json/ok.json';
+ // 鍥炴樉鏁版嵁
+ form.val('eCourseCouEditForm', exp);
+ // 琛ㄥ崟鎻愪氦浜嬩欢
+ form.on('submit(eCourseCouEditSubmit)', function (data) {
+ if (isExpAdd) { // 鍓嶇澶勭悊娣诲姞銆佷慨鏀�
+ if (exp) { // 鍓嶇淇敼
+ for (var i = 0; i < xxDataList.length; i++) {
+ if (xxDataList[i].experimentName == data.field.experimentName && xxDataList[i].experimentId != data.field.experimentId) {
+ layer.msg('瀹為獙椤圭洰鍚嶇О宸插瓨鍦�', {icon: 2});
+ return false;
+ }
+ }
+ layer.close(dIndex);
+ for (var j = 0; j < xxDataList.length; j++) {
+ if (xxDataList[j].experimentId == data.field.experimentId) {
+ xxDataList[j].experimentName = data.field.experimentName;
+ }
+ }
+ insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
+ } else { // 鍓嶇娣诲姞
+ for (var i = 0; i < xxDataList.length; i++) {
+ if (xxDataList[i].experimentName == data.field.experimentName) {
+ layer.msg('瀹為獙椤圭洰鍚嶇О宸插瓨鍦�', {icon: 2});
+ return false;
+ }
+ }
+ layer.close(dIndex);
+ data.field.experimentId = new Date().getTime();
+ xxDataList.push(data.field);
+ insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
+ }
+ } else { // 鍚庣澶勭悊娣诲姞淇敼
+ layer.load(2);
+ if (!exp) {
+ data.field.experimentTypeId = expTpe.experimentTypeId;
+ }
+ $.get(url, {json: JSON.stringify(data.field)}, function (res) {
+ layer.closeAll('loading');
+ if (res.code == 200) {
+ layer.close(dIndex);
+ insTbSSXM.reload({page: {curr: 1}});
+ layer.msg(res.msg, {icon: 1});
+ } else {
+ layer.msg(res.msg, {icon: 2});
+ }
+ }, 'json');
+ }
+ return false;
+ });
+ }
+ });
+ }
+
+ }
+ });
+ }
+
+ // 鍒犻櫎
+ function doDel(experimentTypeId) {
+ layer.confirm('纭畾瑕佸垹闄ゅ悧锛�', {
+ shade: .1,
+ skin: 'layui-layer-admin'
+ }, function (i) {
+ layer.close(i);
+ layer.load(2);
+ $.post('../../json/ok.json', {
+ experimentTypeId: experimentTypeId
+ }, function (res) {
+ layer.closeAll('loading');
+ if (res.code == 200) {
+ layer.msg(res.msg, {icon: 1});
+ insTb.reload({page: {curr: 1}});
+ } else {
+ layer.msg(res.msg, {icon: 2});
+ }
+ }, 'json');
+ });
+ }
+
+ });
</script>
+</body>
</html>
--
Gitblit v1.9.1