WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

VDR详情修改

Browse Source
This commit is contained in:
zyx.net
2023-09-06 11:04:21 +08:00
parent 1b4f9e2b0d
commit a8f80b937a
1 changed files with 51 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/otamanagement/otaAuthentication/components/vdrDetial.vue
+51 -41
View File
@@ -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;