From bb106f3f9df4cae051602f7454e1f2e484ba379c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Fri, 20 Oct 2023 15:50:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E4=BB=B6=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E7=94=B5=E6=B1=A0=E5=A4=87=E6=A1=88=E8=AE=B0=E5=BD=95=E5=8D=95?=
 =?UTF-8?q?=E7=8B=AC=E6=89=93=E5=BC=80=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/vdrDetial.vue                  |   6 +-
 .../components/ProjectDetails.vue             |  34 +-
 .../components/addModel.vue                   | 672 +++++++++---------
 .../components/editBattery.vue                | 587 +++++++++++++++
 4 files changed, 951 insertions(+), 348 deletions(-)
 create mode 100644 jero-web/src/views/projectManagement/platformItemLibraryDetails/components/editBattery.vue

diff --git a/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue b/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue
index 4a0f80e98..96445b1a0 100644
--- a/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue
+++ b/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue
@@ -17,7 +17,7 @@
             <div class='detail-box'>
               <span class='detail-text' :title="'VDR'">{{'VDR'}}</span>
               <span class="title-text-text" style="color: #00B3BE;cursor: pointer"
-                    @click="vdrClick" :title="form.vdr">
+                    @click="vdrClick(form.vdr)" :title="form.vdr">
                 {{form.vdr}}</span>
             </div>
 
@@ -198,8 +198,8 @@
       isEdit() {
         this.disabled = false
       },
-      vdrClick() {
-        window.open('http://jira.nioint.com/browse/issue_key')
+      vdrClick(row) {
+        window.open('http://jira.nioint.com/browse/' + row)
       }
     }
   }
diff --git a/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/ProjectDetails.vue b/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/ProjectDetails.vue
index 814d1e483..0fa5b81cd 100644
--- a/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/ProjectDetails.vue
+++ b/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/ProjectDetails.vue
@@ -14,6 +14,12 @@
     </div>
 
     <div class="content-text">
+      <div class="text-field">
+        <span class="text-field-left" :title="$t('platformType')">{{$t('platformType')}}</span>
+        <span class="text-field-right"
+              :title="queryForm.platformType"
+        >{{queryForm.platformType}}</span>
+      </div>
       <div class="text-field">
         <span class="text-field-left" :title="$t('power')">{{$t('power')}}</span>
         <span class="text-field-right" :title="queryForm.power"
@@ -24,14 +30,14 @@
         <span class="text-field-right" :title="queryForm.producer"
         >{{queryForm.producer}}</span>
       </div>
+    </div>
+    <div class="content-text">
       <div class="text-field">
         <span class="text-field-left" :title="$t('targetMarket')">{{$t('targetMarket')}}</span>
         <span class="text-field-right"
               :title="queryForm.targetMarket_dictText"
         >{{queryForm.targetMarket_dictText}}</span>
       </div>
-    </div>
-    <div class="content-text">
       <div class="text-field">
         <span class="text-field-left" :title="$t('brand')">{{$t('brand')}}</span>
         <span class="text-field-right" :title="queryForm.brandText"
@@ -43,14 +49,14 @@
               :title="queryForm.projectStatus_dictText"
         >{{queryForm.projectStatus_dictText}}</span>
       </div>
+    </div>
+    <div class="content-text">
       <div class="text-field">
         <span class="text-field-left" :title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>
         <span class="text-field-right"
               :title="queryForm.dutyDepart"
         >{{queryForm.dutyDepart}}</span>
       </div>
-    </div>
-    <div class="content-text">
       <div class="text-field">
         <span class="text-field-left" :title="$t('regulatoryEngineer')">{{$t('regulatoryEngineer')}}</span>
         <span class="text-field-right" :title="queryForm.regulationOwnerIdName"
@@ -63,11 +69,15 @@
               :title="queryForm.engineeringInterfacePersonName"
         >{{queryForm.engineeringInterfacePersonName}}</span>
       </div>
+    </div>
+    <div class="content-text">
       <div class="text-field">
-        <span class="text-field-left" :title="$t('platformType')">{{$t('platformType')}}</span>
+        <span class="text-field-left" :title="$t('Batteryfilingrecord')">{{$t('Batteryfilingrecord')}}</span>
         <span class="text-field-right"
-              :title="queryForm.platformType"
-        >{{queryForm.platformType}}</span>
+              @click="editBattery"
+              style="color: #00B3BE;cursor: pointer"
+              :title="$t('edit')"
+        ><a-icon type="edit"/>{{$t('edit')}}</span>
       </div>
     </div>
     <div class="content-text">
@@ -140,6 +150,7 @@
     <versionStatistics ref="versionStatisticsRef" @versionStatisticsForm="versionStatisticsForm"/>
     <addModel :url="url" ref="addModelRef" @addModelList="addModelList"/>
     <settingList :url="url" ref="settingListRef" @settingListForm="settingListForm"/>
+    <editBattery ref="editBatteryRef" @addModelList="addModelList"/>
   </div>
 </template>
 
@@ -151,6 +162,7 @@
   import complianceCertificationForm from './complianceCertificationForm'
   import settingList from './settingList'
   import projectStatus from './projectStatus'
+  import editBattery from './editBattery'
   import { mapGetters } from 'vuex'
 
   export default {
@@ -160,7 +172,8 @@
       settingList,
       projectStatus,
       versionStatistics,
-      complianceCertificationForm
+      complianceCertificationForm,
+      editBattery
     },
     data() {
       return {
@@ -308,7 +321,10 @@
       },
       projectStatusForm(activeKey) {
         this.activeKey = activeKey
-      }
+      },
+      editBattery(){
+           this.$refs.editBatteryRef.editModel(this.queryForm)
+      },
     }
   }
 </script>
diff --git a/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/addModel.vue b/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/addModel.vue
index 74623f73a..476598508 100644
--- a/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/addModel.vue
+++ b/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/addModel.vue
@@ -16,6 +16,18 @@
           {{$t('basicInformationOfParameters')}}
         </div>
         <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span class="title-text-text" :title="$t('platformType')">{{$t('platformType')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="platformType">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('platformType')"
+                         v-model="formInline.platformType"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -28,6 +40,8 @@
               </a-form-model-item>
             </div>
           </a-col>
+        </a-row>
+        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -40,8 +54,6 @@
               </a-form-model-item>
             </div>
           </a-col>
-        </a-row>
-        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -57,6 +69,9 @@
               </a-form-model-item>
             </div>
           </a-col>
+
+        </a-row>
+        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -72,8 +87,6 @@
               </a-form-model-item>
             </div>
           </a-col>
-        </a-row>
-        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -89,6 +102,8 @@
               </a-form-model-item>
             </div>
           </a-col>
+        </a-row>
+        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -115,8 +130,6 @@
               </a-form-model-item>
             </div>
           </a-col>
-        </a-row>
-        <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
@@ -126,39 +139,29 @@
               <a-form-model-item class="itemModel" :prop="'regulationOwnerIdName'">
                 <PersonnelSelection :query="{db_field_name:'regulationOwnerId',db_field_txt:$t('regulatoryEngineer')}"
                                     :isSingleChoice="true"
+                                    v-if="visible"
                                     :personneQuery="formInline"
                                     @change="PersonnelSelectionChange"
                                     v-model="formInline.regulationOwnerIdName"/>
               </a-form-model-item>
             </div>
           </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('engineeringInterfacePerson')">{{$t('engineeringInterfacePerson')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="engineeringInterfacePersonName">
-                <PersonnelSelection
-                  :query="{db_field_name:'engineeringInterfacePerson',db_field_txt:$t('regulatoryEngineer')}"
-                  :isSingleChoice="true"
-                  :personneQuery="formInline"
-                  @change="PersonnelSelectionChange"
-                  v-model="formInline.engineeringInterfacePersonName"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
         </a-row>
         <a-row :gutter="24">
           <a-col :span="12">
             <div class="box-title-text">
               <div class="title-text">
                 <span class="Required">*</span>
-                <span class="title-text-text" :title="$t('platformType')">{{$t('platformType')}}</span>
+                <span class="title-text-text" :title="$t('engineeringInterfacePerson')">{{$t('engineeringInterfacePerson')}}</span>
               </div>
-              <a-form-model-item class="itemModel" prop="platformType">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('platformType')"
-                         v-model="formInline.platformType"></a-input>
+              <a-form-model-item class="itemModel" prop="engineeringInterfacePersonName">
+                <PersonnelSelection
+                  v-if="visible"
+                  :query="{db_field_name:'engineeringInterfacePerson',db_field_txt:$t('regulatoryEngineer')}"
+                  :isSingleChoice="true"
+                  :personneQuery="formInline"
+                  @change="PersonnelSelectionChange"
+                  v-model="formInline.engineeringInterfacePersonName"/>
               </a-form-model-item>
             </div>
           </a-col>
@@ -211,313 +214,313 @@
           </a-col>
         </a-row>
         <!--        电池备案记录-->
-        <div class="header-text">
-          {{$t('Batteryfilingrecord')}}
-        </div>
-        <!--        型号信息-->
-        <div class='header-title'>
-          <span class='header-title-text'>{{$t('Modelinformation')}}</span>
-        </div>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('productModel')">{{$t('productModel')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="productModel">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('productModel')"
-                         v-model="formInline.productModel"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Electriccellproductionenterprises')">{{$t('Electriccellproductionenterprises')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Electriccellproductionenterprises">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Electriccellproductionenterprises')"
-                         v-model="formInline.cellEnterprise"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Assemblymanufacturer')">{{$t('Assemblymanufacturer')}}</span>
-              </div>
-              <a-form-model-item class="itemModel-multi" prop="Assemblymanufacturer">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Assemblymanufacturer')"
-                         v-model="formInline.assemblyEnterprise"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('PartNumberCN')">{{$t('PartNumberCN')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="PartNumberCN">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('PartNumberCN')"
-                         v-model="formInline.partNumberCn"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('PartNumberEU')">{{$t('PartNumberEU')}}</span>
-              </div>
-              <a-form-model-item class="itemModel-multi" prop="PartNumberEU">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('PartNumberEU')"
-                         v-model="formInline.partNumberEn"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <!--        电池国标码-->
-        <div class='header-title'>
-          <span class='header-title-text'>{{$t('Batterynationalcode')}}</span>
-        </div>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('bitfilecode')">{{$t('bitfilecode')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="bitfilecode">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('bitfilecode')"
-                         v-model="formInline.filingCode"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Vendorcode') + '(1～3)'">{{$t('Vendorcode') + '(1～3)'}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="endorcode">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Vendorcode') + '(1～3)'"
-                         v-model="formInline.supplierCode"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text"
-                      :title="$t('Productclasscode') + '(4)'">{{$t('Productclasscode') + '(4)'}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Productclasscode">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Productclasscode') + '(4)'"
-                         v-model="formInline.productTypeCode"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text"
-                      :title="$t('Batterytypecode') + '(5)'">{{$t('Batterytypecode') + '(5)'}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Batterytypecode">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Batterytypecode') + '(5)'"
-                         v-model="formInline.batteryTypeCode"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Specificationcode') + '(6～7)'">{{$t('Specificationcode') + '(6～7)'}}</span>
-              </div>
-              <a-form-model-item class="itemModel-multi" prop="Specificationcode">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Specificationcode') + '(6～7)'"
-                         v-model="formInline.specificationCode"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Traceinformationcode') + '(8～14)'">{{$t('Traceinformationcode') + '(8～14)'}}</span>
-              </div>
-              <a-form-model-item class="itemModel-multi" prop="Traceinformationcode">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Traceinformationcode') + '(8～14)'"
-                         v-model="formInline.traceabilityCode"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Productionyearmonthdateserialnumber') + '(15～20)'">{{$t('Productionyearmonthdateserialnumber') + '(15～20)'}}</span>
-              </div>
-              <a-form-model-item class="itemModel-multi" prop="Productionyearmonthdateserialnumber">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Productionyearmonthdateserialnumber') + '(15～20)'"
-                         v-model="formInline.ymdNumber"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <!--        备案信息-->
-        <div class='header-title'>
-          <span class='header-title-text'>{{$t('Recordnformation')}}</span>
-        </div>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('dimension')">{{$t('dimension')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="dimension">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('dimension')"
-                         v-model="formInline.size"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Ratedcapacity')">{{$t('Ratedcapacity')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Ratedcapacity">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Ratedcapacity')"
-                         v-model="formInline.ratedCapacity"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Nominalvoltage')">{{$t('Nominalvoltage')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Nominalvoltage">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Nominalvoltage')"
-                         v-model="formInline.nominalVoltage"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Ratedmass')">{{$t('Ratedmass')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Ratedmass">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Ratedmass')"
-                         v-model="formInline.ratedMass"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text"
-                      :title="$t('Numbercontainedmodules')">{{$t('Numbercontainedmodules')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Numbercontainedmodules">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Numbercontainedmodules')"
-                         v-model="formInline.moduleNumber"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text"
-                      :title="$t('Moduleseriesparallelmode')">{{$t('Moduleseriesparallelmode')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="Moduleseriesparallelmode">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('Moduleseriesparallelmode')"
-                         v-model="formInline.connectionType"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('modulspecificationcodeused')">{{$t('modulspecificationcodeused')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="modulspecificationcodeused">
-                <a-input class="box-input" :maxLength="200"
-                         :placeholder="$t('PleaseEnter')+$t('modulspecificationcodeused')"
-                         v-model="formInline.moduleSpecificationCode"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Coolingmode')">{{$t('Coolingmode')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="dimension">
-                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Coolingmode')"
-                         v-model="formInline.coolingMethod"></a-input>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <!--        备注-->
-        <div class='header-title'>
-          <span class='header-title-text'>{{$t('remarks')}}</span>
-        </div>
-        <a-row :gutter="24">
-          <a-col :span="24">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('Filingcompletiontime')">{{$t('Filingcompletiontime')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="designDueDate">
-                <a-date-picker class="box-input"
-                               :placeholder="$t('PleaseSelect')+$t('Filingcompletiontime')"
-                               @change="dateChange({db_field_name:'filingCompletionTime'})"
-                               format="YYYY-MM-DD"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               v-model="formInline.filingCompletionTime"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="24">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('remarks')">{{$t('remarks')}}</span>
-              </div>
-              <a-form-model-item class="itemModel" prop="remarks">
-                <a-textarea
-                  :placeholder="$t('remarks')"
-                  :maxLength="500"
-                  v-model="formInline.remark" :rows="2"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
+<!--        <div class="header-text">-->
+<!--          {{$t('Batteryfilingrecord')}}-->
+<!--        </div>-->
+<!--        &lt;!&ndash;        型号信息&ndash;&gt;-->
+<!--        <div class='header-title'>-->
+<!--          <span class='header-title-text'>{{$t('Modelinformation')}}</span>-->
+<!--        </div>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('productModel')">{{$t('productModel')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="productModel">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('productModel')"-->
+<!--                         v-model="formInline.productModel"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Electriccellproductionenterprises')">{{$t('Electriccellproductionenterprises')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Electriccellproductionenterprises">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Electriccellproductionenterprises')"-->
+<!--                         v-model="formInline.cellEnterprise"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Assemblymanufacturer')">{{$t('Assemblymanufacturer')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel-multi" prop="Assemblymanufacturer">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Assemblymanufacturer')"-->
+<!--                         v-model="formInline.assemblyEnterprise"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('PartNumberCN')">{{$t('PartNumberCN')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="PartNumberCN">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('PartNumberCN')"-->
+<!--                         v-model="formInline.partNumberCn"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('PartNumberEU')">{{$t('PartNumberEU')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel-multi" prop="PartNumberEU">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('PartNumberEU')"-->
+<!--                         v-model="formInline.partNumberEn"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        &lt;!&ndash;        电池国标码&ndash;&gt;-->
+<!--        <div class='header-title'>-->
+<!--          <span class='header-title-text'>{{$t('Batterynationalcode')}}</span>-->
+<!--        </div>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('bitfilecode')">{{$t('bitfilecode')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="bitfilecode">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('bitfilecode')"-->
+<!--                         v-model="formInline.filingCode"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Vendorcode') + '(1～3)'">{{$t('Vendorcode') + '(1～3)'}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="endorcode">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Vendorcode') + '(1～3)'"-->
+<!--                         v-model="formInline.supplierCode"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text"-->
+<!--                      :title="$t('Productclasscode') + '(4)'">{{$t('Productclasscode') + '(4)'}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Productclasscode">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Productclasscode') + '(4)'"-->
+<!--                         v-model="formInline.productTypeCode"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text"-->
+<!--                      :title="$t('Batterytypecode') + '(5)'">{{$t('Batterytypecode') + '(5)'}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Batterytypecode">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Batterytypecode') + '(5)'"-->
+<!--                         v-model="formInline.batteryTypeCode"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Specificationcode') + '(6～7)'">{{$t('Specificationcode') + '(6～7)'}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel-multi" prop="Specificationcode">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Specificationcode') + '(6～7)'"-->
+<!--                         v-model="formInline.specificationCode"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Traceinformationcode') + '(8～14)'">{{$t('Traceinformationcode') + '(8～14)'}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel-multi" prop="Traceinformationcode">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Traceinformationcode') + '(8～14)'"-->
+<!--                         v-model="formInline.traceabilityCode"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Productionyearmonthdateserialnumber') + '(15～20)'">{{$t('Productionyearmonthdateserialnumber') + '(15～20)'}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel-multi" prop="Productionyearmonthdateserialnumber">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Productionyearmonthdateserialnumber') + '(15～20)'"-->
+<!--                         v-model="formInline.ymdNumber"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        &lt;!&ndash;        备案信息&ndash;&gt;-->
+<!--        <div class='header-title'>-->
+<!--          <span class='header-title-text'>{{$t('Recordnformation')}}</span>-->
+<!--        </div>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('dimension')">{{$t('dimension')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="dimension">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('dimension')"-->
+<!--                         v-model="formInline.size"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Ratedcapacity')">{{$t('Ratedcapacity')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Ratedcapacity">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Ratedcapacity')"-->
+<!--                         v-model="formInline.ratedCapacity"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Nominalvoltage')">{{$t('Nominalvoltage')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Nominalvoltage">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Nominalvoltage')"-->
+<!--                         v-model="formInline.nominalVoltage"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Ratedmass')">{{$t('Ratedmass')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Ratedmass">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Ratedmass')"-->
+<!--                         v-model="formInline.ratedMass"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text"-->
+<!--                      :title="$t('Numbercontainedmodules')">{{$t('Numbercontainedmodules')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Numbercontainedmodules">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Numbercontainedmodules')"-->
+<!--                         v-model="formInline.moduleNumber"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text"-->
+<!--                      :title="$t('Moduleseriesparallelmode')">{{$t('Moduleseriesparallelmode')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="Moduleseriesparallelmode">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('Moduleseriesparallelmode')"-->
+<!--                         v-model="formInline.connectionType"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('modulspecificationcodeused')">{{$t('modulspecificationcodeused')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="modulspecificationcodeused">-->
+<!--                <a-input class="box-input" :maxLength="200"-->
+<!--                         :placeholder="$t('PleaseEnter')+$t('modulspecificationcodeused')"-->
+<!--                         v-model="formInline.moduleSpecificationCode"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--          <a-col :span="12">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Coolingmode')">{{$t('Coolingmode')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="dimension">-->
+<!--                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Coolingmode')"-->
+<!--                         v-model="formInline.coolingMethod"></a-input>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        &lt;!&ndash;        备注&ndash;&gt;-->
+<!--        <div class='header-title'>-->
+<!--          <span class='header-title-text'>{{$t('remarks')}}</span>-->
+<!--        </div>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="24">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('Filingcompletiontime')">{{$t('Filingcompletiontime')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="designDueDate">-->
+<!--                <a-date-picker class="box-input"-->
+<!--                               :placeholder="$t('PleaseSelect')+$t('Filingcompletiontime')"-->
+<!--                               @change="dateChange({db_field_name:'filingCompletionTime'})"-->
+<!--                               format="YYYY-MM-DD"-->
+<!--                               :getCalendarContainer="(trigger) => trigger.parentNode"-->
+<!--                               v-model="formInline.filingCompletionTime"-->
+<!--                               style="width: 100%"/>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
+<!--        <a-row :gutter="24">-->
+<!--          <a-col :span="24">-->
+<!--            <div class="box-title-text">-->
+<!--              <div class="title-text">-->
+<!--                <span class="title-text-text" :title="$t('remarks')">{{$t('remarks')}}</span>-->
+<!--              </div>-->
+<!--              <a-form-model-item class="itemModel" prop="remarks">-->
+<!--                <a-textarea-->
+<!--                  :placeholder="$t('remarks')"-->
+<!--                  :maxLength="500"-->
+<!--                  v-model="formInline.remark" :rows="2"/>-->
+<!--              </a-form-model-item>-->
+<!--            </div>-->
+<!--          </a-col>-->
+<!--        </a-row>-->
       </a-form-model>
     </a-spin>
     <div class="drawer-bootom-button">
@@ -819,7 +822,6 @@
                 list.forEach((item => {
                   getAction('sys/common/getFileInfos', { id: item }).then((res) => {
                     if (res.success) {
-                      console.log(res.result)
                       res.result.forEach((item => {
                         file.push({
                           name: item.fileName,
@@ -867,10 +869,8 @@
         this.title = this.$t('edit')
         this.formInline.engineeringInterfacePersonName = value.engineeringInterfacePersonName
         this.formInline.regulationOwnerIdName = value.regulationOwnerIdName
-        console.log(this.formInline.engineeringInterfacePersonName, this.formInline.engineeringInterfacePersonName)
         const token = Vue.ls.get(ACCESS_TOKEN)
         this.headers = { 'X-Access-Token': token }
-        console.log(this.headers)
         this.getNameList(value)
         this.$nextTick(() => {
           this.$refs.ruleForm.clearValidate()
diff --git a/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/editBattery.vue b/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/editBattery.vue
new file mode 100644
index 000000000..a89308eed
--- /dev/null
+++ b/jero-web/src/views/projectManagement/platformItemLibraryDetails/components/editBattery.vue
@@ -0,0 +1,587 @@
+<!--平台件-->
+<template>
+  <a-drawer
+    :title="title"
+    :maskClosable="false"
+    :width="1000"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    style="height: 100%;overflow: auto;padding-bottom: 53px;">
+    <a-spin :spinning="confirmLoading">
+      <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+        <div class="header-text">
+          {{$t('Batteryfilingrecord')}}
+        </div>
+        <!--        型号信息-->
+        <div class='header-title'>
+          <span class='header-title-text'>{{$t('Modelinformation')}}</span>
+        </div>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('productModel')">{{$t('productModel')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="productModel">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('productModel')"
+                         v-model="formInline.productModel"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Electriccellproductionenterprises')">{{$t('Electriccellproductionenterprises')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Electriccellproductionenterprises">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Electriccellproductionenterprises')"
+                         v-model="formInline.cellEnterprise"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Assemblymanufacturer')">{{$t('Assemblymanufacturer')}}</span>
+              </div>
+              <a-form-model-item class="itemModel-multi" prop="Assemblymanufacturer">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Assemblymanufacturer')"
+                         v-model="formInline.assemblyEnterprise"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('PartNumberCN')">{{$t('PartNumberCN')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="PartNumberCN">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('PartNumberCN')"
+                         v-model="formInline.partNumberCn"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('PartNumberEU')">{{$t('PartNumberEU')}}</span>
+              </div>
+              <a-form-model-item class="itemModel-multi" prop="PartNumberEU">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('PartNumberEU')"
+                         v-model="formInline.partNumberEn"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <!--        电池国标码-->
+        <div class='header-title'>
+          <span class='header-title-text'>{{$t('Batterynationalcode')}}</span>
+        </div>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('bitfilecode')">{{$t('bitfilecode')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="bitfilecode">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('bitfilecode')"
+                         v-model="formInline.filingCode"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Vendorcode') + '(1～3)'">{{$t('Vendorcode') + '(1～3)'}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="endorcode">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Vendorcode') + '(1～3)'"
+                         v-model="formInline.supplierCode"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                        <span class="title-text-text"
+                              :title="$t('Productclasscode') + '(4)'">{{$t('Productclasscode') + '(4)'}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Productclasscode">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Productclasscode') + '(4)'"
+                         v-model="formInline.productTypeCode"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                        <span class="title-text-text"
+                              :title="$t('Batterytypecode') + '(5)'">{{$t('Batterytypecode') + '(5)'}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Batterytypecode">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Batterytypecode') + '(5)'"
+                         v-model="formInline.batteryTypeCode"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Specificationcode') + '(6～7)'">{{$t('Specificationcode') + '(6～7)'}}</span>
+              </div>
+              <a-form-model-item class="itemModel-multi" prop="Specificationcode">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Specificationcode') + '(6～7)'"
+                         v-model="formInline.specificationCode"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Traceinformationcode') + '(8～14)'">{{$t('Traceinformationcode') + '(8～14)'}}</span>
+              </div>
+              <a-form-model-item class="itemModel-multi" prop="Traceinformationcode">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Traceinformationcode') + '(8～14)'"
+                         v-model="formInline.traceabilityCode"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Productionyearmonthdateserialnumber') + '(15～20)'">{{$t('Productionyearmonthdateserialnumber') + '(15～20)'}}</span>
+              </div>
+              <a-form-model-item class="itemModel-multi" prop="Productionyearmonthdateserialnumber">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Productionyearmonthdateserialnumber') + '(15～20)'"
+                         v-model="formInline.ymdNumber"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <!--        备案信息-->
+        <div class='header-title'>
+          <span class='header-title-text'>{{$t('Recordnformation')}}</span>
+        </div>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('dimension')">{{$t('dimension')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="dimension">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('dimension')"
+                         v-model="formInline.size"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Ratedcapacity')">{{$t('Ratedcapacity')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Ratedcapacity">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Ratedcapacity')"
+                         v-model="formInline.ratedCapacity"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Nominalvoltage')">{{$t('Nominalvoltage')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Nominalvoltage">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Nominalvoltage')"
+                         v-model="formInline.nominalVoltage"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Ratedmass')">{{$t('Ratedmass')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Ratedmass">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Ratedmass')"
+                         v-model="formInline.ratedMass"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                        <span class="title-text-text"
+                              :title="$t('Numbercontainedmodules')">{{$t('Numbercontainedmodules')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Numbercontainedmodules">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Numbercontainedmodules')"
+                         v-model="formInline.moduleNumber"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                        <span class="title-text-text"
+                              :title="$t('Moduleseriesparallelmode')">{{$t('Moduleseriesparallelmode')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Moduleseriesparallelmode">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('Moduleseriesparallelmode')"
+                         v-model="formInline.connectionType"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('modulspecificationcodeused')">{{$t('modulspecificationcodeused')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="modulspecificationcodeused">
+                <a-input class="box-input" :maxLength="200"
+                         :placeholder="$t('PleaseEnter')+$t('modulspecificationcodeused')"
+                         v-model="formInline.moduleSpecificationCode"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Coolingmode')">{{$t('Coolingmode')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="dimension">
+                <a-input class="box-input" :maxLength="200" :placeholder="$t('PleaseEnter')+$t('Coolingmode')"
+                         v-model="formInline.coolingMethod"></a-input>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <!--        备注-->
+        <div class='header-title'>
+          <span class='header-title-text'>{{$t('remarks')}}</span>
+        </div>
+        <a-row :gutter="24">
+          <a-col :span="24">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('Filingcompletiontime')">{{$t('Filingcompletiontime')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="designDueDate">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+$t('Filingcompletiontime')"
+                               @change="dateChange({db_field_name:'filingCompletionTime'})"
+                               format="YYYY-MM-DD"
+                               :getCalendarContainer="(trigger) => trigger.parentNode"
+                               v-model="formInline.filingCompletionTime"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="24">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('remarks')">{{$t('remarks')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="remarks">
+                <a-textarea
+                  :placeholder="$t('remarks')"
+                  :maxLength="500"
+                  v-model="formInline.remark" :rows="2"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+      </a-form-model>
+    </a-spin>
+    <div class="drawer-bootom-button">
+      <a-button style="margin-right: 8px" @click="handleCancel">{{$t('cancel')}}</a-button>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
+  import { ACCESS_TOKEN } from '@/store/mutation-types'
+  import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+  import { mapGetters } from 'vuex'
+  import moment from 'moment'
+  import Vue from 'vue'
+
+  function getBase64(file) {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader()
+      reader.readAsDataURL(file)
+      reader.onload = () => resolve(reader.result)
+      reader.onerror = (error) => reject(error)
+    })
+  }
+
+  export default {
+    name: 'editBattery',
+    components: {
+      PersonnelSelection
+    },
+    data() {
+      return {
+        formInline: {},
+        confirmLoading: false,
+        visible: false,
+        yearNameDataList: [],
+        rules: {},
+        disabled: false,
+        cut: '',
+        title: '',
+        headers: {},
+        url:{
+          add: 'platform/projectLibraryBase/add',
+          edit: 'platform/projectLibraryBase/edit',
+        }
+      }
+    },
+    created() {
+      this.containerId = 'container-ty-' + new Date().getTime()
+    },
+    mounted() {
+      let long = localStorage.getItem('language')
+      this.cut = ''
+      if (long && long == 'zh-cn') {
+        this.cut = 'cn'
+      } else if (long && long == 'en-us') {
+        this.cut = 'en'
+      }
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      dateChange(item) {
+        this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
+      },
+      editModel(value) {
+        this.visible = true
+        this.title = this.$t('edit')
+        const token = Vue.ls.get(ACCESS_TOKEN)
+        this.headers = { 'X-Access-Token': token }
+        this.$nextTick(() => {
+          this.formInline = JSON.parse(JSON.stringify(value))
+          this.$refs.ruleForm.clearValidate()
+        })
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+        console.log(123)
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            let url = ''
+            let Action
+            if (this.formInline.id) {
+              url = this.url.edit
+              Action = putAction
+            } else {
+              url = this.url.add
+              Action = postAction
+            }
+            let query = JSON.parse(JSON.stringify(this.formInline))
+            delete query.urlList
+            Object.keys(query).forEach(res => {
+              if (query[res] && query[res] instanceof Array) {
+                query[res] = query[res].join(',')
+              }
+            })
+            this.confirmLoading = true
+            Action(url, query).then((res) => {
+              if (res.success) {
+                this.confirmLoading = false
+                this.$message.success(this.$t('OperationSuccessful'))
+                this.visible = false
+                this.$emit('addModelList')
+                // this.vdrClick()
+              } else {
+                this.$message.warning(res.message)
+                this.confirmLoading = false
+              }
+            })
+          }
+        })
+      },
+      PersonnelSelectionChange(value, id) {
+        this.formInline[value] = id
+        this.formInline = { ...this.formInline }
+      }
+    }
+  }
+</script>
+<style>
+  .formAdd .ant-form-item-label {
+    width: 130px;
+  }
+
+  .formAdd .ant-form-item-control-wrapper {
+    display: inline-block;
+    width: 100%;
+  }
+
+  /*.formAdd .ant-form-item {*/
+  /*  margin-bottom: 20px;*/
+  /*}*/
+
+  .itemModel .ant-form-item-control-wrapper {
+    width: 100%;
+  }
+
+  .box-input .ant-select-selection--single {
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection--multiple {
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection__rendered {
+    line-height: 38px;
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
+    margin-top: 6px;
+  }
+
+  .box-input .ant-calendar-picker {
+    line-height: 38px;
+    height: 38px;
+  }
+
+  .box-input .ant-calendar-picker-input {
+    height: 38px;
+  }
+
+  .box-input .ant-input-number-input-wrap {
+    line-height: 38px;
+    height: 38px;
+  }
+</style>
+<style scoped>
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+  }
+
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 48px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+    height: 40px;
+    margin-bottom: 24px;
+  }
+
+  .itemModelimg {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+    margin-bottom: 24px;
+  }
+
+  .header-text {
+    font-size: 16px;
+    color: #000000;
+    font-weight: bold;
+
+  }
+
+  .header-title-text {
+    font-size: 16px;
+    color: #000000;
+    line-height: 50px;
+    margin: 0 19px;
+  }
+
+  .header-title {
+    background: #F5F6F7;
+    width: 100%;
+    height: 50px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    z-index: 100;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
+<style>
+  .ant-input-disabled {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
+</style>
\ No newline at end of file