From f8349d8ce1225bfa11504534d32a80a58e02ab91 Mon Sep 17 00:00:00 2001
From: zhutianqi <ztq_qi@sina.com>
Date: Wed, 27 Oct 2021 09:51:53 +0800
Subject: [PATCH] commit

---
 .../pages/creatProcess/zcrh/step1-1.vue       | 876 ++++++++++++++++++
 .../pages/creatProcess/zcrh/step3.vue         | 356 +++++++
 .../pages/creatProcess/zcrh/step4.vue         | 356 +++++++
 .../tabComponents/processCenter/index.vue     |  33 +
 src/router/index.js                           |  27 +
 5 files changed, 1648 insertions(+)
 create mode 100644 src/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue
 create mode 100644 src/pages/processCenter/pages/creatProcess/zcrh/step3.vue
 create mode 100644 src/pages/processCenter/pages/creatProcess/zcrh/step4.vue

diff --git a/src/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue b/src/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue
new file mode 100644
index 000000000..49d6f6d84
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue
@@ -0,0 +1,876 @@
+<template>
+    <div class="zcrh-step1">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题入会发起流程</template>
+            <template slot="proNode">发起流程</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.content"
+                                            placeholder="请输入主要议题"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.price"
+                                            placeholder="请输入费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            style="display: none;"
+                                            v-model="rhform.modelNameList"
+                                            clearable
+                                    ></el-input>
+                                    <div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
+                                        <div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
+                                            {{ item.name }}
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        <el-button
+                                                type="primary"
+                                                class="common-button-primary"
+                                                @click="fileUpload"
+                                                size="mini">
+                                            点击上传
+                                        </el-button>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" icon="el-icon-caret-top" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
+                        添加
+                    </el-button>
+                    <el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange1"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
+                        添加
+                    </el-button>
+                    <el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange2"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0" class="fileClass">
+                                <div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
+                                    {{ item.name }}
+                                </div>
+                            </div>
+                            <div v-else>
+                                <el-button
+                                        type="primary"
+                                        class="common-button-primary"
+                                        @click="fileUpload2(scope.$index)"
+                                        size="mini">
+                                    点击上传
+                                </el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-collapse accordion>
+                    <el-collapse-item title="回执说明">
+                        <div style="margin: 10px 0;">
+                            <el-input
+                                    type="textarea"
+                                    :rows="3"
+                                    resize="none"
+                                    placeholder="请输入意见"
+                                    v-model="commentText">
+                            </el-input>
+                        </div>
+                    </el-collapse-item>
+                </el-collapse>
+            </div>
+        </div>
+        <div class="content" v-show="active === '2'">
+            <div class="block" style="padding-top: 20px;">
+                <el-timeline>
+                    <el-form
+                            ref="Form"
+                            :model="roleForm"
+                            :rules="roleFormRules"
+                            class="label-input-form">
+                        <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="revisionId" style="margin-bottom: 0">
+                                    <h4>流程发起人</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.revisionId" style="display: none;"/>
+                                        <el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="ministerIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部部长</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="inspectorIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部副总监</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.inspectorId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.inspectorIdName" placeholder="选择法规认证部副总监" @click.native="choiceZRR('inspectorId', '选择法规认证部副总监', roleForm.inspectorId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="presidentIdName" style="margin-bottom: 0">
+                                    <h4>公司副总</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                    </el-form>
+                </el-timeline>
+            </div>
+        </div>
+        <ProcessFooter
+                show-save
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                @save="handleSave"
+                @submit="handleSubmit"
+        >
+        </ProcessFooter>
+        <el-dialog width='400px' :visible.sync="fileMadel" title="上传课题组通知">
+            <el-upload
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess"
+                    :on-remove="importFileRemove"
+                    :show-file-list="true"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
+            <el-upload
+                    v-if="fileMadel2"
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile2"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess2"
+                    :on-remove="importFileRemove2"
+                    :show-file-list="true"
+                    :file-list="fileList"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <Role-tree
+                check-box
+                :is-title="drawerTitle"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole"
+                :nodeList="nodeList"
+        ></Role-tree>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
+
+    export default {
+        name: "zcrhStep1",
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        data() {
+            return {
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                formRules: {
+                    title: [
+                        { required: true, message: '请输入课题名称', trigger: 'blur' },
+                    ],
+                    content: [
+                        { required: true, message: '请输入主要议题', trigger: 'blur' },
+                    ],
+                    price: [
+                        { required: true, message: '请输入费用', trigger: 'blur' },
+                    ],
+                    time: [
+                        { required: true, message: '请选择课题研究周期', trigger: 'change' },
+                    ],
+                    modelNameList: [
+                        { required: true, message: '请上传课题组通知', trigger: 'blur' },
+                    ]
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    ministerId: '',
+                    ministerIdName: '',
+                    inspectorId: '',
+                    inspectorIdName: '',
+                    presidentId: '',
+                    presidentIdName: '',
+                },
+                roleFormRules: {
+                    ministerIdName: [
+                        {required: true, message: '请选择法规认证部部长', trigger: 'change'},
+                    ],
+                    inspectorIdName: [
+                        {required: true, message: '请选择法规认证部总监', trigger: 'change'},
+                    ],
+                    presidentIdName: [
+                        {required: true, message: '请选择公司副总', trigger: 'change'},
+                    ]
+                },
+                fileMadel: false,
+                fileMadel2: false,
+                fileUrl:  'api/att/attFile/upload',
+                idList1: [],
+                idList2: [],
+                fileIndex: '',
+                fileList: [],
+                nodeList: [],
+                type: '',
+                drawerTitle: '',
+                modalshowflag: false,
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+            }
+        },
+        methods: {
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                        this.roleForm.inspectorId = data.inspectorId
+                        this.roleForm.inspectorIdName = data.inspectorIdName
+                        this.roleForm.ministerId = data.ministerId
+                        this.roleForm.ministerIdName = data.ministerIdName
+                        this.roleForm.presidentId = data.presidentId
+                        this.roleForm.presidentIdName = data.presidentIdName
+                    }).catch(e => {
+                    })
+                })
+            },
+            add1() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    ContactPerson: '',
+                    Company: '',
+                    Telephone: '',
+                    Email: '',
+                    id: id
+                }
+                this.data1.push(json)
+            },
+            add2() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    Sindex: '',
+                    Member: '',
+                    Company: '',
+                    Email: '',
+                    id: id,
+                    Department: '',
+                    Telephone: '',
+                    Identity: '',
+                    dataName: '',
+                    data: [],
+                }
+                this.data2.push(json)
+            },
+            addDelete1() {
+                if (this.idList1.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data1.length; a++) {
+                            this.idList1.forEach(item => {
+                                if (this.data1[a].id === item) {
+                                    this.data1.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            addDelete2() {
+                if (this.idList2.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data2.length; a++) {
+                            this.idList2.forEach(item => {
+                                if (this.data2[a].id === item) {
+                                    this.data2.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            // 导入按钮 上传之前的钩子
+            beginImportFile(file) {
+                var filename = file.name
+                var index1 = filename.lastIndexOf('.')
+                var index2 = filename.length
+                var fileSuffix = filename.substring(index1, index2)
+                // const fileSuffix = file.name.split('.')[1] // 后缀名
+                // 判断上传文件格式
+                if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
+                    return false
+                }
+                // 判断文件上传大小
+                // eslint-disable-next-line no-unreachable
+                if (file.size / 1024 / 1024 <= 200) {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '大小不超过200M')
+                    return false
+                }
+                return true
+            },
+            importFileSuccess(response, file) {
+                if (response.ok) {
+                    this.rhform.modelList.push(response.data)
+                    let list = ''
+                    this.rhform.modelList.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.rhform.modelNameList = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove(file, fileList) {
+                let list = ''
+                this.rhform.modelList = []
+                fileList.forEach(item => {
+                    this.rhform.modelList.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.rhform.modelNameList = list
+            },
+            importFileSuccess2(response, file) {
+                if (response.ok) {
+                    this.data2[this.fileIndex].data.push(response.data)
+                    let list = ''
+                    this.data2[this.fileIndex].data.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.data2[this.fileIndex].dataName = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove2(file, fileList) {
+                let list = ''
+                this.data2[this.fileIndex].data = []
+                fileList.forEach(item => {
+                    this.data2[this.fileIndex].data.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.data2[this.fileIndex].dataName = list
+            },
+            fileUpload() {
+                this.fileMadel = true
+            },
+            fileUpload2(index) {
+                this.fileIndex = index
+                this.fileList = this.data2[this.fileIndex].data
+                this.fileMadel2 = true
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSave() {
+            }, // 保存事件
+            handleSubmit() {
+                this.$refs['rhForm'].validate((valid) => {
+                    if (valid) {
+                        if (this.data1.length) {
+                            if (this.data2.length) {
+                                let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
+                                this.data1.forEach((item, index) =>{
+                                    if (!item.ContactPerson) {
+                                        ContactPerson++
+                                    } else if (!item.Company) {
+                                        Company++
+                                    } else if (!item.Telephone) {
+                                        Telephone++
+                                    } else if (!item.Email) {
+                                        Email++
+                                    }
+                                })
+                                this.data2.forEach((item, index) =>{
+                                    if (!item.Sindex) {
+                                        Sindex++
+                                    } else if (!item.Member) {
+                                        Member++
+                                    } else if (!item.Telephone) {
+                                        Telephone2++
+                                    } else if (!item.Email) {
+                                        Email2++
+                                    } else if (!item.Company) {
+                                        Company2++
+                                    } else if (!item.Department) {
+                                        Department++
+                                    } else if (!item.Identity) {
+                                        Identity++
+                                    }
+                                })
+                                if (ContactPerson > 0) {
+                                    return this.$message.warning('请输入联络人')
+                                } else if (Company > 0) {
+                                    return this.$message.warning('请输入课题组联络人单位')
+                                } else if (Telephone > 0) {
+                                    return this.$message.warning('请输入课题组联络人电话')
+                                } else if (Email > 0) {
+                                    return this.$message.warning('请输入课题组联络人邮箱')
+                                } else if (Sindex > 0) {
+                                    return this.$message.warning('请输入工作组排名顺序')
+                                } else if (Member > 0) {
+                                    return this.$message.warning('请输入我司成员')
+                                } else if (Telephone2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员电话')
+                                } else if (Email2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员油邮箱')
+                                } else if (Company2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员单位')
+                                } else if (Department > 0) {
+                                    return this.$message.warning('请输入内部参与人员部门')
+                                } else if (Identity > 0) {
+                                    return this.$message.warning('请输入内部参与人员身份')
+                                } else {
+                                    this.$refs['Form'].validate((valid) => {
+                                        if (valid) {
+                                            this.isSubmit = true
+                                            this.$http.get('lawss/activiti/startProcess', {
+                                                type: '17'
+                                            }, {}, res => {
+                                                if (res.ok) {
+                                                    var json = Object.assign(this.rhform, this.roleForm)
+                                                    json.commentText = this.commentText
+                                                    json.data1 = this.data1
+                                                    json.data2 = this.data2
+                                                    this.$http.post('lawss/activiti/completeTask', {
+                                                        json: JSON.stringify(json),
+                                                        taskId: res.data,
+                                                        userId: this.$store.getters.userInfo.userId
+                                                    }, {}, res => {
+                                                        if (res.success) {
+                                                            this.$message.success('流程发起成功')
+                                                            this.$router.push('/processCenter')
+                                                            this.isSubmit = false
+                                                        } else {
+                                                            this.$message.warning('流程启动失败')
+                                                            this.isSubmit = false
+                                                        }
+                                                    })
+                                                } else {
+                                                    this.$message.warning('流程启动失败')
+                                                    this.isSubmit = false
+                                                }
+                                            })
+                                        } else {
+                                            return this.$message.warning('请完善人员信息')
+                                        }
+                                    })
+                                }
+                            } else {
+                                return this.$message.warning('请添加集团内部参与人员')
+                            }
+                        } else {
+                            return this.$message.warning('请添加课题组人员')
+                        }
+                    } else {
+                        return this.$message.warning('请完善基础信息')
+                    }
+                })
+            }, // 提交事件
+            handleSelectionChange1(val) {
+                this.idList1 = []
+                val.forEach(item => {
+                    this.idList1.push(item.id)
+                })
+            }, // table1选中change事件
+            handleSelectionChange2(val) {
+                this.idList2 = []
+                val.forEach(item => {
+                    this.idList2.push(item.id)
+                })
+            }, // table2选中change事件
+            choiceZRR(type, title, id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.type = type
+                this.drawerTitle = title
+                this.modalshowflag = true
+            }, // 点击人员input事件
+            checkedRole(data) {
+                if (this.type === 'ministerId') {
+                    this.roleForm.ministerId = data[0].id
+                    this.roleForm.ministerIdName = data[0].name
+                } else if (this.type === 'inspectorId') {
+                    this.roleForm.inspectorId = data[0].id
+                    this.roleForm.inspectorIdName = data[0].name
+                } else if (this.type === 'presidentId') {
+                    this.roleForm.presidentId = data[0].id
+                    this.roleForm.presidentIdName = data[0].name
+                }
+            }, // 选择人员确认事件
+        },
+        mounted() {
+            this.getData()
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .zcrh-step1 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
+
+
diff --git a/src/pages/processCenter/pages/creatProcess/zcrh/step3.vue b/src/pages/processCenter/pages/creatProcess/zcrh/step3.vue
new file mode 100644
index 000000000..2d8846696
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/zcrh/step3.vue
@@ -0,0 +1,356 @@
+<template>
+    <div class="zcrh-step3">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题入会流程</template>
+            <template slot="proNode">法规认证部副总监审批</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active">基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入主要议题"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" icon="el-icon-caret-top" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <el-collapse accordion>
+                    <el-collapse-item title="回执说明">
+                        <div style="margin: 10px 0;">
+                            <el-input
+                                    type="textarea"
+                                    :rows="3"
+                                    resize="none"
+                                    placeholder="请输入意见"
+                                    v-model="commentText">
+                            </el-input>
+                        </div>
+                    </el-collapse-item>
+                </el-collapse>
+            </div>
+        </div>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import {inboundLiaisonDetail} from 'api/process'
+
+    export default {
+        name: "zcrhStep3",
+        data() {
+            return {
+                json: {},
+                isSubmit: false,
+                foldFormFlag: true,
+                commentText: '',
+                active: '1',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                data1: [],
+                data2: [],
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    modelList: []
+                }
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.fgfzj = 1
+                json.commentText = this.commentText
+                this.$http.post('lawss/activiti/completeTask', {
+                    json: JSON.stringify(json),
+                    taskId: this.taskIds,
+                    userId: this.$store.getters.userInfo.userId
+                }, {}, res => {
+                    if (res.success) {
+                        this.$message.success('提交成功')
+                        this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                })
+            },
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.fgfzj = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted () {
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .zcrh-step3 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/zcrh/step4.vue b/src/pages/processCenter/pages/creatProcess/zcrh/step4.vue
new file mode 100644
index 000000000..d690a7450
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/zcrh/step4.vue
@@ -0,0 +1,356 @@
+<template>
+    <div class="zcrh-step4">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题入会流程</template>
+            <template slot="proNode">公司副总审批</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active">基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入主要议题"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" icon="el-icon-caret-top" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <el-collapse accordion>
+                    <el-collapse-item title="回执说明">
+                        <div style="margin: 10px 0;">
+                            <el-input
+                                    type="textarea"
+                                    :rows="3"
+                                    resize="none"
+                                    placeholder="请输入意见"
+                                    v-model="commentText">
+                            </el-input>
+                        </div>
+                    </el-collapse-item>
+                </el-collapse>
+            </div>
+        </div>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import {inboundLiaisonDetail} from 'api/process'
+
+    export default {
+        name: "zcrhStep4",
+        data() {
+            return {
+                json: {},
+                isSubmit: false,
+                foldFormFlag: true,
+                commentText: '',
+                active: '1',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                data1: [],
+                data2: [],
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    modelList: []
+                }
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.gsfz = 1
+                json.commentText = this.commentText
+                this.$http.post('lawss/activiti/completeTask', {
+                    json: JSON.stringify(json),
+                    taskId: this.taskIds,
+                    userId: this.$store.getters.userInfo.userId
+                }, {}, res => {
+                    if (res.success) {
+                        this.$message.success('提交成功')
+                        this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                })
+            },
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.gsfz = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted () {
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .zcrh-step4 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
index 4d63bea69..5e91adf70 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
@@ -955,6 +955,39 @@ export default {
                 prcType: row.prcType
               }
             })
+          } else if (row.taskInfo === '法规认证部副总监批准') {
+            this.$router.push({
+              name: 'zcrhStep3',
+              query: {
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+          } else if (row.taskInfo === '公司副总批准') {
+            this.$router.push({
+              name: 'zcrhStep4',
+              query: {
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+          } else if (row.taskInfo === '修订入会信息') {
+            this.$router.push({
+              name: 'zcrhStep1-1',
+              query: {
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
           }
           break
       }
diff --git a/src/router/index.js b/src/router/index.js
index 82c13a150..8d38cbcfa 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -997,6 +997,33 @@ const routes = [
           title: '政策课题入会流程'
         }
       },
+        {
+            path: '/zcrhStep3',
+            name: 'zcrhStep3',
+            component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step3.vue'),
+            meta: {
+                requireAuth: true,
+                title: '政策课题入会流程'
+            }
+        },
+        {
+            path: '/zcrhStep4',
+            name: 'zcrhStep4',
+            component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step4.vue'),
+            meta: {
+                requireAuth: true,
+                title: '政策课题入会流程'
+            }
+        },
+        {
+            path: '/zcrhStep1-1',
+            name: 'zcrhStep1-1',
+            component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue'),
+            meta: {
+                requireAuth: true,
+                title: '政策课题入会流程'
+            }
+        },
       {
         path: '/zcchStep1',
         name: 'zcchStep1',