diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 1eb58966e..b83382e4b 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -468,7 +468,7 @@ module.exports = {
   processDone: 'Process done',
   sentProcess: 'Sent process',
   monitoringProcess: 'Monitoring process',
-  ConfirmDeployment:'Confirm deployment',
+  ConfirmDeployment:'Confirm deployment?',
   terminationProcess:'termination process',
   issue:'issue',
   projectInformation:'project information',
@@ -487,5 +487,16 @@ module.exports = {
   role:'role',
   operationContent:'operation content',
   operationTime:'operation time',
-
+  ConfirmReplication:'Confirm replication',
+  ProcessName:'Process name',
+  ProcessType:'Process type',
+  AddProcess:'Add process',
+  RelatedItems:'Related items',
+  Sponsor:'Sponsor',
+  CurrentProcessor:'Current processor',
+  LastProcessor:'Last processor',
+  ProcessingTime:'Processing time',
+  cutoffTime:'cut-off time',
+  ProcessStatus:'Process status',
+  CompletionTime:'Completion time'
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 7759453ee..ebfc6b24f 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -486,11 +486,21 @@ module.exports = {
   role:'角色',
   operationContent:'操作内容',
   operationTime:'操作时间',
-
-  away:'收起',
   toDoProcess: '待办流程',
   processDone: '已办流程',
   sentProcess: '已发流程',
   monitoringProcess: '监控流程',
   ConfirmDeployment:'确认部署？',
+  ConfirmReplication:'确认复制？',
+  ProcessName:'流程名称',
+  ProcessType:'流程类型',
+  AddProcess:'添加流程',
+  RelatedItems:'相关项目',
+  Sponsor:'发起人',
+  CurrentProcessor:'当前处理人',
+  LastProcessor:'上一处理人',
+  ProcessingTime:'办理时间',
+  cutoffTime:'截止时间',
+  ProcessStatus:'流程状态',
+  CompletionTime:'完成时间',
 }
\ No newline at end of file
diff --git a/jero-web/src/utils/request.js b/jero-web/src/utils/request.js
index dc8e27b3c..0bbf300cc 100644
--- a/jero-web/src/utils/request.js
+++ b/jero-web/src/utils/request.js
@@ -17,7 +17,7 @@ let apiBaseUrl = window._CONFIG['domianURL'] || '/jero-boot'
 const service = axios.create({
   //baseURL: '/jero-boot',
   baseURL: apiBaseUrl, // api base_url
-  timeout: 9000 // 请求超时时间
+  timeout: 900000000000 // 请求超时时间
 })
 
 const err = (error) => {
diff --git a/jero-web/src/views/processCenter/procedure/index.vue b/jero-web/src/views/processCenter/procedure/index.vue
index 15bfe699d..a4fb2b4a3 100644
--- a/jero-web/src/views/processCenter/procedure/index.vue
+++ b/jero-web/src/views/processCenter/procedure/index.vue
@@ -110,35 +110,35 @@
         total: 0,
         visible: false,
         formData: {},
-        title: '添加流程',
+        title: this.$t('AddProcess'),
         columns: [
           {
-            title: '序号',
+            title: this.$t('serialNumber'),
             dataIndex: 'index',
             align: 'center',
             ellipsis: true
           },
           {
-            title: '流程名称',
+            title: this.$t('ProcessName'),
             dataIndex: 'name',
             align: 'center',
             ellipsis: true
           },
           {
-            title: '流程类型',
+            title: this.$t('ProcessType'),
             dataIndex: 'categoryName',
             align: 'center',
             ellipsis: true
           },
           {
-            title: '创建时间',
+            title: this.$t('createTime'),
             dataIndex: 'createTime',
             align: 'center',
             ellipsis: true
           },
           {
-            title: '操作',
-            width: 100,
+            title: this.$t('operation'),
+            width: 140,
             align: 'center',
             fixed: 'right',
             scopedSlots: { customRender: 'operation' }
@@ -226,7 +226,7 @@
       deploy(modelId) {
         let _this = this
         this.$confirm({
-          content: _this.$t('ConfirmBatchDeletion'),
+          content: _this.$t('ConfirmDeployment'),
           onOk() {
             getAction('/model/deploy', { modelId: modelId }).then((res) => {
               if (res.success) {
@@ -240,55 +240,40 @@
         })
       },
       copyModel(modelId) {
-        this.$confirm('确认复制该条数据？', '确认复制', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          confirmButtonClass: 'common-button-primary',
-          roundButton: true,
-          type: 'warning'
-        }).then(() => {
-          this.$http.get('/lawss/activiti/copyModel', {
-            modelId: modelId
-          }, {
-            _this: this
-          }, res => {
-            if (res.success) {
-              this.$router.push({
-                path: '/ProcessMapping',
-                query: { id: res.result }
-              })
-            }
-          }, e => {
-          })
-        }).catch(() => {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmReplication'),
+          onOk() {
+            getAction('model/copyModel', { modelId: modelId }).then((res) => {
+              if (res.success) {
+                this.$router.push({
+                  path: '/ProcessMapping',
+                  query: { id: res.result }
+                })
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                this.queryTablePage()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
+            })
+          }
         })
       },
       // 删除
       deleteRow(row) {
-        this.$confirm('确认删除该条数据？', '确认删除', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          confirmButtonClass: 'common-button-primary',
-          roundButton: true,
-          type: 'warning'
-        }).then(() => {
-          const id = row.id
-          var oDate1 = new Date('2021-09-22 15:00:00')
-          var oDate2 = new Date(row.createTime)
-          if (oDate1.getTime() > oDate2.getTime()) {
-            this.$message.warning('原始流程不可以删除')
-          } else {
-            this.$http.get('/lawss/activiti/deleteModel', {
-              modelId: id
-            }, {
-              _this: this
-            }, res => {
-              this.$message.success(res.message)
-              this.queryTablePage()
-            }, e => {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('confirmDeletion'),
+          onOk() {
+            getAction('model/deleteModel', { modelId: row.id }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                this.queryTablePage()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
             })
           }
-        }).catch(() => {
         })
       }
     },
diff --git a/jero-web/src/views/processCenter/processList/tabComponents/alreadyProcess/index.vue b/jero-web/src/views/processCenter/processList/tabComponents/alreadyProcess/index.vue
index b65a012b4..cd4c891aa 100644
--- a/jero-web/src/views/processCenter/processList/tabComponents/alreadyProcess/index.vue
+++ b/jero-web/src/views/processCenter/processList/tabComponents/alreadyProcess/index.vue
@@ -1,206 +1,190 @@
 <!--已办流程-->
 <template>
-    <div>11111</div>
+  <div class="box">
+    <a-table
+      class="table"
+      rowKey="id"
+      :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+      :pagination="false"
+      :scroll="{x: true}"
+      :data-source="dataSource"
+      :loading="loading"
+      :columns="columns"
+    >
+    </a-table>
+    <div class="page" v-if="dataSource.length > 0">
+      <a-pagination
+        :show-total="total => $t('total')+` ${total} `+$t('strip')"
+        show-quick-jumper
+        show-size-changer
+        :page-size.sync="pageSize"
+        :total="total"
+        @change="onChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
+  </div>
 </template>
 
 <script>
-    import {mapGetters} from "vuex";
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import { mapGetters } from 'vuex'
 
-    export default {
-        name: 'AlreadyProcess',
-        data() {
-            return {
-                searchForm: {},
-                total: 0,
-                pageNo: 1,
-                rows: 10,
-                loading: false,
-                formLabelWidth: '80px',
-                tableHeight: null,
-                // 列表数据
-                processList: [],
-                // 流程类型
-                processTypeList: {
-                    '1': '点检流程',
-                    '2': '法规更新流程',
-                    '3': '企标立项流程',
-                    '4': '子公司立项流程',
-                    '5': '企业标准制修订实施流程',
-                    '6': '子公司制修订实施流程',
-                    '7': '文件评估流程',
-                },
-                // 流程状态
-                processStateList: [
-                    {
-                        label: '待发起',
-                        value: '0'
-                    },
-                    {
-                        label: '审批中',
-                        value: '1'
-                    },
-                    {
-                        label: '已完成',
-                        value: '2'
-                    }
-                ]
-            }
-        },
-        computed: {
+  export default {
+    name: 'AlreadyProcess',
+    data() {
+      return {
+        searchForm: {},
+        total: 0,
+        pageNo: 1,
+        pageSize: 10,
+        selectedRowKeys: [],
+        columns: [
+          {
+            title: this.$t('ProcessType'),
+            dataIndex: 'prcType',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('Sponsor'),
+            dataIndex: 'creatUserName',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('CurrentProcessor'),
+            dataIndex: 'taskAssignee',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('LastProcessor'),
+            dataIndex: 'taskBackAssignee',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('createTime'),
+            dataIndex: 'createTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('ProcessingTime'),
+            dataIndex: 'createTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('ProcessStatus'),
+            dataIndex: 'isEnd',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('cutoffTime'),
+            dataIndex: 'endTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('operation'),
+            width: 140,
+            align: 'center',
+            fixed: 'right',
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        loading: false,
+        dataSource: []
+      }
+    },
+    computed: {},
+    methods: {
+      ...mapGetters(['userInfo']),
+      onSelectChange() {
 
-        },
-        methods: {
-            // 新建流程跳转
-            createProcess() {
-                this.$store.commit('setDetailMap', this.$route.path)
-                this.$router.push({
-                    path: '/newProcess'
-                })
-            },
-            rejectTaskToStart(rows) {
-                this.$http.post('activiti/busProcess/processRevocation', {processId: rows.id}
-                    , {
-                        _this: this
-                    }, res => {
-                        if (res.ok) {
-                            this.$message.success(this.$t('m.WithdrawalSuccessful'))
-                        }
-                        this.queryProcess()
-                    }, e => {
-                    })
-            },
-            getFlowByUser() {
-                this.$http.get('activiti/busProcess/FlowByUser', {}
-                    , {
-                        _this: this
-                    }, res => {
-                        this.userTypeList = res.data
-                    }, e => {
-                    })
-            },
-            reset() {
-                this.$refs['processSearch'].resetFields()
-                this.searchForm = {}
-                this.queryProcess()
-            },
-            queryProcess() {
-                this.loading = true
-                let parmes = JSON.parse(JSON.stringify(this.searchForm))
-                parmes.current = this.pageNo
-                parmes.size = this.$store.getters.userInfo.configContent
-                parmes.userId = this.userInfo.userId
-                this.$http.postData('doneProcess',
-                    parmes,
-                    {
-                        loading: 'queryProcessLoading',
-                        _this: this
-                    }, res => {
-                        this.processList = res.list
-                        this.total = res.count
-                        this.loading = false
-                    }, e => {
-                        this.loading = false
-                    })
-            },
-            // 搜索按钮
-            selectProcessBtn() {
-                this.pageNo = 1
-                this.queryProcess()
-            },
-            handleSelectionChange(val) {
-            },
-            // 页码改变
-            pageChange(pageNo) {
-                this.pageNo = pageNo
-                this.queryProcess()
-            },
-            // 长度改变
-            pageSizeChange(pageSize) {
-                // this.pageSize = pageSize
-                this.queryProcess()
-            },
-            // 清空条件查询
-            resetSelect() {
-                this.$refs['processSearch'].resetFields()
-                this.searchForm = {}
-                this.queryProcess()
-            },
-            // 打开查看
-            classAdd(row) {
-                this.$store.commit('setDetailMap', this.$route.path)
-                this.$router.push({
-                    path: '/ProcessDetail',
-                    query: {
-                        prcNum: row.prcNum,
-                        // processNumber: row.processNumber,
-                        // id: row.id,
-                        // processType: row.processType,
-                        // processTypeName: row.processTypeName,
-                        // processStatus: row.processStatus
-                    }
-                })
-                // let routeUrl = this.$router.resolve({ // eslint-disable-line
-                //   name: 'ProcessDetail',
-                //   params: {
-                //     processNumber: row.processNumber,
-                //     id: row.id,
-                //     processType: row.processType,
-                //     processTypeName: row.processTypeName,
-                //     processStatus: row.processStatus
-                //   }
-                // })
-                // window.open(routeUrl.href, '_blank')
-            }
-        },
-        mounted() {
-            // this.queryProcess()
-
-        }
+      },
+      onChange(page, pageSize) {
+        this.pageNo = page
+        this.queryProcess()
+      },
+      SizeChange(page, pageSize) {
+        this.pageSize = pageSize
+        this.queryProcess()
+      },
+      queryProcess() {
+        this.loading = true
+        let parmes = JSON.parse(JSON.stringify(this.searchForm))
+        parmes.current = this.pageNo
+        parmes.size = this.pageSize
+        parmes.userId = this.userInfo().userId
+        postAction('task/doneProcess', parmes).then((res) => {
+          this.dataSource = res.orders || []
+          this.total = res.total
+          this.loading = false
+        })
+      },
+      // 打开查看
+      classAdd(row) {
+        this.$store.commit('setDetailMap', this.$route.path)
+        this.$router.push({
+          path: '/ProcessDetail',
+          query: {
+            prcNum: row.prcNum
+          }
+        })
+      }
+    },
+    mounted() {
+      this.queryProcess()
     }
+  }
 </script>
 
 <style lang="less" scoped>
-    .already-process {
-        position: relative;
-        height: 100%;
-        padding: 15px;
-        background: #fff;
+  .already-process {
+    position: relative;
+    height: 100%;
+    padding: 15px;
+    background: #fff;
 
-        /deep/ .el-form-item__label {
-            width: 144.34px;
-        }
-
-        .label-input-form {
-            display: flex;
-            justify-content: space-between;
-        }
-
-        .content {
-            // height: 540px;
-            margin-top: 10px;
-            width: 100%;
-            height: calc(~'100% - 135px') !important;
-            //overflow-y: auto;
-        }
-
-        .tabpagination {
-            position: relative;
-        }
-
-        .demo-drawer__content {
-            // border: 1px solid #ccc;
-            padding: 0 15px;
-        }
+    /deep/ .el-form-item__label {
+      width: 144.34px;
     }
 
-    .wx-dot {
-        display: inline-block;
-        width: 12px;
-        height: 12px;
-        margin-right: 8px;
-        border-radius: 50%;
-        //background: #e8eaec;
-        position: relative;
-        top: 1px;
+    .label-input-form {
+      display: flex;
+      justify-content: space-between;
     }
+
+    .content {
+      // height: 540px;
+      margin-top: 10px;
+      width: 100%;
+      height: calc(~'100% - 135px') !important;
+      //overflow-y: auto;
+    }
+
+    .tabpagination {
+      position: relative;
+    }
+
+    .demo-drawer__content {
+      // border: 1px solid #ccc;
+      padding: 0 15px;
+    }
+  }
+
+  .wx-dot {
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    margin-right: 8px;
+    border-radius: 50%;
+    //background: #e8eaec;
+    position: relative;
+    top: 1px;
+  }
 </style>
diff --git a/jero-web/src/views/processCenter/processList/tabComponents/alreadySend/index.vue b/jero-web/src/views/processCenter/processList/tabComponents/alreadySend/index.vue
index e8e8e01ce..2e1f5d980 100644
--- a/jero-web/src/views/processCenter/processList/tabComponents/alreadySend/index.vue
+++ b/jero-web/src/views/processCenter/processList/tabComponents/alreadySend/index.vue
@@ -1,11 +1,33 @@
 <!--已发流程-->
 <template>
-  <div>
-    22222
+  <div class="box">
+    <a-table
+      class="table"
+      rowKey="id"
+      :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+      :pagination="false"
+      :scroll="{x: true}"
+      :data-source="dataSource"
+      :loading="loading"
+      :columns="columns"
+    >
+    </a-table>
+    <div class="page" v-if="dataSource.length > 0">
+      <a-pagination
+        :show-total="total => $t('total')+` ${total} `+$t('strip')"
+        show-quick-jumper
+        show-size-changer
+        :page-size.sync="pageSize"
+        :total="total"
+        @change="onChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
   </div>
 </template>
 
 <script>
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
   import { mapGetters } from 'vuex'
 
   export default {
@@ -15,164 +37,109 @@
         searchForm: {},
         total: 0,
         pageNo: 1,
-        rows: 10,
-        loading: false,
-        formLabelWidth: '80px',
-        tableHeight: null,
-        // 列表数据
-        processList: [],
-        // 流程类型
-        processTypeList: {
-          '1': '点检流程',
-          '2': '法规更新流程',
-          '3': '企标立项流程',
-          '4': '子公司立项流程',
-          '5': '企业标准制修订实施流程',
-          '6': '子公司制修订实施流程',
-          '7': '文件评估流程'
-        },
-        // 流程状态
-        processStateList: [
+        pageSize: 10,
+        selectedRowKeys: [],
+        columns: [
           {
-            label: '待发起',
-            value: '0'
+            title: this.$t('ProcessType'),
+            dataIndex: 'prcType',
+            align: 'center',
+            ellipsis: true
           },
           {
-            label: '审批中',
-            value: '1'
+            title: this.$t('Sponsor'),
+            dataIndex: 'creatUserName',
+            align: 'center',
+            ellipsis: true
           },
           {
-            label: '已完成',
-            value: '2'
+            title: this.$t('CurrentProcessor'),
+            dataIndex: 'taskAssignee',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('LastProcessor'),
+            dataIndex: 'taskBackAssignee',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('createTime'),
+            dataIndex: 'createTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('CompletionTime'),
+            dataIndex: 'createTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('ProcessStatus'),
+            dataIndex: 'isEnd',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('cutoffTime'),
+            dataIndex: 'endTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('operation'),
+            width: 140,
+            align: 'center',
+            fixed: 'right',
+            scopedSlots: { customRender: 'operation' }
           }
-        ]
+        ],
+        loading: false,
+        dataSource: []
       }
     },
     computed: {},
     methods: {
-      /**
-       * 撤回
-       */
-      recall(row) {
-        row.disabled = true
-        this.$http.post('activiti/busProcess/processRevocation', { processId: row.id, flag: 0 }
-          , {
-            _this: this
-          }, res => {
-            if (res.ok) {
-              this.$message.success(this.$t('m.WithdrawalSuccessful'))
-            }
-            this.queryProcess()
-          }, e => {
-          })
+      ...mapGetters(['userInfo']),
+      onSelectChange() {
+
       },
-      // 新建流程跳转
-      createProcess() {
-        this.$store.commit('setDetailMap', this.$route.path)
-        this.$router.push({
-          path: '/newProcess'
-        })
+      onChange(page, pageSize) {
+        this.pageNo = page
+        this.queryProcess()
       },
-      rejectTaskToStart(rows) {
-        this.$http.post('activiti/busProcess/processRevocation', { processId: rows.id }
-          , {
-            _this: this
-          }, res => {
-            if (res.ok) {
-              this.$message.success(this.$t('m.WithdrawalSuccessful'))
-            }
-            this.queryProcess()
-          }, e => {
-          })
-      },
-      getFlowByUser() {
-        this.$http.get('activiti/busProcess/FlowByUser', {}
-          , {
-            _this: this
-          }, res => {
-            this.userTypeList = res.data
-          }, e => {
-          })
-      },
-      reset() {
-        this.$refs['processSearch'].resetFields()
+      SizeChange(page, pageSize) {
+        this.pageSize = pageSize
         this.queryProcess()
       },
       queryProcess() {
         this.loading = true
         let parmes = JSON.parse(JSON.stringify(this.searchForm))
         parmes.current = this.pageNo
-        parmes.size = this.$store.getters.userInfo.configContent
-        parmes.userId = this.userInfo.userId
-        this.$http.postData('issuedProcess',
-          parmes,
-          {
-            loading: 'queryProcessLoading',
-            _this: this
-          }, res => {
-            this.processList = res.list.map(item => {
-              return {
-                ...item, disabled: false
-              }
-            })
-            this.total = res.count
-            this.loading = false
-          }, e => {
-            this.loading = false
-          })
-      },
-      // 搜索按钮
-      selectProcessBtn() {
-        this.pageNo = 1
-        this.queryProcess()
-      },
-      handleSelectionChange(val) {
+        parmes.size = this.pageSize
+        parmes.userId = this.userInfo().userId
+        postAction('task/IssuedProcess', parmes).then((res) => {
+          this.dataSource = res.orders || []
+          this.total = res.total
+          this.loading = false
+        })
       },
+
       // 打开查看
       classAdd(row) {
         row.disabled = true
-        this.$store.commit('setDetailMap', this.$route.path)
         this.$router.push({
           path: '/ProcessDetail',
           query: {
             prcNum: row.prcNum
-            // id: row.id,
-            // processType: row.processType,
-            // processTypeName: row.processTypeName,
-            // processStatus: row.processStatus
           }
         })
-        // let routeUrl = this.$router.resolve({ // eslint-disable-line
-        //   name: 'ProcessDetail',
-        //   params: {
-        //     processNumber: row.processNumber,
-        //     id: row.id,
-        //     processType: row.processType,
-        //     processTypeName: row.processTypeName,
-        //     processStatus: row.processStatus
-        //   }
-        // })
-        // window.open(routeUrl.href, '_blank')
-      },
-      // 页码改变
-      pageChange(pageNo) {
-        this.pageNo = pageNo
-        this.queryProcess()
-      },
-      // 长度改变
-      pageSizeChange(pageSize) {
-        // this.pageSize = pageSize
-        this.queryProcess()
-      },
-      // 清空条件查询
-      resetSelect() {
-        this.$refs['processSearch'].resetFields()
-        this.searchForm = {}
-        this.queryProcess()
       }
     },
     mounted() {
-      // this.queryProcess()
+      this.queryProcess()
     }
   }
 </script>
diff --git a/jero-web/src/views/processCenter/processList/tabComponents/processCenter/index.vue b/jero-web/src/views/processCenter/processList/tabComponents/processCenter/index.vue
index fb80a34cb..5699c26d9 100644
--- a/jero-web/src/views/processCenter/processList/tabComponents/processCenter/index.vue
+++ b/jero-web/src/views/processCenter/processList/tabComponents/processCenter/index.vue
@@ -1,381 +1,177 @@
 <!--待办流程-->
 <template>
-   <div>
-     hahahahahh
-   </div>
+  <div class="box">
+    <a-table
+      class="table"
+      rowKey="id"
+      :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+      :pagination="false"
+      :scroll="{x: true}"
+      :data-source="dataSource"
+      :loading="loading"
+      :columns="columns"
+    >
+    </a-table>
+    <div class="page" v-if="dataSource.length > 0">
+      <a-pagination
+        :show-total="total => $t('total')+` ${total} `+$t('strip')"
+        show-quick-jumper
+        show-size-changer
+        :page-size.sync="pageSize"
+        :total="total"
+        @change="onChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
+  </div>
 </template>
 
 <script>
-    import {mapGetters, mapMutations} from 'vuex'
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import { mapGetters } from 'vuex'
+  export default {
+    name: 'ProcessCenter',
+    data() {
+      return {
+        searchForm: {},
+        total: 0,
+        pageNo: 1,
+        pageSize: 10,
+        selectedRowKeys:[],
+        columns: [
+          {
+            title: this.$t('RelatedItems'),
+            dataIndex: 'RelatedItems',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('standard'),
+            dataIndex: 'prcNum',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('title'),
+            dataIndex: 'prcName',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('ProcessType'),
+            dataIndex: 'prcType',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('Sponsor'),
+            dataIndex: 'creatUserName',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('createTime'),
+            dataIndex: 'createTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('cutoffTime'),
+            dataIndex: 'endTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('operation'),
+            width: 140,
+            align: 'center',
+            fixed: 'right',
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        loading: false,
+        dataSource:[],
+      }
+    },
+    computed: {},
+    methods: {
+      ...mapGetters(['userInfo']),
+      onSelectChange(){
 
-    export default {
-        name: 'ProcessCenter',
-        data() {
-            return {
-                searchForm: {},
-                total: 0,
-                pageNo: 1,
-                rows: 10,
-                loading: false,
-                formLabelWidth: '80px',
-                tableHeight: null,
-                // 列表数据
-                processList: [],
-                // 流程类型
-                processTypeList: {
-                    '1': '点检流程',
-                    '2': '法规更新流程',
-                    '3': '企标立项流程',
-                    '4': '子公司立项流程',
-                    '5': '企业标准制修订实施流程',
-                    '6': '子公司制修订实施流程',
-                    '7': '文件评估流程',
-                },
-                // 流程状态
-                processStateList: [
-                    {
-                        label: '待发起',
-                        value: '0'
-                    },
-                    {
-                        label: '审批中',
-                        value: '1'
-                    },
-                    {
-                        label: '已完成',
-                        value: '2'
-                    }
-                ],
-                showProcessList: false, // 流程选择抽屉窗
-                // 当前流程待办子流程列表
-                backlogProcessList: [],
-                queryProcessLoading: false,
-                processListLoading: false,
-                styles: {
-                    height: 'calc(100% - 55px)',
-                    overflow: 'auto',
-                    padding: '16px 0 53px 16px',
-                    position: 'static'
-                },
-                currentProcessNumber: '' // 办理时使用的将传给下个页面
-            }
-        },
-        computed: {
-
-        },
-        methods: {
-            // 新建流程跳转
-            createProcess() {
-                this.$store.commit('setDetailMap', this.$route.path)
-                this.$router.push({
-                    path: '/newProcess'
-                })
-            },
-            // 删除
-            classDel(row) {
-                this.$confirm(this.$t('m.confirmToDeleteThisPieceOfData'), this.$t('m.prompt'), {
-                    confirmButtonText: this.$t('m.determine'),
-                    cancelButtonText: this.$t('m.cancel'),
-                    type: 'warning'
-                }).then(() => {
-                    this.$http.postData('activiti/busProcess/deleteNoStartProcess', {id: row.id}, {
-                        _this: this
-                    }, res => {
-                        if (res) {
-                            this.resetSelect()
-                        } else {
-                        }
-                    }).catch(() => {
-                    })
-                })
-            },
-            rejectTaskToStart(rows) {
-                this.$http.post('activiti/busProcess/processRevocation', {processId: rows.id}
-                    , {
-                        _this: this
-                    }, res => {
-                        if (res.ok) {
-                            this.$message.success(this.$t('m.WithdrawalSuccessful'))
-                        }
-                        this.queryProcess()
-                    }, e => {
-                    })
-            },
-            getFlowByUser() {
-                this.$http.get('activiti/busProcess/FlowByUser', {}
-                    , {
-                        _this: this
-                    }, res => {
-                        this.userTypeList = res.data || []
-                    }, e => {
-                    })
-            },
-            resetSelect() {
-                this.$refs['processSearch'].resetFields()
-                this.searchForm = {}
-                this.queryProcess()
-            },
-            queryProcess() {
-                this.loading = true
-                let parmes = JSON.parse(JSON.stringify(this.searchForm))
-                parmes.current = this.pageNo
-                parmes.size = this.$store.getters.userInfo.configContent
-                parmes.userId = this.userInfo.userId
-                this.$http.postData('todoTaskList',
-                    parmes,
-                    {
-                        _this: this
-                    }, res => {
-                        this.processList = res.list || []
-                        this.total = res.count
-                        this.loading = false
-                    }, e => {
-                        this.loading = false
-                    })
-            },
-            // 搜索按钮
-            selectProcessBtn() {
-                this.pageNo = 1
-                this.queryProcess()
-            },
-            handleSelectionChange(val) {
-            },
-            // 页码改变
-            pageChange(pageNo) {
-                this.pageNo = pageNo
-                this.queryProcess()
-            },
-            // 长度改变
-            pageSizeChange(pageSize) {
-                // this.pageSize = pageSize
-                this.queryProcess()
-            },
-            // 打开查看
-            classAdd(row) {
-                this.$store.commit('setDetailMap', this.$route.path)
-                // let routeUrl = this.$router.resolve({ // eslint-disable-line
-                //   name: 'ProcessDetail',
-                //   params: {
-                //     processNumber: row.processNumber,
-                //     id: row.id,
-                //     processType: row.processType,
-                //     processTypeName: row.processTypeName,
-                //     processStatus: row.processStatus
-                //   }
-                // })
-                // window.open(routeUrl.href, '_blank')
-                this.$router.push({
-                    path: '/ProcessDetail',
-                    query: {
-                        prcNum: row.prcNum,
-                        // processNumber: row.processNumber,
-                        // id: row.id,
-                        // processType: row.processType,
-                        // processTypeName: row.processTypeName,
-                        // processStatus: row.processStatus
-                    }
-                })
-            },
-            dealWith(row) {
-              console.log(row,'rowrow')
-                // this.currentProcessNumber = row.processNumber
-                // this.queryBacklogProcessList(row.id)
-                // this.showProcessList = true
-                let index = row.taskIds.lastIndexOf(',')
-                row.taskIds = row.taskIds.slice(0, index)
-                if (row.prcType == '2') {
-                    this.$router.push({
-                        path: '/regulationUpdate',
-                        query: row
-                    })
-                } else if (row.prcType == '3') {
-                    this.$router.push({
-                        path: '/businessReviseTopicProjectEstablishment',
-                        query: row
-                    })
-                } else if (row.prcType == '4') {
-                    this.$router.push({
-                        path: '/businessReviseTopicProjectEstablishment',
-                        query: row
-                    })
-                } else if (row.prcType == '1') {
-                  console.log('跳转更改')
-                    this.$router.push({
-                        path: '/projectLcaListListing',
-                        query: row
-                    })
-                } else if (row.prcType == '7') {
-                    this.$router.push({
-                        path: '/fileAssessFlowDetails',
-                        query: row
-                    })
-                } else if (row.prcType == '5') {
-                    this.$router.push({
-                        path: '/businessRevisedStandardListingDetails',
-                        query: row
-                    })
-                } else if (row.prcType == '6') {
-                    this.$router.push({
-                        path: '/subBusinessRevisedStandardListingDetails',
-                        query: row
-                    })
-                }
-            },
-            queryBacklogProcessList(processId) {
-                this.$http.post('activiti/busProcess/getToDoTaskList',
-                    {
-                        processId: processId
-                    },
-                    {
-                        loading: 'processListLoading',
-                        _this: this
-                    }, res => {
-                        this.backlogProcessList = res.data
-                        console.log('this.backlogProcessList', this.backlogProcessList)
-                    }, e => {
-                    })
-            },
-            handleProcess(process) {
-                this.$store.commit('setDetailMap', this.$route.path)
-                this.setProcess(JSON.stringify(process))
-                console.log(process)
-                const state = process.state
-                const reject = process.reject
-                if (state === '2' || state === '4' || state === '6' || state === '7') {
-                    this.$router.push({
-                        name: 'Check',
-                        params: {
-                            taskId: process.taskId,
-                            processNumber: this.currentProcessNumber,
-                            state
-                        }
-                    })
-                }
-                if (state === '1' || state === '3') {
-                    this.$router.push({
-                        name: 'Edit',
-                        params: {
-                            taskId: process.taskId,
-                            processNumber: this.currentProcessNumber,
-                            state,
-                            reject
-                        }
-                    })
-                }
-                if (state === '5') {
-                    this.$router.push({
-                        name: 'Edit2',
-                        params: {
-                            taskId: process.taskId,
-                            processNumber: this.currentProcessNumber,
-                            state
-                        }
-                    })
-                }
-            },
-            ...mapMutations(['setProcess'])
-        },
-        mounted() {
-            // this.queryProcess()
+      },
+      queryProcess() {
+        this.loading = true
+        let parmes = JSON.parse(JSON.stringify(this.searchForm))
+        parmes.current = this.pageNo
+        parmes.size = this.pageSize
+        parmes.userId = this.userInfo().userId
+        postAction('task/todoTaskList',parmes).then((res)=>{
+          this.dataSource = res.orders || []
+          this.total = res.total
+          this.loading = false
+        })
+      },
+      dealWith(row) {
+        console.log(row, 'rowrow')
+        // this.currentProcessNumber = row.processNumber
+        let index = row.taskIds.lastIndexOf(',')
+        row.taskIds = row.taskIds.slice(0, index)
+        if (row.prcType == '2') {
+          this.$router.push({
+            path: '/regulationUpdate',
+            query: row
+          })
+        } else if (row.prcType == '3') {
+          this.$router.push({
+            path: '/businessReviseTopicProjectEstablishment',
+            query: row
+          })
+        } else if (row.prcType == '4') {
+          this.$router.push({
+            path: '/businessReviseTopicProjectEstablishment',
+            query: row
+          })
+        } else if (row.prcType == '1') {
+          console.log('跳转更改')
+          this.$router.push({
+            path: '/projectLcaListListing',
+            query: row
+          })
+        } else if (row.prcType == '7') {
+          this.$router.push({
+            path: '/fileAssessFlowDetails',
+            query: row
+          })
+        } else if (row.prcType == '5') {
+          this.$router.push({
+            path: '/businessRevisedStandardListingDetails',
+            query: row
+          })
+        } else if (row.prcType == '6') {
+          this.$router.push({
+            path: '/subBusinessRevisedStandardListingDetails',
+            query: row
+          })
         }
+      },
+      onChange(page, pageSize) {
+        this.pageNo = page
+        this.queryProcess()
+      },
+      SizeChange(page, pageSize) {
+        this.pageSize = pageSize
+        this.queryProcess()
+      },
+    },
+    mounted() {
+      this.queryProcess()
     }
+  }
 </script>
 
 <style lang="less" scoped>
-    .process-center {
-        position: relative;
-        height: 100%;
-        padding: 15px;
-        background: #fff;
-
-        /deep/ .el-form-item__label {
-            width: 144.34px;
-        }
-
-        .label-input-form {
-            display: flex;
-            justify-content: space-between;
-        }
-
-        .content {
-            // height: 540px;
-            margin-top: 10px;
-            width: 100%;
-            height: calc(~'100% - 135px') !important;
-            //overflow-y: auto;
-        }
-
-        .tabpagination {
-            position: relative;
-        }
-
-        .demo-drawer__content {
-            // border: 1px solid #ccc;
-            padding: 0 15px;
-        }
-    }
-
-    .wx-dot {
-        display: inline-block;
-        width: 12px;
-        height: 12px;
-        margin-right: 8px;
-        border-radius: 50%;
-        //background: #e8eaec;
-        position: relative;
-        top: 1px;
-    }
-
-    .backlog-process-list {
-        display: block !important;
-
-        .backlog-process-left {
-            float: left;
-            max-width: 83%;
-            line-height: 35px;
-            font-size: 16px;
-            font-weight: bold;
-            //.ellipsis();
-            & > span {
-                max-width: 80%;
-                margin-right: 5px;
-                //.ellipsis();
-            }
-        }
-
-        .backlog-process-right {
-            float: right;
-            margin-right: 34px;
-
-            button {
-                margin-top: 5px;
-            }
-        }
-    }
-
-    .clearfix:after { /*伪元素是行内元素 正常浏览器清除浮动方法*/
-        content: "";
-        display: block;
-        height: 0;
-        clear: both;
-        visibility: hidden;
-    }
-
-    .clearfix {
-        *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
-    }
-
-    .clearfix {
-        width: 100%;
-        display: flex;
-
-        .backlog-process-left {
-            width: 50%;
-        }
-
-        .backlog-process-right {
-            width: 50%;
-            text-align: right;
-        }
-    }
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
 </style>