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