From b203d9310b6fa7729ba1911f1ef775ea3c75cef4 Mon Sep 17 00:00:00 2001
From: wyuu <czlis@wuyy>
Date: Fri, 31 Oct 2025 09:50:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/ruoyi.scss          | 35 ++++++++-------
 src/components/selectSearch/index.vue | 10 ++++-
 src/components/tabViews/index.vue     | 20 ++++-----
 src/views/checkCode/index.vue         | 65 +++++++++++++--------------
 src/views/liswork/work/index.vue      | 14 +++---
 5 files changed, 75 insertions(+), 69 deletions(-)

diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss
index 8827267..2e287dc 100644
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -95,12 +95,12 @@
  }
 
  .el-form--inline .el-form-item {
-   margin-right: 15px;
+   margin-right: .9375rem;
  }
 
  .el-form-item__label {
    font-weight: 400;
-   font-size: 14px;
+   font-size: .875rem;
    color: #08355E;
  }
 
@@ -117,7 +117,7 @@
 
  .el-table {
    padding: 0 !important;
-   border-radius: 10px !important;
+   border-radius: .625rem !important;
 
    .el-table__header-wrapper,
    .el-table__fixed-header-wrapper {
@@ -125,8 +125,8 @@
        word-break: break-word;
        background-color: #1F6DD3 !important;
        color: #FFF;
-       height: 30px !important;
-       font-size: 13px;
+       height: 1.875rem !important;
+       font-size: .8125rem;
      }
    }
 
@@ -251,7 +251,7 @@
    border: 1px solid #96B8D9 !important;
    border-top: none !important;
    /* 蓝色外边框 */
-   border-radius: 8px;
+   border-radius: .5rem;
    /* 可选：添加边框圆角 */
    overflow: hidden;
  }
@@ -261,10 +261,10 @@
      word-break: break-word;
      background-color: #1F6DD3 !important;
      color: #FFF;
-     height: 30px !important;
-     line-height: 30px !important;
+     height: 1.875rem !important;
+     line-height: 1.875rem !important;
      padding: 0 !important;
-     font-size: 13px;
+     font-size: .8125rem;
      border-color: #1F6DD3 !important;
    }
 
@@ -277,12 +277,12 @@
    }
 
    .vxe-table--render-default .vxe-body--column {
-     height: 23px !important;
-     line-height: 23px !important;
+     height: 1.4375rem !important;
+     line-height: 1.4375rem !important;
    }
 
    .el-checkbox {
-     height: 23px !important;
+     height: 1.4375rem !important;
    }
  }
 
@@ -302,8 +302,8 @@
 
  // 滚动条
  .mytable-style ::-webkit-scrollbar {
-   width: 8px;
-   height: 8px;
+   width: .5rem;
+   height: .5rem;
  }
 
  .mytable-style ::-webkit-scrollbar-thumb {
@@ -343,8 +343,9 @@
        box-shadow: none !important;
      }
    }
+
    .el-select__wrapper {
-    box-shadow: none;
+     box-shadow: none;
      background: transparent !important;
      padding: 0 !important;
      outline: none;
@@ -358,10 +359,10 @@
 
  /** 表单布局 **/
  .form-header {
-   font-size: 15px;
+   font-size: .9375rem;
    color: #6379bb;
    border-bottom: 1px solid #ddd;
-   margin: 8px 10px 25px 10px;
+   margin: .5rem .625rem 1.5625rem .625rem;
    padding-bottom: 5px
  }
 
diff --git a/src/components/selectSearch/index.vue b/src/components/selectSearch/index.vue
index c97f9a0..326f164 100644
--- a/src/components/selectSearch/index.vue
+++ b/src/components/selectSearch/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-popover :visible="selectVisible" placement="bottom" :width="'16vw'">
+  <el-popover :visible="selectVisible" placement="bottom" :width="'16vw'" @after-enter="initClickOutside">
     <el-form :model="queryParams" class="query-form" label-width="90px">
       <!-- 病人类型选择 -->
       <el-form-item label="病人类型：" prop="brly">
@@ -181,6 +181,14 @@ const queryParams = ref<QueryParams>({
   ...props.initialParams
 })
 
+// 由于更多按钮在 app 元素内，给 app 元素注册的点击事件必须在弹出框显示后并且是一次性的
+// 防止更多按钮的事件与之冲突
+const initClickOutside = () => {
+  document.getElementById('app')!.addEventListener('click', () => {
+    selectVisible.value = false
+  }, { once: true })
+}
+
 // 记录上一次选中的值
 const lastRadioValue = ref<string | undefined>(undefined);
 const handleRadioChange = (value: string) => {
diff --git a/src/components/tabViews/index.vue b/src/components/tabViews/index.vue
index d13fccc..457d2e8 100644
--- a/src/components/tabViews/index.vue
+++ b/src/components/tabViews/index.vue
@@ -113,22 +113,22 @@ setTimeout(() => {
 }
 
 .scroll-btn {
-  width: 30px;
-  height: 48px;
+  width: 1.875rem;
+  height: 3rem;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
   cursor: pointer;
   z-index: 10;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.1);
   transition: opacity 0.3s;
 
   &.left {
     position: absolute;
     left: 0;
     top: 0;
-    border-radius: 12px 0 0 12px;
+    border-radius: .75rem 0 0 .75rem;
     border: 1px solid #fff;
   }
 
@@ -136,7 +136,7 @@ setTimeout(() => {
     position: absolute;
     right: 0;
     top: 0;
-    border-radius: 0 12px 12px 0;
+    border-radius: 0 .75rem .75rem 0;
     border: 1px solid #fff;
   }
 
@@ -149,7 +149,7 @@ setTimeout(() => {
 .tab-wrapper {
   flex: 1;
   overflow: hidden;
-  padding: 0 30px; // 给箭头留出空间
+  padding: 0 1.875rem; // 给箭头留出空间
 }
 
 .tab-list {
@@ -170,11 +170,11 @@ setTimeout(() => {
 
 .text {
   font-weight: 400;
-  font-size: 16px;
+  font-size: 1rem;
   color: #1F6DD3;
-  width: 90px;
-  height: 48px;
-  line-height: 48px;
+  width: 5.625rem;
+  height: 3rem;
+  line-height: 3rem;
   text-align: center;
   flex-shrink: 0;
   cursor: pointer;
diff --git a/src/views/checkCode/index.vue b/src/views/checkCode/index.vue
index 8ccc2fa..8e5aecb 100644
--- a/src/views/checkCode/index.vue
+++ b/src/views/checkCode/index.vue
@@ -2,25 +2,25 @@
   <div class="app-container ">
     <div ref="compactForm">
       <el-row :gutter="10" class="compact-form" v-show="showSearch">
-        <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="queryRules">
+        <el-form :model="queryParams" ref="queryRef" :inline="true" :size="aotuSize" :rules="queryRules">
           <el-form-item label="日期：" prop="failed1">
             <el-date-picker v-model="queryParams.times" type="datetimerange" range-separator="-"
               start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss"
-              value-format="YYYY-MM-DD HH:mm:ss" @change="handletime" />
+              value-format="YYYY-MM-DD HH:mm:ss" @change="handletime" style="width: 25rem;" />
           </el-form-item>
 
           <el-form-item label="医疗机构：" prop="yljg">
-            <el-select v-model="queryParams.yljg" placeholder="请选择" style="width: 150px;">
+            <el-select v-model="queryParams.yljg" placeholder="请选择" style="width: 9.37rem;">
               <el-option v-for="item in dictData.HOS" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
           <el-form-item label="条码状态：" prop="zt">
-            <el-select v-model="queryParams.zt" placeholder="请选择" style="width: 100px;">
+            <el-select v-model="queryParams.zt" placeholder="请选择" style="width: 6.25rem;">
               <el-option v-for="item in dictData.ST" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
           <el-form-item label="" prop="failed4">
-            <el-select v-model="queryParams.failed4" placeholder="请选择" style="width:140px">
+            <el-select v-model="queryParams.failed4" placeholder="请选择" style="width:8.75">
               <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
@@ -30,10 +30,8 @@
           </el-form-item>
 
           <el-form-item label="">
-            <el-button icon="search" type="primary" @click="handleQuery">
-              搜索
-            </el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            <el-button icon="search" type="primary" @click="handleQuery" :size="aotuSize"> 搜索 </el-button>
+            <el-button icon="Refresh" @click="resetQuery" :size="aotuSize">重置</el-button>
           </el-form-item>
         </el-form>
       </el-row>
@@ -44,31 +42,31 @@
       <el-col :span="16" class="right-table">
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="printHandle">生成条码</el-button>
+            <el-button type="primary" :size="aotuSize" plain icon="Plus" @click="printHandle">生成条码</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" plain icon="Edit" @click="selectStatusRows">选中所有未打印</el-button>
+            <el-button type="danger" :size="aotuSize" plain icon="Edit" @click="selectStatusRows">选中所有未打印</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="success" plain @click="printPdf">打印</el-button>
+            <el-button type="success" :size="aotuSize" plain @click="printPdf">打印</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="info" plain icon="Upload" @click="openBlock('采样登记')">采样登记</el-button>
+            <el-button type="info" :size="aotuSize" plain icon="Upload" @click="openBlock('采样登记')">采样登记</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="warning" plain @click="openBlock('送检登记')">送检登记</el-button>
+            <el-button type="warning" :size="aotuSize" plain @click="openBlock('送检登记')">送检登记</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="warning" plain @click="goReport">报告查询</el-button>
+            <el-button type="warning" :size="aotuSize" plain @click="goReport">报告查询</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="warning" plain @click="cancelHandle">条码作废</el-button>
+            <el-button type="warning" :size="aotuSize" plain @click="cancelHandle">条码作废</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="warning" plain>打印机设置</el-button>
+            <el-button type="warning" :size="aotuSize" plain>打印机设置</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="warning" plain>清单打印</el-button>
+            <el-button type="warning" :size="aotuSize" plain>清单打印</el-button>
           </el-col>
           <!-- <right-toolbar v-model:showSearch="showSearch" @updateColumns="updateColumns" @queryTable="handleQuery"
             :columns="columns"></right-toolbar> -->
@@ -101,7 +99,7 @@
       </el-col>
       <el-col :span="8" class="right-table">
         <!-- <div class="title"> 项目 </div> -->
-        <el-button type="primary" plain class="mb8">拆分选中项目</el-button>
+        <el-button type="primary" plain class="mb8" :size="aotuSize">拆分选中项目</el-button>
         <CustomTable :data="rightTableData" :columns="rightColumns" :config="rightTableConfig">
           <template #jjzt="{ row }">
             {{ row.jjzt == '1' ? '计价' : '无' }}
@@ -166,8 +164,7 @@ import CustomTable from '@/components/elTable/index.vue'
 import { useRouter } from 'vue-router'
 import { usePrintStore } from '@/store/modules/printStore'
 import { fetchCodeList, addObj, fetchCodeDetail, fetchCodeExec, fetchCodeReqmain } from '@/api/checkCode/index'
-import { TableColumnCtx } from 'element-plus';
-import dayjs from 'dayjs';
+const aotuSize = classCom.useAutoSize();
 //@ts-ignore 
 import { comDict } from '@/utils/dict'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -670,13 +667,13 @@ const printPdf = () => {
 
 .right-table {
   border: 1px solid #E1E9F7;
-  padding-top: 5px;
+  padding-top: .3125rem;
 }
 
 .title {
   border-bottom: 1px solid #E1E9F7;
-  margin-bottom: 10px;
-  padding: 10px;
+  margin-bottom: .625rem;
+  padding: .625rem;
   font-weight: 700;
 }
 
@@ -684,9 +681,9 @@ const printPdf = () => {
   display: flex;
   justify-content: space-around;
   align-items: center;
-  margin-top: 10px;
+  margin-top: .625rem;
   background-color: #f0f3f8;
-  padding: 10px 40px;
+  padding: .625rem 2.5rem;
 }
 
 .time-line-item {
@@ -702,42 +699,42 @@ const printPdf = () => {
     align-items: center;
 
     .index {
-      width: 40px;
-      height: 40px;
-      line-height: 40px;
+      width: 2.5rem;
+      height: 2.5rem;
+      line-height: 2.5rem;
       background: #E1E9F7;
       border-radius: 50%;
       text-align: center;
       font-family: SourceHanSansCN, SourceHanSansCN;
       font-weight: 500;
-      font-size: 18px;
+      font-size: 1.125rem;
       color: #4767A3;
     }
 
     .active {
       background-color: #4096ff;
-      box-shadow: 0 0 0 4px rgba(64, 150, 255, 0.2);
+      box-shadow: 0 0 0 .25rem rgba(64, 150, 255, 0.2);
       color: #FFF;
     }
 
     .timeline-title {
       font-family: SourceHanSansCN, SourceHanSansCN;
       font-weight: 500;
-      font-size: 16px;
+      font-size: 1rem;
       color: #4767A3;
     }
 
     .timeline-time {
       font-family: SourceHanSansCN, SourceHanSansCN;
       font-weight: 400;
-      font-size: 14px;
+      font-size: .875rem;
       color: #4767A3;
     }
 
   }
 
   .timg {
-    width: 50px;
+    width: 3.125rem;
   }
 
 
diff --git a/src/views/liswork/work/index.vue b/src/views/liswork/work/index.vue
index d3788ec..d68f025 100644
--- a/src/views/liswork/work/index.vue
+++ b/src/views/liswork/work/index.vue
@@ -636,8 +636,8 @@ onMounted(async () => {
 
 .box-shadow {
   box-shadow: 2px 2px 4px 0px rgba(206, 217, 234, 0.7);
-  border-radius: 12px;
-  padding: 10px;
+  border-radius: .75rem;
+  padding: .625rem;
   background-color: #fff;
 }
 
@@ -646,20 +646,20 @@ onMounted(async () => {
   margin-bottom: 0.5rem;
 
   .el-form-item--default {
-    margin-bottom: 5px !important;
+    margin-bottom: .3125rem !important;
   }
 
   .el-form-item--small {
-    margin-bottom: 5px !important;
+    margin-bottom: .3125rem !important;
   }
 }
 
 .card-content {
-  max-height: 450px;
+  max-height: 28.125rem;
   /* 设置最大高度 */
   overflow-y: auto;
   /* 超出高度时显示垂直滚动条 */
-  padding: 5px;
+  padding: .3125rem;
   /* 保持与卡片默认一致的内边距 */
 }
 
@@ -670,7 +670,7 @@ onMounted(async () => {
   justify-content: space-around;
   font-family: SourceHanSansCN, SourceHanSansCN;
   font-weight: 500;
-  font-size: 16px;
+  font-size: 1rem;
   color: #28BDBB;
   // margin-top: 20px;