OTA管理

1. 基础信息增加影响描述
2. 主题内容过长与下面文字重叠，应自适应高度
3. 详情中增加Jira ticket链接

jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue

@@ -16,7 +16,8 @@
           <a-col :span="12">
             <div class='detail-box'>
               <span class='detail-text' :title="'VDR'">{{'VDR'}}</span>
-              <span class="title-text-text" :title="form.vdr">
+              <span class="title-text-text" style="color: #00B3BE;cursor: pointer"
+                    @click="vdrClick" :title="form.vdr">
                 {{form.vdr}}</span>
             </div>
 
@@ -41,7 +42,8 @@
           </a-col>
           <a-col :span="12">
             <div class='detail-box'>
-              <span class='detail-text' :title="$t('influencestatute') + '-CN'">{{$t('influencestatute') + '-CN'}}</span>
+              <span class='detail-text'
+                    :title="$t('influencestatute') + '-CN'">{{$t('influencestatute') + '-CN'}}</span>
               <span class="title-text-text" :title="form.impactCnHomo">
                 {{form.impactCnHomo}}</span>
             </div>
@@ -51,12 +53,21 @@
         <a-row :gutter="24">
           <a-col :span="12">
             <div class='detail-box'>
-              <span class='detail-text' :title="$t('influencestatute') + '-EU'">{{$t('influencestatute') + '-EU'}}</span>
+              <span class='detail-text'
+                    :title="$t('influencestatute') + '-EU'">{{$t('influencestatute') + '-EU'}}</span>
               <span class="title-text-text" :title="form.impactEuHomo">
                 {{form.impactEuHomo}}</span>
             </div>
 
           </a-col>
+
+          <a-col :span="12">
+            <div class='detail-box'>
+              <span class='detail-text' :title="$t('impactdescription')">{{$t('impactdescription')}}</span>
+              <span class="title-text-text" :title="form.homologation">
+                {{form.homologation}}</span>
+            </div>
+          </a-col>
         </a-row>
         <div class='title' :title="$t('applicationprojectversion')">{{$t('applicationprojectversion')}}</div>
         <div v-for='(item,index) in vdrList' :key='index'>
@@ -80,7 +91,8 @@
               </a-col>
               <a-col :span="12">
                 <div class='detail-box'>
-                  <span class='detail-text' :title="$t('certificationdeclaration')">{{$t('certificationdeclaration')}}</span>
+                  <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>
@@ -122,7 +134,7 @@ import uploadFile from '@/components/uploadFile/file'
   import { mapGetters } from 'vuex'
 
   export default {
-  name:"addModel",
+    name: 'addModel',
     components: {
       uploadFile
     },
@@ -140,14 +152,14 @@ export default {
           theme: '',
           authenticationimpact: '',
           influencestatuteCn: '',
-        influencestatuteEu:'',
+          influencestatuteEu: ''
         },
         vdrList: [],
         url: {
           addModel: ''
         },
         record: {},
-      car:'',
+        car: ''
       }
     },
     mounted() {
@@ -166,7 +178,7 @@ export default {
         })
         this.visible = true
         this.confirmLoading = false
-      console.log('555',record);
+        console.log('555', record)
       },
       handleCancel() {
         this.visible = false
@@ -185,6 +197,9 @@ export default {
       },
       isEdit() {
         this.disabled = false
+      },
+      vdrClick() {
+        window.open('http://jira.nioint.com/browse/issue_key')
       }
     }
   }
@@ -196,18 +211,21 @@ export default {
     font-weight: bold;
     margin-bottom: 20px;
   }
+
   .box-title-text {
     line-height: 1.4;
     display: flex;
     /*align-items: center;*/
   }
+
   .detail-box {
     width: 100%;
     margin-bottom: 20px;
     position: relative;
+    display: flex;
   }
+
   .detail-text {
-  display: inline-block;
     font-size: 14px;
     color: #6F7385;
     width: 120px;
@@ -215,13 +233,16 @@ export default {
     text-overflow: ellipsis; /*超出部分省略号表示*/
     white-space: nowrap; /*强制单行显示*/
     display: inline-block; /*转换为行内块元素*/
+    margin-right: 20px;
   }
+
   .title-text-text {
-  position: absolute;
+    display: inline-block;
-  left: 45%;
+    width: calc(100% - 140px);
     font-size: 14px;
     color: #040B29;
   }
+
   .title-text {
     width: 250px;
     text-align: right;