refactor(接口测试): 标签展示优化

--story=1010879 --user=李玉号 标签展示优化 https://www.tapd.cn/55049933/s/1322093

Closes #20737
This commit is contained in:
shiziyuan9527 2023-01-03 14:34:54 +08:00 committed by 刘瑞斌
parent c97ef5cda3
commit 6c03065a86
3 changed files with 26 additions and 5 deletions

View File

@ -14,7 +14,14 @@
:closable="!readOnly"
:disable-transitions="false"
@close="remove(idx)">
{{ tag && tag.length > 10 ? tag.substring(0, 10) + '...' : tag }}
<span v-if="tag && tag.length > 10">
<el-tooltip class="item" effect="light" :content="tag" placement="top" :enterable="false">
<span>{{ tag && tag.length > 10 ? tag.substring(0, 10) + "..." : tag }}</span>
</el-tooltip>
</span>
<span v-else>
{{ tag }}
</span>
</el-tag>
<input
:disabled="readOnly"
@ -23,7 +30,7 @@
:placeholder="defaultPlaceHolder"
@keydown.delete.stop="removeLastTag"
@keydown="addNew"
@blur="addNew" />
@blur="addNew"/>
</div>
</template>
@ -44,7 +51,7 @@ export default {
type: Boolean,
default: false,
},
size: { type: String, default: 'small' },
size: {type: String, default: 'small'},
prop: {
type: String,
default: 'tags',

View File

@ -15,7 +15,14 @@
:closable="!readOnly"
:disable-transitions="false"
@close="remove(idx)">
{{ tag && tag.length > 10 ? tag.substring(0, 10) + "..." : tag }}
<span v-if="tag && tag.length > 10">
<el-tooltip class="item" effect="light" :content="tag" placement="top" :enterable="false">
<span>{{ tag && tag.length > 10 ? tag.substring(0, 10) + "..." : tag }}</span>
</el-tooltip>
</span>
<span v-else>
{{ tag }}
</span>
</el-tag>
<input
:disabled="readOnly"

View File

@ -15,7 +15,14 @@
:closable="!readOnly"
:disable-transitions="false"
@close="remove(idx)">
{{ tag && tag.length > 10 ? tag.substring(0, 10) + "..." : tag }}
<span v-if="tag && tag.length > 10">
<el-tooltip class="item" effect="light" :content="tag" placement="top" :enterable="false">
<span>{{ tag && tag.length > 10 ? tag.substring(0, 10) + "..." : tag }}</span>
</el-tooltip>
</span>
<span v-else>
{{ tag }}
</span>
</el-tag>
<input
:disabled="readOnly"