vue2-client 1.8.121 → 1.8.122

package/CHANGELOG.md

@@ -1,7 +1,7 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
-**1.8.121 -2024-3-27 @陈博晨**
+**1.8.121-1.8.122 -2024-3-28 @陈博晨**
 - 售后问题反馈平台详情页修改
 
 **1.8.117 -2024-3-14 @张振宇**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.121",
+  "version": "1.8.122",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/pages/system/ticket/submitTicketSuccess.vue

@@ -86,6 +86,19 @@
                 </a-select>
               </a-form-item>
               <!-- 退回原因 -->
+              <a-form-item label="退回截图" v-show="customerSure.sfwc === '否'">
+                <div class="clearfix">
+                  <upload v-if="uploadVisible" :model="imageUploadModel" @setFiles="setImages" />
+                  <a-modal
+                    :footer="null"
+                    :visible="previewVisible"
+                    @cancel="handleCancel"
+                  >
+                    <img :src="previewImage" alt="图片上传" style="width: 100%"/>
+                  </a-modal>
+                </div>
+              </a-form-item>
+              <!-- 退回原因 -->
               <a-form-item label="退回原因" v-show="customerSure.sfwc === '否'">
                 <a-textarea placeholder="请输入退回原因" v-model="customerSure.thyy"></a-textarea>
               </a-form-item>
@@ -132,13 +145,16 @@ import { TicketDetailsViewApi, post } from '@vue2-client/services/api'
 import { formatDate } from '@vue2-client/utils/util'
 import { FileItem, ImageItem } from '@vue2-client/components/FileImageItem'
 import FilePreview from '@vue2-client/components/FilePreview'
+import Upload from '@vue2-client/base-client/components/common/Upload'
 
 const AStepItemGroup = AStepItem.Group
 const DetailListItem = DetailList.Item
+const fileUploadModel = JSON.parse('{"addOrEdit":"all","resUploadStock":1,"pathKey":"cs","rule":{"type":"string","required":"false"},"isOnlyAddOrEdit":true,"acceptCount":3,"type":"file","accept":["*"],"stockAlias":"webmeter","fileRootPath":"D:\\\\nginx-resource\\\\resource\\\\","name":"附件","resUploadMode":"server","model":"FilesId"}')
+const imageUploadModel = JSON.parse('{"addOrEdit":"all","resUploadStock":1,"pathKey":"cs","rule":{"type":"string","required":"false"},"isOnlyAddOrEdit":true,"acceptCount":5,"type":"image","accept":[".jpg,.jpeg,.ico,.gif,svg,.webp,.png,.bmp,.pjpeg,"],"stockAlias":"webmeter","fileRootPath":"D:\\\\nginx-resource\\\\resource\\\\","name":"图片","resUploadMode":"server","model":"Images"}')
 
 export default {
   name: 'SubmitTicketSuccess',
-  components: { AStepItemGroup, AStepItem, DetailListItem, DetailList, Result, FileItem, ImageItem, FilePreview },
+  components: { AStepItemGroup, AStepItem, DetailListItem, DetailList, Result, FileItem, ImageItem, FilePreview, Upload },
   props: {
     // 工单序列号
     serialNumber: {
@@ -148,6 +164,8 @@ export default {
   },
   data () {
     return {
+      fileUploadModel,
+      imageUploadModel,
       title: '提交成功',
       description: '您创建的工单已成功提交，请保持电话畅通，我们的工作人员将尽快与您取得联系。', // +
       // '如果需要加急，请在倒计时结束后点击加急按钮，加急后我们将优先处理您的工单',
@@ -187,14 +205,20 @@ export default {
       },
       //  工单id
       applyId: 0,
-        //  工单步骤
-        stepId: 0,
-        //  确认详情
-        verifyDetails: {
-          shpj: '',
-            sfwc: '',
-            fkyj: ''
-        }
+      //  工单步骤
+      stepId: 0,
+      //  确认详情
+      verifyDetails: {
+        shpj: '',
+        sfwc: '',
+        fkyj: ''
+      },
+      uploadVisible: true,
+      // 控制预览显示
+      previewVisible: false,
+      // 图片真实地址
+      previewImage: '',
+      imageList: []
     }
   },
   mounted () {
@@ -256,7 +280,7 @@ export default {
         serialNumber: this.serialNumber
       })
         .then(res => {
-            this.stepId = res.stepId
+          this.stepId = res.stepId
           this.applyId = res.apply_id
           this.details.uploader = res.uploader
           // 判断负责人有没有值
@@ -284,19 +308,19 @@ export default {
           this.details.files = res.files
           this.details.images = res.images
           this.details.resultrecord = res.resultrecord
-            //  如果工单已经关闭, 获取用户确认信息
-            if (res.status === 3) {
-                      post(TicketDetailsViewApi.getApplyCompletedStepData, {
-                          applyId: this.applyId,
-                          stepId: this.stepId
-                      }).then(res => {
-                          if (res.data) {
-this.verifyDetails.fkyj = res.data.fkyj ? res.data.fkyj : '无'
-this.verifyDetails.shpj = res.data.shpj ? res.data.shpj : '满意'
-this.verifyDetails.sfwc = res.data.sfwc ? res.data.sfwc : '是'
-                          }
-                      })
-            }
+          //  如果工单已经关闭, 获取用户确认信息
+          if (res.status === 3) {
+            post(TicketDetailsViewApi.getApplyCompletedStepData, {
+              applyId: this.applyId,
+              stepId: this.stepId
+            }).then(res => {
+              if (res.data) {
+                this.verifyDetails.fkyj = res.data.fkyj ? res.data.fkyj : '无'
+                this.verifyDetails.shpj = res.data.shpj ? res.data.shpj : '满意'
+                this.verifyDetails.sfwc = res.data.sfwc ? res.data.sfwc : '是'
+              }
+            })
+          }
         }, err => {
           console.log(err)
         })
@@ -343,15 +367,18 @@ this.verifyDetails.sfwc = res.data.sfwc ? res.data.sfwc : '是'
         applyId: this.applyId
       }).then(
         res => {
-          this.saveWorkflowLog('退回', '第12步: 客户确认 ---> 第11步: 售后确认', { notes })
+          this.saveWorkflowLog('退回', `第${this.stepId}步: 客户确认 ---> 第${this.stepId - 1}步: 售后确认`, { notes })
           this.$message.success('退回成功')
           //  修改工单状态为 1(待处理)
           post(TicketDetailsViewApi.clientSubmit, {
             status: 1,
-            serial_number: this.serialNumber
+            serial_number: this.serialNumber,
+            Images: this.imageList,
+            applyId: this.applyId
           }).then(res => {
             console.log('res', res)
           })
+          this.uploadVisible = false
           this.getTicketDetail()
           this.$emit('afterSubmit')
         },
@@ -402,22 +429,28 @@ this.verifyDetails.sfwc = res.data.sfwc ? res.data.sfwc : '是'
             console.log(err)
           }
         )
-    }
+    },
+    handleCancel () {
+      this.previewVisible = false
+    },
+    setImages (imageIds) {
+      this.imageList = imageIds
+    },
   },
   computed: {
     // 用于进度条，进度显示控制
     step () {
       switch (this.details.status) {
-          case 0:
-              return 0
-          case 1:
-              return 1
-          case 2:
-              return 2
-          case 3:
-              return 3
-          case 4:
-              return 2
+        case 0:
+          return 0
+        case 1:
+          return 1
+        case 2:
+          return 2
+        case 3:
+          return 3
+        case 4:
+          return 2
       }
     }
   }