"库存报表table样式修改"

zuozhengqing

2023-10-19 17b729552809335af2ad4f64b8b56a8d26de380c

"库存报表table样式修改"

 src/components/makepager/TableCommonView.vue

@@ -33,6 +33,7 @@
        :min-width="item.min"
        show-overflow-tooltip
        :sortable="item.sortable"
        :align="item.textAlign"
        v-if="item.isShowColumn"
      >
        <template slot-scope="scope">
@@ -115,7 +116,7 @@
          highlight: false,
          tableColumn: [
            // table表单
            { label: "", prop: "", min: 200, tooltip: true }
            { label: "", prop: "", min: 200, tooltip: true,textAlign:"center"}
          ]
        }
      },
@@ -242,7 +243,7 @@
                  }
                }, 0)
                let unitIndex = this.tableList.tableColumn.findIndex(obj => obj.label === column.label);  
                sums[index]+=this.tableList.tableColumn[unitIndex].unit
                sums[index]=this.tableList.tableColumn[unitIndex].unit+sums[index]
              } else {
                sums[index] = ""
              }

 src/views/reportForm/inventoryReport/index.vue

@@ -217,42 +217,48 @@
          label: "单位成本",
          prop: "cost",
          default: false,
          isShowColumn: showcol.includes("单位成本")
          isShowColumn: showcol.includes("单位成本"),
          textAlign:"left"
        },
        {
          label: "总价值",
          prop: "value",
          default: false,
          isShowColumn: showcol.includes("总价值"),
          unit: "￥"
          unit: "￥",
          textAlign:"left"
        },
        {
          label: "在库",
          prop: "amount",
          default: true,
          isShowColumn: true,
          unit: ""
          unit: "",
          textAlign:"left"
        },
        {
          label: "可用库存",
          prop: "availableNumber",
          default: true,
          isShowColumn: true,
          unit: ""
          unit: "",
          textAlign:"left"
        },
        {
          label: "入库",
          prop: "in",
          default: false,
          isShowColumn: showcol.includes("入库"),
          unit: ""
          unit: "",
          textAlign:"left"
        },
        {
          label: "出库",
          prop: "out",
          isShowColumn: showcol.includes("出库"),
          default: false,
          unit: ""
          unit: "",
          textAlign:"left"
        },
        {
          label: "预测",
@@ -419,4 +425,18 @@
    flex: 1;
  }
}

::v-deep .el-table__body-wrapper{
  height: unset !important;
  // height: 100%;
}
::v-deep .table-view{
  height:unset !important;
}
.el-table__cell{
  text-align: unset !important;
}
::v-deep .el-table__cell.is-left{
  text-align: left !important;
}
</style>