diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index ecb8936f1..df42f3f1e 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -464,4 +464,9 @@ module.exports = {
   OnlyPDF:'Only PDF files can be imported',
   open:'open',
   away:'away',
+  toDoProcess: 'To Do List',
+  processDone: 'Process done',
+  sentProcess: 'Sent process',
+  monitoringProcess: 'Monitoring process',
+  ConfirmDeployment:'Confirm deployment',
 }
\ 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 01ca7a153..ba2df55bc 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -467,5 +467,10 @@ module.exports = {
   OnlyOneSelected:'只能选择一条数据',
   OnlyPDF:'只能导入pdf文件',
   open:'展开',
-  away:'收起'
+  away:'收起',
+  toDoProcess: '待办流程',
+  processDone: '已办流程',
+  sentProcess: '已发流程',
+  monitoringProcess: '监控流程',
+  ConfirmDeployment:'确认部署？',
 }
\ No newline at end of file
diff --git a/jero-web/src/views/documentManage/library/index.vue b/jero-web/src/views/documentManage/library/index.vue
index 06abdd2c0..e3a3cc038 100644
--- a/jero-web/src/views/documentManage/library/index.vue
+++ b/jero-web/src/views/documentManage/library/index.vue
@@ -167,11 +167,11 @@
             onOk() {
               deleteAction(_this.url.deleteBatch, { ids: _this.idList.join(',') }).then((res) => {
                 if (res.success) {
-                  _this.$message.success(res.message)
+                  _this.$message.success(_this.$t('OperationSuccessful'))
                   _this.idList = []
                   eventBUs.$emit('searchReset')
                 } else {
-                  this.$message.warning(res.message)
+                  _this.$message.warning(_this.$t('operationFailed'))
                 }
               })
             }
diff --git a/jero-web/src/views/processCenter/ProcessMapping.vue b/jero-web/src/views/processCenter/ProcessMapping.vue
new file mode 100644
index 000000000..ae5b79d22
--- /dev/null
+++ b/jero-web/src/views/processCenter/ProcessMapping.vue
@@ -0,0 +1,53 @@
+<template>
+    <div class="execution">
+        <basic-container>
+            <iframe class="iframe" :src="src"></iframe>
+        </basic-container>
+    </div>
+</template>
+
+<script>
+    import BasicContainer from './basic-container/index'
+    export default {
+        name: "ProcessMapping",
+        components: {
+            BasicContainer
+        },
+        data() {
+            return {
+                name: '',
+                actUrl: 'http://10.0.1.13:17210/modeler.html?modelId='//本地
+                // actUrl: 'http://10.255.35.25:8082/modeler.html?modelId='  //正式
+                // actUrl: 'http://10.255.128.148:8888/modeler.html?modelId='  //测试
+            }
+        },
+        created() {
+            this.id = this.$route.query.id
+        },
+        computed: {
+            src() {
+                return `${this.actUrl}${this.id}`
+            }
+        },
+        methods: {
+            breaks() {
+                this.$router.push({path: '/'})
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .execution{
+        width: 100%;
+    }
+    .iframe{
+        width: 100%;
+        height: auto;
+        min-height: 850px;
+        border: 0;
+        overflow: hidden;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+    }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/processCenter/basic-container/index.vue b/jero-web/src/views/processCenter/basic-container/index.vue
new file mode 100644
index 000000000..7dcac617f
--- /dev/null
+++ b/jero-web/src/views/processCenter/basic-container/index.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="basic-container"
+       :class="{'basic-container--block':block}">
+      <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "basicContainer",
+  props: {
+    block: {
+      type: Boolean,
+      default: false,
+    }
+  }
+};
+</script>
+
+<style>
+.basic-container{
+  width: 100%;
+}
+</style>
+
diff --git a/jero-web/src/views/processCenter/procedure/index.vue b/jero-web/src/views/processCenter/procedure/index.vue
new file mode 100644
index 000000000..15bfe699d
--- /dev/null
+++ b/jero-web/src/views/processCenter/procedure/index.vue
@@ -0,0 +1,368 @@
+<template>
+  <div style="padding: 24px">
+    <div style="height: 100%;">
+      <div class="content">
+        <div class="table-operator">
+          <div @click="handleAdd" class="operator-text">
+            <a-icon type="delete"/>
+            {{$t('add')}}
+          </div>
+        </div>
+        <a-table
+          class="table"
+          :pagination="false"
+          :scroll="{x: true}"
+          :data-source="dataSource"
+          :loading="loading"
+          :columns="columns"
+          @change="tableOnChange"
+        >
+          <span slot="operation" slot-scope="record">
+             <a @click="edit(record)">{{$t('edit')}}</a>
+             <a @click="deploy(record.id)">部署</a>
+             <a @click="copyModel(record.id)">复制</a>
+             <a @click="deleteRow(record)">{{$t('delete')}}</a>
+          </span>
+        </a-table>
+      </div>
+      <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>
+      <a-drawer
+        :title="title"
+        :maskClosable="false"
+        :width="600"
+        placement="right"
+        :closable="true"
+        @close="handleCancel"
+        :visible="visible"
+        style="height: 100%;overflow: auto;padding-bottom: 53px;">
+        <a-form-model :model="formData" class="formAdd" ref="ruleForm">
+          <a-row :gutter="24">
+
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" title="模型类型">模型类型</span>
+                </div>
+                <a-form-model-item class="itemModel">
+                  <a-select v-model="formData.category" :placeholder="$t('pleaseSelect')+'模型类型'">
+                    <a-select-option v-for="opt in typeList" :value="opt.value" :key="opt.value">
+                      {{ opt.label }}
+                    </a-select-option>
+                  </a-select>
+                </a-form-model-item>
+              </div>
+            </a-col>
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" title="模型名称">模型名称</span>
+                </div>
+                <a-form-model-item class="itemModel">
+                  <a-input class="box-input"
+                           v-model="formData.name"
+                           :placeholder="$t('PleaseEnter')+'模型名称'"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" title="模型描述">模型描述</span>
+                </div>
+                <a-form-model-item class="itemModel">
+                  <a-input class="box-input"
+                           v-model="formData.desc"
+                           :placeholder="$t('PleaseEnter')+'模型描述'"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+        </a-form-model>
+        <div class="drawer-bootom-button">
+          <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
+          <a-button @click="handleSubmit" type="primary">{{$t('submit')}}</a-button>
+        </div>
+      </a-drawer>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import eventBUs from '../../../common/event'
+
+  export default {
+    name: 'ProcessClassification',
+    components: {},
+    data() {
+      return {
+        tableDataLoading: false,
+        total: 0,
+        visible: false,
+        formData: {},
+        title: '添加流程',
+        columns: [
+          {
+            title: '序号',
+            dataIndex: 'index',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: '流程名称',
+            dataIndex: 'name',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: '流程类型',
+            dataIndex: 'categoryName',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: '创建时间',
+            dataIndex: 'createTime',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: '操作',
+            width: 100,
+            align: 'center',
+            fixed: 'right',
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        dataSource: [],
+        loading: false,
+        selectRoleId: '',
+        typeList: [],
+        searchForm: {
+          standardKey: ''
+        },
+        pageNo: 1,
+        pageSize: 10,
+        editRowDialogVisible: false,
+        editRowDialogData: undefined // 新增时为 undefined null 或者 false 即可
+      }
+    },
+
+    methods: {
+      tableOnChange() {
+
+      },
+      handleAdd() {
+        this.formData = {}
+        this.visible = true
+      },
+      handleSubmit() {
+        let formData = {
+          category: this.formData.category,
+          desc: this.formData.desc,
+          name: this.formData.name
+        }
+        getAction('model/createModel', formData).then((res) => {
+          if (res.success) {
+            this.$message.success(res.message)
+            this.visible = false
+            this.queryTablePage()
+          }
+        })
+      },
+
+      querytypeList() {
+        getAction('category/categoryList', {}).then((res) => {
+          this.typeList = res.result.map(item => {
+            return {
+              label: item.type,
+              value: item.objectId
+            }
+          })
+        })
+      },
+      onChange(page, pageSize) {
+        this.pageNo = page
+        this.queryTablePage()
+      },
+      SizeChange(page, pageSize) {
+        this.pageSize = pageSize
+        this.queryTablePage()
+      },
+      // 查询、加载表格
+      queryTablePage() {
+        const formData = {
+          current: this.pageNo,
+          size: this.pageSize
+        }
+        getAction('workFlow/modelListPage', formData).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result.records || []
+            this.total = res.result.total
+          } else {
+            this.dataSource = []
+          }
+        })
+      },
+      edit(item) {
+        this.$router.push({
+          path: '/ProcessMapping',
+          query: { id: item.id }
+        })
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      deploy(modelId) {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmBatchDeletion'),
+          onOk() {
+            getAction('/model/deploy', { modelId: modelId }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                this.queryTablePage()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
+            })
+          }
+        })
+      },
+      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(() => {
+        })
+      },
+      // 删除
+      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 => {
+            })
+          }
+        }).catch(() => {
+        })
+      }
+    },
+    created() {
+      this.queryTablePage()
+      this.querytypeList()
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  @import '~@assets/less/common.less';
+
+  .content {
+    padding: 0 10px;
+    height: calc(~'100% - 55px - 50px');
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+  }
+
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 42px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+</style>
diff --git a/jero-web/src/views/processCenter/processList/index.vue b/jero-web/src/views/processCenter/processList/index.vue
new file mode 100644
index 000000000..70565340e
--- /dev/null
+++ b/jero-web/src/views/processCenter/processList/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <div style="padding: 24px">
+    <a-tabs :default-active-key="active" :animated="false" @change="callback">
+      <a-tab-pane :key="item.name" :tab="item.title" v-for="item in tabsList">
+        <transition enter-active-class="" leave-active-class="">
+          <components :is="active"></components>
+        </transition>
+      </a-tab-pane>
+
+    </a-tabs>
+  </div>
+</template>
+
+<script>
+  import ProcessCenter from './tabComponents/processCenter'
+  import AlreadyProcess from './tabComponents/alreadyProcess'
+  import AlreadySend from './tabComponents/alreadySend'
+  import MonitorProcess from './tabComponents/monitorProcess'
+
+  export default {
+    name: 'index',
+    components: {
+      ProcessCenter,
+      AlreadyProcess,
+      AlreadySend,
+      MonitorProcess
+    },
+    data() {
+      return {
+        active: 'ProcessCenter',
+        tabsList: [
+          {
+            title: this.$t('toDoProcess'),
+            name: 'ProcessCenter'
+          },
+          {
+            title: this.$t('processDone'),
+            name: 'AlreadyProcess'
+          },
+          {
+            title: this.$t('sentProcess'),
+            name: 'AlreadySend'
+          },
+          {
+            title: this.$t('monitoringProcess'),
+            name: 'MonitorProcess'
+          }]
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      callback(key) {
+        this.active = key
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/processCenter/processList/tabComponents/alreadyProcess/index.vue b/jero-web/src/views/processCenter/processList/tabComponents/alreadyProcess/index.vue
new file mode 100644
index 000000000..b65a012b4
--- /dev/null
+++ b/jero-web/src/views/processCenter/processList/tabComponents/alreadyProcess/index.vue
@@ -0,0 +1,206 @@
+<!--已办流程-->
+<template>
+    <div>11111</div>
+</template>
+
+<script>
+    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: {
+
+        },
+        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()
+
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .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;
+        }
+    }
+
+    .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
new file mode 100644
index 000000000..e8e8e01ce
--- /dev/null
+++ b/jero-web/src/views/processCenter/processList/tabComponents/alreadySend/index.vue
@@ -0,0 +1,224 @@
+<!--已发流程-->
+<template>
+  <div>
+    22222
+  </div>
+</template>
+
+<script>
+  import { mapGetters } from 'vuex'
+
+  export default {
+    name: 'AlreadySend',
+    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: {},
+    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 => {
+          })
+      },
+      // 新建流程跳转
+      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.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) {
+      },
+      // 打开查看
+      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()
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .already-send {
+    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;
+  }
+</style>
diff --git a/jero-web/src/views/processCenter/processList/tabComponents/monitorProcess/index.vue b/jero-web/src/views/processCenter/processList/tabComponents/monitorProcess/index.vue
new file mode 100644
index 000000000..ab6e65479
--- /dev/null
+++ b/jero-web/src/views/processCenter/processList/tabComponents/monitorProcess/index.vue
@@ -0,0 +1,213 @@
+<!--监控流程-->
+<template>
+   <div>3333</div>
+</template>
+
+<script>
+    export default {
+        name: 'MonitorProcess',
+        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'
+                    }
+                ]
+            }
+        },
+        methods: {
+            // 新建流程跳转
+            createProcess() {
+                this.$store.commit('setDetailMap', this.$route.path)
+                this.$router.push({
+                    path: '/newProcess'
+                })
+            },
+            rejectTaskToStart(row) {
+                this.$confirm(this.$t('m.ThisOperationWillBeForcedToWithdraw'), this.$t('m.prompt'), {
+                    confirmButtonText: this.$t('m.determine'),
+                    cancelButtonText: this.$t('m.cancel'),
+                    type: 'warning'
+                }).then(() => {
+                    this.$http.post('activiti/busProcess/processRevocation', {processId: row.id, flag: 1}
+                        , {
+                            _this: this
+                        }, res => {
+                            if (res.ok) {
+                                this.$message({
+                                    type: 'success',
+                                    message: this.$t('m.WithdrawalSuccessful')
+                                })
+                            }
+                            this.queryProcess()
+                        }, e => {
+                        })
+                }).catch(() => {
+                    this.$message({
+                        type: 'info',
+                        message: this.$t('m.MandatoryWithdrawalCancelled')
+                    })
+                })
+            },
+            getFlowByUser() {
+                this.$http.get('activiti/busProcess/FlowByUser', {}
+                    , {
+                        _this: this
+                    }, res => {
+                        this.userTypeList = res.data
+                    }, e => {
+                    })
+            },
+            reset() {
+                this.$refs['processSearch'].resetFields()
+                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
+                this.$http.postData('allProcess',
+                    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) {
+                console.log('this.$route.path', this.$route.path)
+                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')
+            }
+        },
+        mounted() {
+            // this.queryProcess()
+
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .monitor-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;
+        }
+    }
+
+    .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/processCenter/index.vue b/jero-web/src/views/processCenter/processList/tabComponents/processCenter/index.vue
new file mode 100644
index 000000000..fb80a34cb
--- /dev/null
+++ b/jero-web/src/views/processCenter/processList/tabComponents/processCenter/index.vue
@@ -0,0 +1,381 @@
+<!--待办流程-->
+<template>
+   <div>
+     hahahahahh
+   </div>
+</template>
+
+<script>
+    import {mapGetters, mapMutations} from 'vuex'
+
+    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()
+        }
+    }
+</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;
+        }
+    }
+</style>