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" :closable="!readOnly"
:disable-transitions="false" :disable-transitions="false"
@close="remove(idx)"> @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> </el-tag>
<input <input
:disabled="readOnly" :disabled="readOnly"
@ -23,7 +30,7 @@
:placeholder="defaultPlaceHolder" :placeholder="defaultPlaceHolder"
@keydown.delete.stop="removeLastTag" @keydown.delete.stop="removeLastTag"
@keydown="addNew" @keydown="addNew"
@blur="addNew" /> @blur="addNew"/>
</div> </div>
</template> </template>
@ -44,7 +51,7 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
size: { type: String, default: 'small' }, size: {type: String, default: 'small'},
prop: { prop: {
type: String, type: String,
default: 'tags', default: 'tags',

View File

@ -15,7 +15,14 @@
:closable="!readOnly" :closable="!readOnly"
:disable-transitions="false" :disable-transitions="false"
@close="remove(idx)"> @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> </el-tag>
<input <input
:disabled="readOnly" :disabled="readOnly"

View File

@ -15,7 +15,14 @@
:closable="!readOnly" :closable="!readOnly"
:disable-transitions="false" :disable-transitions="false"
@close="remove(idx)"> @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> </el-tag>
<input <input
:disabled="readOnly" :disabled="readOnly"