超出样式修复

src/api/administrators.js

@@ -5,4 +5,10 @@ export const getMatchList = async() => {
         url: '/diagnose/match/list',
         method: 'get',
     });
-};
+};
\ No newline at end of file
+export const getCountByDay = async (data) => {
+    return request({
+      url: `/im/team/callOp/countByDay?startTimestamp=${data.startTimestamp}&endTimestamp=${data.endTimestamp}`,
+      method: 'get',
+    });
+  };
\ No newline at end of file

src/components/common/department-doctor.vue

@@ -103,6 +103,30 @@
     color: #0D9078 !important;
     font-size:16px !important ;
   }
+  .is-active{
+    border: none;
+    position: relative;
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      right: 0;
+      height: 2px;
+      background: #0D9078;
+      width: 50px;
+      transform: translateX(-50%);
+    }
+  }
+  .el-tabs__item.is-top:nth-child(2){
+    padding-left: 22px !important;
+  }
+  .el-tabs__item.is-top:last-child {
+    padding-right: 22px !important;
+  }
+  .el-tab-pane{
+    padding: 10px 20px;
+  }
 }
 
 </style>

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

@@ -21,6 +21,8 @@
                   type="date"
                   value-format="yyyy-MM-dd"
                   placeholder="选择日期"
+                  :picker-options="pickerOptions"
+                  @change="getWorkbenchTime"
                 />
               </el-col>
             </el-row>
@@ -30,9 +32,9 @@
           <div class="right">
             <span class="totalNumShow">累计汇总数</span>
             <span class="callDoctorShow">呼叫医助次数</span>
-            <span class="callDoctorNum">389</span>
+            <span class="callDoctorNum">{{ callDoctorNum }}</span>
             <span class="laterDoctorShow">接诊医生迟到人数</span>
-            <span class="laterDoctorNum">167</span>
+            <span class="laterDoctorNum">{{ doctorLaterNum }}</span>
           </div>
         </el-col>
       </el-row>
@@ -72,7 +74,7 @@
 
 <script>
   import consultationlist from '@/components/common/consultation';
-  import { getMatchList } from '@/api/administrators';
+  import { getMatchList, getCountByDay } from '@/api/administrators';
 
   export default {
     components: {
@@ -85,11 +87,19 @@
       return {
         workbenchAdminDate: d,
         operatorslist: [],
+        pickerOptions: {
+          disabledDate: (time) => {
+            return time.getTime() > new Date().getTime(); // 减去一天的时间代表可以选择同一天;
+          },
+        },
+        callDoctorNum:'',
+        doctorLaterNum:''
       };
     },
     watch: {},
     created() {
       this.init();
+      this.getCountByDay();
     },
     methods: {
       init() {
@@ -99,6 +109,21 @@
           }
         });
       },
+      getWorkbenchTime(value) {
+        this.workbenchAdminDate = value;
+        this.getCountByDay();
+      },
+      getCountByDay() {
+        const params = {
+          startTimestamp:new Date(this.workbenchAdminDate).getTime(),
+          endTimestamp:new Date(this.workbenchAdminDate).getTime() + 86400 * 1000
+        };
+        getCountByDay(params).then(res => {
+          if (res.code == '000000') {
+            this.callDoctorNum = res.data;
+          }
+        });
+      }
     },
   };
 </script>

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

@@ -116,6 +116,7 @@
           .then((res) => {
             if (res.code == '000000') {
               this.$message.success('保存成功');
+              this.getCheckList();
             }
           })
           .catch(() => {