更改红点展示方式

src/views/IM/diagnosis-admin/diagnosis-list-new.vue

@@ -200,9 +200,8 @@
       </div>
     </div>
     <div class="component-content screenSet" id="screenSet">
-      <el-tabs  v-if="tabrefresh" v-model="activeName" @tab-click="handleClick">
+      <el-tabs v-if="tabrefresh" v-model="activeName" @tab-click="handleClick">
         <el-tab-pane
-
           :label="item.label"
           :name="item.active"
           v-for="item in tabpaneList"
@@ -210,10 +209,9 @@
         >
           <div slot="label">
             <span class="span-box">
-                <el-badge :is-dot="item.isdot" class="item">
-                  {{ item.label }}({{ item.dgCount }})
-                </el-badge>
-
+              <el-badge :is-dot="item.isdot" class="item">
+                {{ item.label }}({{ item.dgCount }})
+              </el-badge>
             </span>
           </div>
           <table-component
@@ -250,7 +248,6 @@
 
       <match-component
         @search="search"
-
         :matchVisible.sync="matchVisible"
         :diagnoseLogId="diagnoseLogId"
         :batchFlag="batchFlag"
@@ -318,13 +315,13 @@
 </template>
 <script>
 let vm = null;
-import {updateDiagnosis} from "../../../utils/diagnosis";
+import { updateDiagnosis } from "../../../utils/diagnosis";
 import { base64decode } from "../../../utils/utils.js";
-const DOWN_URL= '/diagnose/admin/diagnose/export';
-const LIST_URL= '/diagnose/admin/diagnose/list';
+const DOWN_URL = "/diagnose/admin/diagnose/export";
+const LIST_URL = "/diagnose/admin/diagnose/list";
 const COUNT_QUERY = "/diagnose/admin/diagnose/countQuery";
 
-const DEP_URL= '/hospital/departments/0'
+const DEP_URL = "/hospital/departments/0";
 import TableComponent from "@/components/list/table-c";
 import {
   TYPE_LIST,
@@ -372,13 +369,13 @@ export default {
       orderRangeTime: "",
       completeRangeTime: "",
       depList: [],
-      tabrefresh:true,
+      tabrefresh: true,
       searchParam: {
         id: "",
         operateName: "",
         assistantVal: "",
         receptionVal: "",
-        sort:null,
+        sort: null,
         triageDepartmentId: "",
         diagnoseType: "", //预约问诊类型：1、音频 2、视频 3、图文
         createdTimeBegin: "",
@@ -455,12 +452,9 @@ export default {
   },
   mounted() {
     this.setTableHeight();
-
-
   },
-  destroyed(){
+  destroyed() {
     clearInterval(this.timer);
-
   },
   methods: {
     selectToggle() {
@@ -472,7 +466,6 @@ export default {
 
       this.timer = setInterval(() => {
         this.getTabs();
-
       }, 600000);
       // 600000
     },
@@ -482,10 +475,10 @@ export default {
       this.GET(url).then((res) => {
         if (res.code == "000000") {
           this.setTable(res.data);
-          this.tabrefresh=false
-        this.$nextTick(()=>{
-          this.tabrefresh=true
-        })
+          this.tabrefresh = false;
+          this.$nextTick(() => {
+            this.tabrefresh = true;
+          });
         }
       });
     },
@@ -493,18 +486,18 @@ export default {
     init() {
       let fullPath = this.$route.fullPath;
       let fromType = 1;
-      if(fullPath.indexOf("?") > -1){
+      if (fullPath.indexOf("?") > -1) {
         let str = base64decode(fullPath.split("?")[1]);
-        if(str.indexOf("?")){
+        if (str.indexOf("?")) {
           fromType = str.split("=")[1];
         }
       }
       // this.fromType = +(this.$route.query.fromType || 1);
-      this.fromType = + fromType;
+      this.fromType = +fromType;
 
       this.activeName = "99";
       this.searchParam.status = "";
-      this.Raw_tabpaneList=[]
+      this.Raw_tabpaneList = [];
       this.getTabs();
       this.contrastData();
     },
@@ -512,7 +505,7 @@ export default {
     // 不同也main切换不同的tab
     setTable(data) {
       let tabs = ALL_TAB_LIST;
-      console.log("this.fromType",this.fromType)
+      console.log("this.fromType", this.fromType);
       switch (this.fromType) {
         case 1:
           tabs = ALL_TAB_LIST;
@@ -549,19 +542,22 @@ export default {
           count = count + data[index].dgCount;
           let isdot = false;
           if (this.Raw_tabpaneList.length > 0) {
-            isdot = data[index].dgCount == this.Raw_tabpaneList[i].dgCount ? false : true;
+            isdot =
+              data[index].dgCount > this.Raw_tabpaneList[i].dgCount
+                ? true
+                : false;
           }
           tabs[i] = {
             ...tabs[i],
             dgCount: data[index].dgCount,
-            isdot:isdot
+            isdot: isdot,
           };
         }
       }
       tabs[0].dgCount = count;
       this.tabpaneList = tabs;
-      if(this.Raw_tabpaneList.length==0){
-        this.Raw_tabpaneList =JSON.parse(JSON.stringify(tabs));
+      if (this.Raw_tabpaneList.length == 0) {
+        this.Raw_tabpaneList = JSON.parse(JSON.stringify(tabs));
       }
     },
 
@@ -596,11 +592,15 @@ export default {
       for (let i = 0; i < this.tabpaneList.length; i++) {
         if (this.tabpaneList[i].active == val.paneName) {
           this.tabpaneList[i].isdot = false;
-          this.Raw_tabpaneList[i]=this.tabpaneList[i]
+          this.Raw_tabpaneList[i] = this.tabpaneList[i];
         }
       }
       this.searchParam.status =
-        val.paneName == 99 ? "" : val.paneName == 101||val.paneName == 102 ? "21" : val.paneName;
+        val.paneName == 99
+          ? ""
+          : val.paneName == 101 || val.paneName == 102
+          ? "21"
+          : val.paneName;
       if (this.fromType == 5 && this.searchParam.status) {
         if (val.paneName == 101) {
           this.searchParam.hasToFollowReason = 1;
@@ -644,35 +644,37 @@ export default {
       this.resetPage();
       this.search(true);
     },
-    sortfunc(data){
+    sortfunc(data) {
       // ascending 升序
       // descending 降序
-      if(data.prop=="appointBeginTime"&&data.order=="ascending"){
-         this.searchParam.sort=1
-
-      }
-      else if(data.prop=="appointBeginTime"&&data.order=="descending"){
-          this.searchParam.sort=2
-      }
-      else if(data.prop=="assistantBeginTime"&&data.order=="ascending"){
-       this.searchParam.sort=3
-      }
-
-      else if(data.prop=="assistantBeginTime"&&data.order=="descending"){
-        this.searchParam.sort=4
-      }
-      else{
-         this.searchParam.sort=null
+      if (data.prop == "appointBeginTime" && data.order == "ascending") {
+        this.searchParam.sort = 1;
+      } else if (
+        data.prop == "appointBeginTime" &&
+        data.order == "descending"
+      ) {
+        this.searchParam.sort = 2;
+      } else if (
+        data.prop == "assistantBeginTime" &&
+        data.order == "ascending"
+      ) {
+        this.searchParam.sort = 3;
+      } else if (
+        data.prop == "assistantBeginTime" &&
+        data.order == "descending"
+      ) {
+        this.searchParam.sort = 4;
+      } else {
+        this.searchParam.sort = null;
       }
 
-      this.search(true)
+      this.search(true);
     },
     search(isTabs) {
-
       this.loading = true;
-      if(!isTabs){
-        console.log("isTabs",isTabs)
-         this.getTabs();
+      if (!isTabs) {
+        console.log("isTabs", isTabs);
+        this.getTabs();
       }
       this.initTime();
       let url = LIST_URL;
@@ -717,7 +719,7 @@ export default {
         createdTimeEnd: "",
         operateTimeBegin: "",
         operateTimeEnd: "",
-        sort:null,
+        sort: null,
         appointBeginTime: "",
         appointEndTime: "",
         doneTimeBegin: "",
@@ -875,8 +877,8 @@ export default {
       }
     },
     //重新匹配医生
-    reMatchDot(row,type) {
-      console.log(row,type)
+    reMatchDot(row, type) {
+      console.log(row, type);
       this.rematchingVisible = true;
       this.diagnoseLogId = row.diagnoseLogId;
       this.bizType = type;

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

@@ -353,7 +353,6 @@ export default {
       if(item.status==2){
         item.timeleft=0
       }
-      console.log("status",status)
       let text = "";
       switch (status) {
         case 1: