优化入库单角标:使用 Element UI 的 el-badge 组件
This commit is contained in:
@@ -44,15 +44,16 @@
|
|||||||
size="small"
|
size="small"
|
||||||
@click="submitInStorage">入库
|
@click="submitInStorage">入库
|
||||||
</el-button>
|
</el-button>
|
||||||
|
<el-badge :value="tableDataRKD ? tableDataRKD.length : 0" class="item">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
icon="el-icon-s-home"
|
icon="el-icon-s-home"
|
||||||
style="margin-left: 10px; position: relative;"
|
style="margin-left: 10px"
|
||||||
plain
|
plain
|
||||||
size="small"
|
size="small"
|
||||||
@click="showRKDDialog">入库单
|
@click="showRKDDialog">入库单
|
||||||
<span v-if="tableDataRKD && tableDataRKD.length > 0" style="position: absolute; top: -8px; right: -8px; background-color: #F56C77; color: white; border-radius: 50%; padding: 2px 6px; font-size: 12px; line-height: 1; min-width: 20px; text-align: center;">{{ tableDataRKD.length }}</span>
|
|
||||||
</el-button>
|
</el-button>
|
||||||
|
</el-badge>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
icon="el-icon-printer"
|
icon="el-icon-printer"
|
||||||
|
|||||||
Reference in New Issue
Block a user