Skip to content

P
pica-admin-consultation
提交 91a32902 编写于 作者: lyf's avatar lyf
浏览文件
操作

修改ui,修改电话号和医生名

上级 a74fc94f
隐藏空白字符变更
内嵌 并排
正在显示 包含 217 行增加 和 137 行删除
src/components/IM/diagnosis-live.vue
浏览文件 @ 91a32902
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<span class="text-name">{{ item.name }}</span> <span class="text-name">{{ item.name }}</span>
<span class="text-dep">{{ item.role == 1 ? "问诊医生" : "接诊医生" }}</span> <span class="text-dep">{{ item.role == 1 ? "问诊医生" : "接诊医生" }}</span>
</p> </p>
<p class="text-num">{{item.role == 1 ? currentChat.doctorMobile : currentChat.userMobile}}</p> <p class="text-num">{{item.role == 1 ? currentChat.userMobile:currentChat.doctorMobile }}</p>
</div> </div>
</div> </div>
<div :class="{viedowrap:currentChat.diagnoseType == 2}" :id="rtc.viewslist[index] ? rtc.viewslist[index].id : ''"> <div :class="{viedowrap:currentChat.diagnoseType == 2}" :id="rtc.viewslist[index] ? rtc.viewslist[index].id : ''">
......
src/components/common/inquirylist.vue
浏览文件 @ 91a32902
...@@ -16,8 +16,11 @@ ...@@ -16,8 +16,11 @@
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<div class="right-status" :class="{grey: item.returnStatus >= 5, org: item.returnStatus == 1}"> <div
{{returnStatusText}} class="right-status"
:class="{ grey: item.returnStatus >= 5, org: item.returnStatus == 1 }"
>
{{ returnStatusText }}
</div> </div>
<!-- <div class="right-time">--> <!-- <div class="right-time">-->
<!-- 已经问诊--> <!-- 已经问诊-->
...@@ -27,30 +30,33 @@ ...@@ -27,30 +30,33 @@
<div class="line mt30"> <div class="line mt30">
<div class="inquiry-user-container"> <div class="inquiry-user-container">
<div class="inquiry-user"> <div class="inquiry-user">
<div class="inquiry-user-img"> <div class="inquiry-user-l">
<div class="avatar"> <div class="inquiry-user-img">
<el-avatar :src="item.doctorImageUrl"></el-avatar> <div class="avatar">
<el-avatar :src="item.doctorImageUrl"></el-avatar>
</div>
</div> </div>
</div> <div class="inquiry-user-info">
<div class="inquiry-user-info"> <div>
<div> <span class="info-name">
<span class="info-name"> {{ item.doctorName }}
{{ item.doctorName }} </span>
</span> <span>接诊医生</span>
<span>接诊医生</span> </div>
</div> <div>
<div> <span class="info-phone">
<span class="info-phone"> {{ item.doctorMobile }}
{{ item.doctorMobile }} </span>
</span> <span class="info-call-time" v-if="item.doctorCallTime">
<span class="info-call-time" v-if="item.doctorCallTime"> {{ pastCallTime }}小时前呼叫
{{ doctorCallTime }}小时前呼叫 </span>
</span> <span class="info-calling" v-if="item.doctorCallKfStatus == 1">
<span class="info-calling" v-if="item.doctorCallKfStatus == 1"> <img :src="infocallImg" alt="" />
<img :src="infocallImg" alt="" /> </span>
</span> </div>
</div> </div>
</div> </div>
<div class="call-status"> <div class="call-status">
<img <img
v-if="isCall" v-if="isCall"
...@@ -68,30 +74,33 @@ ...@@ -68,30 +74,33 @@
</div> </div>
<div class="inquiry-user-container"> <div class="inquiry-user-container">
<div class="inquiry-user"> <div class="inquiry-user">
<div class="inquiry-user-img"> <div class="inquiry-user-l">
<div class="avatar"> <div class="inquiry-user-img">
<el-avatar :src="item.userImageUrl"></el-avatar> <div class="avatar">
<el-avatar :src="item.userImageUrl"></el-avatar>
</div>
</div> </div>
</div> <div class="inquiry-user-info">
<div class="inquiry-user-info"> <div>
<div> <span class="info-name">
<span class="info-name"> {{ item.userName }}
{{ item.userName }} </span>
</span> <span>助诊医生</span>
<span>助诊医生</span> </div>
</div> <div>
<div> <span class="info-phone">
<span class="info-phone"> {{ item.userMobile }}
{{ item.userMobile }} </span>
</span> <span class="info-call-time" v-if="item.userCallTime">
<span class="info-call-time" v-if="item.userCallTime"> {{ userCallTime }}小时前呼叫
{{ userCallTime }}小时前呼叫 </span>
</span> <span class="info-calling" v-if="item.userCallKfStatus == 1">
<span class="info-calling" v-if="item.userCallKfStatus == 1"> <img :src="infocallImg" alt="" />
<img :src="infocallImg" alt="" /> </span>
</span> </div>
</div> </div>
</div> </div>
<div class="call-status"> <div class="call-status">
<img <img
v-if="isCall" v-if="isCall"
...@@ -188,15 +197,15 @@ export default { ...@@ -188,15 +197,15 @@ export default {
returnStatusText() { returnStatusText() {
switch (this.item.returnStatus) { switch (this.item.returnStatus) {
case 1: case 1:
return '待处理' return "待处理";
case 2: case 2:
return '问诊进行中' return "问诊进行中";
case 3: case 3:
return '未开始' return "未开始";
case 4: case 4:
return '问诊已完成' return "问诊已完成";
case 5: case 5:
return '已取消' return "已取消";
default: default:
return "暂无"; return "暂无";
} }
...@@ -211,8 +220,17 @@ export default { ...@@ -211,8 +220,17 @@ export default {
return new Date(this.item.userCallTime).format("hh:mm"); return new Date(this.item.userCallTime).format("hh:mm");
}, },
doctorCallTime() { doctorCallTime() {
let now_data= new Date().getTime() return this.item.doctorCallTime
return new Date(now_data-this.item.doctorCallTime).format("hh:mm"); },
pastCallTime(){
let now_data = new Date().getTime();
if(this.item.doctorCallTime){
return new Date(now_data - this.item.doctorCallTime).format("hh:mm");
}
else{
return null
}
}, },
nowtime() { nowtime() {
return new Date().getTime() - this.item.appointBeginTime; return new Date().getTime() - this.item.appointBeginTime;
...@@ -250,7 +268,7 @@ export default { ...@@ -250,7 +268,7 @@ export default {
// 主动呼叫 roletype 1：助诊医生 2：接诊医生 // 主动呼叫 roletype 1：助诊医生 2：接诊医生
drivingCall(id, roletype) { drivingCall(id, roletype) {
this.getInfo(id).then((res) => { this.getInfo(id).then((res) => {
console.log(res) console.log(res);
let url = `/im/team/call/direct/`; let url = `/im/team/call/direct/`;
let params = { let params = {
imAccId: res, imAccId: res,
...@@ -262,7 +280,7 @@ export default { ...@@ -262,7 +280,7 @@ export default {
if (roletype == 1) { if (roletype == 1) {
this.isUserChat = true; this.isUserChat = true;
} else { } else {
console.log("ererer") console.log("ererer");
this.isDoctorChat = true; this.isDoctorChat = true;
} }
} else { } else {
...@@ -380,54 +398,64 @@ export default { ...@@ -380,54 +398,64 @@ export default {
} }
} }
.inquiry-user-container { .inquiry-user-container {
width: 49%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.inquiry-user { .inquiry-user {
width: calc(100% - 10px);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; margin-bottom: 20px;
.inquiry-user-img { padding: 0 5px;
.inquiry-user-l {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: center; justify-content: center;
.avatar { align-items: center;
background: #dddddd; .inquiry-user-img {
border-radius: 36px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
.avatar {
background: #dddddd;
border-radius: 36px;
display: flex;
flex-direction: column;
justify-content: center;
}
} }
} .inquiry-user-info {
.inquiry-user-info { font-size: 14px;
font-size: 14px; margin-left: 15px;
margin-left: 10px; display: flex;
display: flex; flex-direction: column;
flex-direction: column; justify-content: center;
justify-content: center;
margin-right: 10px; .info-name {
.info-name { font-size: 18px;
font-size: 18px; color: #02120f;
color: #02120f; font-weight: bold;
font-weight: bold; }
} .info-phone {
.info-phone { color: #6a7990;
color: #6a7990; font-size: 16px;
font-size: 16px; }
} .info-call-time {
.info-call-time { color: #ff5e57;
color: #ff5e57; }
} .info-calling {
.info-calling { width: 15px;
width: 15px; height: 15px;
height: 15px; display: inline-block;
display: inline-block; img {
img { width: 100%;
width: 100%; }
} }
} }
} }
.call-status { .call-status {
width: 45px; width: 45px;
height: 46px; height: 46px;
...@@ -443,7 +471,7 @@ export default { ...@@ -443,7 +471,7 @@ export default {
.line-btn { .line-btn {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
width: 238px; width: 100%;
height: 37px; height: 37px;
background: rgba(68, 146, 132, 0.09); background: rgba(68, 146, 132, 0.09);
border-radius: 23px; border-radius: 23px;
......
src/store/module/socket.js
浏览文件 @ 91a32902
...@@ -73,7 +73,7 @@ export default { ...@@ -73,7 +73,7 @@ export default {
const cn = _VM.$notify({ const cn = _VM.$notify({
title: t, title: t,
message: h("p", [ message: h("p", [
h("i", {style: `color: teal;`}, `${payload.doctorName}正在呼叫你`), h("i", {style: `color: teal;`}, `${payload.userName}正在呼叫你`),
h( h(
"el-button", "el-button",
{ {
......
src/views/IM/diagnosis-admin/administrators.vue
浏览文件 @ 91a32902
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</div> </div>
<!-- 问诊列表 --> <!-- 问诊列表 -->
<div class="consultation-container"> <div class="consultation-container">
<div class="consultation-content"> <div v-if="operatorslist" class="consultation-content">
<div <div
class="consultation-li" class="consultation-li"
v-for="(item, index) in operatorslist" v-for="(item, index) in operatorslist"
...@@ -40,6 +40,10 @@ ...@@ -40,6 +40,10 @@
></consultationlist> ></consultationlist>
</div> </div>
</div> </div>
<div v-else class="nodata-container">
<img src="../../../assets/image/workbench/no_data_wz.png" alt="" />
<div class="nodata-title">暂无数据</div>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -126,7 +130,7 @@ export default { ...@@ -126,7 +130,7 @@ export default {
} }
.consultation-container { .consultation-container {
overflow-y: scroll; overflow-y: scroll;
height: calc(100% - 154px); height: calc(100% - 154px);
width: 100%; width: 100%;
padding: 20px; padding: 20px;
.consultation-content { .consultation-content {
...@@ -140,8 +144,30 @@ export default { ...@@ -140,8 +144,30 @@ export default {
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: center; justify-content: center;
}
}
.nodata-container {
background-color: #fff;
padding: 0 20px;
border-radius: 18px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 470px;
.nodata {
width: 100%;
}
img {
width: 298px;
height: 140px;
}
.nodata-title {
font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
margin-top: 50px;
} }
} }
} }
......
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ 91a32902
...@@ -4,23 +4,22 @@ ...@@ -4,23 +4,22 @@
<div class="title">我的工作台</div> <div class="title">我的工作台</div>
<!-- 时间 --> <!-- 时间 -->
<div class="search-box"> <div class="search-box">
<div class="search-item">
<div class="search-item"> <el-date-picker
<el-date-picker @change="changeDatetime"
@change="changeDatetime" v-model="searchParam.dateTime"
v-model="searchParam.dateTime" type="date"
type="date" size="small"
size="small" clear-icon="el-input-icon"
clear-icon="el-input-icon" :clearable="false"
:clearable="false" >
> </el-date-picker>
</el-date-picker> </div>
</div>
<div class="search-item"> <div class="search-item">
<el-input <el-input
size="small" size="small"
class="input-item" class="input-item"
v-model="searchParam.checkvalue" v-model="searchParam.checkvalue"
placeholder="输入问诊单号/医生姓名" placeholder="输入问诊单号/医生姓名"
></el-input> ></el-input>
...@@ -49,15 +48,22 @@ ...@@ -49,15 +48,22 @@
</el-radio-group> </el-radio-group>
</div> </div>
<div class="workbench-content"> <div class="workbench-content">
<div class="workbench-li" > <div class="workbench-li-c" v-if="currentDiagList">
<div <div class="grid-c">
class="workbench" <div
v-for="(item, index) in currentDiagList" class="workbench-li"
:key="index" v-for="(item, index) in currentDiagList"
> :key="index"
<inquiryList-component :item="item"></inquiryList-component> >
<inquiryList-component :item="item"></inquiryList-component>
</div>
</div> </div>
</div> </div>
<div v-else class="nodata-container">
<img src="../../../assets/image/workbench/no_data_wz.png" alt="" />
<div class="nodata-title">暂时没有问诊</div>
</div>
<div class="pagination-container"> <div class="pagination-container">
<el-pagination <el-pagination
background background
...@@ -70,10 +76,8 @@ ...@@ -70,10 +76,8 @@
:total="allSize" :total="allSize"
> >
</el-pagination> </el-pagination>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -88,7 +92,7 @@ export default { ...@@ -88,7 +92,7 @@ export default {
}, },
computed: { computed: {
...mapState({ ...mapState({
allSize:'allSize', allSize: "allSize",
currentDiagList: "currentDiagList", currentDiagList: "currentDiagList",
currentCalList: "currentCalList", currentCalList: "currentCalList",
soketQuest: "soketQuest", soketQuest: "soketQuest",
...@@ -177,7 +181,6 @@ export default { ...@@ -177,7 +181,6 @@ export default {
this.searchParam = s; this.searchParam = s;
}, },
search() { search() {
this.inquirySearch("clear"); this.inquirySearch("clear");
}, },
...@@ -280,7 +283,7 @@ export default { ...@@ -280,7 +283,7 @@ export default {
.workbench-container { .workbench-container {
.select-content { .select-content {
padding:0 20px; padding: 0 20px;
background: #fff; background: #fff;
overflow: hidden !important; overflow: hidden !important;
.search-box { .search-box {
...@@ -288,9 +291,9 @@ export default { ...@@ -288,9 +291,9 @@ export default {
justify-content: flex-start; justify-content: flex-start;
width: 250px; width: 250px;
margin: 20px 0; margin: 20px 0;
.search-item{ .search-item {
margin-right: 20px; margin-right: 20px;
.input-item{ .input-item {
width: 333px; width: 333px;
} }
} }
...@@ -309,22 +312,52 @@ export default { ...@@ -309,22 +312,52 @@ export default {
} }
} }
} }
.workbench-content{ .workbench-content {
min-width: 1250px;
padding: 20px; padding: 20px;
.workbench-li { .workbench-li-c {
width: 100%;
.grid-c {
width: calc(100% - 20px);
display: grid;
grid-template-columns: 50% 50%;
grid-row-gap: 20px;
grid-column-gap: 20px;
.workbench-li {
margin: 0 auto;
width: 100%;
}
}
}
.nodata-container {
background-color: #fff;
padding: 0 20px;
border-radius: 18px;
display: flex; display: flex;
justify-content: space-between; flex-direction: column;
justify-content: center;
align-items: center;
.workbench { height: 470px;
max-width: 50%; .nodata {
display: flex; width: 100%;
}
img {
width: 298px;
height: 140px;
}
.nodata-title {
font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
margin-top: 50px;
} }
} }
.pagination-container{
.pagination-container {
background-color: #fff; background-color: #fff;
height: 71px; height: 71px;
background: #FFFFFF; background: #ffffff;
border-radius: 18px; border-radius: 18px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
...@@ -356,11 +389,4 @@ export default { ...@@ -356,11 +389,4 @@ export default {
padding: 10px 0; padding: 10px 0;
background-color: #f9fafc; background-color: #f9fafc;
} }
@media screen and (min-width: 1900px) {
.workbench-li {
.workbench {
width: 30%;
}
}
}
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或