style: 格式化

2024-01-31 10:00:51 +08:00
parent f91978bba5
commit f7dd94511d
1 changed files with 913 additions and 873 deletions
@@ -6,14 +6,24 @@
    </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
+        v-if="showPersonnel"
+        class="headerTabsItem"
+        :class="active === '2' ? 'active' : ''"
+        @click="handleTabs('2')"
+      >
+        人员信息
      </div>
-            <div class="headerTabsItem" v-if="showApprovalHistory"
-                 :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史
+      <div
+        v-if="showApprovalHistory"
+        class="headerTabsItem"
+        :class="active === '3' ? 'active' : ''"
+        @click="handleTabs('3')"
+      >
+        审批历史
      </div>
    </div>
-        <div class="content" v-show="active === '1'">
+    <div v-show="active === '1'" class="content">
      <div style="flex: auto; overflow: auto;">
        <el-form
          ref="zczqyjForm"
@@ -28,64 +38,78 @@
          <div class="prc-content-border">
            <el-row :gutter="24">
              <el-col :span="12">
-                                <el-form-item label="截止时间"
+                <el-form-item
+                  label="截止时间"
                  :prop="!disabledXX ? 'endTime':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-date-picker :disabled="disabledXX"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-date-picker
                    v-model="dataForm.endTime"
+                    :disabled="disabledXX"
                    type="date"
                    style="width: 100%"
-                                                    placeholder="请选择截止时间">
-                                    </el-date-picker>
+                    placeholder="请选择截止时间"
+                  />
                </el-form-item>
              </el-col>
              <el-col :span="12">
-                                <el-form-item label="审批单位截止时间"
+                <el-form-item
+                  label="审批单位截止时间"
                  :prop="!disabledXX ? 'approvalUnitDeadline':''"
-                                              class="add-form-item form-item-disabled">
-                                    <el-date-picker :disabled="disabledXX"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-date-picker
                    v-model="dataForm.approvalUnitDeadline"
+                    :disabled="disabledXX"
                    type="date"
                    style="width: 100%"
-                                                    placeholder="请选择责任单位截止时间">
-                                    </el-date-picker>
+                    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-form-item
+                  label="模板"
+                  class="add-form-item form-item-disabled"
+                >
                  <el-input
+                    v-model="dataForm.templateFileId"
                    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
+                      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)"
+                        <el-button
+                          size="small"
                          icon="el-icon-download"
                          style="height: 32px; margin-left: 5px;"
-                                                ></el-button>
+                          @click="clickButtonToUpload(item)"
+                        />
                      </div>
                    </div>
                  </div>
                  <div>
-                                        <el-button v-if="!disabledXX
+                    <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)"
-                                                   size="mini">
+                    >
                      点击上传
                    </el-button>
                  </div>
@@ -93,44 +117,56 @@
              </el-col>
            </el-row>

-                        <el-row :gutter="24" v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey7' && !this.$route.query.operate">
+            <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 @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
+                <el-form-item
+                  label="责任人"
+                  prop="zrrUserNames"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
                    v-model="dataForm.zrrUserNames"
                    readonly
                    placeholder="请选择责任人"
                    clearable
-                                    ></el-input>
+                    @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
+                  />
                </el-form-item>
              </el-col>
            </el-row>

-                        <el-row :gutter="24" v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey9' && !this.$route.query.operate">
+            <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 @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
+                <el-form-item
+                  label="本单位审批人"
+                  prop="zrdwUserName"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
                    v-model="dataForm.zrdwUserName"
                    readonly
                    placeholder="请选择本单位审批人"
                    clearable
-                                    ></el-input>
+                    @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
+                  />
                </el-form-item>
              </el-col>
            </el-row>

-                        <el-row :gutter="24" v-if="taskKey == 'PolicyComplianceProgramReviewProcessKey15' && !this.$route.query.operate">
+            <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 @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
+                <el-form-item
+                  label="抄送人"
+                  prop="csr2UserNames"
+                  class="add-form-item form-item-disabled"
+                >
+                  <el-input
                    v-model="dataForm.csr2UserNames"
                    readonly
                    placeholder="请选择抄送人"
                    clearable
-                                    ></el-input>
+                    @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
+                  />
                </el-form-item>
              </el-col>
            </el-row>
@@ -139,17 +175,21 @@
        <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>
+        <ReceiptDescription v-if="showCommentText" v-model="commentText" title="意见填写" />
      </div>
    </div>
-        <div class="content" v-show="showPersonnel && active === '2'">
+    <div v-show="showPersonnel && active === '2'" class="content">
      <personnelInformation ref="personnelInformationRef" />
    </div>
-        <div class="content" v-if="showApprovalHistory && active === '3'"
-             style="padding-top: 20px">
+    <div
+      v-if="showApprovalHistory && active === '3'"
+      class="content"
+      style="padding-top: 20px"
+    >
      <ApprovalHistory />
    </div>
-        <ProcessFooter :show-submit="showSubmit"
+    <ProcessFooter
+      :show-submit="showSubmit"
      :show-save="showSave"
      :submitLoading="isSubmit"
      :rejectLoading="isReject"
@@ -160,35 +200,35 @@
      @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"/>
+      @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 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,
@@ -196,12 +236,12 @@
  changeAssigneeNew,
  queryZchgxxmscTaskDetail,
  saveTaskForPub,
-    } from "api/process";
-    import axios from "axios";
-    import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+} from 'api/process';
+import axios from 'axios';
+import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription';

 export default {
-        name: "index",
+  name: 'Index',
  components: {
    ReceiptDescription,
    ProcessHeader,
@@ -423,7 +463,7 @@
  },
  methods: {
    handlePreview (file) {
-                let attId = ""
+      let attId = ''
      if (file && file.id) {
        attId = file.id
      } else {
@@ -465,65 +505,65 @@
      if (!this.taskKey || this.taskKey == 'PolicyComplianceProgramReviewProcessKey1') {
        this.draftSaving()
      } else if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey3') {
-                    let _formData = new FormData();
+        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({
+          _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("保存成功");
+            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({
+        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("保存成功");
+          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))
+          const _formData = new FormData();
+          const dataForm = JSON.parse(JSON.stringify(this.dataForm))
          this.$refs.businessDivisionListRef.submit((row) => {
-                            _formData.append("taskIds", this.$route.query.taskIds);
+            _formData.append('taskIds', this.$route.query.taskIds);
            dataForm.sybDataList = row
-                            _formData.append("json", JSON.stringify({
+            _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("保存成功");
+              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))
+          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);
+            _formData.append('taskIds', this.$route.query.taskIds);
            dataForm.cpghbDataList = row
-                            _formData.append("json", JSON.stringify({
+            _formData.append('json', JSON.stringify({
              form: dataForm,
              commentText: this.commentText,
              removeIds: ids,
@@ -531,7 +571,7 @@
            }));
            saveTaskForPub(_formData).then(res => {
              this.closeButtonLoading()
-                                this.$message.success("保存成功");
+              this.$message.success('保存成功');
            }).catch(e => {
              this.closeButtonLoading()
            });
@@ -541,22 +581,22 @@
    },
    // 草稿保存
    draftSaving () {
-                let _formData = new FormData();
-                let json = this.dataForm
+      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({
+      _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.$message.success('保存成功');
        this.bpnId = res.result
      }).catch(e => {
        this.saveLoading = false;
@@ -586,33 +626,33 @@
            const json = Object.assign(this.dataForm);
            json.commentText = this.commentText
            json.approvalFlag = 0
-                            let query = {
+            const 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('产品规划')
+            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.$message.warning('只能选择同一个部门的人员');
                    this.closeButtonLoading()
                    return
                  }
                }
                if (productPlanning) {
                  if (this.departmentList[i].institutionName.includes('事业')) {
-                                            this.$message.warning("只能选择同一个部门的人员");
+                    this.$message.warning('只能选择同一个部门的人员');
                    this.closeButtonLoading()
                    return
                  }
                }
              } else {
-                                    this.$message.warning("只能选择事业部人员或产品规划部人员");
+                this.$message.warning('只能选择事业部人员或产品规划部人员');
                this.closeButtonLoading()
                return
              }
@@ -622,13 +662,13 @@
            } else if (undertaking) {
              this.dataForm.departmentType = 'undertaking' // 事业
            } else {
-                                this.$message.warning("请选择责任人");
+              this.$message.warning('请选择责任人');
              return
            }
            const json = Object.assign(this.dataForm);
            json.commentText = this.commentText
            json.approvalFlag = 0
-                            let query = {
+            const query = {
              form: json,
              commentText: this.commentText
            }
@@ -640,7 +680,7 @@
              json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
              json.commentText = this.commentText
              json.approvalFlag = 0
-                                let query = {
+              const query = {
                form: json,
                commentText: this.commentText
              }
@@ -657,7 +697,7 @@
                json.commentText = this.commentText
                json.sybDataList = row
                json.approvalFlag = 0
-                                    let query = {
+                const query = {
                  form: json,
                  commentText: this.commentText
                }
@@ -670,7 +710,7 @@
                json.commentText = this.commentText
                json.cpghbDataList = row
                json.approvalFlag = 0
-                                    let query = {
+                const query = {
                  form: json,
                  commentText: this.commentText,
                  removeIds: ids,
@@ -705,7 +745,7 @@
            json.commentText = this.commentText
            json.sybDataList = row
            json.approvalFlag = 1
-                            let query = {
+            const query = {
              form: json,
              commentText: this.commentText
            }
@@ -718,7 +758,7 @@
            json.commentText = this.commentText
            json.cpghbDataList = row
            json.approvalFlag = 1
-                            let query = {
+            const query = {
              form: json,
              commentText: this.commentText,
              removeIds: ids
@@ -731,7 +771,7 @@
        const json = Object.assign(this.dataForm);
        json.commentText = this.commentText
        json.approvalFlag = 1
-                    let query = {
+        const query = {
          form: json,
          commentText: this.commentText
        }
@@ -743,7 +783,7 @@
      const json = Object.assign(this.dataForm, roleForm);
      json.commentText = this.commentText
      json.infoTableDatas = this.$refs.fetchListRef.infoTableDatas
-                let query = {
+      const query = {
        form: json,
        commentText: this.commentText
      }
@@ -773,14 +813,14 @@
          if (this.bpnId) {
            this.taskDel()
          }
-                        this.$router.push("/processCenter");
+          this.$router.push('/processCenter');
        }
        this.closeButtonLoading()
      })
    },
    // 删除草稿
    taskDel () {
-                let taskId = {
+      const taskId = {
        id: this.bpnId
      }
      taskDel(taskId).then(res => {
@@ -795,8 +835,8 @@
      this.drawerModal = true
    },
    checkedRole (data) {
-                let ids = []
-                let names = []
+      const ids = []
+      const names = []
      if (data && data.length > 0) {
        for (let i = 0; i < data.length; i++) {
          ids.push(data[i].id)
@@ -858,7 +898,7 @@
      this.title = title
      this.checkBox = isTrue
      this.selectType = title
-                let ids = id && id.length > 0 ? id.split(',') : []
+      const ids = id && id.length > 0 ? id.split(',') : []
      this.nodeList = ids
      this.drawerModal = true
    },
@@ -905,7 +945,7 @@
      queryTaskFirst({
        bpnId: this.bpnId
      }).then(res => {
-                    let mes = JSON.parse(res.mes);
+        const mes = JSON.parse(res.mes);
        this.dataForm = mes.form
        this.$refs.personnelInformationRef.getData(mes.roleForm)
        this.$refs.fetchListRef.getData(mes.form.infoTableDatas)