From 4ad10bb7d7e721f8d46a4615f3c4f0685a56aa77 Mon Sep 17 00:00:00 2001 From: zuozhengqing <a13193816592@163.com> Date: 星期四, 19 十月 2023 20:20:34 +0800 Subject: [PATCH] "报表表格右对齐" --- src/views/reportForm/inventoryReport/index.vue | 32 ++++++++++++++++++++++++-------- 1 files changed, 24 insertions(+), 8 deletions(-) diff --git a/src/views/reportForm/inventoryReport/index.vue b/src/views/reportForm/inventoryReport/index.vue index dc8e4fa..8446864 100644 --- a/src/views/reportForm/inventoryReport/index.vue +++ b/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> -- Gitblit v1.8.0