Skip to content

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

Merge branch 'feat/zl' into 'develop' 

save

See merge request com.pica.cloud.education.frontend/pica-admin-consultation!59
上级 62f79770 c616a3b5
隐藏空白字符变更
内嵌 并排
正在显示 包含 227 行增加 和 927 行删除
src/components/common/inquirylist.vue
浏览文件 @ 1fea252c
<template>
<div class="inquirylist" style=" user-select:none; ">
<el-row>
<el-col :span="8" >
<el-card shadow="always" :body-style="{ padding: '0px' }">
<div class="inquiryname">
<div class="inquiryinfo">
<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 class="inquirystatus">
<span class="status" :style="item.returnStatus==1?'color:#ff865e':item.returnStatus==2?'color:#063948':''">{{returnStatus}}</span>
<div class="inquirytime" v-if="item.returnStatus==2"><span></span> 已问诊{{inquiry.countdown}}</div>
</div>
</div>
<div class="inquirydoctor">
<div class="visitingdoctor">
<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="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>
<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 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>
<img
v-if="inquiry.imgshowhelp"
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')"
alt />
</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>
</el-card>
</el-col>
</el-row>
<div class="inquiry-wrap" >
<div class="line">
<div class="left">
<div>
{{item.diagnoseLogId}}&nbsp;
<span class="dep">{{item.department}}</span>
</div>
<div class="talk">
<i :class='diagnoseTypeIcon'></i>
{{diagnoseType}}
</div>
<div class="time"> <i class="appointment"></i> {{appointBeginTime}}</div>
</div>
<div class="right">
<div class="right-status" :class="{grey: 'returnStatus ==', org: ''}">
{{returnStatusText}}
</div>
<div class="right-time">
已经问诊
</div>
</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>
<span class="info-phone">
{{item.doctorMobile}}
</span>
<span class="info-call-time" v-if="item.doctorCallTime">
{{item.doctorCallTime}}小时前呼叫
</span>
</div>
</div>
</div>
<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.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>
</template>
......@@ -60,20 +73,6 @@ import { mapState } from "vuex";
export default {
data() {
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')
};
},
......@@ -96,15 +95,25 @@ export default {
return '语音问诊'
case 2:
return '视频问诊'
break;
case 3:
return '图文问诊'
break;
default:
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) {
case 1:
return '待处理'
......@@ -113,13 +122,11 @@ export default {
case 3:
return '未开始'
case 4:
return '已结束'
return '问诊已结束'
case 5:
return '已取消'
case 99:
return '全部'
default:
return''
return'暂无';
}
},
appointBeginTime() {
......@@ -133,23 +140,6 @@ export default {
},
},
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 () {
if(this.showChat){
this.$message({
......@@ -213,843 +203,146 @@ export default {
</script>
<style lang="scss" scoped>
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 10px;
overflow: hidden !important;
.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;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
color: #063948;
>span{
font-size: 20px;
color: #063948;
display: inline-block;
margin-left: 7px;
}
}
.talk{
width: 120px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
.inquiry-wrap{
box-sizing: border-box;
margin-bottom: 10px;
padding: 20px 34px;
background: #FFFFFF;
border-radius: 18px;
user-select: none;
min-width: 572px;
border: 1px solid #cccccc;
.line{
display: flex;
justify-content: space-between;
.left{
color: #02120F;
font-size: 28px;
.dep{
font-size: 20px;
}
.talk{
display: inline-block;
width: 120px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
font-size: 14px;
color: #6A7990;
text-align: center;
line-height: 24px;
}
.time{
display: inline-block;
width: 217px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
font-size: 14px;
color: #6A7990;
text-align: center;
line-height: 24px;
}
}
.right{
.right-status{
color: #0D9078;
font-size: 14px;
line-height: 24px;
text-align: center;
display: inline-block;
position: relative;
}
.time{
width: 217px;
height: 24px;
background: #F0F2F5;
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;
}
.right-time{
margin-top: 5px;
color: #6A7990;
font-size: 12px;
}
.grey{
color: #6A7990;
}
.org{
color: #FF5E57;
}
}
.inquiry-user{
display: flex;
width: 50%;
.inquiry-user-img{
width: 36px;
height: 36px;
background: #DDDDDD;
border-radius: 36px;
}
.inquiry-user-info{
font-size: 14px;
color: #6A7990;
}
}
margin-left: 5px;
.info-name{
font-size: 18px;
color: #02120F;
font-weight: bold;
}
.info-phone{
color: #6A7990;
font-size: 16px;
}
.info-call-time{
color: #FF5E57;
}
}
}
.line-btn{
position: relative;
width: 238px;
height: 37px;
background: rgba(68, 146, 132, 0.09);
border-radius: 23px;
border: 1px solid rgba(68, 146, 132, 0.31);
text-align: center;
line-height: 37px;
.line-btn-tap{
position: absolute;
top: -10px;
right: 20px;
width: 48px;
height: 20px;
background: #0D9078;
border-radius: 7px 7px 7px 0px;
font-size: 14px;
color: #ffffff;
line-height: 20px;
}
}
}
.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;
}
}
}
.mt30{
margin-top: 30px;
}
.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;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
display: inline-block;
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;
}
}
.mt20{
margin-top: 20px;
}
.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;
}
}
@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{
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;
.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: 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;
}
}
}
}
.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;
.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: 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;
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;
.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;
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>
src/utils/filter.js
浏览文件 @ 1fea252c
......@@ -86,7 +86,7 @@ const vueFilter = {
},
dateFilter: (value) => {
if (!value) return '';
return new Date(value).format("yyyy-MM-dd hh:mm");
return new Date(value).format("yyyy-MM-dd");
},
moduleTypeFilter: (value, data) => { // 模块类型
for (let key in data) {
......
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ 1fea252c
......@@ -189,9 +189,10 @@ export default {
.forbox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
// justify-content: space-between;
.for{
max-width: 50%;
display: flex;
}
}
......@@ -247,6 +248,12 @@ export default {
padding: 10px 0;
background-color: #f9fafc;
}
@media screen and (min-width:1900px){
.forbox{
.for {
width: 30%;
}
}
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或