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-detail" v-if="importResult&&importResult.failDetail">
<el-scrollbar style="height: 100%">
<ul>
<!-- <ul>
<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>
</div>
</div>
@@ -324,3 +332,14 @@
}
/*去除上传文件动画end*/
</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>