"报表表格右对齐"

zuozhengqing

2023-10-19 4ad10bb7d7e721f8d46a4615f3c4f0685a56aa77

 src/views/reportForm/inventoryReport/index.vue

@@ -31,8 +31,10 @@
        </div>
        <p style="margin-top: 30px">类别</p>
        <el-checkbox-group v-model="checkList" @change="checkListHandler">
          <el-checkbox v-for="item in categoryList" :key="item.id" :label="item.id">{{ item.name }}</el-checkbox>
        </el-checkbox-group>
          <el-checkbox v-for="item in categoryList" :key="item.id" :label="item.id">
            {{ item.name }}
          </el-checkbox>
          </el-checkbox-group>
      </div>
      <div class="list-view">
        <div class="table">
@@ -218,7 +220,7 @@
          prop: "cost",
          default: false,
          isShowColumn: showcol.includes("单位成本"),
          textAlign:"left"
          textAlign:"right"
        },
        {
          label: "总价值",
@@ -226,7 +228,7 @@
          default: false,
          isShowColumn: showcol.includes("总价值"),
          unit: "￥",
          textAlign:"left"
          textAlign:"right"
        },
        {
          label: "在库",
@@ -234,7 +236,7 @@
          default: true,
          isShowColumn: true,
          unit: "",
          textAlign:"left"
          textAlign:"right"
        },
        {
          label: "可用库存",
@@ -242,7 +244,7 @@
          default: true,
          isShowColumn: true,
          unit: "",
          textAlign:"left"
          textAlign:"right"
        },
        {
          label: "入库",
@@ -250,7 +252,7 @@
          default: false,
          isShowColumn: showcol.includes("入库"),
          unit: "",
          textAlign:"left"
          textAlign:"right"
        },
        {
          label: "出库",
@@ -258,7 +260,7 @@
          isShowColumn: showcol.includes("出库"),
          default: false,
          unit: "",
          textAlign:"left"
          textAlign:"right"
        },
        {
          label: "预测",
@@ -413,6 +415,7 @@
  .con_left {
    width: 200px;
    .el-checkbox-group {
      width:100%;
      display: flex;
      flex-direction: column;
    }
@@ -425,5 +428,18 @@
    flex: 1;
  }
}
::v-deep {
  .el-checkbox {
    padding: 5px;
  }
  .el-checkbox__label {
    width: 95%;
    box-sizing: border-box;
    padding-right: 5px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap !important;
  }
}

</style>