From 988d992d18d47f6125b27e1210841cc97a4215a8 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Fri, 23 Dec 2022 09:50:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20=E6=B1=87=E6=80=BB(?=
 =?UTF-8?q?=E6=A0=87=E5=87=86=E8=A7=A3=E8=AF=BB=E6=B5=81=E7=A8=8B)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzjd/step6-1.vue       | 617 ++++++++++++++++++
 .../pages/creatProcess/wfhxzg/step3-1.vue     |   6 +
 .../pages/processDetail/index.vue             |   2 +-
 src/router/index.js                           |   9 +
 4 files changed, 633 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/processCenter/pages/creatProcess/bzjd/step6-1.vue

diff --git a/src/pages/processCenter/pages/creatProcess/bzjd/step6-1.vue b/src/pages/processCenter/pages/creatProcess/bzjd/step6-1.vue
new file mode 100644
index 000000000..c1c53ecd8
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/bzjd/step6-1.vue
@@ -0,0 +1,617 @@
+<template>
+    <div class="bzjdStep6">
+        <!--    标准调研流程-->
+        <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="overflow: auto;">
+                <el-form
+                        ref="bzzqyjForm"
+                        :model="form"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle style="float: left">
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                  <el-collapse-transition>
+                  <div class="prc-content-border" v-if="foldFormFlag === false">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="标准编号" prop="cid" class="add-form-item form-item-disabled">
+                                  <span class="file-box-span" @click="handlePreview(form.itemsNum)" :title="form.itemsNum">{{ form.itemsNum }}</span>
+                                </el-form-item>
+                                <el-form-item label="标准名称" prop="cname" class="add-form-item form-item-disabled">
+                                  <span class="file-box-span" @click="handlePreview(form.itemsNum)" :title="form.itemsName">{{ form.itemsName }}</span>
+                                </el-form-item>
+                                <el-form-item label="上一版本标准号/政策号" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="form.itemsNum1"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="上一版本标准名称/政策名称" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="form.itemsName1"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="截止日期" prop="endTime" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="form.endTime"
+                                            type="date"
+                                            disabled
+                                            placeholder="请选择截止日期"
+                                            value-format="yyyy-MM-dd">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                  </el-collapse-transition>
+                  <el-button disabled v-if="foldFormFlag === false" style="width: 100%" icon="el-icon-caret-top" @click="foldForm">隐藏基础信息</el-button>
+                  <el-button disabled v-if="foldFormFlag === true" style="width: 100%" icon="el-icon-caret-bottom" @click="foldForm">展开基础信息</el-button>
+                </el-form>
+            </div>
+            <ProcessTitle>
+                <template slot="title">拆分信息</template>
+            </ProcessTitle>
+            <el-table border
+                      ref="filterTable"
+                      :data="itemList"
+                      tooltip-effect="dark"
+                      style="width: 100%;"
+                      height="100%"
+                      :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+            >
+                <el-table-column type="selection" width="55" align="center"/>
+                <el-table-column
+                        prop="itemsNum"
+                        label="条款号"
+                        width="70"
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="itemsName"
+                        label="条款名称"
+                        show-overflow-tooltip
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="itermsConditions"
+                        label="条款内容"
+                        width="200"
+                        show-overflow-tooltip
+                        align="center">
+                    <template slot-scope="scope">
+                        <el-button disabled size="mini" type="primary" @click="itermsConditionsOpen(scope.row.itermsConditions)" class="common-button-primary">查看条款内容</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="newData"
+                        width="180"
+                        show-overflow-tooltip
+                        label="新车型实施日期"
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="onlineData"
+                        width="180"
+                        show-overflow-tooltip
+                        label="在产车型实施日期"
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="applyArctic"
+                        width="200"
+                        label="适用车型"
+                        show-overflow-tooltip
+                        align="center">
+                    <template slot-scope="scope">
+                        {{ typeof (scope.row.applyArctic) === 'string' ? JSON.parse(scope.row.applyArctic).join(',') : scope.row.applyArctic.join(',') }}
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="unitDeptName"
+                        label="责任部门"
+                        width="200"
+                        show-overflow-tooltip
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        label="责任人"
+                        width="170"
+                        prop="zrUserName"
+                        show-overflow-tooltip
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        v-if="!form.itemsNum1"
+                        prop="technicalRequir"
+                        width="200"
+                        label="核心技术要求"
+                        show-overflow-tooltip
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="changePoint"
+                        width="150"
+                        v-if="form.itemsNum1"
+                        label="基于上一版本差异"
+                        show-overflow-tooltip
+                        align="center">
+                </el-table-column>
+<!--                <el-table-column-->
+<!--                        v-show="sarType === 'FOREIGN' && form.itemsNum1"-->
+<!--                        prop="changePoint"-->
+<!--                        width="150"-->
+<!--                        label="相对于国行标差异点"-->
+<!--                        show-overflow-tooltip-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+                <el-table-column
+                        prop="complianceRequirShow"
+                        width="150"
+                        label="符合项状态"
+                        show-overflow-tooltip
+                        align="center">
+                    <template slot-scope="scope">
+                        {{ scope.row.complianceRequir === '1' ? '符合' : '不符合' }}
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="complianceState"
+                        width="200"
+                        label="合规性分析"
+                        show-overflow-tooltip
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        label="操作"
+                        width="140"
+                        v-if="form.itemsNum1"
+                        align="center">
+                    <template slot-scope="scope">
+                        <el-button disabled class="common-button-primary" size="mini" type="primary" @click="checkBD(scope.row.itemsId, scope.row.itemsId2, scope.row.itemsNum)">查看比对</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-collapse accordion v-model="activeName">
+                <el-collapse-item title="审批意见" name="1">
+                    <div style="margin: 10px 0;">
+                        <el-input disabled
+                                type="textarea"
+                                :rows="3"
+                                resize="none"
+                                placeholder="请输入意见"
+                                v-model="commentText6">
+                        </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"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="assignee"
+                        label="任务受理人"
+                        align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="createTime"
+                        label="创建时间"
+                        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 v-if="false"
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                @submit="handleSubmit"
+                show-transfer
+                @transfer="handleTransfer"
+                submitBTNText="同意"
+                showOver2
+                @over2="handleSubmitNo"
+        >
+        </ProcessFooter>
+        <Role-tree  v-if="false"
+                check-box
+                is-title="转办处理人"
+                :is-visible.sync="drawerModal"
+                @checkedRole="checkedRole"
+        ></Role-tree>
+        <el-dialog
+                title="查看条款内容"
+                :visible.sync="itermsConditionsFlag"
+                size="800px">
+            <div class="itemsTextBox" 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-dialog
+                title="查看比对内容"
+                :visible.sync="BDmodel"
+                size="1100px">
+            <div>比对条款: {{ itemsNum }}</div>
+            <div>相似度:{{ similarityDegree }}</div>
+            <div style="height: 40px;overflow: auto;display: flex;">
+              <div  style="line-height: 20px; margin: 5px;  border-radius: 5px; padding: 5px; width: 50%; overflow: auto;"><span>旧标准-{{form.itemsNum}}</span></div>
+              <div  style="line-height: 20px; margin: 5px; border-radius: 5px; padding: 5px; width: 50%; overflow: auto;"><span>新标准-{{form.itemsNum1}}</span></div>
+            </div>
+            <div style="height: 600px;overflow: auto;display: flex;">
+                <div v-html="leftData" style="line-height: 20px; margin: 5px; border: 1px solid #ccc; border-radius: 5px; padding: 5px; width: 50%; overflow: auto;"></div>
+                <div v-html="rightData" style="line-height: 20px; margin: 5px; border: 1px solid #ccc; border-radius: 5px; padding: 5px; width: 50%; overflow: auto;"></div>
+            </div>
+        </el-dialog>
+        <loading :loading="loading">加载中...</loading>
+    </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: "bzjdStep6-1",
+        data() {
+            return {
+                activeName:'1',
+                commentText6: '',
+                itemsNum: '',
+                similarityDegree: '',
+                BDmodel: false,
+                oldNumber: '',
+                leftData: '',
+                rightData: '',
+                drawerModal: false,
+                //折叠的标志，true为折叠，false为不折叠
+                foldFormFlag: false,
+                itermsConditionsFlag: false,
+                itermsConditionsTitle: '',
+                histortData: [],
+                sarType: '',
+                itemList: [],
+                loading: true,
+                commentText: '',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                textarea: '', // 意见
+                active: '1', // 默认显示
+                isSubmit: false,
+                saveLoading: false,
+                form: {
+                    itemsNum: '',
+                    itemsName: '',
+                    itemsNum1: '',
+                    itemsName1: '',
+                    endTime: '',
+                },
+                json: {},
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            handleResize() {
+                this.$nextTick(()=> {
+                    this.$refs.filterTable.doLayout();
+                });
+            },
+            checkBD (id,id2,itemsNum) {
+                let itemsEoPage = {
+                    oldItemId: id,
+                    newItemId: id2,
+                    flag: 1
+                }
+                if (!id || !id2) {
+                    this.$message.warning('暂无找到相似的文本')
+                    return
+                }
+                this.$http.post('lawss/sarStandCompareHis/clauseComparison', itemsEoPage, {
+                    _this: this
+                }, res => {
+                    if (res.data.leftString === '' && res.data.rightString === '') {
+                        this.$message.warning('暂无找到相似的文本')
+                    } else {
+                        this.itemsNum = itemsNum
+                        this.leftData = res.data.leftString
+                        this.rightData = res.data.rightString
+                        this.BDmodel = true
+                        this.similarityDegree = res.data.similarityDegree
+                    }
+                })
+            },
+            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)
+                    }
+                })
+            },
+          // 点击跳转标准详情
+          handlePreview (item) {
+            let replaceStandInfoEO ={}
+            replaceStandInfoEO.standNumber = item
+            this.$http.get('sarStandardsInfo/sar-standards-info/queryInfoByStandNum', replaceStandInfoEO, {
+              _this: this
+            }, res => {
+              if (res.data != null) {
+                let dataType ='INLAND_STAND'
+                if(res.data.standType ==='FOREIGN'){
+                  dataType ='FOREIGN_STAND'
+                }
+                let routeUrl = this.$router.resolve({
+                  name: 'OtherStandardDetails',
+                  params: {
+                    id: res.data.id,
+                    pageType:dataType
+                  }
+                })
+                window.open(routeUrl.href, '_blank')
+              } else {
+                this.$message.error('标准号不存在!')
+              }
+            }, e => {
+            })
+          },
+            // 请求转换流程图
+            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)
+                })
+            },
+            //折叠/展开基础信息方法
+            foldForm() {
+              this.foldFormFlag = !this.foldFormFlag
+            },
+            itermsConditionsClose () {
+                this.itermsConditionsFlag = false
+            },
+            itermsConditionsOpen (row) {
+                this.itermsConditionsFlag = true
+                this.itermsConditionsTitle = row.replace(/''/g, '\'')
+            },
+            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
+            },
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.gcApplyFlag = 1
+                json.commentText = this.commentText6
+                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.commentText6) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.gcApplyFlag = 2
+                    json.commentText = this.commentText6
+                    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('请输入反馈意见')
+                }
+            },
+            getData() {
+              this.$http.get('lawss/activiti/decodeDetail',{
+                taskId: this.taskIds,
+                pId: this.pId
+              },{},res=>{
+
+              })
+                // return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.form.endTime = data.endTime || data.form.endTime
+                        this.form.itemsNum = data.itemsNum || data.form.itemsNum
+                        this.form.itemsName = data.itemsName || data.form.itemsName
+                        this.form.deptUserId =  data.form ?  data.form.deptUserId : data.deptUserId
+                        this.form.deptUserIdName =  data.form ?  data.form.deptUserIdName : data.deptUserIdName
+                        this.commentText6 = data.commentText || ''
+                        if (data.form) {
+                            this.form.itemsName1 = data.form.itemsName1 || ''
+                            this.form.itemsNum1 = data.form.itemsNum1 || ''
+                        } else {
+                            this.form.itemsName1 = data.itemsName1 || ''
+                            this.form.itemsNum1 = data.itemsNum1 || ''
+                        }
+                        this.sarType = data.standInData || data.sarType
+                        this.json = data
+                        this.itemList = data.itemList
+                        this.itemList.forEach(item => {
+                        if(item.complianceRequir === '1'){
+                          item.complianceRequirShow = '符合'
+                        }else{
+                          item.complianceRequirShow = '不符合'
+                        }
+                      })
+                        this.loading = false
+                    }).catch(e => {
+                    })
+                // })
+            },
+        },
+        mounted () {
+            window.addEventListener('resize', this.handleResize);
+            this.getHistoryData()
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .bzjdStep6 {
+        /deep/.el-drawer__container {
+            .prc-content-border {
+                border: none;
+                padding: 0 20px 0;
+            }
+        }
+        .fileClass {
+            cursor: pointer;
+        }
+        .fileClass:hover{
+            color: #0c91e5;
+        }
+      .file-box-span{
+        color: #4498f0;
+        cursor: pointer;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+        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/wfhxzg/step3-1.vue b/src/pages/processCenter/pages/creatProcess/wfhxzg/step3-1.vue
index f594c7fb0..b87ae2208 100644
--- a/src/pages/processCenter/pages/creatProcess/wfhxzg/step3-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/wfhxzg/step3-1.vue
@@ -257,6 +257,12 @@ export default {
         const processForm = JSON.parse(res.mesg)
         this.getFormFieldList(processForm)
       })
+      // this.$http.get("lawss/activiti/queryTaskIndex", params, {
+      //   _this: this
+      // }, res => {
+      //
+      // }, e => {
+      // });
     },
     getFormFieldList (item) {
       console.log(item)
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 053eb1548..c1f6a3f30 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -238,7 +238,7 @@ export default {
           this.toProcessDetail('bzqdfbStep1_1',row)
         } else if(prcType === '9') {
           //标准解读流程 数据汇总页面 最后一步 暂时没有
-          // this.toProcessDetail('bzjdStep1', row)
+          this.toProcessDetail('bzjdStep6-1', row)
         }else if (prcType === '5'){
           //标准合规评估流程 最后一步
           this.toProcessDetail('bzpgStep8-2',row)
diff --git a/src/router/index.js b/src/router/index.js
index 5c7fbb22c..c18b79f5a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1910,6 +1910,15 @@ const routes = [
           title: '标准解读流程'
         }
       },
+      {
+        path: '/bzjdStep6-1',
+        name: 'bzjdStep6-1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzjd/step6-1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '标准解读流程'
+        }
+      },
       {
         path: '/bzjdStep1-6',
         name: 'bzjdStep1-6',