OTA管理工具-车型及功能备案-驾驶辅助系统基础备案参数-换行及边线

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

@@ -49,7 +49,7 @@
           <span class='text-text' style='height: 450px;line-height: 450px' :title="$t('positioningandnavigationsystem')">
             &nbsp;&nbsp;{{$t('positioningandnavigationsystem')}}
           </span>
-          <span class='text-text-three' :title="$t('vehiclesatellitepositioningequipment')">
+          <span style="padding: 5px" class='text-text-three' :title="$t('vehiclesatellitepositioningequipment')">
             &nbsp;&nbsp;{{$t('vehiclesatellitepositioningequipment')}}
           </span>
           <span class='text-text-three' :title="$t('inertialnavigationsystem')">
@@ -69,7 +69,7 @@
           &nbsp;&nbsp;{{$t('vehiclecommunicationsystem')}}
         </span>
         <span class='text-box-four'>
-          <span class='four-text-text' :title="$t('signalingdevices')">
+          <span style="padding: 10px" class='four-text-text' :title="$t('signalingdevices')">
             &nbsp;&nbsp;{{$t('signalingdevices')}}
           </span>
           <span class='four-text' :title="$t('driverassistancefunctioncontrols')">
@@ -307,7 +307,7 @@ export default {
           fillincontent:this.$t('yesisselected'),
         },
         {
-          key: 'jgldBzwz', 
+          key: 'jgldBzwz',
           val:'',
           componentname: this.$t('networksecurityrequirements'),
           configuration: this.$t('ineffectiveupgrades'),
@@ -887,7 +887,7 @@ export default {
                 })
                 this.dataSourceList=res.result.kzq
               }
-             
+
               this.dataSource.forEach(item=>{
                  for(let key in res.result.bj){
                   if(item.key==key){
@@ -895,7 +895,7 @@ export default {
                   }
                  }
               })
-              
+
 
               // res.result.bj.forEach(item=>{
               //   if(Number(item) !=NaN){
@@ -905,7 +905,7 @@ export default {
               this.query=res.result.bj
           }
         })
-        
+
       },
     click(value){
       this.fileList = value
@@ -1060,6 +1060,7 @@ button{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 100%;
   height: 200px;
   line-height: 200px;
@@ -1068,6 +1069,7 @@ button{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 100%;
   height: 100px;
   line-height: 100px;
@@ -1076,6 +1078,7 @@ button{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 100%;
   height: 50px;
   line-height: 50px;
@@ -1084,6 +1087,7 @@ button{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 100%;
   height: 250px;
   line-height: 250px;
@@ -1092,6 +1096,7 @@ button{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 100%;
   height: 150px;
   line-height: 150px;
@@ -1099,55 +1104,73 @@ button{
 .text-box{
   display: inline-block;
   float: left;
-  border: #e8e8e8 solid 1px;
+  /*border: #e8e8e8 solid 1px;*/
   width: 100%;
   height: 400px;
-  line-height: 400px;
+  line-height: 20px;
 }
 .text-box-two{
   display: inline-block;
   float: left;
-  border: #e8e8e8 solid 1px;
+  /*border: #e8e8e8 solid 1px;*/
   width: 100%;
   height: 450px;
-  line-height: 450px;
+  line-height: 20px;
 }
 .text-text{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 50%;
   height: 400px;
-  line-height: 400px;
+  line-height: 20px;
+  display: flex;
+  justify-content: left;
+  align-items: center;
 }
 .text-text-two{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 50%;
   height: 200px;
-  line-height: 200px;
+  padding: 10px;
+  line-height: 20px;
+  display: flex;
+  justify-content: left;
+  align-items: center;
 }
 .text-text-three{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 50%;
   height: 100px;
-  line-height: 100px;
+  line-height: 20px;
+  display: flex;
+  justify-content: left;
+  align-items: center;
 }
 .text-text-five{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 50%;
   height: 50px;
   line-height: 50px;
+  display: flex;
+  justify-content: left;
+  align-items: center;
 }
 .text-box-three{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 100%;
   height: 250px;
   line-height: 250px;
@@ -1155,7 +1178,7 @@ button{
 .text-box-four{
   display: inline-block;
   float: left;
-  border: #e8e8e8 solid 1px;
+  /*border: #e8e8e8 solid 1px;*/
   width: 100%;
   height: 600px;
   line-height: 600px;
@@ -1164,6 +1187,7 @@ button{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 50%;
   height: 600px;
   line-height: 20px;
@@ -1175,14 +1199,20 @@ button{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 50%;
   height: 150px;
-  line-height: 150px;
+  display: flex;
+  line-height: 20px;
+  justify-content: left;
+  align-items: center;
+  padding: 10px;
 }
 .text-box-five{
   display: inline-block;
   float: left;
   border: #e8e8e8 solid 1px;
+  border-right: none;
   width: 100%;
   height: 100px;
   line-height: 100px;
@@ -1190,7 +1220,7 @@ button{
 span{
   /* overflow: hidden; /*超出部分隐藏*/
   /* text-overflow: ellipsis; 超出部分省略号表示 */
-  white-space: wrap; 
+  white-space: normal;
   /* word-wrap: normal; */
 }
 .item-input{