手术申请

src/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/ShouShu.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-  nextTick,
   onActivated,
   onDeactivated,
   onMounted,
@@ -16,16 +15,15 @@ import XcTable from "@/components/xiao-chan/xc-table/XcTable.vue";
 import {windowSizeStore} from "@/utils/store-public";
 import {CyMessageBox} from "@/components/cy/message-box";
 import AddShouShu from "@/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/components/AddShouShu.vue";
-import {ssId, ssMitt, ssTutorialId} from "@/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/shou-shu";
+import {ssMitt} from "@/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/shou-shu";
 
 const operationData = ref([])
-const tabs = ref('ss-add')
+const tabs = ref('ss-lishi')
 
 const queryOperation = async () => {
   if (huanZheXinXi.value.inpatientNo) {
     getOpRecord(huanZheXinXi.value.inpatientNo, huanZheXinXi.value.admissTimes).then(res => {
       operationData.value = res
-      console.log(res)
     })
   }
 }
@@ -50,8 +48,6 @@ onActivated(() => {
 
 onMounted(async () => {
   ssMitt.on('query', queryOperation)
-  await nextTick()
-  ssTutorialId('tab-ss-add', false)
 })
 </script>
 

src/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/components/AddShouShu.vue

@@ -11,7 +11,7 @@ import type {OpRecord} from "@/ts-type/op-record";
 import {useZIndex} from "element-plus";
 import {getServerDate} from "@/utils/moment-utils";
 import {yzMitt} from "@/views/hospitalization/zhu-yuan-yi-sheng/public-js/zhu-yuan-yi-sheng";
-import {ssMitt, ssTutorialId} from "@/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/shou-shu";
+import {ssMitt} from "@/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/shou-shu";
 
 const initAddData = (): OpRecord => {
   return {
@@ -147,40 +147,38 @@ onMounted(() => {
 </script>
 
 <template>
-  <div :id="ssTutorialId('add-click')">
-    <div style="display: flex; position: relative">
-      <div class="shou_shu-masking" v-show="markShow" @click="addClick">
-        <div class="shou_shu-add">
-          添加
-        </div>
-      </div>
-      <div>
-        <AddShouShuTable
-            title="手术"
-            @changeList="checkOneOpCodeList"
-            v-model:data="addData.opCodeList"
-            :query-function="queryOperation"
-            v-model:query-data="opCodeFuncData"
-        />
-      </div>
-      <div style="margin-left: 5px">
-        <AddShouShuTable
-            title="诊断"
-            @changeList="changeDiagList"
-            v-model:data="addData.diagList"
-            :query-function="diagnosisInOurHospital"
-            v-model:query-data="diagListFuncData"
-        />
-      </div>
-      <div class="shou_shu-editor">
-        <AddShouShuEditor
-            ref="editorRef"
-            v-model:data="addData"
-            :disabled-op-scale="disabledOpScale"
-            :designate-a-surgeon-in-chief="designateASurgeonInChief"
-            @clear="createMark"/>
+  <div style="display: flex; position: relative">
+    <div class="shou_shu-masking" v-show="markShow" @click="addClick">
+      <div class="shou_shu-add">
+        添加
       </div>
     </div>
+    <div>
+      <AddShouShuTable
+          title="手术"
+          @changeList="checkOneOpCodeList"
+          v-model:data="addData.opCodeList"
+          :query-function="queryOperation"
+          v-model:query-data="opCodeFuncData"
+      />
+    </div>
+    <div style="margin-left: 5px">
+      <AddShouShuTable
+          title="诊断"
+          @changeList="changeDiagList"
+          v-model:data="addData.diagList"
+          :query-function="diagnosisInOurHospital"
+          v-model:query-data="diagListFuncData"
+      />
+    </div>
+    <div class="shou_shu-editor">
+      <AddShouShuEditor
+          ref="editorRef"
+          v-model:data="addData"
+          :disabled-op-scale="disabledOpScale"
+          :designate-a-surgeon-in-chief="designateASurgeonInChief"
+          @clear="createMark"/>
+    </div>
   </div>
 </template>
 

src/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/components/AddShouShuTable.vue

@@ -70,12 +70,6 @@ onMounted(async () => {
 <template>
   {{ props.title }}
   <br/>
-  <XcComboGridV2 v-model="temp"
-                 code-name="aa"
-                 :row-click-hide="false"
-                 @rowClick="rowClick"
-                 v-model:data="queryDayaModel"
-                 :query-data-func="props.queryFunction"/>
   <el-table :data="props.data"
             row-key="code"
             ref="tableRef"
@@ -94,6 +88,12 @@ onMounted(async () => {
       </template>
     </el-table-column>
   </el-table>
+  <XcComboGridV2 v-model="temp"
+                 code-name="aa"
+                 :row-click-hide="false"
+                 @rowClick="rowClick"
+                 v-model:data="queryDayaModel"
+                 :query-data-func="props.queryFunction"/>
 </template>
 
 <style>

src/views/hospitalization/zhu-yuan-yi-sheng/shou-shu-shen-qing/src/shou-shu.ts

@@ -1,10 +1,4 @@
 import EventBus from "../../../../../utils/mitt";
-import TutorialDriver from "../../../../../utils/tutorial-driver";
-import {driver} from "driver.js";
-import {initUserInfoConfig, setUserConfigByCode, userInfoConfig} from "../../../../../utils/user-info-config";
-import {nextTick} from "vue";
-import sleep from "../../../../../utils/sleep";
-import {xcMessage} from "../../../../../utils/xiaochan-element-plus";
 
 declare type SsMitt = {
     query: () => void;
@@ -12,68 +6,4 @@ declare type SsMitt = {
 }
 export const ssMitt = new EventBus<SsMitt>();
 
-function elementViewHook() {
-    initUserInfoConfig(async (data) => {
-        await sleep(150)
-        await ssTutorialFunc()
-    })
-}
-
-export const ssTutorial = new TutorialDriver('ss-tutorial', 2, elementViewHook);
-
-export async function ssTutorialFunc() {
-    const getName = (name: string) => {
-        return ssTutorial.getId(name);
-    }
-
-    const steps = (element: string, title: string, description: string) => {
-        return {
-            element: getName(element),
-            popover: {title, description,}
-        };
-    }
-
-    const opt = {
-        showProgress: true,
-        allowClose: false,
-        nextBtnText: '下一步',
-        prevBtnText: '上一步',
-        doneBtnText: '关闭',
-        onDestroyStarted: () => {
-            driverObj.destroy();
-        },
-        onNextClick: (el: HTMLElement) => {
-            const id = el.id;
-            if (id === 'pane-ss-add' && ssMitt.emit('markVisible')) {
-                return
-            }
-            driverObj.moveNext()
-        },
-        steps: [
-            {
-                element: '#tab-ss-add',
-                popover: {
-                    title: '新增手术',
-                    description: '点击“新增”，进入新增标签页。',
-                }
-            },
-            {
-                element: '#pane-ss-add',
-                popover: {
-                    title: '点击',
-                    description: '点击黑色区域任意位置，进行添加手术，请先点击添加，才能进行下一步操作。'
-                }
-            }
-        ]
-    }
-
-    const driverObj = driver(opt)
-
-    await nextTick();
-    driverObj.drive();
-}
-
-export const ssTutorialId = (name: string, splicing: boolean = true) => {
-    return ssTutorial.setId(name, splicing)
-}