flat: 暂存，add tanlents + loading style

src/views/tenant/main/serve/Dialog/pushService.vue

@@ -8,13 +8,12 @@
      <div>
        <div class="content">
          <!--  用户板块  -->
-         <div class="content-left">
+         <div class="content-left relative">
            <avue-crud
              height="900"
              ref="crud1"
              :data="leftUserDataList"
              :option="leftUserOptions"
-             :table-loading="leftLoading"
              :page.sync="leftPages"
              @current-change="leftCurrentPageChange"
              @size-change="leftSizePageChange"
@@ -39,6 +38,7 @@
                <TextTooltip :content="row.labelsBase" length="20"></TextTooltip>
              </template>
            </avue-crud>
+           <CustomLoading :visible="leftLoading" loading-text="用户数据加载中"></CustomLoading>
          </div>
          <!--  操作  -->
          <div class="content-center">
@@ -46,15 +46,13 @@
            <div style="margin-top: 30px"><el-button type="primary" @click="changeTabs(1)" size="small">匹配岗位</el-button></div>
          </div>
          <!--  列表  -->
-         <div class="content-right">
-           <div>
+         <div class="content-right relative">
              <avue-crud
                height="900"
                ref="crud2"
                :data="rightDataList"
                :option="rightTabs ? rightPostOptions : rightPolicyOptions"
                :page.sync="rightPages"
-               :table-loading="rightLoading"
                @selection-change="rightSelectionChange"
              >
                <template slot="menuLeft" >
@@ -75,7 +73,7 @@
                  <TextTooltip :content="row.jobDescription" length="40"></TextTooltip>
                </template>
              </avue-crud>
-           </div>
+             <CustomLoading :visible="rightLoading" loading-text="智能分析匹配中"></CustomLoading>
          </div>
        </div>
      </div>
@@ -92,8 +90,10 @@ import { getListAllByLabels, getListGroupByLabels, getServeAllPolicyList, getLis
 import TextTooltip from "@/components/text-tooltip/index.vue";
 import {debounce} from '@/util/util'
 import {DateTime} from "@/util/dateTime";
+import CustomLoading from "@/components/Custom-Loading/index.vue";
 const pages = { pagerCount: 3, total: 0, size: 10, current: 1 }
 const baseOptions = {
+  size: 'medium',
   dateBtn: false,
   addBtn: false,
   editBtn: false,
@@ -150,7 +150,7 @@ let rightPostOptions = {
   }]
 }
 export default {
-  components: {TextTooltip},
+  components: {TextTooltip, CustomLoading},
   data() {
     return {
       formInline: {},
@@ -223,6 +223,7 @@ export default {
       this.rightDataList = []
       this.rightTabs = type
       this.rightDataSelections = []
+      this.$message.success('智能分析匹配中');
       type === 0 && this.getRightListPolicy()
       type === 1 && this.getRightSearch()
     },
@@ -378,7 +379,6 @@ export default {
   }
   .content-right{
     //修改动画的大小  给文字加粗效果
-
     .right-search{
       width: 100%;
     }
@@ -411,4 +411,7 @@ export default {
 .content-footer{
   float: right;
 }
+.relative{
+  position: relative;
+}
 </style>