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