style(测试跟踪,接口测试): 所有TAG标签显示样式优化

This commit is contained in:
fit2-zhao 2021-02-24 10:13:09 +08:00
parent 5562999f07
commit 0355634492
9 changed files with 520 additions and 539 deletions

View File

@ -68,9 +68,7 @@
<el-table-column v-if="item.id == 'tags'" prop="tags" min-width="120px" <el-table-column v-if="item.id == 'tags'" prop="tags" min-width="120px"
:label="$t('api_test.automation.tag')" :key="index"> :label="$t('api_test.automation.tag')" :key="index">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="(itemName,index) in scope.row.tags" :key="index"> <ms-tag v-for="(itemName,index) in scope.row.tags" :key="index" type="success" effect="plain" :content="itemName" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="itemName"/>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="item.id == 'userId'" prop="userId" min-width="120px" <el-table-column v-if="item.id == 'userId'" prop="userId" min-width="120px"

View File

@ -72,9 +72,7 @@
<el-table-column v-if="item.id=='tags'" prop="tags" min-width="120px" :label="$t('commons.tag')" <el-table-column v-if="item.id=='tags'" prop="tags" min-width="120px" :label="$t('commons.tag')"
:key="index"> :key="index">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="(itemName,index) in scope.row.tags" :key="index"> <ms-tag v-for="(itemName,index) in scope.row.tags" :key="index" type="success" effect="plain" :content="itemName" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="itemName"/>
</div>
</template> </template>
</el-table-column> </el-table-column>

View File

@ -135,9 +135,7 @@
<el-table-column v-if="item.id=='tags'" prop="tags" :label="$t('commons.tag')" :key="index"> <el-table-column v-if="item.id=='tags'" prop="tags" :label="$t('commons.tag')" :key="index">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="(itemName,index) in scope.row.tags" :key="index"> <ms-tag v-for="(itemName,index) in scope.row.tags" :key="index" type="success" effect="plain" :content="itemName" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="itemName"/>
</div>
</template> </template>
</el-table-column> </el-table-column>

View File

@ -17,11 +17,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="tagNames" :label="$t('api_test.automation.tag')" width="200px"> <el-table-column prop="tagNames" :label="$t('api_test.automation.tag')" min-width="120">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="itemName in scope.row.tags" :key="itemName"> <ms-tag v-for="itemName in scope.row.tags" :key="itemName" type="success" effect="plain" :content="itemName" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="itemName"/>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="userId" :label="$t('api_test.automation.creator')" show-overflow-tooltip/> <el-table-column prop="userId" :label="$t('api_test.automation.creator')" show-overflow-tooltip/>

View File

@ -80,9 +80,7 @@
:label="$t('commons.tag')" :label="$t('commons.tag')"
:key="index"> :key="index">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="(itemName,index) in scope.row.tags" :key="index"> <ms-tag v-for="(itemName,index) in scope.row.tags" :key="index" type="success" effect="plain" :content="itemName" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="itemName"/>
</div>
</template> </template>
</el-table-column> </el-table-column>

View File

@ -37,9 +37,7 @@
<el-table-column v-if="item.id == 'tagNames'" prop="tagNames" :label="$t('api_test.automation.tag')" <el-table-column v-if="item.id == 'tagNames'" prop="tagNames" :label="$t('api_test.automation.tag')"
width="200px" :key="index"> width="200px" :key="index">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="(itemName,index) in scope.row.tags" :key="index"> <ms-tag v-for="(itemName,index) in scope.row.tags" :key="index" type="success" effect="plain" :content="itemName" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="itemName"/>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="item.id == 'userId'" prop="userId" :label="$t('api_test.automation.creator')" <el-table-column v-if="item.id == 'userId'" prop="userId" :label="$t('api_test.automation.creator')"

View File

@ -94,9 +94,7 @@
:key="index" :key="index"
> >
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="(tag, index) in scope.row.showTags" :key="tag + '_' + index"> <ms-tag v-for="(tag, index) in scope.row.showTags" :key="tag + '_' + index" type="success" effect="plain" :content="tag" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="tag"/>
</div>
</template> </template>
</el-table-column> </el-table-column>

View File

@ -20,9 +20,7 @@
<el-table-column prop="tags" :label="$t('api_test.automation.tag')" width="200px"> <el-table-column prop="tags" :label="$t('api_test.automation.tag')" width="200px">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div v-for="(itemName,index) in scope.row.tags" :key="index"> <ms-tag v-for="(itemName,index) in scope.row.tags" :key="index" type="success" effect="plain" :content="itemName" style="margin-left: 5px"/>
<ms-tag type="success" effect="plain" :content="itemName"/>
</div>
</template> </template>
</el-table-column> </el-table-column>