xinyilu/NurseStationOperateUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
曹辉 2023-04-27 16:42:32 +08:00
commit bbc2a09197
1 changed files with 57 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
src/views/system/stationAvatar/index.vue
View File

@ -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 v-else :loading="!uploadbtn" type="primary" size="small">提 交 中...</el-button>
<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 => {
this.options.img = baseurl + response.imgUrl;
this.$emit("imgUrl", response.imgUrl);
this.openimg = false;
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) => {
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">