feat: 审核组列表

src/api/review.js

@@ -31,6 +31,8 @@ let api = {
     useIntercept: false
   },
   getAuditDetail: '/audit/batch-log-list', // 同意详情
+  getAuditGroupList: '/auditGroup/audit-group-list', // 获取审核组列表
+  delAuditGroup: '/auditGroup/del-audit-group', // 删除审核组
 };
 
 api = getFetch(api, '/hb-manage-web');

src/router/routes.js

@@ -80,7 +80,27 @@ export const routes = [
         path: '/unreview',
         name: '未审核',
         component: _import('review-center', 'unreview')
-      }
+      },
+      {
+        path: '/audit-group-list',
+        meta: { title: '审核组列表' },
+        component: _import('review-center', 'audit-group-list')
+      },
+      {
+        path: '/create-audit-group',
+        meta: { title: '新建、编辑审核组' },
+        component: _import('review-center', 'create-audit-group')
+      },
+      {
+        path: '/audit-item-list',
+        meta: { title: '审核事项列表' },
+        component: _import('review-center', 'audit-item-list')
+      },
+      {
+        path: '/create-audit-item',
+        meta: { title: '新建、编辑审核事项' },
+        component: _import('review-center', 'create-audit-item')
+      },
     ]
   },
   {

src/views/review-center/audit-group-list.vue

+<template>
+  <div class="audit-group-list">
+    <div class="audit-group-header">
+      <el-button type="primary" @click="toCreateGroup()">新建审核组</el-button>
+    </div>
+    <el-table :data="groupList">
+      <el-table-column label="审核组" prop="auditGroupName" :formatter="(row, col, val) => val || '--'"></el-table-column>
+      <el-table-column label="管理员" show-overflow-tooltip>
+        <template slot-scope="{ row }">{{ row.auditPerson | formatAuditer }}</template>
+      </el-table-column>
+      <el-table-column label="操作">
+        <template slot-scope="{ row }">
+          <el-button type="text" @click="toCreateGroup(row)">编辑</el-button>
+          <el-button type="text" @click="onDelGroup(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import fetch from '@/api/review.js';
+
+const { getAuditGroupList, delAuditGroup } = fetch;
+
+export default {
+  name: 'AuditGroupList',
+  data() {
+    return {
+      groupList: []
+    };
+  },
+  created() {
+    this.getGroupList();
+  },
+  methods: {
+    getGroupList() {
+      getAuditGroupList().then(res => {
+        this.groupList = res.result || [];
+      });
+    },
+    onDelGroup(groupData) {
+      const { auditGroupName, auditGroupId } = groupData;
+      this.$confirm(`确定删除【 ${auditGroupName} 】吗？`, '提示', { type: 'warning' }).then(() => {
+        delAuditGroup({ auditGroupId }).then(res => {
+          this.$message.success('删除成功！');
+          this.getGroupList();
+        });
+      });
+    },
+    toCreateGroup(groupData) {
+      const { auditGroupId } = groupData || {};
+      const url = '/create-audit-group';
+      this.$router.push(auditGroupId ? `${url}?auditGroupId=${auditGroupId}` : url);
+    }
+  },
+  filters: {
+    formatAuditer(auditerlist) {
+      if (!Array.isArray(auditerlist)) return '--';
+      const result = auditerlist.map(el => el.staffName || '--');
+      return result.join('、');
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.audit-group-list {
+  padding: 20px;
+  min-height: 100%;
+  background-color: #fff;
+  .audit-group-header {
+    margin-bottom: 20px;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
+</style>

src/views/review-center/audit-item-list.vue

+<template>
+  <div>审核事项列表</div>
+</template>
+
+<script>
+export default {
+  name: 'AuditItemList'
+};
+</script>
\ No newline at end of file

src/views/review-center/create-audit-group.vue

+<template>
+  <div>新建审核组</div>
+</template>
+
+<script>
+export default {
+  name: 'CreateAuditGroup'
+};
+</script>
\ No newline at end of file

src/views/review-center/create-audit-item.vue

+<template>
+  <div>新建审核事项</div>
+</template>
+
+<script>
+export default {
+  name: 'CreateAuditItem'
+};
+</script>