src/layout/custom/uploadFile.vue

@@ -3,6 +3,8 @@
     <el-upload
             v-if="url"
             ref="upload"
+            accept=".mp4"
+            :before-upload="beforeUpload"
             :action="url"
             :list-type="listType"
             :file-list="fileList"
@@ -12,7 +14,6 @@
             :on-remove="handleRemove"
             :on-success="onSuccess"
             :show-file-list="showList"
-            :accept="accept"
     >
       <el-button size="small" class="isBtn" v-if="isBtn">点击上传文件</el-button>
       <template v-else>
@@ -35,7 +36,6 @@
       data: { type: null },
       isBtn: { type: Boolean, default: false },
       showList: { type: Boolean, default: true },
-      accept: { type: String },
       tip: { type: String, default: undefined },
       listType: { type: String, default: 'text' },
     },
@@ -83,6 +83,15 @@
           this.$set(this, 'fileList', []);
         }
       },
+      beforeUpload (file) {
+        if (file != null) {
+          const isLt1M = file.size / 1024 / 1024 < 5;
+          if (!isLt1M) {
+            this.$message.error('上传文件大小不能超过5MB!');
+            return false;
+          }
+        }
+      }
     },
   };
 </script>

src/layout/financeclaims/financeClaimsForm.vue

@@ -66,6 +66,18 @@
               <el-input type="textarea" v-model="ruleForm.news[0].news_info" placeholder="请输入简介内容"></el-input>
             </el-form-item>
           </el-col>
+          <el-col :span="24">
+            <el-form-item label="视频附件(请上传MP4格式文件)" prop="enclosure">
+              <uploadFile
+                      :limit="1"
+                      :data="ruleForm.video"
+                      :isBtn="true"
+                      :url="`/files/financial/custom/upload`"
+                      @uploadSuccess="uploadFileSuccess"
+                      @remove="removeFile"
+              ></uploadFile>
+            </el-form-item>
+          </el-col>
           <el-col :span="24" class="btn">
             <el-button size="small" @click="resetForm('ruleForm')" >取消</el-button>
             <el-button type="primary" size="small" @click="submitForm('ruleForm')">提交</el-button>
@@ -78,6 +90,7 @@
 </template>
 
 <script>
+  import uploadFile from '@/layout/custom/uploadFile.vue';
 export default {
   name: 'financeClaimsForm',
   props: {
@@ -85,7 +98,9 @@ export default {
     hkList: null,
     dbList: null,
   },
-  components: {},
+  components: {
+    uploadFile,
+  },
   data: () => ({
     rules: {
       mongey_min_rate: [
@@ -132,6 +147,12 @@ export default {
     resetForm() {
       this.$emit('resetForm');
     },
+    uploadFileSuccess({ data }) {
+      this.$set(this.ruleForm, 'video', data.uri);
+    },
+    removeFile(file) {
+      this.$set(this.ruleForm, 'video', '')
+    },
   },
 };
 </script>

src/layout/financeclaims/financeLookClaimsForm.vue

@@ -66,6 +66,11 @@
                             <el-input disabled type="textarea" v-model="ruleForm.news[0].news_info" placeholder="请输入简介内容"></el-input>
                         </el-form-item>
                     </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="视频附件" prop="video">
+                            <el-link :href="ruleForm.video"  :download="ruleForm.video">{{ruleForm.video}}</el-link>
+                        </el-form-item>
+                    </el-col>
 
                 </el-form>
             </el-col>

src/layout/financeclaims/manageMoneyForm.vue

@@ -28,7 +28,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="视频附件" prop="enclosure">
+            <el-form-item label="视频附件(请上传MP4格式文件)" prop="enclosure">
               <uploadFile
                       :limit="1"
                       :data="ruleForm.video"
@@ -98,7 +98,6 @@ export default {
       this.$emit('resetForm');
     },
     uploadFileSuccess({ data }) {
-      alert(JSON.stringify(data)+"hahah ")
       this.$set(this.ruleForm, 'video', data.uri);
     },
     removeFile(file) {