修复样式污染
This commit is contained in:
parent
9e269a690c
commit
b391a7da80
|
|
@ -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>
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue