style:批量导出结果样式调整

This commit is contained in:
zyh
2022-10-28 15:09:12 +08:00
parent 8c8e746156
commit eaa24bebaa
3 changed files with 19 additions and 5 deletions

View File

@@ -1182,6 +1182,14 @@ li {
.import-result-item {
display: flex;
margin-bottom: 5px;
.import-result-item-left {
font-size: 16px;
color: $--color-text-primary;
letter-spacing: 0;
line-height: 16px;
font-weight: 600;
margin-right: 2px;
}
.line-num {
min-width: 55px;
font-size: 14px;
@@ -1332,9 +1340,9 @@ li {
}
.import-result-item-right{
.line-num{
min-width: 50px;
min-width: 55px;
display: inline-block;
margin-right: 6px;
margin-right: 5px;
}
.line-content{
overflow: auto;

View File

@@ -144,7 +144,10 @@
<template v-for="(item, index) in importResult.failDetail">
<div :key="index" class="import-result-block">
<div class="import-result-item">
<div style="display: flex;">
<span class="import-result-item-left"></span>
<div class="line-num">{{$t('overall.result.line',[item.lineNo])}}</div>
</div>
<div class="line-content" :title="item.errorMsg">{{item.errorMsg}}</div>
</div>
</div>
@@ -220,7 +223,7 @@
<template v-for="(item, index) in importResult.failDetail">
<div :key="index" class="import-result-block">
<div class="import-result-item">
<div class="import-result-item-left"></div>
<span class="import-result-item-left"></span>
<div class="import-result-item-right">
<span class="line-num">{{$t('overall.result.line',[item.lineNo])}}</span>
<span class="line-content" :title="item.errorMsg">{{item.errorMsg}}</span>

View File

@@ -208,7 +208,10 @@
<template v-for="(item, index) in importResult.failDetail">
<div :key="index" class="import-result-block">
<div class="import-result-item">
<div style="display: flex;">
<span class="import-result-item-left"></span>
<div class="line-num">{{$t('overall.result.line',[item.lineNo])}}</div>
</div>
<div class="line-content" :title="item.errorMsg">{{item.errorMsg}}</div>
</div>
</div>