✨ feat(【SPD售后问题收集】):

新增问题反馈处理图片上传数量限制，进度详情预览图片

20240425292

src/views/business/as/after-sales/components/image-preview/index.vue

@@ -3,7 +3,8 @@
 export default {
   name: "ImagePreview",
   props: {
-    value: [ Array],
+    value: [Array],
+    
   },
   data() {
     return {
@@ -13,6 +14,7 @@ export default {
   computed: {
     fileList: {
       get() {
+        console.log(this.$props.value, "this.$props.value--");
         return this.$props.value.map((item) => {
           return {
             ...item,

src/views/business/as/after-sales/components/image-upload/index.vue

@@ -4,6 +4,10 @@ export default {
   name: "ImageUpload",
   props: {
     value: [String, Object, Array],
+    maxCount: {
+      type: [Number, String],
+      default: 9,
+    },
   },
   data() {
     return {
@@ -13,7 +17,15 @@ export default {
   computed: {},
   methods: {
     afterRead(file) {
-      this.$emit("input", this.fileList);
+      let {
+        fileList,
+        $props: { maxCount },
+      } = this;
+      this.$emit("input", fileList);
+
+      if (fileList.length === maxCount) {
+        this.$toast(`最多可上传${maxCount}个文件`);
+      }
     },
     useDelete(file) {
       this.$emit("input", this.fileList);
@@ -30,6 +42,7 @@ export default {
       multiple
       preview-size="60px"
       :after-read="afterRead"
+      :max-count="maxCount"
       @delete="useDelete"
     />
   </div>

src/views/business/as/after-sales/progress/details.vue

@@ -9,6 +9,7 @@ export default {
       type: [String, Number],
       require: true,
     },
+   
   },
   components: {
     ElFormatValue: () => import("../components/format-value/index.vue"),
@@ -24,7 +25,10 @@ export default {
       visible: false,
       size: "medium",
       formColumns,
-      params,
+      params: {
+        ...params,
+        problemPicture: [],
+      },
       imgUrl: require("../images/order.png"),
     };
   },
@@ -41,7 +45,10 @@ export default {
       this.visible = prop;
     },
     hide() {
-      this.params = this.$init.params(this.formColumns);
+      this.params = {
+        ...this.$init.params(this.formColumns),
+        problemPicture: [],
+      };
       this.visible = false;
       this.$emit("refresh");
     },
@@ -138,7 +145,7 @@ export default {
       <el-card shadow="never">
         <p class="dispose">
           <span>工单处理状态</span>
-          <span style="color: #ff8500;font-size:12px"
+          <span style="color: #ff8500; font-size: 12px"
             >持续时长:{{ params.processingTime }}</span
           >
         </p>