From c4c807f8c8d6f8ca7acde07afdd444e99e403818 Mon Sep 17 00:00:00 2001
From: zhaowei <zhaowei>
Date: 星期三, 02 七月 2025 17:42:52 +0800
Subject: [PATCH] 优化设备台账页面样式

---
 src/views/eam/equipment/modules/EamEquipmentModal.vue |  508 ++++++++++++++++++++++++++++++--------------------------
 1 files changed, 270 insertions(+), 238 deletions(-)

diff --git a/src/views/eam/equipment/modules/EamEquipmentModal.vue b/src/views/eam/equipment/modules/EamEquipmentModal.vue
index 88767b5..5bc74b5 100644
--- a/src/views/eam/equipment/modules/EamEquipmentModal.vue
+++ b/src/views/eam/equipment/modules/EamEquipmentModal.vue
@@ -9,254 +9,286 @@
     @ok="handleOk"
     @cancel="handleCancel"
     cancelText="鍏抽棴">
-    <a-spin :spinning="confirmLoading">
-      <j-form-container :disabled="disableSubmit">
-        <a-form-model ref="form" :model="model" :rules="validatorRules" :labelCol="labelCol"
-                      :wrapperCol="wrapperCol" slot="detail">
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鍏抽敭璁惧鏍囪瘑">
-                <j-dict-select-tag dict-code="equipment_importance" placeholder="璇疯緭鍏ュ叧閿澶囨爣璇�"
-                                   v-model="model.equipmentImportance"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item prop="equipmentCode" label="缁熶竴缂栫爜">
-                <a-input placeholder="璇疯緭鍏ョ粺涓�缂栫爜" v-model="model.equipmentCode"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item prop="equipmentName" label="璁惧鍚嶇О">
-                <a-input placeholder="璇疯緭鍏ヨ澶囧悕绉�" v-model="model.equipmentName"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item prop="factoryOrgCode" label="浣跨敤閮ㄩ棬">
-                <a-tree-select v-model="model.factoryOrgCode" style="width: 100%" show-search
-                               :tree-data="productionTreeData" :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-                               placeholder="璇烽�夋嫨浣跨敤閮ㄩ棬" allow-clear treeNodeFilterProp="title"
-                               :replaceFields="{key:'orgCode',value:'orgCode'}"
-                               searchPlaceholder="璇疯緭鍏ュ叧閿瓧鎼滅储" tree-default-expand-all/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+    <a-tabs tab-position="left">
+      <a-tab-pane tab="鍩虹淇℃伅" :key="1">
+        <a-spin :spinning="confirmLoading">
+          <j-form-container :disabled="disableSubmit">
+            <a-form-model ref="form" :model="model" :rules="validatorRules" :labelCol="labelCol"
+                          :wrapperCol="wrapperCol" slot="detail">
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鍏抽敭璁惧鏍囪瘑">
+                    <j-dict-select-tag dict-code="equipment_importance" placeholder="璇疯緭鍏ュ叧閿澶囨爣璇�"
+                                       v-model="model.equipmentImportance"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item prop="equipmentCode" label="缁熶竴缂栫爜">
+                    <a-input placeholder="璇疯緭鍏ョ粺涓�缂栫爜" v-model="model.equipmentCode"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item prop="equipmentName" label="璁惧鍚嶇О">
+                    <a-input placeholder="璇疯緭鍏ヨ澶囧悕绉�" v-model="model.equipmentName"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item prop="factoryOrgCode" label="浣跨敤閮ㄩ棬">
+                    <a-tree-select v-model="model.factoryOrgCode" style="width: 100%" show-search
+                                   :tree-data="productionTreeData"
+                                   :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+                                   placeholder="璇烽�夋嫨浣跨敤閮ㄩ棬" allow-clear treeNodeFilterProp="title"
+                                   :replaceFields="{key:'orgCode',value:'orgCode'}"
+                                   searchPlaceholder="璇疯緭鍏ュ叧閿瓧鎼滅储" tree-default-expand-all/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item prop="equipmentCategory" label="鎵�灞炲垎绫�">
-                <j-dict-select-tag dict-code="equipment_category" placeholder="璇烽�夋嫨鎵�灞炲垎绫�"
-                                   v-model="model.equipmentCategory"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璐ㄤ繚寮�濮嬫棩鏈�">
-                <a-date-picker v-model="model.warrantyStartDate" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璐ㄤ繚缁撴潫鏃ユ湡">
-                <a-date-picker v-model="model.warrantyEndDate" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="ABC鏍囪瘑">
-                <j-dict-select-tag dict-code="abc_flag" placeholder="璇烽�夋嫨ABC鏍囪瘑" v-model="model.abcFlag"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item prop="equipmentCategory" label="鎵�灞炲垎绫�">
+                    <j-dict-select-tag dict-code="equipment_category" placeholder="璇烽�夋嫨鎵�灞炲垎绫�"
+                                       v-model="model.equipmentCategory"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璐ㄤ繚寮�濮嬫棩鏈�">
+                    <a-date-picker v-model="model.warrantyStartDate" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璐ㄤ繚缁撴潫鏃ユ湡">
+                    <a-date-picker v-model="model.warrantyEndDate" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="ABC鏍囪瘑">
+                    <j-dict-select-tag dict-code="abc_flag" placeholder="璇烽�夋嫨ABC鏍囪瘑" v-model="model.abcFlag"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item prop="repairDepartOrgCode" label="缁翠慨鐝粍">
-                <a-input placeholder="璇烽�夋嫨缁翠慨鐝粍" v-model="model.repairDepartOrgCode"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="瀹夊叏閰嶇疆">
-                <a-input placeholder="璇疯緭鍏ュ畨鍏ㄩ厤缃�" v-model="model.securityConfiguration"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item prop="repairDepartOrgCode" label="缁翠慨鐝粍">
+                    <a-input placeholder="璇烽�夋嫨缁翠慨鐝粍" v-model="model.repairDepartOrgCode"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="瀹夊叏閰嶇疆">
+                    <a-input placeholder="璇疯緭鍏ュ畨鍏ㄩ厤缃�" v-model="model.securityConfiguration"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鍐峰嵈绯荤粺">
-                <j-dict-select-tag dict-code="cooling_system" placeholder="璇烽�夋嫨鍐峰嵈绯荤粺" v-model="model.coolSystem"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鐏伀鍣�">
-                <a-input placeholder="璇疯緭鍏ョ伃鐏櫒" v-model="model.fireExtinguisher"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鐏伀鍣ㄦ湁鏁堟湡">
-                <a-date-picker v-model="model.fireExtinguisherExpirationDate" value-format="YYYY-MM-DD"
-                               style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鎿嶄綔绯荤粺">
-                <j-dict-select-tag dict-code="yn " type="radio" v-model="model.operationSystem"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鍐峰嵈绯荤粺">
+                    <j-dict-select-tag dict-code="cooling_system" placeholder="璇烽�夋嫨鍐峰嵈绯荤粺" v-model="model.coolSystem"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鐏伀鍣�">
+                    <a-input placeholder="璇疯緭鍏ョ伃鐏櫒" v-model="model.fireExtinguisher"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鐏伀鍣ㄦ湁鏁堟湡">
+                    <a-date-picker v-model="model.fireExtinguisherExpirationDate" value-format="YYYY-MM-DD"
+                                   style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鎿嶄綔绯荤粺">
+                    <j-dict-select-tag dict-code="yn " type="radio" v-model="model.operationSystem"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="绯荤粺">
-                <a-input placeholder="璇疯緭鍏ョ郴缁�" v-model="model.system"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璁惧绔彛">
-                <a-input placeholder="璇疯緭鍏ヨ澶囩鍙�" v-model="model.equipmentPort"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鍧愭爣鏁伴噺">
-                <a-input-number placeholder="璇疯緭鍏ュ潗鏍囨暟閲�" v-model="model.coordinateNum" :min="0" style="width: 100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="閲嶉噺">
-                <a-input-number placeholder="璇疯緭鍏ラ噸閲�" v-model="model.equipmentWeight" :min="0" style="width: 100%"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="绯荤粺">
+                    <a-input placeholder="璇疯緭鍏ョ郴缁�" v-model="model.system"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璁惧绔彛">
+                    <a-input placeholder="璇疯緭鍏ヨ澶囩鍙�" v-model="model.equipmentPort"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鍧愭爣鏁伴噺">
+                    <a-input-number placeholder="璇疯緭鍏ュ潗鏍囨暟閲�" v-model="model.coordinateNum" :min="0" style="width: 100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="閲嶉噺">
+                    <a-input-number placeholder="璇疯緭鍏ラ噸閲�" v-model="model.equipmentWeight" :min="0" style="width: 100%"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="閲嶉噺璁¢噺鍗曚綅">
-                <a-input placeholder="璇疯緭鍏ラ噸閲忚閲忓崟浣�" v-model="model.weightUnit"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鍔熻兘浣嶇疆">
-                <a-input placeholder="璇疯緭鍏ュ姛鑳戒綅缃�" v-model="model.functionalLocation"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="瀹夎浣嶇疆">
-                <a-input placeholder="璇疯緭鍏ュ畨瑁呬綅缃�" v-model="model.installationPosition"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鍑哄巶鏃ユ湡">
-                <a-date-picker v-model="model.leaveFactoryDate" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="閲嶉噺璁¢噺鍗曚綅">
+                    <a-input placeholder="璇疯緭鍏ラ噸閲忚閲忓崟浣�" v-model="model.weightUnit"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鍔熻兘浣嶇疆">
+                    <a-input placeholder="璇疯緭鍏ュ姛鑳戒綅缃�" v-model="model.functionalLocation"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="瀹夎浣嶇疆">
+                    <a-input placeholder="璇疯緭鍏ュ畨瑁呬綅缃�" v-model="model.installationPosition"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鍑哄巶鏃ユ湡">
+                    <a-date-picker v-model="model.leaveFactoryDate" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="绔嬮」鍗″彿">
-                <a-input placeholder="璇疯緭鍏ョ珛椤瑰崱鍙�" v-model="model.cardNumber"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璧勯噾鏉ユ簮">
-                <a-input placeholder="璇疯緭鍏ヨ祫閲戞潵婧�" v-model="model.fundingSource"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="楠屾敹鏃ユ湡">
-                <a-date-picker v-model="model.acceptanceCheckDate" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鍑哄巶缂栧彿">
-                <a-input placeholder="璇疯緭鍏ュ嚭鍘傜紪鍙�" v-model="model.factoryNumber"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="绔嬮」鍗″彿">
+                    <a-input placeholder="璇疯緭鍏ョ珛椤瑰崱鍙�" v-model="model.cardNumber"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璧勯噾鏉ユ簮">
+                    <a-input placeholder="璇疯緭鍏ヨ祫閲戞潵婧�" v-model="model.fundingSource"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="楠屾敹鏃ユ湡">
+                    <a-date-picker v-model="model.acceptanceCheckDate" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鍑哄巶缂栧彿">
+                    <a-input placeholder="璇疯緭鍏ュ嚭鍘傜紪鍙�" v-model="model.factoryNumber"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璧勪骇鍒堕�犲晢">
-                <a-input placeholder="璇疯緭鍏ヨ祫浜у埗閫犲晢" v-model="model.manufacturingEnterprise"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璧勪骇鏉ユ簮鍥藉">
-                <a-input placeholder="璇疯緭鍏ヨ祫浜ф潵婧愬浗瀹�" v-model="model.originCountry"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鍨嬪彿">
-                <a-input placeholder="璇疯緭鍏ュ瀷鍙�" v-model="model.equipmentModel"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璁惧瑙勬牸">
-                <a-input placeholder="璇疯緭鍏ヨ澶囪鏍�" v-model="model.equipmentSpecification"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璧勪骇鍒堕�犲晢">
+                    <a-input placeholder="璇疯緭鍏ヨ祫浜у埗閫犲晢" v-model="model.manufacturingEnterprise"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璧勪骇鏉ユ簮鍥藉">
+                    <a-input placeholder="璇疯緭鍏ヨ祫浜ф潵婧愬浗瀹�" v-model="model.originCountry"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鍨嬪彿">
+                    <a-input placeholder="璇疯緭鍏ュ瀷鍙�" v-model="model.equipmentModel"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璁惧瑙勬牸">
+                    <a-input placeholder="璇疯緭鍏ヨ澶囪鏍�" v-model="model.equipmentSpecification"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鎬诲姛鐜�">
-                <a-input placeholder="璇疯緭鍏ユ�诲姛鐜�" v-model="model.equipmentPower"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璐ㄤ繚寮�濮嬫棩鏈�">
-                <a-date-picker v-model="model.warrantyStartDate" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璐ㄤ繚缁撴潫鏃ユ湡">
-                <a-date-picker v-model="model.warrantyEndDate" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="璧勪骇鐘舵��">
-                <j-dict-select-tag dict-code="asset_status" placeholder="璇烽�夋嫨璧勪骇鐘舵��" v-model="model.assetStatus"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鎬诲姛鐜�">
+                    <a-input placeholder="璇疯緭鍏ユ�诲姛鐜�" v-model="model.equipmentPower"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璐ㄤ繚寮�濮嬫棩鏈�">
+                    <a-date-picker v-model="model.warrantyStartDate" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璐ㄤ繚缁撴潫鏃ユ湡">
+                    <a-date-picker v-model="model.warrantyEndDate" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="璧勪骇鐘舵��">
+                    <j-dict-select-tag dict-code="asset_status" placeholder="璇烽�夋嫨璧勪骇鐘舵��" v-model="model.assetStatus"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鏈涓変繚鏃ユ湡">
-                <a-date-picker v-model="model.latestThirdMaintenance" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="涓嬫涓変繚鏃ユ湡">
-                <a-date-picker v-model="model.nextThirdMaintenance" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="涓変繚鍛ㄦ湡">
-                <a-input-number placeholder="璇疯緭鍏ヤ笁淇濆懆鏈�" v-model="model.thirdMaintenancePeriod" :min="0"
-                                style="width: 100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鏈鎶�鏈壌瀹氭棩鏈�">
-                <a-date-picker v-model="model.latestTechnologyCheck" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鏈涓変繚鏃ユ湡">
+                    <a-date-picker v-model="model.latestThirdMaintenance" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="涓嬫涓変繚鏃ユ湡">
+                    <a-date-picker v-model="model.nextThirdMaintenance" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="涓変繚鍛ㄦ湡">
+                    <a-input-number placeholder="璇疯緭鍏ヤ笁淇濆懆鏈�" v-model="model.thirdMaintenancePeriod" :min="0"
+                                    style="width: 100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鏈鎶�鏈壌瀹氭棩鏈�">
+                    <a-date-picker v-model="model.latestTechnologyCheck" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
 
-          <a-row>
-            <a-col :span="customSpan">
-              <a-form-model-item label="涓嬫鎶�鏈壌瀹氭棩鏈�">
-                <a-date-picker v-model="model.nextTechnologyCheck" value-format="YYYY-MM-DD" style="width:100%"/>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="customSpan">
-              <a-form-model-item label="鎶�鏈壌瀹氬懆鏈�">
-                <a-input-number placeholder="璇疯緭鍏ユ妧鏈壌瀹氬懆鏈�" v-model="model.technologyCheckPeriod" :min="0"
-                                style="width: 100%"/>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
-        </a-form-model>
-      </j-form-container>
-    </a-spin>
+              <a-row>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="涓嬫鎶�鏈壌瀹氭棩鏈�">
+                    <a-date-picker v-model="model.nextTechnologyCheck" value-format="YYYY-MM-DD" style="width:100%"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="customSpan">
+                  <a-form-model-item label="鎶�鏈壌瀹氬懆鏈�">
+                    <a-input-number placeholder="璇疯緭鍏ユ妧鏈壌瀹氬懆鏈�" v-model="model.technologyCheckPeriod" :min="0"
+                                    style="width: 100%"/>
+                  </a-form-model-item>
+                </a-col>
+              </a-row>
+            </a-form-model>
+          </j-form-container>
+        </a-spin>
+      </a-tab-pane>
+
+      <template v-if="disableSubmit">
+        <a-tab-pane tab="璁惧鏂囨。" :key="2">
+        </a-tab-pane>
+
+        <a-tab-pane tab="鐐规宸ュ崟" :key="3">
+        </a-tab-pane>
+
+        <a-tab-pane tab="浜屼繚宸ュ崟" :key="4">
+        </a-tab-pane>
+
+        <a-tab-pane tab="涓変繚宸ュ崟" :key="5">
+        </a-tab-pane>
+
+        <a-tab-pane tab="缁翠慨宸ュ崟" :key="6">
+        </a-tab-pane>
+
+        <a-tab-pane tab="淇濆吇鏍囧噯" :key="7">
+        </a-tab-pane>
+
+        <a-tab-pane tab="宸ヨ壓鍙傛暟" :key="8">
+        </a-tab-pane>
+
+        <a-tab-pane tab="璁惧绮惧害" :key="9">
+
+        </a-tab-pane>
+      </template>
+    </a-tabs>
   </j-modal>
 </template>
 

--
Gitblit v1.9.3