前、后台申请、审核页面接口联调

src/api/homepage/apply.js

@@ -0,0 +1,16 @@
+import axios from "@/util/ajax";
+
+export default {
+    // 申请列表
+    applyList(params) {
+        return axios.get('/resourceApply/selectFrontApplyList', { params });
+    },
+    // 申请接口
+    applyResource(params) {
+        return axios.post('/resourceApply/applyResource', params);
+    },
+    // 撤销申请
+    revokeApply(params) {
+        return axios.get('/resourceApply/revokeApply', { params });
+    }
+}

src/api/homepage/homepage.js

@@ -18,6 +18,10 @@ export default {
     apiRank(params) {
         return axios.get('/resourceDirectory/serviceCallNum', { params });
     },
+    // 访问量数据
+    visits(params) {
+        return axios.get('/resourceApply/selectResourceViews', { params });
+    },
 
     // 获取用户名
     getUserName() {

src/api/index/audit.js

@@ -0,0 +1,12 @@
+import axios from "@/util/ajax";
+
+export default {
+    // 申请列表
+    applyList(params) {
+        return axios.get('/resourceApply/selectBackedApplyList', { params });
+    },
+    // 审核
+    applyResource(params) {
+        return axios.post('/resourceApply/approveApply', params);
+    }
+}

src/pages/homepage/apply.vue

@@ -7,8 +7,8 @@
         label="操作"
         width="100">
         <template slot-scope="scope">
-            <el-button v-if="scope.row && scope.row.status === ''" @click="handleApply(scope.row)" type="text" size="small">申请</el-button>
-            <el-button v-if="scope.row && scope.row.status === '待审核'" @click="handleCancelApply(scope.row)" type="text" size="small">撤销申请</el-button>
+            <el-button v-if="scope.row && !scope.row.applyType" @click="handleApply(scope.row)" type="text" size="small">申请</el-button>
+            <el-button v-if="scope.row && scope.row.applyType === '1'" @click="handleCancelApply(scope.row)" type="text" size="small">撤销申请</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -20,6 +20,7 @@
   </div>
 </template>
 <script>
+import api from "@/api/homepage/apply.js";
 
 export default {
     components: {},
@@ -28,15 +29,15 @@ export default {
         columns: [
           {
             label: '资源名称',
-            key: 'nameCh'
+            key: 'resourceName'
           },
           {
             label: '资源类型',
-            key: 'nameEn'
+            key: 'resourceType'
           },
           {
             label: '状态',
-            key: 'status'
+            key: 'applyTypeText'
           }
         ],
         tableData: [],
@@ -46,18 +47,61 @@ export default {
       }
     },
     mounted() {
+      this.getTableData()
     },
     watch: {
     },
     methods: {
       handlePageChange() {
         console.log('enter handle page change')
+        this.getTableData()
       },
       handleApply(row) {
-        console.log('enter handle apply')
+        const {resourceId, resourceName, resourceType} = row
+        api.applyResource({resourceId, resourceName, resourceType}).then(res => {
+          if (res.success) {
+            this.$message({
+              message: '申请成功!',
+              type: 'success'
+            })
+            this.getTableData()
+          }
+        })
       },
       handleCancelApply(row) {
-        console.log('enter handle cancel apply')
+        const {id} = row
+        api.revokeApply({id}).then(res => {
+          if (res.success){
+            this.$message({
+              message: '撤销成功!',
+              type: 'success'
+            })
+            this.getTableData()
+          }
+        })
+      },
+      getTableData() {
+        const {pageNum, pageSize} = this
+        api.applyList({pageNum, pageSize}).then(res => {
+          this.tableData = []
+          res.data.records.map((item, index) => {
+            const newItem = {...item}
+            newItem.applyTypeText = this.getApplyTypeText(item.applyType)
+            this.tableData.push(newItem)
+          })
+          this.total = res.data.total
+        })
+      },
+      getApplyTypeText(val) {
+        if (!val){
+          return '未申请'
+        }
+        const textMap = {
+          1: '待审批',
+          2: '审批通过',
+          3: '审批驳回'
+        }
+        return textMap[val]
       }
     }
 }

src/pages/homepage/components/cardWrap.vue

@@ -131,6 +131,13 @@
         </div>
       </div>
     </div>
+    <el-row class="visits-num">
+      <el-col :span="4">用户访问量</el-col>
+      <el-col :span="4">主题库：{{visits.themeViews}}</el-col>
+      <el-col :span="4">专题库：{{visits.specialSubjectViews}}</el-col>
+      <el-col :span="4">指标库：{{visits.indexViews}}</el-col>
+      <el-col :span="4">总线服务：{{visits.serviceViews}}</el-col>
+    </el-row>
   </div>
 </template>
 <script>
@@ -154,7 +161,8 @@ export default {
           indicatorStatData: [],
           rankType: 'API',
           rankData: [],
-          collectTotal: 0
+          collectTotal: 0,
+          visits: {}
         }
     },
     mounted() {
@@ -162,6 +170,7 @@ export default {
       this.getCollectTotal()
       this.getThemeSpecialIndex()
       this.getApiRankData()
+      this.getVisitsData()
     },
     watch: {
 
@@ -247,6 +256,13 @@ export default {
         this.$router.push({
           name: "apply", path: "/apply"
         });
+      },
+      getVisitsData() {
+        api.visits({}).then(res => {
+          if(res.success) {
+            this.visits = res.data
+          }
+        })
       }
     }
 }
@@ -465,5 +481,8 @@ export default {
   .btn-space{
     margin-left: 20px;
   }
+  .visits-num{
+    padding: 20px;
+  }
 }
 </style>

src/pages/homepage/file.vue

@@ -28,12 +28,12 @@ export default {
       return {
         columns: [
           {
-            label: '名称',
+            label: '文件名',
             key: 'fileName'
           },
           {
-            label: '时间',
-            key: 'createdTime'
+            label: '文件路径',
+            key: 'filePath'
           }
         ],
         tableData: [],
@@ -65,6 +65,9 @@ export default {
                 this.total = res.data.total
             }
         })
+      },
+      getUrl() {
+        return process.env.NODE_ENV !== 'development' ? config.build.BASE_API : config.dev.BASE_API;
       }
     }
 }

src/pages/index/audit.vue

@@ -7,7 +7,7 @@
         label="操作"
         width="100">
         <template slot-scope="scope">
-            <el-button v-if="scope.row && scope.row.status === ''" @click="handleApply(scope.row)" type="text" size="small">审核</el-button>
+            <el-button v-if="scope.row && scope.row.applyType === '1'" @click="handleAudit(scope.row)" type="text" size="small">审核</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -24,19 +24,8 @@
         <el-row class="mg-bt">
             <el-col class="label" :span="4">审核：</el-col>
             <el-col :span="18">
-                <el-radio v-model="radio" label="1">通过</el-radio>
-                <el-radio v-model="radio" label="2">驳回</el-radio>
-            </el-col>
-        </el-row>
-        <el-row class="mg-bt">
-            <el-col class="label" :span="4">审核意见：</el-col>
-            <el-col :span="18">
-                <el-input
-                    type="textarea"
-                    :rows="2"
-                    placeholder="请输入内容"
-                    v-model="textarea">
-                </el-input>
+                <el-radio v-model="radio" label="2">通过</el-radio>
+                <el-radio v-model="radio" label="3">驳回</el-radio>
             </el-col>
         </el-row>
         <span slot="footer" class="dialog-footer">
@@ -47,6 +36,7 @@
   </div>
 </template>
 <script>
+import api from "@/api/index/audit.js";
 
 export default {
     components: {},
@@ -55,27 +45,28 @@ export default {
         columns: [
           {
             label: '资源名称',
-            key: 'nameCh'
+            key: 'resourceName'
           },
           {
             label: '资源类型',
-            key: 'nameEn'
+            key: 'resourceType'
           },
           {
             label: '状态',
-            key: 'status'
+            key: 'applyTypeText'
           }
         ],
         tableData: [],
         total: 0,
         pageSize: 10,
         pageNum: 1,
-        radio: '1',
-        textarea: '',
-        dialogVisible: false
+        radio: '2',
+        dialogVisible: false,
+        selRow: {}
       }
     },
     mounted() {
+      this.getTableData()
     },
     watch: {
     },
@@ -83,14 +74,49 @@ export default {
       handlePageChange() {
         console.log('enter handle page change')
       },
-      handleApply(row) {
-        console.log('enter handle apply')
+      handleAudit(row) {
+        this.selRow = row
+        this.dialogVisible = true
       },
       handleCancelApply(row) {
         console.log('enter handle cancel apply')
       },
       handleConfirm() {
-        this.dialogVisible = false
+        const {id} = this.selRow
+        console.log('radio', this.radio)
+        api.applyResource({id, applyType: this.radio}).then(res => {
+          if(res.success) {
+            this.dialogVisible = false
+            this.$message({
+              message: '审核成功!',
+              type: 'success'
+            })
+            this.getTableData()
+          }
+        })
+      },
+      getTableData() {
+        const {pageNum, pageSize} = this
+        api.applyList({pageNum, pageSize}).then(res => {
+          this.tableData = []
+          res.data.records.map((item, index) => {
+            const newItem = {...item}
+            newItem.applyTypeText = this.getApplyTypeText(item.applyType)
+            this.tableData.push(newItem)
+          })
+          this.total = res.data.total
+        })
+      },
+      getApplyTypeText(val) {
+        if (!val){
+          return '未申请'
+        }
+        const textMap = {
+          1: '待审批',
+          2: '审批通过',
+          3: '审批驳回'
+        }
+        return textMap[val]
       }
     }
 }

src/pages/index/file.vue

@@ -52,8 +52,8 @@ export default {
             key: 'fileName'
           },
           {
-            label: '时间',
-            key: 'createdTime'
+            label: '文件路径',
+            key: 'filePath'
           }
         ],
         tableData: [],