Skip to content

P
pica-admin-consultation
提交 84dffad0 编写于 作者: 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
上级 87b89396 864cc43a
显示空白字符变更
内嵌 并排
正在显示 包含 445 行增加 和 375 行删除
src/App.vue
浏览文件 @ 84dffad0
...@@ -46,7 +46,7 @@ export default { ...@@ -46,7 +46,7 @@ export default {
userName: "", userName: "",
authList: [], authList: [],
systemType: 0, systemType: 0,
showChat:false showChat:true
}; };
}, },
computed: { computed: {
......
src/components/IM/chat.scss
浏览文件 @ 84dffad0
...@@ -2,65 +2,59 @@ ...@@ -2,65 +2,59 @@
position: absolute; position: absolute;
top: 20px; top: 20px;
right: 20px; right: 20px;
//min-height: 900px;
min-width: 700px;
z-index: 1000; z-index: 1000;
border: 1px solid #8fa4ac; width: 640px;
height: 733px;
background: #ffffff;
box-shadow: 10px 10px 50px 0px #D9D9D9;
overflow: hidden;
border-radius: 18px;
.component-content { .component-content {
display: flex;
flex-direction: row;
// min-width: 1200px;
background: none !important;
font-size: 14px;
height: 100%;
.center { .center {
//margin-left: 10%; //margin-left: 10%;
//margin-right: 10%; //margin-right: 10%;
flex: 1; flex: 1;
background: #fff; background: #fff;
.c-header { .c-header {
padding: 0 25px; //height: 40px;
height: 56px; padding: 15px 24px;
.header-line {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 2px solid #f5f5f5; }
& > .c-header-l { .c-header-l {
flex: 1; color: #063948;
.num{
font-size: 28px;
}
.dep{
font-size: 20px;
}
}
.c-header-edit{
display: flex; display: flex;
flex-direction: row; min-width: 111px;
align-items: center; justify-content: space-around;
& > img { .edit-img{
display: inline-block;
width: 24px; width: 24px;
height: 24px; height: 24px;
border-radius: 12px; img{
margin-right: 8px; width: 100%;
} height: 100%;
& > .name {
margin-right: 25px;
color: #333333;
}
& > .time-tip {
font-size: 12px;
color: #999999;
} }
} }
.close-btn {
width: 100px;
color: #c7c8c9;
cursor: pointer;
} }
} }
.msg-content { .msg-content {
// width: 100%; background: #F0F2F5;
// height: 650px;
word-break: break-all; word-break: break-all;
overflow: scroll; overflow: scroll;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 10px 20px; margin-top: 10px;
.msg-item { .msg-item {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -112,9 +106,7 @@ ...@@ -112,9 +106,7 @@
display: inline-block; display: inline-block;
max-width: 520px; max-width: 520px;
border-radius: 8px; border-radius: 8px;
background: #ebf5fc;
text-align: justify; text-align: justify;
color: #333333;
&.no-support { &.no-support {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -135,7 +127,7 @@ ...@@ -135,7 +127,7 @@
justify-content: space-between; justify-content: space-between;
text-align: left; text-align: left;
padding: 10px 15px; padding: 10px 15px;
background: #f0f1f2; //background: #f0f1f2;
border-radius: 8px; border-radius: 8px;
min-height: 80px; min-height: 80px;
cursor: pointer; cursor: pointer;
...@@ -188,7 +180,7 @@ ...@@ -188,7 +180,7 @@
width: 260px; width: 260px;
text-align: left; text-align: left;
padding: 10px 15px; padding: 10px 15px;
background: #f0f1f2; //background: #ffffff;
border-radius: 8px; border-radius: 8px;
min-height: 80px; min-height: 80px;
.title { .title {
...@@ -198,9 +190,8 @@ ...@@ -198,9 +190,8 @@
} }
.dia-text { .dia-text {
font-size: 12px; font-size: 12px;
color: #7C7C7C;
.label { .label {
color: #B4B4B4; color: #ffffff;
} }
} }
} }
...@@ -208,9 +199,10 @@ ...@@ -208,9 +199,10 @@
width: 260px; width: 260px;
text-align: left; text-align: left;
padding: 10px 15px; padding: 10px 15px;
background: #f0f1f2; //background: #ffffff;
border-radius: 8px; border-radius: 8px;
min-height: 80px; min-height: 80px;
.title { .title {
padding-bottom: 10px; padding-bottom: 10px;
font-size: 14px; font-size: 14px;
...@@ -223,14 +215,13 @@ ...@@ -223,14 +215,13 @@
} }
.time-text { .time-text {
font-size: 12px; font-size: 12px;
color: #7C7C7C;
} }
} }
& > .suggession-box { & > .suggession-box {
width: 260px; width: 260px;
text-align: left; text-align: left;
padding: 10px 15px; padding: 10px 15px;
background: #f0f1f2; //background: #f0f1f2;
border-radius: 8px; border-radius: 8px;
min-height: 80px; min-height: 80px;
.title { .title {
...@@ -240,9 +231,7 @@ ...@@ -240,9 +231,7 @@
} }
.suggession-text { .suggession-text {
font-size: 12px; font-size: 12px;
color: #7C7C7C;
.label { .label {
color: #B4B4B4;
} }
} }
...@@ -250,14 +239,14 @@ ...@@ -250,14 +239,14 @@
& > .audio-box audio { & > .audio-box audio {
width: 242px; width: 242px;
height: 44px; height: 44px;
background: #EBF5FC; //background: #EBF5FC;
border-radius: 20px; border-radius: 20px;
} }
& > .live-box { & > .live-box {
width: 202px; width: 202px;
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
background: #f0f1f2; background: #ffffff;
border-radius: 8px; border-radius: 8px;
text-align: center; text-align: center;
} }
...@@ -270,20 +259,19 @@ ...@@ -270,20 +259,19 @@
align-items: center; align-items: center;
margin: 15px 0; margin: 15px 0;
font-size: 14px; font-size: 14px;
color: #999999;
&::before { &::before {
flex: 1; flex: 1;
content: ''; content: '';
height: 1px; height: 1px;
margin-right: 18px; margin-right: 18px;
background: #f0f1f2; //background: #f0f1f2;
} }
&::after { &::after {
flex: 1; flex: 1;
content: ''; content: '';
height: 1px; height: 1px;
margin-left: 18px; margin-left: 18px;
background: #f0f1f2; //background: #f0f1f2;
} }
} }
} }
...@@ -302,8 +290,23 @@ ...@@ -302,8 +290,23 @@
.msg-item-detail { .msg-item-detail {
text-align: right; text-align: right;
& > .mid-text { & > .mid-text {
background: #f0f1f2; background: #449284;
}
}
}
}
.msg-item{
color: #063948;
.mid-text{
background: #ffffff;
}
} }
.cr{
color: #ffffff;
.mid-text, .live-notice, .time-box, .diagnosis-box{
background: #449284;
.time{
color: #ffffff;
} }
} }
} }
......
src/components/IM/chat.vue
浏览文件 @ 84dffad0
...@@ -6,13 +6,28 @@ ...@@ -6,13 +6,28 @@
v-loadmore="getOldMSGHistory" v-loadmore="getOldMSGHistory"
> >
<section class="c-header"> <section class="c-header">
<div class="header-line">
<div class="c-header-l"> <div class="c-header-l">
<img :src="doctorImg" alt /> <span class="num">3519</span>
<span class="name">{{doctorName}}医生的问诊群聊</span> <span class="dep">&nbsp;内科</span>
</div>
<div class="c-header-edit">
<span class="edit-img">
<img src="../../assets/image/IM/im_close.png" alt />
</span>
<span class="edit-img">
<img src="../../assets/image/IM/im_close2.png" alt />
</span>
<span class="edit-img">
<img src="../../assets/image/IM/im_small.png" alt />
</span>
</div>
</div>
<div class="header-line">
</div> </div>
</section> </section>
<p class="refreshText"></p> <diagnosis-Live :doctorImg="doctorImg"></diagnosis-Live>
<diagnosis-Live></diagnosis-Live>
<section id="msgContentId" class="msg-content scroll-box"> <section id="msgContentId" class="msg-content scroll-box">
<article <article
v-for="(item, index) in messageList" v-for="(item, index) in messageList"
...@@ -187,7 +202,7 @@ ...@@ -187,7 +202,7 @@
import BreadCrumb from "@/components/breadcrumb.vue"; import BreadCrumb from "@/components/breadcrumb.vue";
import diagnosisLive from "./diagnosis-live"; import diagnosisLive from "./diagnosis-live";
import { doUpload, getFilePath } from "@/utils/qiniu-util"; import { doUpload, getFilePath } from "@/utils/qiniu-util";
import { openLoading, closeLoading, betaHandle, bindDragHeader } from "@/utils/utils"; import { openLoading, closeLoading, betaHandle } from "@/utils/utils";
import { getPicaKFAccid, getPhomeDemain } from "@/utils"; import { getPicaKFAccid, getPhomeDemain } from "@/utils";
const CONTAINER_HEIGHT = 700; const CONTAINER_HEIGHT = 700;
let forwardMsgIntervalId = null, let forwardMsgIntervalId = null,
...@@ -309,7 +324,7 @@ export default { ...@@ -309,7 +324,7 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
_this.containerHeight = document.body.clientHeight - 80; _this.containerHeight = document.body.clientHeight - 80;
// _this.getElmByID("screenSet").style.height = _this.containerHeight - 76 + "px"; // _this.getElmByID("screenSet").style.height = _this.containerHeight - 76 + "px";
_this.getElmByID("msgContentId").style.height = _this.containerHeight - 211 + "px"; _this.getElmByID("msgContentId").style.height = "400px";
}); });
}, },
......
src/components/IM/diagnosis-live.vue
浏览文件 @ 84dffad0
...@@ -2,23 +2,19 @@ ...@@ -2,23 +2,19 @@
<div class="livebox"> <div class="livebox">
<div class="top"> <div class="top">
<div class="top-left"> <div class="top-left">
<h1 class="title">{{ title }}</h1> <div class="time-message ">
<div class="time-message"> <p class="msg-img">
<img :src="im_text" alt />
</p>
<span>{{ title }}</span>
</div>
<div class="time-message ml10">
<p class="msg-img"> <img :src="im_time" alt /></p>
<p>设定时长: {{ time }}分钟</p> <p>设定时长: {{ time }}分钟</p>
<p v-if="startTime && endTime">总时长: {{ useTime }}</p> <p v-if="startTime && endTime">总时长: {{ useTime }}</p>
<p v-if="startTime && endTime">剩余时长: {{ loseTime }}</p> <p v-if="startTime && endTime">剩余时长: {{ loseTime }}</p>
</div> </div>
</div> </div>
<div class="top-right">
<img
:src="isMicOn ? voiceSmallImg : voiceCloseImg"
alt=""
srcset=""
class="icon"
@click="taggleM"
/>
<div class="close" @click="overFn">结束会话</div>
</div>
</div> </div>
<div class="main"> <div class="main">
<div <div
...@@ -27,74 +23,30 @@ ...@@ -27,74 +23,30 @@
:key="index" :key="index"
> >
<div class="text"> <div class="text">
<p>{{ item.name }}</p> <div class="text-left">
<p>{{ item.role == 1 ? "问诊医生" : "接诊医生" }}:</p> <img :src="doctorImg" alt />
</div> </div>
<div class="viedo"> <div class="text-right">
<div <p>
:id="rtc.viewslist[index].id" <span class="text-name">{{ item.name }}</span>
v-if="rtc && rtc.viewslist[index]" <span class="text-dep">{{ item.role == 1 ? "问诊医生" : "接诊医生" }}</span>
></div> </p>
<!-- 用户声音icon --> <p class="text-num">123123123</p>
<img
:src="
rtc && rtc.viewslist[index] && rtc.viewslist[index].vioce
? voiceSmallImg
: voiceCloseImg
"
alt=""
srcset=""
class="user-icon"
v-if="item.status == 2"
/>
<img
:src="setImg(item.status)"
alt=""
srcset=""
class="video-icon"
v-else
/>
<div
class="mask"
v-if="rtc && rtc.viewslist[index] && rtc.viewslist[index].mask"
>
<img
:src="type == 1 ? voiceImg : noCameraImg"
alt=""
:class="{ vocie: type == 1 }"
/>
</div> </div>
</div> </div>
<div class="time"> <div class="viedo">
<!-- //等待连接还是已经下麦 1为等待 2为进行中 3为下麦 --> <el-button class="call-btn"> 已接入</el-button>
<div class="time-content">
<el-button
class="call-btn"
size="mini"
:disabled="item.status == 2 && item.timeleft == 0"
type="primary"
:loading="item.timeleft > 0"
@click="drivingCall(item)"
>
<span v-if="item.timeleft == 0"
>呼叫{{ item.role == 1 ? "问诊医生" : "接诊医生" }}</span
>
<time-left
@setItem="setItem($event, item)"
v-else
:timeleft="item.timeleft"
></time-left>
</el-button>
<span>
{{ showText(item.status, item.role, item) }}
</span>
</div> </div>
</div> </div>
<div class="vedio-man">
<p class="man-img">
<img :src="im_man1" alt />
</p>
<p class="man-txt">
已接入
</p>
</div> </div>
</div> </div>
<div class="out" @click="leave">退出</div>
<alert ref="alert"></alert> <alert ref="alert"></alert>
</div> </div>
</template> </template>
...@@ -115,6 +67,12 @@ export default { ...@@ -115,6 +67,12 @@ export default {
alert, alert,
timeLeft, timeLeft,
}, },
props: {
doctorImg: {
type: String | Number,
default: ''
}
},
data() { data() {
return { return {
closeCallImg: require("../../assets/image/live/close-call.png"), closeCallImg: require("../../assets/image/live/close-call.png"),
...@@ -123,6 +81,11 @@ export default { ...@@ -123,6 +81,11 @@ export default {
voiceImg: require("../../assets/image/live/voice.png"), voiceImg: require("../../assets/image/live/voice.png"),
waitingCallImg: require("../../assets/image/live/waiting-call.png"), waitingCallImg: require("../../assets/image/live/waiting-call.png"),
noCameraImg: require("../../assets/image/live/no-camera.png"), noCameraImg: require("../../assets/image/live/no-camera.png"),
im_text: require("../../assets/image/IM/im_text.png"),
im_video: require("../../assets/image/IM/im_video.png"),
im_time: require("../../assets/image/IM/im_time.png"),
im_man1: require("../../assets/image/IM/im_man1.png"),
im_man2: require("../../assets/image/IM/im_man2.png"),
roleAnchor: "anchor", // 主播 roleAnchor: "anchor", // 主播
rtc: null, rtc: null,
roomId: "", roomId: "",
...@@ -607,39 +570,34 @@ export default { ...@@ -607,39 +570,34 @@ export default {
.livebox { .livebox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
//position: absolute; background: #ffffff;
//top: 0; padding: 15px 24px;
//left: 0; padding-top: 0px;
//right: 0;
//bottom: 0;
background: #000000;
.top { .top {
display: flex;
margin-top: 5%;
justify-content: space-between;
.top-left { .top-left {
margin-left: 24px; text-align: left;
.title { display: flex;
width: 72px;
height: 22px;
font-size: 18px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 700;
color: #ffffff;
line-height: 22px;
}
.time-message { .time-message {
margin-top: 20px;
display: flex; display: flex;
height: 20px; height: 24px;
line-height: 24px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; padding: 0px 15px;
font-weight: 400; .msg-img{
color: #ffffff; width: 12px;
line-height: 20px; height: 12px;
p { margin-right: 10px;
margin-right: 20px; img{
width: 100%;
height: 100%;
}
}
} }
.ml10{
margin-left: 10px;
} }
} }
.top-right { .top-right {
...@@ -669,24 +627,46 @@ export default { ...@@ -669,24 +627,46 @@ export default {
} }
} }
.main { .main {
margin-top: 24px; margin-top: 25px;
display: flex; display: flex;
flex: 1; flex: 1;
.viedo-wrapper { .viedo-wrapper {
display: flex; width: 224px;
width: 49%; height: 120px;
height: 50vh; background: #F0F2F5;
background: #2d2d2d; border-radius: 18px;
&:first-of-type { padding: 15px;
margin-right: 2%; margin-right: 2%;
}
.text { .text {
display: flex; display: flex;
flex-direction: column-reverse; .text-left{
width: 112px; width: 36px;
margin-left: 24px; height: 36px;
color: #fff; background: #DDDDDD;
padding-bottom: 20px; border-radius: 36px;
img {
width: 100%;
height: 100%;
}
}
.text-right {
margin-left: 5px;
text-align: left;
.text-name{
font-size: 18px;
color: #063948;
font-weight: bold;
}
.text-dep{
margin-left: 5px;
font-size: 14px;
color: #063948;
}
.text-num{
font-size: 14px;
color: #6A7990;
}
}
} }
.time { .time {
display: flex; display: flex;
...@@ -712,52 +692,38 @@ export default { ...@@ -712,52 +692,38 @@ export default {
} }
} }
.viedo { .viedo {
flex: 1; .call-btn{
display: flex; width: 173px;
justify-content: center; height: 38px;
align-items: center; background: #449284;
position: relative; border-radius: 23px;
.user-icon { color: #ffffff;
position: absolute; margin-top: 15px;
right: 0; border: none;
bottom: 20px; }
display: block; }
width: 32px; }
height: 32px; .vedio-man{
z-index: 100; width: 120px;
} height: 120px;
& > div { background: #F0F2F5;
height: 100%; border-radius: 18px;
width: 100%; padding: 9px;
video { .man-img{
width: 100%; width: 61px;
height: 100%; height: 61px;
} border-radius: 61px;
} background: #449284;
.video-icon { text-align: center;
width: 96px; margin: 0 auto;
height: 96px;
}
.mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2d2d2d;
display: flex;
justify-content: center;
align-items: center;
img { img {
display: block; width: 100%;
width: 93px;
height: 125px;
}
.vocie {
width: 93px;
height: 93px;
} }
} }
.man-txt{
margin-top: 18px;
color: #449284;
font-size: 14px;
} }
} }
} }
......
src/components/common/inquirylist.vue
浏览文件 @ 84dffad0
<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,172 +134,189 @@ export default { ...@@ -84,172 +134,189 @@ 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{
.onedoctornum{
font-size: 14px; 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;
} }
} }
.onedoctornum{
font-size: 16px;
margin-top: 2px;
}
} }
.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{
.onedoctornum{
font-size: 14px; 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;
} }
} }
.onedoctornum{
font-size: 16px;
margin-top: 2px;
}
} }
} }
.inquiryroom{ .inquiryroom{
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;
}
} }
} }
} }
......
src/router/router.js
浏览文件 @ 84dffad0
...@@ -11,7 +11,6 @@ const diagnosisListNew = r => require.ensure([], () => r(require('../views/IM/di ...@@ -11,7 +11,6 @@ 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')
export default [{ export default [{
path: '/', path: '/',
component: App, component: App,
......
src/views/IM/diagnosis-admin/diagnosis-im.vue
浏览文件 @ 84dffad0
...@@ -271,6 +271,7 @@ export default { ...@@ -271,6 +271,7 @@ export default {
created() { created() {
_this = this; _this = this;
console.log(_this);
this.picakfAccId = getPicaKFAccid(); this.picakfAccId = getPicaKFAccid();
this.tid = this.$route.query.tid || ''; this.tid = this.$route.query.tid || '';
this.getFiveContentList(); this.getFiveContentList();
......
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ 84dffad0
...@@ -11,16 +11,14 @@ ...@@ -11,16 +11,14 @@
<el-date-picker <el-date-picker
v-model="value1" v-model="value1"
type="date" type="date"
:clearable='false' clear-icon="el-input-icon"
ref="picker" :clearable='false'>
placeholder="选择日期">
</el-date-picker> </el-date-picker>
<i class="el-icon-arrow-down" @click="onfn"></i>
</div> </div>
</div> </div>
</el-row> </el-row>
<!-- tab栏 --> <!-- tab栏 -->
<div class="box" v-if="isdon ==='1'"> <div id="radio" v-if="isdon ==='1'">
<el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" > <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" >
<el-radio-button label="all">全部(0)</el-radio-button> <el-radio-button label="all">全部(0)</el-radio-button>
<el-radio-button label="abnormal">异常(0)</el-radio-button> <el-radio-button label="abnormal">异常(0)</el-radio-button>
...@@ -29,6 +27,14 @@ ...@@ -29,6 +27,14 @@
<el-radio-button label="Hasended">已结束(0)</el-radio-button> <el-radio-button label="Hasended">已结束(0)</el-radio-button>
<el-radio-button label="Cancelled">已取消(0)</el-radio-button> <el-radio-button label="Cancelled">已取消(0)</el-radio-button>
</el-radio-group> </el-radio-group>
<el-row :gutter="25">
<el-col style="margin-bottom: 20px;" :span="8" v-for="item in 9 " :key="item">
<div class="grid-content bg-purple">
<div class="for"></div>
</div>
</el-col>
</el-row>
</div> </div>
<div class="lfet" v-else > <div class="lfet" v-else >
...@@ -53,11 +59,25 @@ ...@@ -53,11 +59,25 @@
</el-col> </el-col>
</el-row> </el-row>
<div ><i class="el-icon-s-custom"> 运营A成员(6单)</i></div> <div ><i class="el-icon-s-custom"> 运营A成员(6单)</i></div>
<div ><i class="el-icon-s-custom"> 运营B成员(2单)</i></div> <el-row :gutter="25">
<el-col style="margin-bottom: 20px;" :span="8" v-for="item in 6 " :key="item">
<div class="grid-content bg-purple">
<div class="for"></div>
</div>
</el-col>
</el-row>
<div ><i class="el-icon-s-custom">运营B成员(2单)</i></div>
<el-row :gutter="25">
<el-col style="margin-bottom: 20px;" :span="8" v-for="item in 6 " :key="item">
<div class="grid-content bg-purple">
<div class="for"></div>
</div>
</el-col>
</el-row>
</div> </div>
<!-- <el-empty description="描述文字"></el-empty> --> <!-- <el-empty :image-size="200" description="描述文字"></el-empty> -->
<!-- 分页 --> <!-- 分页 -->
<el-row type="flex" justify="end"> <el-row type="flex" justify="end" >
<el-pagination <el-pagination
background background
@size-change="handleSizeChange" @size-change="handleSizeChange"
...@@ -89,6 +109,9 @@ export default { ...@@ -89,6 +109,9 @@ export default {
} }
}, },
created(){
console.log(this);
},
methods:{ methods:{
handleSizeChange(){ handleSizeChange(){
...@@ -96,25 +119,22 @@ export default { ...@@ -96,25 +119,22 @@ export default {
handleCurrentChange(){ handleCurrentChange(){
}, },
onfn(){
this.$refs.picker.focus();
console.log('123')
}
}, },
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
#picker{ ::v-deep {
::v-deep{
.el-date-editor{ .el-date-editor{
padding-left: 0px;
.el-input__inner{ .el-input__inner{
background: turquoise !important; background:red;
}
} }
} }
} }
.for{
width: 100%;
height: 200px;
background: #ccc;
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -130,7 +150,7 @@ export default { ...@@ -130,7 +150,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.box{ .radio{
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
.el-radio-group { .el-radio-group {
margin-bottom: -1px !important; margin-bottom: -1px !important;
...@@ -138,7 +158,6 @@ export default { ...@@ -138,7 +158,6 @@ export default {
} }
} }
} }
.el-row { .el-row {
margin-bottom: 20px; margin-bottom: 20px;
&:last-child { &:last-child {
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或