修改呼叫状态

src/components/common/inquirylist.vue

@@ -32,6 +32,9 @@
         <div class="inquiry-user">
           <div class="inquiry-user-l">
             <div class="inquiry-user-img">
+              <div class="offline" v-if="doctorTrtcEntryStatus != 1">
+                <img :src="offline" alt="" />
+              </div>
               <div class="avatar">
                 <el-avatar :src="item.doctorImageUrl"></el-avatar>
               </div>
@@ -50,7 +53,7 @@
                 <span class="info-call-time" v-if="item.doctorCallTime">
                   {{ pastDoctorCallTime }}小时前呼叫
                 </span>
-                <span class="info-calling" v-if="item.doctorCallKfStatus == 1">
+                <span class="info-calling" v-if="doctorCallKfStatus == 1">
                   <img :src="infocallImg" alt="" />
                 </span>
               </div>
@@ -76,6 +79,9 @@
         <div class="inquiry-user">
           <div class="inquiry-user-l">
             <div class="inquiry-user-img">
+              <div class="offline" v-if="userTrtcEntryStatus != 1">
+                <img :src="offline" alt="" />
+              </div>
               <div class="avatar">
                 <el-avatar :src="item.userImageUrl"></el-avatar>
               </div>
@@ -94,7 +100,7 @@
                 <span class="info-call-time" v-if="item.userCallTime">
                   {{ pastUserCallTime }}小时前呼叫
                 </span>
-                <span class="info-calling" v-if="item.userCallKfStatus == 1">
+                <span class="info-calling" v-if="userCallKfStatus == 1">
                   <img :src="infocallImg" alt="" />
                 </span>
               </div>
@@ -133,6 +139,7 @@ export default {
       infocallImg: require("@/assets/image/workbench/calling.png"),
       callout: require("@/assets/image/workbench/callout.png"),
       callouting: require("@/assets/image/workbench/callouting.png"),
+      offline: require("@/assets/image/workbench/offline.png"),
       timer: null,
       isChat: false,
       isUserChat: false,
@@ -219,21 +226,35 @@ export default {
     userCallTime() {
       return new Date(this.item.userCallTime).format("hh:mm");
     },
+    // 助诊呼叫状态
+    userCallKfStatus() {
+      return this.item.userCallKfStatus;
+    },
+    // 接诊呼叫状态
+    doctorCallKfStatus() {
+      return this.item.doctorCallKfStatus;
+    },
+    // 接诊 在线状态
+    doctorTrtcEntryStatus() {
+      return this.item.doctorTrtcEntryStatus;
+    },
+    // 助诊 在线状态
+    userTrtcEntryStatus() {
+      return this.item.userTrtcEntryStatus;
+    },
     pastUserCallTime() {
-      let now_data = new Date().getTime();
       if (this.item.userCallTime) {
-        return new Date(now_data - this.item.userCallTime).format("hh:mm");
+        return this.formatDateData(this.item.userCallTime)
       } else {
         return null;
       }
     },
     doctorCallTime() {
-      return this.item.doctorCallTime;
+      return new Date(this.item.doctorCallTime).format("hh:mm");
     },
     pastDoctorCallTime() {
-      let now_data = new Date().getTime();
       if (this.item.doctorCallTime) {
-        return new Date(now_data - this.item.doctorCallTime).format("hh:mm");
+         return this.formatDateData(this.item.doctorCallTime)
       } else {
         return null;
       }
@@ -243,6 +264,17 @@ export default {
     },
   },
   methods: {
+    formatDateData(time) {
+        let now_data = new Date().getTime();
+        let my_time= now_data- time
+        let hours = my_time / 1000 / 60 / 60 ;
+        let hoursRound = Math.floor(hours);
+        let minutes =my_time / 1000 / 60  - 60 * hoursRound;
+        let minutesRound = Math.floor(minutes);
+        return hoursRound+":"+minutesRound
+
+
+    },
     down() {
       this.timer = setInterval(() => {
         let nowData = new Date().getTime();
@@ -357,7 +389,7 @@ export default {
   background: #ffffff;
   border-radius: 18px;
   user-select: none;
-  min-width: 610px;
+  // min-width: 610px;
   border: 1px solid #cccccc;
   .line {
     display: flex;
@@ -430,7 +462,19 @@ export default {
             display: flex;
             flex-direction: column;
             justify-content: center;
+            position: relative;
+            width: 40px;
+            height: 40px;
+            .offline {
+              position: absolute;
+              left: -4px;
+              top: -4px;
+              z-index: 10;
+            }
             .avatar {
+              position: absolute;
+              left: 0;
+              top: 0;
               background: #dddddd;
               border-radius: 36px;
               display: flex;

src/views/IM/diagnosis-admin/workbench.vue

@@ -265,6 +265,7 @@ export default {
 }
 
 .workbench-container {
+  min-width: 1250px;
   .select-content {
     padding: 0 20px;
     background: #fff;