优化样式 新增版本号

src/views/home/components/settleAccount.vue

@@ -18,7 +18,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="list_wrap card" style="margin-top: 20px;">
+                <div class="list_wrap card" style="margin-top: var(--el-font-size-base);">
                     <div class="item" v-for="item in props.cart" :key="item.id">
                         <div class="top">
                             <span class="name">{{ item.name }}</span>
@@ -60,10 +60,13 @@
 
 <script setup>
 import { ref } from 'vue'
+import { useUser } from "@/store/user.js"
 import payCard from '@/components/payCard/payCard.vue'
 
 import { ipcRenderer } from 'electron'
 
+const store = useUser()
+
 const emit = defineEmits('paySuccess')
 
 const dialogVisible = ref(false)
@@ -95,7 +98,7 @@ const isPrint = ref(true)
 function printHandle() {
     if (!isPrint.value) return
     const data = {
-        shop_name: '大客餐饮',
+        shop_name: store.userInfo.merchantName,
         carts: props.cart,
         amount: props.amount,
         remark: props.remark,
@@ -183,11 +186,11 @@ defineExpose({
 
         .list_wrap {
             padding: var(--el-font-size-base);
-            height: calc(100vh - 220px);
+            height: calc(100vh - 200px);
             overflow-y: auto;
 
             .item {
-                padding-bottom: 20px;
+                padding-bottom: var(--el-font-size-base);
 
                 .top {
                     display: flex;
@@ -247,7 +250,7 @@ defineExpose({
 
         .footer {
             display: flex;
-            padding-top: 20px;
+            padding-top: var(--el-font-size-base);
             gap: var(--el-font-size-base);
 
             .editor {
@@ -263,7 +266,7 @@ defineExpose({
                 flex: 1;
 
                 :deep(.el-checkbox.el-checkbox--large) {
-                    height: 50px;
+                    height: var(--el-component-size-large);
                     background-color: #fff;
                 }