版本更新

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

@@ -28,10 +28,9 @@
     <div class="operate-container">
       <div class="operate-btns">
         <el-space>
-          <el-button type="primary" @click="newEmr">新建</el-button>
+          <!-- <el-button type="primary" @click="newEmr">新建</el-button> -->
           <el-button type="primary" @click="saveAsModel">存为模版</el-button>
           <el-button @click="refresh">刷新</el-button>
-          <el-button type="danger" @click="deleteEmr">删除</el-button>
           <el-button type="primary" @click="save">保存</el-button>
         </el-space>
       </div>
@@ -44,18 +43,35 @@
     <div class="quickly-container">
       <el-tabs v-model="quicklyactiveName" type="card">
         <el-tab-pane label="历史" name="history">
-          <History @historyClick="handleHistoryClick" ref="historyRef" v-model:definitionId="currentSelectTemplate.id" />
+          <History
+            @historyClick="handleHistoryClick"
+            ref="historyRef"
+            v-model:definitionId="currentSelectTemplate.id"
+          />
+        </el-tab-pane>
+        <el-tab-pane label="模版" name="model">
+          <Template
+            @templateClick="handleTemplateClick"
+            ref="templateRef"
+            v-model:definitionId="currentSelectTemplate.id"
+            @edit="templateEdit"
+          />
         </el-tab-pane>
-        <el-tab-pane label="模版" name="model">模版</el-tab-pane>
       </el-tabs>
     </div>
+    <TemplateEdit
+      ref="templateEditRef"
+      :formData="editTemplateForm"
+      v-model:dialogVisible="templateEditVisible"
+      @submitOk="templateEditSubmitOk"
+    />
   </div>
 </template>
 <script setup>
 import { getCurrentInstance, onBeforeMount, onMounted, reactive, ref } from 'vue';
 import { ElMessageBox, ElMessage, ElLoading } from 'element-plus';
 import { getTreeList } from '@/views/basicmanage/caseTemplates/api';
-import { addRecord } from './api';
+import { addRecord, addTemplate } from './api';
 import { patientInfo } from '../store/patient.js';
 import dayjs from 'dayjs';
 // 移除未使用的变量
@@ -64,13 +80,15 @@ const emits = defineEmits([]);
 const props = defineProps({});
 const state = reactive({});
 import History from './components/history';
+import Template from './components/template';
+import TemplateEdit from './components/templateEdit.vue';
 // 定义响应式变量
 const templateData = ref([]);
 const queryParams = ref({
   name: '',
 });
 const currentSelectTemplate = ref({
-  id:''
+  id: '',
 });
 const currentComponent = ref('');
 const emrComponentRef = ref(null);
@@ -99,14 +117,16 @@ const handleNodeClick = (data, node) => {
   if (node.isLeaf) {
     // 存储当前节点数据
     currentSelectTemplate.value = data.document;
+    currentComponent.value = currentSelectTemplate.value.vueRouter || '';
     // currentComponent.value = data.document.vueRouter || '';
   } else {
     currentSelectTemplate.value = {
-      id:''
+      id: '',
     };
     // currentComponent.value = null;
   }
-   historyRef.value?.queryList();
+  historyRef.value?.queryList();
+  templateRef.value?.queryList();
 };
 
 const newEmr = () => {
@@ -119,52 +139,76 @@ const newEmr = () => {
 
 const saveAsModel = async () => {
   try {
+    currentOperate.value = 'addTemplate';
     await emrComponentRef.value?.submit();
-    ElMessage.success('成功！');
   } catch (error) {
     ElMessage.error('存为模版失败');
   }
 };
 const editForm = ref({
-      id: '',
-      definitionId: '',
-      definitionBusNo: '',
-      contentJson: '',
-      statusEnum: 1, // 0草稿/暂存 1提交 2归档 3修改
-      organizationId: 0,
-      encounterId: '',
-      patientId:'',
-      recordTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-      createBy: '',
-      source: '',
+  id: '',
+  definitionId: '',
+  definitionBusNo: '',
+  contentJson: '',
+  statusEnum: 1, // 0草稿/暂存 1提交 2归档 3修改
+  organizationId: 0,
+  encounterId: '',
+  patientId: '',
+  recordTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+  createBy: '',
+  source: '',
+});
+const editTemplateForm = ref({
+  id: '',
+  name: '',
+  displayOrder: 0,
+  contextJson: '',
+  definitionId: '',
+  useRange: 2,
+  organizationId: '',
+  userId: '',
+  remark: '',
 });
-const handleSubmitOk = async (data) => {
-  try {
-    // debugger;
 
-    if (!patientInfo.value?.encounterId || !patientInfo.value?.patientId) {
-      ElMessage.error('请先选择患者！');
-      return;
+const currentOperate = ref('add');
+const handleSubmitOk = async (data) => {
+  if (currentOperate.value === 'add') {
+    //
+    try {
+      // debugger;
+      if (!patientInfo.value?.encounterId || !patientInfo.value?.patientId) {
+        ElMessage.error('请先选择患者！');
+        return;
+      }
+      editForm.value.definitionId = currentSelectTemplate.value.id;
+      editForm.value.definitionBusNo = currentSelectTemplate.value.busNo;
+      editForm.value.contentJson = JSON.stringify(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('病历保存成功');
+      historyRef.value?.queryList();
+      templateRef.value?.queryList();
+    } catch (error) {
+      ElMessage.error('提交失败');
+      console.log(error);
     }
-    editForm.value.definitionId = currentSelectTemplate.value.id;
-    editForm.value.definitionBusNo = currentSelectTemplate.value.busNo;
-    editForm.value.contentJson = JSON.stringify(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('提交成功');
-    historyRef.value?.queryList();
-  } catch (error) {
-    ElMessage.error('提交失败');
-    console.log(error);
+  } else if (currentOperate.value === 'addTemplate') {
+    // 新增或者编辑模板
+    // editTemplateForm.value.id=
+    editTemplateForm.value.name =
+    currentSelectTemplate.value.name + dayjs().format('YYYY/MM/DD HH:mm');
+    editTemplateForm.value.contextJson = JSON.stringify(data);
+    editTemplateForm.value.definitionId = currentSelectTemplate.value.id;
+    templateEditVisible.value = true;
   }
 };
 
-
 const refresh = () => {
   queryTemplateTree();
-   historyRef.value?.queryList();
+  historyRef.value?.queryList();
+  templateRef.value?.queryList();
 };
 
 const deleteEmr = async () => {
@@ -177,25 +221,42 @@ const deleteEmr = async () => {
 };
 
 const save = async () => {
-  // try {
-  await emrComponentRef.value?.submit();
-  // } catch (error) {
-  //   ElMessage.error('保存失败');
-  // }
+  try {
+    currentOperate.value = 'add';
+    await emrComponentRef.value?.submit();
+  } catch (error) {
+    ElMessage.error('保存失败');
+  }
 };
 
 const historyRef = ref(null);
-const handleHistoryClick= (data) => {
-  console.log(data);
+const handleHistoryClick = (data) => {
   newEmr();
-  editForm.value= data;
+  editForm.value = data;
   nextTick(() => {
-  emrComponentRef.value?.setFormData(JSON.parse(editForm.value.contentJson));
-    
-  })
+    emrComponentRef.value?.setFormData(JSON.parse(editForm.value.contentJson));
+  });
+};
+const templateRef = ref(null);
 
-}
-// 移除空的生命周期钩子
+const handleTemplateClick = (data) => {
+  newEmr();
+  editForm.value = data;
+  nextTick(() => {
+    emrComponentRef.value?.setFormData(JSON.parse(editForm.value.contextJson));
+  });
+};
+const templateEdit = (data) => {
+  editTemplateForm.value = data;
+  templateEditVisible.value = true;
+};
+// ====dialog
+const templateEditVisible = ref(false);
+const templateEditSubmitOk = () => {
+  templateEditVisible.value = false;
+  historyRef.value?.queryList();
+  templateRef.value?.queryList();
+};
 // onBeforeMount(() => {});
 onMounted(() => {
   queryTemplateTree();
@@ -257,7 +318,7 @@ defineExpose({ state });
     width: 300px;
     padding: 0 8px 8px 8px;
     flex: none;
-    .el-tabs{
+    .el-tabs {
       height: 100%;
     }
   }