添加客服页面

src/views/home/demand.vue

@@ -14,7 +14,7 @@
     </div>
     <!-- 筛选部分 -->
     <div class="screen">
-      <div class="screen_l">
+      <div class="screen_l" v-loading="loading">
         <!-- 检索条件 -->
         <div class="screen_l_t">
           <div class="screen_l_t_item">
@@ -69,8 +69,21 @@
             </router-link>
           </div>
         </div>
+        <div style="text-align: center;margin:30px 0" v-show="!total">
+          <div
+            style="width:210px;height:210px;display: inline-block;color:#999"
+          >
+            <img
+              style="width:100%;height:100%;"
+              src="@/assets/image/empty.png"
+              alt=""
+            />
+            暂无数据
+          </div>
+        </div>
         <!-- 分页 -->
         <el-pagination
+          v-show="total > 0"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
           :current-page="queryParams.pageNum"
@@ -98,6 +111,7 @@ import { getEnterpriseNeedList } from '@/api/home/demand';
 export default {
   data() {
     return {
+      loading: true,
       activeName: '1',
       queryParams: {
         pageNum: 1,
@@ -115,11 +129,21 @@ export default {
   computed: {
     ...mapGetters(['token'])
   },
+  watch: {
+    'queryParams.field'() {
+      this.getList();
+    },
+    'queryParams.type'() {
+      this.getList();
+    }
+  },
   methods: {
     getList() {
+      this.loading = true;
       getEnterpriseNeedList(this.queryParams).then(({ data }) => {
         this.demandData = data.list;
         this.total = data.total;
+        this.loading = false;
       });
     },
     handleSizeChange(val) {