修复样式污染

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