修复样式污染

This commit is contained in:
gyq 2024-10-15 09:16:07 +08:00
parent 9e269a690c
commit b391a7da80
1 changed files with 15 additions and 14 deletions

View File

@ -18,7 +18,7 @@
</el-select>
</div>
<div style="width: 300px;">
<el-select v-model="query.sort" placeholder="排序">
<el-select v-model="query.sort" placeholder="排序">
<el-option label="默认排序" value="false" />
<el-option label="库存降序" value="true" />
</el-select>
@ -68,14 +68,16 @@
</template>
</el-table-column>
<el-table-column label="库存" prop="number">
<template v-slot="scope" >
<span v-if="!scope.row.isStock" :class="[scope.row.stockNumber <= warnLine ? 'colorStyle' : '']">
<span v-if="scope.row.stockNumber < 0" style="font-weight: 700;color: #999;font-size: 14px;">-</span>
<span >
<span> {{ Math.abs(scope.row.stockNumber) }}</span>
<template v-slot="scope">
<span v-if="!scope.row.isStock"
:class="[scope.row.stockNumber <= warnLine ? 'colorStyle' : '']">
<span v-if="scope.row.stockNumber < 0"
style="font-weight: 700;color: #999;font-size: 14px;">-</span>
<span>
<span> {{ Math.abs(scope.row.stockNumber) }}</span>
<span> {{ scope.row.unitName }}</span>
</span>
</span>
<span v-else :class="[scope.row.stockNumber <= warnLine ? 'colorStyle' : '']">
{{ `${scope.row.stockNumber} ${scope.row.unitName}` }}
@ -399,6 +401,12 @@ export default {
</script>
<style scoped lang="scss">
::v-deep .cell {
display: flex;
align-items: center;
/* flex-direction: row-reverse; */
}
.shop_info {
display: flex;
align-items: center;
@ -435,10 +443,3 @@ export default {
font-weight: 700;
}
</style>
<style>
.cell {
display: flex;
align-items: center;
/* flex-direction: row-reverse; */
}
</style>