From ccb6d62df7e1d3ef4e1fcf9619ec99d30807268c Mon Sep 17 00:00:00 2001
From: zhutianqi <ztq_qi@sina.com>
Date: Tue, 14 Dec 2021 13:56:06 +0800
Subject: [PATCH] commit

---
 .../pages/creatProcess/bzzqyj/step3.vue       |   1 -
 .../pages/creatProcess/bzzqyj/step4-1.vue     | 535 +++++++++++
 .../pages/creatProcess/bzzqyj/step4-2.vue     | 521 ++++++++++
 .../pages/creatProcess/bzzqyj/step4.vue       |   4 +-
 .../pages/creatProcess/bzzqyj/step5.vue       | 890 ++++++++++--------
 .../tabComponents/processCenter/index.vue     |  26 +-
 src/router/index.js                           |  18 +
 7 files changed, 1611 insertions(+), 384 deletions(-)
 create mode 100644 src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
 create mode 100644 src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue

diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
index b431e0e06..5dc8a02c7 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
@@ -626,7 +626,6 @@
                 }, {}, res => {
                     if (res.ok) {
                         this.options = res.data.list
-                        console.log(this.options);
                     }
                 }, e => {
                 })
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
new file mode 100644
index 000000000..d13400055
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
@@ -0,0 +1,535 @@
+<template>
+    <div class="bzzqyjStep4-1">
+        <!--    标准调研流程-->
+        <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="bzzqyjForm"
+                        :model="form"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="标准编号/名称" prop="cid" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="form.cid"
+                                            placeholder="请输入标准编号"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="征求意见结束日期" prop="endTime" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="form.endTime"
+                                            type="date"
+                                            placeholder="请选择结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="标准附件" prop="fjListId" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.fjListId"
+                                            style="display: none;"
+                                    ></el-input>
+                                    <div style="display: flex;">
+                                        <div class="fileClass" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in form.fjList" :key="index">
+                                            {{ item.fileName }}
+                                            <el-button type="primary" class="common-button-primary" size="mini" @click="downloadFile(item.attId)">下载</el-button>
+                                        </div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="其他附件" prop="model" class="add-form-item form-item-disabled">
+                                    <div v-if="form.modelList.length > 0" style="display: flex;">
+                                        <div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;" @click="updataFj(item)">
+                                            {{ item.name }}
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="标准法规工程师分线管理员" prop="spId" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.bzfgId"
+                                            style="display: none;"
+                                            clearable
+                                    ></el-input>
+                                    <el-input v-model="form.bzfgName" placeholder="请选择标准法规工程师分线管理员" @click.native="choiceZRR(form.bzfgId)"></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">征求意见列表</template>
+                </ProcessTitle>
+                <el-table
+                        ref="multipleTable"
+                        :data="data"
+                        tooltip-effect="dark"
+                        border
+                        style="width: 100%; flex: auto;"
+                        class="drag-table"
+                        :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+                        :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+                    <el-table-column
+                            type="index"
+                            label="序号"
+                            width="55"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="chapterNumber"
+                            align="center"
+                            sortable
+                            label="章条编号"
+                            width="101px">
+                    </el-table-column>
+                    <el-table-column
+                            prop="chapterName"
+                            align="center"
+                            label="章节名称"
+                            width="200px">
+                    </el-table-column>
+                    <el-table-column
+                            align="center"
+                            prop="commentText"
+                            label="修改意见内容（包括理由或依据）">
+                        <el-table-column
+                                prop="oldText"
+                                align="center"
+                                label="修改前">
+                            <template slot-scope="scope">
+                                <el-button size="mini" type="primary" :disabled="scope.row.chapterNumber.length === 0" @click="itermsConditionsOpen(scope.row.oldText)" class="common-button-primary">查看修改前内容</el-button>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                                prop="newText"
+                                align="center"
+                                label="修改后">
+                        </el-table-column>
+                        <el-table-column
+                                prop="reason"
+                                align="center"
+                                label="修改理由">
+                        </el-table-column>
+                    </el-table-column>
+                    <el-table-column
+                            prop="department"
+                            align="center"
+                            label="提出部门">
+                    </el-table-column>
+                    <el-table-column
+                            prop="responUserName"
+                            align="center"
+                            label="提出人">
+                    </el-table-column>
+                </el-table>
+            </div>
+            <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 class="content" v-show="active === '2'">
+            <el-table
+                    height="100%"
+                    ref="selection"
+                    :data="histortData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    border
+                    row-key="id"
+                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+                <el-table-column
+                        prop="name"
+                        label="任务步骤"
+                        align="center"
+                        sortable="custom"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="assignee"
+                        label="任务受理人"
+                        align="center"
+                        sortable="custom"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="createTime"
+                        label="创建时间"
+                        sortable="custom"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="endTime"
+                        label="完成时间"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="comment"
+                        label="流程信息"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.commentText }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="completeFlag"
+                        label="状态"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <ProcessFooter
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                show-transfer
+                @transfer="handleTransfer"
+                @submit="handleSubmit"
+                show-back
+                @back="handleSubmitNo"
+                approval
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+        <Role-tree
+                check-box
+                is-title="转办处理人"
+                :is-visible.sync="drawerModal"
+                @checkedRole="checkedRole"
+        ></Role-tree>
+        <el-dialog
+                title="查看修改前内容"
+                :visible.sync="itermsConditionsFlag"
+                size="800px">
+            <div style="height: 500px;overflow: auto;" v-html="itermsConditionsTitle"></div>
+            <div slot="footer">
+                <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="itermsConditionsClose">关闭</el-button>
+            </div>
+        </el-dialog>
+        <Role-tree
+                check-box
+                is-title="选择责任部门对接人"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole2"
+                :nodeList="nodeList"
+        ></Role-tree>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from '../../components/ProcessHeader'
+    import ProcessFooter from '../../components/ProcessFooter'
+    import ProcessTitle from '../../components/ProcessTitle'
+    import {inboundLiaisonDetail, processCreateStand,changeAssigneeNew} from 'api/process'
+    import axios from "axios";
+
+    export default {
+        name: "bzzqyjStep4-1",
+        data() {
+            return {
+                itermsConditionsFlag: false,
+                itermsConditionsTitle: '',
+                drawerModal: false,
+                histortData: [],
+                data: [],
+                commentText: '',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                roleRow: {},
+                nodeList: [],
+                type: '',
+                defaultProps: {
+                    children: 'children',
+                    label: 'name'
+                },
+                treeData: [], // 人员数据
+                modalshowflag: false, // drawer开关
+                drawerTitle: '', //drawer标题
+                textarea: '', // 意见
+                ListModel: false, // 新增编辑抽屉开关
+                active: '1', // 默认显示
+                isSubmit: false,
+                saveLoading: false,
+                form: {
+                    cid: '', // 编号
+                    endTime: '', // 结束日期
+                    cname: '', // 名称
+                    fjList: [],
+                    fjListId: '',
+                    textType: '',
+                    modelList: [],
+                    modelNameList: '',
+                    bzfgId: '',
+                    bzfgName: '',
+                },
+                formRules: {
+                    bzfgId: [
+                        {required: true, message: '请选择标准法规工程师分线管理员', trigger: 'change'},
+                    ]
+                },
+                json: {}
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            checkedRole2(data) {
+                this.form.bzfgId = data[0].id
+                this.form.bzfgName = data[0].name
+            },
+            choiceZRR(id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.modalshowflag = true;
+            },
+            itermsConditionsClose () {
+                this.itermsConditionsFlag = false
+            },
+            itermsConditionsOpen (row) {
+                this.itermsConditionsFlag = true
+                this.itermsConditionsTitle = row
+            },
+            downloadFile (attId) {
+                window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+            },
+            handleTransfer() {
+                this.drawerModal = true
+            },
+            checkedRole (data) {
+                changeAssigneeNew({
+                    taskId: this.$route.query.taskIds, // 任务id
+                    userId:this.$store.getters.userInfo.userId, // 委托人
+                    assignee: data[0].id, // 被委托人
+                    pId: this.$route.query.prcId, // 流程实例
+                }).then(res => {
+                    if (res.success) {
+                        this.drawerModal = false
+                        this.$message.success('调整成功')
+                        this.processNum()
+                        this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+                    } else {
+                        this.$message.warning(res.message)
+                    }
+                })
+            },
+            // 请求转换流程图
+            processNum (row) {
+                axios.request({
+                    url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+                    responseType: 'blob',
+                    method: 'get',
+                    params: {
+                        prcNum: this.$route.query.prcNum
+                    }
+                }).then(res => {
+                    this.processStep = window.URL.createObjectURL(res.data)
+                })
+            },
+            updataFj(item) {
+                let id
+                let type = item.fileName.split('.')
+                if (type[1] === 'pdf') {
+                    id = item.attId
+                } else {
+                    id = item.oriAttId
+                }
+                window.open('/static/pdf/phone/bzzqyjViewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + id))
+            },
+            getHistoryData() {
+                this.$http.get('lawss/activiti/get_list_by_instance', {
+                    prcNum: this.$route.query.prcNum,
+                }, {}, res => {
+                    this.histortData = res
+                }, e => {
+                })
+            },
+            handleTabs(name) {
+                this.active = name
+            },
+            handleSave() {
+            },
+            handleSubmit() {
+                this.$refs['bzzqyjForm'].validate((valid) => {
+                    if (valid) {
+                        this.isSubmit = true
+                        var json = this.json
+                        json.commentText = this.commentText
+                        json.bzfgId = this.form.bzfgId
+                        json.bzfgName = this.form.bzfgName
+                        json.spFlag = '0'
+                        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) {
+                var json = this.json
+                  json.spFlag = '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')
+                  }
+                })
+              } else {
+                this.$message.warning('请输入反馈意见')
+              }
+
+            },
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.form.fjList = data.fjList || data.form.fjList
+                        if (data.fjListId === '') {
+                            this.form.fjListId = ''
+                        } else {
+                            this.form.fjListId =  data.form.fjListId || data.fjListId
+                        }
+                        this.form.cid = data.cid || data.form.cid
+                        this.form.endTime = data.endTime || data.form.endTime
+                        this.form.cname = data.cname || data.form.cname
+                        this.form.textType = data.textType
+                        this.form.modelList = data.modelList
+                        this.form.modelNameList = data.modelNameList
+                        this.form.bzfgId = data.bzfgId || ''
+                        this.json = data
+                        this.data = data.info || data.data
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted() {
+            this.getHistoryData()
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+
+    .bzzqyjStep4-1 {
+        /deep/ .el-drawer__container {
+            .prc-content-border {
+                border: none;
+                padding: 0 20px 0;
+            }
+        }
+
+        .fileClass {
+            cursor: pointer;
+        }
+
+        .fileClass:hover {
+            color: #0c91e5;
+        }
+
+        position: relative;
+        height: 100%;
+
+        .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;
+            }
+        }
+
+        .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;
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
new file mode 100644
index 000000000..623c13b0e
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
@@ -0,0 +1,521 @@
+<template>
+    <div class="bzzqyjStep4-2">
+        <!--    标准调研流程-->
+        <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="bzzqyjForm"
+                        :model="form"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="标准编号/名称" prop="cid" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="form.cid"
+                                            placeholder="请输入标准编号"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="征求意见结束日期" prop="endTime" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="form.endTime"
+                                            type="date"
+                                            placeholder="请选择结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="标准附件" prop="fjListId" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.fjListId"
+                                            style="display: none;"
+                                    ></el-input>
+                                    <div style="display: flex;">
+                                        <div class="fileClass" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in form.fjList" :key="index">
+                                            {{ item.fileName }}
+                                            <el-button type="primary" class="common-button-primary" size="mini" @click="downloadFile(item.attId)">下载</el-button>
+                                        </div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="其他附件" prop="model" class="add-form-item form-item-disabled">
+                                    <div v-if="form.modelList.length > 0" style="display: flex;">
+                                        <div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;" @click="updataFj(item)">
+                                            {{ item.name }}
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">征求意见列表</template>
+                </ProcessTitle>
+                <el-table
+                        ref="multipleTable"
+                        :data="data"
+                        tooltip-effect="dark"
+                        border
+                        style="width: 100%; flex: auto;"
+                        class="drag-table"
+                        :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+                        :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+                    <el-table-column
+                            type="index"
+                            label="序号"
+                            width="55"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="chapterNumber"
+                            align="center"
+                            sortable
+                            label="章条编号"
+                            width="101px">
+                    </el-table-column>
+                    <el-table-column
+                            prop="chapterName"
+                            align="center"
+                            label="章节名称"
+                            width="200px">
+                    </el-table-column>
+                    <el-table-column
+                            align="center"
+                            prop="commentText"
+                            label="修改意见内容（包括理由或依据）">
+                        <el-table-column
+                                prop="oldText"
+                                align="center"
+                                label="修改前">
+                            <template slot-scope="scope">
+                                <el-button size="mini" type="primary" :disabled="scope.row.chapterNumber.length === 0" @click="itermsConditionsOpen(scope.row.oldText)" class="common-button-primary">查看修改前内容</el-button>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                                prop="newText"
+                                align="center"
+                                label="修改后">
+                        </el-table-column>
+                        <el-table-column
+                                prop="reason"
+                                align="center"
+                                label="修改理由">
+                        </el-table-column>
+                    </el-table-column>
+                    <el-table-column
+                            prop="department"
+                            align="center"
+                            label="提出部门">
+                    </el-table-column>
+                    <el-table-column
+                            prop="responUserName"
+                            align="center"
+                            label="提出人">
+                    </el-table-column>
+                </el-table>
+            </div>
+            <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 class="content" v-show="active === '2'">
+            <el-table
+                    height="100%"
+                    ref="selection"
+                    :data="histortData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    border
+                    row-key="id"
+                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+                <el-table-column
+                        prop="name"
+                        label="任务步骤"
+                        align="center"
+                        sortable="custom"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="assignee"
+                        label="任务受理人"
+                        align="center"
+                        sortable="custom"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="createTime"
+                        label="创建时间"
+                        sortable="custom"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="endTime"
+                        label="完成时间"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="comment"
+                        label="流程信息"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.commentText }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="completeFlag"
+                        label="状态"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <ProcessFooter
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                show-transfer
+                @transfer="handleTransfer"
+                @submit="handleSubmit"
+                show-back
+                @back="handleSubmitNo"
+                approval
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+        <Role-tree
+                check-box
+                is-title="转办处理人"
+                :is-visible.sync="drawerModal"
+                @checkedRole="checkedRole"
+        ></Role-tree>
+        <el-dialog
+                title="查看修改前内容"
+                :visible.sync="itermsConditionsFlag"
+                size="800px">
+            <div style="height: 500px;overflow: auto;" v-html="itermsConditionsTitle"></div>
+            <div slot="footer">
+                <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="itermsConditionsClose">关闭</el-button>
+            </div>
+        </el-dialog>
+        <Role-tree
+                check-box
+                is-title="选择责任部门对接人"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole2"
+                :nodeList="nodeList"
+        ></Role-tree>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from '../../components/ProcessHeader'
+    import ProcessFooter from '../../components/ProcessFooter'
+    import ProcessTitle from '../../components/ProcessTitle'
+    import {inboundLiaisonDetail, processCreateStand,changeAssigneeNew} from 'api/process'
+    import axios from "axios";
+
+    export default {
+        name: "bzzqyjStep4-2",
+        data() {
+            return {
+                itermsConditionsFlag: false,
+                itermsConditionsTitle: '',
+                drawerModal: false,
+                histortData: [],
+                data: [],
+                commentText: '',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                roleRow: {},
+                nodeList: [],
+                type: '',
+                defaultProps: {
+                    children: 'children',
+                    label: 'name'
+                },
+                treeData: [], // 人员数据
+                modalshowflag: false, // drawer开关
+                drawerTitle: '', //drawer标题
+                textarea: '', // 意见
+                ListModel: false, // 新增编辑抽屉开关
+                active: '1', // 默认显示
+                isSubmit: false,
+                saveLoading: false,
+                form: {
+                    cid: '', // 编号
+                    endTime: '', // 结束日期
+                    cname: '', // 名称
+                    fjList: [],
+                    fjListId: '',
+                    textType: '',
+                    modelList: [],
+                    modelNameList: '',
+                    bzfgId: '',
+                    bzfgName: '',
+                },
+                formRules: {
+                    responUserList: [
+                        {required: true, message: '请选择责任人', trigger: 'change'},
+                    ]
+                },
+                json: {}
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            checkedRole2(data) {
+                this.form.bzfgId = data[0].id
+                this.form.bzfgName = data[0].name
+            },
+            choiceZRR(id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.modalshowflag = true;
+            },
+            itermsConditionsClose () {
+                this.itermsConditionsFlag = false
+            },
+            itermsConditionsOpen (row) {
+                this.itermsConditionsFlag = true
+                this.itermsConditionsTitle = row
+            },
+            downloadFile (attId) {
+                window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+            },
+            handleTransfer() {
+                this.drawerModal = true
+            },
+            checkedRole (data) {
+                changeAssigneeNew({
+                    taskId: this.$route.query.taskIds, // 任务id
+                    userId:this.$store.getters.userInfo.userId, // 委托人
+                    assignee: data[0].id, // 被委托人
+                    pId: this.$route.query.prcId, // 流程实例
+                }).then(res => {
+                    if (res.success) {
+                        this.drawerModal = false
+                        this.$message.success('调整成功')
+                        this.processNum()
+                        this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+                    } else {
+                        this.$message.warning(res.message)
+                    }
+                })
+            },
+            // 请求转换流程图
+            processNum (row) {
+                axios.request({
+                    url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+                    responseType: 'blob',
+                    method: 'get',
+                    params: {
+                        prcNum: this.$route.query.prcNum
+                    }
+                }).then(res => {
+                    this.processStep = window.URL.createObjectURL(res.data)
+                })
+            },
+            updataFj(item) {
+                let id
+                let type = item.fileName.split('.')
+                if (type[1] === 'pdf') {
+                    id = item.attId
+                } else {
+                    id = item.oriAttId
+                }
+                window.open('/static/pdf/phone/bzzqyjViewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + id))
+            },
+            getHistoryData() {
+                this.$http.get('lawss/activiti/get_list_by_instance', {
+                    prcNum: this.$route.query.prcNum,
+                }, {}, res => {
+                    this.histortData = res
+                }, e => {
+                })
+            },
+            handleTabs(name) {
+                this.active = name
+            },
+            handleSave() {
+            },
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.commentText = this.commentText
+                json.bzFlag = '0'
+                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) {
+                    var json = this.json
+                    json.bzFlag = '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')
+                        }
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+
+            },
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.form.fjList = data.fjList || data.form.fjList
+                        if (data.fjListId === '') {
+                            this.form.fjListId = ''
+                        } else {
+                            this.form.fjListId =  data.form.fjListId || data.fjListId
+                        }
+                        this.form.cid = data.cid || data.form.cid
+                        this.form.endTime = data.endTime || data.form.endTime
+                        this.form.cname = data.cname || data.form.cname
+                        this.form.textType = data.textType
+                        this.form.modelList = data.modelList
+                        this.form.modelNameList = data.modelNameList
+                        this.form.bzfgId = data.bzfgId || ''
+                        this.json = data
+                        this.data = data.info || data.data
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted() {
+            this.getHistoryData()
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+
+    .bzzqyjStep4-2 {
+        /deep/ .el-drawer__container {
+            .prc-content-border {
+                border: none;
+                padding: 0 20px 0;
+            }
+        }
+
+        .fileClass {
+            cursor: pointer;
+        }
+
+        .fileClass:hover {
+            color: #0c91e5;
+        }
+
+        position: relative;
+        height: 100%;
+
+        .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;
+            }
+        }
+
+        .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;
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
index 4689b0ce1..63b78d37c 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
@@ -295,8 +295,8 @@ export default {
         spName: '',
       },
       formRules: {
-        responUserList: [
-          {required: true, message: '请选择责任人', trigger: 'change'},
+        spId: [
+          {required: true, message: '请选择审批人', trigger: 'change'},
         ]
       },
       json: {}
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
index d6a4098b4..d83214356 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
@@ -12,11 +12,11 @@
     <div class="content" v-show="active === '1'">
       <div style="flex: auto; overflow: auto;">
         <el-form
-          ref="bzzqyjForm"
-          :model="form"
-          :rules="formRules"
-          class="label-input-form"
-          label-width="210px"
+                ref="bzzqyjForm"
+                :model="form"
+                :rules="formRules"
+                class="label-input-form"
+                label-width="210px"
         >
           <ProcessTitle>
             <template slot="title">基础信息</template>
@@ -26,32 +26,42 @@
               <el-col :span="24">
                 <el-form-item label="标准编号/名称" prop="cid" class="add-form-item form-item-disabled">
                   <el-input
-                    disabled
-                    v-model="form.cid"
-                    placeholder="请输入标准编号"
-                    clearable
+                          disabled
+                          v-model="form.cid"
+                          placeholder="请输入标准编号"
+                          clearable
                   ></el-input>
                 </el-form-item>
                 <el-form-item label="征求意见结束日期" prop="endTime" class="add-form-item form-item-disabled">
                   <el-date-picker
-                    disabled
-                    v-model="form.endTime"
-                    type="date"
-                    placeholder="请选择结束日期">
+                          disabled
+                          v-model="form.endTime"
+                          type="date"
+                          placeholder="请选择结束日期">
                   </el-date-picker>
                 </el-form-item>
                 <el-form-item label="标准附件" prop="fjListId" class="add-form-item form-item-disabled">
                   <el-input
-                    v-model="form.fjListId"
-                    style="display: none;"
+                          v-model="form.fjListId"
+                          style="display: none;"
                   ></el-input>
                   <div style="display: flex;">
-                    <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in form.fjList" :key="index">
+                    <div class="fileClass" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in form.fjList" :key="index">
                       {{ item.fileName }}
                       <el-button type="primary" class="common-button-primary" size="mini" @click="downloadFile(item.attId)">下载</el-button>
                     </div>
                   </div>
                 </el-form-item>
+                <el-form-item label="其他附件" prop="model" class="add-form-item form-item-disabled">
+                  <div v-if="form.modelList.length > 0" style="display: flex;">
+                    <div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;" @click="updataFj(item)">
+                      {{ item.name }}
+                    </div>
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
               </el-col>
             </el-row>
           </div>
@@ -60,100 +70,79 @@
           <template slot="title">征求意见列表</template>
         </ProcessTitle>
         <el-table
-          ref="multipleTable"
-          :data="data"
-          tooltip-effect="dark"
-          border
-          style="width: 100%; flex: auto;"
-          class="drag-table"
-          :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
-          :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+                ref="multipleTable"
+                :data="data"
+                tooltip-effect="dark"
+                border
+                style="width: 100%; flex: auto;"
+                class="drag-table"
+                :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+                :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
          fontWeight: 'bold', height: '48px'}">
           <el-table-column
-            type="index"
-            label="序号"
-            width="55"
-            align="center">
+                  type="index"
+                  label="序号"
+                  width="55"
+                  align="center">
           </el-table-column>
           <el-table-column
-            prop="chapterNumber"
-            align="center"
-            sortable
-            label="章条编号"
-            width="101px">
+                  prop="chapterNumber"
+                  align="center"
+                  sortable
+                  label="章条编号"
+                  width="101px">
           </el-table-column>
           <el-table-column
-            prop="chapterName"
-            align="center"
-            width="200px"
-            label="章节名称">
+                  prop="chapterName"
+                  align="center"
+                  width="200px"
+                  label="章节名称">
           </el-table-column>
           <el-table-column
-            prop="commentText"
-            align="center"
-            label="修改意见内容（包括理由或依据）">
+                  prop="commentText"
+                  align="center"
+                  label="修改意见内容（包括理由或依据）">
             <el-table-column
-              prop="name"
-              align="center"
-              label="修改前">
+                    prop="name"
+                    align="center"
+                    label="修改前">
               <template slot-scope="scope">
-                <div v-if="scope.row.state == '2'">
-                  <el-input style="margin: 10px 0;" v-model="scope.row.oldText"></el-input>
-                </div>
-                <div v-else>
-                  {{ scope.row.oldText }}
-                </div>
+                <el-button size="mini" type="primary" :disabled="scope.row.chapterNumber.length === 0" @click="itermsConditionsOpen(scope.row.oldText)" class="common-button-primary">查看修改前内容</el-button>
               </template>
             </el-table-column>
             <el-table-column
-              prop="name"
-              align="center"
-              label="修改后">
-              <template slot-scope="scope">
-                <div v-if="scope.row.state == '2'">
-                  <el-input style="margin: 10px 0;" v-model="scope.row.newText"></el-input>
-                </div>
-                <div v-else>
-                  {{ scope.row.newText }}
-                </div>
-              </template>
+                    prop="name"
+                    align="center"
+                    label="修改后">
             </el-table-column>
             <el-table-column
-              prop="name"
-              align="center"
-              label="修改理由">
-              <template slot-scope="scope">
-                <div v-if="scope.row.state == '2'">
-                  <el-input style="margin: 10px 0;" v-model="scope.row.reason"></el-input>
-                </div>
-                <div v-else>
-                  {{ scope.row.reason }}
-                </div>
-              </template>
+                    prop="name"
+                    align="center"
+                    label="修改理由">
             </el-table-column>
           </el-table-column>
           <el-table-column
-            prop="department"
-            align="center"
-            label="提出部门">
+                  prop="department"
+                  align="center"
+                  label="提出部门">
           </el-table-column>
           <el-table-column
-            prop="responUserName"
-            align="center"
-            label="提出人">
+                  prop="responUserName"
+                  align="center"
+                  label="提出人">
           </el-table-column>
           <el-table-column
-            prop="state"
-            align="center"
-            label="处理意见">
+                  prop="state"
+                  align="center"
+                  label="处理意见">
             <template slot-scope="scope">
               <div style="margin: 5px 0;">
                 <el-select
-                  :disabled="scope.row.type"
-                  v-model="scope.row.state"
-                  collapse-tags
-                  style="margin-left: 20px;"
-                  placeholder="请选择处理意见">
+                        :disabled="scope.row.type"
+                        v-model="scope.row.state"
+                        collapse-tags
+                        style="margin-left: 20px;"
+                        placeholder="请选择处理意见">
                   <el-option key="1" label="上报" value="1"></el-option>
                   <el-option key="2" label="处理后上报" value="2"></el-option>
                   <el-option key="3" label="不上报" value="3"></el-option>
@@ -161,17 +150,29 @@
               </div>
             </template>
           </el-table-column>
+          <el-table-column
+                  label="操作"
+                  width="100"
+                  align="center">
+            <template slot-scope="scope">
+              <el-button :disabled="scope.row.state !== '2'"
+                         class="common-button-primary"
+                         size="mini"
+                         type="primary"
+                         @click="itemEdit(scope.row)">处理</el-button>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
       <el-collapse accordion>
         <el-collapse-item title="审批意见">
           <div style="margin: 10px 0;">
             <el-input
-              type="textarea"
-              :rows="3"
-              resize="none"
-              placeholder="请输入意见"
-              v-model="commentText">
+                    type="textarea"
+                    :rows="3"
+                    resize="none"
+                    placeholder="请输入意见"
+                    v-model="commentText">
             </el-input>
           </div>
         </el-collapse-item>
@@ -179,57 +180,57 @@
     </div>
     <div class="content" v-show="active === '2'">
       <el-table
-        height="100%"
-        ref="selection"
-        :data="histortData"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        row-key="id"
-        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+              height="100%"
+              ref="selection"
+              :data="histortData"
+              tooltip-effect="dark"
+              style="width: 100%"
+              border
+              row-key="id"
+              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
         <el-table-column
-          prop="name"
-          label="任务步骤"
-          align="center"
-          sortable="custom"
+                prop="name"
+                label="任务步骤"
+                align="center"
+                sortable="custom"
         >
         </el-table-column>
         <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          sortable="custom"
+                prop="assignee"
+                label="任务受理人"
+                align="center"
+                sortable="custom"
         >
         </el-table-column>
         <el-table-column
-          prop="createTime"
-          label="创建时间"
-          sortable="custom"
-          align="center">
+                prop="createTime"
+                label="创建时间"
+                sortable="custom"
+                align="center">
           <template slot-scope="scope">
             <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column
-          prop="endTime"
-          label="完成时间"
-          align="center">
+                prop="endTime"
+                label="完成时间"
+                align="center">
           <template slot-scope="scope">
             <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column
-          prop="comment"
-          label="流程信息"
-          align="center">
+                prop="comment"
+                label="流程信息"
+                align="center">
           <template slot-scope="scope">
             <span>{{ scope.row.commentText }}</span>
           </template>
         </el-table-column>
         <el-table-column
-          prop="completeFlag"
-          label="状态"
-          align="center">
+                prop="completeFlag"
+                label="状态"
+                align="center">
           <template slot-scope="scope">
             <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
           </template>
@@ -237,13 +238,13 @@
       </el-table>
     </div>
     <ProcessFooter
-      show-submit
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      @save="handleSave"
-      @submit="handleSubmit"
-      show-transfer
-      @transfer="handleTransfer"
+            show-submit
+            :submitLoading="isSubmit"
+            :saveLoading="saveLoading"
+            @save="handleSave"
+            @submit="handleSubmit"
+            show-transfer
+            @transfer="handleTransfer"
     >
     </ProcessFooter>
     <Role-tree
@@ -252,289 +253,420 @@
             :is-visible.sync="drawerModal"
             @checkedRole="checkedRole"
     ></Role-tree>
+    <el-dialog
+            title="查看修改前内容"
+            :visible.sync="itermsConditionsFlag"
+            size="800px">
+      <div style="height: 500px;overflow: auto;" v-html="itermsConditionsTitle"></div>
+      <div slot="footer">
+        <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="itermsConditionsClose">关闭</el-button>
+      </div>
+    </el-dialog>
+    <el-drawer
+            title="编辑"
+            :visible.sync="modalshowflag2"
+            :wrapperClosable="false"
+            size="800px">
+      <div class="demo-drawer-content">
+        <el-form :model="editForm" class="label-input-form" ref="plForm" label-width=150>
+          <el-form-item label="章节编号" prop="chapterNumber" class="add-form-item" >
+            <el-select filterable v-model="editForm.chapterNumber" placeholder="请选择条款章节" @change="optionsChange">
+              <el-option
+                      v-for="(item,index) in options"
+                      :key="index"
+                      :label="item.itemsNum"
+                      :value="item.itemsNum"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="章节名称" prop="chapterName" class="add-form-item">
+            <el-input
+                    v-model="editForm.chapterName"
+                    placeholder="请输入章节名称"
+                    maxlength="500"
+                    disabled
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="修改前" prop="oldText" class="add-form-item">
+            <div v-html="editForm.oldText" style="margin: 56px 0 0 10px;"></div>
+          </el-form-item>
+          <el-form-item label="修改后" prop="newText" class="add-form-item" >
+            <el-input
+                    v-model="editForm.newText"
+                    placeholder="请输入修改后内容"
+                    maxlength="500"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="修改理由" prop="reason" class="add-form-item" >
+            <el-input
+                    v-model="editForm.reason"
+                    placeholder="请输入修改理由"
+                    maxlength="500"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div id="roleFormButton3" class="demo-drawer-footer">
+        <el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo2">确定</el-button>
+        <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo2">取消</el-button>
+      </div>
+    </el-drawer>
   </div>
 </template>
 
 <script>
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, processCreateStand, saveTaskForPub, changeAssigneeNew } from "api/process";
-import axios from "axios";
+  import ProcessHeader from "../../components/ProcessHeader";
+  import ProcessFooter from "../../components/ProcessFooter";
+  import ProcessTitle from "../../components/ProcessTitle";
+  import { inboundLiaisonDetail, processCreateStand, saveTaskForPub, changeAssigneeNew } from "api/process";
+  import axios from "axios";
 
-export default {
-  name: "bzzqyjStep5",
-  data() {
-    return {
-      drawerModal: false,
-      histortData: [],
-      oldData: [],
-      data: [],
-      commentText: "",
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId,
-      roleRow: {},
-      nodeList: [],
-      type: "",
-      defaultProps: {
-        children: "children",
-        label: "name"
-      },
-      treeData: [], // 人员数据
-      modalshowflag: false, // drawer开关
-      drawerTitle: "", //drawer标题
-      textarea: "", // 意见
-      ListModel: false, // 新增编辑抽屉开关
-      active: "1", // 默认显示
-      isSubmit: false,
-      saveLoading: false,
-      form: {
-        cid: "", // 编号
-        endTime: "", // 结束日期
-        cname: "", // 名称
-        fjList: [],
-        fjListId: '',
-      },
-      formRules: {
-        responUserList: [
-          {required: true, message: "请选择责任人", trigger: "change"}
-        ]
-      },
-      json: {}
-    };
-  },
-  components: {
-    ProcessHeader,
-    ProcessFooter,
-    ProcessTitle
-  },
-  methods: {
-    downloadFile (attId) {
-      window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+  export default {
+    name: "bzzqyjStep5",
+    data() {
+      return {
+        options: [],
+        itemId: '',
+        modalshowflag2: false,
+        editForm: {
+          chapterNumber: '',
+          chapterName: '',
+          oldText: '',
+          newText: '',
+          reason: '',
+        },
+        itermsConditionsFlag: false,
+        itermsConditionsTitle: '',
+        drawerModal: false,
+        histortData: [],
+        oldData: [],
+        data: [],
+        commentText: "",
+        taskIds: this.$route.query.taskIds,
+        pId: this.$route.query.prcId,
+        roleRow: {},
+        nodeList: [],
+        type: "",
+        defaultProps: {
+          children: "children",
+          label: "name"
+        },
+        treeData: [], // 人员数据
+        modalshowflag: false, // drawer开关
+        drawerTitle: "", //drawer标题
+        textarea: "", // 意见
+        ListModel: false, // 新增编辑抽屉开关
+        active: "1", // 默认显示
+        isSubmit: false,
+        saveLoading: false,
+        form: {
+          cid: "", // 编号
+          endTime: "", // 结束日期
+          cname: "", // 名称
+          fjList: [],
+          fjListId: '',
+          textType: '',
+          modelList: [],
+          modelNameList: '',
+        },
+        formRules: {
+          responUserList: [
+            {required: true, message: "请选择责任人", trigger: "change"}
+          ]
+        },
+        json: {}
+      };
     },
+    components: {
+      ProcessHeader,
+      ProcessFooter,
+      ProcessTitle
+    },
+    methods: {
+      getItemList (standId, fileType) { // 查询分解单条款数据
+        this.$http.get('SarStandItems/sar-stand-items/querySarItemAndInterpretation', {
+          standId: standId,
+          fileType: fileType,
+          pageSize: 9999,
+          page: 1
+        }, {}, res => {
+          if (res.ok) {
+            this.options = res.data.list
+          }
+        }, e => {
+        })
+      },
+      optionsChange (data) {
+        for  (let a = 0; a < this.options.length; a++) {
+          if (data === this.options[a].itemsNum) {
+            this.editForm.chapterName = this.options[a].itemsName
+            this.editForm.oldText = this.options[a].termsConditions
+          }
+        }
+      },
+      saveUserInfo2 () {
+        for( let a = 0; a < this.data.length; a++) {
+          if (this.data[a].id === this.itemId) {
+            this.data[a].chapterNumber = this.editForm.chapterNumber
+            this.data[a].chapterName = this.editForm.chapterName
+            this.data[a].oldText = this.editForm.oldText
+            this.data[a].newText = this.editForm.newText
+            this.data[a].reason = this.editForm.reason
+          }
+        }
+        this.modalshowflag2 = false
+      },
+      cancleUserInfo2 () {
+        this.modalshowflag2 = false
+      },
+      itemEdit (row) {
+        this.itemId = row.id
+        this.modalshowflag2 = true
+        this.editForm = {
+          chapterNumber: row.chapterNumber,
+          chapterName: row.chapterName,
+          oldText: row.oldText,
+          newText: row.newText,
+          reason: row.reason,
+        }
+      },
+      itermsConditionsClose () {
+        this.itermsConditionsFlag = false
+      },
+      itermsConditionsOpen (row) {
+        this.itermsConditionsFlag = true
+        this.itermsConditionsTitle = row
+      },
+      downloadFile (attId) {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+      },
       handleTransfer() {
-          this.drawerModal = true
+        this.drawerModal = true
       },
       checkedRole (data) {
-          changeAssigneeNew({
-              taskId: this.$route.query.taskIds, // 任务id
-              userId:this.$store.getters.userInfo.userId, // 委托人
-              assignee: data[0].id, // 被委托人
-              pId: this.$route.query.prcId, // 流程实例
-          }).then(res => {
-              if (res.success) {
-                  this.drawerModal = false
-                  this.$message.success('调整成功')
-                  this.processNum()
-                  this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-              } else {
-                  this.$message.warning(res.message)
-              }
-          })
+        changeAssigneeNew({
+          taskId: this.$route.query.taskIds, // 任务id
+          userId:this.$store.getters.userInfo.userId, // 委托人
+          assignee: data[0].id, // 被委托人
+          pId: this.$route.query.prcId, // 流程实例
+        }).then(res => {
+          if (res.success) {
+            this.drawerModal = false
+            this.$message.success('调整成功')
+            this.processNum()
+            this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
       },
       // 请求转换流程图
       processNum (row) {
-          axios.request({
-              url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
-              responseType: 'blob',
-              method: 'get',
-              params: {
-                  prcNum: this.$route.query.prcNum
-              }
-          }).then(res => {
-              this.processStep = window.URL.createObjectURL(res.data)
-          })
-      },
-    updataFj(item) {
-      let id
-      let type = item.fileName.split('.')
-      if (type[1] === 'pdf') {
-        id = item.attId
-      } else {
-        id = item.oriAttId
-      }
-      window.open('/static/pdf/phone/bzzqyjViewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + id))
-    },
-    getHistoryData() {
-      this.$http.get("lawss/activiti/get_list_by_instance", {
-        prcNum: this.$route.query.prcNum
-      }, {}, res => {
-        this.histortData = res;
-      }, e => {
-      });
-    },
-    changeInput(index) {
-      this.data[index].type = true;
-    },
-    handleTabs(name) {
-      this.active = name;
-    },
-    //保存事件
-    handleSave() {
-      this.saveLoading = true;
-      let _formData = new FormData();
-      let json = this.form;
-      json.data = this.data;
-      _formData.append("id", this.bpnId || "");
-      _formData.append("prcType", "3");
-      _formData.append("taskIds", this.taskIds);
-      _formData.append("json", JSON.stringify({
-        form: json,
-        commentText: this.commentText
-      }));
-      saveTaskForPub(_formData).then(res => {
-        this.saveLoading = false;
-        this.$message.success("保存成功");
-        this.bpnId = res.result;
-      }).catch(e => {
-        this.saveLoading = false;
-      });
-    },
-    handleSubmit() {
-      if (this.data.length < 1) {
-        this.$message.warning("请输入征求意见搞");
-      } else {
-        this.isSubmit = true;
-        var json = this.json;
-        json.oldinfo = this.oldData;
-        json.commentText = this.commentText;
-        json.introduce = true;
-        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");
+        axios.request({
+          url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+          responseType: 'blob',
+          method: 'get',
+          params: {
+            prcNum: this.$route.query.prcNum
           }
-          this.isSubmit = false;
-        });
-      }
-    },
-    getData() {
-      return new Promise((resolve, reject) => {
-        inboundLiaisonDetail({
-          taskIds: this.taskIds,
-          pId: this.pId
         }).then(res => {
-          let data = JSON.parse(res.mesg);
-          this.form.fjList = data.fjList || data.form.fjList
-          if (data.fjListId === '') {
-            this.form.fjListId = ''
-          } else {
-            this.form.fjListId =  data.form.fjListId || data.fjListId
-          }
-          this.form.cid = data.cid || data.form.cid;
-          this.form.endTime = data.endTime || data.form.endTime;
-          this.form.cname = data.cname || data.form.cname;
-          this.oldData = JSON.parse(JSON.stringify(data.summaryList))
-          console.log(data);
-          data.summaryList.forEach(item => {
-            if (item.state) {
-            } else {
-              item.state = "1";
-            }
-            item.type = false;
-          });
-          data.info.forEach(item => {
-            if (item.state) {
-            } else {
-              item.state = "1";
-            }
-          });
-          this.json = data;
-          this.data = data.info
-          if (data.introduce) {
-          } else {
-            this.$http.get("slrs/sar-public-idea-all/getPublicIdea", {
-              unique: data.unique
-            }, {}, res => {
-              res.data.forEach(item => {
-                item.chapterNumber = item.partCode;
-                item.responUserName = item.userName;
-                this.data.push(item);
-              });
-            });
-          }
-        }).catch(e => {
+          this.processStep = window.URL.createObjectURL(res.data)
+        })
+      },
+      updataFj(item) {
+        let id
+        let type = item.fileName.split('.')
+        if (type[1] === 'pdf') {
+          id = item.attId
+        } else {
+          id = item.oriAttId
+        }
+        window.open('/static/pdf/phone/bzzqyjViewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + id))
+      },
+      getHistoryData() {
+        this.$http.get("lawss/activiti/get_list_by_instance", {
+          prcNum: this.$route.query.prcNum
+        }, {}, res => {
+          this.histortData = res;
+        }, e => {
         });
-      });
+      },
+      changeInput(index) {
+        this.data[index].type = true;
+      },
+      handleTabs(name) {
+        this.active = name;
+      },
+      //保存事件
+      handleSave() {
+        this.saveLoading = true;
+        let _formData = new FormData();
+        let json = this.form;
+        json.data = this.data;
+        _formData.append("id", this.bpnId || "");
+        _formData.append("prcType", "3");
+        _formData.append("taskIds", this.taskIds);
+        _formData.append("json", JSON.stringify({
+          form: json,
+          commentText: this.commentText
+        }));
+        saveTaskForPub(_formData).then(res => {
+          this.saveLoading = false;
+          this.$message.success("保存成功");
+          this.bpnId = res.result;
+        }).catch(e => {
+          this.saveLoading = false;
+        });
+      },
+      handleSubmit() {
+        if (this.data.length < 1) {
+          this.$message.warning("请输入征求意见搞");
+        } else {
+          this.isSubmit = true;
+          var json = this.json;
+          json.oldinfo = this.oldData;
+          json.commentText = this.commentText;
+          json.introduce = true;
+          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;
+          });
+        }
+      },
+      getData() {
+        return new Promise((resolve, reject) => {
+          inboundLiaisonDetail({
+            taskIds: this.taskIds,
+            pId: this.pId
+          }).then(res => {
+            let data = JSON.parse(res.mesg);
+
+            this.form.fjList = data.fjList || data.form.fjList
+            if (data.fjListId === '') {
+              this.form.fjListId = ''
+            } else {
+              this.form.fjListId =  data.form.fjListId || data.fjListId
+            }
+            this.form.cid = data.cid || data.form.cid;
+            this.form.endTime = data.endTime || data.form.endTime;
+            this.form.cname = data.cname || data.form.cname;
+            this.form.textType = data.textType
+            this.form.modelList = data.modelList
+            this.form.modelNameList = data.modelNameList
+            // this.oldData = JSON.parse(JSON.stringify(data.summaryList))
+            // console.log(data);
+            // data.summaryList.forEach(item => {
+            //   if (item.state) {
+            //   } else {
+            //     item.state = "1";
+            //   }
+            //   item.type = false;
+            // });
+            data.info.forEach(item => {
+              if (item.state) {
+              } else {
+                item.state = "1";
+              }
+            });
+            this.json = data;
+            this.getItemList(data.standId,this.form.textValue)
+            this.data = data.info
+            if (data.introduce) {
+            } else {
+              this.$http.get("slrs/sar-public-idea-all/getPublicIdea", {
+                unique: data.unique
+              }, {}, res => {
+                res.data.forEach(item => {
+                  item.chapterNumber = item.partCode;
+                  item.responUserName = item.userName;
+                  this.data.push(item);
+                });
+              });
+            }
+          }).catch(e => {
+          });
+        });
+      }
+    },
+    mounted() {
+      this.getHistoryData();
+      this.getData();
     }
-  },
-  mounted() {
-    this.getHistoryData();
-    this.getData();
-  }
-};
+  };
 </script>
 
 <style lang="less" scoped>
-@import '~@/assets/styles/style';
+  @import '~@/assets/styles/style';
 
-.bzdyStep5 {
-  /deep/ .el-drawer__container {
-    .prc-content-border {
-      border: none;
-      padding: 0 20px 0;
+  .bzdyStep5 {
+    /deep/ .el-drawer__container {
+      .prc-content-border {
+        border: none;
+        padding: 0 20px 0;
+      }
     }
-  }
 
-  .fileClass {
-    cursor: pointer;
-  }
-
-  .fileClass:hover {
-    color: #0c91e5;
-  }
-
-  position: relative;
-  height: 100%;
-
-  .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;
+    .fileClass {
       cursor: pointer;
     }
 
-    .active {
-      border: 1px solid #E6A23C;
-      color: #fff;
-      background: #E6A23C;
+    .fileClass:hover {
+      color: #0c91e5;
     }
-  }
 
-  .content {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: calc(~'100% - 103px');
-    overflow: auto;
+    position: relative;
+    height: 100%;
 
-    .tableTitle {
-      margin-bottom: 10px;
-      height: 30px;
-      line-height: 30px;
-      position: relative;
-      font-size: 13px;
-      font-weight: bold;
+    .headerTabs {
+      height: 52px;
+      display: flex;
+      align-items: center;
+      position: absolute;
+      top: 0;
+      right: 10px;
 
-      .tableButton {
-        position: absolute;
-        right: 0;
-        top: 0;
+      .headerTabsItem {
+        border: 1px solid #c1c1c1;
+        padding: 0 5px;
+        height: 30px;
+        line-height: 30px;
+        cursor: pointer;
+      }
+
+      .active {
+        border: 1px solid #E6A23C;
+        color: #fff;
+        background: #E6A23C;
+      }
+    }
+
+    .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;
+        }
       }
     }
   }
-}
 </style>
diff --git a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
index 82d854de8..00fe29240 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
@@ -616,7 +616,7 @@ export default {
             })
           } else if (row.taskInfo === '审批人审批') {
             this.$router.push({
-              name: 'bzzqyjStep5',
+              name: 'bzzqyjStep4-1',
               query: {
                 taskIds: row.taskIds,
                 prcId: row.prcId,
@@ -625,7 +625,29 @@ export default {
                 prcType: row.prcType
               }
             })
-          } else if (row.taskInfo === '责任人会签') {
+          } else if (row.taskInfo === '标准法规工程师分线审核') {
+            this.$router.push({
+              name: 'bzzqyjStep4-2',
+              query: {
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+          } else if (row.taskInfo === '标准法规工程师汇总') {
+          this.$router.push({
+            name: 'bzzqyjStep5',
+            query: {
+              taskIds: row.taskIds,
+              prcId: row.prcId,
+              prcNum: row.prcNum,
+              prcName: row.prcName,
+              prcType: row.prcType
+            }
+          })
+        } else if (row.taskInfo === '责任人会签') {
             this.$router.push({
               name: 'bzzqyjStep6',
               query: {
diff --git a/src/router/index.js b/src/router/index.js
index 3d1818917..535f26f7c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1129,6 +1129,24 @@ const routes = [
           title: '标准征求意见流程'
         }
       },
+      {
+        path: '/bzzqyjStep4-1',
+        name: 'bzzqyjStep4-1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
+      {
+        path: '/bzzqyjStep4-2',
+        name: 'bzzqyjStep4-2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
       {
         path: '/bzzqyjStep5',
         name: 'bzzqyjStep5',