fix(测试跟踪): 测试计划切换时名称过长显示不全

--bug=1013702 --user=李玉号 【测试跟踪】测试计划名称过长 切换测试计划  名称长度显示不全
https://www.tapd.cn/55049933/s/1170964
This commit is contained in:
shiziyuan9527 2022-06-01 10:54:14 +08:00 committed by f2c-ci-robot[bot]
parent 7cdcc8cf9b
commit 69ee68af46
1 changed files with 13 additions and 1 deletions

View File

@ -3,7 +3,9 @@
<span class="menu-title">{{'[' + title + ']'}}</span>
<el-select filterable slot="prepend" v-model="value" @change="changeData" :style="{width: width}"
size="small">
<el-option v-for="(item,index) in data" :key="index" :label="item.name" :value="index"/>
<el-option v-for="(item,index) in data" :key="index" :label="item.name" :value="index">
<span class="span-name" :title="item.name">{{ item.name }}</span>
</el-option>
</el-select>
</div>
</template>
@ -56,4 +58,14 @@
margin-right: 10px;
}
.span-name {
display: inline-block;
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
margin-right: 5px;
}
</style>