新增商品团购

src/views/online-shop/index.vue

@@ -195,9 +195,10 @@
         <div class="form_item">
           <div class="upload_wrap" style="display: flex;flex-direction: column;gap: 28px;"
             v-if="selectItem.autoKey == 'index_bg' || selectItem.autoKey == 'shopinfo_bg'">
-            <MultiImageUpload v-model="imgList" @upDataEvent="MultiOnSuccess" />
+            <MultiImageUpload v-model="imgList" @uploadStart="uploading = true" @uploadAllSuccess="MultiOnSuccess" />
             <div>
-              <el-button type="primary" size="large" @click="doSubmit">确认修改</el-button>
+              <el-button type="primary" size="large" @click="doSubmit" :loading="uploading"
+                loading-text="图片上传中...">确认修改</el-button>
             </div>
           </div>
           <div v-else>
@@ -237,7 +238,8 @@ export default {
       selectItem: {},
       imageUrl: "",
       imgList: [],
-      shopName: ''
+      shopName: '',
+      uploading: false
     };
   },
   mounted() {
@@ -246,6 +248,7 @@ export default {
   methods: {
     // 刷新列表数据
     async doSubmit() {
+      this.selectItem.value = JSON.stringify(this.imgList)
       await shopExtendApi.edit({
         ...this.selectItem,
         autokey: this.selectItem.autoKey,
@@ -263,14 +266,12 @@ export default {
     // 多图上传成功
     async MultiOnSuccess(response) {
       console.log(response);
-      console.log(this.imgList);
-
-      if (!response && this.imgList.length > 0) {
-        console.log(this.imgList);
-        await nextTick()
-        this.selectItem.value = JSON.stringify(this.imgList)
-        console.log('onSuccess.selectItem.value', this.selectItem.value);
-      }
+      // console.log(this.imgList);
+      // console.log(this.imgList);
+      // await nextTick()
+      this.uploading = false
+      this.selectItem.value = JSON.stringify(this.imgList)
+      console.log('onSuccess.selectItem.value', this.selectItem.value);
     },
     /**
      * 判断字符串是否为合法的 JSON 数组