积分审核

project/fengdu/app/AppIntegratingAudit/components/Detail.vue

@@ -36,11 +36,17 @@
           <ai-wrapper>
             <ai-info-item label="积分值" isLine :value="info.applyIntegral"></ai-info-item>
             <ai-info-item label="事件描述" isLine :value="info.content"></ai-info-item>
-            <ai-info-item label="事件附件" isLine>
+            <ai-info-item label="图片" isLine v-if="info.images && info.images.length">
               <div class="files">
-                <div class="file-item" v-for="(item, index) in info.files" :key="index">
+                <div class="file-item" v-for="(item, index) in info.images" :key="index">
-                  <video controls :src="item.url" v-if="['.mp4', '.mov'].includes(item.postfix)"></video>
+                  <img :src="item.url" v-viewer="{movable: true}">
-                  <img :src="item.url" v-else v-viewer="{movable: true}">
+                </div>
+              </div>
+            </ai-info-item>
+            <ai-info-item label="视频" isLine v-if="info.videos && info.videos.length">
+              <div class="files">
+                <div class="file-item" v-for="(item, index) in info.videos" :key="index">
+                  <video controls :src="item.url"></video>
                 </div>
               </div>
             </ai-info-item>
@@ -78,13 +84,22 @@
           <el-form-item prop="content" label="事件描述" style="width: 100%" :rules="[{required: true, message: '请输入事件描述', trigger: 'blur'}]">
             <el-input size="small" type="textarea" :rows="5" :maxlength="300" show-word-limit v-model="eventForm.content" clearable placeholder="请输入事件描述"></el-input>
           </el-form-item>
-          <el-form-item style="width: 100%" label="事件附件" prop="files" :rules="[{required: true, message: '请选择事件附件', trigger: 'change'}]">
+          <el-form-item style="width: 100%" label="图片">
             <ai-uploader
               :instance="instance"
               fileType="file"
-              acceptType=".jpg,.png,.jpeg,.mp4"
+              acceptType=".jpg,.png,.jpeg"
-              v-model="eventForm.files"
+              v-model="eventForm.images"
-              :limit="18">
+              :limit="9">
+            </ai-uploader>
+          </el-form-item>
+          <el-form-item style="width: 100%" label="视频">
+            <ai-uploader
+              :instance="instance"
+              fileType="file"
+              acceptType=".mp4,.MOV"
+              v-model="eventForm.videos"
+              :limit="9">
             </ai-uploader>
           </el-form-item>
         </el-form>
@@ -112,6 +127,8 @@
         },
         eventForm: {
           files: [],
+          images: [],
+          video: [],
           content: '',
           applyIntegral: ''
         },
@@ -144,6 +161,8 @@
                 this.eventForm.content = res.data.content
                 this.eventForm.applyIntegral = res.data.applyIntegral
               }
+              this.info.images = res.data.files.filter(e => (['jpeg', 'jpg', 'png'].includes(e.postfix.split('.')[1])))
+              this.info.videos = res.data.files.filter(e => (['mp4', 'MOV'].includes(e.postfix.split('.')[1])))
             }
           }
         })
@@ -166,7 +185,8 @@
           if (valid) {
             this.instance.post(`/app/appintegraluserapply/updateByGirdMember`, {
               ...this.eventForm,
-              id: this.params.id
+              id: this.params.id,
+              files: [...this.eventForm.images, this.eventForm.videos]
             }).then(res => {
               if (res.code == 0) {
                 this.$message.success('编辑成功！')