修改提交

src/views/system/stationAvatar/index.vue

@@ -1,19 +1,13 @@
 <template>
   <div>
-    <div
+    <div class="user-info-head" :class="video.VideoPath ? 'wihi' : ''" @click="editCropper()">
-      class="user-info-head"
-      :class="video.VideoPath ? 'wihi' : ''"
-      @click="editCropper()"
-    >
       <video
         style="width: 208px; height: 208px"
         v-if="video.VideoPath"
         v-bind:src="video.VideoPath"
         class="avatar video-avatar"
         controls="controls"
-      >
+      >您的浏览器不支持视频播放</video>
-        您的浏览器不支持视频播放
-      </video>
       <img
         v-if="options.img"
         v-bind:src="options.img"
@@ -61,14 +55,8 @@
               v-bind:src="videoForm.showVideoPath"
               class="avatar video-avatar"
               controls="controls"
-            >
+            >您的浏览器不支持视频播放</video>
-              您的浏览器不支持视频播放
+            <img style="width: 100%; height: 100%" v-if="previews.url" :src="previews.url" />
-            </video>
-            <img
-              style="width: 100%; height: 100%"
-              v-if="previews.url"
-              :src="previews.url"
-            />
             <div v-else></div>
           </div>
           <div
@@ -78,9 +66,7 @@
               types != 'posterPictureUrl' &&
               types != 'itemDirectoryUrl'
             "
-          >
+          >请上传图片为800x800px的正方形</div>
-            请上传图片为800x800px的正方形
-          </div>
         </el-col>
       </el-row>
       <br />
@@ -127,16 +113,8 @@
           ></el-button>
         </el-col>-->
         <el-col :lg="{ span: 2, offset: 19 }" :md="2">
-          <el-button
+          <el-button v-if="uploadbtn" type="primary" size="small" @click="uploadImg()">提 交</el-button>
-            v-if="uploadbtn"
+          <el-button v-else :loading="!uploadbtn" type="primary" size="small">提 交 中...</el-button>
-            type="primary"
-            size="small"
-            @click="uploadImg()"
-            >提 交</el-button
-          >
-          <el-button v-else :loading="!uploadbtn" type="primary" size="small"
-            >提 交 中...</el-button
-          >
         </el-col>
       </el-row>
     </el-dialog>
@@ -152,7 +130,7 @@ import {
   uploadVideoUrl,
   uploadTrainingCategoryPicture,
   updatePoserHeads,
-  uploadUrl,
+  uploadUrl
 } from "@/api/system/stationAvatar.js";
 
 export default {
@@ -174,17 +152,17 @@ export default {
         autoCrop: true, // 是否默认生成截图框
         autoCropWidth: 300, // 默认生成截图框宽度
         autoCropHeight: 300, // 默认生成截图框高度
-        fixedBox: true, // 固定截图框大小 不允许改变
+        fixedBox: true // 固定截图框大小 不允许改变
       },
       previews: {},
       items: {},
       //显示上传按钮
       videoForm: {
-        showVideoPath: null, //回显的变量
+        showVideoPath: null //回显的变量
       },
       video: {
-        VideoPath: null, //回显的变量
+        VideoPath: null //回显的变量
-      },
+      }
     };
   },
   created() {
@@ -212,12 +190,12 @@ export default {
   },
   watch: {
     tovideo: {
-      handler(newimg, oldimg) {},
+      handler(newimg, oldimg) {}
     },
     item: {
       handler(newimg, oldimg) {
         this.items = this.item;
-      },
+      }
     },
     img: {
       handler(newimg, oldimg) {
@@ -228,13 +206,13 @@ export default {
         } else {
           this.options.img = baseurl + this.img;
         }
-      },
+      }
     },
     type: {
       handler(newimg, oldimg) {
         this.types = this.type;
-      },
+      }
-    },
+    }
   },
   methods: {
     // 编辑头像
@@ -297,7 +275,7 @@ export default {
         if (this.types == "itemDirectoryUrl") {
           this.$modal.msgSuccess("上传视频中,请耐心等待");
           this.uploadbtn = false;
-          uploadVideoUrl(formData).then((response) => {
+          uploadVideoUrl(formData).then(response => {
             if (response.code == 200) {
               this.video.VideoPath = baseurl + response.imgUrl;
               this.$emit("imgUrl", response.imgUrl);
@@ -305,8 +283,7 @@ export default {
               this.$emit("item", JSON.stringify(this.items));
               this.openimg = false;
             } else {
-              this.$emit("item", "false");
+              setTimeout(e => {
-              setTimeout((e) => {
                 this.openimg = false;
               }, 1000);
             }
@@ -317,59 +294,76 @@ export default {
           this.types == "trainingItemContentUrl" ||
           this.types == "trainingItemPosterUrl"
         ) {
-          uploadUrl(formData).then((response) => {
+          uploadUrl(formData).then(response => {
             if (response.code == 200) {
               this.options.img = baseurl + response.imgUrl;
               this.$emit("imgUrl", response.imgUrl);
               this.openimg = false;
             } else {
-              this.$emit("item", "false");
+              setTimeout(e => {
-              setTimeout((e) => {
                 this.openimg = false;
               }, 1000);
             }
           });
         } else if (this.types == "trainingCategoryPictureUrl") {
-          uploadTrainingCategoryPicture(formData).then((response) => {
+          uploadTrainingCategoryPicture(formData).then(response => {
-            this.options.img = baseurl + response.imgUrl;
+            if (response.code == 200) {
-            this.$emit("imgUrl", response.imgUrl);
+              this.options.img = baseurl + response.imgUrl;
-            this.openimg = false;
+              this.$emit("imgUrl", response.imgUrl);
+              this.openimg = false;
+            } else {
+              setTimeout(e => {
+                this.openimg = false;
+              }, 1000);
+            }
           });
         } else if (this.types == "posterVideoUrl") {
-          updatePoserHeads(formData).then((response) => {
+          updatePoserHeads(formData).then(response => {
-            this.video.VideoPath = baseurl + response.imgUrl;
+            if (response.code == 200) {
-            this.$emit("imgUrl", response.imgUrl);
+              this.video.VideoPath = baseurl + response.imgUrl;
-            this.openimg = false;
+              this.$emit("imgUrl", response.imgUrl);
+              this.openimg = false;
+            } else {
+              setTimeout(e => {
+                this.openimg = false;
+              }, 1000);
+            }
           });
         } else {
-          updateNurseStationHeads(formData).then((response) => {
+          updateNurseStationHeads(formData).then(response => {
-            this.options.img = baseurl + response.imgUrl;
+            if (response.code == 200) {
-            this.$emit("imgUrl", response.imgUrl);
+              this.options.img = baseurl + response.imgUrl;
-            if (this.types == "attributePitureUrl") {
+              this.$emit("imgUrl", response.imgUrl);
-              this.items.attributePitureUrl = response.imgUrl;
+              if (this.types == "attributePitureUrl") {
-              this.$emit("item", JSON.stringify(this.items));
+                this.items.attributePitureUrl = response.imgUrl;
+                this.$emit("item", JSON.stringify(this.items));
+              }
+              if (this.types == "nurseItemClassifyUrl") {
+                this.items.classifyPictureUrl = response.imgUrl;
+                this.$emit("item", JSON.stringify(this.items));
+              }
+              if (this.types == "nurseStationClassifyUrl") {
+                this.items.classifyPictureUrl = response.imgUrl;
+                this.$emit("item", JSON.stringify(this.items));
+              }
+              if (this.types == "posterPictureUrl") {
+                this.items.posterPictureUrl = response.imgUrl;
+                this.$emit("item", JSON.stringify(this.items));
+              }
+              if (this.types == "certificateUrl") {
+                this.items.certificateUrl = response.imgUrl;
+                this.$emit("item", JSON.stringify(this.items));
+              }
+              if (this.types == "personCertificateUrl") {
+                this.items.certificateUrl = response.imgUrl;
+                this.$emit("item", JSON.stringify(this.items));
+              }
+              this.openimg = false;
+            } else {
+              setTimeout(e => {
+                this.openimg = false;
+              }, 1000);
             }
-            if (this.types == "nurseItemClassifyUrl") {
-              this.items.classifyPictureUrl = response.imgUrl;
-              this.$emit("item", JSON.stringify(this.items));
-            }
-            if (this.types == "nurseStationClassifyUrl") {
-              this.items.classifyPictureUrl = response.imgUrl;
-              this.$emit("item", JSON.stringify(this.items));
-            }
-            if (this.types == "posterPictureUrl") {
-              this.items.posterPictureUrl = response.imgUrl;
-              this.$emit("item", JSON.stringify(this.items));
-            }
-            if (this.types == "certificateUrl") {
-              this.items.certificateUrl = response.imgUrl;
-              this.$emit("item", JSON.stringify(this.items));
-            }
-            if (this.types == "personCertificateUrl") {
-              this.items.certificateUrl = response.imgUrl;
-              this.$emit("item", JSON.stringify(this.items));
-            }
-            this.openimg = false;
           });
         }
       } else {
@@ -386,8 +380,8 @@ export default {
     closeDialog() {
       this.imgs = "";
       this.visible = false;
-    },
+    }
-  },
+  }
 };
 </script>
 <style scoped lang="scss">