From 1d1c07a4fab2afe908b4ad143bf6886fdde70437 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Wed, 31 Jan 2024 13:54:28 +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

---
 .../creatProcess/policyConsultation/index.vue | 1753 +++++++++--------
 1 file changed, 912 insertions(+), 841 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/policyConsultation/index.vue b/src/pages/processCenter/pages/creatProcess/policyConsultation/index.vue
index f17fd2831..d4a97668f 100644
--- a/src/pages/processCenter/pages/creatProcess/policyConsultation/index.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyConsultation/index.vue
@@ -1,413 +1,485 @@
 <template>
-    <div class="policyConsultation">
-        <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 ? 'lawsNo':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-input :disabled="true"
-                                              class="formInput"
-                                              v-model="dataForm.lawsNo"
-                                              placeholder="请输入政策文号"
-                                              clearable
-                                    />
-                                    <div v-if="!disabledXX" class="addButton" style="padding-left: 10px">
-                                        <el-button :disabled="disabledXX" size="small" type="primary"
-                                                   @click="handleSearchStandard">选择征求意见政策
-                                        </el-button>
-                                    </div>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="政策名称"
-                                              :prop="!disabledXX ? 'lawsName':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-input :disabled="true"
-                                              v-model="dataForm.lawsName"
-                                              placeholder="请输入政策名称"
-                                              clearable
-                                    ></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-
-                        <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 ? 'responsibleUnitDeadline':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-date-picker :disabled="disabledXX"
-                                                    v-model="dataForm.responsibleUnitDeadline"
-                                                    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="政策征求意见周期"
-                                              :prop="!disabledXX ? 'cycleTime':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-date-picker :disabled="disabledXX"
-                                                    v-model="dataForm.cycleTime"
-                                                    type="daterange"
-                                                    range-separator="—"
-                                                    align="right"
-                                                    unlink-panels
-                                                    style="width: 100%"
-                                                    value-format="yyyy-MM-dd"
-                                                    start-placeholder="开始日期"
-                                                    end-placeholder="结束日期">
-                                    </el-date-picker>
-                                </el-form-item>
-                            </el-col>
-                            <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"
-                                                   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 == 'PolicySolicitOpinionProcessKey7' && !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 == 'PolicySolicitOpinionProcessKey9' && !this.$route.query.operate">
-                            <el-col :span="12">
-                                <el-form-item label="内部评审" prop="internalReviewFlag"
-                                              class="add-form-item form-item-disabled">
-                                    <el-select v-model="dataForm.internalReviewFlag"
-                                               @change="internalReviewFlagChange"
-                                               placeholder="请选择内部评审" clearable>
-                                        <el-option :value="'0'"
-                                                   label="是">是
-                                        </el-option>
-                                        <el-option :value="'1'"
-                                                   label="否">否
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="本单位审批人" prop="zrdwUserName"
-                                              v-if="dataForm.internalReviewFlag == '0'"
-                                              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 == 'PolicySolicitOpinionProcessKey12' && !this.$route.query.operate">
-                            <el-col :span="12">
-                                <el-form-item label="会签人" prop="hqrUserNames"
-                                              class="add-form-item form-item-disabled">
-                                    <el-input @click.native="selectOperation('会签人',dataForm.hqrUserIds,false)"
-                                              v-model="dataForm.hqrUserNames"
-                                              readonly
-                                              placeholder="请选择会签人"
-                                              clearable
-                                    ></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-
-                        <el-row :gutter="24" v-if="taskKey == 'PolicySolicitOpinionProcessKey16' && !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>
-                <solicitationList v-if="showSolicitation" ref="solicitationListRef"/>
-                <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>
-        <policySolicitingOpinions ref="policySolicitingOpinionsRef"
-                                  @policySolicitingOpinionsForm="policySolicitingOpinionsForm"/>
-        <processFile
-                ref="processFileRef"
-                :accept="accept"
-                :fileMax_M="fileMax_M"
-                @uploadSuccess="uploadSuccess"/>
-        <loading :loading="dataLoading">正在加载数据</loading>
+  <div class="policyConsultation">
+    <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 ? 'lawsNo':''"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
+                    v-model="dataForm.lawsNo"
+                    :disabled="true"
+                    class="formInput"
+                    placeholder="请输入政策文号"
+                    clearable
+                  />
+                  <div v-if="!disabledXX" class="addButton" style="padding-left: 10px">
+                    <el-button
+                      :disabled="disabledXX"
+                      size="small"
+                      type="primary"
+                      @click="handleSearchStandard"
+                    >
+                      选择征求意见政策
+                    </el-button>
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="政策名称"
+                  :prop="!disabledXX ? 'lawsName':''"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
+                    v-model="dataForm.lawsName"
+                    :disabled="true"
+                    placeholder="请输入政策名称"
+                    clearable
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <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 ? 'responsibleUnitDeadline':''"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-date-picker
+                    v-model="dataForm.responsibleUnitDeadline"
+                    :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="政策征求意见周期"
+                  :prop="!disabledXX ? 'cycleTime':''"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-date-picker
+                    v-model="dataForm.cycleTime"
+                    :disabled="disabledXX"
+                    type="daterange"
+                    range-separator="—"
+                    align="right"
+                    unlink-panels
+                    style="width: 100%"
+                    value-format="yyyy-MM-dd"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                  />
+                </el-form-item>
+              </el-col>
+              <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"
+                      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 == 'PolicySolicitOpinionProcessKey7' && !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 == 'PolicySolicitOpinionProcessKey9' && !this.$route.query.operate" :gutter="24">
+              <el-col :span="12">
+                <el-form-item
+                  label="内部评审"
+                  prop="internalReviewFlag"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-select
+                    v-model="dataForm.internalReviewFlag"
+                    placeholder="请选择内部评审"
+                    clearable
+                    @change="internalReviewFlagChange"
+                  >
+                    <el-option
+                      :value="'0'"
+                      label="是"
+                    >
+                      是
+                    </el-option>
+                    <el-option
+                      :value="'1'"
+                      label="否"
+                    >
+                      否
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  v-if="dataForm.internalReviewFlag == '0'"
+                  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 == 'PolicySolicitOpinionProcessKey12' && !this.$route.query.operate" :gutter="24">
+              <el-col :span="12">
+                <el-form-item
+                  label="会签人"
+                  prop="hqrUserNames"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
+                    v-model="dataForm.hqrUserNames"
+                    readonly
+                    placeholder="请选择会签人"
+                    clearable
+                    @click.native="selectOperation('会签人',dataForm.hqrUserIds,false)"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row v-if="taskKey == 'PolicySolicitOpinionProcessKey16' && !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>
+        <solicitationList v-if="showSolicitation" ref="solicitationListRef" />
+        <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"
+    />
+    <policySolicitingOpinions
+      ref="policySolicitingOpinionsRef"
+      @policySolicitingOpinionsForm="policySolicitingOpinionsForm"
+    />
+    <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 approvalHistory from "./components/approvalHistory";//审批历史
-    import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
-    import personnelInformation from "./components/personnelInformation";//人员信息
-    import solicitationList from "./components/solicitationList";//征求意见列表
-    import policySolicitingOpinions from "./components/policySolicitingOpinions";
-    import processFile from "../../components/processFile";
-    import {
-        queryTaskFirst,
-        saveTaskFirst,
-        taskDel,
-        changeAssigneeNew,
-        inboundLiaisonDetail,
-        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 approvalHistory from './components/approvalHistory';// 审批历史
+import ApprovalHistory from '@/components/hzwlComponents/ApprovalHistory';
+import personnelInformation from './components/personnelInformation';// 人员信息
+import solicitationList from './components/solicitationList';// 征求意见列表
+import policySolicitingOpinions from './components/policySolicitingOpinions';
+import processFile from '../../components/processFile';
+import {
+  queryTaskFirst,
+  saveTaskFirst,
+  taskDel,
+  changeAssigneeNew,
+  inboundLiaisonDetail,
+  saveTaskForPub
+} from 'api/process';
+import axios from 'axios';
+import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription';
 
-    export default {
-        name: "index",
-        components: {
-            ReceiptDescription,
-            ProcessHeader,
-            ProcessTitle,
-            ProcessFooter,
-            approvalHistory,
-            ApprovalHistory,
-            personnelInformation,
-            solicitationList,
-            policySolicitingOpinions,
-            processFile
-        },
-        data() {
-            return {
-                active: '1',
-                accept: '',
-                fileMax_M: 0,
-                dataLoading: false,
-                drawerModal: false,
-                nodeList: [],
-                formRules: {
-                  lawsNo: [
-                        {required: true, message: '请输入政策文号', trigger: 'change'},
-                    ],
-                    lawsName: [
-                        {required: true, message: '请输入政策名称', trigger: 'change'},
-                    ],
-                    endTime: [
-                        {required: true, message: '请选择截止时间', trigger: 'change'},
-                    ],
-                    cycleTime: [
-                        {required: true, message: '请选择政策征求意见周期', trigger: 'change'},
-                    ],
-                    responsibleUnitDeadline: [
-                        {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'},
-                    ],
-                },
-                dataForm: {},
-                saveLoading: false,
-                isSubmit: false,
-                isReject: false,
-                commentText: '',
-                fileListName: '',
-                fileName: '',
-                taskKey: this.$route.query.taskDefinitionKey,
-                title: '',
-                checkBox: false,
-                selectType: '',
-                roleForm: {},
-                bpnId: this.$route.query.bpnId,
-            }
-        },
-        computed: {
-            taskKeyName() {
-                if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1') {
-                    return '起草'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey2') {
-                    return '审核'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey3') {
-                    return '起草修改'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey4') {
-                    return '审定'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey5') {
-                    return '批准'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey7') {
-                    return '责任对接人分配任务'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey8') {
-                    return '责任人任务处理'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey9') {
-                    return '责任对接人汇总'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey10') {
-                    return '责任单位审批'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey11') {
-                    return '管理员'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey12') {
-                    return '审核'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey13') {
-                    return '会签'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey14') {
-                    return '审定'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey15') {
-                    return '批准'
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey16') {
-                    return '抄送'
-                }
-            },
-            showSubmit(){
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return false
-                }
-                return true
-            },
-            showSave() { //是否展示保存
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return false
-                }
-                if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1' ||
+export default {
+  name: 'Index',
+  components: {
+    ReceiptDescription,
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter,
+    approvalHistory,
+    ApprovalHistory,
+    personnelInformation,
+    solicitationList,
+    policySolicitingOpinions,
+    processFile
+  },
+  data () {
+    return {
+      active: '1',
+      accept: '',
+      fileMax_M: 0,
+      dataLoading: false,
+      drawerModal: false,
+      nodeList: [],
+      formRules: {
+        lawsNo: [
+          { required: true, message: '请输入政策文号', trigger: 'change' },
+        ],
+        lawsName: [
+          { required: true, message: '请输入政策名称', trigger: 'change' },
+        ],
+        endTime: [
+          { required: true, message: '请选择截止时间', trigger: 'change' },
+        ],
+        cycleTime: [
+          { required: true, message: '请选择政策征求意见周期', trigger: 'change' },
+        ],
+        responsibleUnitDeadline: [
+          { 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' },
+        ],
+      },
+      dataForm: {},
+      saveLoading: false,
+      isSubmit: false,
+      isReject: false,
+      commentText: '',
+      fileListName: '',
+      fileName: '',
+      taskKey: this.$route.query.taskDefinitionKey,
+      title: '',
+      checkBox: false,
+      selectType: '',
+      roleForm: {},
+      bpnId: this.$route.query.bpnId,
+    }
+  },
+  computed: {
+    taskKeyName () {
+      if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1') {
+        return '起草'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey2') {
+        return '审核'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey3') {
+        return '起草修改'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey4') {
+        return '审定'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey5') {
+        return '批准'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey7') {
+        return '责任对接人分配任务'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey8') {
+        return '责任人任务处理'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey9') {
+        return '责任对接人汇总'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey10') {
+        return '责任单位审批'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey11') {
+        return '管理员'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey12') {
+        return '审核'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey13') {
+        return '会签'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey14') {
+        return '审定'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey15') {
+        return '批准'
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey16') {
+        return '抄送'
+      }
+    },
+    showSubmit () {
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return false
+      }
+      return true
+    },
+    showSave () { // 是否展示保存
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return false
+      }
+      if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey3' || this.taskKey == 'PolicySolicitOpinionProcessKey7' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey8' || this.taskKey == 'PolicySolicitOpinionProcessKey9' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey12') {
-                    return true
-                }
-                return false
-            },
-            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 == 'PolicySolicitOpinionProcessKey2' ||
+        return true
+      }
+      return false
+    },
+    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 == 'PolicySolicitOpinionProcessKey2' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey4' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey5' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey9' ||
@@ -417,25 +489,25 @@
                     this.taskKey == 'PolicySolicitOpinionProcessKey13' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey14' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey15') {
-                    return true
-                }
-                return false
-            },
-            showApprovalHistory() { //是否展示历史信息
-                if (!this.taskKey) {
-                    return false
-                }
-                return true
-            },
-            showPersonnel() { //是否展示人员信息
-                if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1' ||
+        return true
+      }
+      return false
+    },
+    showApprovalHistory () { // 是否展示历史信息
+      if (!this.taskKey) {
+        return false
+      }
+      return true
+    },
+    showPersonnel () { // 是否展示人员信息
+      if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey3') {
-                    return true
-                }
-                return false
-            },
-            showSolicitation() { //是否展示征求意见列表
-                if (this.taskKey == 'PolicySolicitOpinionProcessKey8' ||
+        return true
+      }
+      return false
+    },
+    showSolicitation () { // 是否展示征求意见列表
+      if (this.taskKey == 'PolicySolicitOpinionProcessKey8' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey9' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey10' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey11' ||
@@ -444,445 +516,445 @@
                     this.taskKey == 'PolicySolicitOpinionProcessKey14' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey15' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey16') {
-                    return true
-                }
-                return false
-            },
-            disabledXX() {
-                if (this.$route.query.operate && this.$route.query.operate == 'view') {
-                    return true
-                }
-                if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1' ||
+        return true
+      }
+      return false
+    },
+    disabledXX () {
+      if (this.$route.query.operate && this.$route.query.operate == 'view') {
+        return true
+      }
+      if (!this.taskKey || this.taskKey == 'PolicySolicitOpinionProcessKey1' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey3') {
-                    return false
-                }
-                return true
-            },
-            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)
-            },
+        return false
+      }
+      return true
+    },
+    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;
-            },
-            policySolicitingOpinionsForm(row) {
-                this.dataForm.lawsNo = row.lawsNo
-                this.dataForm.lawsName = row.lawsName
-                this.dataForm.lawsId = row.id
-                this.dataForm = {...this.dataForm}
-            },
-            handleSearchStandard() {
-                this.$refs.policySolicitingOpinionsRef.handleSearchStandard()
-            },
-            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 == 'PolicySolicitOpinionProcessKey1') {
-                    this.draftSaving()
-                } else if (this.taskKey == 'PolicySolicitOpinionProcessKey3') {
-                    let _formData = new FormData();
-                    _formData.append("taskIds", this.$route.query.taskIds);
-                    let data = Object.assign(this.dataForm, this.$refs.personnelInformationRef.roleForm);
-                    _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 == 'PolicySolicitOpinionProcessKey7') {
-                    let _formData = new FormData();
-                    _formData.append("taskIds", this.$route.query.taskIds);
-                    _formData.append("json", JSON.stringify({
-                        form: this.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 == 'PolicySolicitOpinionProcessKey8' ||
+    // 基础信息/人员信息
+    handleTabs (type) {
+      this.active = type;
+    },
+    policySolicitingOpinionsForm (row) {
+      this.dataForm.lawsNo = row.lawsNo
+      this.dataForm.lawsName = row.lawsName
+      this.dataForm.lawsId = row.id
+      this.dataForm = { ...this.dataForm }
+    },
+    handleSearchStandard () {
+      this.$refs.policySolicitingOpinionsRef.handleSearchStandard()
+    },
+    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 == 'PolicySolicitOpinionProcessKey1') {
+        this.draftSaving()
+      } else if (this.taskKey == 'PolicySolicitOpinionProcessKey3') {
+        const _formData = new FormData();
+        _formData.append('taskIds', this.$route.query.taskIds);
+        const data = Object.assign(this.dataForm, this.$refs.personnelInformationRef.roleForm);
+        _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 == 'PolicySolicitOpinionProcessKey7') {
+        const _formData = new FormData();
+        _formData.append('taskIds', this.$route.query.taskIds);
+        _formData.append('json', JSON.stringify({
+          form: this.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 == 'PolicySolicitOpinionProcessKey8' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey9' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey12') {
-                    let _formData = new FormData();
-                    this.$refs.solicitationListRef.save((row, ids) => {
-                        _formData.append("taskIds", this.$route.query.taskIds);
-                        _formData.append("json", JSON.stringify({
-                            form: this.dataForm,
-                            commentText: this.commentText,
-                            policySolicitOpinionEOList: row,
-                            removeIds: ids,
-                            currentUserId: this.$store.getters.userInfo.userId
-                        }));
-                        saveTaskForPub(_formData).then(res => {
-                            this.closeButtonLoading()
-                            this.$message.success("保存成功");
-                            this.$refs.solicitationListRef.getData()
-                        }).catch(e => {
-                            this.closeButtonLoading()
-                        });
-                    })
-                }
-            },
-            //草稿保存
-            draftSaving() {
-                let _formData = new FormData();
-                let json = this.dataForm
-                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", "33");
-                _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 == 'PolicySolicitOpinionProcessKey1') {//起草
-                            this.closeButtonLoading()
-                            this.$refs.personnelInformationRef.submit((row) => {
-                                this.openButtonLoading()
-                                this.startProcessRollBack(row)
-                            })
-                        } else if (this.taskKey == 'PolicySolicitOpinionProcessKey2' ||
+        const _formData = new FormData();
+        this.$refs.solicitationListRef.save((row, ids) => {
+          _formData.append('taskIds', this.$route.query.taskIds);
+          _formData.append('json', JSON.stringify({
+            form: this.dataForm,
+            commentText: this.commentText,
+            policySolicitOpinionEOList: row,
+            removeIds: ids,
+            currentUserId: this.$store.getters.userInfo.userId
+          }));
+          saveTaskForPub(_formData).then(res => {
+            this.closeButtonLoading()
+            this.$message.success('保存成功');
+            this.$refs.solicitationListRef.getData()
+          }).catch(e => {
+            this.closeButtonLoading()
+          });
+        })
+      }
+    },
+    // 草稿保存
+    draftSaving () {
+      const _formData = new FormData();
+      const json = this.dataForm
+      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', '33');
+      _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 == 'PolicySolicitOpinionProcessKey1') {// 起草
+            this.closeButtonLoading()
+            this.$refs.personnelInformationRef.submit((row) => {
+              this.openButtonLoading()
+              this.startProcessRollBack(row)
+            })
+          } else if (this.taskKey == 'PolicySolicitOpinionProcessKey2' ||
                             this.taskKey == 'PolicySolicitOpinionProcessKey4' ||
                             this.taskKey == 'PolicySolicitOpinionProcessKey5' ||
-                            this.taskKey == 'PolicySolicitOpinionProcessKey7') { //审核、审定、批准、责任人分配任务
-                            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 == 'PolicySolicitOpinionProcessKey3') {//起草修改
-                            this.closeButtonLoading()
-                            this.$refs.personnelInformationRef.submit((row) => {
-                                const json = Object.assign(this.dataForm, row);
-                                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 == 'PolicySolicitOpinionProcessKey8' ||
-                            this.taskKey == 'PolicySolicitOpinionProcessKey9') {//责任人任务处理
-                            this.closeButtonLoading()
-                            this.$refs.solicitationListRef.submit((row, ids) => {
-                                const json = Object.assign(this.dataForm);
-                                json.commentText = this.commentText
-                                json.approvalFlag = 0
-                                let query = {
-                                    form: json,
-                                    policySolicitOpinionEOList: row,
-                                    removeIds: ids,
-                                    commentText: this.commentText
-                                }
-                                this.openButtonLoading()
-                                this.completeTask(this.$route.query.taskIds, query)
-                            })
-                        } else if (this.taskKey == 'PolicySolicitOpinionProcessKey10' ||
+                            this.taskKey == 'PolicySolicitOpinionProcessKey7') { // 审核、审定、批准、责任人分配任务
+            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 == 'PolicySolicitOpinionProcessKey3') {// 起草修改
+            this.closeButtonLoading()
+            this.$refs.personnelInformationRef.submit((row) => {
+              const json = Object.assign(this.dataForm, row);
+              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 == 'PolicySolicitOpinionProcessKey8' ||
+                            this.taskKey == 'PolicySolicitOpinionProcessKey9') {// 责任人任务处理
+            this.closeButtonLoading()
+            this.$refs.solicitationListRef.submit((row, ids) => {
+              const json = Object.assign(this.dataForm);
+              json.commentText = this.commentText
+              json.approvalFlag = 0
+              const query = {
+                form: json,
+                policySolicitOpinionEOList: row,
+                removeIds: ids,
+                commentText: this.commentText
+              }
+              this.openButtonLoading()
+              this.completeTask(this.$route.query.taskIds, query)
+            })
+          } else if (this.taskKey == 'PolicySolicitOpinionProcessKey10' ||
                             this.taskKey == 'PolicySolicitOpinionProcessKey11' ||
                             this.taskKey == 'PolicySolicitOpinionProcessKey12' ||
                             this.taskKey == 'PolicySolicitOpinionProcessKey13' ||
                             this.taskKey == 'PolicySolicitOpinionProcessKey14' ||
                             this.taskKey == 'PolicySolicitOpinionProcessKey15' ||
-                            this.taskKey == 'PolicySolicitOpinionProcessKey16') {//责任人任务处理
-                            this.closeButtonLoading()
-                            this.$refs.solicitationListRef.save((row, ids) => {
-                                const json = Object.assign(this.dataForm);
-                                json.commentText = this.commentText
-                                json.approvalFlag = 0
-                                let query = {
-                                    form: json,
-                                    policySolicitOpinionEOList: row,
-                                    removeIds: ids,
-                                    commentText: this.commentText
-                                }
-                                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' ||
+                            this.taskKey == 'PolicySolicitOpinionProcessKey16') {// 责任人任务处理
+            this.closeButtonLoading()
+            this.$refs.solicitationListRef.save((row, ids) => {
+              const json = Object.assign(this.dataForm);
+              json.commentText = this.commentText
+              json.approvalFlag = 0
+              const query = {
+                form: json,
+                policySolicitOpinionEOList: row,
+                removeIds: ids,
+                commentText: this.commentText
+              }
+              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' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey10' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey11' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey12' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey13' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey14' ||
                     this.taskKey == 'PolicySolicitOpinionProcessKey15') {
-                    this.$refs.solicitationListRef.save((row, ids) => {
-                        const json = Object.assign(this.dataForm);
-                        json.commentText = this.commentText
-                        json.approvalFlag = 1
-                        let query = {
-                            form: json,
-                            policySolicitOpinionEOList: row,
-                            removeIds: ids,
-                            commentText: this.commentText
-                        }
-                        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
-                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: '33',
-                    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)
-                    }
-                }
-                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.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
-            },
-            internalReviewFlagChange() {
-                this.dataForm.zrdwUserId = ''
-                this.dataForm.zrdwUserName = ''
-                this.dataForm = {...this.dataForm}
-            },
-            getData() {
-                this.dataLoading = true
-                return new Promise((resolve, reject) => {
-                    inboundLiaisonDetail({
-                        taskIds: this.$route.query.taskIds,
-                        pId: this.$route.query.prcId
-                    }).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)
-                }
-            },
-            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.commentText = mes.commentText
-                    this.dataLoading = false
-                });
-            },
+        this.$refs.solicitationListRef.save((row, ids) => {
+          const json = Object.assign(this.dataForm);
+          json.commentText = this.commentText
+          json.approvalFlag = 1
+          const query = {
+            form: json,
+            policySolicitOpinionEOList: row,
+            removeIds: ids,
+            commentText: this.commentText
+          }
+          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
+      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: '33',
+        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)
+        }
+      }
+      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.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
+    },
+    internalReviewFlagChange () {
+      this.dataForm.zrdwUserId = ''
+      this.dataForm.zrdwUserName = ''
+      this.dataForm = { ...this.dataForm }
+    },
+    getData () {
+      this.dataLoading = true
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).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)
+      }
+    },
+    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.commentText = mes.commentText
+        this.dataLoading = false
+      });
+    },
+  }
+}
 </script>
 
 <style lang="less" scoped>
@@ -897,7 +969,6 @@
             width: 30%;
         }
 
-
         position: relative;
         height: 100%;