style:修改导入错误提示样式

This commit is contained in:
wangwenrui
2020-11-04 13:52:35 +08:00
parent 9901bb671b
commit 82367d6df2
3 changed files with 25 additions and 4 deletions

View File

@@ -72,9 +72,17 @@
<div class="result-title">{{$t('overall.result.failedDetail')}}:</div> <div class="result-title">{{$t('overall.result.failedDetail')}}:</div>
<div class="result-detail" v-if="importResult&&importResult.failDetail"> <div class="result-detail" v-if="importResult&&importResult.failDetail">
<el-scrollbar style="height: 100%"> <el-scrollbar style="height: 100%">
<ul> <!-- <ul>
<li v-for="(item,index) in importResult.failDetail"><span>{{item.lineNo}}</span>:<span>{{item.errorMsg}}</span> </li> <li v-for="(item,index) in importResult.failDetail"><span>{{item.lineNo}}</span>:<span>{{item.errorMsg}}</span> </li>
</ul> </ul>-->
<template v-for="(item,index) in importResult.failDetail">
<div class="import-result-block">
<div class="import-result-item">
<div class="line-num">{{$t('overall.result.line',[item.lineNo])}}</div>
<div>{{item.errorMsg}}</div>
</div>
</div>
</template>
</el-scrollbar> </el-scrollbar>
</div> </div>
</div> </div>
@@ -324,3 +332,14 @@
} }
/*去除上传文件动画end*/ /*去除上传文件动画end*/
</style> </style>
<style>
.result-detail .import-result-block{
}
.result-detail .import-result-block .import-result-item{
display: flex;
}
.import-result-item .line-num{
width: 55px;
}
</style>

View File

@@ -69,7 +69,8 @@ const cn = {
total: "总计", total: "总计",
failed: "失败", failed: "失败",
success: "成功", success: "成功",
failedDetail: "失败详情" failedDetail: "失败详情",
line:"第{0}行:"
}, },
reset: "重置", reset: "重置",
submit: "保存", submit: "保存",

View File

@@ -73,7 +73,8 @@ const en = {
total:'Total', total:'Total',
failed:'Failed', failed:'Failed',
success:'Success', success:'Success',
failedDetail:'Failed Detail' failedDetail:'Failed Detail',
line:'Line {0}:'
}, },
reset:'Reset', reset:'Reset',
submit:'Save', submit:'Save',