优化左侧单据的显示
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user