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;
+       height: 1.875rem !important;
-       font-size: 13px;
+       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;
+     height: 1.875rem !important;
-     line-height: 30px !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;
+     height: 1.4375rem !important;
-     line-height: 23px !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;
+   width: .5rem;
-   height: 8px;
+   height: .5rem;
  }
 
  .mytable-style ::-webkit-scrollbar-thumb {
@@ -343,6 +343,7 @@
        box-shadow: none !important;
      }
    }
+
    .el-select__wrapper {
      box-shadow: none;
      background: transparent !important;
@@ -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
  }
 

src/components/contextMenu/index.vue

@@ -0,0 +1,185 @@
+<template>
+  <div class="context-menu-wrapper" @contextmenu.prevent="handleContextMenu($event)">
+    <!-- 插槽：包裹需要绑定右键菜单的内容 -->
+    <slot />
+
+    <!-- 右键菜单 -->
+    <div v-if="visible" class="hospital-menu" :style="{
+      top: `${top}px`,
+      left: `${left}px`,
+      display: visible ? 'block' : 'none',
+      width: `${menuWidth}px`
+    }" @click.stop @contextmenu.prevent>
+      <template v-for="(item, index) in items" :key="index">
+        <div v-if="item.type === 'divider'" class="menu-divider"></div>
+        <div v-if="item.type !== 'divider'" class="menu-item" :class="{
+          danger: item.danger,
+          disabled: item.disabled
+        }" @click="handleItemClick(item)">
+          <span class="menu-shortcut" v-if="item.shortcut">{{ item.shortcut }}</span>
+          <span class="menu-label">{{ item.label }}</span>
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, computed } from 'vue';
+import { ContextMenuItem } from '@/types/index';
+import emitter from '@/utils/mitt';
+
+// 组件Props
+const props = withDefaults(defineProps<{
+  items: ContextMenuItem[];
+  autoClose?: boolean;
+  menuWidth?: number | string;
+}>(), {
+  autoClose: true,
+  menuWidth: 180,
+});
+
+// 组件Emits
+const emit = defineEmits<{
+  (e: 'select', item: ContextMenuItem): void;
+  (e: 'open'): void;
+  (e: 'close'): void;
+}>();
+
+// 菜单状态
+const visible = ref(false);
+const top = ref(0);
+const left = ref(0);
+
+const handleContextMenu = (e: MouseEvent) => {
+  // 打开当前菜单关闭其他菜单
+  emitter.emit('closeAllContextMenus');
+
+  top.value = Math.min(e.clientY, window.innerHeight - 200);
+  left.value = Math.min(e.clientX, window.innerWidth - 200);
+  visible.value = true;
+  emit('open');
+};
+
+// 处理菜单项点击
+const handleItemClick = (item: ContextMenuItem) => {
+  if (item.disabled) return;
+  emit('select', item);
+
+
+  if (props.autoClose !== false) {
+    hideMenu();
+  }
+};
+
+// 隐藏菜单
+const hideMenu = () => {
+  if (visible.value) {
+    visible.value = false;
+    emit('close');
+  }
+};
+
+// 点击外部区域关闭菜单
+const handleClickOutside = (e: MouseEvent) => {
+  hideMenu();
+};
+
+// 键盘事件处理 
+const handleKeyDown = (e: KeyboardEvent) => {
+  // console.log('e==>', e);
+  if (e.key === 'Escape') {
+    hideMenu();
+  }
+  if (e.key === 'e' && visible.value) {
+    console.log('e==>', e);
+  }
+
+};
+
+
+onMounted(() => {
+  document.addEventListener('click', handleClickOutside);
+  document.addEventListener('keydown', handleKeyDown);
+
+  emitter.on('closeAllContextMenus', () => {
+    if (visible.value) {
+      hideMenu();
+    }
+  });
+});
+
+// 卸载时移除事件监听
+onUnmounted(() => {
+  document.removeEventListener('click', handleClickOutside);
+  document.removeEventListener('keydown', handleKeyDown);
+  emitter.off('closeAllContextMenus');
+});
+</script>
+
+<style scoped>
+.context-menu-wrapper {
+  position: relative;
+  height: 100%;
+}
+
+.hospital-menu {
+  position: fixed;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  border-radius: .25rem;
+  box-shadow: 0 .125rem .75rem rgba(0, 0, 0, 0.1);
+  z-index: 9999;
+  padding: .3125rem 0;
+  font-size: .8125rem;
+  font-family: SourceHanSansCN, SourceHanSansCN;
+}
+
+.menu-item {
+  padding: .3125rem .625rem;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  transition: background-color 0.2s;
+  /* justify-content: space-between; */
+}
+
+.menu-item:hover:not(.disabled) {
+  background-color: #e6f7ff;
+  color: #165DFF;
+}
+
+.menu-item.disabled {
+  color: #c0c4cc;
+  cursor: not-allowed;
+}
+
+.menu-item i {
+  margin-right: .5rem;
+  font-size: .875rem;
+  width: 1rem;
+  text-align: center;
+}
+
+
+
+.menu-divider {
+  height: 1px;
+  background-color: #e5e7eb;
+  margin: .25rem 0;
+}
+
+.menu-item.danger {
+  color: #f53f3f;
+}
+
+.menu-item.danger:hover:not(.disabled) {
+  background-color: #fff1f0;
+  color: #f53f3f;
+}
+
+.menu-shortcut {
+  color: #909399;
+  margin-right: .3125rem;
+}
+</style>

src/components/selectSearch/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <el-popover :visible="selectVisible" placement="bottom" :width="'16vw'">
+  <el-popover :visible="selectVisible" placement="bottom" :width="'18vw'" @after-enter="initClickOutside">
-    <el-form :model="queryParams" class="query-form" label-width="90px">
+    <el-form :model="queryParams" class="query-form" label-width="5.625rem">
       <!-- 病人类型选择 -->
       <el-form-item label="病人类型：" prop="brly">
         <el-select v-model="queryParams.brly" placeholder="全部" clearable>
@@ -26,7 +26,7 @@
       <el-row>
         <el-col :span="8">
           <!-- 自审状态选择 -->
-          <el-form-item label-width="10px" prop="autojgbz">
+          <el-form-item label-width="0.625" prop="autojgbz">
             <el-checkbox v-model="queryParams.autojgbz" true-value="1" false-value=""> 自审 </el-checkbox>
           </el-form-item>
         </el-col>
@@ -56,7 +56,7 @@
       <!-- 操作按钮 -->
       <el-form-item>
         <el-button type="primary" @click="handleQuery" :size="props.size">确认查询</el-button>
-        <el-button @click="handleReset" style="margin-left: 8px" :size="props.size">重置</el-button>
+        <el-button @click="handleReset" style="margin-left: 0.5rem" :size="props.size">重置</el-button>
       </el-form-item>
     </el-form>
 
@@ -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) => {

src/components/tabViews/index.vue

@@ -113,22 +113,22 @@ setTimeout(() => {
 }
 
 .scroll-btn {
-  width: 30px;
+  width: 1.875rem;
-  height: 48px;
+  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;
+  width: 5.625rem;
-  height: 48px;
+  height: 3rem;
-  line-height: 48px;
+  line-height: 3rem;
   text-align: center;
   flex-shrink: 0;
   cursor: pointer;

src/types/Object.d.ts

@@ -77,3 +77,21 @@ export class XmInfoNew {
   redoxx: string;
   redosx: string;
 }
+
+// 定义菜单项的类型
+export interface ContextMenuItem {
+  // 菜单项类型：普通项或分隔线
+  type?: 'item' | 'divider';
+  // 菜单项显示文本
+  label?: string;
+  // 菜单项唯一标识，用于事件处理
+  action?: string;
+  // 是否为危险操作（如删除）
+  danger?: boolean;
+  // 是否禁用
+  disabled?: boolean;
+  // 快捷键提示文本
+  shortcut?: string;
+  // 菜单项的子级菜单项
+  props?: Record<string, any>;
+}

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 icon="search" type="primary" @click="handleQuery" :size="aotuSize"> 搜索 </el-button>
-              搜索
+            <el-button icon="Refresh" @click="resetQuery" :size="aotuSize">重置</el-button>
-            </el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</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';
+const aotuSize = classCom.useAutoSize();
-import dayjs from 'dayjs';
 //@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;
+  margin-bottom: .625rem;
-  padding: 10px;
+  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;
+      width: 2.5rem;
-      height: 40px;
+      height: 2.5rem;
-      line-height: 40px;
+      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;
   }
 
 

src/views/liswork/work/components/labpat.vue

@@ -5,7 +5,7 @@
         @keyup.enter="handleInputFocus" />
       <el-button type="primary" :size="aotuSize">打印条码</el-button>
     </div>
-    <el-form :model="labPat" label-width="70px" class="compact-form" label-position="right">
+    <el-form :model="labPat" label-width="5rem" class="compact-form" label-position="right">
       <div :class="['sh_box', getColor(lastJgbz)]" v-if="lastJgbz != null && lastJgbz != 0 && lastJgbz != 'C'">
         <div class="text">{{ getLableType(lastJgbz) }}</div>
       </div>
@@ -398,7 +398,7 @@ onMounted(() => {
 </script>
 <style scoped lang="scss">
 .labpat_box {
-  height: calc(90vh - 73px);
+  height: calc(90vh - 4.375rem);
   display: flex;
   flex-direction: column;
   overflow: hidden;

src/views/liswork/work/components/labpatlist.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="table-container">
+    <ContextMenu :items="contextMenuItems" @select="handleMenuSelect" menu-width="200">
       <CommonTable :table-data="labPatList" :loading="loading" :columns="tableColumns" :dict-data="dictData"
         :row-config="{ isHover: true, keyField: 'ybh' }" @current-change="handleRowClick" size="small"
         :row-style="rowStyle" :cell-style="cellStyle" class="mytable-style" ref="tableRef" :enable-column-drag="true"
@@ -54,14 +55,31 @@
           {{ formatDict(row.yljg, 'HOS') }}
         </template>
       </CommonTable>
+    </ContextMenu>
+
+
+    <el-dialog v-model="show" title="标准结果作为某标本复查结果" width="300" :close-on-click-modal="false" :draggable="true"
+      @close="closeHandle">
+      <div>
+        仪器：
+        <yqSelectTable v-model:data="tableKey.yq" width="200px" />
+        <div>请输入复查的样本号：</div>
+        <el-input v-model="fcYbh" />
+      </div>
+      <div style="text-align: center; width: 100%;">
+        <el-button type="primary" @click="subHandle()"> 确认 </el-button>
+        <el-button @click="closeHandle">取消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script setup lang="ts">
 import { ref, nextTick, onMounted } from 'vue'
 import CommonTable from '@/components/vxeTable/index.vue'
-import { color } from 'echarts'
+import ContextMenu from "@/components/contextMenu/index.vue";
-
+import { ContextMenuItem } from '@/types/index'
+import yqSelectTable from '@/components/SelectTable/YQSelectTable/index.vue'
 const props = defineProps({
   labPatList: {
     type: Array,
@@ -82,7 +100,22 @@ const props = defineProps({
 })
 
 const emits = defineEmits(['select'])
+const show = ref(false)
 
+const fcYbh = ref('')
+const subHandle = () => {
+}
+const closeHandle = () => {
+  show.value = false
+}
+
+const contextMenuItems = computed<ContextMenuItem[]>(() => [
+  { label: '标准结果作为某标本复查结果', action: 'view' }
+]);
+const handleMenuSelect = ((item: ContextMenuItem) => {
+  console.log('item==>', item);
+  show.value = true
+})
 // 表格列配置
 const tableColumns = ref([
   { field: 'finish', title: '完', width: 20, align: 'center', slotName: 'finish', resizable: true },
@@ -180,19 +213,6 @@ defineExpose({
 
 <style lang="scss" scoped>
 .table-container {
-  height: calc(90vh - 141px);
+  height: 76vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.mytable-style {
-  flex: 1;
-}
-
-
-
-.common-table {
-  flex: 1;
-  border-color: #e5e7eb;
 }
 </style>

src/views/liswork/work/components/labresult.vue

@@ -15,7 +15,7 @@
         <el-button type="primary" plain icon="View" :size="aotuSize" @click="previewHandle">预览</el-button>
       </div>
     </div>
-
+    <ContextMenu :items="contextMenuItems" @select="handleMenuSelect">
       <CustomTable ref="tableRef" :data="tableData" :columns="columns" :config="tableConfig" :enable-column-drag="true"
         @row-click="handleRowClick" @column-drag-end="handleColumnDragEnd" class="custom-table-container">
         <template #index="{ row, $index }">
@@ -48,8 +48,8 @@
           {{ row.refs }}{{ row.dw }}
         </template>
         <template #od="{ row }">
-        <el-input v-model="row.od" v-if="labPat.jgbz == 0 || labPat.jgbz == null" size="small" class="full-width-input"
+          <el-input v-model="row.od" v-if="labPat.jgbz == 0 || labPat.jgbz == null" size="small"
-          @change="handleCsjgEnter(row)" />
+            class="full-width-input" @change="handleCsjgEnter(row)" />
           <span v-else>{{ row.od }}</span>
         </template>
         <template #cutoff="{ row }">
@@ -58,6 +58,7 @@
           <span v-else>{{ row.cutoff }}</span>
         </template>
       </CustomTable>
+    </ContextMenu>
     <!-- <div class="flex-between mt10">
       <div>
          <el-button class="btn_green" @click=" ">初报</el-button>
@@ -158,7 +159,7 @@
 </template>
 
 <script setup>
-import { ref, toRefs, watch, nextTick, onMounted } from "vue";
+import { ref, toRefs, watch, nextTick, onMounted, computed } from "vue";
 import {
   check1, check2, uncheck2, unconfirmlog, checkuser, reglimit, queryXmInfo, deleteresult, changeresult,
   newresult, queryXmVal, printListwork, getresultchangelog, setinputmdl, saveResult
@@ -173,6 +174,7 @@ import dayjs from 'dayjs';
 import { listUser } from '@/api/system/user.js'
 import emitter from "@/utils/mitt";
 import { useCommonStore } from "@/store/modules/commonStore";
+import ContextMenu from "@/components/contextMenu/index.vue";
 
 // 组件属性定义
 const props = defineProps({
@@ -245,8 +247,44 @@ watch(() => props.resultSysList, (newVal) => {
   });
 }, { deep: true });
 
+// 右键菜单配置
+const contextMenuItems = computed(() => [
+  { label: '打印预览', action: 'view', shortcut: 'V', },
+  { label: 'PDF报告预览', action: 'bgyl', shortcut: 'P', },
+  { label: '合并病人当前其他结果', action: 'merge', shortcut: 'B', },
+  { type: 'divider' },
+  { label: '锁定报告', action: 'Lock', shortcut: 'L', },
+  { label: '解除报告锁定', action: 'lift', shortcut: 'W', },
+  { type: 'divider' },
+  { label: '删除记录', action: 'delete', danger: true, shortcut: 'd', }
+]);
 
+// 处理菜单选择
+const handleMenuSelect = (item) => {
+  // 根据不同的操作执行相应逻辑
+  switch (item.action) {
+    case 'view':
+      alert(`打印预览`);
+      break;
+    case 'bgyl':
+      alert(`PDF报告预览`);
+      break;
+    case 'merge':
+      alert(`合并病人当前其他结果`);
+      break;
+    case 'Lock':
+      alert(`锁定报告`);
+      break;
+    case 'lift':
+      alert(`解除报告锁定`);
+      break;
+    case 'delete':
+      if (confirm(`确定要删除患者的记录吗？`)) {
 
+      }
+      break;
+  }
+};
 const columns = ref([
   { label: 'No', prop: 'index', width: 30, align: 'center', visible: true, slot: "index" },
   { label: "复", prop: "redo_flag", width: 30, align: 'center', visible: true, },
@@ -306,7 +344,7 @@ const cellStyle = ({ row, column, rowIndex, columnIndex }) => {
 const tableConfig = ref({
   border: true, // 边框
   height: '100%', // 高度
-  maxHeight: '77vh', // max高度
+  maxHeight: '78vh', // max高度
   highlightCurrentRow: true, // 高亮当前行
   cellStyle: cellStyle,
 })
@@ -837,7 +875,7 @@ const formatYs = (v) => {
 
 <style scoped lang="scss">
 .result-container {
-  height: calc(90vh - 74px);
+  height: calc(90vh - 4.3rem);
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -849,6 +887,6 @@ const formatYs = (v) => {
 }
 
 .custom-table-container {
-  flex: 1;
+  height: 100%;
 }
 </style>

src/views/liswork/work/index.vue

@@ -14,7 +14,7 @@
               </el-col>
               <el-col :span="6">
                 <el-form-item label="日期：" prop="jyrq">
-                  <el-date-picker v-model="queryParams.jyrq" type="date" label-width="20px" placeholder="检验日期"
+                  <el-date-picker v-model="queryParams.jyrq" type="date" label-width="1.25rem" placeholder="检验日期"
                     value-format="YYYY-MM-DD" :clearable="false" @change="fetchlabPatList"
                     style="width:100%"></el-date-picker>
                 </el-form-item>
@@ -62,9 +62,9 @@
       <el-col :span="11">
         <div>
           <tabView :tabList="tabList" v-model:activeTab="activeTab" />
-          <div class="box-shadow">
+          <div class="box-shadow right_box">
             <template v-if="activeTab == 1">
-              <div class="flex-between mb10">
+              <div class="flex-between">
                 <div>
                   <el-button type="primary" :size="aotuSize" icon="RefreshRight" @click="fetchlabPatList">刷新</el-button>
                   <el-button type="danger" :size="aotuSize" @click="delSampleHd">删除</el-button>
@@ -614,7 +614,6 @@ getSysList()
 onMounted(async () => {
   // 加载病人来源字典
   const dictRefs = await comDict('PT', 'AU', 'SX', 'DP', 'BT', 'SRD', 'HOS', 'ST');
-
   // 从 ref 中获取实际数据
   dictData.value = {
     PT: toRaw(dictRefs.PT.value) || [],
@@ -636,9 +635,17 @@ onMounted(async () => {
 
 .box-shadow {
   box-shadow: 2px 2px 4px 0px rgba(206, 217, 234, 0.7);
-  border-radius: 12px;
+  border-radius: .75rem;
-  padding: 10px;
+  padding: .5rem;
   background-color: #fff;
+
+  .flex-between {
+    margin-bottom: .5rem;
+  }
+}
+
+.right_box {
+  height: calc(90vh - 3.4rem);
 }
 
 .compact-form {
@@ -646,20 +653,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 +677,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;