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