Administrator
2025-05-08 0d794d748f61b5c719d665bfcae24a4d9b2b6224
HTML/views/QualityControl/InspectionRequest.html
@@ -22,6 +22,13 @@
      .layui-table-grid-down {
         display: none;
      }
        /* 样式用于美化图片展示 */
        .layui-table-cell img {
            max-width: 100px;
            max-height: 100px;
        }
   </style>
   <script>
      // 这里是需要在页面渲染之前执行的代码
@@ -119,6 +126,21 @@
                     <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索
                  </button>
               </div>
               <div style="display: none;" id="UploadImageView">
                  <div  id="UploadImage" style="margin-left: 35px;margin-top: 30px;">
                     <label>上传图片:</label><button type="button" class="layui-btn" id="uploadBtn" style="margin-left: 20px;" >浏览</button>
                     <button type="button" class="layui-btn" id="upload" style="margin-left: 20px;">上传</button>
                  </div>
               </div>
               <div style="display: none;" id="ImagesShowView">
                  <div id="ImagesShow">
                  </div>
               </div>
               <!-- 确认出库口弹窗 -->
@@ -223,6 +245,10 @@
                     var html = ''; 
                     switch (d.Status) {
                        case "0" :
                           html += `<a class="layui-btn layui-btn-normal layui-btn-xs addClass" lay-event="upImage">
                           <i class="layui-icon layui-icon-add"></i>上传</a> `;
                           html += `<a class="layui-btn layui-btn-normal layui-btn-xs addClass" lay-event="ViewImage">
                              <i class="layui-icon layui-icon-add"></i>查看</a> `;
                           html += `<a class="layui-btn layui-btn-normal layui-btn-xs addClass" lay-event="add">
                                 <i class="layui-icon layui-icon-add"></i>请验</a> `;
                           html += `<a class="layui-btn layui-btn-danger layui-btn-xs delClass" lay-event="del">
@@ -287,13 +313,14 @@
         base: '../../layuiadmin/' //静态资源所在路径
      }).extend({
         index: 'lib/index' //主入口模块
      }).use(['index', 'table', 'laypage', 'element', 'layer', 'laydate'], function () {
      }).use(['index', 'table', 'laypage', 'element', 'layer', 'laydate','upload'], function () {
         var table = layui.table,
            form = layui.form,
            element = layui.element;
            element = layui.element,
         laypage = layui.laypage,
            layer = layui.layer;
         laydate = layui.laydate;
            layer = layui.layer,
            laydate = layui.laydate,
            upload   = layui.upload;
         var h1 = GetTableTabHeight();
         laydate.render({
            elem: '#StartTime'
@@ -379,7 +406,8 @@
            { field: 'Status', title: '执行状态', align: 'center', width: 90, templet: '#templetStatus' },
            { field: 'RequestTime', title: '请验日期', align: 'center', width: 165, templet: '#templetCompleteTime' },
            { field: 'RequestUser', title: '请验人', align: 'center', width: 165 },
            // { field: 'UDF1', title: '自定义1', align: 'center', width: 100 },
            { field: 'UDF5', title: '图片', align: 'center', width: 100 ,templet: function (d) {
               return d.image ? '<img src="' + d.image + '" alt="图片">' : '无图片';}},
            // { field: 'UDF2', title: '自定义2', align: 'center', width: 100 },
            // { field: 'UDF3', title: '自定义3', align: 'center', width: 100 },
            // { field: 'UDF4', title: '自定义4', align: 'center', width: 100 },
@@ -495,6 +523,65 @@
         table.on('tool(InspectionRequest)', function (obj) {
            var data = obj.data;
            switch (obj.event) {
               case "upImage":
               layer.open({
                        type:1,
                        title: '上传图片',
                        content: $('#UploadImageView'),
                        maxmin: true,
                        area: ['350px','215px'],
                        btn: ['确定'],
                        success: function(index, layero){
                           upload.render({
                              elem: '#uploadBtn',
                              url: IP + '/BllQuality/UploadImage',
                              accept: 'images',
                              exts:'jpg|png|gif',
                              multiple: false,
                              size: 1024 * 5, // 5MB
                              auto: false,
                              bindAction: '#upload',
                              headers: { ToKen: $.cookie('token') },
                              xhrFields: {
                                 withCredentials: true // 携带cookie
                              },
                              before: function(){
                                 this.data = {
                                    qualityId:data.Id
                                 };
                              layer.load(1, {shade: [0.5, '#000']});
                              },
                              done: function(res){
                              layer.closeAll('loading');
                              if(res.code == 0){
                                 layer.msg('上传成功', {icon: 1});
                                 // 上传成功后的回调,如刷新表格等
                                 // table.reload('LAY-app-content-list');
                              } else {
                                 layer.msg(res.msg || '上传失败', {icon: 2});
                              }
                              },
                              error: function(){
                              layer.closeAll('loading');
                              layer.msg('上传失败', {icon: 2});
                              }
                           });
                        }
                     });
               break;
               case "ViewImage":
               layer.open({
                           type:1,
                           title: '查看图片',
                           content: $('#ImagesShowView'),
                           maxmin: true,
                           area: ['650px','315px'],
                           btn: ['确定'],
                           success: function(index, layero){
                              getImage(data.Id);
                           }
                        });
               break;
               case "add":
                  layer.confirm('确定要发起请验?', function (index) {
                     var param = {
@@ -627,6 +714,55 @@
            }
         });
         function getImage(id)
            {
               var param = {
                  Id:id
               }
               sendData(IP + "/BllQuality/GetImage", param, 'post', function (res) {
                  if (res.code == 0) { //成功
                     $("#ImagesShow").html('');
                     res.data.forEach(function (item) {
                        $("#ImagesShow").append('<div>'+
                        '<a href='+item+' target="_blank" class="image-item"><img src="'+ item + '"  /></a>'+
                        '<button class="layui-btn layui-btn-primary layui-btn-sm delete-btn" data-type="customCols" data_Url='+item+' >删除</button>'+
                        '</div>');
                     })
                     $('.delete-btn').on('click',  function ( ) {
                        var item = $(this);
                        var QualityId = id;
                        var imageUrl = item.attr('data_Url');
                        layer.confirm('确定删除吗?', function (index) {
                           var param = {
                              QualityId: QualityId,
                              ImageUrl: imageUrl
                           }
                           sendData(IP + "/BllQuality/DeleteImage", param, 'post', function (res) {
                              if (res.code == 0) { //成功
                                 layer.msg(res.msg, {
                                    icon: 1,
                                    time: 1000 //2秒关闭(如果不配置,默认是3秒)
                                 }, function () {
                                    getImage(id);
                                 });
                                 } else {
                                    layer.msg(res.msg, {
                                       icon: 2,
                                       time: 2000 //2秒关闭(如果不配置,默认是3秒)
                                    });
                                 }
                           });
                        })});
                  } else { //不成功
                     $("#ImagesShow").html('');
                        res.msg, {
                        icon: 2,
                        time: 2000 //2秒关闭(如果不配置,默认是3秒)
                        }
                  }
               })
            }
         // 取样明细单机事件
         table.on('tool(SamplingDetails)', function (obj) {
            var data = obj.data;