bklLiudl
2024-07-11 d7a149dc1b2c7a658ff2e3856186dc349dcf3329
HTML/views/SystemSettings/PrintSetting.html
New file
@@ -0,0 +1,347 @@
<!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">&#xe654;</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">&#xe640;</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>