Skip to content

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

Merge branch 'feature/fs' into 'develop' 

Feature/fs

See merge request !33
上级 e01ad0a0 5f268690
隐藏空白字符变更
内嵌 并排
正在显示 包含 257 行增加 和 0 行删除
src/components/common/inquirylist.vue 0 → 100644
浏览文件 @ ee7e0bf0
<template>
<div class="inquirylist">
<el-row>
<el-col :span="8" :key="o" :offset="index > 0 ? 2 : 0">
<el-card shadow="always" :body-style="{ padding: '0px' }">
<div class="inquiryname">
<div class="inquiryinfo">
<div class="infone">问诊单{{inquiry.listnumber}}<span class="department">({{inquiry.department}}) </span></div>
<div class="talk">{{inquiry.voice}}</div>
<div class="time">{{inquiry.time}}</div>
</div>
<div class="inquirystatus">
<span class="status">状态：{{inquiry.status}}</span>
<div class="inquiryimg" v-if="inquiry.status==''">图片</div>
<div class="inquirytime" v-if="inquiry.countdown"><span></span> 00:00:15</div>
</div>
</div>
<div class="inquirydoctor">
<div class="visitingdoctor">
<div class="onedoctor"><span>img</span>接诊医生 <el-tag v-if="inquiry.online" size="mini" type="danger" effect="dark">离线</el-tag></div>
<div class="onedoctorname">{{inquiry.visitingdoctor}}</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>
<div class="helpdoctor">
<div class="onedoctor"><span>img</span>接诊医生 <el-tag v-if="inquiry.online" size="mini" type="danger" effect="dark">离线</el-tag></div>
<div class="onedoctorname">{{inquiry.helpdoctor}}</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>
</div>
<div class="inquiryroom">
<span class="goroom">进入诊室</span>
<span class="suggest">诊断建议</span>
</div>
</el-card>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
data() {
return {
inquiry:{
time:new Date().getFullYear()+'-07-14 14:00-15:00',
status:'异常',
department:'内科',
listnumber:'3520',
countdown:'1',
online:true,
voice:'语音问诊',
visitingdoctor:'孙四百',
helpdoctor:'孙四百',
visitingdoctornum:'111111111111',
helpdoctornum:'1111111111111'
},
calldoctor:true
};
},
created() {
// vm = this;
},
methods: {
calldoc() {
this.calldoctor = false
}
}
}
</script>
<style lang="scss" scoped>
.inquirylist{
display: flex;
flex-basis: 30%;
width: 30%;
margin-bottom: 10px;
margin: 20px 30px 0px;
padding: 10px 5px;
// background: #fff;
overflow: hidden !important;
.el-row{
// flex-basis: 31%;
width: 100%;
height: 100%;
.el-col{
width: 100%;
height: 260px;
.el-card{
height: 100%;
}
}
.el-col-offset-2{
margin-left: 1%;
}
}
.inquiryname{
display: flex;
height: 100px;
border-bottom: rgb(209, 208, 208) 1px solid;
.inquiryinfo{
padding: 8px 7px;
.infone{
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
>span{
font-size: 14px;
color: #b2aeae;
display: inline-block;
margin-left: 5px;
}
}
.talk{
font-size: 14px;
color: #b2aeae;
margin-bottom: 7px;
}
.time{
color: #b2aeae;
font-size: 14px;
}
}
.inquirystatus{
.status{
position: absolute;
right: 24px;
top: 12px;
}
.inquiryimg{
position: absolute;
right: 24px;
top: 60px;
}
.inquirytime{
position: absolute;
right: 24px;
top: 40px;
font-size: 14px;
color: #b2aeae;
}
}
}
.inquirydoctor{
height: 115px;
border-bottom: rgb(209, 208, 208) 1px solid;
display: flex;
.visitingdoctor{
flex-basis: 50%;
padding: 5px 2px 7px 7px;
border-right: rgb(209, 208, 208) 1px solid;
.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{
font-size: 14px;
color: #b2aeae;
margin: 4px;
margin-top: 10px;
}
.onedoctorname{
margin-top: 18px;
font-size: 14px;
margin-bottom: 7px;
}
.onedoctornum{
font-size: 14px;
.calldoctor{
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{
flex-basis: 50%;
padding: 5px 2px 7px 7px;
.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{
font-size: 14px;
color: #b2aeae;
margin: 4px;
margin-top: 10px;
}
.onedoctorname{
margin-top: 18px;
font-size: 14px;
margin-bottom: 7px;
}
.onedoctornum{
font-size: 14px;
.calldoctor{
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;
}
}
}
}
.inquiryroom{
height: 45px;
display: flex;
.goroom{
display: inline-block;
font-weight: 700;
flex-basis: 50%;
text-align: center;
height: 100%;
line-height: 45px;
border-right: rgb(209, 208, 208) 1px solid;
}
.suggest{
cursor:pointer;
font-weight: 700;
flex-basis: 50%;
display: inline-block;
text-align: center;
height: 100%;
line-height: 45px;
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或