提交merge1.3

openhis-ui-vue3/src/views/inpatientDoctor/home/emr/index.vue

@@ -5,8 +5,25 @@
 -->
 <template>
   <div class="emr-use-container">
+<<<<<<< HEAD
     <div class="disBtn" :class="{'disLeftBtnNor':leftShow,'disLeftBtnAct':!leftShow}" @click="disNode"><img src="../../../../assets/icons/svg/foldup.svg"></div>
     <div class="disBtn" :class="{'disRightBtnNor':rightShow,'disRightBtnAct':!rightShow}" @click="disNode_R"><img src="../../../../assets/icons/svg/foldup.svg"></div>
+=======
+    <div
+      class="disBtn"
+      :class="{ disLeftBtnNor: leftShow, disLeftBtnAct: !leftShow }"
+      @click="disNode"
+    >
+      <img src="../../../../assets/icons/svg/foldup.svg" />
+    </div>
+    <div
+      class="disBtn"
+      :class="{ disRightBtnNor: rightShow, disRightBtnAct: !rightShow }"
+      @click="disNode_R"
+    >
+      <img src="../../../../assets/icons/svg/foldup.svg" />
+    </div>
+>>>>>>> v1.3
     <transition name="el-zoom-in-left">
       <div class="template-tree-container" v-if="leftShow">
         <div class="search-box">
@@ -18,6 +35,7 @@
         </div>
         <el-scrollbar class="template-tree-scrollbar">
           <el-tree
+<<<<<<< HEAD
               ref="templateTree"
               :data="templateData"
               :props="defaultProps"
@@ -25,6 +43,15 @@
               node-key="id"
               @node-click="handleNodeClick"
               class="template-tree"
+=======
+            ref="templateTree"
+            :data="templateData"
+            :props="defaultProps"
+            auto-expand-parent
+            node-key="id"
+            @node-click="handleNodeClick"
+            class="template-tree"
+>>>>>>> v1.3
           ></el-tree>
         </el-scrollbar>
       </div>
@@ -36,12 +63,25 @@
           <!-- <el-button type="primary" @click="newEmr">新建</el-button> -->
           <el-button type="primary" @click="saveAsModel">存为模版</el-button>
           <el-button @click="refresh">刷新</el-button>
+          <el-button @click="resetForm">重置</el-button>
           <el-button type="primary" @click="save">保存</el-button>
+          <el-button type="primary" @click="onPrint">打印表单</el-button>
+          <!-- <el-button type="primary" @click="" disabled>病案上传</el-button>
+          <el-button type="primary" @click="">结算上传</el-button> -->
+          <!-- <el-button type="primary" @click="onNursingStatus">护理状态</el-button> -->
+          <!-- <el-button type="primary" @click="print">打印</el-button> -->
         </el-space>
       </div>
       <div class="operate-main">
         <el-scrollbar class="template-tree-scrollbar">
-          <component :is="currentComponent" ref="emrComponentRef" @submitOk="handleSubmitOk" />
+          <div v-loading="loading" class="loading-container">
+            <component
+              :is="currentComponent"
+              ref="emrComponentRef"
+              :patientInfo="patientInfo"
+              @submitOk="handleSubmitOk"
+            />
+          </div>
         </el-scrollbar>
       </div>
     </div>
@@ -51,17 +91,31 @@
         <el-tabs v-model="quicklyactiveName" type="card">
           <el-tab-pane label="历史" name="history">
             <History
+<<<<<<< HEAD
                 @historyClick="handleHistoryClick"
                 ref="historyRef"
                 v-model:definitionId="currentSelectTemplate.id"
+=======
+              @historyClick="handleHistoryClick"
+              ref="historyRef"
+              v-model:definitionId="currentSelectTemplate.id"
+              :selectedRecordId="selectedHistoryRecordId"
+>>>>>>> v1.3
             />
           </el-tab-pane>
           <el-tab-pane label="模版" name="model">
             <Template
+<<<<<<< HEAD
                 @templateClick="handleTemplateClick"
                 ref="templateRef"
                 v-model:definitionId="currentSelectTemplate.id"
                 @edit="templateEdit"
+=======
+              @templateClick="handleTemplateClick"
+              ref="templateRef"
+              v-model:definitionId="currentSelectTemplate.id"
+              @edit="templateEdit"
+>>>>>>> v1.3
             />
           </el-tab-pane>
         </el-tabs>
@@ -74,15 +128,28 @@
       v-model:dialogVisible="templateEditVisible"
       @submitOk="templateEditSubmitOk"
     />
+
+    <el-drawer v-model="openDrawer" size="100%">
+      <template #default>
+        <div>
+          <NursingStatus></NursingStatus>
+        </div>
+      </template>
+    </el-drawer>
   </div>
 </template>
 <script setup>
-import { getCurrentInstance, onBeforeMount, onMounted, reactive, ref } from 'vue';
+import { getCurrentInstance, nextTick, onBeforeMount, onMounted, reactive, ref, watch } from 'vue';
 import { ElMessageBox, ElMessage, ElLoading } from 'element-plus';
 import { getTreeList } from '@/views/basicmanage/caseTemplates/api';
-import { addRecord, addTemplate } from './api';
+import { saveOrUpdateRecord, addTemplate, getRecordByEncounterIdList } from './api';
 import { patientInfo } from '../store/patient.js';
+import NursingStatus from '@/views/inpatientDoctor/home/components/applicationShow/nursingStatus.vue';
 import dayjs from 'dayjs';
+// 打印工具
+import { simplePrint, PRINT_TEMPLATE } from '@/utils/printUtils.js';
+import useUserStore from '@/store/modules/user';
+const userStore = useUserStore();
 // 移除未使用的变量
 // const { proxy } = getCurrentInstance();
 const emits = defineEmits([]);
@@ -91,20 +158,36 @@ const state = reactive({});
 import History from './components/history';
 import Template from './components/template';
 import TemplateEdit from './components/templateEdit.vue';
+import formDataJs from '../../../doctorstation/components/store/medicalpage.js';
 // 定义响应式变量
 const templateData = ref([]);
 const queryParams = ref({
   name: '',
+  useRanges: [1, 2], // 0 暂不使用 1 全院 2 科室 3 个人
+  organizationId: userStore.orgId,
 });
+const loading = ref(false); // 数据加载状态
 const currentSelectTemplate = ref({
   id: '',
 });
+const openDrawer = ref(false);
 const currentComponent = ref('');
 const emrComponentRef = ref(null);
 const quicklyactiveName = ref('history');
 const leftShow = ref(true);
 const rightShow = ref(true);
+<<<<<<< HEAD
 
+=======
+watch(patientInfo, () => {
+  historyRef.value?.queryList();
+  templateRef.value?.queryList();
+});
+const templateTree = ref(null);
+
+// 当前选中的历史病历ID，用于在History组件中高亮显示
+const selectedHistoryRecordId = ref('');
+>>>>>>> v1.3
 
 // 树配置（模板树）
 const defaultProps = {
@@ -118,6 +201,11 @@ const queryTemplateTree = async () => {
   try {
     const res = await getTreeList(queryParams.value);
     templateData.value = res.data || [];
+
+    // 组件挂载后，如果有患者信息，默认选中门诊病历模板
+    if (patientInfo.value && patientInfo.value.patientId && templateData.value.length > 0) {
+      selectOutpatientMedicalRecordTemplate();
+    }
   } catch (error) {
     ElMessage.error('获取模板树失败');
     templateData.value = [];
@@ -137,8 +225,19 @@ const handleNodeClick = (data, node) => {
     };
     // currentComponent.value = null;
   }
-  historyRef.value?.queryList();
-  templateRef.value?.queryList();
+
+  // 确保组件状态更新后再查询历史记录
+  nextTick(() => {
+    setTimeout(() => {
+      historyRef.value?.queryList();
+      templateRef.value?.queryList();
+
+      // 选择任何病历模板后，都加载该病历类型的最新历史记录
+      if (node.isLeaf && patientInfo.value && patientInfo.value.patientId) {
+        loadLatestMedicalRecord();
+      }
+    }, 100);
+  });
 };
 
 const newEmr = () => {
@@ -177,8 +276,9 @@ const editTemplateForm = ref({
   contextJson: '',
   definitionId: '',
   useRange: 2,
-  organizationId: '',
+  organizationId: userStore.orgId,
   userId: '',
+  useRanges: [1], // 默认全院使用
   remark: '',
 });
 
@@ -197,10 +297,18 @@ const handleSubmitOk = async (data) => {
       editForm.value.encounterId = patientInfo.value.encounterId;
       editForm.value.patientId = patientInfo.value.patientId;
       editForm.value.recordTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
-      await addRecord(editForm.value);
-      ElMessage.success('病历保存成功');
+      await saveOrUpdateRecord(editForm.value);
+      // ElMessage.success('保存成功');
+
+      // 刷新历史记录列表
       historyRef.value?.queryList();
       templateRef.value?.queryList();
+
+      // 等待历史记录列表更新后，重新加载最新病历并更新选中状态
+      setTimeout(() => {
+        loadLatestMedicalRecord();
+      }, 100);
+      ElMessage.success('保存成功');
     } catch (error) {
       ElMessage.error('提交失败');
       console.log(error);
@@ -209,13 +317,147 @@ const handleSubmitOk = async (data) => {
     // 新增或者编辑模板
     // editTemplateForm.value.id=
     editTemplateForm.value.name =
-    currentSelectTemplate.value.name + dayjs().format('YYYY/MM/DD HH:mm');
+      currentSelectTemplate.value.name + dayjs().format('YYYY/MM/DD HH:mm');
     editTemplateForm.value.contextJson = JSON.stringify(data);
     editTemplateForm.value.definitionId = currentSelectTemplate.value.id;
+    editTemplateForm.value.organizationId = userStore.orgId;
+    editTemplateForm.value.useRanges = [1]; // 默认全院使用
     templateEditVisible.value = true;
   }
 };
 
+// 定义病历模板类型与打印模板的映射关系
+const templateToPrintTemplateMap = {
+  // 手术记录相关模板
+  手术记录: PRINT_TEMPLATE.OPERATIVE_RECORD,
+  '手术记录(1.0.0)': PRINT_TEMPLATE.OPERATIVE_RECORD,
+  tySurgicalRecord: PRINT_TEMPLATE.OPERATIVE_RECORD,
+  // 门诊病历相关模板
+  门诊病历: PRINT_TEMPLATE.HQOUTPATIENT_MEDICAL_RECORD,
+  '门诊病历(1.0.0)': PRINT_TEMPLATE.HQOUTPATIENT_MEDICAL_RECORD,
+  测试新增: PRINT_TEMPLATE.HQOUTPATIENT_MEDICAL_RECORD,
+};
+
+// 根据模板名称获取对应的打印模板
+const getPrintTemplateByTemplateName = (templateName) => {
+  // 默认使用红旗门诊病历模板
+  let printTemplate = PRINT_TEMPLATE.HQOUTPATIENT_MEDICAL_RECORD;
+
+  if (templateName) {
+    for (const [key, value] of Object.entries(templateToPrintTemplateMap)) {
+      if (templateName.includes(key)) {
+        printTemplate = value;
+        break;
+      }
+    }
+  }
+
+  return printTemplate;
+};
+
+// 辅助函数：将嵌套对象扁平化为单层结构
+const flattenObject = (obj, prefix = '') => {
+  const flattened = {};
+
+  for (let key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      const newKey = prefix ? `${prefix}_${key}` : key;
+
+      if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {
+        // 递归处理嵌套对象
+        Object.assign(flattened, flattenObject(obj[key], newKey));
+      } else if (Array.isArray(obj[key])) {
+        // 数组转换为字符串
+        flattened[newKey] = JSON.stringify(obj[key]);
+      } else {
+        // 基本类型直接赋值
+        flattened[newKey] = obj[key];
+      }
+    }
+  }
+
+  return flattened;
+};
+
+// 打印
+const print = async () => {
+  try {
+    if (!currentSelectTemplate.value || !currentSelectTemplate.value.id) {
+      ElMessage.warning('请先选择病历模板');
+      return;
+    }
+
+    console.log('打印模板:', currentSelectTemplate.value.name);
+    console.log('打印病历ID:', editForm.value.id);
+    // 检查是否已保存
+    if (!editForm.value.id || editForm.value.id === '') {
+      ElMessage.warning('请先保存病历后再进行打印');
+      return;
+    }
+
+    // 获取当前病历组件的表单数据
+    const formData = emrComponentRef.value?.formData || {};
+
+    // 获取当前模板名称
+    const templateName = currentSelectTemplate.value.name || '';
+
+    // 根据模板名称获取对应的打印模板
+    const selectedPrintTemplate = getPrintTemplateByTemplateName(templateName);
+
+    // 打印数据
+    const printData = {
+      // 模板信息
+      templateName: currentSelectTemplate.value.name || '住院病历',
+      templateId: currentSelectTemplate.value.id || '',
+
+      // 医生信息
+      doctorName: userStore.nickName,
+
+      // 患者信息
+      patientName: patientInfo.value.patientName || '',
+      patientId: patientInfo.value.patientId || '',
+      medicalRecordNo: patientInfo.value.medicalRecordNo || '',
+      gender: patientInfo.value.gender || '',
+      age: patientInfo.value.age || '',
+      genderEnum_enumText: patientInfo.value.genderEnum_enumText || '',
+      idCard: patientInfo.value.idCard || '',
+      phone: patientInfo.value.phone || '',
+      registerTime: patientInfo.value.registerTime || '',
+      // 就诊信息
+      encounterId: patientInfo.value.encounterId || '',
+      department: patientInfo.value.department || '',
+      attendingDoctor: patientInfo.value.attendingDoctor || '',
+
+      // 病历信息
+      documentName: currentSelectTemplate.value.name || '住院病历',
+      documentId: currentSelectTemplate.value.id || '',
+      recordTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+      printTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+
+      //病历号
+      busNo: patientInfo.value.busNo || '',
+      //费用类型
+      contractName: patientInfo.value.contractName || '',
+
+      // 表单数据 - 需要将嵌套结构展开
+      ...flattenObject(formData),
+    };
+
+    console.log('打印数据:', printData);
+
+    // 执行打印，使用根据模板类型选择的打印模板
+    await simplePrint(selectedPrintTemplate, printData);
+
+    // 刷新历史记录列表
+    historyRef.value?.queryList();
+
+    ElMessage.success('打印成功');
+  } catch (error) {
+    console.error('打印失败:', error);
+    ElMessage.error('打印失败: ' + (error.message || '未知错误'));
+  }
+};
+
 const refresh = () => {
   queryTemplateTree();
   historyRef.value?.queryList();
@@ -230,32 +472,221 @@ const deleteEmr = async () => {
     ElMessage.error('删除失败');
   }
 };
+// 重置表单数据
+const resetForm = async () => {
+  ElMessageBox.confirm('确定要重置吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    try {
+      // 重置editForm为初始值
+      editForm.value = {
+        id: '',
+        definitionId: '',
+        definitionBusNo: '',
+        contentJson: '',
+        statusEnum: 1,
+        organizationId: 0,
+        encounterId: '',
+        patientId: '',
+        recordTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+        createBy: '',
+        source: '',
+        printCount: 0,
+      };
 
+      // 清空选中的历史记录ID
+      selectedHistoryRecordId.value = '';
+
+      // 先将组件设置为空，强制卸载
+      const currentComponentName = currentComponent.value;
+      if (currentComponentName) {
+        currentComponent.value = '';
+
+        // 等待DOM更新
+        await nextTick();
+
+        // 重新加载组件
+        currentComponent.value = currentComponentName;
+
+        // 再次等待DOM更新后设置空数据
+        await nextTick();
+
+        console.log('组件已重新加载，正在清空数据');
+      }
+
+      // 重置动态组件表单数据
+      if (emrComponentRef.value && emrComponentRef.value.setFormData) {
+        console.log('重置表单数据', emrComponentRef.value);
+        emrComponentRef.value.setFormData({});
+      }
+
+      ElMessage.success('表单已重置');
+    } catch (error) {
+      console.error('重置表单失败:', error);
+      ElMessage.error('重置表单失败');
+    }
+  });
+};
+
+// 打开护理状态页面
+const onNursingStatus = () => {
+  openDrawer.value = true;
+};
 const save = async () => {
   try {
     currentOperate.value = 'add';
     await emrComponentRef.value?.submit();
   } catch (error) {
+    console.log('error=============>', error);
+
     ElMessage.error('保存失败');
   }
 };
 
-const historyRef = ref(null);
-const handleHistoryClick = (data) => {
-  newEmr();
-  editForm.value = data;
+// 默认选中门诊病历模板
+// 这个函数现在已被selectDefaultTemplate替代，保留用于兼容性
+const selectOutpatientMedicalRecordTemplate = async () => {
+  // 直接调用新的selectDefaultTemplate函数
+  selectDefaultTemplate();
+};
+
+// 加载最新的病历数据并回显
+const loadLatestMedicalRecord = async () => {
+  if (!patientInfo.value.encounterId || !currentSelectTemplate.value.id) return;
+  editForm.value.id = '';
+  loading.value = true;
+  try {
+    // 获取患者的历史病历记录
+    const res = await getRecordByEncounterIdList({
+      isPage: 0,
+      encounterId: patientInfo.value.encounterId,
+      patientId: patientInfo.value.patientId,
+      definitionId: currentSelectTemplate.value.id,
+    });
+
+    const historyRecords = res.data || [];
+    if (historyRecords.length > 0) {
+      // 按时间排序，获取最新的病历记录
+      historyRecords.sort((a, b) => new Date(b.recordTime) - new Date(a.recordTime));
+      const latestRecord = historyRecords[0];
+
+      // 保存最新病历ID，用于在History组件中高亮显示
+      selectedHistoryRecordId.value = latestRecord.id;
+      // 自动回显最新病历数据到模板
+      editForm.value = latestRecord;
+      nextTick(() => {
+        if (emrComponentRef.value && latestRecord.contentJson) {
+          emrComponentRef.value.setFormData(JSON.parse(latestRecord.contentJson));
+        }
+
+        // 通知History组件更新选中状态
+        if (historyRef.value && typeof historyRef.value.updateSelectedRecord === 'function') {
+          historyRef.value.updateSelectedRecord(latestRecord.id);
+        }
+      });
+    } else {
+      // 清空选中状态
+      selectedHistoryRecordId.value = '';
+      // 病案首页切换晴空逻辑
+      emrComponentRef.value.setFormData?.({});
+      loading.value = false;
+    }
+  } catch (error) {
+    ElMessage.error('加载最新病历数据失败=====>', error);
+    // 出错时也清空选中状态
+    selectedHistoryRecordId.value = '';
+    // 病案首页切换晴空逻辑
+    emrComponentRef.value.setFormData?.({});
+    loading.value = false;
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 选择默认模板 - 获取住院病历分类下的第一个模板
+const selectDefaultTemplate = () => {
   nextTick(() => {
-    emrComponentRef.value?.setFormData(JSON.parse(editForm.value.contentJson));
+    if (!templateData.value || templateData.value.length === 0) {
+      console.log('模板数据为空，无法选择默认模板');
+      return;
+    }
+
+    // 查找住院病历分类节点，然后获取其下的第一个模板
+    const findInpatientRecordCategoryAndFirstTemplate = (nodes) => {
+      for (const node of nodes) {
+        // 检查是否是住院病历分类节点
+        if (!node.document && node.name && node.name.includes('住院病历')) {
+          // 这是一个分类节点，检查是否有子节点
+          if (node.children && node.children.length > 0) {
+            // 返回第一个有document属性的子节点（即第一个模板）
+            for (const child of node.children) {
+              if (child.document) {
+                return child;
+              }
+            }
+          }
+        }
+        // 递归查找子节点
+        if (node.children && node.children.length > 0) {
+          const found = findInpatientRecordCategoryAndFirstTemplate(node.children);
+          if (found) {
+            return found;
+          }
+        }
+      }
+      return null;
+    };
+
+    const defaultTemplate = findInpatientRecordCategoryAndFirstTemplate(templateData.value);
+    if (defaultTemplate) {
+      nextTick(() => {
+        templateTree.value?.setCurrentKey(defaultTemplate.id);
+        // 模拟点击节点
+        const mockNode = {
+          isLeaf: true,
+        };
+        handleNodeClick(defaultTemplate, mockNode);
+
+        // 直接加载最新病历数据，不再使用额外的setTimeout延迟
+        // 因为handleNodeClick中已经有nextTick和setTimeout处理组件渲染
+        loadLatestMedicalRecord();
+      });
+    } else {
+      console.log('未找到住院病历模板');
+    }
   });
 };
+
+const historyRef = ref(null);
+const handleHistoryClick = async (data) => {
+  try {
+    newEmr();
+    editForm.value = data;
+    nextTick(() => {
+      emrComponentRef.value?.setFormData(JSON.parse(editForm.value.contentJson));
+    });
+    // 更新选中的历史记录ID
+    selectedHistoryRecordId.value = data.id;
+  } catch (error) {
+    ElMessage.error('设置历史数据失败');
+    console.error('设置历史数据失败:', error);
+  }
+};
 const templateRef = ref(null);
 
-const handleTemplateClick = (data) => {
-  newEmr();
-  editForm.value = data;
-  nextTick(() => {
-    emrComponentRef.value?.setFormData(JSON.parse(editForm.value.contextJson));
-  });
+const handleTemplateClick = async (data) => {
+  try {
+    newEmr();
+    editForm.value = data;
+    nextTick(() => {
+      emrComponentRef.value?.setFormData(JSON.parse(editForm.value.contextJson));
+    });
+  } catch (error) {
+    ElMessage.error('设置模板数据失败');
+    console.error('设置模板数据失败:', error);
+  }
 };
 const templateEdit = (data) => {
   editTemplateForm.value = data;
@@ -263,27 +694,117 @@ const templateEdit = (data) => {
 };
 // ====dialog
 const templateEditVisible = ref(false);
-const templateEditSubmitOk = () => {
-  templateEditVisible.value = false;
-  historyRef.value?.queryList();
-  templateRef.value?.queryList();
+const templateEditSubmitOk = async () => {
+  try {
+    // 根据是否存在ID来决定是新增还是编辑
+    if (!editTemplateForm.value.id) {
+      // 新增模板
+      const addResult = await addTemplate(editTemplateForm.value);
+      if (addResult && addResult.code === 200) {
+        ElMessage.success('模板新增成功');
+        // 刷新模板列表
+        if (templateRef.value && typeof templateRef.value.queryList === 'function') {
+          templateRef.value.queryList();
+        }
+        // 关闭模板编辑弹窗
+        templateEditVisible.value = false;
+        // 清空模板编辑表单
+        Object.assign(editTemplateForm.value, {
+          id: '',
+          name: '',
+          displayOrder: 0,
+          contextJson: '',
+          definitionId: '',
+          useRange: 2,
+          organizationId: userStore.orgId,
+          userId: '',
+          useRanges: [1],
+          remark: '',
+        });
+      } else {
+        ElMessage.error('模板新增失败');
+        console.error('模板新增失败:', addResult);
+      }
+    } else {
+      // 编辑模板 - 暂不实现编辑功能，只支持新增
+      ElMessage.warning('暂不支持编辑模板');
+    }
+  } catch (error) {
+    console.error('处理模板编辑提交失败:', error);
+    ElMessage.error('处理模板编辑提交失败: ' + (error.message || '未知错误'));
+  } finally {
+    // 无论成功失败都刷新列表
+    historyRef.value?.queryList();
+    templateRef.value?.queryList();
+  }
 };
 // onBeforeMount(() => {});
-onMounted(() => {
-  queryTemplateTree();
+// 监听患者信息变化，实现联动显示
+watch(
+  () => patientInfo.value,
+  (newPatientInfo) => {
+    // 当患者信息变化时，默认选中住院病历模板并加载最新病历数据
+    if (newPatientInfo && newPatientInfo.patientId && Object.keys(newPatientInfo).length > 0) {
+      // 确保模板树已经加载
+      if (templateData.value && templateData.value.length > 0) {
+        // 优先尝试使用更精确的selectDefaultTemplate函数
+        selectDefaultTemplate();
+      } else {
+        // 重新加载模板树
+        queryTemplateTree().then(() => {
+          // 使用nextTick确保DOM更新，移除setTimeout避免多次渲染
+          nextTick(() => {
+            selectDefaultTemplate();
+          });
+        });
+      }
+    }
+  },
+  { deep: true, immediate: true }
+);
+
+onMounted(async () => {
+  // 移除日志
+  await queryTemplateTree();
+  // 组件挂载完成后，如果已有患者信息，默认选中住院病历模板
+  if (
+    patientInfo.value &&
+    patientInfo.value.patientId &&
+    Object.keys(patientInfo.value).length > 0
+  ) {
+    // 使用nextTick确保模板树数据已更新
+    nextTick(() => {
+      selectDefaultTemplate();
+    });
+  }
 });
 
+// 打印
+const onPrint = () => {
+  if (emrComponentRef?.value.printFun) {
+    emrComponentRef?.value.printFun();
+  }
+};
+
 defineExpose({ state });
 
 const disNode = () => {
   leftShow.value = !leftShow.value;
+<<<<<<< HEAD
 }
 const disNode_R = () => {
   rightShow.value = !rightShow.value;
 }
+=======
+};
+const disNode_R = () => {
+  rightShow.value = !rightShow.value;
+};
+>>>>>>> v1.3
 </script>
 <style lang="scss" scoped>
 .emr-use-container {
+  position: relative;
   display: flex;
   height: 100%;
   img {
@@ -306,7 +827,11 @@ const disNode_R = () => {
     height: 60px;
     z-index: 1111;
     img {
+<<<<<<< HEAD
       transform: rotate(-90deg) ;
+=======
+      transform: rotate(-90deg);
+>>>>>>> v1.3
     }
   }
   .disLeftBtnAct {
@@ -367,6 +892,13 @@ const disNode_R = () => {
       height: calc(100% - 48px);
       flex: auto;
     }
+
+    // 加载容器样式
+    .loading-container {
+      min-height: 400px;
+      width: 100%;
+      position: relative;
+    }
   }
 
   .operate-container {
@@ -388,6 +920,38 @@ const disNode_R = () => {
     .operate-main {
       height: calc(100% - 40px);
       flex: auto;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+
+      .template-tree-scrollbar {
+        height: 100%;
+        flex: 1 1 auto;
+        min-height: 0;
+      }
+
+      .loading-container {
+        height: 100%;
+        min-height: 0;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+
+      :deep(.loading-container > *) {
+        flex: 1 1 auto;
+        min-height: 0;
+      }
+
+      :deep(.template-tree-scrollbar .el-scrollbar__wrap) {
+        height: 100%;
+      }
+      :deep(.template-tree-scrollbar .el-scrollbar__view) {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+      }
     }
   }