| <!DOCTYPE html> | 
| <html> | 
|   | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <title>打印模板信息列表</title> | 
|     <meta name="renderer" content="webkit"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <meta name="viewport" | 
|         content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> | 
|     <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all"> | 
|     <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all"> | 
|     <script> | 
|         // 这里是需要在页面渲染之前执行的代码 | 
|         document.addEventListener("DOMContentLoaded", function () { | 
|   | 
|             //获取table默认显示数 | 
|             pageCntFirst(); | 
|         }); | 
|     </script> | 
| </head> | 
|   | 
| <body> | 
|     <div class="layui-fluid" style="padding-bottom: 0;"> | 
|         <div class="layui-card"> | 
|             <div class="layui-form layui-card-header layuiadmin-card-header-auto" style="border-bottom:1px solid #CCC"> | 
|                 <div class="layui-form-item"> | 
|                     <div class="layui-inline"> | 
|                         <label class="layui-form-label">模板名称</label> | 
|                         <div class="layui-input-inline"> | 
|                             <input type="text" id="Name" name="Name" placeholder="请输入模板名称" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <label class="layui-form-label">类型</label> | 
|                         <div class="layui-input-block" style="width: 184.44px;"> | 
|                             <select id="Type" name="Type" id="Type" lay-verify="" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit | 
|                             lay-filter="LAY-app-contlist-search"> | 
|                             <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索 | 
|                         </button> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <button class="layui-btn layui-btn-sm layuiadmin-btn-list approvalBtn" | 
|                             style="margin-right: 10px;" data-type="add" id="approvalBtn"> | 
|                             <i class="layui-icon layuiadmin-button-btn"></i>添加 | 
|                         </button> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <div class="layui-card-body"> | 
|                 <!-- <div style="padding-bottom: 5px;display: flex; flex-direction: row-reverse;">                         | 
|                         <button class="layui-btn layui-btn-sm layuiadmin-btn-list layui-hide layui-btn-danger" data-type="hide"> | 
|                             <i class="layui-icon"></i>隐藏按钮 | 
|                         </button> | 
|                     </div> --> | 
|                 <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table> | 
|                 <script type="text/html" id="table-content-list"> | 
|                         <a class="layui-btn layui-btn-normal layui-btn-xs approvalBtnupt" lay-event="edit"> | 
|                             <i class="layui-icon layui-icon-edit"></i>编辑 | 
|                         </a> | 
|                         <a class="layui-btn layui-btn-danger layui-btn-xs approvalBtndel" lay-event="del"> | 
|                             <i class="layui-icon layui-icon-delete"></i>删除 | 
|                         </a> | 
|                     </script> | 
|             </div> | 
|         </div> | 
|     </div> | 
|     <script src="../../js/jquery-3.5.1.min.js"></script> | 
|     <script src="../../layuiadmin/layui/layui.js"></script> | 
|     <script src="../../js/public.js"></script> | 
|     <script src="../../js/jquery.cookie.js"></script> | 
|     <script> | 
|         var objRowsData = {}; | 
|         var printData = []; | 
|         layui.config({ | 
|             base: '../../layuiadmin/' //静态资源所在路径 | 
|         }).extend({ | 
|             index: 'lib/index' //主入口模块 | 
|         }).use(['index', 'table', 'laypage', 'layer'], function () { | 
|             var table = layui.table, | 
|                 form = layui.form, | 
|                 laypage = layui.laypage, | 
|                 layer = layui.layer; | 
|             var $ = layui.$; | 
|   | 
|             refreshTable(); | 
|             var tableIns; | 
|   | 
|             function refreshTable() { | 
|                 var Name = $("#Name").val(); | 
|                 var url = "/Sys/GetPrintTemplateList?Name=" + Name; | 
|                 sendData(IP + url, {}, 'get', function (res) { | 
|   | 
|                     console.log(res.data) | 
|   | 
|                     if (res.code == 0) //成功 | 
|                     { | 
|                         var list = res.data; | 
|                         $.extend(infoOptions, { | 
|                             data: list | 
|                         }); | 
|                         infoOptions.page = { | 
|                             curr: 1 | 
|                         } | 
|                         tableIns = table.render(infoOptions); | 
|   | 
|                     } | 
|                     else //不成功 | 
|                     { | 
|                         layer.msg('获取模板列表信息失败!', { | 
|                             icon: 2, | 
|                             time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                         }, function () { }); | 
|                     } | 
|                 }); | 
|   | 
|             } | 
|             var xml = ''; | 
|             function getchiled(data, mainId) { | 
|                 if (data) { | 
|                     var list = data.filter(item => item.ParentId == mainId); | 
|                     if (list) { | 
|                         for (var i = 0; i < list.length; i++) { | 
|                             var id = list[i].Id; | 
|                             //查询有无子菜单 | 
|                             var count = data.filter(item => item.ParentId == id).length; | 
|                             if (count > 0) { | 
|                                 xml = xml + '<dd>' + '<a href="javascript:;">' + list[i].Name + '</a>' + '<dl class="layui-nav-child">'; | 
|                                 getchiled(data, id); | 
|                                 xml = xml + '</dl></dd>'; | 
|                             } | 
|                             else { | 
|                                 xml = xml + '<dd>' + '<a lay-href="' + list[i].Url + '">' + list[i].Name + '</a>' + '</dd>'; | 
|                             } | 
|                         } | 
|                     } | 
|                 } | 
|             } | 
|             var TypeList = []; | 
|             synData(IP + "/Sys/GetDictionaryByParentNo?parentNo=" + "PrintType", {}, 'get', function (res) { | 
|                 if (res.code == 0) { //成功 | 
|                     for (var i = 0; i < res.data.length; i++) { | 
|                         $("#Type").append('<option value =' + res.data[i].DictNo + '>' + | 
|                             res.data[i].DictName + '</option>'); | 
|                     } | 
|                     form.render('select'); | 
|                     TypeList = res.data; | 
|                 } | 
|             }); | 
|             var infoOptions = { | 
|                 elem: '#LAY-app-content-list', | 
|                 height: 'full-95', | 
|                 id: 'LAY-app-content-list', | 
|                 page: true, | 
|                 limit: pageCnt, | 
|                 limits: pageLimits, | 
|                 even: true, | 
|                 cols: | 
|                     [[ | 
|                         { | 
|                             title: '序号', type: 'numbers', fixed: 'left', width: 65 | 
|                         }, | 
|                         { | 
|                             field: 'Name', title: '模板名称', align: 'center', fixed: 'left', width: 100 | 
|                         }, | 
|                         { | 
|                             field: 'Type', title: '模板类型', align: 'center', fixed: 'left', width: 100, templet: function (d) { | 
|                                 var mod = TypeList.filter(s => s.DictNo == d.Type)[0]; | 
|                                 if (mod) { | 
|                                     return mod.DictName; | 
|                                 } | 
|                                 else { | 
|                                     return ''; | 
|                                 } | 
|                             } | 
|                         }, | 
|                         { | 
|                             field: 'Status', title: '是否默认', align: 'center', fixed: 'left', width: 100, templet: function (d) { | 
|                                 switch (d.Status) { | 
|                                     case "0": | 
|                                         return "否"; | 
|                                     case "1": | 
|                                         return "是"; | 
|                                     default: | 
|                                         return ""; | 
|                                 } | 
|                             } | 
|                         }, | 
|                         { | 
|                             field: 'PositionJson', title: '定位Json', align: 'center' | 
|                         }, | 
|                         { | 
|                             field: 'CreateUserName', title: '创建人', align: 'center', width: 150 | 
|                         }, | 
|                         { | 
|                             field: 'CreateTime', title: '创建时间', align: 'center', width: 200, | 
|                             templet: function (d) { | 
|                                 return formatDate(d.CreateTime); | 
|                             } | 
|                         }, | 
|                         { | 
|                             title: '操作', fixed: 'right', width: 200, align: 'center', toolbar: '#table-content-list' | 
|                         } | 
|                     ]], | 
|                 done: function () { | 
|                     //权限 | 
|                     var listRole = JSON.parse(localStorage.getItem('listRole')); | 
|                     $("#approvalBtn").hide(); | 
|                     $(".approvalBtndel").hide(); | 
|                     $(".approvalBtnupt").hide(); | 
|                     if (listRole) { | 
|                         if (listRole.filter(s => s.MenuName == "添加模板").length > 0) { | 
|                             $("#approvalBtn").show(); | 
|                         } | 
|                         if (listRole.filter(s => s.MenuName == "编辑模板").length > 0) { | 
|                             $(".approvalBtnupt").show(); | 
|                         } | 
|                         if (listRole.filter(s => s.MenuName == "删除模板").length > 0) { | 
|                             $(".approvalBtndel").show(); | 
|                         } | 
|                     } | 
|                 } | 
|             }; | 
|             //监听搜索 | 
|             form.on('submit(LAY-app-contlist-search)', function (data) { | 
|                 console.log(data) | 
|                 var Name = data.field.Name; | 
|                 refreshTable(); | 
|             }); | 
|   | 
|             var doing = true; | 
|             active = { | 
|                 //新增 | 
|                 add: function () { | 
|                     objRowsData = {}; | 
|                     var index = layer.open({ | 
|                         type: 2, | 
|                         title: '添加模板信息', | 
|                         content: 'PrintTemplateFrom.html', | 
|                         maxmin: true, | 
|                         area: ['100%', '100%'], | 
|                         end: function () { | 
|                             refreshTable(); | 
|                         } | 
|                     }); | 
|                     layer.full(index); | 
|                 } | 
|             }; | 
|             $('.layui-btn.layuiadmin-btn-list').on('click', function () { | 
|                 var type = $(this).data('type'); | 
|                 active[type] ? active[type].call(this) : ''; | 
|             }); | 
|   | 
|             var element = layui.element; | 
|             var houseId = 0; | 
|             var param = { | 
|                 Id: $.cookie('userId') | 
|             } | 
|   | 
|             var menuList; | 
|             var uid = $.cookie('userId'); | 
|             table.on('tool(LAY-app-content-list)', function (obj) { | 
|                 var data = obj.data; | 
|                 //删除 | 
|                 if (obj.event === 'del') { | 
|                     layer.confirm('确定删除选中的模板?', function (index) { | 
|                         // console.log(data); | 
|                         // cusid = data.Id; | 
|   | 
|                         // var arr = []; | 
|                         // arr.push(cusid); //属性 | 
|                         // var param = { | 
|                         //     Ids: arr | 
|                         // }; | 
|                         if (doing) { | 
|                             doing = false; | 
|                             sendData(IP + "/sys/DelPrintTemplate?", { Id: data.Id }, 'post', function (res) { | 
|                                 console.log(res); | 
|                                 if (res.code == 0) { //成功 | 
|                                     layer.msg(res.msg, { | 
|                                         icon: 1, | 
|                                         time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                                     }, function () { | 
|                                         refreshTable(); | 
|                                         //table.reload('LAY-app-content-list'); //数据刷新 | 
|                                         doing = true; | 
|                                     }); | 
|                                 } | 
|                                 else //不成功 | 
|                                 { | 
|                                     layer.msg(res.msg, { | 
|                                         icon: 2, | 
|                                         time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                                     }, function () { doing = true; }); | 
|                                 } | 
|                             }); | 
|                         } | 
|                         else { | 
|                             console.log(123); | 
|                         } | 
|                     }); | 
|                 } | 
|                 //编辑 | 
|                 else if (obj.event === 'edit') { | 
|                     objRowsData = data; | 
|                     var index = layer.open({ | 
|                         type: 2, | 
|                         title: '编辑模板信息', | 
|                         content: 'PrintTemplateFrom.html?id=' + data.Id, | 
|                         maxmin: true, | 
|                         area: ['100%', '100%'], | 
|                         end: function () { | 
|                             refreshTable(); | 
|                         } | 
|                     }); | 
|                     layer.full(index); | 
|   | 
|   | 
|                 } | 
|             }); | 
|   | 
|             // //测试打印 | 
|             // printData = { | 
|             //     Id: 4052, | 
|             //     ASNNo: "ASN2024052800005", | 
|             //     ArrivalNoticeDetail: [ | 
|             //         { SkuNo: '000001' } | 
|             //     ], | 
|             //     // workExperience: [ | 
|             //     //     { position: '数据分析师', company: '某宝', address: '北京', date: '四月-2010-八月-2011', work: '专题分析/模型,根据业务分析分析各类专题,例如:商品等级,会员消费行为营销活动,重要产品数据等。' }, | 
|             //     //     { position: '数据分析师', company: '某东', address: '北京', date: '九月-2011-三月-2016', work: '数据指标监控,根据产品,运营以及管理的需求,针对产品数据,运营,业务进展及KPI指标的监控,经营分析,对口BU的经营报告,分析KPI进度,交易产品异动原因,分析市场动态,汇报对象为BU经理。' }, | 
|             //     //     { position: '数据产品经理', company: '大米', address: '北京', date: '四月-2016-至今', work: '负责具体分析项目,例如实时监控,数据后台管理,协调开发资源,控制项目进度。' } | 
|             //     // ], | 
|             // }; | 
|             // openPrintDialog(printData, 'ArrivalNotice'); | 
|         }); | 
|     </script> | 
| </body> | 
|   | 
| </html> |