Merge remote-tracking branch 'origin/jihan_0420_运营端护理员学习培训模块开发' into jihan_0420_运营端护理员学习培训模块开发

src/views/system/stationAvatar/index.vue

@@ -1,13 +1,19 @@
 <template>
   <div>
-    <div class="user-info-head" :class="video.VideoPath ? 'wihi' : ''" @click="editCropper()">
+    <div
+      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"
@@ -55,8 +61,14 @@
               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
@@ -66,7 +78,9 @@
               types != 'posterPictureUrl' &&
               types != 'itemDirectoryUrl'
             "
-          >请上传图片为800x800px的正方形</div>
+          >
+            请上传图片为800x800px的正方形
+          </div>
         </el-col>
       </el-row>
       <br />
@@ -113,8 +127,16 @@
           ></el-button>
         </el-col>-->
         <el-col :lg="{ span: 2, offset: 19 }" :md="2">
-          <el-button v-if="uploadbtn" type="primary" size="small" @click="uploadImg()">提 交</el-button>
+          <el-button
-          <el-button v-else :loading="!uploadbtn" type="primary" size="small">提 交 中...</el-button>
+            v-if="uploadbtn"
+            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>
@@ -130,7 +152,7 @@ import {
   uploadVideoUrl,
   uploadTrainingCategoryPicture,
   updatePoserHeads,
-  uploadUrl
+  uploadUrl,
 } from "@/api/system/stationAvatar.js";
 
 export default {
@@ -152,17 +174,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() {
@@ -190,12 +212,12 @@ export default {
   },
   watch: {
     tovideo: {
-      handler(newimg, oldimg) {}
+      handler(newimg, oldimg) {},
     },
     item: {
       handler(newimg, oldimg) {
         this.items = this.item;
-      }
+      },
     },
     img: {
       handler(newimg, oldimg) {
@@ -206,13 +228,13 @@ export default {
         } else {
           this.options.img = baseurl + this.img;
         }
-      }
+      },
     },
     type: {
       handler(newimg, oldimg) {
         this.types = this.type;
-      }
+      },
-    }
+    },
   },
   methods: {
     // 编辑头像
@@ -275,7 +297,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);
@@ -284,7 +306,7 @@ export default {
               this.openimg = false;
             } else {
               this.$emit("item", "false");
-              setTimeout(e => {
+              setTimeout((e) => {
                 this.openimg = false;
               }, 1000);
             }
@@ -295,25 +317,32 @@ export default {
           this.types == "trainingItemContentUrl" ||
           this.types == "trainingItemPosterUrl"
         ) {
-          uploadUrl(formData).then(response => {
+          uploadUrl(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 {
+              this.$emit("item", "false");
+              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;
             this.$emit("imgUrl", response.imgUrl);
             this.openimg = false;
           });
         } else if (this.types == "posterVideoUrl") {
-          updatePoserHeads(formData).then(response => {
+          updatePoserHeads(formData).then((response) => {
             this.video.VideoPath = baseurl + response.imgUrl;
             this.$emit("imgUrl", response.imgUrl);
             this.openimg = false;
           });
         } else {
-          updateNurseStationHeads(formData).then(response => {
+          updateNurseStationHeads(formData).then((response) => {
             this.options.img = baseurl + response.imgUrl;
             this.$emit("imgUrl", response.imgUrl);
             if (this.types == "attributePitureUrl") {
@@ -357,8 +386,8 @@ export default {
     closeDialog() {
       this.imgs = "";
       this.visible = false;
-    }
+    },
-  }
+  },
 };
 </script>
 <style scoped lang="scss">