后台系统增加审核页面

src/pages/homepage/components/cardWrap.vue

@@ -240,14 +240,12 @@ export default {
       },
       jumpToFilePage() {
         this.$router.push({
-          name: "file",
-          path: "/file"
+          name: "file",path: "/file"
         });
       },
       jumpToApplyPage() {
         this.$router.push({
-          name: "apply",
-          path: "/apply"
+          name: "apply", path: "/apply"
         });
       }
     }

src/pages/index/audit.vue

@@ -0,0 +1,118 @@
+<template>
+  <div class="body-wrapper">
+    <el-table :data="tableData">
+      <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+      </el-table-column>
+      <el-table-column
+        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>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="table-pagination">
+      <el-pagination layout="prev, pager, next" :total="total" @current-change="handlePageChange"
+        :current-page.sync="pageNum" :page-size.sync="pageSize">
+      </el-pagination>
+    </div>
+    <el-dialog
+        title="审核"
+        :visible.sync="dialogVisible"
+        width="60%"
+        custom-class="audit-dialog">
+        <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-col>
+        </el-row>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+
+export default {
+    components: {},
+    data() {
+      return {
+        columns: [
+          {
+            label: '资源名称',
+            key: 'nameCh'
+          },
+          {
+            label: '资源类型',
+            key: 'nameEn'
+          },
+          {
+            label: '状态',
+            key: 'status'
+          }
+        ],
+        tableData: [],
+        total: 0,
+        pageSize: 10,
+        pageNum: 1,
+        radio: '1',
+        textarea: '',
+        dialogVisible: false
+      }
+    },
+    mounted() {
+    },
+    watch: {
+    },
+    methods: {
+      handlePageChange() {
+        console.log('enter handle page change')
+      },
+      handleApply(row) {
+        console.log('enter handle apply')
+      },
+      handleCancelApply(row) {
+        console.log('enter handle cancel apply')
+      },
+      handleConfirm() {
+        this.dialogVisible = false
+      }
+    }
+}
+</script>
+<style  lang="scss" scoped>
+.body-wrapper {
+  width: 100%;
+  padding: 20px;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+}
+.audit-dialog{
+    .mg-bt{
+        margin-bottom: 24px;
+    }
+    .label{
+        text-align: right;
+    }
+}
+</style>

src/pages/index/components/searchPage.vue

@@ -451,8 +451,10 @@ export default {
       this.menuId = undefined
       this.currentPage = 1
     },
-    jumpToAudit () {
-
+    jumpToAudit() {
+      this.$router.push({
+        name: "audit",path: "/audit"
+      });
     }
   }
 };

src/router/index.js

@@ -24,6 +24,11 @@ export default new Router({
           name: "entityDetail",
           path: "/entityDetail",
           component: () => import("../pages/index/components/entityDetail.vue")
+        },
+        {
+          name: "audit",
+          path: "/audit",
+          component: () => import("../pages/index/audit.vue")
         }
       ]
     }