优化左侧单据的显示
This commit is contained in:
@@ -102,10 +102,15 @@
|
|||||||
<!-- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> -->
|
<!-- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> -->
|
||||||
</el-row>
|
</el-row>
|
||||||
<!-- @selection-change="printSelectionChange" -->
|
<!-- @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 type="selection" width="55" align="center" />
|
||||||
<el-table-column label="单据号" align="center" prop="billNo" width="180" />
|
<el-table-column label="单据号" align="center" prop="billNo" width="180" />
|
||||||
<el-table-column label="库存状态" align="center" >
|
<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">
|
<template #default="scope">
|
||||||
<dict-tag :options="dictTagData()" :value="scope.row.bizType" />
|
<dict-tag :options="dictTagData()" :value="scope.row.bizType" />
|
||||||
</template>
|
</template>
|
||||||
@@ -938,7 +943,7 @@ getList();
|
|||||||
|
|
||||||
// 显示预出库的状态
|
// 显示预出库的状态
|
||||||
const tableBillRowClassName = ({ row, rowIndex }) => {
|
const tableBillRowClassName = ({ row, rowIndex }) => {
|
||||||
if (rowIndex == 0) {
|
if (row.execStatus == 0) {
|
||||||
return 'success-row'
|
return 'success-row'
|
||||||
}
|
}
|
||||||
return ''
|
return ''
|
||||||
@@ -1971,24 +1976,20 @@ const billAllObj = ref([])
|
|||||||
const billStatus = ref('')
|
const billStatus = ref('')
|
||||||
|
|
||||||
</script>
|
</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">
|
<style scoped lang="scss">
|
||||||
:deep(.el-table .warning-row) {
|
|
||||||
background-color: var(--el-color-warning-lighter) !important;
|
|
||||||
}
|
|
||||||
:deep(.el-table .success-row) {
|
:deep(.el-table .success-row) {
|
||||||
background-color: var(--el-color-success-lighter) !important;
|
background-color: #f8fdf5 !important;
|
||||||
}
|
}
|
||||||
.titleBox{
|
.el-table {
|
||||||
text-align: center;
|
/* 核心:把 hover 背景色设为和默认行背景色一致 */
|
||||||
|
--el-table-row-hover-bg-color: transparent;
|
||||||
|
/* 或设为和表格背景色相同(比如白色),更通用 */
|
||||||
|
/* --el-table-row-hover-bg-color: #ffffff; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.printMeBox{
|
.printMeBox{
|
||||||
div{
|
div{
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
|
|||||||
Reference in New Issue
Block a user