From 44cd7a3295070c79ac103ab2c264bfadbd3209df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=BD=A6=E6=B3=BD?= <liuyanze@syxysoft.com>
Date: Wed, 29 Mar 2023 16:08:17 +0800
Subject: [PATCH] =?UTF-8?q?OTA=E8=BD=A6=E5=9E=8B-=E6=B7=BB=E5=8A=A0-?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=A9=BA=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/recordparameters.vue           | 57 ++++++++++++-------
 1 file changed, 37 insertions(+), 20 deletions(-)

diff --git a/jero-web/src/views/otamanagement/vehicleinformation/components/recordparameters.vue b/jero-web/src/views/otamanagement/vehicleinformation/components/recordparameters.vue
index fc0b2d14b..d5b38ab0f 100644
--- a/jero-web/src/views/otamanagement/vehicleinformation/components/recordparameters.vue
+++ b/jero-web/src/views/otamanagement/vehicleinformation/components/recordparameters.vue
@@ -15,58 +15,58 @@
       <div style='width: 400px'>
         <span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('componentname')}}</span>
         <span class='radio-text' :title="$t('networksecurityrequirements')">
-          &nbsp;&nbsp;{{$t('networksecurityrequirements')}}
+          {{$t('networksecurityrequirements')}}
         </span>
         <span class='radio-text' :title="$t('millimeterwaveradar')">
-          &nbsp;&nbsp;{{$t('millimeterwaveradar')}}
+          {{$t('millimeterwaveradar')}}
         </span>
         <span class='radio-text' :title="$t('ultrasonicradar')">
-          &nbsp;&nbsp;{{$t('ultrasonicradar')}}
+          {{$t('ultrasonicradar')}}
         </span>
         <span class='text-box'>
           <span class='text-text' :title="$t('camera')">
-            &nbsp;&nbsp;{{$t('camera')}}
+            {{$t('camera')}}
           </span>
           <span class='text-text-two' :title="$t('asternimage')">
-            &nbsp;&nbsp;{{$t('asternimage')}}
+            {{$t('asternimage')}}
           </span>
           <span class='text-text-two' :title="$t('Monocularbinocularmultiocular')">
-            &nbsp;&nbsp;{{$t('Monocularbinocularmultiocular')}}
+            {{$t('Monocularbinocularmultiocular')}}
           </span>
         </span>
         <span class='text-box'>
           <span class='text-text' :title="$t('driverattentionmonitoringsystem')">
-            &nbsp;&nbsp;{{$t('driverattentionmonitoringsystem')}}
+            {{$t('driverattentionmonitoringsystem')}}
           </span>
           <span class='text-text-two' :title="$t('driversurveillancecamera')">
-            &nbsp;&nbsp;{{$t('driversurveillancecamera')}}
+            {{$t('driversurveillancecamera')}}
           </span>
           <span class='text-text-two' :title="$t('drivermonitoringinfraredsensor')">
-            &nbsp;&nbsp;{{$t('drivermonitoringinfraredsensor')}}
+            {{$t('drivermonitoringinfraredsensor')}}
           </span>
         </span>
         <span class='text-box-two' >
-          <span class='text-text' style='height: 450px;line-height: 450px' :title="$t('positioningandnavigationsystem')">
-            &nbsp;&nbsp;{{$t('positioningandnavigationsystem')}}
+          <span class='text-text' style='height: 450px;line-height: 20px' :title="$t('positioningandnavigationsystem')">
+            {{$t('positioningandnavigationsystem')}}
           </span>
           <span style="padding: 10px" class='text-text-three' :title="$t('vehiclesatellitepositioningequipment')">
             {{$t('vehiclesatellitepositioningequipment')}}
           </span>
           <span class='text-text-three' :title="$t('inertialnavigationsystem')">
-            &nbsp;&nbsp;{{$t('inertialnavigationsystem')}}
+            {{$t('inertialnavigationsystem')}}
           </span>
           <span class='text-text-three' :title="$t('wheelspeedmeter')">
-            &nbsp;&nbsp;{{$t('wheelspeedmeter')}}
+            {{$t('wheelspeedmeter')}}
           </span>
           <span class='text-text-three' :title="$t('highprecisionmap')">
-            &nbsp;&nbsp;{{$t('highprecisionmap')}}
+            {{$t('highprecisionmap')}}
           </span>
           <span class='text-text-five' :title="$t('electronicfence')">
-            &nbsp;&nbsp;{{$t('electronicfence')}}
+            {{$t('electronicfence')}}
           </span>
         </span>
         <span class='text-box-three' :title="$t('vehiclecommunicationsystem')">
-          &nbsp;&nbsp;{{$t('vehiclecommunicationsystem')}}
+          {{$t('vehiclecommunicationsystem')}}
         </span>
         <span class='text-box-four'>
           <span style="padding: 10px" class='four-text-text' :title="$t('signalingdevices')">
@@ -86,10 +86,10 @@
           </span>
         </span>
         <span class='text-box-five' :title="$t('automaticDrivingDataRecordingSystem')">
-          &nbsp;&nbsp;{{$t('automaticDrivingDataRecordingSystem')}}
+          {{$t('automaticDrivingDataRecordingSystem')}}
         </span>
-        <span class='text-box-five' :title="$t('eventdatarecordingsystem')">
-          &nbsp;&nbsp;{{$t('eventdatarecordingsystem')}}
+        <span  class='text-box-five' :title="$t('eventdatarecordingsystem')">
+          {{$t('eventdatarecordingsystem')}}
         </span>
       </div>
       <div style='width: 300px'>
@@ -1067,6 +1067,7 @@ button{
   width: 100%;
   height: 200px;
   line-height: 200px;
+  padding: 10px;
 }
 .radio-text-two{
   display: inline-block;
@@ -1076,6 +1077,9 @@ button{
   width: 100%;
   height: 100px;
   line-height: 100px;
+  padding: 10px;
+  display: flex;
+  align-items: center;
 }
 .radio-text-three{
   display: inline-block;
@@ -1085,6 +1089,9 @@ button{
   width: 100%;
   height: 50px;
   line-height: 50px;
+  padding: 10px;
+  align-items: center;
+  display: flex;
 }
 .radio-text-four{
   display: inline-block;
@@ -1094,6 +1101,7 @@ button{
   width: 100%;
   height: 250px;
   line-height: 250px;
+  padding: 10px;
 }
 .radio-text-five{
   display: inline-block;
@@ -1103,6 +1111,7 @@ button{
   width: 100%;
   height: 150px;
   line-height: 150px;
+  padding: 10px;
 }
 .text-box{
   display: inline-block;
@@ -1131,6 +1140,7 @@ button{
   display: flex;
   justify-content: left;
   align-items: center;
+  padding: 10px;
 }
 .text-text-two{
   /*display: inline-block;*/
@@ -1144,6 +1154,7 @@ button{
   display: flex;
   justify-content: left;
   align-items: center;
+  padding: 10px;
 }
 .text-text-three{
   /*display: inline-block;*/
@@ -1156,6 +1167,7 @@ button{
   display: flex;
   justify-content: left;
   align-items: center;
+  padding: 10px;
 }
 .text-text-five{
   /*display: inline-block;*/
@@ -1168,6 +1180,7 @@ button{
   display: flex;
   justify-content: left;
   align-items: center;
+  padding: 10px;
 }
 .text-box-three{
   display: inline-block;
@@ -1177,6 +1190,7 @@ button{
   width: 100%;
   height: 250px;
   line-height: 250px;
+  padding: 10px;
 }
 .text-box-four{
   display: inline-block;
@@ -1218,7 +1232,10 @@ button{
   border-right: none;
   width: 100%;
   height: 100px;
-  line-height: 100px;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+  padding: 10px;
 }
 span{
   /* overflow: hidden; /*超出部分隐藏*/