From 0b6085313adfaea72af9d1fcbf874394e9575a1b Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期六, 04 一月 2025 11:55:18 +0800 Subject: [PATCH] 样式优化 --- src/views/order/index.vue | 47 +++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 43 insertions(+), 4 deletions(-) diff --git a/src/views/order/index.vue b/src/views/order/index.vue index ca46952..3abba91 100644 --- a/src/views/order/index.vue +++ b/src/views/order/index.vue @@ -16,7 +16,7 @@ </el-input> </div> </div> - <div style="height: calc(100vh - 208px)"> + <div style="height: calc(100vh - 158px)"> <el-table v-loading="listLoading" :data="list" @@ -29,7 +29,7 @@ <el-table-column label="瀛﹀憳" prop="playerBaseInfo.name"> </el-table-column> <el-table-column label="鐢佃瘽" prop="mobile"> </el-table-column> - <el-table-column label="璐拱鏂瑰紡" width="200" prop="payType"> + <el-table-column label="璐拱鏂瑰紡" prop="payType"> <template slot-scope="scope"> {{ scope.row.payType == 'DIRECT' @@ -44,9 +44,9 @@ </el-table-column> <el-table-column label="瀹為檯缂磋垂" width="80" prop="amt"> </el-table-column> - <el-table-column label="璁㈠崟鏃堕棿" width="200" prop="createTime"> + <el-table-column label="璁㈠崟鏃堕棿" width="180" prop="createTime"> </el-table-column> - <el-table-column label="鎿嶄綔" width="200"> + <el-table-column label="鎿嶄綔" width="120"> <template slot-scope="scope"> <el-link @click="handlePrint(scope.row)" @@ -221,3 +221,42 @@ }, }; </script> + +<style> +#print-container { + display: none; +} +@media print { + body > :not(.print-container) { + display: none; + } + html, + body { + display: block !important; + } + #print-container { + display: block; + } +} +@page { + margin-top: 0; + margin-bottom: 0; +} +.div-2-column { + display: flex; + flex-direction: row; + justify-content: space-between; +} +.m-h2 { + text-align: center; + font-size: 1.17em; + margin-top: 50px; + font-weight: bold; +} +#tr { + height: 30px; +} +.txt-center { + text-align: center; +} +</style> \ No newline at end of file -- Gitblit v1.8.0