feat(#2750): 城市不文明举报中，图片是必需上传3张的，视频可不上传

pages/record-content/index.vue

@@ -85,7 +85,7 @@
                   <image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" />
                 </view>
               </view>
-              <view v-if="isAllowUpload" class="photo_upload" @click="upload">
+              <view v-if="uploadVisible" class="photo_upload" @click="upload">
                 <image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
               </view>
             </view>
@@ -282,7 +282,7 @@
                   <image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" />
                 </view>
               </view>
-              <view v-if="isAllowUpload" class="photo_upload" @click="upload">
+              <view v-if="uploadVisible" class="photo_upload" @click="upload">
                 <image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />
               </view>
             </view>
@@ -535,6 +535,9 @@ export default {
     activeMap() {
       return this.map[this.activeParent?.name] || {}
     },
+    uploadedImages() {
+      return this.photoList.filter(({ type }) => type === 'image')
+    },
     isIllegality() {
       return this.activeParent?.name === typeMap.illegality
     },
@@ -576,10 +579,16 @@ export default {
       const { isOnlyAllowUploadOneType, uploadActionsOptions: options } = this
       return isOnlyAllowUploadOneType && options[0].type === 'image'
     },
+    isAllowUploadImagesAndVideos() {
+      return this.uploadActionsOptions.length === 2
+    },
+    isAllowUploadImages() {
+      return this.isOnlyAllowUploadImages || this.isAllowUploadImagesAndVideos
+    },
     uploadTitle() {
       return `上传${this.uploadActionsOptions.map(v => v.name).join('/')}`
     },
-    isAllowUpload() {
+    uploadVisible() {
       return !this.isOnlyAllowUploadImages || this.photoList.length < mustUploadImageCount
     }
   },
@@ -752,6 +761,9 @@ export default {
 
       switch (item.type) {
         case 'image':
+          if (this.isAllowUploadImages && this.uploadedImages.length === mustUploadImageCount) {
+            return uni.$u.toast(`照片只能上传 ${mustUploadImageCount} 张`)
+          }
           uni.chooseImage({
             success: (result) => {
               result.tempFiles.forEach((value, index) => {
@@ -804,7 +816,7 @@ export default {
         if (!this.IllegalForm.content) return t('请输入违法行为描述');
         // if (!this.IllegalForm.number_plate) return t('请输入号牌种类');
         if (!this.IllegalForm.license_plate) return t('请输入车牌号码');
-        if (!this.photoList.length) return t('请上传图片/视频');
+        if (!this.photoList.length) return t(`请${this.uploadTitle}`);
         if (!this.realForm.name) return t('请输入真实姓名');
         if (!this.realForm.phone) return t('请输入电话号码');
         if (!this.realForm.certificateType) return t('请选择证件类型');
@@ -812,7 +824,7 @@ export default {
       } else {
         if (!this.id) return t('请选择上报类型');
         if (!this.longitude) return t('请选择位置');
-        if (!this.photoList.length) return t('请上传图片/视频');
+        if (!this.photoList.length) return t(`请${this.uploadTitle}`);
         if (!this.IllegalForm.illegal_time) return t(`请输入${activeMap.time}`);
         if (isIncivility) {
           // if (!this.IllegalForm.IllegalType) return t('请输入违法类型');
@@ -832,7 +844,7 @@ export default {
 
       try {
         const images = this.photoList.filter(({ type }) => type === 'image')
-        if (this.isOnlyAllowUploadImages) {
+        if (this.isAllowUploadImages) {
           if (images.length !== mustUploadImageCount) {
             return t(`请上传 ${mustUploadImageCount} 张照片`)
           }