From d88d2ff675183a19cc286ec66a31c6da2f44e290 Mon Sep 17 00:00:00 2001
From: wuyy <czlis@wuyy>
Date: Tue, 9 Jun 2026 18:00:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss                  |   2 +-
 .../bloodTransfusionApplication.vue           | 645 -----------------
 .../components/bloodTransfusionAssessment.vue | 550 ---------------
 src/views/doctor/application/index.vue        | 646 ++++++++++++++++++
 src/views/doctor/assessment/index.vue         | 544 +++++++++++++++
 .../{blood => doctor}/deptPatient/index.vue   | 159 ++---
 src/views/doctor/evaluation/index.vue         |  17 +
 .../reactionRegist/index.vue                  |   2 +-
 src/views/{blood => doctor}/review/index.vue  |  22 +-
 .../{blood => nurses}/receiveBlood/index.vue  |   0
 src/views/{blood => nurses}/record/index.vue  |   0
 src/views/nurses/specimenEntry/index.vue      | 202 ++++++
 12 files changed, 1495 insertions(+), 1294 deletions(-)
 delete mode 100644 src/views/blood/deptPatient/components/bloodTransfusionApplication.vue
 delete mode 100644 src/views/blood/deptPatient/components/bloodTransfusionAssessment.vue
 create mode 100644 src/views/doctor/application/index.vue
 create mode 100644 src/views/doctor/assessment/index.vue
 rename src/views/{blood => doctor}/deptPatient/index.vue (77%)
 create mode 100644 src/views/doctor/evaluation/index.vue
 rename src/views/{blood => doctor}/reactionRegist/index.vue (99%)
 rename src/views/{blood => doctor}/review/index.vue (92%)
 rename src/views/{blood => nurses}/receiveBlood/index.vue (100%)
 rename src/views/{blood => nurses}/record/index.vue (100%)
 create mode 100644 src/views/nurses/specimenEntry/index.vue

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 286fabb..28ce74a 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -492,7 +492,7 @@ aside {
 
   /* 表格最外层边框（可选） */
   .el-table--border {
-    border: 1px solid #cc3d61 !important;
+    border: 1px solid #ece9ea !important;
   }
 
   .el-scrollbar__thumb {
diff --git a/src/views/blood/deptPatient/components/bloodTransfusionApplication.vue b/src/views/blood/deptPatient/components/bloodTransfusionApplication.vue
deleted file mode 100644
index 84bad7d..0000000
--- a/src/views/blood/deptPatient/components/bloodTransfusionApplication.vue
+++ /dev/null
@@ -1,645 +0,0 @@
-/**
-* @file bloodTransfusionApplication.vue
-* @description: 输血申请
-* @author: w
-* @since: 2026-06-04
-*/
-
-<template>
-  <el-dialog v-model="visible" title="输血申请" width="1300px" :close-on-click-modal="false" @closed="handleClose">
-    <div class="transfusion-apply-dialog">
-      <div class="layout-container">
-        <!-- 左侧病人信息 -->
-        <div class="patient-info-panel">
-          <div class="panel-title">病人信息</div>
-          <el-table :data="patientInfoList" border :show-header="false"
-            :header-cell-style="{ background: '#f5f7fa', color: '#606266' }" style="width: 100%">
-            <el-table-column prop="label" label="项目" align="left" width="100" />
-            <el-table-column prop="value" label="内容" align="left">
-              <template #default="{ row }">
-                <div v-if="row.type === 'switch'">
-                  <el-switch v-model="row.value" :active-value="true" :inactive-value="false" active-color="#409eff"
-                    inactive-color="#dcdfe6" active-text="是" inactive-text="否" inline-prompt />
-                </div>
-                <div v-else-if="row.type === 'select'">
-                  <el-select v-model="row.value" placeholder="" style="width: 100%" class="full-width-input">
-                    <el-option label="选项1" value="1" />
-                    <el-option label="选项2" value="2" />
-                  </el-select>
-                </div>
-                <div v-else>
-                  <el-input v-model="row.value" placeholder="" style="width: 100%" class="full-width-input" />
-                </div>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-
-        <!-- 右侧主内容 -->
-        <div class="main-content">
-          <!-- 输血申请 -->
-          <div class="apply-panel">
-            <div class="panel-title">输血申请</div>
-            <div class="form-container">
-
-              <div class="two-col checkbox-row">
-                <div class="form-item-column">
-                  <div class="text">申请类型</div>
-                  <el-radio-group v-model="formData.applyType">
-                    <el-radio :value="1">常规用血</el-radio>
-                    <el-radio :value="2">手术备血</el-radio>
-                    <el-radio :value="3">紧急</el-radio>
-                    <el-radio :value="4">大量</el-radio>
-                    <el-radio :value="5">紧急非同型</el-radio>
-                  </el-radio-group>
-                </div>
-              </div>
-
-              <div class="two-col">
-                <div class="form-item-column">
-                  <div class="text">科室类型：</div>
-                  <el-select v-model="formData.deptType" placeholder="请选择">
-                    <el-option label="正常" value="1" />
-                  </el-select>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">单据类型：</div>
-                  <el-select v-model="formData.docType" placeholder="请选择">
-                    <el-option label="正常" value="1" />
-                  </el-select>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">预定输血日期：</div>
-                  <el-date-picker v-model="formData.preDate" type="datetime" placeholder="选择日期"
-                    value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%" />
-                </div>
-              </div>
-
-              <div class="two-col">
-                <div class="form-item-column">
-                  <div class="text">临床诊断：</div>
-                  <el-input v-model="formData.diagnosis" placeholder="请输入" />
-                </div>
-                <div class="form-item-column">
-                  <div class="text">输血目的：</div>
-                  <el-select v-model="formData.transPurpose" placeholder="" filterable allow-create>
-                    <el-option label="1" value="1" />
-                  </el-select>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">输血指征：</div>
-                  <el-select v-model="formData.indication" placeholder="" filterable allow-create clearable>
-                    <el-option label="1" value="1" />
-                  </el-select>
-                </div>
-              </div>
-
-
-              <div class="two-col">
-                <div class="form-item-column">
-                  <div class="text">手术名称：</div>
-                  <el-select v-model="formData.opName" placeholder="" filterable allow-create>
-                    <el-option label="手术名称" value="手术名称" />
-                  </el-select>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">手术级别：</div>
-                  <el-select v-model="formData.opLevel" placeholder="">
-                    <el-option label="一级手术" value="一级手术" />
-                  </el-select>
-                </div>
-
-                <div class="form-item-column">
-                  <div class="text">&nbsp;</div>
-                  <el-checkbox v-model="formData.isSelf">病人/病人家属是否签署输血同意书</el-checkbox>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div class="apply-panel">
-            <div class="panel-title">病人最近检查结果</div>
-            <div class="form-container">
-              <div class="two-col">
-                <div class="form-item-column">
-                  <div class="text">HGB：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.hgbValue" placeholder="">
-                      <template #suffix>
-                        g/L
-                      </template>
-                    </el-input>
-                  </div>
-                </div>
-
-                <div class="form-item-column">
-                  <div class="text">HCT：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.hgbExpect" placeholder="">
-                      <template #suffix>
-                        %
-                      </template>
-                    </el-input>
-                  </div>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">PLT：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.estimatedVolume" placeholder="">
-                      <template #suffix>
-                        X10^9/L
-                      </template>
-                    </el-input>
-                  </div>
-                </div>
-              </div>
-              <div class="two-col">
-                <div class="form-item-column">
-                  <div class="text">ALT：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.hgbValue" placeholder="">
-                      <template #suffix>
-                        U/L
-                      </template>
-                    </el-input>
-                  </div>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">HBsAg：</div>
-                  <div class="input-with-unit">
-                    <el-select v-model="formData.hgbExpect" placeholder="">
-                      <!-- <el-option label="阴性" value="negative" />  -->
-                    </el-select>
-                  </div>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">TP：</div>
-                  <div class="input-with-unit">
-                    <el-select v-model="formData.estimatedVolume" placeholder="">
-                      <!-- <el-option label="阴性" value="negative" />  -->
-                    </el-select>
-                  </div>
-                </div>
-              </div>
-              <div class="two-col">
-                <div class="form-item-column">
-                  <div class="text">Anti-HCV：</div>
-                  <div class="input-with-unit">
-                    <el-select v-model="formData.hgbValue" placeholder="">
-                      <!-- <el-option label="阴性" value="negative" />  -->
-                    </el-select>
-                  </div>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">Anti-HIV：</div>
-                  <div class="input-with-unit">
-                    <el-select v-model="formData.hgbExpect" placeholder="">
-                      <!-- <el-option label="阴性" value="negative" />  -->
-                    </el-select>
-                  </div>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">PT：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.estimatedVolume" placeholder="">
-                      <template #suffix>
-                        U
-                      </template>
-                    </el-input>
-                  </div>
-                </div>
-              </div>
-              <div class="two-col">
-                <div class="form-item-column">
-                  <div class="text">APTT：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.hgbValue" placeholder="">
-                      <template #suffix>
-                        秒
-                      </template>
-                    </el-input>
-                  </div>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">FIB：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.hgbExpect" placeholder="">
-                      <template #suffix>
-                        g/L
-                      </template>
-                    </el-input>
-                  </div>
-                </div>
-                <div class="form-item-column">
-                  <div class="text">INR：</div>
-                  <div class="input-with-unit">
-                    <el-input v-model="formData.estimatedVolume" placeholder="" />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div class="apply-panel">
-            <div class="panel-title">血液品种</div>
-            <div>
-              <el-button type="primary" icon="plus" @click="handleAddBlood">增加</el-button>
-            </div>
-            <el-table :data="selectedBloodList" border style="width:100%;  margin-top: 12px" highlight-current-row>
-              <el-table-column prop="name" label="血液品种" align="center" width="150" />
-              <el-table-column prop="applyBloodVolume" label="申请血量" align="center" />
-              <el-table-column prop="unit" label="单位" align="center" />
-              <el-table-column prop="perBloodVolume" label="每次血量" align="center" />
-              <el-table-column prop="applyBloodType" label="申请血型" align="center" />
-              <el-table-column prop="transPurpose" label="输血目的" align="center" width="150" />
-              <el-table-column prop="indication" label="输血指征" align="center" width="150" />
-              <el-table-column prop="specialTreatment" label="特殊处理" align="center" width="150" />
-              <el-table-column prop="alternativeBloodType" label="替代血液品种" align="center" width="150" />
-              <el-table-column prop="remark" label="备注" align="center" />
-              <el-table-column label="操作" align="center" width="160" fixed="right">
-                <template #default="{ row, $index }">
-                  <el-button type="primary" link @click="handleEditBlood($index, row)">编辑</el-button>
-                  <el-button type="primary" link @click="handleDeleteBlood($index)">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-        </div>
-      </div>
-
-      <!-- 底部按钮 -->
-      <div class="dialog-footer">
-        <el-button type="primary" @click="handleSubmit">保存</el-button>
-        <el-button @click="visible = false">取消</el-button>
-      </div>
-    </div>
-  </el-dialog>
-
-  <!-- 新增/编辑血液品种弹窗 -->
-  <el-dialog v-model="bloodDialogVisible" :title="bloodDialogTitle" width="800px" :close-on-click-modal="false"
-    :draggable="true" @closed="resetBloodForm">
-    <el-form ref="bloodFormRef" :model="bloodForm" label-width="100px" :rules="bloodFormRules">
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item label="血液品种" prop="name">
-            <el-select v-model="bloodForm.name" placeholder="请选择血液品种">
-              <el-option label="悬浮红细胞" value="悬浮红细胞" />
-              <el-option label="病毒灭活血浆" value="病毒灭活血浆" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="申请血量" prop="applyBloodVolume">
-            <el-input v-model="bloodForm.applyBloodVolume" placeholder="请输入申请血量" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item label="单位" prop="unit">
-            <el-input v-model="bloodForm.unit" placeholder="请输入单位" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="每次血量" prop="perBloodVolume">
-            <el-input v-model="bloodForm.perBloodVolume" placeholder="请输入每次血量" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item label="申请血型" prop="applyBloodType">
-            <el-select v-model="bloodForm.applyBloodType" placeholder="请选择申请血型">
-              <el-option label="A型" value="A型" />
-              <el-option label="B型" value="B型" />
-              <el-option label="AB型" value="AB型" />
-              <el-option label="O型" value="O型" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="输血目的" prop="transPurpose">
-            <el-input v-model="bloodForm.transPurpose" placeholder="请输入输血目的" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item label="输血指征" prop="indication">
-            <el-input v-model="bloodForm.indication" placeholder="请输入输血指征" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="特殊处理" prop="specialTreatment">
-            <el-input v-model="bloodForm.specialTreatment" placeholder="请输入特殊处理" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item label="替代血液品种" prop="alternativeBloodType">
-            <el-input v-model="bloodForm.alternativeBloodType" placeholder="请输入替代血液品种" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="备注" prop="remark">
-            <el-input v-model="bloodForm.remark" placeholder="请输入备注" type="textarea" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <template #footer>
-      <el-button @click="bloodDialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="handleSaveBlood">确定</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-import { ElMessage, ElForm } from 'element-plus'
-
-const visible = ref(false)
-
-const bloodFormRef = ref<InstanceType<typeof ElForm>>()
-
-const bloodDialogVisible = ref(false)
-
-const bloodDialogTitle = ref('新增血液品种')
-
-const currentEditIndex = ref(-1)
-
-// 病人信息列表 
-const patientInfoList = ref([
-  { label: '住院号', value: '1815026', editable: true },
-  { label: '姓 名', value: '段立方', editable: true },
-  { label: '性 别', value: '男', editable: true },
-  { label: '年 龄', value: '36', editable: true },
-  { label: '床 号', value: '01', editable: true },
-  { label: 'ABO血型', value: 'AB', editable: true },
-  { label: 'RH血型', value: '阴性', editable: true },
-  { label: '属 地', value: '本地', editable: true, type: 'select' },
-  { label: '科 室', value: '骨科', editable: true, type: 'select' },
-  { label: '病 区', value: '三病区', editable: true, type: 'select' },
-  { label: '入院日期', value: '2023-07-19', editable: true },
-  { label: '申请日期', value: '2023-07-19', editable: true },
-  { label: '申请医生', value: '陈煜', editable: true },
-  { label: '主治医生', value: '陈煜', editable: true },
-  { label: '单病种', value: '--', editable: true },
-  { label: '输血史*', value: true, editable: true, type: 'switch' },
-  { label: '反应史*', value: false, editable: true, type: 'switch' },
-  { label: '移植配型史*', value: true, editable: true, type: 'switch' },
-  { label: '妊娠史', value: true, editable: true, type: 'switch' },
-  { label: '分娩史', value: true, editable: true, type: 'switch' },
-])
-
-// 输血申请表单数据
-const formData = reactive({
-  deptType: '',
-  docType: '',
-  purpose: '',
-  preDate: '',
-  applyType: 1,
-  diagnosis: '',
-  transPurpose: '',
-  indication: '',
-  opName: '',
-  opLevel: '',
-  isSelf: false
-})
-
-// 已选择血液列表 
-const selectedBloodList = ref([
-  {
-    index: '01',
-    name: '悬浮红细胞',
-    applyBloodVolume: '',
-    unit: 'um/L',
-    perBloodVolume: '',
-    applyBloodType: '',
-    transPurpose: '',
-    indication: '',
-    specialTreatment: '',
-    alternativeBloodType: '',
-    remark: ''
-  },
-  {
-    index: '02',
-    name: '病毒灭活血浆',
-    applyBloodVolume: '',
-    unit: 'CC',
-    perBloodVolume: '',
-    applyBloodType: '',
-    transPurpose: '',
-    indication: '',
-    specialTreatment: '',
-    alternativeBloodType: '',
-    remark: ''
-  }
-])
-
-// 血液品种表单数据
-const bloodForm = reactive({
-  name: '',
-  applyBloodVolume: '',
-  unit: '',
-  perBloodVolume: '',
-  applyBloodType: '',
-  transPurpose: '',
-  indication: '',
-  specialTreatment: '',
-  alternativeBloodType: '',
-  remark: ''
-})
-
-// 血液品种表单校验规则
-const bloodFormRules = ref({
-  name: [{ required: true, message: '请输入血液品种', trigger: 'blur' }],
-  applyBloodVolume: [{ required: true, message: '请输入申请血量', trigger: 'blur' }],
-  unit: [{ required: true, message: '请输入单位', trigger: 'blur' }]
-})
-
-// 新增血液品种
-const handleAddBlood = () => {
-  resetBloodForm()
-  bloodDialogTitle.value = '新增血液品种'
-  currentEditIndex.value = -1
-  bloodDialogVisible.value = true
-}
-
-// 编辑血液品种
-const handleEditBlood = (index: number, row: any) => {
-  resetBloodForm()
-  bloodDialogTitle.value = '编辑血液品种'
-  currentEditIndex.value = index
-  Object.assign(bloodForm, { ...row })
-  bloodDialogVisible.value = true
-}
-
-// 删除已选血液
-const handleDeleteBlood = (index: number) => {
-  selectedBloodList.value.splice(index, 1)
-  ElMessage.success('删除成功')
-}
-
-// 保存血液品种（新增/编辑）
-const handleSaveBlood = async () => {
-  // 表单校验
-  if (!bloodFormRef.value) return
-  const valid = await bloodFormRef.value.validate()
-  if (!valid) return
-
-  if (currentEditIndex.value === -1) {
-    const newIndex = (selectedBloodList.value.length + 1).toString().padStart(2, '0')
-    selectedBloodList.value.push({
-      index: newIndex,
-      ...{ ...bloodForm }
-    })
-    ElMessage.success('新增成功')
-  } else {
-    selectedBloodList.value[currentEditIndex.value] = {
-      ...selectedBloodList.value[currentEditIndex.value],
-      ...{ ...bloodForm }
-    }
-    ElMessage.success('编辑成功')
-  }
-  bloodDialogVisible.value = false
-}
-
-// 重置血液品种表单
-const resetBloodForm = () => {
-  if (bloodFormRef.value) {
-    bloodFormRef.value.resetFields()
-  }
-  Object.assign(bloodForm, {
-    name: '',
-    applyBloodVolume: '',
-    unit: '',
-    perBloodVolume: '',
-    applyBloodType: '',
-    transPurpose: '',
-    indication: '',
-    specialTreatment: '',
-    alternativeBloodType: '',
-    remark: ''
-  })
-}
-
-// 打开弹窗
-const open = () => {
-  visible.value = true
-}
-
-// 关闭弹窗
-const handleClose = () => {
-  // 重置表单
-  Object.assign(formData, {
-    deptType: '',
-    docType: '',
-    purpose: '',
-    preDate: '',
-    applyType: 1,
-    diagnosis: '',
-    transPurpose: '',
-    indication: '',
-    opName: '',
-    opLevel: '',
-    isSelf: false
-  })
-}
-
-// 提交
-const handleSubmit = () => {
-  console.log('提交数据：', formData, selectedBloodList.value, patientInfoList.value)
-  visible.value = false
-  ElMessage.success('提交成功')
-}
-
-defineExpose({ open })
-</script>
-
-<style scoped lang="scss">
-.transfusion-apply-dialog {
-  .layout-container {
-    display: flex;
-    gap: 20px;
-  }
-
-  /* 左侧病人信息面板 */
-  .patient-info-panel {
-    width: 300px;
-    background: #fff;
-    border-radius: 4px;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
-    padding: 12px;
-
-  }
-
-  .panel-title {
-    font-size: 14px;
-    font-weight: 600;
-    color: #303133;
-    padding: 6px 0;
-    margin-bottom: 12px;
-    background: #f5f7fa;
-    padding-left: 8px;
-    border-left: 3px solid #409eff;
-  }
-
-  /* 右侧主内容 */
-  .main-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    max-width: 100%;
-    overflow: hidden;
-
-    /* 检查结果面板 */
-    .result-panel {
-      background: #fff;
-      border-radius: 4px;
-      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
-      padding: 12px;
-    }
-
-    /* 输血申请面板 */
-    .apply-panel {
-      background: #fff;
-      border-radius: 4px;
-      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
-      padding: 12px;
-
-      .form-container {
-
-        .two-col {
-          display: flex;
-          gap: 20px;
-
-          .form-item-column {
-            flex: 1;
-
-            .text {
-              color: #80868d;
-              font-weight: 700;
-              margin: 8px 0;
-            }
-          }
-        }
-
-        &.checkbox-row {
-          align-items: center;
-          gap: 30px;
-        }
-      }
-    }
-  }
-
-  /* 底部按钮 */
-  .dialog-footer {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    margin-top: 20px;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/blood/deptPatient/components/bloodTransfusionAssessment.vue b/src/views/blood/deptPatient/components/bloodTransfusionAssessment.vue
deleted file mode 100644
index e93a98a..0000000
--- a/src/views/blood/deptPatient/components/bloodTransfusionAssessment.vue
+++ /dev/null
@@ -1,550 +0,0 @@
-/**
-* @file bloodTransfusionAssessment.vue
-* @description: 输血评估
-* @author: w
-* @since: 2026-06-04
-*/
-
-<template>
-  <el-dialog v-model="visible" title="输血评估" width="900px" :close-on-click-modal="false" @closed="handleClose">
-    <div class="transfusion-eval-form">
-      <!-- 手术/非手术切换 -->
-      <div class="tab-switch">
-        <div class="tab-item" :class="{ active: type === 'operation' }" @click="type = 'operation'">
-          手术
-        </div>
-        <div class="tab-item" :class="{ active: type === 'nonOperation' }" @click="type = 'nonOperation'">
-          非手术
-        </div>
-      </div>
-
-      <!-- 基础信息 -->
-      <div class="section">
-        <div class="section-title">基础信息</div>
-        <div class="form-row three-col">
-          <div class="form-item">
-            <label>评估单号：</label>
-            <el-input v-model="baseInfo.assessmentNo" disabled placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>姓 名：</label>
-            <el-input v-model="baseInfo.name" placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>科 室：</label>
-            <el-input v-model="baseInfo.department" placeholder="" />
-          </div>
-        </div>
-        <div class="form-row three-col">
-          <div class="form-item">
-            <label>评估日期：</label>
-            <el-input v-model="baseInfo.assessmentDate" readonly placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>床位号：</label>
-            <el-input v-model="baseInfo.bedNo" placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>病 区：</label>
-            <el-input v-model="baseInfo.ward" placeholder="" />
-          </div>
-        </div>
-        <div class="form-row three-col">
-          <div class="form-item">
-            <label>评估医师：</label>
-            <el-input v-model="baseInfo.doctorName" readonly placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>年 龄：</label>
-            <el-input v-model="baseInfo.age" type="number" placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>血 型：</label>
-            <div>
-              {{ baseInfo.bloodType }}
-            </div>
-          </div>
-        </div>
-        <div class="form-row three-col">
-          <div class="form-item">
-            <label>住院号/ID号：</label>
-            <el-input v-model="baseInfo.hospitalId" placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>临床诊断：</label>
-            <el-input v-model="baseInfo.diagnosis" placeholder="" />
-          </div>
-          <div class="form-item">
-            <label>Rh(D)：</label>
-            <div>
-              {{ baseInfo.rhD }}
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 输入区域 -->
-      <div class="section">
-        <div class="two-col">
-          <div class="form-item-column">
-            <div class="text">出血量：</div>
-            <el-input v-model="formData.bleedingVolume" placeholder="" />
-          </div>
-          <div class="form-item-column">
-            <div class="text">输血目的：</div>
-            <el-input v-model="formData.purpose" placeholder="" />
-          </div>
-          <div class="form-item-column">
-            <div class="text">贫血程度：</div>
-            <el-input v-model="formData.anemiaDegree" placeholder="" />
-          </div>
-          <div class="form-item-column">
-            <div class="text">血液品种：</div>
-            <el-input v-model="formData.bloodType" placeholder="" />
-          </div>
-          <div class="form-item-column">
-            <div class="text">血量：</div>
-            <el-input v-model="formData.bloodVolume" placeholder="" />
-          </div>
-        </div>
-        <div class="form-row checkbox-row">
-          <el-checkbox v-model="formData.hbLow">病人/病人家属是否签署输血同意书</el-checkbox>
-        </div>
-        <div>
-          <div class="tips">病情概要
-            (病人基本情况、贫血程度、凝血障碍、有无创面弥漫性渗血、心肺代偿功能、有无代谢率增高、年龄因素、输血目的等。)</div>
-          <el-input v-model="formData.otherReason" type="textarea" :rows="3" placeholder="" />
-        </div>
-      </div>
-
-      <div class="section">
-        <div class="section-title">病人最近检查结果</div>
-        <div class="two-col">
-          <div class="form-item-column">
-            <div class="text">HGB：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.hgbValue" placeholder="">
-                <template #suffix>
-                  g/L
-                </template>
-              </el-input>
-            </div>
-          </div>
-
-          <div class="form-item-column">
-            <div class="text">HCT：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.hgbExpect" placeholder="">
-                <template #suffix>
-                  %
-                </template>
-              </el-input>
-            </div>
-          </div>
-          <div class="form-item-column">
-            <div class="text">PLT：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.estimatedVolume" placeholder="">
-                <template #suffix>
-                  X10^9/L
-                </template>
-              </el-input>
-            </div>
-          </div>
-        </div>
-        <div class="two-col">
-          <div class="form-item-column">
-            <div class="text">ALT：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.altValue" placeholder="">
-                <template #suffix>
-                  U/L
-                </template>
-              </el-input>
-            </div>
-          </div>
-          <div class="form-item-column">
-            <div class="text">HBsAg：</div>
-            <div class="input-with-unit">
-              <el-select v-model="formData.hbsAg" placeholder="请选择">
-                <el-option label="阴性" value="negative" />
-                <el-option label="阳性" value="positive" />
-              </el-select>
-            </div>
-          </div>
-          <div class="form-item-column">
-            <div class="text">TP：</div>
-            <div class="input-with-unit">
-              <el-select v-model="formData.tp" placeholder="请选择">
-                <el-option label="阴性" value="negative" />
-                <el-option label="阳性" value="positive" />
-              </el-select>
-            </div>
-          </div>
-        </div>
-        <div class="two-col">
-          <div class="form-item-column">
-            <div class="text">Anti-HCV：</div>
-            <div class="input-with-unit">
-              <el-select v-model="formData.antiHcv" placeholder="请选择">
-                <el-option label="阴性" value="negative" />
-                <el-option label="阳性" value="positive" />
-              </el-select>
-            </div>
-          </div>
-          <div class="form-item-column">
-            <div class="text">Anti-HIV：</div>
-            <div class="input-with-unit">
-              <el-select v-model="formData.antiHiv" placeholder="请选择">
-                <el-option label="阴性" value="negative" />
-                <el-option label="阳性" value="positive" />
-              </el-select>
-            </div>
-          </div>
-          <div class="form-item-column">
-            <div class="text">PT：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.pt" placeholder="">
-                <template #suffix>
-                  U
-                </template>
-              </el-input>
-            </div>
-          </div>
-        </div>
-        <div class="two-col">
-          <div class="form-item-column">
-            <div class="text">APTT：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.aptt" placeholder="">
-                <template #suffix>
-                  秒
-                </template>
-              </el-input>
-            </div>
-          </div>
-          <div class="form-item-column">
-            <div class="text">FIB：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.fib" placeholder="">
-                <template #suffix>
-                  g/L
-                </template>
-              </el-input>
-            </div>
-          </div>
-          <div class="form-item-column">
-            <div class="text">INR：</div>
-            <div class="input-with-unit">
-              <el-input v-model="formData.inr" placeholder="" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button type="primary" @click="handleSubmit">确定</el-button>
-        <el-button @click="visible = false">取消</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup lang="ts">
-import dayjs from 'dayjs'
-const visible = ref(false)
-const type = ref<'operation' | 'nonOperation'>('operation')
-
-// 基础信息数据
-const baseInfo = reactive({
-  assessmentNo: '',
-  name: '',
-  department: '',
-  assessmentDate: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-  bedNo: '',
-  ward: '',
-  doctorName: '',
-  age: '',
-  bloodType: '',
-  hospitalId: '',
-  diagnosis: '',
-  rhD: '待查' // Rh(D)
-})
-
-// 表单数据
-const formData = reactive({
-  bleedingVolume: '',
-  purpose: '',
-  anemiaDegree: '',
-  bloodType: '', // 血液品种
-  bloodVolume: '', // 血量
-  hbLow: false,
-  otherReason: '',
-  height: '',
-  weight: '',
-  hgbValue: '',
-  hgbExpect: '',
-  estimatedVolume: '',
-  altValue: '', // ALT值
-  hbsAg: '', // HBsAg
-  tp: '', // TP
-  antiHcv: '', // Anti-HCV
-  antiHiv: '', // Anti-HIV
-  pt: '', // PT
-  aptt: '', // APTT
-  fib: '', // FIB
-  inr: '', // INR
-  intraHemorrhage: false,
-  nonTraumaBleeding: '',
-  traumaBleeding: '',
-  bloodLoss: '',
-  hemolysisCondition: '',
-  heartLungOxygen: false,
-  anemiaCondition: false,
-  crystalloidBefore: false,
-  colloidBefore: false
-})
-
-// 初始化当前时间
-onMounted(() => {
-
-})
-
-// 打开弹窗
-const open = () => {
-  visible.value = true
-}
-
-// 关闭弹窗
-const handleClose = () => {
-  // 重置基础信息（保留评估单号和评估医师，仅重置可编辑项）
-  Object.assign(baseInfo, {
-    name: '',
-    department: '',
-    assessmentDate: new Date().toLocaleString(),
-    bedNo: '',
-    ward: '',
-    age: '',
-    bloodType: '',
-    hospitalId: '',
-    diagnosis: '',
-    rhD: ''
-  })
-  // 重置表单
-  Object.assign(formData, {
-    bleedingVolume: '',
-    purpose: '',
-    anemiaDegree: '',
-    bloodType: '',
-    bloodVolume: '',
-    hbLow: false,
-    otherReason: '',
-    height: '',
-    weight: '',
-    hgbValue: '',
-    hgbExpect: '',
-    estimatedVolume: '',
-    altValue: '',
-    hbsAg: '',
-    tp: '',
-    antiHcv: '',
-    antiHiv: '',
-    pt: '',
-    aptt: '',
-    fib: '',
-    inr: '',
-    intraHemorrhage: false,
-    nonTraumaBleeding: '',
-    traumaBleeding: '',
-    bloodLoss: '',
-    hemolysisCondition: '',
-    heartLungOxygen: false,
-    anemiaCondition: false,
-    crystalloidBefore: false,
-    colloidBefore: false
-  })
-  type.value = 'operation'
-}
-
-// 提交
-const handleSubmit = () => {
-  console.log('基础信息：', baseInfo)
-  console.log('表单数据：', formData)
-  visible.value = false
-}
-
-defineExpose({ open })
-</script>
-
-<style scoped lang="scss">
-.transfusion-eval-form {
-  font-size: 14px;
-
-  .tab-switch {
-    display: flex;
-    justify-content: center;
-    margin-bottom: 20px;
-
-    .tab-item {
-      width: 120px;
-      height: 32px;
-      line-height: 32px;
-      text-align: center;
-      background: #f5f7fa;
-      border: 1px solid #dcdfe6;
-      cursor: pointer;
-      position: relative;
-
-      &:first-child {
-        border-radius: 4px 0 0 4px;
-        border-right: none;
-      }
-
-      &:last-child {
-        border-radius: 0 4px 4px 0;
-      }
-
-      &.active {
-        background: #e6f7ff;
-        border-color: #91d5ff;
-        color: #1890ff;
-      }
-
-      .check-icon {
-        position: absolute;
-        right: 4px;
-        bottom: 2px;
-        font-size: 12px;
-        color: #1890ff;
-      }
-    }
-  }
-
-  .section {
-    margin-bottom: 20px;
-
-    .section-title {
-      font-size: 14px;
-      font-weight: 600;
-      color: #303133;
-      padding: 6px 0;
-      margin-bottom: 12px;
-      background: #f5f7fa;
-      padding-left: 8px;
-      border-left: 3px solid #409eff;
-    }
-
-    .form-row {
-      display: flex;
-      gap: 20px;
-      margin-bottom: 12px;
-
-      &.three-col {
-        .form-item {
-          flex: 1;
-        }
-      }
-
-      &.checkbox-row {
-        align-items: center;
-
-        :deep(.el-checkbox__label) {
-          color: #f00;
-        }
-      }
-    }
-
-    .two-col {
-      display: flex;
-      gap: 20px;
-      flex-wrap: wrap;
-
-      .form-item-column {
-        flex: 1;
-
-        .text {
-          color: #80868d;
-          font-weight: 700;
-          margin: 8px 0;
-        }
-      }
-    }
-
-    .tips {
-      color: #f00;
-    }
-
-    .form-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-
-      &.full-width {
-        width: 100%;
-        flex-direction: column;
-        align-items: flex-start;
-
-        label {
-          margin-bottom: 6px;
-        }
-
-        .el-textarea {
-          width: 100%;
-        }
-      }
-
-      label {
-        width: 80px;
-        text-align: right;
-        color: #686f77;
-        white-space: nowrap;
-        font-weight: 500;
-      }
-
-      span {
-        font-weight: 700;
-        color: #284160;
-        padding-left: 30px;
-      }
-
-      .el-input,
-      .el-select,
-      .el-date-picker {
-        flex: 1;
-      }
-    }
-
-    .input-with-unit {
-      display: flex;
-      align-items: center;
-      flex: 1;
-
-      .el-input {
-        flex: 1;
-      }
-
-      .input-unit {
-        color: #5a616a;
-      }
-    }
-
-    .checkbox-group {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-    }
-
-    .mt-10 {
-      margin-top: 10px;
-    }
-  }
-}
-
-.dialog-footer {
-  display: flex;
-  justify-content: center;
-  gap: 10px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/doctor/application/index.vue b/src/views/doctor/application/index.vue
new file mode 100644
index 0000000..e03ea20
--- /dev/null
+++ b/src/views/doctor/application/index.vue
@@ -0,0 +1,646 @@
+/**
+* @file bloodTransfusionApplication.vue
+* @description: 输血申请
+* @author: w
+* @since: 2026-06-04
+*/
+
+<template>
+  <div class="app-container">
+    <!-- 左侧病人信息 -->
+    <div class="patient-info-panel">
+      <div class="panel-title">
+        <div class="text">病人信息</div>
+      </div>
+      <el-table :data="patientInfoList" border :show-header="false"
+        :header-cell-style="{ background: '#f5f7fa', color: '#606266' }" style="width: 100%" height="97%">
+        <el-table-column prop="label" label="项目" align="left" width="100" />
+        <el-table-column prop="value" label="内容" align="left">
+          <template #default="{ row }">
+            <div v-if="row.type === 'switch'">
+              <el-switch v-model="row.value" :active-value="true" :inactive-value="false" active-color="#409eff"
+                inactive-color="#dcdfe6" active-text="是" inactive-text="否" inline-prompt />
+            </div>
+            <div v-else-if="row.type === 'select'">
+              <el-select v-model="row.value" placeholder="" style="width: 100%" class="full-width-input">
+                <el-option label="选项1" value="1" />
+                <el-option label="选项2" value="2" />
+              </el-select>
+            </div>
+            <div v-else>
+              <el-input v-model="row.value" placeholder="" style="width: 100%" class="full-width-input" />
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 右侧主内容 - 一屏展示 -->
+    <div class="main-content">
+      <!-- 输血申请 -->
+      <div class="apply-panel">
+        <div class="panel-title">
+          <div class="text">输血申请</div>
+        </div>
+        <div class="form-container">
+          <div class="two-col">
+            <div class="form-item-column">
+              <div class="text">科室类型：</div>
+              <el-select v-model="formData.deptType" placeholder="请选择">
+                <el-option label="正常" value="1" />
+              </el-select>
+            </div>
+            <div class="form-item-column">
+              <div class="text">单据类型：</div>
+              <el-select v-model="formData.docType" placeholder="请选择">
+                <el-option label="正常" value="1" />
+              </el-select>
+            </div>
+            <div class="form-item-column">
+              <div class="text">预定输血日期：</div>
+              <el-date-picker v-model="formData.preDate" type="datetime" placeholder="选择日期"
+                value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%" />
+            </div>
+            <div class="form-item-column">
+              <div class="text">手术名称：</div>
+              <el-select v-model="formData.opName" placeholder="" filterable allow-create>
+                <el-option label="手术名称" value="手术名称" />
+              </el-select>
+            </div>
+          </div>
+
+          <div class="two-col">
+            <div class="form-item-column">
+              <div class="text">临床诊断：</div>
+              <el-input v-model="formData.diagnosis" placeholder="请输入" />
+            </div>
+            <div class="form-item-column">
+              <div class="text">输血目的：</div>
+              <el-select v-model="formData.transPurpose" placeholder="" filterable allow-create>
+                <el-option label="1" value="1" />
+              </el-select>
+            </div>
+            <div class="form-item-column">
+              <div class="text">输血指征：</div>
+              <el-select v-model="formData.indication" placeholder="" filterable allow-create clearable>
+                <el-option label="1" value="1" />
+              </el-select>
+            </div>
+            <div class="form-item-column">
+              <div class="text">手术级别：</div>
+              <el-select v-model="formData.opLevel" placeholder="">
+                <el-option label="一级手术" value="一级手术" />
+              </el-select>
+            </div>
+          </div>
+
+          <div class="two-col checkbox-row">
+            <div class="form-item-column">
+              <div class="text">申请类型</div>
+              <el-radio-group v-model="formData.applyType">
+                <el-radio :value="1">常规用血</el-radio>
+                <el-radio :value="2">手术备血</el-radio>
+                <el-radio :value="3">紧急</el-radio>
+                <el-radio :value="4">大量</el-radio>
+                <el-radio :value="5">紧急非同型</el-radio>
+              </el-radio-group>
+            </div>
+            <div class="form-item-column">
+              <div class="text">&nbsp;</div>
+              <el-checkbox v-model="formData.isSelf">病人/病人家属是否签署输血同意书</el-checkbox>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="apply-panel">
+        <div class="panel-title">
+          <div class="text">病人最近检查结果</div>
+        </div>
+        <div class="form-container">
+          <div class="two-col">
+            <div class="form-item-column">
+              <div class="text">HGB：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.hgbValue" placeholder="">
+                  <template #suffix>
+                    g/L
+                  </template>
+                </el-input>
+              </div>
+            </div>
+
+            <div class="form-item-column">
+              <div class="text">HCT：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.hgbExpect" placeholder="">
+                  <template #suffix>
+                    %
+                  </template>
+                </el-input>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">PLT：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.estimatedVolume" placeholder="">
+                  <template #suffix>
+                    X10^9/L
+                  </template>
+                </el-input>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">APTT：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.hgbValue" placeholder="">
+                  <template #suffix>
+                    秒
+                  </template>
+                </el-input>
+              </div>
+            </div>
+          </div>
+          <div class="two-col">
+            <div class="form-item-column">
+              <div class="text">ALT：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.hgbValue" placeholder="">
+                  <template #suffix>
+                    U/L
+                  </template>
+                </el-input>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">HBsAg：</div>
+              <div class="input-with-unit">
+                <el-select v-model="formData.hgbExpect" placeholder="">
+                  <!-- <el-option label="阴性" value="negative" />  -->
+                </el-select>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">TP：</div>
+              <div class="input-with-unit">
+                <el-select v-model="formData.estimatedVolume" placeholder="">
+                  <!-- <el-option label="阴性" value="negative" />  -->
+                </el-select>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">FIB：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.hgbExpect" placeholder="">
+                  <template #suffix>
+                    g/L
+                  </template>
+                </el-input>
+              </div>
+            </div>
+          </div>
+          <div class="two-col">
+            <div class="form-item-column">
+              <div class="text">Anti-HCV：</div>
+              <div class="input-with-unit">
+                <el-select v-model="formData.hgbValue" placeholder="">
+                  <!-- <el-option label="阴性" value="negative" />  -->
+                </el-select>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">Anti-HIV：</div>
+              <div class="input-with-unit">
+                <el-select v-model="formData.hgbExpect" placeholder="">
+                  <!-- <el-option label="阴性" value="negative" />  -->
+                </el-select>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">PT：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.estimatedVolume" placeholder="">
+                  <template #suffix>
+                    U
+                  </template>
+                </el-input>
+              </div>
+            </div>
+            <div class="form-item-column">
+              <div class="text">INR：</div>
+              <div class="input-with-unit">
+                <el-input v-model="formData.estimatedVolume" placeholder="" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="apply-panel ">
+        <div class="panel-title">
+          <div class="text">血液品种</div>
+          <div>
+            <el-button type="primary" icon="plus" @click="handleAddBlood">增加</el-button>
+          </div>
+        </div>
+
+        <el-table :data="selectedBloodList" border style="width:100%; " highlight-current-row height="120px">
+          <el-table-column prop="name" label="血液品种" align="center" width="150" />
+          <el-table-column prop="applyBloodVolume" label="申请血量" align="center" />
+          <el-table-column prop="unit" label="单位" align="center" />
+          <el-table-column prop="perBloodVolume" label="每次血量" align="center" />
+          <el-table-column prop="applyBloodType" label="申请血型" align="center" />
+          <el-table-column prop="transPurpose" label="输血目的" align="center" width="150" />
+          <el-table-column prop="indication" label="输血指征" align="center" width="150" />
+          <el-table-column prop="specialTreatment" label="特殊处理" align="center" width="150" />
+          <el-table-column prop="alternativeBloodType" label="替代血液品种" align="center" width="150" />
+          <el-table-column prop="remark" label="备注" align="center" />
+          <el-table-column label="操作" align="center" width="160" fixed="right">
+            <template #default="{ row, $index }">
+              <el-button type="primary" link @click="handleEditBlood($index, row)">编辑</el-button>
+              <el-button type="primary" link @click="handleDeleteBlood($index)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- 底部按钮 -->
+        <div class="dialog-footer">
+          <el-button type="primary" @click="handleSubmit">保存</el-button>
+          <el-button @click="visible = false">取消</el-button>
+        </div>
+      </div>
+
+    </div>
+    <!-- 新增/编辑血液品种弹窗 -->
+    <el-dialog v-model="bloodDialogVisible" :title="bloodDialogTitle" width="800px" :close-on-click-modal="false"
+      :draggable="true" @closed="resetBloodForm">
+      <el-form ref="bloodFormRef" :model="bloodForm" label-width="100px" :rules="bloodFormRules">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="血液品种" prop="name">
+              <el-select v-model="bloodForm.name" placeholder="请选择血液品种">
+                <el-option label="悬浮红细胞" value="悬浮红细胞" />
+                <el-option label="病毒灭活血浆" value="病毒灭活血浆" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请血量" prop="applyBloodVolume">
+              <el-input v-model="bloodForm.applyBloodVolume" placeholder="请输入申请血量" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="单位" prop="unit">
+              <el-input v-model="bloodForm.unit" placeholder="请输入单位" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="每次血量" prop="perBloodVolume">
+              <el-input v-model="bloodForm.perBloodVolume" placeholder="请输入每次血量" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请血型" prop="applyBloodType">
+              <el-select v-model="bloodForm.applyBloodType" placeholder="请选择申请血型">
+                <el-option label="A型" value="A型" />
+                <el-option label="B型" value="B型" />
+                <el-option label="AB型" value="AB型" />
+                <el-option label="O型" value="O型" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="输血目的" prop="transPurpose">
+              <el-input v-model="bloodForm.transPurpose" placeholder="请输入输血目的" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="输血指征" prop="indication">
+              <el-input v-model="bloodForm.indication" placeholder="请输入输血指征" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="特殊处理" prop="specialTreatment">
+              <el-input v-model="bloodForm.specialTreatment" placeholder="请输入特殊处理" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="替代血液品种" prop="alternativeBloodType">
+              <el-input v-model="bloodForm.alternativeBloodType" placeholder="请输入替代血液品种" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="bloodForm.remark" placeholder="请输入备注" type="textarea" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <el-button @click="bloodDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveBlood">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ElMessage, ElForm } from 'element-plus'
+
+const bloodFormRef = ref<InstanceType<typeof ElForm>>()
+const bloodDialogVisible = ref(false)
+const bloodDialogTitle = ref('新增血液品种')
+const currentEditIndex = ref(-1)
+
+// 病人信息列表 
+const patientInfoList = ref([
+  { label: '住院号', value: '1815026', editable: true },
+  { label: '姓 名', value: '段立方', editable: true },
+  { label: '性 别', value: '男', editable: true },
+  { label: '年 龄', value: '36', editable: true },
+  { label: '床 号', value: '01', editable: true },
+  { label: 'ABO血型', value: 'AB', editable: true },
+  { label: 'RH血型', value: '阴性', editable: true },
+  { label: '属 地', value: '本地', editable: true, type: 'select' },
+  { label: '科 室', value: '骨科', editable: true, type: 'select' },
+  { label: '病 区', value: '三病区', editable: true, type: 'select' },
+  { label: '入院日期', value: '2023-07-19', editable: true },
+  { label: '申请日期', value: '2023-07-19', editable: true },
+  { label: '申请医生', value: '陈煜', editable: true },
+  { label: '主治医生', value: '陈煜', editable: true },
+  { label: '单病种', value: '--', editable: true },
+  { label: '输血史*', value: true, editable: true, type: 'switch' },
+  { label: '反应史*', value: false, editable: true, type: 'switch' },
+  { label: '移植配型史*', value: true, editable: true, type: 'switch' },
+  { label: '妊娠史', value: true, editable: true, type: 'switch' },
+  { label: '分娩史', value: true, editable: true, type: 'switch' },
+])
+
+// 输血申请表单数据
+const formData = reactive({
+  deptType: '',
+  docType: '',
+  purpose: '',
+  preDate: '',
+  applyType: 1,
+  diagnosis: '',
+  transPurpose: '',
+  indication: '',
+  opName: '',
+  opLevel: '',
+  isSelf: false,
+  hgbValue: '',
+  hgbExpect: '',
+  estimatedVolume: ''
+})
+
+// 已选择血液列表 
+const selectedBloodList = ref([
+  {
+    index: '01',
+    name: '悬浮红细胞',
+    applyBloodVolume: '',
+    unit: 'um/L',
+    perBloodVolume: '',
+    applyBloodType: '',
+    transPurpose: '',
+    indication: '',
+    specialTreatment: '',
+    alternativeBloodType: '',
+    remark: ''
+  },
+  {
+    index: '02',
+    name: '病毒灭活血浆',
+    applyBloodVolume: '',
+    unit: 'CC',
+    perBloodVolume: '',
+    applyBloodType: '',
+    transPurpose: '',
+    indication: '',
+    specialTreatment: '',
+    alternativeBloodType: '',
+    remark: ''
+  },
+
+])
+
+// 血液品种表单数据
+const bloodForm = reactive({
+  name: '',
+  applyBloodVolume: '',
+  unit: '',
+  perBloodVolume: '',
+  applyBloodType: '',
+  transPurpose: '',
+  indication: '',
+  specialTreatment: '',
+  alternativeBloodType: '',
+  remark: ''
+})
+
+// 血液品种表单校验规则
+const bloodFormRules = ref({
+  name: [{ required: true, message: '请输入血液品种', trigger: 'blur' }],
+  applyBloodVolume: [{ required: true, message: '请输入申请血量', trigger: 'blur' }],
+  unit: [{ required: true, message: '请输入单位', trigger: 'blur' }]
+})
+
+// 新增血液品种
+const handleAddBlood = () => {
+  resetBloodForm()
+  bloodDialogTitle.value = '新增血液品种'
+  currentEditIndex.value = -1
+  bloodDialogVisible.value = true
+}
+
+// 编辑血液品种
+const handleEditBlood = (index: number, row: any) => {
+  resetBloodForm()
+  bloodDialogTitle.value = '编辑血液品种'
+  currentEditIndex.value = index
+  Object.assign(bloodForm, { ...row })
+  bloodDialogVisible.value = true
+}
+
+// 删除已选血液
+const handleDeleteBlood = (index: number) => {
+  selectedBloodList.value.splice(index, 1)
+  ElMessage.success('删除成功')
+}
+
+// 保存血液品种（新增/编辑）
+const handleSaveBlood = async () => {
+  // 表单校验
+  if (!bloodFormRef.value) return
+  const valid = await bloodFormRef.value.validate()
+  if (!valid) return
+
+  if (currentEditIndex.value === -1) {
+    const newIndex = (selectedBloodList.value.length + 1).toString().padStart(2, '0')
+    selectedBloodList.value.push({
+      index: newIndex,
+      ...{ ...bloodForm }
+    })
+    ElMessage.success('新增成功')
+  } else {
+    selectedBloodList.value[currentEditIndex.value] = {
+      ...selectedBloodList.value[currentEditIndex.value],
+      ...{ ...bloodForm }
+    }
+    ElMessage.success('编辑成功')
+  }
+  bloodDialogVisible.value = false
+}
+
+// 重置血液品种表单
+const resetBloodForm = () => {
+  if (bloodFormRef.value) {
+    bloodFormRef.value.resetFields()
+  }
+  Object.assign(bloodForm, {
+    name: '',
+    applyBloodVolume: '',
+    unit: '',
+    perBloodVolume: '',
+    applyBloodType: '',
+    transPurpose: '',
+    indication: '',
+    specialTreatment: '',
+    alternativeBloodType: '',
+    remark: ''
+  })
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  // 重置表单
+  Object.assign(formData, {
+    deptType: '',
+    docType: '',
+    purpose: '',
+    preDate: '',
+    applyType: 1,
+    diagnosis: '',
+    transPurpose: '',
+    indication: '',
+    opName: '',
+    opLevel: '',
+    isSelf: false,
+    hgbValue: '',
+    hgbExpect: '',
+    estimatedVolume: ''
+  })
+}
+
+// 提交
+const handleSubmit = () => {
+  console.log('提交数据：', formData, selectedBloodList.value, patientInfoList.value)
+  ElMessage.success('提交成功')
+}
+</script>
+
+<style scoped lang="scss">
+// 全局容器铺满视口
+.app-container {
+  display: flex;
+  gap: 20px;
+  padding: 10px;
+  box-sizing: border-box;
+  overflow: hidden; // 隐藏全局滚动
+
+  /* 左侧病人信息面板 */
+  .patient-info-panel {
+    width: 300px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
+    padding: 12px;
+    height: 100%;
+  }
+
+  .panel-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 8px;
+    display: flex;
+    justify-content: space-between;
+
+    .text {
+      &::before {
+        content: '';
+        display: inline-block;
+        width: 4px;
+        height: 14px;
+        background-color: #409eff;
+        margin-right: 8px;
+        border-radius: 0 4px 4px 0;
+      }
+    }
+  }
+
+  /* 右侧主内容 - 一屏展示 */
+  .main-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    height: 100%; // 占满剩余高度
+    overflow: auto; // 内容超出时内部滚动，保持一屏框架
+    padding-right: 5px; // 滚动条预留空间
+
+    /* 输血申请面板 */
+    .apply-panel {
+      background: #fff;
+      border-radius: 4px;
+      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
+      padding: 12px;
+      flex: 1;
+
+
+      .form-container {
+        .two-col {
+          display: flex;
+          gap: 20px;
+          flex-wrap: wrap; // 小屏幕自动换行
+
+          .form-item-column {
+            flex: 1;
+            min-width: 200px; // 最小宽度，保证适配
+
+            .text {
+              color: #80868d;
+              font-weight: 700;
+              font-size: 14px;
+              margin: 8px 0;
+            }
+          }
+        }
+
+        &.checkbox-row {
+          align-items: center;
+          gap: 30px;
+        }
+      }
+    }
+
+  }
+
+  /* 底部按钮 */
+  .dialog-footer {
+    display: flex;
+    justify-content: center;
+    gap: 10px;
+    margin-top: 10px;
+    flex-shrink: 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/doctor/assessment/index.vue b/src/views/doctor/assessment/index.vue
new file mode 100644
index 0000000..6f7e2ac
--- /dev/null
+++ b/src/views/doctor/assessment/index.vue
@@ -0,0 +1,544 @@
+/**
+* @file bloodTransfusionAssessment.vue
+* @description: 输血评估
+* @author: w
+* @since: 2026-06-04
+*/
+
+<template>
+  <div class="app-container">
+    <!-- 基础信息 -->
+    <div class="section">
+      <div class="section-title">基础信息</div>
+      <div class="form-row three-col">
+        <div class="form-item">
+          <label>评估单号：</label>
+          <el-input v-model="baseInfo.assessmentNo" disabled placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>姓 名：</label>
+          <el-input v-model="baseInfo.name" placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>科 室：</label>
+          <el-input v-model="baseInfo.department" placeholder="" />
+        </div>
+      </div>
+      <div class="form-row three-col">
+        <div class="form-item">
+          <label>评估日期：</label>
+          <el-input v-model="baseInfo.assessmentDate" readonly placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>床位号：</label>
+          <el-input v-model="baseInfo.bedNo" placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>病 区：</label>
+          <el-input v-model="baseInfo.ward" placeholder="" />
+        </div>
+      </div>
+      <div class="form-row three-col">
+        <div class="form-item">
+          <label>评估医师：</label>
+          <el-input v-model="baseInfo.doctorName" readonly placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>年 龄：</label>
+          <el-input v-model="baseInfo.age" type="number" placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>血 型：</label>
+          <div>
+            {{ baseInfo.bloodType }}
+          </div>
+        </div>
+      </div>
+      <div class="form-row three-col">
+        <div class="form-item">
+          <label>住院号/ID号：</label>
+          <el-input v-model="baseInfo.hospitalId" placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>临床诊断：</label>
+          <el-input v-model="baseInfo.diagnosis" placeholder="" />
+        </div>
+        <div class="form-item">
+          <label>Rh(D)：</label>
+          <div>
+            {{ baseInfo.rhD }}
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 输入区域 -->
+    <div class="section">
+      <div class="two-col">
+        <div class="form-item-column">
+          <div class="text">出血量：</div>
+          <el-input v-model="formData.bleedingVolume" placeholder="" />
+        </div>
+        <div class="form-item-column">
+          <div class="text">输血目的：</div>
+          <el-input v-model="formData.purpose" placeholder="" />
+        </div>
+        <div class="form-item-column">
+          <div class="text">贫血程度：</div>
+          <el-input v-model="formData.anemiaDegree" placeholder="" />
+        </div>
+        <div class="form-item-column">
+          <div class="text">血液品种：</div>
+          <el-input v-model="formData.bloodType" placeholder="" />
+        </div>
+        <div class="form-item-column">
+          <div class="text">血量：</div>
+          <el-input v-model="formData.bloodVolume" placeholder="" />
+        </div>
+      </div>
+      <div class="form-row checkbox-row">
+        <el-checkbox v-model="formData.hbLow">病人/病人家属是否签署输血同意书</el-checkbox>
+      </div>
+      <div>
+        <div class="tips">病情概要
+          (病人基本情况、贫血程度、凝血障碍、有无创面弥漫性渗血、心肺代偿功能、有无代谢率增高、年龄因素、输血目的等。)</div>
+        <el-input v-model="formData.otherReason" type="textarea" :rows="3" placeholder="" />
+      </div>
+    </div>
+
+    <div class="section">
+      <div class="section-title">病人最近检查结果</div>
+      <div class="two-col">
+        <div class="form-item-column">
+          <div class="text">HGB：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.hgbValue" placeholder="">
+              <template #suffix>
+                g/L
+              </template>
+            </el-input>
+          </div>
+        </div>
+
+        <div class="form-item-column">
+          <div class="text">HCT：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.hgbExpect" placeholder="">
+              <template #suffix>
+                %
+              </template>
+            </el-input>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">PLT：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.estimatedVolume" placeholder="">
+              <template #suffix>
+                X10^9/L
+              </template>
+            </el-input>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">APTT：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.aptt" placeholder="">
+              <template #suffix>
+                秒
+              </template>
+            </el-input>
+          </div>
+        </div>
+      </div>
+      <div class="two-col">
+        <div class="form-item-column">
+          <div class="text">ALT：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.altValue" placeholder="">
+              <template #suffix>
+                U/L
+              </template>
+            </el-input>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">HBsAg：</div>
+          <div class="input-with-unit">
+            <el-select v-model="formData.hbsAg" placeholder="请选择">
+              <el-option label="阴性" value="negative" />
+              <el-option label="阳性" value="positive" />
+            </el-select>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">TP：</div>
+          <div class="input-with-unit">
+            <el-select v-model="formData.tp" placeholder="请选择">
+              <el-option label="阴性" value="negative" />
+              <el-option label="阳性" value="positive" />
+            </el-select>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">FIB：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.fib" placeholder="">
+              <template #suffix>
+                g/L
+              </template>
+            </el-input>
+          </div>
+        </div>
+      </div>
+      <div class="two-col">
+        <div class="form-item-column">
+          <div class="text">Anti-HCV：</div>
+          <div class="input-with-unit">
+            <el-select v-model="formData.antiHcv" placeholder="请选择">
+              <el-option label="阴性" value="negative" />
+              <el-option label="阳性" value="positive" />
+            </el-select>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">Anti-HIV：</div>
+          <div class="input-with-unit">
+            <el-select v-model="formData.antiHiv" placeholder="请选择">
+              <el-option label="阴性" value="negative" />
+              <el-option label="阳性" value="positive" />
+            </el-select>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">PT：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.pt" placeholder="">
+              <template #suffix>
+                U
+              </template>
+            </el-input>
+          </div>
+        </div>
+        <div class="form-item-column">
+          <div class="text">INR：</div>
+          <div class="input-with-unit">
+            <el-input v-model="formData.inr" placeholder="" />
+          </div>
+        </div>
+      </div>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleSubmit">确定</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </div>
+    </div>
+
+
+  </div>
+
+
+</template>
+
+<script setup lang="ts">
+import dayjs from 'dayjs'
+
+const type = ref<'operation' | 'nonOperation'>('operation')
+
+// 基础信息数据
+const baseInfo = reactive({
+  assessmentNo: '',
+  name: '',
+  department: '',
+  assessmentDate: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+  bedNo: '',
+  ward: '',
+  doctorName: '',
+  age: '',
+  bloodType: '',
+  hospitalId: '',
+  diagnosis: '',
+  rhD: '待查' // Rh(D)
+})
+
+// 表单数据
+const formData = reactive({
+  bleedingVolume: '',
+  purpose: '',
+  anemiaDegree: '',
+  bloodType: '', // 血液品种
+  bloodVolume: '', // 血量
+  hbLow: false,
+  otherReason: '',
+  height: '',
+  weight: '',
+  hgbValue: '',
+  hgbExpect: '',
+  estimatedVolume: '',
+  altValue: '', // ALT值
+  hbsAg: '', // HBsAg
+  tp: '', // TP
+  antiHcv: '', // Anti-HCV
+  antiHiv: '', // Anti-HIV
+  pt: '', // PT
+  aptt: '', // APTT
+  fib: '', // FIB
+  inr: '', // INR
+  intraHemorrhage: false,
+  nonTraumaBleeding: '',
+  traumaBleeding: '',
+  bloodLoss: '',
+  hemolysisCondition: '',
+  heartLungOxygen: false,
+  anemiaCondition: false,
+  crystalloidBefore: false,
+  colloidBefore: false
+})
+
+// 初始化当前时间
+onMounted(() => {
+
+})
+
+
+
+// 关闭弹窗
+const handleClose = () => {
+  // 重置基础信息（保留评估单号和评估医师，仅重置可编辑项）
+  Object.assign(baseInfo, {
+    name: '',
+    department: '',
+    assessmentDate: new Date().toLocaleString(),
+    bedNo: '',
+    ward: '',
+    age: '',
+    bloodType: '',
+    hospitalId: '',
+    diagnosis: '',
+    rhD: ''
+  })
+  // 重置表单
+  Object.assign(formData, {
+    bleedingVolume: '',
+    purpose: '',
+    anemiaDegree: '',
+    bloodType: '',
+    bloodVolume: '',
+    hbLow: false,
+    otherReason: '',
+    height: '',
+    weight: '',
+    hgbValue: '',
+    hgbExpect: '',
+    estimatedVolume: '',
+    altValue: '',
+    hbsAg: '',
+    tp: '',
+    antiHcv: '',
+    antiHiv: '',
+    pt: '',
+    aptt: '',
+    fib: '',
+    inr: '',
+    intraHemorrhage: false,
+    nonTraumaBleeding: '',
+    traumaBleeding: '',
+    bloodLoss: '',
+    hemolysisCondition: '',
+    heartLungOxygen: false,
+    anemiaCondition: false,
+    crystalloidBefore: false,
+    colloidBefore: false
+  })
+  type.value = 'operation'
+}
+
+// 提交
+const handleSubmit = () => {
+  console.log('基础信息：', baseInfo)
+  console.log('表单数据：', formData)
+}
+
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  overflow-y: auto;
+  font-size: 14px;
+
+  .tab-switch {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+
+    .tab-item {
+      width: 120px;
+      height: 32px;
+      line-height: 32px;
+      text-align: center;
+      background: #f5f7fa;
+      border: 1px solid #dcdfe6;
+      cursor: pointer;
+      position: relative;
+
+      &:first-child {
+        border-radius: 4px 0 0 4px;
+        border-right: none;
+      }
+
+      &:last-child {
+        border-radius: 0 4px 4px 0;
+      }
+
+      &.active {
+        background: #e6f7ff;
+        border-color: #91d5ff;
+        color: #1890ff;
+      }
+
+      .check-icon {
+        position: absolute;
+        right: 4px;
+        bottom: 2px;
+        font-size: 12px;
+        color: #1890ff;
+      }
+    }
+  }
+
+  .section {
+    margin-bottom: 20px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
+    padding: 12px;
+
+    .section-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: #303133;
+      padding: 6px 0;
+      // margin-bottom: 8px;
+
+      &::before {
+        content: '';
+        display: inline-block;
+        width: 4px;
+        height: 14px;
+        background-color: #409eff;
+        margin-right: 8px;
+        border-radius: 0 4px 4px 0;
+      }
+    }
+
+    .form-row {
+      display: flex;
+      gap: 20px;
+      margin-bottom: 8px;
+
+      &.three-col {
+        .form-item {
+          flex: 1;
+        }
+      }
+
+      &.checkbox-row {
+        align-items: center;
+
+        :deep(.el-checkbox__label) {
+          color: #f00;
+        }
+      }
+    }
+
+    .two-col {
+      display: flex;
+      gap: 20px;
+      flex-wrap: wrap;
+
+      .form-item-column {
+        flex: 1;
+
+        .text {
+          color: #80868d;
+          font-weight: 700;
+          margin: 6px 0;
+        }
+      }
+    }
+
+    .tips {
+      color: #f00;
+    }
+
+    .form-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      &.full-width {
+        width: 100%;
+        flex-direction: column;
+        align-items: flex-start;
+
+        label {
+          margin-bottom: 6px;
+        }
+
+        .el-textarea {
+          width: 100%;
+        }
+      }
+
+      label {
+        width: 80px;
+        text-align: right;
+        color: #686f77;
+        white-space: nowrap;
+        font-weight: 500;
+      }
+
+      span {
+        font-weight: 700;
+        color: #284160;
+        padding-left: 30px;
+      }
+
+      .el-input,
+      .el-select,
+      .el-date-picker {
+        flex: 1;
+      }
+    }
+
+    .input-with-unit {
+      display: flex;
+      align-items: center;
+      flex: 1;
+
+      .el-input {
+        flex: 1;
+      }
+
+      .input-unit {
+        color: #5a616a;
+      }
+    }
+
+    .checkbox-group {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .mt-10 {
+      margin-top: 10px;
+    }
+  }
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/blood/deptPatient/index.vue b/src/views/doctor/deptPatient/index.vue
similarity index 77%
rename from src/views/blood/deptPatient/index.vue
rename to src/views/doctor/deptPatient/index.vue
index c052fa1..3014eee 100644
--- a/src/views/blood/deptPatient/index.vue
+++ b/src/views/doctor/deptPatient/index.vue
@@ -10,20 +10,14 @@
     <!-- 顶部搜索栏 -->
     <div class="top-search-bar">
       <el-input placeholder="输入床号/住院号/病人姓名搜索" style="width: 240px" clearable />
-      <div class="date-range">
-        <span>开单日期：</span>
-        <el-date-picker v-model="searchForm.startDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
-          placeholder="选择日期" />
-        <span class="divider">—</span>
-        <el-date-picker v-model="searchForm.endDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
-          placeholder="选择日期" />
+      <div class="btn_box ml10">
+        <el-button type="primary">编辑病人</el-button>
+        <el-button type="primary" @click="goSxpg">输血评估</el-button>
+        <el-button type="primary" @click="goSxsq">输血申请</el-button>
+        <el-button type="primary">大量用血审批</el-button>
+        <el-button type="primary">不良反应登记</el-button>
+        <el-button type="primary">用血评价</el-button>
       </div>
-      <el-select v-model="searchForm.status" placeholder="状态：全部" style="width: 150px">
-        <el-option label="全部" value="" />
-        <el-option label="已审核" value="1" />
-        <el-option label="待审核" value="0" />
-      </el-select>
-      <el-button type="primary">确定</el-button>
     </div>
 
     <div class="main-content">
@@ -56,7 +50,9 @@
       <div class="detail-content">
         <!-- 1. 基础信息卡片 -->
         <div class="card base-info-card">
-          <div class="card-title">基础信息</div>
+          <div class="card-title">
+            <div class="text">基础信息</div>
+          </div>
           <div class="base-info-content">
             <div class="base-info">
               <div class="info-row">
@@ -118,24 +114,14 @@
 
         <!-- 2. 输血记录卡片 -->
         <div class="card transfusion-record-card">
-          <div class="card-title">输血记录</div>
-          <div class="card-filter-bar">
-            <div class="date-range">
-              <el-date-picker v-model="recordFilter.startDate" type="date" placeholder="选择开始日期" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD" />
-              <span class="divider">—</span>
-              <el-date-picker v-model="recordFilter.endDate" type="date" placeholder="选择结束日期" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD" />
+          <div class="card-title">
+            <div class="text"> 输血记录 </div>
+            <div>
+              <el-checkbox v-model="recordFilter.showDiscarded">显示已作废</el-checkbox>
+              <el-button type="primary" icon="Refresh" plain class="ml10">刷 新</el-button>
             </div>
-            <el-select v-model="recordFilter.status" placeholder="全部状态" style="width: 120px">
-              <el-option label="全部状态" value="" />
-              <el-option label="已审核" value="1" />
-              <el-option label="待审核" value="0" />
-            </el-select>
-            <el-checkbox v-model="recordFilter.showDiscarded">显示已作废</el-checkbox>
-            <el-button type="primary">确定</el-button>
-            <el-button type="primary" icon="Plus" class="add-btn" @click="addRecord">新增申请</el-button>
           </div>
+
           <el-table :data="transfusionRecordData" border style="width: 100%" highlight-current-row>
             <el-table-column prop="index" label="序号" align="center" width="60" />
             <el-table-column prop="reserveTime" label="备血时间" align="center" />
@@ -160,18 +146,13 @@
 
         <!-- 3. 输血评估卡片 -->
         <div class="card transfusion-evaluation-card">
-          <div class="card-title">输血评估</div>
-          <div class="card-filter-bar">
-            <div class="date-range">
-              <el-date-picker v-model="evalFilter.startDate" type="date" placeholder="选择开始日期" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD" />
-              <span class="divider">—</span>
-              <el-date-picker v-model="evalFilter.endDate" type="date" placeholder="选择结束日期" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD" />
+          <div class="card-title">
+            <div class="text">输血评估</div>
+            <div>
+              <el-button type="primary" plain icon="Refresh">刷 新</el-button>
             </div>
-            <el-button type="primary">确定</el-button>
-            <el-button type="primary" icon="Plus" class="add-btn" @click="addEvaluation">新增申请</el-button>
           </div>
+
           <el-table :data="transfusionEvalData" border style="width: 100%" highlight-current-row>
             <el-table-column prop="index" label="序号" align="center" width="60" />
             <el-table-column prop="evalTime" label="评估时间" align="center" />
@@ -181,25 +162,14 @@
         </div>
       </div>
     </div>
-    <!-- //输血申请 -->
-    <BlooTransfusionApplication ref="transfusionApplicationRef" />
-    <!-- 输血评估 -->
-    <BloodTransfusionAssessment ref="transfusionAssessmentRef" />
+
   </div>
 </template>
 
 <script setup lang="ts">
-import BloodTransfusionAssessment from './components/bloodTransfusionAssessment.vue'
-import BlooTransfusionApplication from './components/bloodTransfusionApplication.vue'
+import router from '@/router'
+
 
-// 顶部搜索表单
-const searchForm = reactive({
-  startDate: '2025-07-19 20:22',
-  endDate: '2025-07-20 20:22',
-  status: ''
-})
-const transfusionApplicationRef = useTemplateRef('transfusionApplicationRef')
-const transfusionAssessmentRef = useTemplateRef('transfusionAssessmentRef')
 const activeIndex = ref(0) // 当前选中患者索引
 // 患者列表数据
 const patientList = ref([
@@ -348,23 +318,24 @@ const transfusionEvalData = ref([
     purpose: '手术备血'
   },
 ])
-const addRecord = () => {
-  transfusionApplicationRef.value.open()
+const goSxpg = () => {
+  router.push(`/doctor/assessment`)
 }
-const addEvaluation = () => {
-  transfusionAssessmentRef.value.open()
+const goSxsq = () => {
+  router.push(`/doctor/application`)
 }
 </script>
 
 <style scoped lang="scss">
 .app-container {
+  box-sizing: border-box;
 
   // 顶部搜索栏
   .top-search-bar {
     display: flex;
     align-items: center;
     gap: 16px;
-    padding: 12px 10px;
+    padding: 0 10px 12px;
     border-radius: 4px;
 
     .date-range {
@@ -384,13 +355,16 @@ const addEvaluation = () => {
   .main-content {
     display: flex;
     gap: 16px;
-    height: calc(100% - 50px);
-    overflow-y: auto;
+    // 扣除顶部搜索栏高度，可根据实际微调 60px
+    height: calc(100vh - 130px);
+    overflow: hidden;
     padding: 0 10px 16px;
+    box-sizing: border-box;
 
     // 左侧患者列表
     .patient-list {
       width: 250px;
+      height: 100%;
       overflow-y: auto;
       padding: 2px;
       box-sizing: border-box;
@@ -403,19 +377,18 @@ const addEvaluation = () => {
         border: 1px solid #ebeef5;
         cursor: pointer;
         transition: all 0.2s;
-        // 核心：添加明显的四周阴影
         box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
-        background: #fff; // 确保背景白色，阴影更明显
+        background: #fff;
 
         &:hover {
-          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); // 悬停时阴影加深
-          transform: translateY(-2px); // 轻微上浮，增强交互感
+          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
+          transform: translateY(-2px);
         }
 
         &.active {
           border-color: #409eff;
           background-color: #ecf5ff;
-          box-shadow: 0 4px 16px rgba(64, 158, 255, 0.15); // 激活状态用主题色阴影
+          box-shadow: 0 4px 16px rgba(64, 158, 255, 0.15);
 
           &::before {
             position: absolute;
@@ -482,9 +455,7 @@ const addEvaluation = () => {
           font-weight: 700;
           margin-left: 8px;
           writing-mode: vertical-rl;
-          /* 垂直从右到左 */
           text-orientation: upright;
-          /* 文本方向保持直立 */
 
           &.tag-o {
             background-color: #ffa940;
@@ -513,18 +484,22 @@ const addEvaluation = () => {
       display: flex;
       flex-direction: column;
       gap: 10px;
-      overflow-y: auto;
+      height: 100%;
+      overflow: hidden;
       padding: 2px;
+      box-sizing: border-box;
 
       .card {
-        background: #fff;
         border-radius: 8px;
-        padding: 20px;
+        padding: 10px;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
         transition: all 0.2s;
+        background: #fff;
+        box-sizing: border-box;
+        min-height: 0; // 解决flex内容溢出问题
 
         &:hover {
-          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12); // 悬停加深阴影
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
         }
 
         .card-title {
@@ -533,8 +508,11 @@ const addEvaluation = () => {
           color: #303133;
           margin-bottom: 16px;
           display: flex;
+          justify-content: space-between;
           align-items: center;
+        }
 
+        .text {
           &::before {
             content: '';
             display: inline-block;
@@ -567,17 +545,19 @@ const addEvaluation = () => {
         }
       }
 
-      // 基础信息卡片
+      // 1. 基础信息卡片：高度更大
       .base-info-card {
+        flex: 1.2; // 权重2，高度更高
+
         .base-info-content {
           display: flex;
           flex-wrap: wrap;
-          gap: 16px;
-          margin-bottom: 16px;
+          box-sizing: border-box;
 
           .base-info {
             display: flex;
-
+            width: 100%;
+            margin-bottom: 20px;
           }
 
           .info-row {
@@ -590,7 +570,6 @@ const addEvaluation = () => {
               display: flex;
               font-size: 14px;
               font-weight: 600;
-              margin-bottom: 10px;
 
               .label {
                 color: #86888b;
@@ -613,9 +592,9 @@ const addEvaluation = () => {
             margin-left: 20px;
 
             .blood-type-tag {
-              width: 200px;
-              height: 80px;
-              line-height: 80px;
+              width: 12.5rem;
+              height: 5rem;
+              line-height: 5rem;
               border-radius: 4px;
               color: #fff;
               font-size: 30px;
@@ -641,21 +620,25 @@ const addEvaluation = () => {
 
           .blood-table {
             width: 100%;
+            // 表格自适应剩余高度
+            height: calc(100% - 100px);
           }
         }
       }
 
-      // 输血记录卡片
-      .transfusion-record-card {
-        .el-table {
-          --el-table-row-hover-bg-color: #ecf5ff;
-        }
+      // 2. 输血记录 + 输血评估：两个卡片权重一致，等高
+      .transfusion-record-card,
+      .transfusion-evaluation-card {
+        flex: 1; // 权重统一为1，两张卡片完全等高
       }
 
-      // 输血评估卡片
-      .transfusion-evaluation-card {}
+      // 表格统一自适应高度（替换原固定 170px）
+      .el-table {
+        height: calc(100% - 50px) !important;
+        --el-table-row-hover-bg-color: #ecf5ff;
+      }
 
-      // 评价样式
+      // 评价文字样式
       .valid {
         color: #67c23a;
       }
diff --git a/src/views/doctor/evaluation/index.vue b/src/views/doctor/evaluation/index.vue
new file mode 100644
index 0000000..f5dafe0
--- /dev/null
+++ b/src/views/doctor/evaluation/index.vue
@@ -0,0 +1,17 @@
+/**
+* @file index.vue
+* @description: 输血有效性评价
+* @author: w
+* @since: 2026-06-09
+*/
+<template>
+  <div>
+    输血有效性评价
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/blood/reactionRegist/index.vue b/src/views/doctor/reactionRegist/index.vue
similarity index 99%
rename from src/views/blood/reactionRegist/index.vue
rename to src/views/doctor/reactionRegist/index.vue
index 3e96227..32ed856 100644
--- a/src/views/blood/reactionRegist/index.vue
+++ b/src/views/doctor/reactionRegist/index.vue
@@ -196,7 +196,7 @@ const searchBlood = () => {
       font-size: 15px;
       font-weight: 600;
       color: #303133;
-      margin-bottom: 16px;
+      margin-bottom: 8px;
       display: flex;
       align-items: center;
 
diff --git a/src/views/blood/review/index.vue b/src/views/doctor/review/index.vue
similarity index 92%
rename from src/views/blood/review/index.vue
rename to src/views/doctor/review/index.vue
index 3b0b94d..75b6bed 100644
--- a/src/views/blood/review/index.vue
+++ b/src/views/doctor/review/index.vue
@@ -47,22 +47,22 @@
         <el-button type="primary" @click="onAudit">审核</el-button>
       </div>
 
-      <CustomTable :data="tableData" :columns="columns" :config="config" @selection-change="selectionChange" />
+      <CustomTable :data="tableData" :columns="columns" :config="config" @selection-change="selectionChange"
+        @column-drag-end="ColumnDragEnd" :enableColumnDrag="true" />
 
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { hi } from 'element-plus/es/locales.mjs'
-
+import dayjs from 'dayjs'
 
 // 搜索表单
 const searchForm = ref({
   patientName: '',
   inNo: '',
-  startDate: '',
-  endDate: '',
+  startDate: dayjs().format('YYYY-MM-DD'),
+  endDate: dayjs().format('YYYY-MM-DD'),
   status: '0',
   dept: '',
 })
@@ -75,7 +75,7 @@ const tableData = ref([
   { id: '1', name: '张三', sex: '男', nl: '18', xx: 'A', RH: '+', xypz: 'B', sl: '1', dw: '瓶', ks: '张三', shsj: '2023-06-04 10:00:00', ywb: '张三', spsj: '2023-06' },
 ])
 
-const columns = [
+const columns = ref([
   { type: 'selection', width: 60, align: 'center', visible: true, },
   { label: '申请科室', prop: 'dept', align: 'center', visible: true, },
   { label: '申请单号', prop: 'applyNo', align: 'center', visible: true, width: 120 },
@@ -95,7 +95,7 @@ const columns = [
   { label: '申请医生', prop: 'doctor', align: 'center', visible: true, },
   { label: '主治医师', prop: 'zz', align: 'center', visible: true, },
   { label: '上级医师', prop: 'sj', align: 'center', visible: true, },
-]
+])
 
 const config = {
   height: 'calc(100% - 40px)',
@@ -103,6 +103,10 @@ const config = {
   highlightCurrentRow: true,
 }
 
+const ColumnDragEnd = (newColumns) => {
+  columns.value = newColumns.columns
+}
+
 const selectionChange = (arr) => {
   console.log('选中行', arr)
 }
@@ -129,7 +133,7 @@ const onAudit = () => {
   .top-search-card {
     background: #ffffff;
     border-radius: 6px;
-    box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
     padding: 18px 20px;
 
     :deep(.el-form-item) {
@@ -147,7 +151,7 @@ const onAudit = () => {
   .table-card {
     background: #fff;
     border-radius: 6px;
-    box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
     padding: 16px;
     height: calc(100% - 80px);
 
diff --git a/src/views/blood/receiveBlood/index.vue b/src/views/nurses/receiveBlood/index.vue
similarity index 100%
rename from src/views/blood/receiveBlood/index.vue
rename to src/views/nurses/receiveBlood/index.vue
diff --git a/src/views/blood/record/index.vue b/src/views/nurses/record/index.vue
similarity index 100%
rename from src/views/blood/record/index.vue
rename to src/views/nurses/record/index.vue
diff --git a/src/views/nurses/specimenEntry/index.vue b/src/views/nurses/specimenEntry/index.vue
new file mode 100644
index 0000000..7b96955
--- /dev/null
+++ b/src/views/nurses/specimenEntry/index.vue
@@ -0,0 +1,202 @@
+/**
+* @file index.vue
+* @description: 标本录入
+* @author: w
+* @since: 2026-06-09
+*/
+<template>
+  <div class="app-container">
+    <!-- 顶部搜索卡片 -->
+    <div class="search-card">
+      <el-form :model="searchForm" inline label-width="auto">
+        <el-form-item label="科室:">
+          <el-select v-model="searchForm.dept" placeholder="请选择科室">
+            <el-option label="输血科" value="输血科" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="标本编号:">
+          <el-input v-model="searchForm.sampleNo" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="合格状态:">
+          <el-select v-model="searchForm.qualifyStatus" placeholder="请选择">
+            <el-option label="合格" value="合格" />
+            <el-option label="不合格" value="不合格" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="申请单状态:">
+          <el-input v-model="searchForm.applyStatus" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="病人姓名:">
+          <el-input v-model="searchForm.patientName" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="病历号:">
+          <el-input v-model="searchForm.medicalNo" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="申请单号:">
+          <el-input v-model="searchForm.applyNo" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="采集状态:">
+          <el-select v-model="searchForm.collectStatus" placeholder="请选择">
+            <el-option label="全部" value="全部" />
+            <el-option label="已采集" value="已采集" />
+            <el-option label="未采集" value="未采集" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="申请日期:">
+          <el-date-picker v-model="searchForm.startDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+            placeholder="选择日期" style="width: 150px" />
+          <span class="divider"> — </span>
+          <el-date-picker v-model="searchForm.endDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+            placeholder="选择日期" style="width: 150px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">确定</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!-- 表格卡片 -->
+    <div class="table-card">
+      <div class="table-btn-bar">
+        <el-button type="primary" plain icon="DocumentRemove" @click="handlePrint">打印标签</el-button>
+      </div>
+
+      <CustomTable :data="tableData" :columns="columns" :config="tableConfig" :enableColumnDrag="true"
+        @column-drag-end="ColumnDragEnd" @selection-change="handleSelectionChange" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import dayjs from 'dayjs'
+
+// 搜索表单数据
+const searchForm = reactive({
+  startDate: dayjs().format('YYYY-MM-DD'),
+  endDate: dayjs().format('YYYY-MM-DD'),
+  dept: '',
+  sampleNo: '',
+  qualifyStatus: '',
+  applyStatus: '',
+  patientName: '',
+  medicalNo: '',
+  applyNo: '',
+  collectStatus: '全部'
+})
+// 选中的表格数据
+const selectedRows = ref<any[]>([])
+
+// 表格模拟数据
+const tableData = ref([
+  {
+    index: '01',
+    sampleNo: 'SB20260609001',
+    sampleUse: '交叉配血',
+    sourceDept: '输血科',
+    applyNo: 'SQ20260609001',
+    bloodType: '悬浮红细胞',
+    crossMatch: '相容',
+    aboBlood: 'A',
+    rhBlood: '阳性',
+    patientName: '张三',
+    gender: '男',
+    age: '35',
+    birthDate: '1991-05-20',
+    collectNurse: '李护士',
+    collectTime: '2026-06-09 10:30:00',
+    sendUser: '王医生',
+    sendTime: '2026-06-09 10:40:00',
+    receiveUser: '张检验',
+    receiveTime: '2026-06-09 10:45:00',
+    transportUser: '配送员A'
+  }
+])
+
+const columns = ref([
+  { type: 'selection', width: 40, align: 'center', visible: true, },
+  { label: '序号', prop: 'index', width: 60, align: 'center', visible: true, },
+  { label: '标本编号', prop: 'sampleNo', align: 'center', visible: true, },
+  { label: '标本用途', prop: 'sampleUse', align: 'center', visible: true, },
+  { label: '来源科室', prop: 'sourceDept', align: 'center', visible: true, },
+  { label: '对应单号', prop: 'applyNo', width: 120, align: 'center', visible: true, },
+  { label: '血液品种', prop: 'bloodType', align: 'center', visible: true, },
+  { label: '交叉配血', prop: 'crossMatch', align: 'center', visible: true, },
+  { label: '血型', prop: 'aboBlood', align: 'center', visible: true, },
+  { label: 'Rh血型', prop: 'rhBlood', align: 'center', visible: true, },
+  { label: '姓名', prop: 'patientName', align: 'center', visible: true, },
+  { label: '性别', prop: 'gender', width: 40, align: 'center', visible: true, },
+  { label: '年龄', prop: 'age', width: 40, align: 'center', visible: true, },
+  { label: '出生日期', prop: 'birthDate', align: 'center', visible: true, },
+  { label: '采集护士', prop: 'collectNurse', align: 'center', visible: true, },
+  { label: '采集时间', prop: 'collectTime', align: 'center', visible: true, },
+  { label: '送检人', prop: 'sendUser', align: 'center', visible: true, },
+  { label: '送检时间', prop: 'sendTime', align: 'center', visible: true, },
+  { label: '接收人', prop: 'receiveUser', align: 'center', visible: true, },
+  { label: '接收时间', prop: 'receiveTime', align: 'center', visible: true, },
+  { label: '运送人', prop: 'transportUser', align: 'center', visible: true, }
+])
+const tableConfig = ref({
+  border: true,
+  highlightCurrentRow: true,
+  height: 'calc(100% - 40px)'
+})
+
+const ColumnDragEnd = (newColumns) => {
+  columns.value = newColumns.columns
+}
+// 事件处理
+const handleSearch = () => {
+  console.log('搜索条件：', searchForm)
+}
+const handlePrint = () => {
+  console.log('作废：', selectedRows.value)
+}
+
+const handleSelectionChange = (val: any[]) => {
+  selectedRows.value = val
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  // 顶部搜索卡片（和第二张图样式完全一致）
+  .search-card {
+    background: #ffffff;
+    border-radius: 6px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
+    padding: 18px 20px;
+
+    :deep(.el-form-item) {
+      margin-bottom: 8px;
+    }
+
+    .divider {
+      font-weight: 700;
+      color: #dbdbdb;
+      margin: 0 8px;
+    }
+  }
+
+  // 表格卡片（和第二张图样式完全一致）
+  .table-card {
+    background: #fff;
+    border-radius: 6px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
+    padding: 16px;
+    height: calc(100% - 145px);
+
+    // 右上角按钮栏（作废/审核）
+    .table-btn-bar {
+      display: flex;
+      justify-content: flex-end;
+      gap: 10px;
+      margin-bottom: 12px;
+    }
+
+  }
+}
+</style>
\ No newline at end of file