数据资源目录前台首页接口联调

src/api/homepage/homepage.js

@@ -1,28 +1,32 @@
-// 文章
+// 前台首页
 import axios from "@/util/ajax";
 
 export default {
     // 获取最新资讯
-    getLatestInfo() {
-        return axios.post('/xyjc/index-content/latest-info');
+    // getLatestInfo() {
+    //     return axios.post('/xyjc/index-content/latest-info');
+    // },
+    // 获取资源数据
+    resourceData(params) {
+        return axios.get('/resourceDirectory/homeStatisticalTotal', { params });
     },
-    // 获取栏目列表
-    getSectionList(params) {
-        return axios.get('/xyjc/index-category/list', { params });
+    // 获取我的收藏总量数据
+    collectTotal(params) {
+        return axios.get('/resourceDirectory/collectTotal', { params });
     },
-    // 获取文章列表
-    getArticleList(params, page, limit) {
-        return axios.post(`/xyjc/index-content/query/${page}/${limit}`, params)
+    // 获取主题、专题、指标资产数据
+    themeSpecialIndex(params) {
+        return axios.get('/resourceDirectory/assetNumStatistics', { params });
     },
+    // 获取api排行数据
+    apiRank(params) {
+        return axios.get('/resourceDirectory/serviceCallNum', { params });
+    },
+
     // 获取用户名
     getUserName() {
         return axios.get('/xyjc/cas/getUserName')
     },
-
-    // 保存用户名
-    saveUser(params) {
-        return axios.post('/xyjc/cas/addUser',params)
-    },
     // 获取用户头像
     getUserAvatar(id) {
         return axios.get(`/xyjc/cas/getUserAvatar/${id}`)
@@ -30,13 +34,5 @@ export default {
     // 用户登出
     logout() {
         return axios.get('/xyjc/cas/system/logout')
-    },
-    // 轮播图
-    getCarousel() {
-        return axios.post('/xyjc/index-content/carousel')
-    },
-    // 分层查询组织树结构
-    queryOrgByParentId(params) {
-        return axios.get('/xyjc/index-dept/queryByDepth', { params })
     }
 }

src/pages/homepage/components/cardWrap.vue

@@ -30,7 +30,7 @@
                 <img style="width: 50px; height: 50px;" src="../../../assets/collect.png"/>
               </div>
               <div style="width: 74%; line-height: 50px;">
-                <p class="sub-title"><span/>收藏总量<span style="margin-left: 5px;" :class="`font-collect`">1553</span></p>
+                <p class="sub-title"><span/>收藏总量<span style="margin-left: 5px;" :class="`font-collect`">{{ collectTotal }}</span></p>
               </div>
             </div>
           </div>
@@ -56,10 +56,10 @@
             :bottom="90"
             :xlabelFormat="xLabelFormat"
             :top="60"
-            :yAxisName="['(张)', '(兆)']"
+            :yAxisName="['(张)']"
             :tooltip="tooltipFormat"
             :dataset="barData"
-            :encode="[{x: 'qyjc', y: 'hs', seriesName: '数据量'}, {x: 'qyjc', y: 'hs1', seriesName: '数据表'}]"
+            :encode="[{x: 'name', y: 'num', seriesName: '数据表'}]"
             :labelSize="15"
             id="dqfb"
           />
@@ -75,10 +75,10 @@
             :bottom="90"
             :xlabelFormat="xLabelFormat"
             :top="60"
-            :yAxisName="['(张)', '(兆)']"
+            :yAxisName="['(张)']"
             :tooltip="tooltipFormat"
             :dataset="specialAssetsData"
-            :encode="[{x: 'qyjc', y: 'hs', seriesName: '数据量'}, {x: 'qyjc', y: 'hs1', seriesName: '数据表'}]"
+            :encode="[{x: 'name', y: 'num', seriesName: '数据表'}]"
             :labelSize="15"
             id="ztzc"
           />
@@ -94,10 +94,10 @@
             :bottom="90"
             :xlabelFormat="xLabelFormat"
             :top="60"
-            :yAxisName="['(个)', '(兆)']"
+            :yAxisName="['(个)']"
             :tooltip="tooltipFormat"
             :dataset="indicatorStatData"
-            :encode="[{x: 'qyjc', y: 'hs', seriesName: '数据量'}, {x: 'qyjc', y: 'hs1', seriesName: '数据表'}]"
+            :encode="[{x: 'name', y: 'num', seriesName: '数据表'}]"
             :labelSize="15"
             id="bmzb"
           />
@@ -108,7 +108,7 @@
         <div class="chart rank-chart">
           <el-button-group>
             <el-button :type="rankType === 'API' ? 'primary' : ''" @click="rankType = 'API'" size="small">API</el-button>
-            <el-button :type="rankType === 'MQ' ? 'primary' : ''" @click="rankType = 'MQ'" size="small">MQ</el-button>
+            <!-- <el-button :type="rankType === 'MQ' ? 'primary' : ''" @click="rankType = 'MQ'" size="small">MQ</el-button> -->
           </el-button-group>
           <div class="rank-block">
             <div class="rank-item clearfix" v-for="(item, index) in rankData" :key="index">
@@ -119,7 +119,7 @@
                   <div class="name">{{item.name}}</div>
                   <div class="unit" v-if="index === 0">次</div>
                 </div>
-                <el-progress :percentage="item.percent"
+                <el-progress :percentage="item.percent || item.num"
                 :class="`progress progress${index}`"
                 :format="(per) => format(per, item.num)"
                 define-back-color="#5c6779"></el-progress>
@@ -134,6 +134,7 @@
 <script>
 
 import barchart from "@/components/barChart";
+import api from "@/api/homepage/homepage.js";
 
 export default {
     components: {
@@ -163,22 +164,19 @@ export default {
             history: 1553,
             pageType: 'service'
           }],
-          barData: [{qyjc: '2023-01', hs: 100, hs1: 200}, {qyjc: '2023-02', hs: 10, hs1: 20}, {qyjc: '2023-03', hs: 10, hs1: 20}, {qyjc: '2023-04', hs: 10, hs1: 20}, {qyjc: '2023-05', hs: 10, hs1: 20},],
-          specialAssetsData: [{qyjc: '专题1', hs: 100, hs1: 200}, {qyjc: '2023-02', hs: 10, hs1: 20}, {qyjc: '2023-03', hs: 10, hs1: 20}, {qyjc: '2023-04', hs: 10, hs1: 20}, {qyjc: '2023-05', hs: 10, hs1: 20},],
-          indicatorStatData: [{qyjc: '部门1', hs: 100, hs1: 200}, {qyjc: '2023-02', hs: 10, hs1: 20}, {qyjc: '2023-03', hs: 10, hs1: 20}, {qyjc: '2023-04', hs: 10, hs1: 20}, {qyjc: '2023-05', hs: 10, hs1: 20},],
+          barData: [],
+          specialAssetsData: [],
+          indicatorStatData: [],
           rankType: 'API',
-          rankData: [{ percent: 75, num: 160, name: 'xxxApi' },
-          { percent: 72, num: 120, name: 'xxxApi' },
-          { percent: 70, num: 100, name: 'xxxApi' },
-          { percent: 65, num: 80, name: 'xxxApi' },
-          { percent: 55, num: 70, name: 'xxxApi' },
-          { percent: 50, num: 60, name: 'xxxApi' },
-          { percent: 45, num: 50, name: 'xxxApi' },
-          { percent: 35, num: 40, name: 'xxxApi' },
-          { percent: 25, num: 30, name: 'xxxApi' },]
+          rankData: [],
+          collectTotal: 0
         }
     },
     mounted() {
+      this.getResourceData()
+      this.getCollectTotal()
+      this.getThemeSpecialIndex()
+      this.getApiRankData()
     },
     watch: {
 
@@ -209,6 +207,51 @@ export default {
       },
       format(percentage, num) {
         return num
+      },
+      getResourceData() {
+        api.resourceData().then(res => {
+          if (res.success) {
+            this.menus[0].new = res.data.themeAdd
+            this.menus[0].history = res.data.themeTotal
+            this.menus[1].new = res.data.specialSubjectAdd
+            this.menus[1].history = res.data.specialSubjectTotal
+            this.menus[2].new = res.data.indexAdd
+            this.menus[2].history = res.data.indexTotal
+            this.menus[3].new = res.data.serviceAdd
+            this.menus[3].history = res.data.serviceTotal
+          }
+        })
+      },
+      getCollectTotal() {
+        api.collectTotal().then(res => {
+          if (res.success) {
+            this.collectTotal = res.data
+          }
+        })
+      },
+      getThemeSpecialIndex() {
+        api.themeSpecialIndex({resourceType: 'theme'}).then(res => {
+          if (res.success) {
+            this.barData = res.data
+          }
+        })
+        api.themeSpecialIndex({resourceType: 'specialSubject'}).then(res => {
+          if (res.success) {
+            this.specialAssetsData = res.data
+          }
+        })
+        api.themeSpecialIndex({resourceType: 'index'}).then(res => {
+          if (res.success) {
+            this.indicatorStatData = res.data
+          }
+        })
+      },
+      getApiRankData() {
+        api.apiRank().then(res => {
+          if (res.success) {
+            this.rankData = res.data
+          }
+        })
       }
     }
 }

src/pages/homepage/components/searchPage.vue

@@ -9,7 +9,7 @@
       </el-input>
     </div>
     <el-tabs class="bottom-card" v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane :key="item.id" v-for="item in tabList" :label="item.name" :name="item.id">
+      <el-tab-pane :key="item.id" v-for="item in initTabList()" :label="item.name" :name="item.id">
         <div class="flex">
           <div class="tree-wrap">
             <el-button-group v-if="activeName === 'fourth'">
@@ -32,7 +32,7 @@
                   实体名称：{{item.logicTbName}}
                 </p>
                 <div class="right">
-                  <img src="../../../assets/image/u9765.svg" alt="">
+                  <img v-if="item.isCollect" src="../../../assets/image/u9765.svg" alt="">
                 </div>
               </div>
               <el-row v-if="activeName === 'first' || activeName === 'second'" style="color: rgb(91,91,91);line-height: 40px;">
@@ -133,25 +133,6 @@ export default {
     return {
       activeName: 'first',
       searchWords: this.$route.query.searchword || '',
-      tabList: [
-        {
-          name: '主题库',
-          id: 'first',
-          num: 0
-        },
-        {
-          name: '专题库',
-          id: 'second',
-          num: 0},
-        {
-          name: '指标',
-          id: 'third',
-          num: 0},
-        {
-          name: '服务',
-          id: 'fourth',
-          num: 0}
-      ],
       data: [{
         label: '一级 1',
         children: [{
@@ -327,6 +308,44 @@ export default {
     },
     handleUp() {
       console.log('up')
+    },
+    initTabList() {
+      let tabList = [
+        {
+          name: '主题库',
+          id: 'first',
+          num: 0
+        },
+        {
+          name: '专题库',
+          id: 'second',
+          num: 0},
+        {
+          name: '指标',
+          id: 'third',
+          num: 0},
+        {
+          name: '服务',
+          id: 'fourth',
+          num: 0}
+      ]
+      if (this.$route.query.pageType === 'theme') {
+        tabList = [{ name: '主题库', id: 'first', num: 0 }]
+        this.activeName = 'first'
+      }
+      if (this.$route.query.pageType === 'topic') {
+        tabList = [{ name: '专题库',id: 'second',num: 0 }]
+        this.activeName = 'second'
+      }
+      if (this.$route.query.pageType === 'index') {
+        tabList = [{ name: '指标',id: 'third',num: 0 }]
+        this.activeName = 'third'
+      }
+      if (this.$route.query.pageType === 'service') {
+        tabList = [{ name: '服务',id: 'fourth',num: 0 }]
+        this.activeName = 'fourth'
+      }
+      return tabList
     }
   }
 };