平台件详情电池备案记录单独打开弹框
This commit is contained in:
范强强
@@ -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)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+25
-9
@@ -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>
|
||||
|
||||
+336
-336
@@ -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>-->
|
||||
<!-- <!– 型号信息–>-->
|
||||
<!-- <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">
|
||||
@@ -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()
|
||||
|
||||
+587
@@ -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>
|
||||
Reference in New Issue
Block a user