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

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

@@ -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>
@@ -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>