合规项填写校验（z)

src/pages/processCenter/pages/creatProcess/xmpg/step4.vue

@@ -135,6 +135,11 @@
           <template slot="title">填写信息</template>
         </process-title>
         <div class="tableTitle">
+          <div class="tableButton">
+            <el-button :disabled="acceptShow" class="common-button-primary add-button" type="primary" size="mini"
+                       @click="batchEdit">批量编辑
+            </el-button>
+          </div>
         </div>
         <el-table
           ref="multipleTable"
@@ -143,7 +148,7 @@
           style="width: 100%"
           border
           @selection-change="selectStandChange"
-          height="56%"
+          height="48%"
           :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
              fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
           <el-table-column
@@ -211,10 +216,6 @@
               <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format("YYYY-MM-DD") : "" }}</span>
             </template>
           </el-table-column>
-<!--          <el-table-column-->
-<!--            prop="productType"-->
-<!--            align="center"-->
-<!--            label="在研产品">-->
             <el-table-column
               prop="researchCompliance"
               align="center"
@@ -233,6 +234,7 @@
                 <el-input
                    v-else
                    :disabled="acceptShow"
+                   clearable
                    @click.native="handlePrice(scope.row)"
                     v-model="dataList[scope.$index].complianceReasons"
                     placeholder="请输入合规原因"
@@ -309,6 +311,7 @@
                       :disabled="acceptShow"
                       class="datePickLen"
                       clearable
+                      value-format="yyyy-MM-dd HH:mm:ss"
                       @click.native="handlePrice(scope.row)"
                       v-model="dataList[scope.$index].completionTime"
                       type="date"
@@ -317,104 +320,6 @@
                 </template>
               </el-table-column>
             </el-table-column>
-<!--          </el-table-column>-->
-<!--          <el-table-column-->
-<!--            align="center"-->
-<!--            label="在产产品">-->
-<!--            <el-table-column-->
-<!--              prop="productionCompliance"-->
-<!--              align="center"-->
-<!--              width="160"-->
-<!--              label="合规(具体情况)">-->
-<!--              <template slot-scope="scope">-->
-<!--                <el-input-->
-<!--                    v-if="dataList[scope.$index].zcNoCompliance && dataList[scope.$index].zcNoCompliance.length>0-->
-<!--                    || dataList[scope.$index].zcCountermeasures && dataList[scope.$index].zcCountermeasures>0-->
-<!--                    || dataList[scope.$index].zcCompletionTime && dataList[scope.$index].zcCompletionTime !== null"-->
-<!--                    disabled-->
-<!--                  v-model="dataList[scope.$index].zcComplianceReasons"-->
-<!--                  placeholder="请输入合规原因"-->
-<!--                >-->
-<!--                </el-input>-->
-<!--                <el-input-->
-<!--                    v-else-->
-<!--                    v-model="dataList[scope.$index].zcComplianceReasons"-->
-<!--                    placeholder="请输入合规原因"-->
-<!--                >-->
-<!--                </el-input>-->
-<!--              </template>-->
-<!--            </el-table-column>-->
-<!--            <el-table-column-->
-<!--              align="center"-->
-<!--              width="160"-->
-<!--              label="不合规">-->
-<!--              <el-table-column-->
-<!--                prop="productionNonCompliance"-->
-<!--                align="center"-->
-<!--                width="170"-->
-<!--                label="不合规项目">-->
-<!--                <template slot-scope="scope">-->
-<!--                  <el-input-->
-<!--                      v-if="dataList[scope.$index].zcComplianceReasons && dataList[scope.$index].zcComplianceReasons.length>0"-->
-<!--                      disabled-->
-<!--                    v-model="dataList[scope.$index].zcNoCompliance"-->
-<!--                    placeholder="请输入不合规项目"-->
-<!--                  >-->
-<!--                  </el-input>-->
-<!--                  <el-input-->
-<!--                      v-else-->
-<!--                      v-model="dataList[scope.$index].zcNoCompliance"-->
-<!--                      placeholder="请输入不合规项目"-->
-<!--                  >-->
-<!--                  </el-input>-->
-<!--                </template>-->
-<!--              </el-table-column>-->
-<!--              <el-table-column-->
-<!--                prop="productionCountermeasures"-->
-<!--                align="center"-->
-<!--                width="160"-->
-<!--                label="应对措施">-->
-<!--                <template slot-scope="scope">-->
-<!--                  <el-input-->
-<!--                      v-if="dataList[scope.$index].zcComplianceReasons && dataList[scope.$index].zcComplianceReasons.length>0"-->
-<!--                      disabled-->
-<!--                    v-model="dataList[scope.$index].zcCountermeasures"-->
-<!--                    placeholder="请输入应对措施"-->
-<!--                  >-->
-<!--                  </el-input>-->
-<!--                  <el-input-->
-<!--                      v-else-->
-<!--                      v-model="dataList[scope.$index].zcCountermeasures"-->
-<!--                      placeholder="请输入应对措施"-->
-<!--                  >-->
-<!--                  </el-input>-->
-<!--                </template>-->
-<!--              </el-table-column>-->
-<!--              <el-table-column-->
-<!--                prop="productionCompletionTime"-->
-<!--                align="center"-->
-<!--                width="140"-->
-<!--                label="完成时间">-->
-<!--                <template slot-scope="scope">-->
-<!--                  <el-date-picker-->
-<!--                      v-if="dataList[scope.$index].zcComplianceReasons && dataList[scope.$index].zcComplianceReasons.length>0"-->
-<!--                      disabled-->
-<!--                    v-model="dataList[scope.$index].zcCompletionTime"-->
-<!--                    type="date"-->
-<!--                    placeholder="请选择日期">-->
-<!--                  </el-date-picker>-->
-<!--                  <el-date-picker-->
-<!--                      v-else-->
-<!--                      class="datePickLen"-->
-<!--                      clearable-->
-<!--                      v-model="dataList[scope.$index].zcCompletionTime"-->
-<!--                      type="date"-->
-<!--                      placeholder="请选择日期">-->
-<!--                  </el-date-picker>-->
-<!--                </template>-->
-<!--              </el-table-column>-->
-<!--            </el-table-column>-->
-<!--          </el-table-column>-->
         </el-table>
       </div>
       <div>
@@ -525,6 +430,96 @@
         @checkedRole="checkedTransferRole"
         :nodeList="nodeList"
     ></Role-tree>
+<!--    批量编辑弹窗-->
+    <el-drawer
+      title="批量填写"
+      :visible.sync="modalShowFlag"
+      :wrapperClosable="false"
+      size="800px">
+      <div class="demo-drawer-content">
+        <el-form :model="batchEditForm" class="label-input-form" ref="projectComplianceForm" label-width="150">
+          <!--          <el-divider><span><b>在研产品</b></span></el-divider>-->
+          <el-formItem label="合规原因" class="add-form-item">
+            <el-input
+              v-if="batchEditForm.noCompliance && batchEditForm.noCompliance.length>0
+                    || batchEditForm.countermeasures && batchEditForm.countermeasures.length>0
+                    || batchEditForm.completionTime && batchEditForm.completionTime !== null"
+              disabled
+              v-model="batchEditForm.complianceReasons"
+              placeholder="请输入合规原因"
+            >
+            </el-input>
+            <el-input
+              v-else
+              :disabled="acceptShow"
+              v-model="batchEditForm.complianceReasons"
+              placeholder="请输入合规原因"
+            >
+            </el-input>
+          </el-formItem>
+          <el-form-item label="不合规项目" class="add-form-item">
+            <el-input
+              v-if="batchEditForm.complianceReasons && batchEditForm.complianceReasons.length>0"
+              disabled
+              v-model="batchEditForm.noCompliance"
+              placeholder="请输入不合规项目"
+            >
+            </el-input>
+            <el-input
+              v-else
+              :disabled="acceptShow"
+              v-model="batchEditForm.noCompliance"
+              placeholder="请输入不合规项目"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="不合规应对措施" class="add-form-item">
+            <el-input
+              v-if="batchEditForm.complianceReasons && batchEditForm.complianceReasons.length>0"
+              disabled
+              v-model="batchEditForm.countermeasures"
+              placeholder="请输入不合规应对措施"
+            >
+            </el-input>
+            <el-input
+              v-else
+              :disabled="acceptShow"
+              v-model="batchEditForm.countermeasures"
+              placeholder="请输入不合规应对措施"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="完成时间" class="add-form-item">
+            <el-date-picker
+              v-if="batchEditForm.complianceReasons && batchEditForm.complianceReasons.length>0"
+              disabled
+              v-model="batchEditForm.completionTime"
+              type="date"
+              placeholder="请选择日期">
+            </el-date-picker>
+            <el-date-picker
+              v-else
+              :disabled="acceptShow"
+              class="datePickLen"
+              clearable
+              value-format="yyyy-MM-dd HH:mm:ss"
+              v-model="batchEditForm.completionTime"
+              type="date"
+              placeholder="请选择日期">
+            </el-date-picker>
+          </el-form-item>
+          <br>
+        </el-form>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary"
+                   @click="saveBatchEditForm">
+          确定
+        </el-button>
+        <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancelBatchEditForm">取消
+        </el-button>
+      </div>
+    </el-drawer>
   </div>
 </template>
 
@@ -546,12 +541,24 @@ export default {
     return {
       //折叠的标志，true为折叠，false为不折叠
       foldFormFlag: false,
-      comFlag: true,
+      comFlag: 0,
       nodeList:[],
       drawerTitle:'',
       isTransfer: false,
       // 调整处理人抽屉状态
       drawerModal: false,
+      modalShowFlag: false, // 批量编辑开关
+      batchEditForm: {
+        // 在研产品
+        // 合规
+        complianceReasons: "",
+        // 不合规
+        noCompliance: "",
+        // 应对措施
+        countermeasures: "",
+        // 完成时间
+        completionTime: "",
+      },
       detailData: [],
       sarProStateTableHeight: null, // 项目列表高度
       // 当前流程类型(1待办/2已办)
@@ -735,6 +742,12 @@ export default {
               item.implementer = this.$store.getters.userInfo.userName;
             });
             this.dataList = item.step3DTOS;
+            this.dataList.forEach(item => {
+              this.$set(item,'complianceReasons', '')
+              this.$set(item,'noCompliance', '')
+              this.$set(item,'countermeasures', '')
+              this.$set(item,'completionTime', '')
+            })
 
           } else {
             this.dataList = item.dataList;
@@ -800,40 +813,76 @@ export default {
     },
     handlePrice(row){
       if(row.complianceReasons !== '' || (row.noCompliance !== '' && row.countermeasures !== '' && row.completionTime !== '') || (row.complianceReasons === '' && row.noCompliance === '' && row.countermeasures === '' && row.completionTime === '')){
-        this.comFlag = true
+        this.comFlag = 0
       }else{
-        this.comFlag = false
+        this.comFlag = this.comFlag + 1
       }
     },
     //提交事件
     handleSubmit() {
-      if(!this.comFlag) {
+      if(this.comFlag > 0) {
         this.$message.warning('请填写完整的不符合项信息')
       }else{
-        this.listForm.prcCreateUser = this.$store.getters.userInfo.userId;
+        // this.listForm.prcCreateUser = this.$store.getters.userInfo.userId;
-        this.listForm.commentText = this.commentText;
+        // this.listForm.commentText = this.commentText;
-        this.listForm.approvalOpinion = "";
+        // this.listForm.approvalOpinion = "";
-        this.listForm.signFlag = "";
+        // this.listForm.signFlag = "";
-        this.listForm.dataList = this.dataList;
+        // this.listForm.dataList = this.dataList;
-        const json = JSON.stringify(this.listForm);
+        // const json = JSON.stringify(this.listForm);
-        this.isSubmit = true;
+        // this.isSubmit = true;
-        this.$http.post("lawss/activiti/completeTask", {
+        // this.$http.post("lawss/activiti/completeTask", {
-          taskIds: this.taskIds,
+        //   taskIds: this.taskIds,
-          userId: this.userId,
+        //   userId: this.userId,
-          json: json
+        //   json: json
-        }, {
+        // }, {
-          _this: this
+        //   _this: this
-        }, res => {
+        // }, res => {
-          if (res.success) {
+        //   if (res.success) {
-            this.$message.success(res.message);
+        //     this.$message.success(res.message);
-            this.$router.push("/processCenter");
+        //     this.$router.push("/processCenter");
-          }
+        //   }
-          this.isSubmit = false;
+        //   this.isSubmit = false;
-        }, e => {
+        // }, e => {
-
+        //
-        });
+        // });
       }
     },
+    //批量编辑
+    batchEdit() {
+      if (this.selectList.length > 0) {
+        //合规
+        this.batchEditForm.complianceReasons = "";
+        //不合规
+        this.batchEditForm.noCompliance = "";
+        //应对措施
+        this.batchEditForm.countermeasures = "";
+        //完成时间
+        this.batchEditForm.completionTime = "";
+        this.modalShowFlag = true;
+      } else {
+        this.$message.warning("请选择要编辑的数据");
+      }
+    },
+    //批量编辑确定按钮事件
+    saveBatchEditForm() {
+      this.dataList.forEach(item => {
+        this.selectList.forEach(items => {
+          if (item.id === items) {
+            item.complianceReasons = this.batchEditForm.complianceReasons;
+            //不合规
+            item.noCompliance = this.batchEditForm.noCompliance;
+            //应对措施
+            item.countermeasures = this.batchEditForm.countermeasures;
+            //完成时间
+            item.completionTime = this.batchEditForm.completionTime;
+          }
+        });
+      });
+      this.modalShowFlag = false;
+    },
+    cancelBatchEditForm() {
+      this.modalShowFlag = false;
+    },
     //标准表格选择框改变
     selectStandChange(data) {
       this.selectList = [];