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 ++++++++++++++++++++++++-------- src/components/makepager/TableCommonView.vue | 1 - src/views/reportForm/locationReport/index.vue | 6 +++--- 3 files changed, 27 insertions(+), 12 deletions(-) diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue index 4c090ac..34f0287 100644 --- a/src/components/makepager/TableCommonView.vue +++ b/src/components/makepager/TableCommonView.vue @@ -33,7 +33,6 @@ :min-width="item.min" show-overflow-tooltip :sortable="item.sortable" - header-align="center" :align="item.textAlign" v-if="item.isShowColumn" > 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> diff --git a/src/views/reportForm/locationReport/index.vue b/src/views/reportForm/locationReport/index.vue index a70bf23..62adb10 100644 --- a/src/views/reportForm/locationReport/index.vue +++ b/src/views/reportForm/locationReport/index.vue @@ -166,7 +166,7 @@ isShowColumn: true, default: true, unit: "", - textAlign:"left" + textAlign:"right" }, { label: "棰勭暀鏁伴噺", @@ -174,7 +174,7 @@ isShowColumn: true, default: true, unit: "", - textAlign:"left" + textAlign:"right" }, { label: "鍗曚綅", @@ -189,7 +189,7 @@ width: 120, default: false, isShowColumn: showcol.includes("浠峰��"), - textAlign:"left", + textAlign:"right", unit: "锟�" } ] -- Gitblit v1.8.0