优化左侧单据的显示

This commit is contained in:
2026-01-21 08:39:06 +08:00
parent a9dbcf522c
commit a9883e218a

View File

@@ -102,10 +102,15 @@
<!-- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> -->
</el-row>
<!-- @selection-change="printSelectionChange" -->
<el-table v-loading="loading" highlight-current-row :data="billList" :row-class-name="tableBillRowClassName" @row-dblclick="billClick" @current-change="uploadSelectionChange">
<el-table v-loading="loading" :data="billList" :row-class-name="tableBillRowClassName" @row-dblclick="billClick" @current-change="uploadSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="单据号" align="center" prop="billNo" width="180" />
<el-table-column label="库存状态" align="center" >
<template #default="scope">
<span>{{ scope.row.execStatus == 1 ? '已入库' : '预入库' }}</span>
</template>
</el-table-column>
<el-table-column label="操作类型" align="center" >
<template #default="scope">
<dict-tag :options="dictTagData()" :value="scope.row.bizType" />
</template>
@@ -938,7 +943,7 @@ getList();
// 显示预出库的状态
const tableBillRowClassName = ({ row, rowIndex }) => {
if (rowIndex == 0) {
if (row.execStatus == 0) {
return 'success-row'
}
return ''
@@ -1971,24 +1976,20 @@ const billAllObj = ref([])
const billStatus = ref('')
</script>
<style>
.el-table .warning-row {
--el-table-tr-background-color: var(--el-color-warning-lighter) !important;
}
.el-table .success-row {
--el-table-tr-background-color: var(--el-color-success-lighter) !important;
}
</style>
<style scoped lang="scss">
:deep(.el-table .warning-row) {
background-color: var(--el-color-warning-lighter) !important;
}
:deep(.el-table .success-row) {
background-color: var(--el-color-success-lighter) !important;
background-color: #f8fdf5 !important;
}
.titleBox{
text-align: center;
.el-table {
/* 核心:把 hover 背景色设为和默认行背景色一致 */
--el-table-row-hover-bg-color: transparent;
/* 或设为和表格背景色相同(比如白色),更通用 */
/* --el-table-row-hover-bg-color: #ffffff; */
}
.printMeBox{
div{
line-height: 30px;