From 4ed0752b86e976095c494ff8d5f54c4d93df1a84 Mon Sep 17 00:00:00 2001
From: yuekuo <yuekuo@syxysoft.com>
Date: Fri, 14 Apr 2023 15:45:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=81=E7=A8=8B=E4=B8=AD=E5=BF=83=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=BB=98=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/processCenter.js              |  19 +++
 src/router/index.js                           |   3 +-
 src/router/modules/userCenter.js              |  22 +++
 src/views/Layout.vue                          |   2 +
 src/views/userCenter/processCenter.vue        |  92 +++++++++++
 .../processCenter/finishProcess.vue           | 129 ++++++++++++++++
 .../userCenter/processCenter/gencyProcess.vue |  96 ++++++++++++
 .../processCenter/monitorProcesses.vue        | 130 ++++++++++++++++
 .../userCenter/processCenter/sentProcess.vue  | 145 ++++++++++++++++++
 src/views/userCenter/processCenter/tabs.vue   |  54 +++++++
 10 files changed, 690 insertions(+), 2 deletions(-)
 create mode 100644 src/api/modules/processCenter.js
 create mode 100644 src/router/modules/userCenter.js
 create mode 100644 src/views/userCenter/processCenter.vue
 create mode 100644 src/views/userCenter/processCenter/finishProcess.vue
 create mode 100644 src/views/userCenter/processCenter/gencyProcess.vue
 create mode 100644 src/views/userCenter/processCenter/monitorProcesses.vue
 create mode 100644 src/views/userCenter/processCenter/sentProcess.vue
 create mode 100644 src/views/userCenter/processCenter/tabs.vue

diff --git a/src/api/modules/processCenter.js b/src/api/modules/processCenter.js
new file mode 100644
index 0000000..156c7ec
--- /dev/null
+++ b/src/api/modules/processCenter.js
@@ -0,0 +1,19 @@
+import { instance as request } from '@/utils/request'
+export default{
+    //查询
+    search(data){
+        return request({
+            url: '',
+            method: 'POST',
+            data
+          })
+    },
+    //重置
+    reset(data){
+        return request({
+            url: '',
+            method: 'POST',
+            data
+          })
+    }
+}
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 97ea6d9..71b2a40 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,6 @@ let routes = []
 
 const requireComponents = require.context('./modules', false, /\.js/)
 requireComponents.keys().forEach(file => routes = [...routes, ...requireComponents(file).default])
-
 const router = new VueRouter({
   mode: 'history',
   base: process.env.BASE_URL,
@@ -19,7 +18,7 @@ const router = new VueRouter({
     return position
   }
 })
-
+console.log(routes);
 // 路由守卫
 router.beforeEach((to, from, next) => {
   /**
diff --git a/src/router/modules/userCenter.js b/src/router/modules/userCenter.js
new file mode 100644
index 0000000..f169ad5
--- /dev/null
+++ b/src/router/modules/userCenter.js
@@ -0,0 +1,22 @@
+const routes = [
+    // 用户中心管理
+    {
+      path: '/userCenter',
+      name: 'userCenter',
+      component: () => import('../../views/Layout.vue'),
+      children: [
+        // 流程中心
+        {
+          path: 'processCenter',
+          name: 'processCenter',
+          component: () => import('../../views/userCenter/processCenter.vue'),
+          meta: {
+            crumb: ['流程中心']
+          }
+        },
+      ]
+    }
+  ]
+  
+  export default routes
+  
\ No newline at end of file
diff --git a/src/views/Layout.vue b/src/views/Layout.vue
index deffd6c..6212af6 100644
--- a/src/views/Layout.vue
+++ b/src/views/Layout.vue
@@ -65,7 +65,9 @@ export default {
         return this.$router.push({ path: '/report/list', query: { id: 'AEHJB8YNJ3' } })
       }
       const data = JSON.parse(JSON.stringify(this.$store.state.menuData))
+      console.log('data',data);
       const menu = data.filter(item => item.parentId === this.$route.query.id)
+      console.log('id', this.$route.query.id);
       let menuData = []
       const menuFun = (menu) => {
         menuData = [...menuData, ...menu]
diff --git a/src/views/userCenter/processCenter.vue b/src/views/userCenter/processCenter.vue
new file mode 100644
index 0000000..d9da64b
--- /dev/null
+++ b/src/views/userCenter/processCenter.vue
@@ -0,0 +1,92 @@
+<template>
+    <div class="content">
+        <div class="title">
+            <span>流程中心</span>
+        </div>
+        <div class="searchForm">
+            <div class="item">
+                <div>流程编号：</div>
+                <el-input v-model="form.id" ></el-input> 
+            </div>
+            <div class="item">
+                <div>流程名称：</div>
+                <el-input v-model="form.name"></el-input> 
+            </div>
+            <div class="item">
+                <el-button type="primary"  @click="search">查询</el-button>
+                <el-button type="" @click="reset">重置</el-button>
+            </div>
+        </div>
+        <div class="tabs">
+            <tabs />
+        </div>
+    </div>
+</template>
+
+<script>
+import tabs from '../userCenter/processCenter/tabs.vue'
+    export default {
+        name:'processCenter',
+        components:{
+          tabs
+        },
+        data() {
+            return {
+                form: {}
+            }
+        },
+        created () {
+            ;
+        },
+        mounted () {
+            ;
+        },
+        methods: {
+            //查询
+            search() {
+                // this.$api.processCenter.search({})
+            },
+            //重置
+            reset(){
+                this.form={}
+                // this.$api.processCenter.reset({})
+            }
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+.content{
+    .title {
+        border-bottom: 1px solid #EBEEF5;
+        height: 42px;
+        line-height: 42px;
+        margin: 0 18px 0 22px;
+
+        span {
+            font-size: 16px;
+            font-weight: 600;
+            color: #262626;
+        }
+    }
+    .searchForm{
+        width: 1200px;
+        display: flex;
+        align-items: center;
+        margin: 20px 0 0 22px;
+        .item{
+        width: 300px;
+        display: flex;
+        align-items: center;
+        }
+       
+    }
+    .tabs{
+        margin: 20px 0 0 5px;
+    }
+    
+}
+::v-deep .el-input{
+    width: 200px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/userCenter/processCenter/finishProcess.vue b/src/views/userCenter/processCenter/finishProcess.vue
new file mode 100644
index 0000000..0205bc6
--- /dev/null
+++ b/src/views/userCenter/processCenter/finishProcess.vue
@@ -0,0 +1,129 @@
+<template>
+    <div>
+    <el-table
+    :data="tableData"
+    style="width: 100%"
+    border
+    :header-cell-style="{background:'#DFE6EC',fontWeight:'700',color:'#1F2D3D'}"
+    >
+    <el-table-column
+      prop="processId"
+      label="流程编号"
+      width="150"
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processName"
+      label="流程名称"
+    
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processPerson"
+      label="发起人"
+      width="220"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="now"
+      label="当前处理人"
+      width="190"
+      align="center"
+      
+      >
+    </el-table-column>
+      <el-table-column
+      prop="last"
+      label="上一处理人"
+      width="180"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="createTime"
+      label="创建时间"
+      width="180"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="endTime"
+      label="完成时间"
+      width="170"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="status"
+      label="状态"
+      width="125"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+    fixed="right"
+      label="操作"
+      width="120"
+      align="center">
+      <template slot-scope="scope">
+        <el-button
+          @click.native.prevent="view(scope.$index, tableData)"
+          type="text"
+          size="small">
+          查看
+        </el-button>
+      </template>
+      </el-table-column>
+  </el-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        name:'finishProcess',
+        data() {
+      return {
+        tableData: [{
+            processId: '2016-05-1',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-1'
+        }, {
+            processId: '2016-05-2',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-2'
+        }, {
+            processId: '2016-05-3',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-3'
+        }, {
+            processId: '2016-05-4',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-4'
+        }]
+      }
+    },
+    methods: {
+        view(){
+            alert(111)
+        },
+    }
+    }
+</script>
+
+<style lang="sass" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/userCenter/processCenter/gencyProcess.vue b/src/views/userCenter/processCenter/gencyProcess.vue
new file mode 100644
index 0000000..21ea321
--- /dev/null
+++ b/src/views/userCenter/processCenter/gencyProcess.vue
@@ -0,0 +1,96 @@
+<template>
+    <div>
+    <el-table
+    :data="tableData"
+    style="width: 100%"
+    border
+    :header-cell-style="{background:'#DFE6EC',fontWeight:'700',color:'#1F2D3D'}"
+    >
+    <el-table-column
+      prop="processId"
+      label="流程编号"
+      width="150"
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processName"
+      label="流程名称"
+      
+      align="left"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processPerson"
+      label="发起人"
+      width="390"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="createTime"
+      label="创建时间"
+      width="260"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      fixed="right"
+      label="操作"
+      width="120"
+      align="center">
+      <template slot-scope="scope">
+        <el-button
+          @click.native.prevent="handle(scope.$index, tableData)"
+          type="text"
+          size="small">
+          办理
+        </el-button>
+      </template>
+      </el-table-column>
+  </el-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        name:'gencyProcess',
+        data() {
+      return {
+        tableData: [{
+            processId: '2016-05-1',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-1'
+        }, {
+            processId: '2016-05-2',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-2'
+        }, {
+            processId: '2016-05-3',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-3'
+        }, {
+            processId: '2016-05-4',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-4'
+        }]
+      }
+    },
+    methods: {
+        handle(){
+            alert(111)
+        }
+    }
+    }
+</script>
+
+<style lang="sass" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/userCenter/processCenter/monitorProcesses.vue b/src/views/userCenter/processCenter/monitorProcesses.vue
new file mode 100644
index 0000000..50609bf
--- /dev/null
+++ b/src/views/userCenter/processCenter/monitorProcesses.vue
@@ -0,0 +1,130 @@
+<template>
+    <div>
+    <el-table
+    :data="tableData"
+    style="width: 100%"
+    border
+    :header-cell-style="{background:'#DFE6EC',fontWeight:'700',color:'#1F2D3D'}"
+    >
+    <el-table-column
+      prop="processId"
+      label="流程编号"
+     
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processName"
+      label="流程名称"
+      width="220"
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processPerson"
+      label="发起人"
+      width="220"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="now"
+      label="当前处理人"
+      width="190"
+      align="center"
+      
+      >
+    </el-table-column>
+      <el-table-column
+      prop="last"
+      label="上一处理人"
+      width="180"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="createTime"
+      label="创建时间"
+      width="180"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="endTime"
+      label="完成时间"
+      width="170"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="status"
+      label="状态"
+      width="125"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      fixed="right"
+      label="操作"
+      width="120"
+      align="center">
+      <template slot-scope="scope" >
+        <el-button
+          @click.native.prevent="view(scope.$index, tableData)"
+          type="text"
+          size="small"
+          >
+          <span>查看</span>
+        </el-button>
+      </template>
+      </el-table-column>
+  </el-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        name:'monitorProcess',
+        data() {
+      return {
+        tableData: [{
+            processId: '2016-05-1',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-1'
+        }, {
+            processId: '2016-05-2',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-2'
+        }, {
+            processId: '2016-05-3',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-3'
+        }, {
+            processId: '2016-05-4',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-4'
+        }]
+      }
+    },
+    methods: {
+        view(){
+            alert(111)
+        }
+    }
+    }
+</script>
+
+<style lang="sass" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/userCenter/processCenter/sentProcess.vue b/src/views/userCenter/processCenter/sentProcess.vue
new file mode 100644
index 0000000..4d7e19b
--- /dev/null
+++ b/src/views/userCenter/processCenter/sentProcess.vue
@@ -0,0 +1,145 @@
+<template>
+    <div>
+    <el-table
+    :data="tableData"
+    style="width: 100%"
+    border
+    :header-cell-style="{background:'#DFE6EC',fontWeight:'700',color:'#1F2D3D'}"
+    >
+    <el-table-column
+      prop="processId"
+      label="流程编号"
+      width="150"
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processName"
+      label="流程名称"
+      
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processPerson"
+      label="发起人"
+      width="220"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="now"
+      label="当前处理人"
+      width="190"
+      align="center"
+      
+      >
+    </el-table-column>
+      <el-table-column
+      prop="last"
+      label="上一处理人"
+      width="180"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="createTime"
+      label="创建时间"
+      width="180"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="endTime"
+      label="完成时间"
+      width="170"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="status"
+      label="状态"
+      width="125"
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      fixed="right"
+      label="操作"
+      width="120"
+      align="center">
+      <template slot-scope="scope" >
+            <el-button
+          @click.native.prevent="view(scope.$index, tableData)"
+          type="text"
+          size="small"
+          >
+          <span>查看</span>
+        </el-button>
+
+        <el-button
+          @click.native.prevent="back(scope.$index, tableData)"
+          type="text"
+          size="small"
+          >
+          <span>强制撤回</span>
+        </el-button>
+      
+      </template>
+    </el-table-column>
+
+    
+  </el-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        name:'sentProcess',
+        data() {
+      return {
+        tableData: [{
+            processId: '2016-05-1',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-1'
+        }, {
+            processId: '2016-05-2',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-2'
+        }, {
+            processId: '2016-05-3',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-3'
+        }, {
+            processId: '2016-05-4',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-4'
+        }]
+      }
+    },
+    methods: {
+        view(){
+            alert(111)
+        },
+        back(){
+            alert(222)
+        }
+    }
+    }
+</script>
+
+<style lang="scss" scoped>
+.slot{
+  
+}
+</style>
\ No newline at end of file
diff --git a/src/views/userCenter/processCenter/tabs.vue b/src/views/userCenter/processCenter/tabs.vue
new file mode 100644
index 0000000..1f7e23f
--- /dev/null
+++ b/src/views/userCenter/processCenter/tabs.vue
@@ -0,0 +1,54 @@
+<template>
+    <div>
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="待办流程" name="first">
+                <gencyProcess></gencyProcess>
+            </el-tab-pane>
+            <el-tab-pane label="已办流程" name="second">
+                <finishProcess></finishProcess>
+            </el-tab-pane>
+            <el-tab-pane label="已发流程" name="third">
+                <sentProcess></sentProcess>
+            </el-tab-pane>
+            <el-tab-pane label="监控流程" name="fourth">
+                <monitorProcesses></monitorProcesses>
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+
+<script>
+import gencyProcess from './gencyProcess.vue'
+import finishProcess from './finishProcess.vue'
+import monitorProcesses from './monitorProcesses.vue'
+import sentProcess from './sentProcess.vue'
+export default {
+    name: 'tabs',
+    components:{
+        gencyProcess,
+        finishProcess,
+        monitorProcesses,
+        sentProcess
+    },
+    data() {
+        return {
+            activeName: 'first'
+        };
+    },
+    created () {
+        ;
+    },
+    mounted () {
+        ;
+    },
+    methods: {
+        handleClick(tab, event) {
+            // console.log(tab, event);
+        }
+    }
+}
+</script>
+
+<style lang="sass" scoped>
+
+</style>
\ No newline at end of file