fix(测试跟踪): 缺陷导出自定义字段名称过长展示优化

--bug=1019765 --user=宋昌昌 【测试跟踪】缺陷管理-导出-自定义字段显示不全 https://www.tapd.cn/55049933/s/1301020
This commit is contained in:
song-cc-rock 2022-11-22 14:34:36 +08:00 committed by jianxing
parent 4d8a9f6950
commit f1a983f276
2 changed files with 23 additions and 9 deletions

View File

@ -568,4 +568,8 @@ export default {
:deep(.el-table) { :deep(.el-table) {
overflow: auto; overflow: auto;
} }
span.operate-button button {
margin-left: 10px;
}
</style> </style>

View File

@ -3,15 +3,16 @@
<el-row v-for="rowIndex in fieldRowCount" :key="rowIndex"> <el-row v-for="rowIndex in fieldRowCount" :key="rowIndex">
<span v-for="(item, index) in fields" <span v-for="(item, index) in fields"
:key="item.id"> :key="item.id">
<el-col :span="6" <el-tooltip :content="item.name" :disabled="item.name.length < 6">
v-if="Math.floor(index / colCountEachRow) === rowIndex - 1"> <el-col :span="6" v-if="Math.floor(index / colCountEachRow) === rowIndex - 1">
<el-checkbox <el-checkbox
v-model="item.enable" v-model="item.enable"
:disabled="item.disabled" :disabled="item.disabled"
@change="change"> @change="change">
{{ item.name }} {{ item.name }}
</el-checkbox> </el-checkbox>
</el-col> </el-col>
</el-tooltip>
</span> </span>
</el-row> </el-row>
</div> </div>
@ -46,4 +47,13 @@ export default {
.el-row { .el-row {
margin-bottom: 10px; margin-bottom: 10px;
} }
:deep(.el-checkbox .el-checkbox__label) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100px;
position: relative;
top: 5px;
}
</style> </style>