为一些页面添加遮罩

src/main/resources/templates/pages/depository/table-out.html

@@ -202,7 +202,6 @@
             cols: [
                 [
                     {type: "checkbox", width: 50},
-                    // {field: 'code', width: 150, title: '申请编码', sort: true},
                     {title: '申请编码', width: 150, templet: '#applicationOutCode'},
                     {field: 'mname', width: 150, title: '物料名称'},
                     {field: 'mcode', width: 150, title: '存货编码'},

target/classes/templates/pages/depository/table-out.html

@@ -84,6 +84,11 @@
             </div>
         </script>
 
+
+        <script id="applicationOutCode" type="text/html">
+            <a  id="{{d.id}}" onclick="showDetail(this)">{{d.code}}</a>
+        </script>
+
         <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
 
         <script type="text/html" id="currentTableBar">
@@ -98,6 +103,11 @@
 <script>
     var data;
 
+    function showDetail() {
+
+    }
+
+
     // 用于加载仓库菜单
     function selectMaterialByName(obj) {
     }
@@ -192,7 +202,7 @@
             cols: [
                 [
                     {type: "checkbox", width: 50},
-                    {field: 'code', width: 150, title: '申请编码', sort: true},
+                    {title: '申请编码', width: 150, templet: '#applicationOutCode'},
                     {field: 'mname', width: 150, title: '物料名称'},
                     {field: 'mcode', width: 150, title: '存货编码'},
                     {field: 'quantity', width: 150, title: '数量', sort: true},
@@ -201,7 +211,7 @@
                     {field: 'state', width: 150, title: '流程状态'},
                     {
                         field: 'pass', title: '是否完成出库', minWidth: 120, templet: function (d) {
-                            if (d.pass == 1) {
+                            if (d.pass === 1) {
                                 return "是";
                             } else {
                                 return "否";
@@ -212,9 +222,9 @@
                     {field: 'applicantTime', width: 200, title: '申请时间', sort: true},
                     {
                         field: 'istransfer', title: '是否为转移申请', minWidth: 120, templet: function (d) {
-                            if (d.istransfer == 1) {
+                            if (d.istransfer === 1) {
                                 return "是";
-                            } else if (d.istransfer == 2) {
+                            } else if (d.istransfer === 2) {
                                 return "否";
                             }
                         }
@@ -373,6 +383,21 @@
             console.log(obj)
         });
 
+        showDetail = function(obj){
+            var index = layer.open({
+                title: '出库信息详情',
+                type: 2,
+                shade: 0.2,
+                maxmin: true,
+                shadeClose: true,
+                area: ['100%', '100%'],
+                content: '/ApplicationOutView?id=' + obj.id,
+            });
+            $(window).on("resize", function () {
+                layer.full(index);
+            });
+        }
+
         table.on('tool(currentTableFilter)', function (obj) {
             let data = obj.data;
             if (obj.event === 'detail') {