From efc0f3b5b6583f29a7b1e3ec49a6bcf84d1cf921 Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Tue, 28 Sep 2021 17:46:42 +0800
Subject: [PATCH] =?UTF-8?q?=20=E9=A1=B9=E7=9B=AE=E5=90=88=E8=A7=84?=
 =?UTF-8?q?=E8=AF=84=E4=BC=B0=E6=B5=81=E7=A8=8B=20=20=E9=99=90=E5=88=B6?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E8=BE=93=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/xmpg/step4.vue         | 85 +++++++++++++++++-
 .../pages/creatProcess/xmpg2/step6.vue        | 86 ++++++++++++++++++-
 2 files changed, 163 insertions(+), 8 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/xmpg/step4.vue b/src/pages/processCenter/pages/creatProcess/xmpg/step4.vue
index 1427aa536..25617f65b 100644
--- a/src/pages/processCenter/pages/creatProcess/xmpg/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/xmpg/step4.vue
@@ -220,10 +220,20 @@
               label="合规">
               <template slot-scope="scope">
                 <el-input
+                    v-if="dataList[scope.$index].noCompliance && dataList[scope.$index].noCompliance.length>0
+                    || dataList[scope.$index].countermeasures && dataList[scope.$index].countermeasures.length>0
+                    || dataList[scope.$index].completionTime && dataList[scope.$index].completionTime !== null"
+                    disabled
                   v-model="dataList[scope.$index].complianceReasons"
                   placeholder="请输入合规原因"
                 >
                 </el-input>
+                <el-input
+                   v-else
+                    v-model="dataList[scope.$index].complianceReasons"
+                    placeholder="请输入合规原因"
+                >
+                </el-input>
               </template>
             </el-table-column>
             <el-table-column
@@ -238,10 +248,18 @@
                 label="不合规项目">
                 <template slot-scope="scope">
                   <el-input
+                      v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
+                      disabled
                     v-model="dataList[scope.$index].noCompliance"
                     placeholder="请输入不合规项目"
                   >
                   </el-input>
+                  <el-input
+                      v-else
+                      v-model="dataList[scope.$index].noCompliance"
+                      placeholder="请输入不合规项目"
+                  >
+                  </el-input>
                 </template>
               </el-table-column>
               <el-table-column
@@ -251,22 +269,40 @@
                 label="应对措施">
                 <template slot-scope="scope">
                   <el-input
+                      v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
+                      disabled
                     v-model="dataList[scope.$index].countermeasures"
                     placeholder="请输入应对措施"
                   >
                   </el-input>
+                  <el-input
+                      v-else
+                      v-model="dataList[scope.$index].countermeasures"
+                      placeholder="请输入应对措施"
+                  >
+                  </el-input>
                 </template>
               </el-table-column>
               <el-table-column
                 prop="researchCompletionTime"
                 align="center"
-                width="120"
+                width="140"
                 label="完成时间">
                 <template slot-scope="scope">
                   <el-date-picker
+                      v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
+                      disabled
                     v-model="dataList[scope.$index].completionTime"
                     type="date"
-                    placeholder="选择日期">
+                    placeholder="请选择日期">
+                  </el-date-picker>
+                  <el-date-picker
+                      v-else
+                      class="datePickLen"
+                      clearable
+                      v-model="dataList[scope.$index].completionTime"
+                      type="date"
+                      placeholder="请选择日期">
                   </el-date-picker>
                 </template>
               </el-table-column>
@@ -282,10 +318,20 @@
               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
@@ -299,10 +345,18 @@
                 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
@@ -312,22 +366,40 @@
                 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="120"
+                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="选择日期">
+                    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>
@@ -810,6 +882,11 @@ export default {
         height: 100%;
       }
     }
+    .datePickLen {
+      /deep/ .el-icon-circle-close:before {
+        margin-left: -180px;
+      }
+    }
     .input-jump {
       /deep/.el-input__inner{
         color: #409EFF;
diff --git a/src/pages/processCenter/pages/creatProcess/xmpg2/step6.vue b/src/pages/processCenter/pages/creatProcess/xmpg2/step6.vue
index aa5ffa79c..1d608e3e5 100644
--- a/src/pages/processCenter/pages/creatProcess/xmpg2/step6.vue
+++ b/src/pages/processCenter/pages/creatProcess/xmpg2/step6.vue
@@ -132,10 +132,20 @@
               label="合规">
               <template slot-scope="scope">
                 <el-input
+                    v-if="scope.row.noCompliance && scope.row.noCompliance.length>0
+                    || scope.row.countermeasures && scope.row.countermeasures.length>0
+                    || scope.row.completionTime && scope.row.completionTime !== null"
+                    disabled
                   v-model="scope.row.complianceReasons"
                   placeholder="请输入合规原因"
                 >
                 </el-input>
+                <el-input
+                    v-else
+                    v-model="scope.row.complianceReasons"
+                    placeholder="请输入合规原因"
+                >
+                </el-input>
               </template>
             </el-table-column>
             <el-table-column
@@ -150,10 +160,18 @@
                 label="不合规项目">
                 <template slot-scope="scope">
                   <el-input
+                      v-if="scope.row.complianceReasons && scope.row.complianceReasons.length>0"
+                      disabled
                     v-model="scope.row.noCompliance"
                     placeholder="请输入不合规项目"
                   >
                   </el-input>
+                  <el-input
+                      v-else
+                      v-model="scope.row.noCompliance"
+                      placeholder="请输入不合规项目"
+                  >
+                  </el-input>
                 </template>
               </el-table-column>
               <el-table-column
@@ -163,22 +181,40 @@
                 label="应对措施">
                 <template slot-scope="scope">
                   <el-input
+                      v-if="scope.row.complianceReasons && scope.row.complianceReasons.length>0"
+                      disabled
                     v-model="scope.row.countermeasures"
                     placeholder="请输入应对措施"
                   >
                   </el-input>
+                  <el-input
+                      v-else
+                      v-model="scope.row.countermeasures"
+                      placeholder="请输入应对措施"
+                  >
+                  </el-input>
                 </template>
               </el-table-column>
               <el-table-column
                 prop="researchCompletionTime"
                 align="center"
-                width="120"
+                width="140"
                 label="完成时间">
                 <template slot-scope="scope">
                   <el-date-picker
+                      v-if="scope.row.complianceReasons && scope.row.complianceReasons.length>0"
+                      disabled
                     v-model="scope.row.completionTime"
                     type="date"
-                    placeholder="选择日期">
+                    placeholder="请选择日期">
+                  </el-date-picker>
+                  <el-date-picker
+                      v-else
+                      class="datePickLen"
+                      clearable
+                      v-model="scope.row.completionTime"
+                      type="date"
+                      placeholder="请选择日期">
                   </el-date-picker>
                 </template>
               </el-table-column>
@@ -194,10 +230,20 @@
               label="合规(具体情况)">
               <template slot-scope="scope">
                 <el-input
+                    v-if="scope.row.zcNoCompliance && scope.row.zcNoCompliance.length>0
+                    || scope.row.zcCountermeasures && scope.row.zcCountermeasures>0
+                    || scope.row.zcCompletionTime && scope.row.zcCompletionTime !== null"
+                    disabled
                   v-model="scope.row.zcComplianceReasons"
                   placeholder="请输入合规原因"
                 >
                 </el-input>
+                <el-input
+                    v-else
+                    v-model="scope.row.zcComplianceReasons"
+                    placeholder="请输入合规原因"
+                >
+                </el-input>
               </template>
             </el-table-column>
             <el-table-column
@@ -211,10 +257,18 @@
                 label="不合规项目">
                 <template slot-scope="scope">
                   <el-input
+                      v-if="scope.row.zcComplianceReasons && scope.row.zcComplianceReasons.length>0"
+                      disabled
                     v-model="scope.row.zcNoCompliance"
                     placeholder="请输入不合规项目"
                   >
                   </el-input>
+                  <el-input
+                      v-else
+                      v-model="scope.row.zcNoCompliance"
+                      placeholder="请输入不合规项目"
+                  >
+                  </el-input>
                 </template>
               </el-table-column>
               <el-table-column
@@ -224,22 +278,40 @@
                 label="应对措施">
                 <template slot-scope="scope">
                   <el-input
+                      v-if="scope.row.zcComplianceReasons && scope.row.zcComplianceReasons.length>0"
+                      disabled
                     v-model="scope.row.zcCountermeasures"
                     placeholder="请输入应对措施"
                   >
                   </el-input>
+                  <el-input
+                      v-else
+                      v-model="scope.row.zcCountermeasures"
+                      placeholder="请输入应对措施"
+                  >
+                  </el-input>
                 </template>
               </el-table-column>
               <el-table-column
                 prop="productionCompletionTime"
                 align="center"
-                width="120"
+                width="140"
                 label="完成时间">
                 <template slot-scope="scope">
                   <el-date-picker
+                      v-if="scope.row.zcComplianceReasons && scope.row.zcComplianceReasons.length>0"
+                      disabled
                     v-model="scope.row.zcCompletionTime"
                     type="date"
-                    placeholder="选择日期">
+                    placeholder="请选择日期">
+                  </el-date-picker>
+                  <el-date-picker
+                      v-else
+                      class="datePickLen"
+                      clearable
+                      v-model="scope.row.zcCompletionTime"
+                      type="date"
+                      placeholder="请选择日期">
                   </el-date-picker>
                 </template>
               </el-table-column>
@@ -896,6 +968,12 @@ export default {
     .accessStandardsAndRegulations {
       height: 100%;
     }
+
+    .datePickLen {
+      /deep/ .el-icon-circle-close:before {
+        margin-left: -180px;
+      }
+    }
   }
 
   .demo-drawer-content {