修改提交

This commit is contained in:
曹辉 2023-04-27 16:17:41 +08:00
parent 54c84d1916
commit 2ec2f6440a
3 changed files with 28 additions and 49 deletions

View File

@ -8,5 +8,6 @@ ENV = 'development'
# VUE_APP_BASE_API = '/dev-api' # VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://192.168.16.76:8080' VUE_APP_BASE_API = 'http://192.168.16.76:8080'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true

View File

@ -5,4 +5,4 @@ VUE_APP_TITLE = 泉医到家运营管理平台
ENV = 'production' ENV = 'production'
# 泉医到家运营管理平台/生产环境 # 泉医到家运营管理平台/生产环境
VUE_APP_BASE_API = 'http://192.168.16.76:8080' VUE_APP_BASE_API = 'http://192.168.16.30:8088'

View File

@ -1,19 +1,13 @@
<template> <template>
<div> <div>
<div <div class="user-info-head" :class="video.VideoPath ? 'wihi' : ''" @click="editCropper()">
class="user-info-head"
:class="video.VideoPath ? 'wihi' : ''"
@click="editCropper()"
>
<video <video
style="width: 208px; height: 208px" style="width: 208px; height: 208px"
v-if="video.VideoPath" v-if="video.VideoPath"
v-bind:src="video.VideoPath" v-bind:src="video.VideoPath"
class="avatar video-avatar" class="avatar video-avatar"
controls="controls" controls="controls"
> >您的浏览器不支持视频播放</video>
您的浏览器不支持视频播放
</video>
<img <img
v-if="options.img" v-if="options.img"
v-bind:src="options.img" v-bind:src="options.img"
@ -31,7 +25,6 @@
" "
></i> ></i>
</div> </div>
<el-dialog <el-dialog
:title="title" :title="title"
:visible.sync="openimg" :visible.sync="openimg"
@ -62,14 +55,8 @@
v-bind:src="videoForm.showVideoPath" v-bind:src="videoForm.showVideoPath"
class="avatar video-avatar" class="avatar video-avatar"
controls="controls" 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 v-else></div>
</div> </div>
<div <div
@ -79,9 +66,7 @@
types != 'posterPictureUrl' && types != 'posterPictureUrl' &&
types != 'itemDirectoryUrl' types != 'itemDirectoryUrl'
" "
> >请上传图片为800x800px的正方形</div>
请上传图片为800x800px的正方形
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
@ -128,16 +113,8 @@
></el-button> ></el-button>
</el-col>--> </el-col>-->
<el-col :lg="{ span: 2, offset: 19 }" :md="2"> <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-col>
</el-row> </el-row>
</el-dialog> </el-dialog>
@ -153,7 +130,7 @@ import {
uploadVideoUrl, uploadVideoUrl,
uploadTrainingCategoryPicture, uploadTrainingCategoryPicture,
updatePoserHeads, updatePoserHeads,
uploadUrl, uploadUrl
} from "@/api/system/stationAvatar.js"; } from "@/api/system/stationAvatar.js";
export default { export default {
@ -175,17 +152,17 @@ export default {
autoCrop: true, // autoCrop: true, //
autoCropWidth: 300, // autoCropWidth: 300, //
autoCropHeight: 300, // autoCropHeight: 300, //
fixedBox: true, // fixedBox: true //
}, },
previews: {}, previews: {},
items: {}, items: {},
// //
videoForm: { videoForm: {
showVideoPath: null, // showVideoPath: null //
}, },
video: { video: {
VideoPath: null, // VideoPath: null //
}, }
}; };
}, },
created() { created() {
@ -213,12 +190,12 @@ export default {
}, },
watch: { watch: {
tovideo: { tovideo: {
handler(newimg, oldimg) {}, handler(newimg, oldimg) {}
}, },
item: { item: {
handler(newimg, oldimg) { handler(newimg, oldimg) {
this.items = this.item; this.items = this.item;
}, }
}, },
img: { img: {
handler(newimg, oldimg) { handler(newimg, oldimg) {
@ -229,13 +206,13 @@ export default {
} else { } else {
this.options.img = baseurl + this.img; this.options.img = baseurl + this.img;
} }
}, }
}, },
type: { type: {
handler(newimg, oldimg) { handler(newimg, oldimg) {
this.types = this.type; this.types = this.type;
}, }
}, }
}, },
methods: { methods: {
// //
@ -298,7 +275,7 @@ export default {
if (this.types == "itemDirectoryUrl") { if (this.types == "itemDirectoryUrl") {
this.$modal.msgSuccess("上传视频中,请耐心等待"); this.$modal.msgSuccess("上传视频中,请耐心等待");
this.uploadbtn = false; this.uploadbtn = false;
uploadVideoUrl(formData).then((response) => { uploadVideoUrl(formData).then(response => {
if (response.code == 200) { if (response.code == 200) {
this.video.VideoPath = baseurl + response.imgUrl; this.video.VideoPath = baseurl + response.imgUrl;
this.$emit("imgUrl", response.imgUrl); this.$emit("imgUrl", response.imgUrl);
@ -307,10 +284,11 @@ export default {
this.openimg = false; this.openimg = false;
} else { } else {
this.$emit("item", "false"); this.$emit("item", "false");
setTimeout((e) => { setTimeout(e => {
this.openimg = false; this.openimg = false;
}, 1000); }, 1000);
} }
this.videoForm.showVideoPath = null;
this.uploadbtn = true; this.uploadbtn = true;
}); });
} else if ( } else if (
@ -318,25 +296,25 @@ export default {
this.types == "trainingItemContentUrl" || this.types == "trainingItemContentUrl" ||
this.types == "trainingItemPosterUrl" this.types == "trainingItemPosterUrl"
) { ) {
uploadUrl(formData).then((response) => { uploadUrl(formData).then(response => {
this.options.img = baseurl + response.imgUrl; this.options.img = baseurl + response.imgUrl;
this.$emit("imgUrl", response.imgUrl); this.$emit("imgUrl", response.imgUrl);
this.openimg = false; this.openimg = false;
}); });
} else if (this.types == "trainingCategoryPictureUrl") { } else if (this.types == "trainingCategoryPictureUrl") {
uploadTrainingCategoryPicture(formData).then((response) => { uploadTrainingCategoryPicture(formData).then(response => {
this.options.img = baseurl + response.imgUrl; this.options.img = baseurl + response.imgUrl;
this.$emit("imgUrl", response.imgUrl); this.$emit("imgUrl", response.imgUrl);
this.openimg = false; this.openimg = false;
}); });
} else if (this.types == "posterVideoUrl") { } else if (this.types == "posterVideoUrl") {
updatePoserHeads(formData).then((response) => { updatePoserHeads(formData).then(response => {
this.video.VideoPath = baseurl + response.imgUrl; this.video.VideoPath = baseurl + response.imgUrl;
this.$emit("imgUrl", response.imgUrl); this.$emit("imgUrl", response.imgUrl);
this.openimg = false; this.openimg = false;
}); });
} else { } else {
updateNurseStationHeads(formData).then((response) => { updateNurseStationHeads(formData).then(response => {
this.options.img = baseurl + response.imgUrl; this.options.img = baseurl + response.imgUrl;
this.$emit("imgUrl", response.imgUrl); this.$emit("imgUrl", response.imgUrl);
if (this.types == "attributePitureUrl") { if (this.types == "attributePitureUrl") {
@ -378,8 +356,8 @@ export default {
closeDialog() { closeDialog() {
this.imgs = ""; this.imgs = "";
this.visible = false; this.visible = false;
}, }
}, }
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">