添加loading

src/views/workbench/components/searchSection.vue

@@ -129,6 +129,7 @@ export default {
         this.filtrate.origin = this.ScheduleAndSchedule
       }
       this.$nextTick(() => {
+        this.$emit('loading')
         this.$emit('change')
         this.$emit('update:value', this.filtrate)
         this.$emit('update:memberColor', this.mapMemberColor)

src/views/workbench/person/index.vue

@@ -125,7 +125,7 @@
       </el-container>
       <!-- 工作台简介 -->
       <!-- 日程 -->
-      <el-container v-show="activeName === '1'">
+      <el-container v-show="activeName === '1'" v-loading="loading">
         <section class="main-section">
           <el-tabs v-model="activeSchedule" class="tabs-change">
             <el-tab-pane label="日历视图" name="1" />
@@ -136,6 +136,7 @@
             :value.sync="filtrate"
             style="margin: 0 30px;"
             @change="queryWorkListByTime(calendarView)"
+            @loading="loading = false"
           />
           <MyFullCalendar
             v-show="activeSchedule === '1'"
@@ -287,6 +288,7 @@ export default {
         }
       ],
       activeSchedule: '1', // 日程表和列表切换
+      loading: true,
       deleteDialogVisible: false,
       createDialog: false, // 新建弹框
       selectRangeData: [], // 已选择的范围日期

src/views/workbench/team/index.vue

@@ -45,7 +45,7 @@
       </div>
     </el-header>
     <!-- 顶部导航栏 -->
-    <el-container v-if="activeName === '1'">
+    <el-container v-if="activeName === '1'" v-loading="loading">
       <section class="main-section">
         <el-tabs v-model="activeSchedule" class="tabs-change">
           <el-tab-pane label="日历视图" name="1" />
@@ -58,6 +58,7 @@
             :search-form="searchForm"
             :member-color.sync="mapMemberColor"
             @change="queryTeamWorkListByTime(calendarView)"
+            @loading="loading = false"
           />
           <MyFullCalendar
             v-show="activeSchedule === '1'"
@@ -256,6 +257,7 @@ export default {
           end: moment().endOf('month').valueOf()
         }
       ],
+      loading: true,
       calendarView: null, // 日程图表数据
       showDetail: false, // 显示详情弹框
       nowDetailData: {}, // 当前选中日程的数据