| | |
|---|
| | | style="width: 100%; height: calc(100vh - 30em)" |
|---|
| | | show-summary |
|---|
| | | :summary-method="summarizeChildrenTable" |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | > |
|---|
| | | <el-table-column type="selection" width="55" align="center" /> |
|---|
| | | <el-table-column |
|---|
| | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // 添加判断行类名的函数 |
|---|
| | | const tableRowClassName = (row) => { |
|---|
| | | if (activeTab.value === 'officialInventory' && row.row.inventoryQuantity < 3) { |
|---|
| | | return 'low-inventory-row'; |
|---|
| | | } |
|---|
| | | return ''; |
|---|
| | | }; |
|---|
| | | // 关闭审核弹框 |
|---|
| | | const cancelReview = () => { |
|---|
| | | proxy.$refs.formRef.resetFields(); |
|---|
| | |
|---|
| | | :deep(.el-table) { |
|---|
| | | margin: 20px 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.low-inventory-row) { |
|---|
| | | background-color: #ffcccc; |
|---|
| | | } |
|---|
| | | </style> |
|---|
