积分代申请

src/project/fd/AppPointsReview/detail.vue

@@ -35,7 +35,20 @@
       </div>
       <p class="text solid" v-else>{{info.content}}</p>
 
-      <AiUploader type="file" multiple :def.sync="info.files" v-if="isEdit" limit="9"></AiUploader>
+      <div class="items solid" v-if="isEdit">
+        <p>上传图片</p>
+        <div class="upload">
+          <AiUploader :def.sync="info.images" placeholder="上传图片" type="image" :limit="9" multiple></AiUploader>
+        </div>
+        <div class="text-tips left">可上传图片，最多上传9张。</div>
+      </div>
+      <div class="items" v-if="isEdit">
+        <p>上传视频</p>
+        <div class="upload">
+          <AiUploader :def.sync="info.videos" placeholder="上传视频" type="video" :limit="9" multiple :size="30 * 1024 * 1024"></AiUploader>
+        </div>
+        <div class="text-tips left">可上传视频，最大30M。</div>
+      </div>
       <div class="img-list" v-if="info.files && info.files.length && !isEdit">
         <div v-for="(item, index) in info.files"  :key="index">
           <div v-if="item.postfix == '.mp4'" class="video-item" @click="choose(item)" >
@@ -102,6 +115,8 @@ export default {
       this.$http.post(`/app/appintegraluserapply/queryDetailById?id=${this.id}`).then(res=> {
         if(res?.data) {
           this.info = res.data
+          this.info.images = res.data.files.filter(e => (['jpeg', 'jpg', 'png'].includes(e.name.split('.')[1])))
+          this.info.videos = res.data.files.filter(e => (['mp4'].includes(e.name.split('.')[1])))
         }
       })
     },
@@ -385,5 +400,41 @@ uni-page-body {
       height: 100%;
     }
   }
+  .items {
+    width: 100%;
+    background: #FFF;
+    margin-bottom: 24px;
+    p {
+      padding: 24px 32px;
+      box-sizing: border-box;
+    }
+    textarea {
+      padding: 24px 32px;
+      box-sizing: border-box;
+      width: 100%;
+    }
+    .tips {
+      color: #f46;
+      font-size: 24px;
+      vertical-align: middle;
+      margin-right: 8px;
+    }
+
+    .text-tips {
+      padding: 12px 32px;
+      box-sizing: border-box;
+      text-align: right;
+      color: #999999;
+      font-size: 24px;
+      font-weight: 400;
+    }
+    .left {
+      text-align: left;
+    }
+    .upload {
+      padding: 24px 32px 0 32px;
+      box-sizing: border-box;
+    }
+  }
 }
 </style>