添加loading，人员上下班的科室绑分组和绑定分组需设计后更改

src/main.js

@@ -4,6 +4,9 @@ import router from './router'
 import './filters'
 Vue.config.productionTip = false
 
+import loading from './plugins/loading/loading.js';
+Vue.use(loading)
+
 
 new Vue({
   router,

src/plugins/loading/loading.js

@@ -0,0 +1,25 @@
+// loading.js中
+import LoadingVue from './loading.vue';
+const $loading = {
+	install: (Vue) => {
+		// 通过Vue.extend方法 获取LoadingComponent 组件类
+		const LoadingComponent = Vue.extend(LoadingVue);
+		// new LoadingComponent得到组件的实例
+		const vm = new LoadingComponent();
+		// 获取组件实例的html 并插入到body中
+		const tpl = vm.$mount().$el;
+		// 插入到body中
+		document.body.appendChild(tpl);
+		// 添加 显示loading方法
+		Vue.prototype.$showLoading = () => {
+			// 通过改变实例 .mask v-show绑定变量控制显示
+			vm.isShow = true
+		}
+		// 添加关闭loading方法
+		Vue.prototype.$hideLoading = () => {
+			// 通过改变实例 .mask v-show绑定变量控制隐藏
+			vm.isShow = false
+		}
+	}
+}
+export default $loading;

src/plugins/loading/loading.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="mask" v-show="isShow">
+    <div class="loading"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      isShow: false, // 默认不显示
+    };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+// 定义动画 控制loading旋转
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mask {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index: 10000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .loading {
+    width: 30px;
+    height: 30px;
+    border: 6px solid rgb(219, 140, 13);
+    border-radius: 21px;
+    border-left-color: transparent;
+    animation: rotate 500ms infinite;
+  }
+}
+</style>

src/views/AppIndex.vue

@@ -260,15 +260,15 @@
                 </div>
                 <div
                   class="headerItem_on"
-                  :title="data.dataList.length ? data.dataList[0][1] : '-'"
+                  :title="data.dataList.length ? data.dataList[0][1] : ''"
                 >
                   {{
-                    (data.dataList.length ? data.dataList[0][1] : "-") | length6
+                    (data.dataList.length ? data.dataList[0][1] : "") | length6
                   }}
                   <span v-if="data.online">{{ data.time }}</span>
                 </div>
-                <div class="headerItem_on_two" :title="data.depts || '-'">
-                  {{ data.depts || "-" }}
+                <div class="headerItem_on_two" :title="data.depts || ''">
+                  {{ data.depts || "" }}
                 </div>
               </div>
             </div>
@@ -948,6 +948,7 @@ export default {
         if (result2.status == 200) {
           post("/auth/sendOffline", { userid: this.coopData.id }).then(
             (res) => {
+              this.$hideLoading();
               if (res.status == 200) {
                 this.model = true;
                 this.icon = "success";
@@ -959,6 +960,7 @@ export default {
             }
           );
         } else {
+          this.$hideLoading();
           this.model = true;
           this.icon = "error";
           this.modelContent = result2.msg;
@@ -971,9 +973,10 @@ export default {
     // 确认
     ok() {
       this.model = false;
+      this.$showLoading();
       if (this.coopData.dataList.length) {
-        if (this.workType == 2 && this.coopData.dataList[0][2] == 3) {
-          //综合排班，并且是科室绑定人员
+        if (this.workType == 2 && (this.coopData.dataList[0][2] == 2||this.coopData.dataList[0][2] == 3||this.coopData.dataList[0][2] == 4)) {
+          //自选排班，并且是科室绑定人员,科室绑定分组，绑定分组
           post("/auth/customOfflinePc", { userId: this.coopData.id }).then(
             (result1) => {
               if (result1.status == 200) {