Skip to content

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

Merge branch 'feature/fs' into 'develop' 

Feature/fs

See merge request !36
上级 1bdbc89a 75af5556
隐藏空白字符变更
内嵌 并排
正在显示 包含 194 行增加 和 127 行删除
src/components/common/inquirylist.vue
浏览文件 @ 946aa9b0
<template> <template>
<div class="inquirylist"> <div class="inquirylist">
<el-row> <el-row v-loading = loading>
<el-col :span="8" :key="o" :offset="index > 0 ? 2 : 0"> <el-col :span="8" :offset="index > 0 ? 2 : 0">
<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}}<span class="department">({{inquiry.department}}) </span></div> <div class="infone">{{inquiry.listnumber+item}}<span class="department">{{inquiry.department}} </span></div>
<div class="talk">{{inquiry.voice}}</div> <div class="talk">{{inquiry.voice}}</div>
<div class="time">{{inquiry.time}}</div> <span class="time">{{inquiry.time}}</span>
</div> </div>
<div class="inquirystatus"> <div class="inquirystatus">
<span class="status">状态：{{inquiry.status}}</span> <span class="status">{{inquiry.status}}</span>
<div class="inquiryimg" v-if="inquiry.status==''">图片</div> <div class="inquiryimg" v-if="inquiry.status==''">图片</div>
<div class="inquirytime" v-if="inquiry.countdown"><span></span> 00:00:15</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">
<div class="onedoctor"><span>img</span>接诊医生 <el-tag v-if="inquiry.online" size="mini" type="danger" effect="dark">离线</el-tag></div> <em class="offline" v-if="inquiry.doctorline[0]" ></em>
<div class="onedoctorname">{{inquiry.visitingdoctor}}</div> <div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctornum"> <span>{{inquiry.visitingdoctornum}}</span> <span @click="calldoc()" class="calldoctor"><span v-if="calldoctor">呼叫医生</span> <span v-else>呼叫中...</span></span> </div> <div class="onedoctorname"> {{inquiry.visitingdoctor}} <span>接诊医生</span>
<div class="onedoctornum">{{inquiry.visitingdoctornum}} <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div>
<img
@click="calldoc()"
v-if="inquiry.imgshowdoc"
style="width: 45px; height: 46px ;margin-left:20px; cursor:pointer;"
:src="inquiry.imgshow?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt />
</div> </div>
<div class="helpdoctor"> <div class="helpdoctor">
<div class="onedoctor"><span>img</span>接诊医生 <el-tag v-if="inquiry.online" size="mini" type="danger" effect="dark">离线</el-tag></div> <em v-if="inquiry.doctorline[1]" class="offline"></em>
<div class="onedoctorname">{{inquiry.helpdoctor}}</div> <div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctornum"> <span>{{inquiry.helpdoctornum}}</span> <span @click="calldoc()" class="calldoctor"><span v-if="calldoctor">呼叫医生</span> <span v-else>呼叫中...</span></span> </div> <div class="onedoctorname"> {{inquiry.visitingdoctor}} <span>助诊医生</span>
<div class="onedoctornum">{{inquiry.visitingdoctornum}} <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div>
<img
v-if="inquiry.imgshowhelp"
style="width: 45px; height: 46px ;margin-left:20px; cursor:pointer;"
:src="inquiry.imgshowhelp?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt />
</div> </div>
</div> </div>
<div class="inquiryroom"> <div class="inquiryroom">
<span class="goroom">进入诊室</span> <div class="goroom"><span>进入诊室</span> </div>
<span class="suggest">诊断建议</span> <div class="suggest">诊断建议 <div class="writesuggest" v-if="inquiry.write">未写</div></div>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
...@@ -44,38 +59,73 @@ export default { ...@@ -44,38 +59,73 @@ export default {
return { return {
inquiry:{ inquiry:{
time:new Date().getFullYear()+'-07-14 14:00-15:00', time:new Date().getFullYear()+'-07-14 14:00-15:00',
status:'异常', status:'待处理',
department:'内科', department:'重症谷壳内科神经科',
listnumber:'3520', listnumber:'3520',
countdown:'1', countdown:'00:00:15',
online:true, online:true,
voice:'语音问诊', voice:'语音问诊',
visitingdoctor:'孙四百', visitingdoctor:'孙四百',
helpdoctor:'孙四百', helpdoctor:'孙四百',
visitingdoctornum:'111111111111', visitingdoctornum:'111111111111',
helpdoctornum:'1111111111111' helpdoctornum:'1111111111111',
answer:null,
imgshowdoc:true,
imgshowhelp:true,
imgshow:true,
docavator:'',
write:false,
doctorline:[false ,false]
}, },
calldoctor:true calldoctor:true,
timer:null,
flag:true
}; };
}, },
props:{
loading:{
type: Boolean,
default: false
},
item:{
type:Number,
default:0
}
},
created() { created() {
// vm = this; // vm = this;
}, },
methods: { methods: {
calldoc() { calldoc() {
this.calldoctor = false if(this.flag){
} this.inquiry.imgshow = false
let nums = 120
this.flag = false
this.timer = setInterval(() => {
if(nums>0){
nums--
}else{
clearInterval(this.timer)
this.timer = null;
this.inquiry.imgshow = true
this.flag = true
}
console.log(nums,this.inquiry.imgshow);
}, 1000);
}
},
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.inquirylist{ .inquirylist{
width: 592px;
height: 266px;
display: flex; display: flex;
flex-basis: 30%;
width: 30%;
margin-bottom: 10px; margin-bottom: 10px;
margin: 20px 30px 0px; // margin: 20px 30px 0px;
padding: 10px 5px; padding: 10px 5px;
// background: #fff; // background: #fff;
overflow: hidden !important; overflow: hidden !important;
...@@ -84,149 +134,147 @@ export default { ...@@ -84,149 +134,147 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
.el-col{ .el-col{
width: 100%; width: 572px;
height: 260px; height: 234px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{ .el-card{
height: 100%; height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
} }
} }
.el-col-offset-2{
margin-left: 1%;
}
} }
.inquiryname{ .inquiryname{
display: flex; display: flex;
height: 100px; // height: 100px;
border-bottom: rgb(209, 208, 208) 1px solid; margin-bottom: 4px;
.inquiryinfo{ .inquiryinfo{
padding: 8px 7px; // padding: 8px 7px;
.infone{ .infone{
font-size: 18px; font-size: 28px;
font-weight: 700; font-weight: 700;
margin-bottom: 20px; margin-bottom: 10px;
color: #063948;
>span{ >span{
font-size: 14px; font-size: 20px;
color: #b2aeae; color: #063948;
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 7px;
} }
} }
.talk{ .talk{
width: 120px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 14px; font-size: 14px;
color: #b2aeae; line-height: 24px;
margin-bottom: 7px; text-align: center;
display: inline-block;
} }
.time{ .time{
color: #b2aeae; width: 217px;
font-size: 14px; height: 24px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 24px;
color: #6A7990;
margin-left: 5px;
padding-left: 15px;
} }
} }
.inquirystatus{ .inquirystatus{
.status{ .status{
position: absolute; position: relative;
right: 24px; right: -114px;
top: 12px; top: 12px;
} }
.inquiryimg{ .inquiryimg{
position: absolute; position: relative;
right: 24px; left: 128px;
top: 60px; top: 40px;
} }
.inquirytime{ .inquirytime{
position: absolute; position: relative;
right: 24px; left: 65px;
top: 40px; top: 12px;
font-size: 14px; font-size: 14px;
color: #b2aeae; color: #6A7990;
} }
} }
} }
.inquirydoctor{ .inquirydoctor{
height: 115px; margin-bottom: 10px;
border-bottom: rgb(209, 208, 208) 1px solid; // height: 115px;
padding-top: 15px;
display: flex; display: flex;
.visitingdoctor{ .visitingdoctor{
position: relative;
flex-basis: 50%; flex-basis: 50%;
padding: 5px 2px 7px 7px; display: flex;
border-right: rgb(209, 208, 208) 1px solid; padding: 5px 2px 7px 7px;s
.el-tag{
width: 30px;
height: 14px;
font-size: 10px !important;
line-height: 12px;
padding-left: 2px;
}
.el-tag--dark.el-tag--danger{
background-color: rgb(208, 2, 27);
border-color: rgb(208, 2, 27);
}
.onedoctor{ .onedoctor{
font-size: 14px; width: 36px;
color: #b2aeae; height: 36px;
margin: 4px;
margin-top: 10px;
} }
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{ .onedoctorname{
margin-top: 18px; // margin-top: 18px;
font-size: 14px; font-size: 18px;
color: #063948;
margin-bottom: 7px; margin-bottom: 7px;
>span{
font-size: 14px;
}
} }
.onedoctornum{ .onedoctornum{
font-size: 14px; font-size: 16px;
.calldoctor{ margin-top: 2px;
display: inline-block;
border-radius: 12px;
border: 1px solid rgb(129, 178, 234);
font-size: 12px;
color: rgb(129, 178, 234);
width: 59px;
height: 20px;
padding-left: 4px;
margin-left: 13px;
cursor:pointer;
}
} }
} }
.helpdoctor{ .helpdoctor{
flex-basis: 50%; flex-basis: 50%;
padding: 5px 2px 7px 7px; position: relative;
.el-tag{ display: flex;
width: 30px; margin-left: 8px;
height: 14px; padding: 5px 2px 7px 7px;s
font-size: 10px !important;
line-height: 12px;
padding-left: 2px;
}
.el-tag--dark.el-tag--danger{
background-color: rgb(208, 2, 27);
border-color: rgb(208, 2, 27);
}
.onedoctor{ .onedoctor{
font-size: 14px; width: 36px;
color: #b2aeae; height: 36px;
margin: 4px;
margin-top: 10px;
} }
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{ .onedoctorname{
margin-top: 18px; // margin-top: 18px;
font-size: 14px; font-size: 18px;
color: #063948;
margin-bottom: 7px; margin-bottom: 7px;
>span{
font-size: 14px;
}
} }
.onedoctornum{ .onedoctornum{
font-size: 14px; font-size: 16px;
.calldoctor{ margin-top: 2px;
display: inline-block;
border-radius: 12px;
border: 1px solid rgb(129, 178, 234);
font-size: 12px;
color: rgb(129, 178, 234);
width: 59px;
height: 20px;
padding-left: 4px;
margin-left: 13px;
cursor:pointer;
}
} }
} }
} }
...@@ -234,22 +282,41 @@ export default { ...@@ -234,22 +282,41 @@ export default {
height: 45px; height: 45px;
display: flex; display: flex;
.goroom{ .goroom{
display: inline-block; cursor:pointer;
font-weight: 700; width: 238px;
flex-basis: 50%; height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center; text-align: center;
height: 100%; line-height: 37px;
line-height: 45px; >span{
border-right: rgb(209, 208, 208) 1px solid; color: #449284;
opacity: 1;
}
} }
.suggest{ .suggest{
cursor:pointer; cursor:pointer;
font-weight: 700; width: 238px;
flex-basis: 50%; color: #449284;
display: inline-block; margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center; text-align: center;
height: 100%; line-height: 37px;
line-height: 45px; .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;
}
} }
} }
} }
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或