Skip to content

P
pica-admin-consultation
提交 59a90d73 编写于 作者: lyf's avatar lyf
浏览文件
操作

修改图文展示

上级 a1176e36
显示空白字符变更
内嵌 并排
正在显示 包含 195 行增加 和 159 行删除
src/components/common/diagnoseAdvice.vue
浏览文件 @ 59a90d73
<template> <template>
<div class="diagnoseAdvice-wrap" v-drag v-if="showAdvice"> <div class="diagnoseAdvice-wrap" v-drag v-if="showAdvice">
<div class="header"> <span class="headernum"> 问诊单{{currentAdvice.diagnoseId}} 诊断建议</span> <el-button @click="closeadvice">退出</el-button></div> <div class="header">
<span class="headernum">
问诊单{{ currentAdvice.diagnoseId }} 诊断建议</span
>
<el-button @click="closeadvice">退出</el-button>
</div>
<div class="center" v-stopdrag> <div class="center" v-stopdrag>
<span>诊断建议</span> <el-input rows="10" type="textarea" v-model="diagnoseAdvice" placeholder="请输入内容"></el-input> <span>诊断建议</span>
<el-input
rows="10"
type="textarea"
v-model="diagnoseAdvice"
placeholder="请输入内容"
></el-input>
</div> </div>
<div class="record"> <div class="record">
<span>录音/录像：</span> <span>录音/录像：</span>
<div v-if="currentAdvice.adviceAudioUrls!=undefined &&currentAdvice.adviceAudioUrls.length > 0"> <div
<div v-for="itemAudio in currentAdvice.adviceAudioUrls" :key="itemAudio.diagnoseId"> v-if="
<el-link :href="itemAudio" target="_blank">{{itemAudio}}</el-link> currentAdvice.adviceAudioUrls != undefined &&
currentAdvice.adviceAudioUrls.length > 0
"
>
<div
v-for="itemAudio in currentAdvice.adviceAudioUrls"
:key="itemAudio.diagnoseId"
>
<el-link :href="itemAudio" target="_blank">{{ itemAudio }}</el-link>
</div>
</div>
<span style="color: #0d9078" v-else>无音频</span>
</div> </div>
<div class="record">
<span>系统录音/录像：</span>
<div
v-if="
currentAdvice.vodList != undefined && currentAdvice.vodList.length > 0
"
>
<div v-for="(itemvod, index) in currentAdvice.vodList" :key="index">
<el-link :href="itemvod.url" target="_blank">{{
itemvod.name
}}</el-link>
</div> </div>
<span style="color:#0D9078" v-else>无音频</span>
</div> </div>
<span style="color: #0d9078" v-else>无视频</span>
</div>
<div class="record flex"> <div class="record flex">
<span>诊断建议：</span> <span>诊断建议：</span>
<div class="record-music"> <div class="record-music">
<upload-music :musicList="illnessAudioUrls" ref="musicComponent"></upload-music> <upload-music
:musicList="illnessAudioUrls"
ref="musicComponent"
></upload-music>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<el-button type="primary" style="height:35px" @click="SaveAdvice">提交保存</el-button> <el-button type="primary" style="height: 35px" @click="SaveAdvice"
>提交保存</el-button
>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {mapState} from "vuex"; import { mapState } from "vuex";
import uploadMusic from '@/components/editor/upload-music' import uploadMusic from "@/components/editor/upload-music";
export default { export default {
components: { components: {
uploadMusic uploadMusic,
}, },
data() { data() {
return {
return{ diagnoseAdvice: "",
diagnoseAdvice: '', illnessAudioUrls: [],
illnessAudioUrls:[] };
}
}, },
props:{ props: {
showAdvice:{ showAdvice: {
type:Boolean, type: Boolean,
default:false default: false,
}, },
}, },
watch: { watch: {
showAdvice(newVal, oldVal) { showAdvice(newVal, oldVal) {
if(newVal !== oldVal && newVal){ if (newVal !== oldVal && newVal) {
const c = this.currentAdvice && this.currentAdvice.content; const c = this.currentAdvice && this.currentAdvice.content;
console.log('ccc=cc=c=c=', c) console.log("ccc=cc=c=c=", c);
if(c == null){ if (c == null) {
this.diagnoseAdvice = ''; this.diagnoseAdvice = "";
}else{ } else {
this.diagnoseAdvice = c; this.diagnoseAdvice = c;
} }
}
} }
}, },
created() {
},
mounted() {
}, },
computed:{ created() {},
mounted() {},
computed: {
...mapState({ ...mapState({
currentAdvice: 'currentAdvice', currentAdvice: "currentAdvice",
}), }),
}, },
methods:{ methods: {
SaveAdvice() { SaveAdvice() {
if( String(this.diagnoseAdvice).trim() === ''){ if (String(this.diagnoseAdvice).trim() === "") {
this.$message({ this.$message({
message: "请填写诊断建议", message: "请填写诊断建议",
type: "success", type: "success",
}); });
return false; return false;
} }
const url = this.$refs.musicComponent ? [...this.$refs.musicComponent.setNewArr()] : []; const url = this.$refs.musicComponent
? [...this.$refs.musicComponent.setNewArr()]
: [];
let params = { let params = {
adviceAudioUrls: this.currentAdvice.adviceAudioUrls, adviceAudioUrls: this.currentAdvice.adviceAudioUrls,
content: this.diagnoseAdvice, content: this.diagnoseAdvice,
diagnoseId: this.currentAdvice.diagnoseId,//id需要获取 diagnoseId: this.currentAdvice.diagnoseId, //id需要获取
illnessAudioUrls: url illnessAudioUrls: url,
} };
this.POST('/diagnose/admin/diagnose/doctorAdvice/create',params).then(res=>{ this.POST("/diagnose/admin/diagnose/doctorAdvice/create", params)
if(res.code == "000000"){ .then((res) => {
if (res.code == "000000") {
this.$message({ this.$message({
message: "保存成功", message: "保存成功",
type: "success", type: "success",
}); });
this.closeadvice() this.closeadvice();
} }
}).catch(err=>{
console.log(err);
}) })
.catch((err) => {
console.log(err);
});
}, },
closeadvice() { closeadvice() {
this.diagnoseAdvice = ''; this.diagnoseAdvice = "";
this.$store.commit('updateShowAdvice', false); this.$store.commit("updateShowAdvice", false);
} },
}, },
directives: { directives: {
drag: { drag: {
...@@ -111,38 +151,38 @@ export default { ...@@ -111,38 +151,38 @@ export default {
//算出鼠标相对元素的位置 //算出鼠标相对元素的位置
let disX = e.clientX - odiv.offsetLeft; let disX = e.clientX - odiv.offsetLeft;
let disY = e.clientY - odiv.offsetTop; let disY = e.clientY - odiv.offsetTop;
let left = ''; let left = "";
let top = ''; let top = "";
document.onmousemove = (e)=>{ document.onmousemove = (e) => {
//用鼠标的位置减去鼠标相对元素的位置，得到元素的位置 //用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
left = e.clientX - disX; left = e.clientX - disX;
top = e.clientY - disY; top = e.clientY - disY;
//绑定元素位置到positionX和positionY上面 //绑定元素位置到positionX和positionY上面
//移动当前元素 //移动当前元素
odiv.style.left = left + 'px'; odiv.style.left = left + "px";
odiv.style.top = top + 'px'; odiv.style.top = top + "px";
}; };
document.onmouseup = (e) => { document.onmouseup = (e) => {
document.onmousemove = null; document.onmousemove = null;
document.onmouseup = null; document.onmouseup = null;
}; };
}; };
} },
}, },
stopdrag: { stopdrag: {
inserted:function(el, binding, vnode) { inserted: function (el, binding, vnode) {
let element = el; let element = el;
element.onmousedown =function(e) { element.onmousedown = function (e) {
e.stopPropagation() e.stopPropagation();
} };
} },
} },
} },
} };
</script> </script>
<style lang="scss"> <style lang="scss">
.diagnoseAdvice-wrap{ .diagnoseAdvice-wrap {
position: absolute; position: absolute;
top: 125px; top: 125px;
right: 20px; right: 20px;
...@@ -154,18 +194,18 @@ export default { ...@@ -154,18 +194,18 @@ export default {
box-shadow: 10px 10px 50px 0px #d9d9d9; box-shadow: 10px 10px 50px 0px #d9d9d9;
overflow: hidden; overflow: hidden;
border-radius: 18px; border-radius: 18px;
.header{ .header {
height: 60px; height: 60px;
border-bottom: 1px rgb(231, 228, 228) solid; border-bottom: 1px rgb(231, 228, 228) solid;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-left: 15px; padding-left: 15px;
margin-bottom: 30px; margin-bottom: 30px;
.headernum{ .headernum {
font-weight: 700; font-weight: 700;
line-height: 60px; line-height: 60px;
} }
.el-button{ .el-button {
width: 85px; width: 85px;
height: 25px; height: 25px;
margin-top: 17px; margin-top: 17px;
...@@ -173,43 +213,43 @@ export default { ...@@ -173,43 +213,43 @@ export default {
line-height: 0; line-height: 0;
border-color: #9fba81; border-color: #9fba81;
color: #9fba81; color: #9fba81;
>span{ > span {
font-weight: 700; font-weight: 700;
} }
} }
} }
.center{ .center {
display: flex; display: flex;
margin-right: 28px; margin-right: 28px;
margin-bottom: 30px; margin-bottom: 30px;
height: 210px; height: 210px;
>span{ > span {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;
width: 110px; width: 110px;
} }
.el-textarea{ .el-textarea {
height: 110px; height: 110px;
.el-textarea__inner{ .el-textarea__inner {
height: 110px; height: 110px;
} }
} }
} }
.record{ .record {
padding-left: 28px; padding-left: 28px;
margin-top: 45px; margin-top: 45px;
} }
.flex{ .flex {
display: flex; display: flex;
.record-music{ .record-music {
flex: 1; flex: 1;
} }
} }
.footer{ .footer {
bottom: 0; bottom: 0;
left: 0; left: 0;
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
} }
} }
</style> </style>
src/components/common/inquirylist.vue
浏览文件 @ 59a90d73
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div <div
class="offline" class="offline"
v-if=" v-if="
(item.diagnoseType == 1 || item.diagnoseType == 2) && (diagnoseTypeIcon== 'voice') &&
(item.returnStatus == 1 || item.returnStatus == 3) && (item.returnStatus == 1 || item.returnStatus == 3) &&
doctorTrtcEntryStatus != 1 doctorTrtcEntryStatus != 1
" "
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
<div <div
class="call-status" class="call-status"
v-if=" v-if="
(item.diagnoseType == 1 || item.diagnoseType == 2) && diagnoseTypeIcon== 'voice' &&
doctorTrtcEntryStatus != 1 doctorTrtcEntryStatus != 1
" "
> >
...@@ -93,10 +93,9 @@ ...@@ -93,10 +93,9 @@
<div <div
class="offline" class="offline"
v-if=" v-if="
(item.diagnoseType == 1 || item.diagnoseType == 2) && diagnoseTypeIcon== 'voice' &&
(item.returnStatus == 1 || item.returnStatus == 3) && (item.returnStatus == 1 || item.returnStatus == 3) &&
userTrtcEntryStatus != 1 userTrtcEntryStatus != 1"
"
> >
<img :src="offline" alt="" /> <img :src="offline" alt="" />
</div> </div>
...@@ -127,10 +126,7 @@ ...@@ -127,10 +126,7 @@
<div <div
class="call-status" class="call-status"
v-if=" v-if="diagnoseTypeIcon== 'voice' &&userTrtcEntryStatus != 1"
(item.diagnoseType == 1 || item.diagnoseType == 2) &&
userTrtcEntryStatus != 1
"
> >
<img <img
v-if="isCall" v-if="isCall"
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或