添加客服页面

src/views/home/achievements.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">
@@ -93,6 +93,18 @@
             </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>
         <!-- 分页 -->
         <pagination
           v-show="total > 0"
@@ -112,6 +124,7 @@ import { getScienceResultList } from '@/api/home/demand';
 export default {
   data() {
     return {
+      loading: true,
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -130,11 +143,24 @@ export default {
   computed: {
     ...mapGetters(['token'])
   },
+  watch: {
+    'queryParams.field'() {
+      this.getList();
+    },
+    'queryParams.maturityId'() {
+      this.getList();
+    },
+    'queryParams.labelId'() {
+      this.getList();
+    }
+  },
   methods: {
     getList() {
+      this.loading = true;
       getScienceResultList(this.queryParams).then(({ data }) => {
         this.listData = data.list;
         this.total = data.total;
+        this.loading = false;
       });
     },
     handleClick() {},