diff --git a/openhis-ui-vue3/src/views/maintainSystem/checkprojectSettings/index.vue b/openhis-ui-vue3/src/views/maintainSystem/checkprojectSettings/index.vue index 83ae3156..82078051 100644 --- a/openhis-ui-vue3/src/views/maintainSystem/checkprojectSettings/index.vue +++ b/openhis-ui-vue3/src/views/maintainSystem/checkprojectSettings/index.vue @@ -3,29 +3,33 @@
@@ -634,15 +589,10 @@ import { import PackageSettings from './components/PackageSettings.vue'; import PackageManagement from './components/PackageManagement.vue'; -// 菜单数据(显示名称) -const menus = ['检验类型', '检验项目', '套餐设置']; -// 内部业务逻辑名称(用于条件判断) +// 菜单数据 +const menus = ['检查类型', '检查方法', '检查部位', '套餐设置']; const activeMenu = ref('检查类型'); -// 右侧侧边栏状态 -const rightTabActive = ref('basic'); -const subTabActive = ref('related'); - // 套餐视图状态: management-套餐管理列表, settings-套餐设置 const packageView = ref('management') // 套餐设置模式: add-新增, edit-编辑, view-查看 @@ -813,21 +763,12 @@ onMounted(async () => { } }); -// 菜单名称映射:将显示名称映射到内部业务逻辑名称 -const menuMapping = { - '检验类型': '检查类型', - '检验项目': '检查方法', - '套餐设置': '套餐设置' -}; - // 处理菜单点击 function handleMenuClick(menu) { console.log('点击菜单:', menu); console.log('当前activeMenu:', activeMenu.value); - // 将显示名称映射到内部业务逻辑名称 - const internalMenu = menuMapping[menu] || menu; - activeMenu.value = internalMenu; + activeMenu.value = menu; console.log('更新后activeMenu:', activeMenu.value); @@ -1552,7 +1493,6 @@ select { min-height: 100vh; background-color: #f5f7fa; color: #000000; - position: relative; } /* 左侧导航栏样式 */ @@ -1671,109 +1611,6 @@ select { overflow-x: auto; overflow-y: auto; background-color: #f8f9fa; - margin-right: 300px; /* 为右侧侧边栏留出空间 */ -} - -/* 右侧侧边栏样式 */ -.right-sidebar { - position: fixed; - right: 0; - top: 0; - width: 300px; - height: 100vh; - background: #ffffff; - box-shadow: -2px 0 8px rgba(0, 0, 0, 0.08); - border-left: 1px solid #e8e8e8; - z-index: 100; - overflow-y: auto; -} - -.right-tabs { - height: 100%; -} - -.right-tabs :deep(.el-tabs__header) { - margin: 0; - padding: 16px 16px 0 16px; - border-bottom: 1px solid #e8e8e8; -} - -.right-tabs :deep(.el-tabs__content) { - padding: 16px; - height: calc(100% - 60px); - overflow-y: auto; -} - -.info-content { - margin-bottom: 20px; -} - -.info-item { - display: flex; - justify-content: space-between; - padding: 12px 0; - border-bottom: 1px solid #f0f0f0; -} - -.info-item:last-child { - border-bottom: none; -} - -.info-label { - font-size: 14px; - color: #666; - font-weight: 500; -} - -.info-value { - font-size: 14px; - color: #333; -} - -.info-value.priority { - display: inline-block; - width: 24px; - height: 24px; - line-height: 24px; - text-align: center; - background: #1890FF; - color: #fff; - border-radius: 50%; - font-weight: bold; -} - -.sub-tabs { - margin-top: 20px; -} - -.sub-tabs :deep(.el-tabs__header) { - margin: 0; - border-bottom: 1px solid #e8e8e8; -} - -.sub-tabs :deep(.el-tabs__content) { - padding: 16px 0; -} - -.empty-content { - text-align: center; - color: #999; - padding: 40px 0; - font-size: 14px; -} - -.requirement-content { - padding: 16px 0; -} - -.requirement-text { - font-size: 14px; - line-height: 1.8; - color: #333; -} - -.requirement-text p { - margin: 0 0 12px 0; } .header {