前台搜索页增加点击量记录、隐藏申请页面、根据文件状态来判断是否可以看详情

src/api/homepage/entityDetail.js

@@ -32,5 +32,9 @@ export default {
   // 消息队列权限列表
   getMqsPrivs(params) {
     return axios.get('/resourceDirectory/getMqsPrivs', { params });
+  },
+  // 增加点击量
+  addResourceViews(params) {
+    return axios.get('/resourceApply/addResourceViews', { params });
   }
 }

src/pages/homepage/components/cardWrap.vue

@@ -43,7 +43,7 @@
           </el-button>
         </el-input>
         <el-button class="btn-space" @click="jumpToFilePage">文件</el-button>
-        <el-button class="btn-space" @click="jumpToApplyPage">申请</el-button>
+        <!-- <el-button class="btn-space" @click="jumpToApplyPage">申请</el-button> -->
       </div>
     </div>
     <div style="background: #f1f2f5; height: 10px; width: 100%;"></div>

src/pages/homepage/components/searchPage.vue

@@ -22,7 +22,7 @@
           <div class="list-wrap">
             <div v-if="pageType === 'collect'" ><el-button :type="'primary'" @click="batchCancelCollect" size="small">批量取消收藏</el-button></div>
             <div v-if="list.length === 0" class="empty-block">暂无数据</div>
-            <div v-else :class="getCardClass()" v-for="(item, idx) in list" :key="idx" @click="jumpToDetailPage(item.id)">
+            <div v-else :class="getCardClass()" v-for="(item, idx) in list" :key="idx" @click="jumpToDetailPage(item)">
               <!-- 主题库和专题库块 -->
               <div v-if="activeName === 'first' || activeName === 'second'" class="title title-block clearfix">
                 <p class="left">
@@ -48,6 +48,12 @@
                 <el-col :span="12">
                   所属主题：{{item.l1}}
                 </el-col>
+                <el-col :span="12" v-if="pageType !== 'collect'">
+                  <el-button v-if="!item.applyType" type="text" @click="() => handleApply(item)">申请</el-button>
+                  <span v-if="item.applyType === '1'">状态：待审批</span>
+                  <span v-if="item.applyType === '2'">状态：审批通过</span>
+                  <el-button v-if="item.applyType === '3'" type="text" @click="() => handleApply(item)">审批驳回</el-button>
+                </el-col>
               </el-row>
               <!-- 指标编码块 -->
               <div v-if="activeName === 'third'" class="title title-block clearfix">
@@ -76,6 +82,12 @@
                 <el-col :span="12">
                   所属部门：{{item.ownerDepartment}}
                 </el-col>
+                <el-col :span="12" v-if="pageType !== 'collect'">
+                  <el-button v-if="!item.applyType" type="text" @click="() => handleApply(item)">申请</el-button>
+                  <span v-if="item.applyType === '1'">状态：待审批</span>
+                  <span v-if="item.applyType === '2'">状态：审批通过</span>
+                  <el-button v-if="item.applyType === '3'" type="text" @click="() => handleApply(item)">审批驳回</el-button>
+                </el-col>
               </el-row>
               <el-row v-if="activeName === 'third'" style="color: rgb(91,91,91);line-height: 40px;">
                 <el-col :span="12">
@@ -133,6 +145,12 @@
                 <el-col v-if="serviceType === 'MQ'" :span="12">
                   描述：{{item.description}}
                 </el-col>
+                <el-col :span="12" v-if="pageType !== 'collect'">
+                  <el-button v-if="!item.applyType" type="text" @click="() => handleApply(item)">申请</el-button>
+                  <span v-if="item.applyType === '1'">状态：待审批</span>
+                  <span v-if="item.applyType === '2'">状态：审批通过</span>
+                  <el-button v-if="item.applyType === '3'" type="text" @click="() => handleApply(item)">审批驳回</el-button>
+                </el-col>
               </el-row>
             </div>
             <el-pagination
@@ -155,6 +173,9 @@
 
 <script>
 import api from "@/api/homepage/search.js";
+import detailApi from "@/api/homepage/entityDetail.js";
+import applyApi from "@/api/homepage/apply.js";
+
 const resourceTypeMap = {
   first: 'theme',
   second: 'specialSubject',
@@ -210,19 +231,35 @@ export default {
       console.log(`当前页: ${val}`);
       this.getSearchData()
     },
-    jumpToDetailPage(id) {
-      const resourceTypeMapA = {
-        first: 'theme',
-        second: 'special',
-        third: 'target',
-        fourth: this.serviceType === 'API' ? 'api' : 'message'
+    jumpToDetailPage(item) {
+      const {id, applyType} = item
+      if (applyType === '2') { // 2 代表审批通过
+        detailApi.addResourceViews({resourceType: resourceTypeMap[this.activeName]}).then(res=> {})
+        const resourceTypeMapA = {
+          first: 'theme',
+          second: 'special',
+          third: 'target',
+          fourth: this.serviceType === 'API' ? 'api' : 'message'
+        }
+        let type = resourceTypeMapA[this.activeName]
+        this.$router.push({
+          name: "entityDetail",
+          path: "/entityDetail",
+          query: {id: id, type}
+        });
       }
-      let type = resourceTypeMapA[this.activeName]
-      this.$router.push({
-        name: "entityDetail",
-        path: "/entityDetail",
-        query: {id: id, type}
-      });
+    },
+    handleApply(row) {
+      const {id, name} = row
+      applyApi.applyResource({resourceId: id, resourceName: name, resourceType: resourceTypeMap[this.activeName]}).then(res => {
+        if (res.success) {
+          this.$message({
+            message: '申请成功!',
+            type: 'success'
+          })
+          this.getSearchData()
+        }
+      })
     },
     handleSearch() {
       this.initData()