修改

src/views/system/motionPrescriptionLibrary/index.vue

@@ -214,6 +214,7 @@
         :file-list="fileList"
         :on-change="handleChange"
         :limit="5"
+        :before-remove="handleFileremove"
         drag
       >
         <i class="el-icon-upload"></i>
@@ -230,17 +231,18 @@
 
     <!-- 查看视频 -->
     <el-dialog title="查看" :visible.sync="lookvideoshow" width="1200px" append-to-body>
-      <div
+      <div v-if="lookvideolist.length>0">
-        v-for="(item,index) in lookvideolist"
-        :key="index"
-        style="display: inline-block;margin:0 30px 30px 0"
-      >
         <video
+          v-for="(item,index) in lookvideolist"
+          :key="index"
           :src="item"
-          style="width:350px;height:200px;display: inline-block;"
+          style="width:350px;height:200px;display: inline-block;margin:0 30px 30px 0"
           controls="controls"
         ></video>
       </div>
+      <div v-else>
+        <el-empty description="暂无视频"></el-empty>
+      </div>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="lookvideoshow = false">确 定</el-button>
       </div>
@@ -543,6 +545,10 @@ export default {
     handleFileUploadProgress(event, file, fileList) {
       this.upload.isUploading = true;
     },
+    //删除文件
+    handleFileremove(file, fileList) {
+      this.fileList = this.fileList.filter(e => e != file);
+    },
     // 文件上传成功处理
     handleFileSuccess(response, file, fileList) {
       this.upload.isUploading = false;
@@ -555,10 +561,12 @@ export default {
       //   "上传结果",
       //   { dangerouslyUseHTMLString: true }
       // );
-      this.videourl.push(response.prescriptionVideoUrl);
     },
     // 提交上传文件
     submitFileForm() {
+      this.fileList.forEach(e => {
+        this.videourl.push(e.response.prescriptionVideoUrl);
+      });
       var obj = {
         motionPrescriptionId: this.upload.data.motionPrescriptionId,
         prescriptionVideoUrlList: this.videourl