退款订单详情页面新增图片查看及下载功能

liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/integralActivity/form.html

@@ -117,6 +117,7 @@
         </div>
     </div>
     <input id="ceshi" class="scoreFile" type="file" name="scoreFile" style="display: none;">
+    <input id="selectCeshi" class="scoreFile" type="file" name="scoreFile" style="display: none;">
     <div class="main_type">
         <span class="labelName"><i class="required">*</i>banner图：</span>
         <div class="layui-input-block" style="display: flex;flex-direction: column;">
@@ -248,13 +249,13 @@
                 }
             },
             {
-                field: 'prizeImg',
+                field: 'prizeImgInit',
                 align: 'center',
                 title: '商品图片',
                 formatter: function(value, row, index) { // 
                     let str = '';
-                    if (data[index].prizeImg) {
-                        str = `<img id="showPic${index}" onclick=upFile(${index}) src="${data[index].prizeImg}" alt="" style="max-height:50px;">`
+                    if (data[index].prizeImgInit) {
+                        str = `<img id="showPic${index}" onclick=upFile(${index}) src="${data[index].prizeImgInit}" alt="" style="max-height:50px;">`
                     } else {
                         str = `<img id="showPic${index}" onclick=upFile(${index}) src="${value}" alt="点击上传" style="max-height:50px;">`
                     }
@@ -262,6 +263,21 @@
                     return html;
                 }
             },
+            {
+                field: 'prizeImgSelect',
+                align: 'center',
+                title: '选中图片',
+                formatter: function(value, row, index) { // 
+                    let str = '';
+                    if (data[index].prizeImgSelect) {
+                        str = `<img id="showPicSelect${index}" onclick=upFileSelect(${index}) src="${data[index].prizeImgSelect}" alt="" style="max-height:50px;">`
+                    } else {
+                        str = `<img id="showPicSelect${index}" onclick=upFileSelect(${index}) src="${value}" alt="点击上传" style="max-height:50px;">`
+                    }
+                    var html = $.common.sprintf(str, index, value);
+                    return html;
+                }
+            },
             {
                 field: 'prizeType',
                 align: 'center',
@@ -424,7 +440,8 @@
         } else {
             let obj = {
                 prizeTitle: "",
-                prizeImg: "",
+                prizeImgInit: "",
+                prizeImgSelect: "",
                 winnersNum: "",
                 WinPrizeNum: "",
                 prizeType: "",
@@ -457,6 +474,10 @@
         showIndex = e;
         $("#ceshi").click();
     }
+    function upFileSelect(e) {
+        showIndex = e;
+        $("#selectCeshi").click();
+    }
     $("#ceshi").change((e) => {
         if (!e.target.files[0]) {
             return
@@ -472,12 +493,33 @@
             type: 'POST',
             success: function (res) {
                 $("#showPic"+showIndex).attr('src','https://img.zhengzai.tv/' + res.data.ossPath)
-                data[showIndex].prizeImg = 'https://img.zhengzai.tv/' + res.data.ossPath;
+                data[showIndex].prizeImgInit = 'https://img.zhengzai.tv/' + res.data.ossPath;
                 $("#ceshi").val("");
                 // $summernote.summernote('insertImage', 'https://img.zhengzai.tv/' + data.data.ossPath)
             }
         });
     })
+    $("#selectCeshi").change((e) => {
+        if (!e.target.files[0]) {
+            return
+        }
+        var formData = new FormData();
+        formData.append("file", e.target.files[0]);
+        $.ajax({
+            url: "https://devplatform.zhengzai.tv/platform/basicServices/alOss/upload",//路径是你控制器中上传图片的方法，下面controller里面我会写到
+            data: formData,
+            cache: false,
+            contentType: false,
+            processData: false,
+            type: 'POST',
+            success: function (res) {
+                $("#showPicSelect"+showIndex).attr('src','https://img.zhengzai.tv/' + res.data.ossPath)
+                data[showIndex].prizeImgInit = 'https://img.zhengzai.tv/' + res.data.ossPath;
+                $("#selectCeshi").val("");
+                // $summernote.summernote('insertImage', 'https://img.zhengzai.tv/' + data.data.ossPath)
+            }
+        });
+    })
     $("#fileinput").fileinput({
         'theme': 'explorer-fas',
         'uploadUrl': "https://devplatform.zhengzai.tv/platform/basicServices/alOss/upload",
@@ -520,11 +562,12 @@
         }
         let flag = false;
         data = data.map((item,index)=>{
-            if (!$("#prizeTitle"+index).val()||!$("#showPic"+index).attr('src')||!$("#winnersNum"+index).val()||!$("#prizeType"+index).val()||!$("#winningProbability"+index).val()||!$("#prizeNum"+index).val()) {
+            if (!$("#prizeTitle"+index).val()||!$("#showPic"+index).attr('src')||!$("#showPicSelect"+index).attr('src')||!$("#winnersNum"+index).val()||!$("#prizeType"+index).val()||!$("#winningProbability"+index).val()||!$("#prizeNum"+index).val()) {
                 flag = true
             } else {
                 item.prizeTitle = $("#prizeTitle"+index).val();
-                item.prizeImg = $("#showPic"+index).attr('src');
+                item.prizeImgInit = $("#showPic"+index).attr('src');
+                item.prizeImgSelect = $("#showPicSelect"+index).attr('src');
                 item.winnersNum = $("#winnersNum"+index).val();
                 item.prizeType = $("#prizeType"+index).val();
                 item.winningProbability = $("#winningProbability"+index).val();