认证上传图片新增删除图片功能

pages/user/mycertinfo/orgverify.vue

@@ -58,6 +58,7 @@
           <uni-forms-item class="form-item" :class="{ view_show_image: jfr_entfile!=''}" label="经办人授权委托书" name="jfr_entfile" required>
             <view class="image-list" v-if="jfr_entfile!=''">
               <view class="image-preview" v-for="(image, imageIndex) in jfr_entfile[0]">
+                <text class="image-delete iconfont icon-shanchu" @click="deleteImage('jfr_entfile')"></text>
                 <image class="image" mode="aspectFill" :src="image.path"></image>
               </view>
             </view>
@@ -68,6 +69,7 @@
           <uni-forms-item class="form-item" :class="{ view_show_image: jfr_idafile!=''}" label="经办人身份证扫描件" name="jfr_idafile" required>
             <view class="image-list" v-if="jfr_idafile!=''">
               <view class="image-preview" v-for="(image, imageIndex) in jfr_idafile[0]">
+                <text class="image-delete iconfont icon-shanchu" @click="deleteImage('jfr_idafile')"></text>
                 <image class="image" mode="aspectFill" :src="image.path"></image>
               </view>
             </view>
@@ -78,6 +80,7 @@
           <uni-forms-item class="form-item" :class="{ view_show_image: jfr_idbfile!=''}" label="经办人身份证扫描件" name="jfr_idbfile" required>
             <view class="image-list" v-if="jfr_idbfile!=''">
               <view class="image-preview" v-for="(image, imageIndex) in jfr_idbfile[0]">
+                <text class="image-delete iconfont icon-shanchu" @click="deleteImage('jfr_idbfile')"></text>
                 <image class="image" mode="aspectFill" :src="image.path"></image>
               </view>
             </view>
@@ -180,6 +183,7 @@
         <uni-forms-item class="form-item" :class="{ view_show_image: yyzz_idbfile!=''}" label="营业执照/事业单位法人证书扫描件" name="yyzz_idbfile" required>
           <view class="image-list" v-if="yyzz_idbfile!=''">
             <view class="image-preview" v-for="(image, imageIndex) in yyzz_idbfile[0]">
+              <text class="image-delete iconfont icon-shanchu" @click="deleteImage('yyzz_idbfile')"></text>
               <image class="image" mode="aspectFill" :src="image.path"></image>
             </view>
           </view>
@@ -189,6 +193,7 @@
         <uni-forms-item class="form-item" :class="{ view_show_image: fr_idbfile!=''}" label="法人身份证正面扫描件" name="fr_idbfile" required>
           <view class="image-list" v-if="fr_idbfile!=''">
             <view class="image-preview" v-for="(image, imageIndex) in fr_idbfile[0]">
+              <text class="image-delete iconfont icon-shanchu" @click="deleteImage('fr_idbfile')"></text>
               <image class="image" mode="aspectFill" :src="image.path"></image>
             </view>
           </view>
@@ -198,6 +203,7 @@
         <uni-forms-item class="form-item" :class="{ view_show_image: fr_idbfile2!=''}" label="法人身份证反面扫描件" name="fr_idbfile2" required>
           <view class="image-list" v-if="fr_idbfile2!=''">
             <view class="image-preview" v-for="(image, imageIndex) in fr_idbfile2[0]">
+              <text class="image-delete iconfont icon-shanchu" @click="deleteImage('fr_idbfile2')"></text>
               <image class="image" mode="aspectFill" :src="image.path"></image>
             </view>
           </view>
@@ -207,6 +213,7 @@
         <uni-forms-item class="form-item" :class="{ view_show_image: door_idbfile!=''}" label="门头照" name="door_idbfile" required>
           <view class="image-list" v-if="door_idbfile!=''">
             <view class="image-preview" v-for="(image, imageIndex) in door_idbfile[0]">
+              <text class="image-delete iconfont icon-shanchu" @click="deleteImage('door_idbfile')"></text>
               <image class="image" mode="aspectFill" :src="image.path"></image>
             </view>
           </view>
@@ -762,6 +769,11 @@ export default {
         }
       });
     },
+    // 删除图片
+    deleteImage(key) {
+      this.formData[key] = '';
+      this.$data[key] = [];
+    },
     // 行业列表
     getIndustList(){
       const app = this
@@ -1133,9 +1145,7 @@ export default {
                   app.$error('提交认证失败')
                 } else {
                   app.$success('认证提交成功')
-                  uni.navigateTo({
+                  app.$navTo("/pages/user/index")
-                    url:"/pages/user/index"
-                  })
                 }
 
                 resolve()

pages/user/mycertinfo/personverify.vue

@@ -25,6 +25,7 @@
         <uni-forms-item class="form-item" :class="{ view_show_image: pernalJust1!=''}" label="身份证扫描件（国徽面）" name="pernalJust1" required>
           <view class="image-list" v-if="pernalJust1!=''">
             <view class="image-preview" v-for="(image, imageIndex) in pernalJust1[0]">
+              <text class="image-delete iconfont icon-shanchu" @click="deleteImage('pernalJust1')"></text>
               <image class="image" mode="aspectFill" :src="image.path"></image>
             </view>
           </view>
@@ -35,6 +36,7 @@
         <uni-forms-item class="form-item" :class="{ view_show_image: pernalJust2!=''}" label="身份证扫描件（国徽面）" name="pernalJust2" required>
           <view class="image-list" v-if="pernalJust2!=''">
             <view class="image-preview" v-for="(image, imageIndex) in pernalJust2[0]">
+              <text class="image-delete iconfont icon-shanchu" @click="deleteImage('pernalJust2')"></text>
               <image class="image" mode="aspectFill" :src="image.path"></image>
             </view>
           </view>
@@ -510,6 +512,11 @@
           }
         })
       },
+      // 删除图片
+      deleteImage(key) {
+        this.formData[key] = '';
+        this.$data[key] = [];
+      },
       // 机构列表
       getCertiauditList(){
         const app = this
@@ -660,9 +667,7 @@
                     app.$error('提交认证失败')
                   } else {
                     app.$success('认证提交成功')
-                    uni.navigateTo({
+                    app.$navTo("/pages/user/index")
-                      url:"/pages/user/index"
-                    })
                   }
                   resolve()
                 })