Skip to content

P
pica-admin-consultation
提交 2fedfe7e 编写于 作者: 张磊's avatar 张磊
浏览文件
操作

Merge branch 'feature/fs' into 'develop' 

Feature/fs

See merge request !39
上级 864cc43a d7bb3573
隐藏空白字符变更
内嵌 并排
正在显示 包含 683 行增加 和 49 行删除
src/components/common/inquirylist.vue
浏览文件 @ 2fedfe7e
<template> <template>
<div class="inquirylist"> <div class="inquirylist">
<el-row v-loading = loading> <el-row>
<el-col :span="8" :offset="index > 0 ? 2 : 0"> <el-col :span="8" >
<el-card shadow="always" :body-style="{ padding: '0px' }"> <el-card shadow="always" :body-style="{ padding: '0px' }">
<div class="inquiryname"> <div class="inquiryname">
<div class="inquiryinfo"> <div class="inquiryinfo">
<div class="infone">{{inquiry.listnumber+item}}<span class="department">{{inquiry.department}} </span></div> <div class="infone">{{item.diagnoseLogId}}<span class="department">{{item.department}} </span></div>
<div class="talk">{{inquiry.voice}}</div> <div class="talk"> <i :class="{voice:item.diagnoseType==1,video:item.diagnoseType==2,photo:item.diagnoseType==2}"></i> {{diagnoseType}}</div>
<span class="time">{{inquiry.time}}</span> <span class="time"> <i class="appointment"></i> {{appointBeginTime}}</span>
</div> </div>
<div class="inquirystatus"> <div class="inquirystatus">
<span class="status">{{inquiry.status}}</span> <span class="status" :style="item.returnStatus==1?'color:#ff865e':item.returnStatus==2?'color:#063948':''">{{returnStatus}}</span>
<div class="inquiryimg" v-if="inquiry.status==''">图片</div> <div class="inquirytime" v-if="item.returnStatus==2"><span></span> 已问诊{{inquiry.countdown}}</div>
<div class="inquirytime" v-if="inquiry.countdown"><span></span> 已问诊{{inquiry.countdown}}</div>
</div> </div>
</div> </div>
<div class="inquirydoctor"> <div class="inquirydoctor">
<div class="visitingdoctor"> <div class="visitingdoctor">
<em class="offline" v-if="inquiry.doctorline[0]" ></em> <em class="offline" v-if="item.doctorTrtcEntryStatus==2" ></em>
<div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div> <div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctorname"> {{inquiry.visitingdoctor}} <span>接诊医生</span> <div class="onedoctorname"> {{item.doctorName}} <span>接诊医生</span>
<div class="onedoctornum">{{inquiry.visitingdoctornum}} <span v-if="inquiry.answer">未接听</span><i v-else></i></div> <div class="onedoctornum">{{item.doctorMobile}} <span v-if="item.doctorCallTime">{{}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div> </div>
<img <img
@click="calldoc()" @click="calldoc()"
v-if="inquiry.imgshowdoc" v-if="inquiry.imgshowdoc"
style="width: 45px; height: 46px ;margin-left:20px; cursor:pointer;" style="width: 40px; height: 41px ;margin-left:4px; cursor:pointer;"
:src="inquiry.imgshow?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')" :src="inquiry.imgshow?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt /> alt />
</div> </div>
<div class="helpdoctor"> <div class="helpdoctor">
<em v-if="inquiry.doctorline[1]" class="offline"></em> <em v-if="item.userTrtcEntryStatus==2" class="offline"></em>
<div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div> <div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctorname"> {{inquiry.visitingdoctor}} <span>助诊医生</span> <div class="onedoctorname"> {{item.userName}} <span>助诊医生</span>
<div class="onedoctornum">{{inquiry.visitingdoctornum}} <span v-if="inquiry.answer">未接听</span><i v-else></i></div> <div class="onedoctornum">{{item.userMobile}} <span v-if="item.userCallTime">{{}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div> </div>
<img <img
v-if="inquiry.imgshowhelp" v-if="inquiry.imgshowhelp"
style="width: 45px; height: 46px ;margin-left:20px; cursor:pointer;" style="width: 40px; height: 41px ;margin-left:10px; cursor:pointer;"
:src="inquiry.imgshowhelp?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')" :src="inquiry.imgshowhelp?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt /> alt />
</div> </div>
</div> </div>
<div class="inquiryroom"> <div class="inquiryroom">
<div class="goroom"><span>进入诊室</span> </div> <div class="goroom"><span v-if="nomor">进入诊室</span><span v-else>正在呼叫医助，进入诊室</span> </div>
<div class="suggest">诊断建议 <div class="writesuggest" v-if="inquiry.write">未写</div></div> <div class="suggest">诊断建议 <div class="writesuggest" v-if="inquiry.write">未写</div></div>
</div> </div>
</el-card> </el-card>
...@@ -58,42 +57,70 @@ export default { ...@@ -58,42 +57,70 @@ export default {
data() { data() {
return { return {
inquiry:{ inquiry:{
time:new Date().getFullYear()+'-07-14 14:00-15:00',
status:'待处理',
department:'重症谷壳内科神经科',
listnumber:'3520',
countdown:'00:00:15',
online:true, online:true,
voice:'语音问诊',
visitingdoctor:'孙四百',
helpdoctor:'孙四百',
visitingdoctornum:'111111111111',
helpdoctornum:'1111111111111',
answer:null, answer:null,
imgshowdoc:true, imgshowdoc:true,
imgshowhelp:true, imgshowhelp:true,
imgshow:true, imgshow:true,
docavator:'', docavator:'',
write:false, write:false,
doctorline:[false ,false] doctorline:[true ,false]
}, },
calldoctor:true, calldoctor:true,
timer:null, timer:null,
flag:true flag:true,
nomor:true
}; };
}, },
props:{ props:{
loading:{
type: Boolean,
default: false
},
item:{ item:{
type:Number, type:Object,
default:0 default:0
} }
}, },
created() { created() {
// vm = this; // vm = this;
let now = new Date().getTime()
let callnow = new Date(this.item.appointBeginTime.slice(0,16)).getTime()
},
computed:{
diagnoseType() {
switch(this.item.diagnoseType) {
case 1:
return '语音问诊'
case 2:
return '视频问诊'
break;
case 3:
return '图文问诊'
break;
default:
return''
}
},
returnStatus() {
switch(this.item.returnStatus) {
case 1:
return '待处理'
case 2:
return '问诊进行中'
case 3:
return '未开始'
case 4:
return '已结束'
case 5:
return '已取消'
case 99:
return '全部'
default:
return''
}
},
appointBeginTime() {
let starttime =this.item.appointBeginTime.slice(0,10)
let endtime = `${this.item.appointBeginTime.slice(11,16)}-${this.item.appointEndTime.slice(11,16)}`
return starttime +' '+ endtime
},
}, },
methods: { methods: {
calldoc() { calldoc() {
...@@ -121,16 +148,11 @@ export default { ...@@ -121,16 +148,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.inquirylist{ .inquirylist{
width: 592px;
height: 266px;
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
// margin: 20px 30px 0px;
padding: 10px 5px; padding: 10px 5px;
// background: #fff;
overflow: hidden !important; overflow: hidden !important;
.el-row{ .el-row{
// flex-basis: 31%;
width: 100%; width: 100%;
height: 100%; height: 100%;
.el-col{ .el-col{
...@@ -148,10 +170,8 @@ export default { ...@@ -148,10 +170,8 @@ export default {
.inquiryname{ .inquiryname{
display: flex; display: flex;
// height: 100px;
margin-bottom: 4px; margin-bottom: 4px;
.inquiryinfo{ .inquiryinfo{
// padding: 8px 7px;
.infone{ .infone{
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
...@@ -174,6 +194,7 @@ export default { ...@@ -174,6 +194,7 @@ export default {
line-height: 24px; line-height: 24px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
position: relative;
} }
.time{ .time{
width: 217px; width: 217px;
...@@ -185,7 +206,6 @@ export default { ...@@ -185,7 +206,6 @@ export default {
line-height: 24px; line-height: 24px;
color: #6A7990; color: #6A7990;
margin-left: 5px; margin-left: 5px;
padding-left: 15px;
} }
} }
.inquirystatus{ .inquirystatus{
...@@ -194,11 +214,6 @@ export default { ...@@ -194,11 +214,6 @@ export default {
right: -114px; right: -114px;
top: 12px; top: 12px;
} }
.inquiryimg{
position: relative;
left: 128px;
top: 40px;
}
.inquirytime{ .inquirytime{
position: relative; position: relative;
left: 65px; left: 65px;
...@@ -210,7 +225,6 @@ export default { ...@@ -210,7 +225,6 @@ export default {
} }
.inquirydoctor{ .inquirydoctor{
margin-bottom: 10px; margin-bottom: 10px;
// height: 115px;
padding-top: 15px; padding-top: 15px;
display: flex; display: flex;
.visitingdoctor{ .visitingdoctor{
...@@ -236,6 +250,7 @@ export default { ...@@ -236,6 +250,7 @@ export default {
font-size: 18px; font-size: 18px;
color: #063948; color: #063948;
margin-bottom: 7px; margin-bottom: 7px;
font-weight: 700;
>span{ >span{
font-size: 14px; font-size: 14px;
} }
...@@ -268,6 +283,7 @@ export default { ...@@ -268,6 +283,7 @@ export default {
font-size: 18px; font-size: 18px;
color: #063948; color: #063948;
margin-bottom: 7px; margin-bottom: 7px;
font-weight: 700;
>span{ >span{
font-size: 14px; font-size: 14px;
} }
...@@ -281,6 +297,7 @@ export default { ...@@ -281,6 +297,7 @@ export default {
.inquiryroom{ .inquiryroom{
height: 45px; height: 45px;
display: flex; display: flex;
font-size: 14px;
.goroom{ .goroom{
cursor:pointer; cursor:pointer;
width: 238px; width: 238px;
...@@ -292,6 +309,7 @@ export default { ...@@ -292,6 +309,7 @@ export default {
>span{ >span{
color: #449284; color: #449284;
opacity: 1; opacity: 1;
font-weight: 700;
} }
} }
.suggest{ .suggest{
...@@ -304,6 +322,7 @@ export default { ...@@ -304,6 +322,7 @@ export default {
border-radius: 23px; border-radius: 23px;
text-align: center; text-align: center;
line-height: 37px; line-height: 37px;
font-weight: 700;
.writesuggest{ .writesuggest{
position: relative; position: relative;
top: -50px; top: -50px;
...@@ -320,5 +339,620 @@ export default { ...@@ -320,5 +339,620 @@ export default {
} }
} }
} }
@media screen and (min-width: 1911px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
// margin: 20px 30px 0px;
padding: 10px 5px;
// background: #fff;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 510px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 16px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 96px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 6px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 13px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 13px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
@media screen and (max-width: 1509px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 510px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 16px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 96px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 12px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
@media screen and (max-width: 1385px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 447px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 20px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 13px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 80px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -77px;
top: 6px;
font-size: 14px;
}
.inquirytime{
position: relative;
left: 35px;
top: 10px;
font-size: 13px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 13px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 12px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 13px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 12px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
.appointment{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/appointment.png') no-repeat;
background-size: cover;
}
.video{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/video.png') no-repeat;
background-size: cover;
}
.photo{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/photo.png') no-repeat;
background-size: cover;
}
.voice{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/voice.png') no-repeat;
background-size: cover;
}
</style> </style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或