From 50c71305d7f5b3aba5ed457f4bb6b90d34e40153 Mon Sep 17 00:00:00 2001
From: zhutianqi <ztq_qi@sina.com>
Date: Wed, 22 Dec 2021 19:22:04 +0800
Subject: [PATCH] commit

---
 .../pages/creatProcess/bzzqyj/step3.vue       |   3 +-
 .../pages/phone/bzzqyj/step2.vue              | 498 +++++++++++++++
 .../pages/phone/bzzqyj/step4-1.vue            | 583 ++++++++++++++++++
 .../pages/phone/bzzqyj/step4-2.vue            | 570 +++++++++++++++++
 .../pages/phone/bzzqyj/step6.vue              |   5 +-
 .../pages/phone/bzzqyj/step7.vue              |   5 +-
 .../pages/phone/bzzqyj/step8.vue              |   6 +-
 .../pages/phone/bzzqyj/step9.vue              |   6 +-
 src/router/index.js                           |  42 +-
 9 files changed, 1706 insertions(+), 12 deletions(-)
 create mode 100644 src/pages/processCenter/pages/phone/bzzqyj/step2.vue
 create mode 100644 src/pages/processCenter/pages/phone/bzzqyj/step4-1.vue
 create mode 100644 src/pages/processCenter/pages/phone/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 3622638ff..cb2d058c5 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
@@ -529,7 +529,6 @@
                     prcNum: this.$route.query.prcNum,
                 }, {}, res => {
                     this.histortData = res
-                    console.log(res);
                 }, e => {
                 })
             },
@@ -706,7 +705,7 @@
                         }
                         this.form.textType = data.textType || data.form.textType
                         this.form.modelList = data.modelList || data.form.modelList
-                        this.form.modelNameList = data.modelNameList || data.form.modelNameList
+                        // this.form.modelNameList = data.modelNameList || data.form.modelNameList
                         this.form.cid = data.cid || data.form.cid
                         this.form.endTime = data.endTime || data.form.endTime
                         this.todoId = res.id
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/step2.vue b/src/pages/processCenter/pages/phone/bzzqyj/step2.vue
new file mode 100644
index 000000000..159b61275
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step2.vue
@@ -0,0 +1,498 @@
+<template>
+    <div class="phoneBzdyStep2 phoneBox">
+        <!--    标准调研流程-->
+        <ProcessHeaderPhone toggle>
+            <template slot="proName">标准征求意见流程</template>
+            <template slot="proNode">对接人选择责任人</template>
+        </ProcessHeaderPhone>
+        <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"
+                                             style="margin-right: 15px;padding-left: 10px"
+                                             v-for="(item, index) in form.fjList"
+                                             :key="index">
+                                            <span @click="fileLook(item)">{{ item.fileName }}</span>
+                                            <el-button
+                                                    size="small"
+                                                    @click="filesUpload(item)"
+                                                    icon="el-icon-download"
+                                                    style="height: 32px; margin-left: 5px;"
+                                            ></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">
+                                        <div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;">
+                                            <span @click="fileLook(item)">{{ item.name }}</span>
+                                            <el-button
+                                                    size="small"
+                                                    @click="filesUpload(item)"
+                                                    icon="el-icon-download"
+                                                    style="height: 32px; margin-left: 5px;"
+                                            ></el-button>
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="责任人" prop="responUserList" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.responUserList"
+                                            style="display: none;"
+                                            clearable
+                                    ></el-input>
+                                    <el-input v-model="form.responUserListName" placeholder="请选择责任人" @click.native="choiceZRR"></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+            </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 HH:mm:ss') : '' }}</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 HH:mm:ss') : '' }}</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"
+                @save="handleSave"
+                @submit="handleSubmit"
+                show-transfer
+                @transfer="handleTransfer"
+        >
+        </ProcessFooter>
+        <phone-role
+                role-title="转办处理人"
+                :is-show-phone.sync="drawerModal"
+                @checkedRole="checkedRole"
+        />
+        <phone-role
+                check-more
+                role-title="选择责任部门对接人"
+                :is-show-phone.sync="modalshowflag"
+                @checkedRole="checkedRole2"
+                :result-list="nodeList"
+        />
+    </div>
+</template>
+
+<script>
+    import ProcessHeaderPhone from "../../components/ProcessHeaderPhone";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { inboundLiaisonDetail, processCreateStand, saveTaskForPub, changeAssigneeNew,getBusStandFileByAttId} from "api/process";
+    import axios from "axios";
+
+    export default {
+        name: "bzzqyjStep2",
+        data() {
+            return {
+                drawerModal: false,
+                histortData: [],
+                commentText: "",
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                nodeList: [],
+                type: "",
+                modalshowflag: false, // drawer开关
+                drawerTitle: "", //drawer标题
+                textarea: "", // 意见
+                ListModel: false, // 新增编辑抽屉开关
+                active: "1", // 默认显示
+                isSubmit: false,
+                saveLoading: false,
+                form: {
+                    cid: "", // 编号
+                    endTime: "", // 结束日期
+                    cname: "", // 名称
+                    fjList: [],
+                    fjListId: '',
+                    responUserList: "",
+                    responUserListName: "",
+                    textType: '',
+                    modelList: [],
+                    modelNameList: '',
+                },
+                formRules: {
+                    responUserList: [
+                        { required: true, message: "请选择责任人", trigger: "change" }
+                    ]
+                },
+                json: {}
+            };
+        },
+        components: {
+            ProcessHeaderPhone,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            filesUpload (file) { // 下载
+                const attId = file.attId
+                if (attId) {
+                    window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+                } else {
+                    this.$message.warning('文件不存在,下载失败')
+                }
+            },
+            getBusStandFileByAttId(attId) { // 预览
+                return new Promise((resolve, reject) => {
+                    getBusStandFileByAttId({
+                        attId
+                    }).then(res => {
+                        if (res.ok) {
+                            resolve(res.data)
+                        } else {
+                            reject()
+                        }
+                    }).catch(e => {
+                        reject(e)
+                    })
+                })
+            },
+            fileLook(file) { // 预览
+                const attId = file.attId
+                this.getBusStandFileByAttId(attId)
+                    .then(res => {
+                        if(res){
+                            const editFileInfo = res
+                            if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
+                                window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
+                            }else if(editFileInfo.fileSuffix === 'pdf' || editFileInfo.fileSuffix === 'PDF'){
+                                window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + editFileInfo.id))
+                            }else {
+                                const nowTime = new Date().getTime()
+                                // window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(editFileInfo.downLoadUrl)));
+                                window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
+                            }
+                            // window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + editFileInfo.id))
+                        }
+                    }).catch(e => {
+                    this.$message.warning('文件不存在,预览失败')
+                })
+            },
+            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) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            getHistoryData() {
+                this.$http.get("lawss/activiti/get_list_by_instance", {
+                    prcNum: this.$route.query.prcNum
+                }, {}, res => {
+                    this.histortData = res;
+                }, e => {
+                });
+            },
+            checkedRole2(data) {
+                var idList = "";
+                var nameList = "";
+                data.forEach(item => {
+                    if (nameList.length > 0) {
+                        nameList += ",";
+                        idList += ",";
+                    }
+                    idList += item.id;
+                    nameList += item.name;
+                });
+                this.form.responUserList = idList;
+                this.form.responUserListName = nameList;
+
+            },
+            choiceZRR() {
+                this.nodeList = [];
+                if (this.form.responUserList.length > 0) {
+                    this.nodeList = this.form.responUserList.split(",");
+                }
+                this.modalshowflag = true;
+            },
+            handleTabs(name) {
+                this.active = name;
+            },
+            //保存事件
+            handleSave() {
+                this.saveLoading = true;
+                let _formData = new FormData();
+                _formData.append("id", this.bpnId || "");
+                _formData.append("prcType", "3");
+                _formData.append("taskIds", this.taskIds);
+                _formData.append("json", JSON.stringify({
+                    form: this.form,
+                    commentText: this.commentText
+                }));
+                saveTaskForPub(_formData).then(res => {
+                    this.saveLoading = false;
+                    this.$message.success("保存成功");
+                    this.bpnId = res.result;
+                }).catch(e => {
+                    this.saveLoading = false;
+                });
+            },
+            handleSubmit() {
+                this.$refs["bzzqyjForm"].validate((valid) => {
+                    if (valid) {
+                        this.isSubmit = true;
+                        var json = this.json;
+                        json.commentText = this.commentText;
+                        json.responUserList = this.form.responUserList;
+                        json.responUserListName = this.form.responUserListName;
+                        json.introduce = false;
+                        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 {
+                        return 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.cid = data.cid
+                        this.form.endTime = data.endTime
+                        this.form.cname = data.cname
+                        this.form.fjList = data.fjList
+                        // this.form.fjListId = data.fjListId
+                        this.form.textType = data.textType
+                        this.form.modelList = data.modelList
+                        this.form.modelNameList = data.modelNameList
+                        if (data.fjListId === '') {
+                            this.form.fjListId = ''
+                        } else {
+                            this.form.fjListId = data.fjListId || data.form.fjListId
+                        }
+                        this.json = data
+                    }).catch(e => {
+                    });
+                });
+            }
+        },
+        mounted() {
+            this.getHistoryData();
+            this.getData();
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/phone';
+    .phoneBzdyStep2 {
+        /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/phone/bzzqyj/step4-1.vue b/src/pages/processCenter/pages/phone/bzzqyj/step4-1.vue
new file mode 100644
index 000000000..338a9c788
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step4-1.vue
@@ -0,0 +1,583 @@
+<template>
+    <div class="phoneBzzqyjStep4-1 phoneBox">
+        <!--    标准调研流程-->
+        <ProcessHeaderPhone toggle>
+            <template slot="proName">标准征求意见流程</template>
+            <template slot="proNode">审批人审批</template>
+        </ProcessHeaderPhone>
+        <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"
+                                             style="margin-right: 15px;padding-left: 10px"
+                                             v-for="(item, index) in form.fjList"
+                                             :key="index">
+                                            <span @click="fileLook(item)">{{ item.fileName }}</span>
+                                            <el-button
+                                                    size="small"
+                                                    @click="filesUpload(item)"
+                                                    icon="el-icon-download"
+                                                    style="height: 32px; margin-left: 5px;"
+                                            ></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">
+                                        <div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;">
+                                            <span @click="fileLook(item)">{{ item.name }}</span>
+                                            <el-button
+                                                    size="small"
+                                                    @click="filesUpload(item)"
+                                                    icon="el-icon-download"
+                                                    style="height: 32px; margin-left: 5px;"
+                                            ></el-button>
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="标准法规工程师分线管理员" prop="bzfgId" 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 HH:mm:ss') : '' }}</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 HH:mm:ss') : '' }}</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>
+        <phone-role
+                role-title="转办处理人"
+                :is-show-phone.sync="drawerModal"
+                @checkedRole="checkedRole"
+        />
+        <van-dialog v-model="itermsConditionsFlag" title="查看修改前内容" @confirm="dialogOk">
+            <div v-html="itermsConditionsTitle"></div>
+        </van-dialog>
+        <phone-role
+                role-title="选择责任部门对接人"
+                :is-show-phone.sync="modalshowflag"
+                @checkedRole="checkedRole2"
+                :result-list="nodeList"
+        />
+    </div>
+</template>
+
+<script>
+    import { Dialog } from 'vant';
+    import ProcessHeaderPhone from "../../components/ProcessHeaderPhone";
+    import ProcessFooter from '../../components/ProcessFooter'
+    import ProcessTitle from '../../components/ProcessTitle'
+    import {inboundLiaisonDetail, processCreateStand,changeAssigneeNew,getBusStandFileByAttId} from 'api/process'
+    import axios from "axios";
+
+    export default {
+        name: "phoneBzzqyjStep4-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: {
+            [Dialog.Component.name]: Dialog.Component,
+            ProcessHeaderPhone,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            filesUpload (file) { // 下载
+                const attId = file.attId
+                if (attId) {
+                    window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+                } else {
+                    this.$message.warning('文件不存在,下载失败')
+                }
+            },
+            getBusStandFileByAttId(attId) { // 预览
+                return new Promise((resolve, reject) => {
+                    getBusStandFileByAttId({
+                        attId
+                    }).then(res => {
+                        if (res.ok) {
+                            resolve(res.data)
+                        } else {
+                            reject()
+                        }
+                    }).catch(e => {
+                        reject(e)
+                    })
+                })
+            },
+            fileLook(file) { // 预览
+                const attId = file.attId
+                this.getBusStandFileByAttId(attId)
+                    .then(res => {
+                        if(res){
+                            const editFileInfo = res
+                            if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
+                                window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
+                            }else if(editFileInfo.fileSuffix === 'pdf' || editFileInfo.fileSuffix === 'PDF'){
+                                window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + editFileInfo.id))
+                            }else {
+                                const nowTime = new Date().getTime()
+                                // window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(editFileInfo.downLoadUrl)));
+                                window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
+                            }
+                            // window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + editFileInfo.id))
+                        }
+                    }).catch(e => {
+                    this.$message.warning('文件不存在,预览失败')
+                })
+            },
+            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;
+            },
+            dialogOk () {
+                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) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.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
+                        })
+                    } else {
+                        this.$message.warning('请选择标准法规工程师分线管理员')
+                    }
+                })
+            },
+            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 || data.form.textType
+                        this.form.modelList = data.modelList || data.form.modelList
+                        this.form.modelNameList = data.modelNameList || data.form.modelNameList
+                        this.form.bzfgId = data.bzfgId || ''
+                        this.form.bzfgName = data.bzfgName || ''
+                        this.json = data
+                        this.data = data.info || data.data
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted() {
+            this.getHistoryData()
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/phone';
+
+    .phoneBzzqyjStep4-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/phone/bzzqyj/step4-2.vue b/src/pages/processCenter/pages/phone/bzzqyj/step4-2.vue
new file mode 100644
index 000000000..20af2e63b
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step4-2.vue
@@ -0,0 +1,570 @@
+<template>
+    <div class="phoneBzzqyjStep4-2 phoneBox">
+        <!--    标准调研流程-->
+        <ProcessHeaderPhone toggle>
+            <template slot="proName">标准征求意见流程</template>
+            <template slot="proNode">标准法规工程师分线审核</template>
+        </ProcessHeaderPhone>
+        <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"
+                                             style="margin-right: 15px;padding-left: 10px"
+                                             v-for="(item, index) in form.fjList"
+                                             :key="index">
+                                            <span @click="fileLook(item)">{{ item.fileName }}</span>
+                                            <el-button
+                                                    size="small"
+                                                    @click="filesUpload(item)"
+                                                    icon="el-icon-download"
+                                                    style="height: 32px; margin-left: 5px;"
+                                            ></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">
+                                        <div v-for="(item, index) in form.modelList" class="fileClass" :key="index" style="margin-right: 5px;">
+                                            <span @click="fileLook(item)">{{ item.name }}</span>
+                                            <el-button
+                                                    size="small"
+                                                    @click="filesUpload(item)"
+                                                    icon="el-icon-download"
+                                                    style="height: 32px; margin-left: 5px;"
+                                            ></el-button>
+                                        </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 HH:mm:ss') : '' }}</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 HH:mm:ss') : '' }}</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>
+        <phone-role
+                role-title="转办处理人"
+                :is-show-phone.sync="drawerModal"
+                @checkedRole="checkedRole"
+        />
+        <van-dialog v-model="itermsConditionsFlag" title="查看修改前内容" @confirm="dialogOk">
+            <div v-html="itermsConditionsTitle"></div>
+        </van-dialog>
+        <Role-tree
+                check-box
+                is-title="选择责任部门对接人"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole2"
+                :nodeList="nodeList"
+        ></Role-tree>
+    </div>
+</template>
+
+<script>
+    import { Dialog } from 'vant';
+    import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
+    import ProcessFooter from '../../components/ProcessFooter'
+    import ProcessTitle from '../../components/ProcessTitle'
+    import {inboundLiaisonDetail, processCreateStand,changeAssigneeNew,getBusStandFileByAttId} from 'api/process'
+    import axios from "axios";
+
+    export default {
+        name: "phoneBzzqyjStep4-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: {
+            [Dialog.Component.name]: Dialog.Component,
+            ProcessHeaderPhone,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            dialogOk () {
+                this.itermsConditionsFlag = false
+            },
+            filesUpload (file) { // 下载
+                const attId = file.attId
+                if (attId) {
+                    window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+                } else {
+                    this.$message.warning('文件不存在,下载失败')
+                }
+            },
+            getBusStandFileByAttId(attId) { // 预览
+                return new Promise((resolve, reject) => {
+                    getBusStandFileByAttId({
+                        attId
+                    }).then(res => {
+                        if (res.ok) {
+                            resolve(res.data)
+                        } else {
+                            reject()
+                        }
+                    }).catch(e => {
+                        reject(e)
+                    })
+                })
+            },
+            fileLook(file) { // 预览
+                const attId = file.attId
+                this.getBusStandFileByAttId(attId)
+                    .then(res => {
+                        if(res){
+                            const editFileInfo = res
+                            if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
+                                window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
+                            }else if(editFileInfo.fileSuffix === 'pdf' || editFileInfo.fileSuffix === 'PDF'){
+                                window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + editFileInfo.id))
+                            }else {
+                                const nowTime = new Date().getTime()
+                                // window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(editFileInfo.downLoadUrl)));
+                                window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
+                            }
+                            // window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + editFileInfo.id))
+                        }
+                    }).catch(e => {
+                    this.$message.warning('文件不存在,预览失败')
+                })
+            },
+            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) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.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 || data.form.textType
+                        this.form.modelList = data.modelList || data.form.modelList
+                        this.form.modelNameList = data.modelNameList || data.form.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/phone';
+
+    .phoneBzzqyjStep4-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/phone/bzzqyj/step6.vue b/src/pages/processCenter/pages/phone/bzzqyj/step6.vue
index f1a14b731..495efdc38 100644
--- a/src/pages/processCenter/pages/phone/bzzqyj/step6.vue
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step6.vue
@@ -273,6 +273,9 @@
             ProcessTitle
         },
         methods: {
+            dialogOk () {
+                this.itermsConditionsFlag = false
+            },
             filesUpload (file) { // 下载
                 const attId = file.attId
                 if (attId) {
@@ -496,7 +499,7 @@
 </script>
 
 <style lang="less" scoped>
-    @import '~@/assets/styles/style';
+    @import '~@/assets/styles/phone';
 
     .phoneBzdyStep6 {
         /deep/ .el-drawer__container {
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/step7.vue b/src/pages/processCenter/pages/phone/bzzqyj/step7.vue
index 5d7ed5e54..9135c50e4 100644
--- a/src/pages/processCenter/pages/phone/bzzqyj/step7.vue
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step7.vue
@@ -273,6 +273,9 @@
             ProcessTitle
         },
         methods: {
+            dialogOk () {
+                this.itermsConditionsFlag = false
+            },
             filesUpload (file) { // 下载
                 const attId = file.attId
                 if (attId) {
@@ -496,7 +499,7 @@
 </script>
 
 <style lang="less" scoped>
-    @import '~@/assets/styles/style';
+    @import '~@/assets/styles/phone';
 
     .phoneBzdyStep7 {
         /deep/ .el-drawer__container {
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/step8.vue b/src/pages/processCenter/pages/phone/bzzqyj/step8.vue
index a5382ebb2..cc86ddda0 100644
--- a/src/pages/processCenter/pages/phone/bzzqyj/step8.vue
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step8.vue
@@ -273,6 +273,9 @@
             ProcessTitle
         },
         methods: {
+            dialogOk () {
+                this.itermsConditionsFlag = false
+            },
             filesUpload (file) { // 下载
                 const attId = file.attId
                 if (attId) {
@@ -496,8 +499,7 @@
 </script>
 
 <style lang="less" scoped>
-    @import '~@/assets/styles/style';
-
+    @import '~@/assets/styles/phone';
     .phoneBzdyStep8 {
         /deep/ .el-drawer__container {
             .prc-content-border {
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/step9.vue b/src/pages/processCenter/pages/phone/bzzqyj/step9.vue
index 1ca5e2510..c6468a4a6 100644
--- a/src/pages/processCenter/pages/phone/bzzqyj/step9.vue
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step9.vue
@@ -273,6 +273,9 @@
             ProcessTitle
         },
         methods: {
+            dialogOk () {
+                this.itermsConditionsFlag = false
+            },
             filesUpload (file) { // 下载
                 const attId = file.attId
                 if (attId) {
@@ -496,8 +499,7 @@
 </script>
 
 <style lang="less" scoped>
-    @import '~@/assets/styles/style';
-
+    @import '~@/assets/styles/phone';
     .phoneBzdyStep9 {
         /deep/ .el-drawer__container {
             .prc-content-border {
diff --git a/src/router/index.js b/src/router/index.js
index cc41fa64f..fc41c12da 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1220,13 +1220,44 @@ const routes = [
           title: '标准调研流程'
         }
       },
+      {
+        path: '/phoneBzzqyjStep2',
+        name: 'phoneBzzqyjStep2',
+        component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
+      {
+        path: '/phoneBzzqyjStep4-1',
+        name: 'phoneBzzqyjStep4-1',
+        component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step4-1.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
+      {
+        path: '/phoneBzzqyjStep4-2',
+        name: 'phoneBzzqyjStep4-2',
+        component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step4-2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
       {
         path: '/phoneBzzqyjStep6',
         name: 'phoneBzzqyjStep6',
         component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step6.vue'),
         meta: {
+          isBoolean: true,
           requireAuth: true,
-          title: '标准调研流程'
+          title: '标准征求意见流程'
         }
       },
       {
@@ -1234,8 +1265,9 @@ const routes = [
         name: 'phoneBzzqyjStep7',
         component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step7.vue'),
         meta: {
+          isBoolean: true,
           requireAuth: true,
-          title: '标准调研流程'
+          title: '标准征求意见流程'
         }
       },
       {
@@ -1243,8 +1275,9 @@ const routes = [
         name: 'phoneBzzqyjStep8',
         component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step8.vue'),
         meta: {
+          isBoolean: true,
           requireAuth: true,
-          title: '标准调研流程'
+          title: '标准征求意见流程'
         }
       },
       {
@@ -1252,8 +1285,9 @@ const routes = [
         name: 'phoneBzzqyjStep9',
         component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step9.vue'),
         meta: {
+          isBoolean: true,
           requireAuth: true,
-          title: '标准调研流程'
+          title: '标准征求意见流程'
         }
       },
       {