ETA1.3.8 init

src/routes/modules/approveRoutes.js

@@ -0,0 +1,22 @@
+const home = r => require.ensure([], () => r(require('@/views/Home.vue')), 'Home'); //主页
+export default [
+    {
+        path:'/',
+        component:home,
+        name:'审批管理',
+        hidden:false,
+        icon_path: require('@/assets/img/home/data_ic.png'),
+        children:[{
+            path:'approveList',
+            name:'审批列表',
+            component:()=>import('@/views/approve_manage/approveList.vue'),
+            hidden:false
+        },{
+            path:'approveList',
+            name:'审批详情',
+            component:()=>import('@/views/approve_manage/approveDetail.vue'),
+            hidden:false
+        }
+        ]
+    }
+]

src/routes/modules/oldRoutes.js

@@ -323,6 +323,12 @@ export default [
         name: "外部链接配置",
         hidden: true,
       },
+      {
+        path: "approveSetting",
+        component: () => import("@/views/approve_manage/approveSetting.vue"),
+        name: "审批流设置",
+        hidden: true,
+      },
     ],
   },
   // 外部链接

src/views/approve_manage/approveDetail.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- 审批详情：查看、进行审批操作 -->
+    <div>
+        审批详情
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+
+        };
+    },
+    methods: {
+
+    },
+};
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/approve_manage/approveEdit.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- 添加编辑审批流 -->
+    <div>
+        添加编辑审批流
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+
+        };
+    },
+    methods: {
+
+    },
+};
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/approve_manage/approveList.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- 审批管理列表页 -->
+    <div>
+
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+
+        };
+    },
+    methods: {
+
+    },
+};
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/approve_manage/approveSetting.vue

@@ -0,0 +1,83 @@
+<template>
+    <!-- 审批流配置 -->
+    <div class="approve-setting-wrap">
+        <div class="head-box">
+            <el-button>添加审批流</el-button>
+            <el-select placeholder="请选择关联报告" style="margin-right: auto;margin-left: 15px;"></el-select>
+            <el-input placeholder="请输入审批名称" style="width:260px;"></el-input>
+        </div>
+        <div class="list-box">
+            <el-table :data="tableData" border>
+                <el-table-column
+                    v-for="item in tableColumns"
+                    :key="item.key"
+                    :label="item.label"
+                    :prop="item.key"
+                    align="center"
+                ></el-table-column>
+                <el-table-column label="操作" align="center">
+                    <template slot-scope="{row}">
+                        <el-button type="text">编辑</el-button>
+                        <el-button type="text">删除</el-button>
+                    </template>
+                    
+                </el-table-column>
+            </el-table>
+            <div style="text-align:right;margin-top:20px">
+                <el-pagination 
+                        layout="total,prev,pager,next,jumper" 
+                        background 
+                        :current-page="page"
+                        @current-change="handleCurrentChange"
+                        :page-size="pageSize"
+                        :total="total"
+                        style="display: inline-block"
+                    />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            tableData:[{name:'a'}],
+            tableColumns:[{
+                label:'审批流名称',
+                key:'name'
+            },{
+                label:'关联报告',
+                key:'catalog'
+            },{
+                label:'创建时间',
+                key:'time'
+            }],
+            page:1,
+            pageSize:10,
+            total:0,
+        };
+    },
+    methods: {
+        handleCurrentChange(page){
+            this.page = page
+        }
+    },
+};
+</script>
+
+<style scoped lang="scss">
+.approve-setting-wrap{
+    min-height: calc(100vh - 120px);
+    background-color: #fff;
+    box-sizing: border-box;
+    padding:30px;
+    .head-box{
+        display: flex;
+        justify-content: space-between;
+    }
+    .list-box{
+        margin-top:30px;
+    }
+}
+</style>