ota-车型及功能备案-车型基本信息-表单

jero-web/src/views/otamanagement/vehicleinformation/components/basicInformation.vue

@@ -19,7 +19,7 @@
                 <span class="title-text-text" :title="$t('selectTheVehicleTemplate')">{{$t('selectTheVehicleTemplate')}}</span>
               </div>
               <a-form-model-item class="itemModel" prop="dutyTerritory">
-               
+
                  <a-select  :disabled="disabled" class="box-input" v-model="form.cxmb" allowClear     :placeholder="$t('PleaseSelect')" @change="changeId">
                   <a-select-option v-for="(item , key ) in selectList" :key="key" :value="item.id" >
                     {{ item.value }}
@@ -34,7 +34,7 @@
                 <span class="title-text-text" :title="$t('theNameOfFirm')">{{$t('theNameOfFirm')}}</span>
               </div>
                <a-form-model-item class="itemModel">
-                <a-input  
+                <a-input
                 :max-length="50"
                 :disabled="disabled"
                 class="box-input"
@@ -52,12 +52,12 @@
                 <span class="title-text-text" :title="$t('registrationnumber')">{{$t('registrationnumber')}}</span>
               </div>
                 <a-form-model-item class="itemModel" prop="djbh">
-                
+
-                <a-input 
+                <a-input
                 :max-length="50"
                 :disabled="disabled"
                 :title='form.djbh'
-                class="box-input"  
+                class="box-input"
                 :placeholder="$t('pleaseEnter')"
                 v-model.trim="form.djbh">
                 </a-input>
@@ -87,7 +87,7 @@
                 <span class="title-text-text" :title="$t('noticebatch')">{{$t('noticebatch')}}</span>
               </div>
               <a-form-model-item class="itemModel" prop="dutyTerritory">
-                <a-input  
+                <a-input
                 :max-length="500"
                 :disabled="disabled"
                 :title='form.ggpc'
@@ -104,7 +104,7 @@
                 <span class="title-text-text" :title="$t('producttrademark')">{{$t('producttrademark')}}</span>
               </div>
               <a-form-model-item class="itemModel">
-                <a-input  
+                <a-input
                 :max-length="50"
                 :disabled="disabled"
                 :title='form.cpsb'
@@ -121,7 +121,7 @@
                 <span class="title-text-text" :title="$t('productname')">{{$t('productname')}}</span>
               </div>
               <a-form-model-item class="itemModel">
-                <a-input  
+                <a-input
                 :max-length="50"
                 :disabled="disabled"
                 :title='form.cpmc'
@@ -130,7 +130,7 @@
                 v-model="form.cpmc">
               </a-input>
               </a-form-model-item>
-              
+
             </div>
           </a-col>
           <a-col :span="24">
@@ -139,7 +139,7 @@
                 <span class="title-text-text" :title="$t('productModel')">{{$t('productModel')}}</span>
               </div>
               <a-form-model-item class="itemModel">
-                <a-input  
+                <a-input
                 :max-length="50"
                 :disabled="disabled"
                 :title='form.cpxh'
@@ -153,7 +153,7 @@
           <a-col :span="24">
             <div class="box-title-text-add">
               <div class="title-text-add">
-                <span class="title-text-text" :title="$t('Vehicledynamictype')">{{$t('Vehicledynamictype')}}</span>
+                <span class="title-text-text plus3" :title="$t('Vehicledynamictype')">{{$t('Vehicledynamictype')}}</span>
               </div>
               <a-form-model-item class="itemModel" style="width: 38%">
                   <a-select class="box-input" v-model="form.dllx1"  :disabled="disabled"  :placeholder="$t('PleaseSelect')" @change="changeSelect($event,target)">
@@ -179,7 +179,7 @@
             </div>
           </a-col>
           <a-col :span="24">
-            <div class="box-title-text-add">
+            <div>
               <div class="title-text-add plus">
                 <span class="title-text-text " :title="$t('communicationTerminal')">{{$t('communicationTerminal')}}</span>
               </div>
@@ -195,7 +195,7 @@
             </div>
           </a-col>
           <a-col :span="24">
-            <div class="box-title-text-add">
+            <div>
               <div class="title-text-add plus">
                 <span class="title-text-text" :title="$t('otaUpgradeManagementSystem')">{{$t('otaUpgradeManagementSystem')}}</span>
               </div>
@@ -261,7 +261,7 @@ import { message } from 'ant-design-vue'
         otaId:'',
         rules:{
           djbh:[
-            {  
+            {
                required: true,
                message:this.$t('registrationnumber')+this.$t('cannotEmpty'),
                trigger:'blur'
@@ -280,7 +280,7 @@ import { message } from 'ant-design-vue'
        localStorage.removeItem('otaId')
        localStorage.removeItem('otaIdT')
        localStorage.setItem('otaIdT',value)
-      
+
        this.getData()
       },
       // 模板下载
@@ -344,8 +344,8 @@ import { message } from 'ant-design-vue'
            this.$forceUpdate()
          }
         })
-    
+
-         
+
       },
       next(){
         this.$refs.ruleForm.validate(valid=>{
@@ -354,10 +354,10 @@ import { message } from 'ant-design-vue'
          setTimeout(()=>{
           this.$emit('basicInformationForm')
          },1000)
-        
+
           }
         })
-        
+
       },
        save(){
         this.$refs.ruleForm.validate(valid=>{
@@ -387,7 +387,7 @@ import { message } from 'ant-design-vue'
         }else{
           this. projectNameList2=['其他']
         }
-        
+
       },
       update(){
         this.$forceUpdate()
@@ -406,7 +406,7 @@ import { message } from 'ant-design-vue'
   .box-title-text-add {
     line-height: 1.4;
     display: flex;
-
+    align-items: center;
   }
 
   .title-text-add {
@@ -420,7 +420,7 @@ import { message } from 'ant-design-vue'
     // text-overflow: ellipsis;
     // white-space: nowrap;
     height: 42px;
-    line-height: 42px;
+    //line-height: 42px;
     margin-top: 3px;
   }
 
@@ -434,7 +434,7 @@ import { message } from 'ant-design-vue'
     text-overflow: ellipsis;
     white-space: nowrap;
     height: 42px;
-    line-height: 42px;
+    //line-height: 42px;
     margin-top: 3px;
     margin-bottom: 20px;
   }
@@ -477,11 +477,14 @@ import { message } from 'ant-design-vue'
 }
 .plus{
     margin-top: 5px;
-    line-height: 1.4 !important;
+    line-height: 1.2;
   }
   .plus2{
     width: 134px;
     margin-top: 5px;
-    line-height: 1.4 !important;
+    line-height: 1.2;
+  }
+  .plus3{
+    word-break: break-word;
   }
 </style>