Skip to content

P
pica-admin-consultation
提交 43ec45ea 编写于 作者: fusheng.liu's avatar fusheng.liu
浏览文件
操作

Merge branch 'develop' of... 

Merge branch 'develop' of 192.168.110.53:com.pica.cloud.education.frontend/pica-admin-consultation into develop
上级 84dffad0 92f125f8
隐藏空白字符变更
内嵌 并排
正在显示 包含 1008 行增加 和 51 行删除
src/App.vue
浏览文件 @ 43ec45ea
...@@ -113,6 +113,7 @@ export default { ...@@ -113,6 +113,7 @@ export default {
} }
this.systemType = systemType; this.systemType = systemType;
this.showSlidebar = true; this.showSlidebar = true;
console.log(res,111);
vm.userName = res.data.userName; vm.userName = res.data.userName;
vm.authList = authList; vm.authList = authList;
} }
......
src/components/common/consultation.vue 0 → 100644
浏览文件 @ 43ec45ea
<template>
<div class="consultationlist">
<div class="list">
<div class="name">刘思妙</div>
<div class="details">
<div class="handle">待处理 <span>128</span></div>
<div class="see">
<a href="#">查看详情</a>
<i class="el-icon-arrow-right"></i>
</div>
</div>
</div>
<div class="data">
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.consultationlist {
padding: 25px 40px 25px 40px;
width: 488px;
height: 164px;
background: #ffffff;
border-radius: 18px;
margin-left: 14px;
margin-top: 20px;
.list {
display: flex;
justify-content: space-between;
.details {
width: 192px;
height: 40px;
background: rgba(68, 146, 132, 0.24);
border-radius: 20px;
opacity: 0.44;
border: 1px solid #449284;
display: flex;
justify-content: space-evenly;
align-items: center;
.handle {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
line-height: 18px;
span{
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #449284;
}
}
.see {
a{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
}
}
}
.name {
font-size: 24px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #063948;
}
}
.data{
margin-top: 20px;
display: flex;
justify-content: space-between;
.totallist{
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #063948;
line-height: 25px;
}
.statelist{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6A7990;
}
}
}
</style>
src/components/common/inquirylist.vue
浏览文件 @ 43ec45ea
<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
src/router/router.js
浏览文件 @ 43ec45ea
...@@ -11,6 +11,8 @@ const diagnosisListNew = r => require.ensure([], () => r(require('../views/IM/di ...@@ -11,6 +11,8 @@ const diagnosisListNew = r => require.ensure([], () => r(require('../views/IM/di
const downList = r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/down-list.vue')), 'downList') const downList = r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/down-list.vue')), 'downList')
const operation= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/operation.vue')), 'downList') const operation= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/operation.vue')), 'downList')
const workbench= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/workbench.vue')), 'workbench') const workbench= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/workbench.vue')), 'workbench')
const administrators= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/administrators.vue')), 'administrators')
export default [{ export default [{
path: '/', path: '/',
component: App, component: App,
...@@ -53,6 +55,9 @@ export default [{ ...@@ -53,6 +55,9 @@ export default [{
{ {
path: '/workbench', path: '/workbench',
component: workbench component: workbench
} },{
path:'/administrators',
component:administrators
}
] ]
}] }]
src/views/IM/diagnosis-admin/administrators.vue 0 → 100644
浏览文件 @ 43ec45ea
<template>
<div class="administrators">
<!-- 头部 -->
<div class="header">
<!-- 面包屑 -->
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item><a href="/">我的工作台</a></el-breadcrumb-item>
</el-breadcrumb>
<el-row style="margin-top: 30px">
<el-col :span="12">
<div class="left">
<el-row type="flex" justify="space-between" :gutter="70">
<el-col :span="12">
<el-date-picker
style="margin-top: 10px"
v-model="value1"
type="date"
placeholder="选择日期"
>
</el-date-picker>
<!-- <el-input
style="margin-top: 10px"
v-model="input1"
placeholder="请输入内容"
suffix-icon="el-icon-arrow-down"
></el-input> -->
</el-col>
<el-col :span="12" style="margin-lfet: 10px">
<div style="margin-left: 10px">
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
</el-row>
</div>
</el-col>
<el-col :span="12">
<div>
<el-row type="flex" justify="space-between">
<el-col :span="8">
<div>
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
<el-col :span="8">
<div>
<div class="total aa">3519</div>
<div class="state">全部</div>
</div>
</el-col>
<el-col :span="8">
<div>
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
<el-col :span="8">
<div>
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
<!-- 问诊列表 -->
<div class="box">
<div class="row" v-for="item in 4" :key="item">
<consultationlist></consultationlist>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<!-- 分页 -->
<el-row type="flex" justify="end">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next"
:total="400"
>
</el-pagination>
</el-row>
</div>
</div>
</template>
<script>
import consultationlist from "../../../components/common/consultation";
export default {
data() {
return {
value1: Date.now(),
currentPage4: 0,
};
},
components: {
consultationlist,
},
methods: {
handleSizeChange() {},
handleCurrentChange() {},
},
};
</script>
<style lang="scss" scoped>
.administrators {
.header {
padding: 40px 32px 0 32px;
width: 100%;
height: 181px;
background: #ffffff;
.el-input__inner {
width: 173px;
height: 47px;
background: #ffffff;
border-radius: 7px;
border: 1px solid #d9d9d9;
}
}
.detailslist {
display: flex;
// flex-wrap: wrap;
flex-direction: column;
.details {
flex: 1;
width: 572px;
height: 164px;
background: #ffffff;
border-radius: 18px;
}
}
.total {
width: 62px;
height: 40px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #063948;
line-height: 40px;
margin: 0 auto;
}
.state {
width: 28px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
line-height: 20px;
margin: 0 auto;
}
.aa {
color: #449284;
}
.box {
display: flex;
width: 100%;
flex-flow: row wrap;
align-content: flex-start;
.row {
flex: 0 0 50%;
}
}
.footer {
margin-top: 20px;
width: 100%;
height: 71px;
background: #ffffff;
border-radius: 18px;
padding-top: 20px;
}
}
.el-row {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
.el-col {
border-radius: 4px;
}
.bg-purple-dark {
background: #99a9bf;
}
.bg-purple {
background: #d3dce6;
}
.bg-purple-light {
background: #e5e9f2;
}
.grid-content {
border-radius: 4px;
min-height: 36px;
}
.row-bg {
padding: 10px 0;
background-color: #f9fafc;
}
</style>
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ 43ec45ea
...@@ -106,7 +106,6 @@ export default { ...@@ -106,7 +106,6 @@ export default {
// 判断是否是管理员 // 判断是否是管理员
isdon:'1', isdon:'1',
showChat: true showChat: true
} }
}, },
created(){ created(){
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或