From f7dd94511d73e1a984ae10f96710ba11ff0ca57c Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Wed, 31 Jan 2024 10:00:51 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../policyComplianceReview/index.vue          | 1786 +++++++++--------
 1 file changed, 913 insertions(+), 873 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/policyComplianceReview/index.vue b/src/pages/processCenter/pages/creatProcess/policyComplianceReview/index.vue
index 4622f8e39..cbd76ffd0 100644
--- a/src/pages/processCenter/pages/creatProcess/policyComplianceReview/index.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyComplianceReview/index.vue
@@ -1,353 +1,393 @@
 <template>
-    <div class="policyComplianceReview">
-        <ProcessHeader toggle>
-            <template slot="proName">重点认证标准/政策合规性项目审查流程</template>
-            <template slot="proNode">{{taskKeyName}}</template>
-        </ProcessHeader>
-        <div class="headerTabs">
-            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-            <div class="headerTabsItem" v-if="showPersonnel" :class="active === '2' ? 'active' : ''"
-                 @click="handleTabs('2')">人员信息
-            </div>
-            <div class="headerTabsItem" v-if="showApprovalHistory"
-                 :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史
-            </div>
-        </div>
-        <div class="content" v-show="active === '1'">
-            <div style="flex: auto; overflow: auto;">
-                <el-form
-                        ref="zczqyjForm"
-                        :model="dataForm"
-                        :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="12">
-                                <el-form-item label="截止时间"
-                                              :prop="!disabledXX ? 'endTime':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-date-picker :disabled="disabledXX"
-                                                    v-model="dataForm.endTime"
-                                                    type="date"
-                                                    style="width: 100%"
-                                                    placeholder="请选择截止时间">
-                                    </el-date-picker>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="审批单位截止时间"
-                                              :prop="!disabledXX ? 'approvalUnitDeadline':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-date-picker :disabled="disabledXX"
-                                                    v-model="dataForm.approvalUnitDeadline"
-                                                    type="date"
-                                                    style="width: 100%"
-                                                    placeholder="请选择责任单位截止时间">
-                                    </el-date-picker>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-
-                        <el-row :gutter="24">
-                            <el-col :span="12">
-                                <el-form-item label="模板"
-                                              class="add-form-item form-item-disabled">
-                                    <el-input
-                                            disabled
-                                            style="display: none;"
-                                            v-model="dataForm.templateFileId"
-                                            clearable
-                                    ></el-input>
-                                    <div v-if="dataForm.templateFileList && dataForm.templateFileList.length > 0">
-                                        <div v-for="(item, index) in dataForm.templateFileList" :key="index"
-                                             style="margin-right: 5px;padding-left: 10px">
-                                            <div class="fileClass">
-                                                <span @click="handlePreview(item)">{{ item.name }}</span>
-                                                <el-button size="small"
-                                                           @click="clickButtonToUpload(item)"
-                                                           icon="el-icon-download"
-                                                           style="height: 32px; margin-left: 5px;"
-                                                ></el-button>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div>
-                                        <el-button v-if="!disabledXX
-                                            || taskKey === 'PolicyComplianceProgramReviewProcessKey8'
-                                            || taskKey === 'PolicyComplianceProgramReviewProcessKey9'
-                                            || taskKey === 'PolicyComplianceProgramReviewProcessKey10'
-                                            || taskKey === 'PolicyComplianceProgramReviewProcessKey11'"
-                                                   type="primary"
-                                                   class="common-button-primary"
-                                                   @click="fileUpload('templateFileList','templateFileId','.zip,.docx,.doc,.xls,.xlsx',200)"
-                                                   size="mini">
-                                            点击上传
-                                        </el-button>
-                                    </div>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-
-                        <el-row :gutter="24" v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey7' && !this.$route.query.operate">
-                            <el-col :span="12">
-                                <el-form-item label="责任人" prop="zrrUserNames"
-                                              class="add-form-item form-item-disabled">
-                                    <el-input @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
-                                              v-model="dataForm.zrrUserNames"
-                                              readonly
-                                              placeholder="请选择责任人"
-                                              clearable
-                                    ></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-
-                        <el-row :gutter="24" v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey9' && !this.$route.query.operate">
-                            <el-col :span="12">
-                                <el-form-item label="本单位审批人" prop="zrdwUserName"
-                                              class="add-form-item form-item-disabled">
-                                    <el-input @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
-                                              v-model="dataForm.zrdwUserName"
-                                              readonly
-                                              placeholder="请选择本单位审批人"
-                                              clearable
-                                    ></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-
-                        <el-row :gutter="24" v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey15' && !this.$route.query.operate">
-                            <el-col :span="12">
-                                <el-form-item label="抄送人" prop="csr2UserNames"
-                                              class="add-form-item form-item-disabled">
-                                    <el-input @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
-                                              v-model="dataForm.csr2UserNames"
-                                              readonly
-                                              placeholder="请选择抄送人"
-                                              clearable
-                                    ></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </div>
-                </el-form>
-                <fetchList v-if="isFetchList" ref="fetchListRef"/>
-                <businessDivisionList v-if="isBusinessDivisionList" ref="businessDivisionListRef"/>
-                <productPlanningList v-if="isProductPlanningList" ref="productPlanningListRef"/>
-                <ReceiptDescription v-if="showCommentText" title="意见填写" v-model="commentText"></ReceiptDescription>
-            </div>
-        </div>
-        <div class="content" v-show="showPersonnel && active === '2'">
-            <personnelInformation ref="personnelInformationRef"/>
-        </div>
-        <div class="content" v-if="showApprovalHistory && active === '3'"
-             style="padding-top: 20px">
-            <ApprovalHistory/>
-        </div>
-        <ProcessFooter :show-submit="showSubmit"
-                       :show-save="showSave"
-                       :submitLoading="isSubmit"
-                       :rejectLoading="isReject"
-                       :saveLoading="saveLoading"
-                       :show-transfer="showTransfer"
-                       :showReject="showReject"
-                       @save="handleSave"
-                       @transfer="handleTransfer"
-                       @submit="handleSubmit"
-                       @reject="handleReject"
-        >
-        </ProcessFooter>
-        <Role-tree
-                :check-box="checkBox"
-                :is-title="title"
-                :is-visible.sync="drawerModal"
-                :nodeList="nodeList"
-                @checkedRole="checkedRole"
-        ></Role-tree>
-        <processFile
-                ref="processFileRef"
-                :accept="accept"
-                :fileMax_M="fileMax_M"
-                @uploadSuccess="uploadSuccess"/>
-        <loading :loading="dataLoading">正在加载数据</loading>
+  <div class="policyComplianceReview">
+    <ProcessHeader toggle>
+      <template slot="proName">重点认证标准/政策合规性项目审查流程</template>
+      <template slot="proNode">{{ taskKeyName }}</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div
+        v-if="showPersonnel"
+        class="headerTabsItem"
+        :class="active === '2' ? 'active' : ''"
+        @click="handleTabs('2')"
+      >
+        人员信息
+      </div>
+      <div
+        v-if="showApprovalHistory"
+        class="headerTabsItem"
+        :class="active === '3' ? 'active' : ''"
+        @click="handleTabs('3')"
+      >
+        审批历史
+      </div>
     </div>
+    <div v-show="active === '1'" class="content">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="zczqyjForm"
+          :model="dataForm"
+          :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="12">
+                <el-form-item
+                  label="截止时间"
+                  :prop="!disabledXX ? 'endTime':''"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-date-picker
+                    v-model="dataForm.endTime"
+                    :disabled="disabledXX"
+                    type="date"
+                    style="width: 100%"
+                    placeholder="请选择截止时间"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="审批单位截止时间"
+                  :prop="!disabledXX ? 'approvalUnitDeadline':''"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-date-picker
+                    v-model="dataForm.approvalUnitDeadline"
+                    :disabled="disabledXX"
+                    type="date"
+                    style="width: 100%"
+                    placeholder="请选择责任单位截止时间"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item
+                  label="模板"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
+                    v-model="dataForm.templateFileId"
+                    disabled
+                    style="display: none;"
+                    clearable
+                  />
+                  <div v-if="dataForm.templateFileList && dataForm.templateFileList.length > 0">
+                    <div
+                      v-for="(item, index) in dataForm.templateFileList"
+                      :key="index"
+                      style="margin-right: 5px;padding-left: 10px"
+                    >
+                      <div class="fileClass">
+                        <span @click="handlePreview(item)">{{ item.name }}</span>
+                        <el-button
+                          size="small"
+                          icon="el-icon-download"
+                          style="height: 32px; margin-left: 5px;"
+                          @click="clickButtonToUpload(item)"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div>
+                    <el-button
+                      v-if="!disabledXX
+                        || taskKey === 'PolicyComplianceProgramReviewProcessKey8'
+                        || taskKey === 'PolicyComplianceProgramReviewProcessKey9'
+                        || taskKey === 'PolicyComplianceProgramReviewProcessKey10'
+                        || taskKey === 'PolicyComplianceProgramReviewProcessKey11'"
+                      type="primary"
+                      class="common-button-primary"
+                      size="mini"
+                      @click="fileUpload('templateFileList','templateFileId','.zip,.docx,.doc,.xls,.xlsx',200)"
+                    >
+                      点击上传
+                    </el-button>
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey7' && !this.$route.query.operate" :gutter="24">
+              <el-col :span="12">
+                <el-form-item
+                  label="责任人"
+                  prop="zrrUserNames"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
+                    v-model="dataForm.zrrUserNames"
+                    readonly
+                    placeholder="请选择责任人"
+                    clearable
+                    @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey9' && !this.$route.query.operate" :gutter="24">
+              <el-col :span="12">
+                <el-form-item
+                  label="本单位审批人"
+                  prop="zrdwUserName"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
+                    v-model="dataForm.zrdwUserName"
+                    readonly
+                    placeholder="请选择本单位审批人"
+                    clearable
+                    @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey15' && !this.$route.query.operate" :gutter="24">
+              <el-col :span="12">
+                <el-form-item
+                  label="抄送人"
+                  prop="csr2UserNames"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
+                    v-model="dataForm.csr2UserNames"
+                    readonly
+                    placeholder="请选择抄送人"
+                    clearable
+                    @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <fetchList v-if="isFetchList" ref="fetchListRef" />
+        <businessDivisionList v-if="isBusinessDivisionList" ref="businessDivisionListRef" />
+        <productPlanningList v-if="isProductPlanningList" ref="productPlanningListRef" />
+        <ReceiptDescription v-if="showCommentText" v-model="commentText" title="意见填写" />
+      </div>
+    </div>
+    <div v-show="showPersonnel && active === '2'" class="content">
+      <personnelInformation ref="personnelInformationRef" />
+    </div>
+    <div
+      v-if="showApprovalHistory && active === '3'"
+      class="content"
+      style="padding-top: 20px"
+    >
+      <ApprovalHistory />
+    </div>
+    <ProcessFooter
+      :show-submit="showSubmit"
+      :show-save="showSave"
+      :submitLoading="isSubmit"
+      :rejectLoading="isReject"
+      :saveLoading="saveLoading"
+      :show-transfer="showTransfer"
+      :showReject="showReject"
+      @save="handleSave"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+      @reject="handleReject"
+    />
+    <Role-tree
+      :check-box="checkBox"
+      :is-title="title"
+      :is-visible.sync="drawerModal"
+      :nodeList="nodeList"
+      @checkedRole="checkedRole"
+    />
+    <processFile
+      ref="processFileRef"
+      :accept="accept"
+      :fileMax_M="fileMax_M"
+      @uploadSuccess="uploadSuccess"
+    />
+    <loading :loading="dataLoading">正在加载数据</loading>
+  </div>
 </template>
 
 <script>
-    import ProcessHeader from "../../components/ProcessHeader";
-    import ProcessTitle from "../../components/ProcessTitle";
-    import ProcessFooter from "../../components/ProcessFooter";
-    import processFile from "../../components/processFile";
-    import approvalHistory from "./components/approvalHistory";//审批历史
-    import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
-    import personnelInformation from "./components/personnelInformation";//人员信息
-    import fetchList from "./components/fetchList";//未选择责任人时的列表
-    import businessDivisionList from "./components/businessDivisionList";//责任人为事业部时的列表
-    import productPlanningList from "./components/productPlanningList";//责任人为产品规划部的列表
-    import {
-        queryTaskFirst,
-        saveTaskFirst,
-        taskDel,
-        changeAssigneeNew,
-        queryZchgxxmscTaskDetail,
-        saveTaskForPub,
-    } from "api/process";
-    import axios from "axios";
-    import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import ProcessHeader from '../../components/ProcessHeader';
+import ProcessTitle from '../../components/ProcessTitle';
+import ProcessFooter from '../../components/ProcessFooter';
+import processFile from '../../components/processFile';
+import approvalHistory from './components/approvalHistory';// 审批历史
+import ApprovalHistory from '@/components/hzwlComponents/ApprovalHistory';
+import personnelInformation from './components/personnelInformation';// 人员信息
+import fetchList from './components/fetchList';// 未选择责任人时的列表
+import businessDivisionList from './components/businessDivisionList';// 责任人为事业部时的列表
+import productPlanningList from './components/productPlanningList';// 责任人为产品规划部的列表
+import {
+  queryTaskFirst,
+  saveTaskFirst,
+  taskDel,
+  changeAssigneeNew,
+  queryZchgxxmscTaskDetail,
+  saveTaskForPub,
+} from 'api/process';
+import axios from 'axios';
+import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription';
 
-    export default {
-        name: "index",
-        components: {
-            ReceiptDescription,
-            ProcessHeader,
-            ProcessTitle,
-            ProcessFooter,
-            processFile,
-            approvalHistory,
-            ApprovalHistory,
-            personnelInformation,
-            fetchList,
-            businessDivisionList,
-            productPlanningList
-        },
-        data() {
-            return {
-                active: '1',
-                dataForm: {},
-                formRules: {
-                    endTime: [
-                        {required: true, message: '请选择截止时间', trigger: 'change'},
-                    ],
-                    approvalUnitDeadline: [
-                        {required: true, message: '请选择审批单位截止时间', trigger: 'change'},
-                    ],
-                    zrrUserNames: [
-                        {required: true, message: '请选择责任人', trigger: 'change'},
-                    ],
-                    internalReviewFlag: [
-                        {required: true, message: '请选择内部评审', trigger: 'change'},
-                    ],
-                    zrdwUserName: [
-                        {required: true, message: '请选择本单位审批人', trigger: 'change'},
-                    ],
-                    hqrUserNames: [
-                        {required: true, message: '请选择会签人', trigger: 'change'},
-                    ],
-                    csr2UserNames: [
-                        {required: true, message: '请选择抄送人', trigger: 'change'},
-                    ],
-                },
-                dataLoading: false,
-                accept: '',
-                fileMax_M: 0,
-                commentText: '',
-                taskKey: this.$route.query.taskDefinitionKey,
-                bpnId: this.$route.query.bpnId,
-                checkBox: false,
-                title: '',
-                drawerModal: false,
-                nodeList: [],
-                saveLoading: false,
-                isSubmit: false,
-                isReject: false,
-                roleForm: {},
-                departmentList: [],
-            }
-        },
-        computed: {
-            showSubmit() {
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return false
-                }
-                return true
-            },
-            showPersonnel() {//显示人员信息
-                if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
+export default {
+  name: 'Index',
+  components: {
+    ReceiptDescription,
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter,
+    processFile,
+    approvalHistory,
+    ApprovalHistory,
+    personnelInformation,
+    fetchList,
+    businessDivisionList,
+    productPlanningList
+  },
+  data () {
+    return {
+      active: '1',
+      dataForm: {},
+      formRules: {
+        endTime: [
+          { required: true, message: '请选择截止时间', trigger: 'change' },
+        ],
+        approvalUnitDeadline: [
+          { required: true, message: '请选择审批单位截止时间', trigger: 'change' },
+        ],
+        zrrUserNames: [
+          { required: true, message: '请选择责任人', trigger: 'change' },
+        ],
+        internalReviewFlag: [
+          { required: true, message: '请选择内部评审', trigger: 'change' },
+        ],
+        zrdwUserName: [
+          { required: true, message: '请选择本单位审批人', trigger: 'change' },
+        ],
+        hqrUserNames: [
+          { required: true, message: '请选择会签人', trigger: 'change' },
+        ],
+        csr2UserNames: [
+          { required: true, message: '请选择抄送人', trigger: 'change' },
+        ],
+      },
+      dataLoading: false,
+      accept: '',
+      fileMax_M: 0,
+      commentText: '',
+      taskKey: this.$route.query.taskDefinitionKey,
+      bpnId: this.$route.query.bpnId,
+      checkBox: false,
+      title: '',
+      drawerModal: false,
+      nodeList: [],
+      saveLoading: false,
+      isSubmit: false,
+      isReject: false,
+      roleForm: {},
+      departmentList: [],
+    }
+  },
+  computed: {
+    showSubmit () {
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return false
+      }
+      return true
+    },
+    showPersonnel () {// 显示人员信息
+      if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {
-                    return true
-                }
-                return false
-            },
-            showApprovalHistory() {//显示历史记录
-                if (!this.taskKey) {
-                    return false
-                }
-                return true
-            },
-            disabledXX() {//是否可以操作基础信息
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return true
-                }
-                if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
+        return true
+      }
+      return false
+    },
+    showApprovalHistory () {// 显示历史记录
+      if (!this.taskKey) {
+        return false
+      }
+      return true
+    },
+    disabledXX () {// 是否可以操作基础信息
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return true
+      }
+      if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {
-                    return false
-                }
-                return true
-            },
-            taskKeyName() {
-                if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1') {
-                    return '起草'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey2') {
-                    return '审核'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {
-                    return '起草修改'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey4') {
-                    return '审定'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey5') {
-                    return '批准'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey7') {
-                    return '责任对接人分配任务'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8') {
-                    return '责任人任务处理'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
-                    return '责任对接人汇总'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey10') {
-                    return '责任单位审批'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey11') {
-                    return '管理员'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey12') {
-                    return '审核'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey13') {
-                    return '审定'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey14') {
-                    return '批准'
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey15') {
-                    return '抄送'
-                }
-            },
+        return false
+      }
+      return true
+    },
+    taskKeyName () {
+      if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1') {
+        return '起草'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey2') {
+        return '审核'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {
+        return '起草修改'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey4') {
+        return '审定'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey5') {
+        return '批准'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey7') {
+        return '责任对接人分配任务'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8') {
+        return '责任人任务处理'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
+        return '责任对接人汇总'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey10') {
+        return '责任单位审批'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey11') {
+        return '管理员'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey12') {
+        return '审核'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey13') {
+        return '审定'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey14') {
+        return '批准'
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey15') {
+        return '抄送'
+      }
+    },
 
-            showSave() { //是否展示保存
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return false
-                }
-                if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
+    showSave () { // 是否展示保存
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return false
+      }
+      if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey3' || this.taskKey == 'PolicyComplianceProgramReviewProcessKey7' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' || this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
-                    return true
-                }
-                return false
-            },
+        return true
+      }
+      return false
+    },
 
-            showTransfer() {//是否展示转办
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return false
-                }
-                if (!this.taskKey) {
-                    return false
-                }
-                return true
-            },
+    showTransfer () {// 是否展示转办
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return false
+      }
+      if (!this.taskKey) {
+        return false
+      }
+      return true
+    },
 
-            showReject() {//是否展示驳回
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return false
-                }
-                if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey2' ||
+    showReject () {// 是否展示驳回
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return false
+      }
+      if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey2' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey4' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey5' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey9' ||
@@ -356,565 +396,565 @@
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey12' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey13' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey14') {
-                    return true
-                }
-                return false
-            },
+        return true
+      }
+      return false
+    },
 
-            isFetchList() {//根据流程节点判断 是否展示列表
-                if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
+    isFetchList () {// 根据流程节点判断 是否展示列表
+      if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey2' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey3' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey4' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey5' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey7') {
-                    return true
-                }
-                return false
-            },
-            isBusinessDivisionList() {//根据流程节点判断 展示责任人为事业部的列表
-                if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
+        return true
+      }
+      return false
+    },
+    isBusinessDivisionList () {// 根据流程节点判断 展示责任人为事业部的列表
+      if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey9' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey10') &&
                     this.dataForm.departmentType == 'undertaking') {
-                    return true
-                } else if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey11' ||
+        return true
+      } else if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey11' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey12' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey13' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey14' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey15') &&
                     this.dataForm.sybDataList && this.dataForm.sybDataList.length > 0) {
-                    return true
-                }
-                return false
-            },
-            isProductPlanningList() {//根据流程节点判断 展示责任人为产品规划部的列表
-                if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
+        return true
+      }
+      return false
+    },
+    isProductPlanningList () {// 根据流程节点判断 展示责任人为产品规划部的列表
+      if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey9' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey10') &&
                     this.dataForm.departmentType == 'productPlanning') {
-                    return true
-                } else if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey11' ||
+        return true
+      } else if ((this.taskKey == 'PolicyComplianceProgramReviewProcessKey11' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey12' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey13' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey14' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey15') &&
                     this.dataForm.cpghbDataList && this.dataForm.cpghbDataList.length > 0) {
-                    return true
-                }
-                return false
-            },
-            showCommentText() {
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return false
-                }
-                return true
-            },
-        },
-        mounted() {
-            //获取草稿的数据进行展示
-            if (this.bpnId) {
-                this.getTaskDraftData()
-            }
-            //获取流程中数据进行展示
-            if (this.taskKey) {
-                this.getData()
-            }
-        },
-        methods: {
-            handlePreview(file) {
-                let attId = ""
-                if (file && file.id) {
-                    attId = file.id
-                } else {
-                    attId = file.response.data.id
-                }
-                this.$preview(attId)
-            },
-
-            //基础信息/人员信息
-            handleTabs(type) {
-                this.active = type;
-            },
-
-            fileUpload(fileListName, fileName, accept, fileMax_M) {
-                this.fileListName = fileListName
-                this.fileName = fileName
-                this.accept = accept
-                this.fileMax_M = fileMax_M
-                this.$refs.processFileRef.getFile(this.dataForm[this.fileListName])
-            },
-
-            uploadSuccess(fileList, fileId) {
-                this.dataForm[this.fileListName] = fileList
-                this.dataForm[this.fileName] = fileId
-                this.dataForm = {...this.dataForm}
-            },
-
-            clickButtonToUpload(file) {
-                const attId = file.attId
-                if (attId) {
-                    window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
-                } else {
-                    this.$message.warning('文件不存在,下载失败')
-                }
-            },
-            //保存事件
-            handleSave() {
-                this.openButtonLoading()
-                if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1') {
-                    this.draftSaving()
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {
-                    let _formData = new FormData();
-                    this.$refs.personnelInformationRef.save((row) => {
-                        const data = Object.assign(this.dataForm, row);
-                        data.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
-                        _formData.append("taskIds", this.$route.query.taskIds);
-                        _formData.append("json", JSON.stringify({
-                            form: data,
-                            commentText: this.commentText,
-                            currentUserId: this.$store.getters.userInfo.userId
-                        }));
-                        saveTaskForPub(_formData).then(res => {
-                            this.closeButtonLoading()
-                            this.$message.success("保存成功");
-                        }).catch(e => {
-                            this.closeButtonLoading()
-                        });
-                    })
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey7') {
-                    let _formData = new FormData();
-                    let dataForm = JSON.parse(JSON.stringify(this.dataForm))
-                    _formData.append("taskIds", this.$route.query.taskIds);
-                    _formData.append("json", JSON.stringify({
-                        form: dataForm,
-                        commentText: this.commentText,
-                        currentUserId: this.$store.getters.userInfo.userId
-                    }));
-                    saveTaskForPub(_formData).then(res => {
-                        this.closeButtonLoading()
-                        this.$message.success("保存成功");
-                    }).catch(e => {
-                        this.closeButtonLoading()
-                    });
-                } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
-                    this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
-                    if (this.dataForm.departmentType == 'undertaking') {//事业部保存
-                        let _formData = new FormData();
-                        let dataForm = JSON.parse(JSON.stringify(this.dataForm))
-                        this.$refs.businessDivisionListRef.submit((row) => {
-                            _formData.append("taskIds", this.$route.query.taskIds);
-                            dataForm.sybDataList = row
-                            _formData.append("json", JSON.stringify({
-                                form: dataForm,
-                                commentText: this.commentText,
-                                currentUserId: this.$store.getters.userInfo.userId
-                            }));
-                            saveTaskForPub(_formData).then(res => {
-                                this.closeButtonLoading()
-                                this.$message.success("保存成功");
-                            }).catch(e => {
-                                this.closeButtonLoading()
-                            });
-                        })
-                    } else if (this.dataForm.departmentType == 'productPlanning') {//产品规划部保存
-                        let _formData = new FormData();
-                        let dataForm = JSON.parse(JSON.stringify(this.dataForm))
-                        this.$refs.productPlanningListRef.save((row, ids) => {
-                            _formData.append("taskIds", this.$route.query.taskIds);
-                            dataForm.cpghbDataList = row
-                            _formData.append("json", JSON.stringify({
-                                form: dataForm,
-                                commentText: this.commentText,
-                                removeIds: ids,
-                                currentUserId: this.$store.getters.userInfo.userId
-                            }));
-                            saveTaskForPub(_formData).then(res => {
-                                this.closeButtonLoading()
-                                this.$message.success("保存成功");
-                            }).catch(e => {
-                                this.closeButtonLoading()
-                            });
-                        })
-                    }
-                }
-            },
-            //草稿保存
-            draftSaving() {
-                let _formData = new FormData();
-                let json = this.dataForm
-                json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
-                json.commentText = this.commentText
-                _formData.append('id', this.bpnId || '')
-                _formData.append("createUser", this.$store.getters.userInfo.userId);
-                _formData.append("createUserName", this.$store.getters.userInfo.userName);
-                _formData.append("prcType", "34");
-                _formData.append("json", JSON.stringify({
-                    form: json,
-                    roleForm: this.$refs.personnelInformationRef.roleForm,
-                    commentText: this.commentText
-                }));
-                saveTaskFirst(_formData).then(res => {
-                    this.closeButtonLoading()
-                    this.$message.success("保存成功");
-                    this.bpnId = res.result
-                }).catch(e => {
-                    this.saveLoading = false;
-                });
-            },
-            //提交事件
-            handleSubmit() {
-                this.$refs['zczqyjForm'].validate((valid) => {
-                    if (valid) {
-                        this.openButtonLoading()
-                        if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1') {//起草
-                            this.closeButtonLoading()
-                            this.$refs.personnelInformationRef.submit((row) => {
-                                this.$refs.fetchListRef.submit((val) => {
-                                    this.openButtonLoading()
-                                    this.startProcessRollBack(row)
-                                })
-                            })
-                        } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey2' ||//审核
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey4' ||//审定
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey5' ||//批准
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey11' ||//管理员
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey12' ||//审核
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey13' ||//审定
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey14' ||//批准
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey15') { //抄送
-                            const json = Object.assign(this.dataForm);
-                            json.commentText = this.commentText
-                            json.approvalFlag = 0
-                            let query = {
-                                form: json,
-                                commentText: this.commentText
-                            }
-                            this.completeTask(this.$route.query.taskIds, query)
-                        } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey7') {//责任人分配任务
-                            let undertaking = this.departmentList[0].institutionName.includes('事业')
-                            let productPlanning = this.departmentList[0].institutionName.includes('产品规划')
-                            for (let i = 0; i < this.departmentList.length; i++) {
-                                if (this.departmentList[i].institutionName.includes('事业') ||
-                                    this.departmentList[i].institutionName.includes('产品规划')) {
-                                    if (undertaking) {
-                                        if (this.departmentList[i].institutionName.includes('产品规划')) {
-                                            this.$message.warning("只能选择同一个部门的人员");
-                                            this.closeButtonLoading()
-                                            return
-                                        }
-                                    }
-                                    if (productPlanning) {
-                                        if (this.departmentList[i].institutionName.includes('事业')) {
-                                            this.$message.warning("只能选择同一个部门的人员");
-                                            this.closeButtonLoading()
-                                            return
-                                        }
-                                    }
-                                } else {
-                                    this.$message.warning("只能选择事业部人员或产品规划部人员");
-                                    this.closeButtonLoading()
-                                    return
-                                }
-                            }
-                            if (productPlanning) {
-                                this.dataForm.departmentType = 'productPlanning' //产品规划
-                            } else if (undertaking) {
-                                this.dataForm.departmentType = 'undertaking' //事业
-                            } else {
-                                this.$message.warning("请选择责任人");
-                                return
-                            }
-                            const json = Object.assign(this.dataForm);
-                            json.commentText = this.commentText
-                            json.approvalFlag = 0
-                            let query = {
-                                form: json,
-                                commentText: this.commentText
-                            }
-                            this.completeTask(this.$route.query.taskIds, query)
-                        } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {//起草修改
-                            this.closeButtonLoading()
-                            this.$refs.personnelInformationRef.submit((row) => {
-                                const json = Object.assign(this.dataForm, row);
-                                json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
-                                json.commentText = this.commentText
-                                json.approvalFlag = 0
-                                let query = {
-                                    form: json,
-                                    commentText: this.commentText
-                                }
-                                this.openButtonLoading()
-                                this.completeTask(this.$route.query.taskIds, query)
-                            })//责任人任务处理
-                        } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||//责任人任务处理
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey9' || //责任对接人汇总
-                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey10') {//责任单位审批
-                            this.closeButtonLoading()
-                            if (this.dataForm.departmentType == 'undertaking') {//事业部提交
-                                this.$refs.businessDivisionListRef.submit((row) => {
-                                    const json = Object.assign(this.dataForm);
-                                    json.commentText = this.commentText
-                                    json.sybDataList = row
-                                    json.approvalFlag = 0
-                                    let query = {
-                                        form: json,
-                                        commentText: this.commentText
-                                    }
-                                    this.openButtonLoading()
-                                    this.completeTask(this.$route.query.taskIds, query)
-                                })
-                            } else if (this.dataForm.departmentType == 'productPlanning') {//产品规划部提交
-                                this.$refs.productPlanningListRef.submit((row, ids) => {
-                                    const json = Object.assign(this.dataForm);
-                                    json.commentText = this.commentText
-                                    json.cpghbDataList = row
-                                    json.approvalFlag = 0
-                                    let query = {
-                                        form: json,
-                                        commentText: this.commentText,
-                                        removeIds: ids,
-                                    }
-                                    this.openButtonLoading()
-                                    this.completeTask(this.$route.query.taskIds, query)
-                                })
-                            }
-                        }
-                    } else {
-                        return this.$message.warning('请完善基础信息')
-                    }
-                })
-            },
-            openButtonLoading() {
-                this.isReject = true
-                this.isSubmit = true
-                this.saveLoading = true;
-            },
-            closeButtonLoading() {
-                this.isReject = false
-                this.isSubmit = false
-                this.saveLoading = false;
-            },
-            handleReject() {
-                // approvalFlag   value：0通过    1驳回
-                this.openButtonLoading()
-                if (this.taskKey == 'PolicySolicitOpinionProcessKey9') {
-                    if (this.dataForm.departmentType == 'undertaking') {//事业部驳回
-                        this.$refs.businessDivisionListRef.submit((row) => {
-                            const json = Object.assign(this.dataForm);
-                            json.commentText = this.commentText
-                            json.sybDataList = row
-                            json.approvalFlag = 1
-                            let query = {
-                                form: json,
-                                commentText: this.commentText
-                            }
-                            this.openButtonLoading()
-                            this.completeTask(this.$route.query.taskIds, query)
-                        })
-                    } else if (this.dataForm.departmentType == 'productPlanning') {//产品规划部驳回
-                        this.$refs.productPlanningListRef.save((row, ids) => {
-                            const json = Object.assign(this.dataForm);
-                            json.commentText = this.commentText
-                            json.cpghbDataList = row
-                            json.approvalFlag = 1
-                            let query = {
-                                form: json,
-                                commentText: this.commentText,
-                                removeIds: ids
-                            }
-                            this.openButtonLoading()
-                            this.completeTask(this.$route.query.taskIds, query)
-                        })
-                    }
-                } else {
-                    const json = Object.assign(this.dataForm);
-                    json.commentText = this.commentText
-                    json.approvalFlag = 1
-                    let query = {
-                        form: json,
-                        commentText: this.commentText
-                    }
-                    this.completeTask(this.$route.query.taskIds, query)
-                }
-            },
-            //启动流程
-            startProcessRollBack(roleForm) {
-                const json = Object.assign(this.dataForm, roleForm);
-                json.commentText = this.commentText
-                json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
-                let query = {
-                    form: json,
-                    commentText: this.commentText
-                }
-                this.$http.post('lawss/activiti/startProcessRollBack', {
-                    createUser: this.$store.getters.userInfo.userId,
-                    createUserName: this.$store.getters.userInfo.userName,
-                    type: '34',
-                    json: JSON.stringify(query)
-                }, {_this: this}, res => {
-                    if (res.ok) {
-                        this.completeTask(res.data, query)
-                    } else {
-                        this.$message.warning('流程启动失败')
-                        this.closeButtonLoading()
-                    }
-                })
-            },
-            //提交流程
-            completeTask(taskId, query) {
-                this.$http.post('lawss/activiti/completeTask', {
-                    json: JSON.stringify(query),
-                    taskId: taskId || this.taskId,
-                    userId: this.$store.getters.userInfo.userId
-                }, {_this: this}, res => {
-                    if (res.success) {
-                        this.$message.success(res.message);
-                        if (this.bpnId) {
-                            this.taskDel()
-                        }
-                        this.$router.push("/processCenter");
-                    }
-                    this.closeButtonLoading()
-                })
-            },
-            //删除草稿
-            taskDel() {
-                let taskId = {
-                    id: this.bpnId
-                }
-                taskDel(taskId).then(res => {
-                    return res
-                })
-            },
-            handleTransfer() {
-                this.title = '转办处理人'
-                this.checkBox = true
-                this.selectType = '转办处理人'
-                this.nodeList = []
-                this.drawerModal = true
-            },
-            checkedRole(data) {
-                let ids = []
-                let names = []
-                if (data && data.length > 0) {
-                    for (let i = 0; i < data.length; i++) {
-                        ids.push(data[i].id)
-                        names.push(data[i].name)
-                    }
-                }
-                this.departmentList = []
-                if (this.selectType == '转办处理人') {
-                    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)
-                        }
-                    })
-                } else if (this.selectType == '责任人') {
-                    this.departmentList = data
-                    this.dataForm.zrrUserIds = ids.join(',')
-                    this.dataForm.zrrUserNames = names.join(',')
-                    this.dataForm = {...this.dataForm}
-                } else if (this.selectType == '审批人') {
-                    this.dataForm.zrdwUserId = ids.join(',')
-                    this.dataForm.zrdwUserName = names.join(',')
-                    this.dataForm = {...this.dataForm}
-                } else if (this.selectType == '会签人') {
-                    this.dataForm.hqrUserIds = ids.join(',')
-                    this.dataForm.hqrUserNames = names.join(',')
-                    this.dataForm = {...this.dataForm}
-                } else if (this.selectType == '抄送人') {
-                    this.dataForm.csr2UserIds = ids.join(',')
-                    this.dataForm.csr2UserNames = names.join(',')
-                    this.dataForm = {...this.dataForm}
-                }
-            },
-
-            // 请求转换流程图
-            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)
-                })
-            },
-            //选择人员
-            selectOperation(title, id, isTrue) {
-                this.title = title
-                this.checkBox = isTrue
-                this.selectType = title
-                let ids = id && id.length > 0 ? id.split(',') : []
-                this.nodeList = ids
-                this.drawerModal = true
-            },
-            getData() {
-                this.dataLoading = true
-                return new Promise((resolve, reject) => {
-                    queryZchgxxmscTaskDetail({
-                        taskIds: this.$route.query.taskIds,
-                        pId: this.$route.query.prcId,
-                        taskDefinitionKey: this.taskKey
-                    }).then(res => {
-                        if (res) {
-                            const processForm = JSON.parse(res.mesg)
-                            this.formProcessing(processForm)
-                        }
-                        this.dataLoading = false
-                    }).catch(e => {
-                        this.dataLoading = false
-                    });
-                });
-            },
-            formProcessing(row) {
-                this.dataForm = row.form
-                this.dataForm = {...this.dataForm}
-                if (this.showPersonnel) {//拿到人员信息的数据
-                    this.$refs.personnelInformationRef.getData(row.form)
-                }
-                if (this.isFetchList) { //拿到未选择责任人数据
-                    this.$refs.fetchListRef.getData(row.form.infoTableDatas)
-                }
-                if (this.isBusinessDivisionList) {//拿到责任人为事业部门的数据
-                    this.$nextTick(() => {
-                        this.$refs.businessDivisionListRef.getData(row.form.sybDataList || row.form.infoTableDatas)
-                    })
-                }
-                if (this.isProductPlanningList) {//拿到责任人为产品规划部门的数据
-                    this.$nextTick(() => {
-                        this.$refs.productPlanningListRef.getData(row.form)
-                    })
-                }
-            },
-            getTaskDraftData() {
-                this.dataLoading = true
-                queryTaskFirst({
-                    bpnId: this.bpnId
-                }).then(res => {
-                    let mes = JSON.parse(res.mes);
-                    this.dataForm = mes.form
-                    this.$refs.personnelInformationRef.getData(mes.roleForm)
-                    this.$refs.fetchListRef.getData(mes.form.infoTableDatas)
-                    this.commentText = mes.commentText
-                    this.dataLoading = false
-                });
-            },
-        }
+        return true
+      }
+      return false
+    },
+    showCommentText () {
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return false
+      }
+      return true
+    },
+  },
+  mounted () {
+    // 获取草稿的数据进行展示
+    if (this.bpnId) {
+      this.getTaskDraftData()
     }
+    // 获取流程中数据进行展示
+    if (this.taskKey) {
+      this.getData()
+    }
+  },
+  methods: {
+    handlePreview (file) {
+      let attId = ''
+      if (file && file.id) {
+        attId = file.id
+      } else {
+        attId = file.response.data.id
+      }
+      this.$preview(attId)
+    },
+
+    // 基础信息/人员信息
+    handleTabs (type) {
+      this.active = type;
+    },
+
+    fileUpload (fileListName, fileName, accept, fileMax_M) {
+      this.fileListName = fileListName
+      this.fileName = fileName
+      this.accept = accept
+      this.fileMax_M = fileMax_M
+      this.$refs.processFileRef.getFile(this.dataForm[this.fileListName])
+    },
+
+    uploadSuccess (fileList, fileId) {
+      this.dataForm[this.fileListName] = fileList
+      this.dataForm[this.fileName] = fileId
+      this.dataForm = { ...this.dataForm }
+    },
+
+    clickButtonToUpload (file) {
+      const attId = file.attId
+      if (attId) {
+        window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
+      } else {
+        this.$message.warning('文件不存在,下载失败')
+      }
+    },
+    // 保存事件
+    handleSave () {
+      this.openButtonLoading()
+      if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1') {
+        this.draftSaving()
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {
+        const _formData = new FormData();
+        this.$refs.personnelInformationRef.save((row) => {
+          const data = Object.assign(this.dataForm, row);
+          data.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
+          _formData.append('taskIds', this.$route.query.taskIds);
+          _formData.append('json', JSON.stringify({
+            form: data,
+            commentText: this.commentText,
+            currentUserId: this.$store.getters.userInfo.userId
+          }));
+          saveTaskForPub(_formData).then(res => {
+            this.closeButtonLoading()
+            this.$message.success('保存成功');
+          }).catch(e => {
+            this.closeButtonLoading()
+          });
+        })
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey7') {
+        const _formData = new FormData();
+        const dataForm = JSON.parse(JSON.stringify(this.dataForm))
+        _formData.append('taskIds', this.$route.query.taskIds);
+        _formData.append('json', JSON.stringify({
+          form: dataForm,
+          commentText: this.commentText,
+          currentUserId: this.$store.getters.userInfo.userId
+        }));
+        saveTaskForPub(_formData).then(res => {
+          this.closeButtonLoading()
+          this.$message.success('保存成功');
+        }).catch(e => {
+          this.closeButtonLoading()
+        });
+      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
+                    this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
+        if (this.dataForm.departmentType == 'undertaking') {// 事业部保存
+          const _formData = new FormData();
+          const dataForm = JSON.parse(JSON.stringify(this.dataForm))
+          this.$refs.businessDivisionListRef.submit((row) => {
+            _formData.append('taskIds', this.$route.query.taskIds);
+            dataForm.sybDataList = row
+            _formData.append('json', JSON.stringify({
+              form: dataForm,
+              commentText: this.commentText,
+              currentUserId: this.$store.getters.userInfo.userId
+            }));
+            saveTaskForPub(_formData).then(res => {
+              this.closeButtonLoading()
+              this.$message.success('保存成功');
+            }).catch(e => {
+              this.closeButtonLoading()
+            });
+          })
+        } else if (this.dataForm.departmentType == 'productPlanning') {// 产品规划部保存
+          const _formData = new FormData();
+          const dataForm = JSON.parse(JSON.stringify(this.dataForm))
+          this.$refs.productPlanningListRef.save((row, ids) => {
+            _formData.append('taskIds', this.$route.query.taskIds);
+            dataForm.cpghbDataList = row
+            _formData.append('json', JSON.stringify({
+              form: dataForm,
+              commentText: this.commentText,
+              removeIds: ids,
+              currentUserId: this.$store.getters.userInfo.userId
+            }));
+            saveTaskForPub(_formData).then(res => {
+              this.closeButtonLoading()
+              this.$message.success('保存成功');
+            }).catch(e => {
+              this.closeButtonLoading()
+            });
+          })
+        }
+      }
+    },
+    // 草稿保存
+    draftSaving () {
+      const _formData = new FormData();
+      const json = this.dataForm
+      json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
+      json.commentText = this.commentText
+      _formData.append('id', this.bpnId || '')
+      _formData.append('createUser', this.$store.getters.userInfo.userId);
+      _formData.append('createUserName', this.$store.getters.userInfo.userName);
+      _formData.append('prcType', '34');
+      _formData.append('json', JSON.stringify({
+        form: json,
+        roleForm: this.$refs.personnelInformationRef.roleForm,
+        commentText: this.commentText
+      }));
+      saveTaskFirst(_formData).then(res => {
+        this.closeButtonLoading()
+        this.$message.success('保存成功');
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false;
+      });
+    },
+    // 提交事件
+    handleSubmit () {
+      this.$refs['zczqyjForm'].validate((valid) => {
+        if (valid) {
+          this.openButtonLoading()
+          if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1') {// 起草
+            this.closeButtonLoading()
+            this.$refs.personnelInformationRef.submit((row) => {
+              this.$refs.fetchListRef.submit((val) => {
+                this.openButtonLoading()
+                this.startProcessRollBack(row)
+              })
+            })
+          } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey2' ||// 审核
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey4' ||// 审定
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey5' ||// 批准
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey11' ||// 管理员
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey12' ||// 审核
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey13' ||// 审定
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey14' ||// 批准
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey15') { // 抄送
+            const json = Object.assign(this.dataForm);
+            json.commentText = this.commentText
+            json.approvalFlag = 0
+            const query = {
+              form: json,
+              commentText: this.commentText
+            }
+            this.completeTask(this.$route.query.taskIds, query)
+          } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey7') {// 责任人分配任务
+            const undertaking = this.departmentList[0].institutionName.includes('事业')
+            const productPlanning = this.departmentList[0].institutionName.includes('产品规划')
+            for (let i = 0; i < this.departmentList.length; i++) {
+              if (this.departmentList[i].institutionName.includes('事业') ||
+                                    this.departmentList[i].institutionName.includes('产品规划')) {
+                if (undertaking) {
+                  if (this.departmentList[i].institutionName.includes('产品规划')) {
+                    this.$message.warning('只能选择同一个部门的人员');
+                    this.closeButtonLoading()
+                    return
+                  }
+                }
+                if (productPlanning) {
+                  if (this.departmentList[i].institutionName.includes('事业')) {
+                    this.$message.warning('只能选择同一个部门的人员');
+                    this.closeButtonLoading()
+                    return
+                  }
+                }
+              } else {
+                this.$message.warning('只能选择事业部人员或产品规划部人员');
+                this.closeButtonLoading()
+                return
+              }
+            }
+            if (productPlanning) {
+              this.dataForm.departmentType = 'productPlanning' // 产品规划
+            } else if (undertaking) {
+              this.dataForm.departmentType = 'undertaking' // 事业
+            } else {
+              this.$message.warning('请选择责任人');
+              return
+            }
+            const json = Object.assign(this.dataForm);
+            json.commentText = this.commentText
+            json.approvalFlag = 0
+            const query = {
+              form: json,
+              commentText: this.commentText
+            }
+            this.completeTask(this.$route.query.taskIds, query)
+          } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {// 起草修改
+            this.closeButtonLoading()
+            this.$refs.personnelInformationRef.submit((row) => {
+              const json = Object.assign(this.dataForm, row);
+              json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
+              json.commentText = this.commentText
+              json.approvalFlag = 0
+              const query = {
+                form: json,
+                commentText: this.commentText
+              }
+              this.openButtonLoading()
+              this.completeTask(this.$route.query.taskIds, query)
+            })// 责任人任务处理
+          } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||// 责任人任务处理
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey9' || // 责任对接人汇总
+                            this.taskKey == 'PolicyComplianceProgramReviewProcessKey10') {// 责任单位审批
+            this.closeButtonLoading()
+            if (this.dataForm.departmentType == 'undertaking') {// 事业部提交
+              this.$refs.businessDivisionListRef.submit((row) => {
+                const json = Object.assign(this.dataForm);
+                json.commentText = this.commentText
+                json.sybDataList = row
+                json.approvalFlag = 0
+                const query = {
+                  form: json,
+                  commentText: this.commentText
+                }
+                this.openButtonLoading()
+                this.completeTask(this.$route.query.taskIds, query)
+              })
+            } else if (this.dataForm.departmentType == 'productPlanning') {// 产品规划部提交
+              this.$refs.productPlanningListRef.submit((row, ids) => {
+                const json = Object.assign(this.dataForm);
+                json.commentText = this.commentText
+                json.cpghbDataList = row
+                json.approvalFlag = 0
+                const query = {
+                  form: json,
+                  commentText: this.commentText,
+                  removeIds: ids,
+                }
+                this.openButtonLoading()
+                this.completeTask(this.$route.query.taskIds, query)
+              })
+            }
+          }
+        } else {
+          return this.$message.warning('请完善基础信息')
+        }
+      })
+    },
+    openButtonLoading () {
+      this.isReject = true
+      this.isSubmit = true
+      this.saveLoading = true;
+    },
+    closeButtonLoading () {
+      this.isReject = false
+      this.isSubmit = false
+      this.saveLoading = false;
+    },
+    handleReject () {
+      // approvalFlag   value：0通过    1驳回
+      this.openButtonLoading()
+      if (this.taskKey == 'PolicySolicitOpinionProcessKey9') {
+        if (this.dataForm.departmentType == 'undertaking') {// 事业部驳回
+          this.$refs.businessDivisionListRef.submit((row) => {
+            const json = Object.assign(this.dataForm);
+            json.commentText = this.commentText
+            json.sybDataList = row
+            json.approvalFlag = 1
+            const query = {
+              form: json,
+              commentText: this.commentText
+            }
+            this.openButtonLoading()
+            this.completeTask(this.$route.query.taskIds, query)
+          })
+        } else if (this.dataForm.departmentType == 'productPlanning') {// 产品规划部驳回
+          this.$refs.productPlanningListRef.save((row, ids) => {
+            const json = Object.assign(this.dataForm);
+            json.commentText = this.commentText
+            json.cpghbDataList = row
+            json.approvalFlag = 1
+            const query = {
+              form: json,
+              commentText: this.commentText,
+              removeIds: ids
+            }
+            this.openButtonLoading()
+            this.completeTask(this.$route.query.taskIds, query)
+          })
+        }
+      } else {
+        const json = Object.assign(this.dataForm);
+        json.commentText = this.commentText
+        json.approvalFlag = 1
+        const query = {
+          form: json,
+          commentText: this.commentText
+        }
+        this.completeTask(this.$route.query.taskIds, query)
+      }
+    },
+    // 启动流程
+    startProcessRollBack (roleForm) {
+      const json = Object.assign(this.dataForm, roleForm);
+      json.commentText = this.commentText
+      json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
+      const query = {
+        form: json,
+        commentText: this.commentText
+      }
+      this.$http.post('lawss/activiti/startProcessRollBack', {
+        createUser: this.$store.getters.userInfo.userId,
+        createUserName: this.$store.getters.userInfo.userName,
+        type: '34',
+        json: JSON.stringify(query)
+      }, { _this: this }, res => {
+        if (res.ok) {
+          this.completeTask(res.data, query)
+        } else {
+          this.$message.warning('流程启动失败')
+          this.closeButtonLoading()
+        }
+      })
+    },
+    // 提交流程
+    completeTask (taskId, query) {
+      this.$http.post('lawss/activiti/completeTask', {
+        json: JSON.stringify(query),
+        taskId: taskId || this.taskId,
+        userId: this.$store.getters.userInfo.userId
+      }, { _this: this }, res => {
+        if (res.success) {
+          this.$message.success(res.message);
+          if (this.bpnId) {
+            this.taskDel()
+          }
+          this.$router.push('/processCenter');
+        }
+        this.closeButtonLoading()
+      })
+    },
+    // 删除草稿
+    taskDel () {
+      const taskId = {
+        id: this.bpnId
+      }
+      taskDel(taskId).then(res => {
+        return res
+      })
+    },
+    handleTransfer () {
+      this.title = '转办处理人'
+      this.checkBox = true
+      this.selectType = '转办处理人'
+      this.nodeList = []
+      this.drawerModal = true
+    },
+    checkedRole (data) {
+      const ids = []
+      const names = []
+      if (data && data.length > 0) {
+        for (let i = 0; i < data.length; i++) {
+          ids.push(data[i].id)
+          names.push(data[i].name)
+        }
+      }
+      this.departmentList = []
+      if (this.selectType == '转办处理人') {
+        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)
+          }
+        })
+      } else if (this.selectType == '责任人') {
+        this.departmentList = data
+        this.dataForm.zrrUserIds = ids.join(',')
+        this.dataForm.zrrUserNames = names.join(',')
+        this.dataForm = { ...this.dataForm }
+      } else if (this.selectType == '审批人') {
+        this.dataForm.zrdwUserId = ids.join(',')
+        this.dataForm.zrdwUserName = names.join(',')
+        this.dataForm = { ...this.dataForm }
+      } else if (this.selectType == '会签人') {
+        this.dataForm.hqrUserIds = ids.join(',')
+        this.dataForm.hqrUserNames = names.join(',')
+        this.dataForm = { ...this.dataForm }
+      } else if (this.selectType == '抄送人') {
+        this.dataForm.csr2UserIds = ids.join(',')
+        this.dataForm.csr2UserNames = names.join(',')
+        this.dataForm = { ...this.dataForm }
+      }
+    },
+
+    // 请求转换流程图
+    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)
+      })
+    },
+    // 选择人员
+    selectOperation (title, id, isTrue) {
+      this.title = title
+      this.checkBox = isTrue
+      this.selectType = title
+      const ids = id && id.length > 0 ? id.split(',') : []
+      this.nodeList = ids
+      this.drawerModal = true
+    },
+    getData () {
+      this.dataLoading = true
+      return new Promise((resolve, reject) => {
+        queryZchgxxmscTaskDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId,
+          taskDefinitionKey: this.taskKey
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.formProcessing(processForm)
+          }
+          this.dataLoading = false
+        }).catch(e => {
+          this.dataLoading = false
+        });
+      });
+    },
+    formProcessing (row) {
+      this.dataForm = row.form
+      this.dataForm = { ...this.dataForm }
+      if (this.showPersonnel) {// 拿到人员信息的数据
+        this.$refs.personnelInformationRef.getData(row.form)
+      }
+      if (this.isFetchList) { // 拿到未选择责任人数据
+        this.$refs.fetchListRef.getData(row.form.infoTableDatas)
+      }
+      if (this.isBusinessDivisionList) {// 拿到责任人为事业部门的数据
+        this.$nextTick(() => {
+          this.$refs.businessDivisionListRef.getData(row.form.sybDataList || row.form.infoTableDatas)
+        })
+      }
+      if (this.isProductPlanningList) {// 拿到责任人为产品规划部门的数据
+        this.$nextTick(() => {
+          this.$refs.productPlanningListRef.getData(row.form)
+        })
+      }
+    },
+    getTaskDraftData () {
+      this.dataLoading = true
+      queryTaskFirst({
+        bpnId: this.bpnId
+      }).then(res => {
+        const mes = JSON.parse(res.mes);
+        this.dataForm = mes.form
+        this.$refs.personnelInformationRef.getData(mes.roleForm)
+        this.$refs.fetchListRef.getData(mes.form.infoTableDatas)
+        this.commentText = mes.commentText
+        this.dataLoading = false
+      });
+    },
+  }
+}
 </script>
 
 <style lang="less" scoped>