From 5ea75676b5decb2994d77d92553ad5151277dfc7 Mon Sep 17 00:00:00 2001
From: admin <841110950@qq.com>
Date: 星期六, 28 八月 2021 08:27:24 +0800
Subject: [PATCH] 1.0.3

---
 src/main/webapp/views/waitMatin/waitMatin.html |  380 +++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 361 insertions(+), 19 deletions(-)

diff --git a/src/main/webapp/views/waitMatin/waitMatin.html b/src/main/webapp/views/waitMatin/waitMatin.html
index 3183123..1c4b9c7 100644
--- a/src/main/webapp/views/waitMatin/waitMatin.html
+++ b/src/main/webapp/views/waitMatin/waitMatin.html
@@ -25,25 +25,9 @@
             <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="bill_no" class="layui-input" type="text" placeholder="杈撳叆鍗曟嵁缂栧彿"/>
-                        </div>
-                    </div>
-                    <div class="layui-inline">
-                        <div class="layui-input-inline mr0">
-                            <select name="bill_type" placeholder="璇烽�夋嫨鍗曟嵁绫诲瀷">
-                                <option value="" style="display: none"></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-inline" style="width: 300px">
-                        <div class="layui-input-inline">
-                            <input class="layui-input layui-laydate-range" name="appe_time" type="text" placeholder="璧峰鏃堕棿 - 缁堟鏃堕棿" autocomplete="off" style="width: 300px">
+                            <input name="experimentTypeName" class="layui-input" type="text" placeholder="杈撳叆鍗曟嵁缂栧彿"/>
                         </div>
                     </div>
                     <div class="layui-inline">
@@ -138,7 +122,365 @@
 <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
 <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>
+<!--<script type="text/javascript" src="../../static/js/waitMatin/waitMatin.js" charset="utf-8"></script>-->
+<script>
+    var pageCurr;
+    layui.config({
+        base: baseUrl + "/static/layui/lay/modules/"
+    }).use(['layer', 'form', 'table', 'util', 'admin', 'xmSelect'], function () {
+        var $ = layui.jquery;
+        var layer = layui.layer;
+        var form = layui.form;
+        var table = layui.table;
+        var util = layui.util;
+        var admin = layui.admin;
+        var xmSelect = layui.xmSelect;
+
+        // 娓叉煋琛ㄦ牸
+        var insTb = table.render({
+            elem: '#waitMatin',
+            url: baseUrl+'/waitMatin/head/page/auth',
+            headers: {token: localStorage.getItem('token')},
+            page: true,
+            cellMinWidth: 100,
+            cols: [[
+                {type: 'numbers'},
+                {field: 'billNo', title: '鍗曟嵁缂栧彿', sort: true},
+                {field: 'billType$', align: 'center', title: '绫诲瀷',  minWidth: 140, width: 140},
+                // {align: 'center', title: '鏄熸湡', templet: '#eCourseTbWeek', minWidth: 350, width: 350},
+                {align: 'center', title: '鏄庣粏', toolbar: '#tbLook', minWidth: 140, width: 140},
+                {
+                    field: 'appeTime$', title: '鍒涘缓鏃堕棿', sort: true, templet: function (d) {
+                        return util.toDateString(d.createTime);
+                    }, width: 180
+                },
+                {align: 'center', title: '鎿嶄綔', toolbar: '#operate', minWidth: 130, width: 130}
+            ]],
+            request: {
+                pageName: 'curr',
+                pageSize: 'limit'
+            },
+            parseData: function (res) {
+                return {
+                    'code': res.code,
+                    'msg': res.msg,
+                    'count': res.data.total,
+                    'data': res.data.records
+                }
+            },
+            response: {
+                statusCode: 200
+            },
+            done: function (res) {
+                if (res.code === 403) {
+                    top.location.href = baseUrl+"/";
+                }
+                pageCurr=curr;
+            }
+        });
+
+        // 鎼滅储
+        form.on('submit(eCourseTbSearch)', function (data) {
+            insTb.reload({where: data.field, page: {curr: 1}});
+        });
+
+        // 娣诲姞
+        $("#eCourseAddBtn").click(function () {
+            showEditModel();
+        });
+
+        // 宸ュ叿鏉$偣鍑讳簨浠�
+        table.on('tool(waitMatin)', 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: '630px',
+                    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',
+                            headers: {token: localStorage.getItem('token')},
+                            url: baseUrl+'/waitMatin/list/auth',
+                            where: {
+                                bill_no: data.billNo
+                            },
+                            page: true,
+                            cellMinWidth: 100,
+                            cols: [[
+                                {type: 'numbers'},
+                                {field: 'matNo', title: '鐗╂枡缂栫爜'},
+                                {field: 'matName', title: '鐗╂枡鍚嶇О', width: 160},
+                                {field: 'qty', title: '鏁伴噺'},
+                                {
+                                    field: 'createTime$', title: '鍒涘缓鏃堕棿', sort: true, templet: function (d) {
+                                        return util.toDateString(d.createTime);
+                                    },  width: 180
+                                }
+                            ]],
+                            request: {
+                                pageName: 'curr',
+                                pageSize: 'limit'
+                            },
+                            parseData: function (res) {
+                                return {
+                                    'code': res.code,
+                                    'msg': res.msg,
+                                    'count': res.data.total,
+                                    'data': res.data.records
+                                }
+                            },
+                            response: {
+                                statusCode: 200
+                            },
+                            done: function () {
+                                $(layero).find('.layui-table-view').css('margin', '0');
+                            },
+                            size: ''
+                        });
+                    }
+                });
+            }
+        });
+
+        // 鏄剧ず琛ㄥ崟寮圭獥
+        function showEditModel(expTpe) {
+            console.log(expTpe)
+            admin.open({
+                type: 1,
+                title: (expTpe ? '淇敼' : '娣诲姞') + '鍗曟嵁',
+                content: $('#editDialog').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;
+                    // 鍥炴樉鏁版嵁
+                    form.val('editForm', expTpe);
+                    // 琛ㄥ崟鎻愪氦浜嬩欢
+                    form.on('submit(waitMatinEditSubmit)', function (data) {
+                        if (isExpAdd) {
+                            if (xxDataList.length <= 0) {
+                                layer.tips('璇锋坊鍔犲崟鎹槑缁�', '#matAddBtnComment', {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: 'matNo', title: '鐗╂枡缂栫爜'},
+                            {field: 'matName', title: '鐗╂枡鍚嶇О', width: 160},
+                            {field: 'qty', title: '淇敼鏁伴噺', style: 'color: blue;font-weight: bold', edit: true, minWidth: 100, width: 100},
+                            {align: 'center', title: '鎿嶄綔', toolbar: '#formSSXMTableBar', minWidth: 80, width: 80}
+                        ]],
+                        done: function () {
+                            $(layero).find('.layui-table-view').css('margin', '0');
+                        },
+                        size: ''
+                    };
+                    if (!isExpAdd) {
+                        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);
+                                for (var j = 0; j < xxDataList.length; j++) {
+                                    if (xxDataList[j].matNo === data.matNo) {
+                                        xxDataList.splice(j, 1);
+                                    }
+                                }
+                                insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
+                            });
+                        }
+                    });
+                    // 鏁伴噺淇敼
+                    table.on('edit(formSSXMTable)', function (obj) {
+                        let count = Number(obj.value);
+                        if (isNaN(count)) {
+                            layer.msg("璇疯緭鍏ユ暟瀛�");
+                        } else {
+                            if (count > 0) {
+                                for (var i=0;i<xxDataList.length;i++){
+                                    if (xxDataList[i]["matNo"] === obj.data.matNo){
+                                        xxDataList[i]["qty"] = count;
+                                        break;
+                                    }
+                                }
+                            } else {
+                                layer.msg("鏁伴噺蹇呴』澶т簬闆�");
+                            }
+                        }
+                        insTbSSXM.reload({data: xxDataList});
+                    });
+                    //
+                    $('#matAddBtnComment').click(function () {
+                        showEditModel2();
+                    });
+
+                    // 鏄剧ず娣诲姞鏄庣粏琛ㄥ崟寮圭獥
+                    function showEditModel2(exp) {
+                        admin.open({
+                            type: 1,
+                            offset: '150px',
+                            area: '480px',
+                            title: (exp ? '淇敼' : '娣诲姞') + '鏄庣粏',
+                            content: $('#matEditDialog').html(),
+                            success: function (layero, dIndex) {
+                                $(layero).children('.layui-layer-content').css('overflow', 'visible');
+                                var url = exp ? '../../json/ok.json' : '../../json/ok.json';
+                                // 鍥炴樉鏁版嵁
+                                form.val('matEditForm', exp);
+                                // 琛ㄥ崟鎻愪氦浜嬩欢
+                                form.on('submit(matEditSubmit)', function (data) {
+                                    var existMats = [];
+                                    xxDataList.forEach(function(elem) {
+                                        existMats.push(elem.matNo);
+                                    });
+                                    var selectList = matXmSelect.getValue();
+                                    for (var i = 0; i<selectList.length; i++) {
+                                        var item = selectList[i];
+                                        if (existMats.indexOf(item.value) === -1) {
+                                            // 鏌ヨ鐗╂枡璇︽儏
+                                            $.ajax({
+                                                url: baseUrl+"/matCode/"+item.value+"/auth",
+                                                headers: {'token': localStorage.getItem('token')},
+                                                method: 'GET',
+                                                async: false,
+                                                success: function (res) {
+                                                    if (res.code === 200){
+                                                        var mat = res.data;
+                                                        xxDataList.push({
+                                                            matNo: mat.matNo,
+                                                            matName: mat.matName,
+                                                            qty: 0.0
+                                                        });
+                                                        insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
+                                                    } else if (res.code === 403){
+                                                        top.location.href = baseUrl+"/";
+                                                    }else {
+                                                        layer.msg(res.msg, {icon: 2})
+                                                    }
+                                                }
+                                            })
+                                        }
+                                    }
+                                    layer.close(dIndex);
+                                    return false;
+                                });
+                                // 娓叉煋鐗╂枡閫夋嫨
+                                var matXmSelect = xmSelect.render({
+                                    el: '#mat',
+                                    style: {
+                                        width: '340px',
+                                    },
+                                    autoRow: true,
+                                    toolbar: { show: true },
+                                    filterable: true,
+                                    remoteSearch: true,
+                                    remoteMethod: function(val, cb, show){
+                                        $.ajax({
+                                            url: baseUrl+"/mat/all/get/kv",
+                                            headers: {'token': localStorage.getItem('token')},
+                                            data: {
+                                                condition: val
+                                            },
+                                            method: 'POST',
+                                            success: function (res) {
+                                                if (res.code === 200){
+                                                    cb(res.data)
+                                                } else {
+                                                    cb([]);
+                                                    layer.msg(res.msg, {icon: 2});
+                                                }
+                                            }
+                                        });
+                                    }
+                                })
+                                // 寮圭獥涓嶅嚭鐜版粴鍔ㄦ潯
+                                $(layero).children('.layui-layer-content').css('overflow', 'visible');
+                                layui.form.render('select');
+                            }
+                        });
+                    }
+
+                }
+            });
+        }
+
+        // 鍒犻櫎
+        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