style: 格式化

src/pages/processCenter/pages/creatProcess/policyComplianceReview/index.vue

@@ -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' : ''"
+      <div
-                 @click="handleTabs('2')">人员信息
+        v-if="showPersonnel"
+        class="headerTabsItem"
+        :class="active === '2' ? 'active' : ''"
+        @click="handleTabs('2')"
+      >
+        人员信息
       </div>
-            <div class="headerTabsItem" v-if="showApprovalHistory"
+      <div
-                 :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史
+        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">
+                  class="add-form-item form-item-disabled"
-                                    <el-date-picker :disabled="disabledXX"
+                >
+                  <el-date-picker
                     v-model="dataForm.endTime"
+                    :disabled="disabledXX"
                     type="date"
                     style="width: 100%"
-                                                    placeholder="请选择截止时间">
+                    placeholder="请选择截止时间"
-                                    </el-date-picker>
+                  />
                 </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">
+                  class="add-form-item form-item-disabled"
-                                    <el-date-picker :disabled="disabledXX"
+                >
+                  <el-date-picker
                     v-model="dataForm.approvalUnitDeadline"
+                    :disabled="disabledXX"
                     type="date"
                     style="width: 100%"
-                                                    placeholder="请选择责任单位截止时间">
+                    placeholder="请选择责任单位截止时间"
-                                    </el-date-picker>
+                  />
                 </el-form-item>
               </el-col>
             </el-row>
 
             <el-row :gutter="24">
               <el-col :span="12">
-                                <el-form-item label="模板"
+                <el-form-item
-                                              class="add-form-item form-item-disabled">
+                  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"
+                    <div
-                                             style="margin-right: 5px;padding-left: 10px">
+                      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"
+                        <el-button
-                                                           @click="clickButtonToUpload(item)"
+                          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"
+                <el-form-item
-                                              class="add-form-item form-item-disabled">
+                  label="责任人"
-                                    <el-input @click.native="selectOperation('责任人',dataForm.zrrUserIds,false)"
+                  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"
+                <el-form-item
-                                              class="add-form-item form-item-disabled">
+                  label="本单位审批人"
-                                    <el-input @click.native="selectOperation('审批人',dataForm.zrdwUserId,true)"
+                  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"
+                <el-form-item
-                                              class="add-form-item form-item-disabled">
+                  label="抄送人"
-                                    <el-input @click.native="selectOperation('抄送人',dataForm.csr2UserIds,false)"
+                  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'"
+    <div
-             style="padding-top: 20px">
+      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 ProcessHeader from '../../components/ProcessHeader';
-    import ProcessTitle from "../../components/ProcessTitle";
+import ProcessTitle from '../../components/ProcessTitle';
-    import ProcessFooter from "../../components/ProcessFooter";
+import ProcessFooter from '../../components/ProcessFooter';
-    import processFile from "../../components/processFile";
+import processFile from '../../components/processFile';
-    import approvalHistory from "./components/approvalHistory";//审批历史
+import approvalHistory from './components/approvalHistory';// 审批历史
-    import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
+import ApprovalHistory from '@/components/hzwlComponents/ApprovalHistory';
-    import personnelInformation from "./components/personnelInformation";//人员信息
+import personnelInformation from './components/personnelInformation';// 人员信息
-    import fetchList from "./components/fetchList";//未选择责任人时的列表
+import fetchList from './components/fetchList';// 未选择责任人时的列表
-    import businessDivisionList from "./components/businessDivisionList";//责任人为事业部时的列表
+import businessDivisionList from './components/businessDivisionList';// 责任人为事业部时的列表
-    import productPlanningList from "./components/productPlanningList";//责任人为产品规划部的列表
+import productPlanningList from './components/productPlanningList';// 责任人为产品规划部的列表
 import {
   queryTaskFirst,
   saveTaskFirst,
@@ -196,12 +236,12 @@
   changeAssigneeNew,
   queryZchgxxmscTaskDetail,
   saveTaskForPub,
-    } from "api/process";
+} from 'api/process';
-    import axios from "axios";
+import axios from 'axios';
-    import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+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('taskIds', this.$route.query.taskIds);
-                        _formData.append("json", JSON.stringify({
+          _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();
+        const _formData = new FormData();
-                    let dataForm = JSON.parse(JSON.stringify(this.dataForm))
+        const dataForm = JSON.parse(JSON.stringify(this.dataForm))
-                    _formData.append("taskIds", this.$route.query.taskIds);
+        _formData.append('taskIds', this.$route.query.taskIds);
-                    _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.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
                     this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
         if (this.dataForm.departmentType == 'undertaking') {// 事业部保存
-                        let _formData = new FormData();
+          const _formData = new FormData();
-                        let dataForm = JSON.parse(JSON.stringify(this.dataForm))
+          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();
+          const _formData = new FormData();
-                        let dataForm = JSON.parse(JSON.stringify(this.dataForm))
+          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();
+      const _formData = new FormData();
-                let json = this.dataForm
+      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('createUser', this.$store.getters.userInfo.userId);
-                _formData.append("createUserName", this.$store.getters.userInfo.userName);
+      _formData.append('createUserName', this.$store.getters.userInfo.userName);
-                _formData.append("prcType", "34");
+      _formData.append('prcType', '34');
-                _formData.append("json", JSON.stringify({
+      _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('事业')
+            const undertaking = this.departmentList[0].institutionName.includes('事业')
-                            let productPlanning = 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 = []
+      const ids = []
-                let names = []
+      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)