Skip to content

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

save

上级 4690d448
显示空白字符变更
内嵌 并排
正在显示 包含 227 行增加 和 927 行删除
src/components/common/inquirylist.vue
浏览文件 @ c616a3b5
<template> <template>
<div class="inquirylist" style=" user-select:none; "> <div class="inquiry-wrap" >
<el-row> <div class="line">
<el-col :span="8" > <div class="left">
<el-card shadow="always" :body-style="{ padding: '0px' }"> <div>
<div class="inquiryname"> {{item.diagnoseLogId}}&nbsp;
<div class="inquiryinfo"> <span class="dep">{{item.department}}</span>
<div class="infone">{{item.diagnoseLogId}}<span class="department">{{item.department}} </span></div>
<div class="talk"> <i :class="{voice:item.diagnoseType==1,video:item.diagnoseType==2,photo:item.diagnoseType==2}"></i> {{diagnoseType}}</div>
<span class="time"> <i class="appointment"></i> {{appointBeginTime}}</span>
</div> </div>
<div class="inquirystatus"> <div class="talk">
<span class="status" :style="item.returnStatus==1?'color:#ff865e':item.returnStatus==2?'color:#063948':''">{{returnStatus}}</span> <i :class='diagnoseTypeIcon'></i>
<div class="inquirytime" v-if="item.returnStatus==2"><span></span> 已问诊{{inquiry.countdown}}</div> {{diagnoseType}}
</div> </div>
<div class="time"> <i class="appointment"></i> {{appointBeginTime}}</div>
</div> </div>
<div class="inquirydoctor"> <div class="right">
<div class="visitingdoctor"> <div class="right-status" :class="{grey: 'returnStatus ==', org: ''}">
<em class="offline" v-if="item.doctorTrtcEntryStatus==2" ></em> {{returnStatusText}}
<div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctorname"> {{item.doctorName}} <span>接诊医生</span>
<div class="onedoctornum">{{item.doctorMobile}} <span v-if="item.doctorCallTime">{{}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span>
<img class="doctorcallImg" :src="doctorIncomingcallImg" v-show="item.doctorCallKfStatus =='0'" alt />
</div> </div>
<div class="right-time">
已经问诊
</div> </div>
<img
@click="calldoc()"
v-if="inquiry.imgshowdoc"
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')"
alt />
</div> </div>
<div class="helpdoctor">
<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="onedoctorname"> {{item.userName}} <span>助诊医生</span>
<div class="onedoctornum">{{item.userMobile}} <span v-if="item.userCallTime">{{item.userCallTime}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span>
<img class="doctorcallImg" :src="doctorIncomingcallImg" v-show="item.userCallKfStatus =='0'" alt />
</div> </div>
<div class="line mt30">
<div class="inquiry-user">
<div class="inquiry-user-img"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="inquiry-user-info">
<div>
<span class="info-name">
{{item.doctorName}}
</span>
<span>接诊医生</span>
</div> </div>
<img <div>
v-if="inquiry.imgshowhelp" <span class="info-phone">
style="width: 40px; height: 41px ;margin-left:10px; cursor:pointer;" {{item.doctorMobile}}
:src="inquiry.imgshowhelp?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')" </span>
alt /> <span class="info-call-time" v-if="item.doctorCallTime">
{{item.doctorCallTime}}小时前呼叫
</span>
</div> </div>
</div> </div>
<div class="inquiryroom">
<div class="goroom" @click="openChat"><span v-if="nomor">进入诊室</span><span v-else>正在呼叫医助，进入诊室</span> </div>
<div class="suggest" @click="openAdvice">诊断建议 <div class="writesuggest" v-if="inquiry.write">未写</div></div>
</div> </div>
</el-card> <div class="inquiry-user">
</el-col> <div class="inquiry-user-img"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
</el-row> <div class="inquiry-user-info">
<div>
<span class="info-name">
{{item.userName}}
</span>
<span>接诊医生</span>
</div>
<div>
<span class="info-phone">
{{item.userMobile}}
</span>
<span class="info-call-time" v-if="item.doctorCallTime">
{{item.doctorCallTime}}小时前呼叫
</span>
</div>
</div>
</div>
</div>
<div class="line mt20">
<div class="line-btn" @click="openChat"><span>进入诊室</span> </div>
<div class="line-btn" @click="openAdvice">诊断建议 <div class="line-btn-tap">未写</div></div>
</div>
</div> </div>
</template> </template>
...@@ -60,20 +73,6 @@ import { mapState } from "vuex"; ...@@ -60,20 +73,6 @@ import { mapState } from "vuex";
export default { export default {
data() { data() {
return { return {
inquiry:{
online:true,
answer:null,
imgshowdoc:false,
imgshowhelp:false,
imgshow:true,
docavator:'',
write:false,
doctorline:[true ,false]
},
timer:null,
flag:true,
nomor:true,
Adviceslist:{},
doctorIncomingcallImg: require('@/assets/image/workbench/doctorCallcustomer.gif') doctorIncomingcallImg: require('@/assets/image/workbench/doctorCallcustomer.gif')
}; };
}, },
...@@ -96,15 +95,25 @@ export default { ...@@ -96,15 +95,25 @@ export default {
return '语音问诊' return '语音问诊'
case 2: case 2:
return '视频问诊' return '视频问诊'
break;
case 3: case 3:
return '图文问诊' return '图文问诊'
break;
default: default:
return'' return''
} }
}, },
returnStatus() { diagnoseTypeIcon () {
switch(this.item.diagnoseType) {
case 1:
return 'voice'
case 2:
return 'voice'
case 3:
return 'photo'
default:
return'photo'
}
},
returnStatusText() {
switch(this.item.returnStatus) { switch(this.item.returnStatus) {
case 1: case 1:
return '待处理' return '待处理'
...@@ -113,13 +122,11 @@ export default { ...@@ -113,13 +122,11 @@ export default {
case 3: case 3:
return '未开始' return '未开始'
case 4: case 4:
return '已结束' return '问诊已结束'
case 5: case 5:
return '已取消' return '已取消'
case 99:
return '全部'
default: default:
return'' return'暂无';
} }
}, },
appointBeginTime() { appointBeginTime() {
...@@ -133,23 +140,6 @@ export default { ...@@ -133,23 +140,6 @@ export default {
}, },
}, },
methods: { methods: {
calldoc() {
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
}
}, 1000);
}
},
openChat () { openChat () {
if(this.showChat){ if(this.showChat){
this.$message({ this.$message({
...@@ -213,824 +203,126 @@ export default { ...@@ -213,824 +203,126 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.inquirylist{ .inquiry-wrap{
display: flex; box-sizing: border-box;
margin-bottom: 10px; margin-bottom: 10px;
padding: 10px 10px; padding: 20px 34px;
overflow: hidden !important; background: #FFFFFF;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 572px;
height: 234px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px; border-radius: 18px;
padding: 12px 32px 20px 34px ; user-select: none;
} min-width: 572px;
} border: 1px solid #cccccc;
} .line{
.inquiryname{
display: flex; display: flex;
margin-bottom: 4px; justify-content: space-between;
.inquiryinfo{ .left{
.infone{ color: #02120F;
font-size: 28px; font-size: 28px;
font-weight: 700; .dep{
margin-bottom: 10px;
color: #063948;
>span{
font-size: 20px; font-size: 20px;
color: #063948;
display: inline-block;
margin-left: 7px;
}
} }
.talk{ .talk{
display: inline-block;
width: 120px; width: 120px;
height: 24px; height: 24px;
background: #F0F2F5; background: #F0F2F5;
border-radius: 23px; border-radius: 23px;
color: #6A7990;
font-size: 14px; font-size: 14px;
line-height: 24px; color: #6A7990;
text-align: center; text-align: center;
display: inline-block; line-height: 24px;
position: relative;
} }
.time{ .time{
display: inline-block;
width: 217px; width: 217px;
height: 24px; height: 24px;
background: #F0F2F5; background: #F0F2F5;
border-radius: 23px; border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 24px;
color: #6A7990;
margin-left: 5px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 12px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px; font-size: 14px;
color: #6A7990; color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 15px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
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: 18px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 16px;
margin-top: 2px;
}
}
.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: 18px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 16px;
margin-top: 2px;
.doctorcallImg{
width: 14px;
height: 14px;
}
}
}
}
.inquiryroom{
user-select: none;
height: 45px;
//display: flex;
font-size: 14px;
.goroom{
display: inline-block;
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center; text-align: center;
line-height: 37px; line-height: 24px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
} }
} }
.suggest{ .right{
display: inline-block; .right-status{
cursor:pointer; color: #0D9078;
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; font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
@media screen and (min-width: 1911px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
// margin: 20px 30px 0px;
padding: 10px 14px;
// 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{ .right-time{
width: 183px; margin-top: 5px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990; color: #6A7990;
margin-left: 5px; font-size: 12px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 6px;
} }
.inquirytime{ .grey{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990; color: #6A7990;
} }
.org{
color: #FF5E57;
} }
} }
.inquirydoctor{ .inquiry-user{
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;
.doctorcallImg{
width: 14px;
height: 14px;
}
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex; display: flex;
margin-left: 8px; width: 50%;
padding: 5px 2px 7px 7px;s .inquiry-user-img{
.onedoctor{
width: 36px; width: 36px;
height: 36px; height: 36px;
background: #DDDDDD;
} border-radius: 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;
.doctorcallImg{
width: 14px;
height: 14px;
} }
} .inquiry-user-info{
}
}
.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; 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-left: 5px;
margin-bottom: 12px; .info-name{
.el-card{ font-size: 18px;
height: 100%; color: #02120F;
border-radius: 18px; font-weight: bold;
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{ .info-phone{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990; color: #6A7990;
font-size: 16px;
} }
} .info-call-time{
} color: #FF5E57;
.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;
.doctorcallImg{
width: 14px;
height: 14px;
} }
} }
} }
.helpdoctor{ .line-btn{
flex-basis: 50%;
position: relative; 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;
.doctorcallImg{
width: 14px;
height: 14px;
}
}
}
}
.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; width: 238px;
color: #449284;
margin-left: 24px;
height: 37px; height: 37px;
background: rgb(239, 246, 244); background: rgba(68, 146, 132, 0.09);
border-radius: 23px; border-radius: 23px;
border: 1px solid rgba(68, 146, 132, 0.31);
text-align: center; text-align: center;
line-height: 37px; line-height: 37px;
font-weight: 700; .line-btn-tap{
.writesuggest{ position: absolute;
position: relative; top: -10px;
top: -50px; right: 20px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px; width: 48px;
height: 20px; height: 20px;
background: #449284; background: #0D9078;
border-radius: 7px 7px 7px 0px; 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;
.doctorcallImg{
width: 14px;
height: 14px;
}
}
}
.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;
.doctorcallImg{
width: 14px;
height: 14px;
}
}
}
}
.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; font-size: 14px;
text-align: center; color: #ffffff;
line-height: 20px; line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
} }
} }
} }
.mt30{
margin-top: 30px;
} }
} .mt20{
.appointment{ margin-top: 20px;
}
.appointment{
width: 12px; width: 12px;
height: 12px; height: 12px;
display: inline-block; display: inline-block;
background: url('../../assets/image/workbench/appointment.png') no-repeat; background: url('../../assets/image/workbench/appointment.png') no-repeat;
background-size: cover; background-size: cover;
} }
.video{ .video{
width: 12px; width: 12px;
height: 12px; height: 12px;
...@@ -1052,4 +344,5 @@ export default { ...@@ -1052,4 +344,5 @@ export default {
background: url('../../assets/image/workbench/voice.png') no-repeat; background: url('../../assets/image/workbench/voice.png') no-repeat;
background-size: cover; background-size: cover;
} }
}
</style> </style>
src/utils/filter.js
浏览文件 @ c616a3b5
...@@ -86,7 +86,7 @@ const vueFilter = { ...@@ -86,7 +86,7 @@ const vueFilter = {
}, },
dateFilter: (value) => { dateFilter: (value) => {
if (!value) return ''; if (!value) return '';
return new Date(value).format("yyyy-MM-dd hh:mm"); return new Date(value).format("yyyy-MM-dd");
}, },
moduleTypeFilter: (value, data) => { // 模块类型 moduleTypeFilter: (value, data) => { // 模块类型
for (let key in data) { for (let key in data) {
......
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ c616a3b5
...@@ -189,9 +189,10 @@ export default { ...@@ -189,9 +189,10 @@ export default {
.forbox{ .forbox{
display: flex; display: flex;
flex-wrap: wrap; justify-content: space-between;
// justify-content: space-between; // justify-content: space-between;
.for{ .for{
max-width: 50%;
display: flex; display: flex;
} }
} }
...@@ -247,6 +248,12 @@ export default { ...@@ -247,6 +248,12 @@ export default {
padding: 10px 0; padding: 10px 0;
background-color: #f9fafc; background-color: #f9fafc;
} }
@media screen and (min-width:1900px){
.forbox{
.for {
width: 30%;
}
}
}
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或