diff --git a/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue b/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue
index 3fe35e7de..c5f33c4c0 100644
--- a/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue
+++ b/jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue
@@ -11,8 +11,9 @@
       :visible="visible"
       style="height: 100%;overflow: auto;padding-bottom: 53px;">
       <a-spin :spinning="confirmLoading">
+        <div class='title'>{{$t('basicInformation')}}</div>
         <a-row :gutter="24">
-          <a-col :span="24">
+          <a-col :span="12">
             <div class='detail-box'>
               <span class='detail-text' :title="'VDR'">{{'VDR'}}</span>
               <span class="title-text-text" :title="form.vdr">
@@ -20,9 +21,7 @@
             </div>
 
           </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="24">
+          <a-col :span="12">
             <div class='detail-box'>
               <span class='detail-text' :title="$t('theme')">{{$t('theme')}}</span>
               <span class="title-text-text" :title="form.summary">
@@ -32,7 +31,7 @@
           </a-col>
         </a-row>
         <a-row :gutter="24">
-          <a-col :span="24">
+          <a-col :span="12">
             <div class='detail-box'>
               <span class='detail-text' :title="$t('authenticationimpact')">{{$t('authenticationimpact')}}</span>
               <span class="title-text-text" :title="form.homologationImpact">
@@ -40,9 +39,7 @@
             </div>
 
           </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="24">
+          <a-col :span="12">
             <div class='detail-box'>
               <span class='detail-text' :title="$t('influencestatute') + '-CN'">{{$t('influencestatute') + '-CN'}}</span>
               <span class="title-text-text" :title="form.impactCnHomo">
@@ -52,7 +49,7 @@
           </a-col>
         </a-row>
         <a-row :gutter="24">
-          <a-col :span="24">
+          <a-col :span="12">
             <div class='detail-box'>
               <span class='detail-text' :title="$t('influencestatute') + '-EU'">{{$t('influencestatute') + '-EU'}}</span>
               <span class="title-text-text" :title="form.impactEuHomo">
@@ -61,47 +58,51 @@
 
           </a-col>
         </a-row>
-        <div style='margin-bottom: 20px;font-weight: bold;' :title="$t('applicationprojectversion')">{{$t('applicationprojectversion')}}</div>
+        <div class='title' :title="$t('applicationprojectversion')">{{$t('applicationprojectversion')}}</div>
         <div v-for='(item,index) in vdrList' :key='index'>
           <a-row :gutter="24">
             <a-col :span="24">
               <div class='detail-box'>
-                <span class='detail-text' style="width: 300px" :title="item.versionName">{{item.versionName}}</span>
+                <span class='detail-text'
+                      style="width: 100%;height: 50px;background-color: #F5F6F7;line-height: 50px;font-size: 16px;font-weight: blod;color: #040B29;padding-left: 40px;"
+                      :title="item.versionName">{{$t('phoneVersionNumber') + ':' + item.versionName}}</span>
               </div>
             </a-col>
           </a-row>
-          <a-row :gutter="24">
-            <a-col :span="12">
-              <div class='detail-box'>
-                <span class='detail-text' :title="$t('certificationStartOne')">{{$t('certificationStartOne')}}</span>
-                <span class="title-text-text" :title="item.attestationStartTime?item.attestationStartTime:'--'">
+          <div style='margin-left: 40px;'>
+            <a-row :gutter="24">
+              <a-col :span="12">
+                <div class='detail-box'>
+                  <span class='detail-text' :title="$t('certificationStartOne')">{{$t('certificationStartOne')}}</span>
+                  <span class="title-text-text" :title="item.attestationStartTime?item.attestationStartTime:'--'">
                 {{item.attestationStartTime?item.attestationStartTime:'--'}}</span>
-              </div>
-            </a-col>
-            <a-col :span="12">
-              <div class='detail-box'>
-                <span class='detail-text' :title="$t('certificationdeclaration')">{{$t('certificationdeclaration')}}</span>
-                <span class="title-text-text" :title="item.certificationSubmission?item.certificationSubmission:'--'">
+                </div>
+              </a-col>
+              <a-col :span="12">
+                <div class='detail-box'>
+                  <span class='detail-text' :title="$t('certificationdeclaration')">{{$t('certificationdeclaration')}}</span>
+                  <span class="title-text-text" :title="item.certificationSubmission?item.certificationSubmission:'--'">
                 {{item.certificationSubmission?item.certificationSubmission:'--'}}</span>
-              </div>
-            </a-col>
-          </a-row>
-          <a-row :gutter="24">
-            <a-col :span="12">
-              <div class='detail-box'>
-                <span class='detail-text' :title="$t('certificationEnd')">{{$t('certificationEnd')}}</span>
-                <span class="title-text-text" :title="item.attestationEndTime?item.attestationEndTime:'--'">
+                </div>
+              </a-col>
+            </a-row>
+            <a-row :gutter="24">
+              <a-col :span="12">
+                <div class='detail-box'>
+                  <span class='detail-text' :title="$t('certificationEnd')">{{$t('certificationEnd')}}</span>
+                  <span class="title-text-text" :title="item.attestationEndTime?item.attestationEndTime:'--'">
                 {{item.attestationEndTime?item.attestationEndTime:'--'}}</span>
-              </div>
-            </a-col>
-            <a-col :span="12">
-              <div class='detail-box'>
-                <span class='detail-text' :title="$t('CertificationProgress')">{{$t('CertificationProgress')}}</span>
-                <span class="title-text-text" :title="item.attestationSchedule?item.attestationSchedule:'--'">
+                </div>
+              </a-col>
+              <a-col :span="12">
+                <div class='detail-box'>
+                  <span class='detail-text' :title="$t('CertificationProgress')">{{$t('CertificationProgress')}}</span>
+                  <span class="title-text-text" :title="item.attestationSchedule?item.attestationSchedule:'--'">
                 {{item.attestationSchedule?item.attestationSchedule:'--'}}</span>
-              </div>
-            </a-col>
-          </a-row>
+                </div>
+              </a-col>
+            </a-row>
+          </div>
         </div>
 
       </a-spin>
@@ -190,6 +191,11 @@ export default {
 </script>
 
 <style scoped>
+.title{
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
 .box-title-text {
   line-height: 1.4;
   display: flex;
@@ -202,8 +208,9 @@ export default {
 }
 .detail-text{
   display: inline-block;
-  width: 153px;
-  font-weight: bold;
+  font-size: 14px;
+  color: #6F7385;
+  width: 120px;
   overflow: hidden; /*超出部分隐藏*/
   text-overflow: ellipsis; /*超出部分省略号表示*/
   white-space: nowrap; /*强制单行显示*/
@@ -211,6 +218,9 @@ export default {
 }
 .title-text-text{
   position: absolute;
+  left: 45%;
+  font-size: 14px;
+  color: #040B29;
 }
 .title-text {
   width: 250px;