优化入库单角标:使用 Element UI 的 el-badge 组件
This commit is contained in:
@@ -44,15 +44,16 @@
|
||||
size="small"
|
||||
@click="submitInStorage">入库
|
||||
</el-button>
|
||||
<el-badge :value="tableDataRKD ? tableDataRKD.length : 0" class="item">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-s-home"
|
||||
style="margin-left: 10px; position: relative;"
|
||||
style="margin-left: 10px"
|
||||
plain
|
||||
size="small"
|
||||
@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-badge>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-printer"
|
||||
|
||||
Reference in New Issue
Block a user