电子病历质控

src/api/zhu-yuan-yi-sheng/emr-audit.js

@@ -25,3 +25,11 @@ export function rectifyMedicalRecords(id, state) {
         params: {id, state}
     })
 }
+
+export function getHistoricalAudit(emrId) {
+    return request({
+        url: url + '/getHistoricalAudit',
+        method: 'get',
+        params: {emrId}
+    })
+}

src/components/zhu-yuan-yi-sheng/EmrSelectPat.vue

@@ -1,55 +1,55 @@
 <template>
-  <el-select v-model="props.patInfo.inpatientNo"
-             title="快速搜索患者，可以根据床号快速搜索，仅针对患者同病房有用。"
-             filterable
-             @change="change"
-             ref="selectRef">
-    <el-option :value="item.inpatientNo" v-for="item in list"
-               :label="item.name+'_'+item.bedNo">
-      <span>
-        {{ item.inpatientNo }}
-      </span>
-      <el-divider direction="vertical"/>
-      <span>
-        {{ item.name }}
-      </span>
-      <el-divider direction="vertical"/>
-      <span>
-        {{ item.bedNo }}
-      </span>
-    </el-option>
-  </el-select>
+    <el-select v-model="props.patInfo.inpatientNo"
+               title="快速搜索患者，可以根据床号快速搜索，仅针对患者同病房有用。"
+               filterable
+               @change="change"
+               ref="selectRef">
+        <el-option :value="item.inpatientNo" v-for="item in list"
+                   :label="item.name+'_'+item.bedNo">
+            <span>
+              {{ item.inpatientNo }}
+            </span>
+            <el-divider direction="vertical"/>
+            <span>
+               {{ item.name }}
+            </span>
+            <el-divider direction="vertical"/>
+            <span>
+              {{ item.bedNo }}
+            </span>
+        </el-option>
+    </el-select>
 </template>
 
-<script setup name='EmrSelectPat' lang="ts">
+<script setup name='EmrSelectPat'>
 import {getOverView} from "@/api/inpatient/patient";
-import {defineProps, Ref, ref, watch} from 'vue'
+import {defineProps, ref, watch} from 'vue'
 
 const props = defineProps({
-  patInfo: {
-    type: Object
-  }
+    patInfo: {
+        type: Object
+    }
 })
 
 const emits = defineEmits(['selected'])
 
-const list: Ref<Array<any>> = ref([])
+const list = ref([])
 const change = (val) => {
-  for (let i = 0, len = list.value.length; i < len; i++) {
-    let item = list.value[i]
-    if (item.inpatientNo === val) {
-      emits('selected', item)
-      return
+    for (let i = 0, len = list.value.length; i < len; i++) {
+        let item = list.value[i]
+        if (item.inpatientNo === val) {
+            emits('selected', item)
+            return
+        }
     }
-  }
 }
 
 watch(() => props.patInfo.ward, () => {
-  if (props.patInfo.ward) {
-    getOverView(props.patInfo.ward).then((res) => {
-      list.value = res as any
-    })
-  }
+    if (props.patInfo.ward) {
+        getOverView(props.patInfo.ward).then((res) => {
+            list.value = res
+        })
+    }
 })
 
 </script>

src/components/zhu-yuan-yi-sheng/emr/EmrSidebar.vue

@@ -129,7 +129,7 @@ const wardCreationJudgment = async () => {
     BizException(ExceptionEnum.MESSAGE_ERROR, "当前患者所在病区不在您的管理病区范围内，无法创建病历。");
 }
 
-const handleNodeClick = async (val) => {
+const handleNodeClick = async (val, node, parent, event) => {
     if (val.type === 'group-category') return
     let temp = {}
     if (templateType === 0 || templateType === 1) {
@@ -153,7 +153,29 @@ const handleNodeClick = async (val) => {
             createId: val.createId,
             createName: val.createName
         }
-        emrMitt.emit('audit', val.id, val.emrCategoryCode)
+
+
+        if (val.jump) {
+            let tempVal = node.parent.data
+            emrMitt.emit('audit', {
+                id: tempVal.id,
+                code: tempVal.emrCategoryCode,
+                createId: tempVal.createId,
+                referPhysician: props.huanZheXinXi.referPhysician,
+                patNo: props.huanZheXinXi.inpatientNo,
+                times: props.huanZheXinXi.admissTimes
+            });
+        } else {
+            emrMitt.emit('audit', {
+                id: val.id,
+                code: val.emrCategoryCode,
+                createId: val.createId,
+                referPhysician: props.huanZheXinXi.referPhysician,
+                patNo: props.huanZheXinXi.inpatientNo,
+                times: props.huanZheXinXi.admissTimes
+            });
+        }
+
     }
     if (val.children) {
         return

src/components/zhu-yuan-yi-sheng/yi-zhu-lu-ru/EmrControlRuleDialog.vue

@@ -1,6 +1,24 @@
 <template>
     <xc-dialog-v2 v-model="dialog" title="病历质控" width="80%" maximize>
-        <RuleSift :data="patientList" default-expand-all/>
+        <el-tabs>
+            <el-tab-pane label="时间质控">
+                <RuleSift :data="patientList" default-expand-all/>
+            </el-tab-pane>
+
+            <el-tab-pane label="质控建议">
+                <div v-for="(value,key) in suggestion">
+                    <div>
+                        {{ key }}
+                    </div>
+                    <el-table :data="value">
+                        <el-table-column prop="name" label="项目" width="180"/>
+                        <el-table-column prop="scoringCriteriaName" label="等级" width="40"/>
+                        <el-table-column prop="remark" label="备注" show-overflow-tooltip/>
+                        <el-table-column prop="numberOfDefects" label="缺陷数"/>
+                    </el-table>
+                </div>
+            </el-tab-pane>
+        </el-tabs>
     </xc-dialog-v2>
 </template>
 
@@ -11,12 +29,19 @@ import RuleSift from "@/views/hospitalization/zhu-yuan-yi-sheng/electronic-medic
 
 
 const patientList = ref([])
+const suggestion = ref({})
+
 const dialog = ref(false)
 
 onMounted(() => {
 
     myPatientQualityControl().then((res) => {
-        patientList.value = res.details
+
+        patientList.value = res.timeQualityControl.details
+        suggestion.value = res.emrSuggestion
+
+
+        console.log(res)
 
         if (patientList.value.length > 0) {
             dialog.value = true

src/views/hospitalization/zhu-yuan-yi-sheng/PatientInformationInquiry.vue

@@ -69,6 +69,15 @@
                     <select-v4 :data="deptWardList" style="width: 220px;" clearable v-model="param.disDept"/>
                 </el-form-item>
 
+                <el-form-item label="审核">
+                    <el-select v-model="param.emrAudit"
+                               style="width: 80px">
+                        <el-option v-for="item in audit"
+                                   :value="item.code"
+                                   :label="item.name"/>
+                    </el-select>
+                </el-form-item>
+
                 <el-form-item>
                     <el-button @click="queryClick" type="primary">查询</el-button>
                     <el-button @click="reset" type="warning">重置</el-button>
@@ -90,11 +99,20 @@
                 <el-table-column label="操作" fixed="left" width="60">
                     <template #default="{row}">
                         <el-button @click="details(row)" text type="primary" plain>详情</el-button>
+                        <el-button style="margin-left: 0" @click="openEmr(row)" text type="primary" plain>病历
+                        </el-button>
                     </template>
                 </el-table-column>
                 <el-table-column label="住院号" prop="inpatientNo" width="60"/>
                 <el-table-column label="次数" prop="admissTimes" width="30"/>
                 <el-table-column label="床位" prop="bedNo" width="30"/>
+                <el-table-column label="审核" width="30">
+                    <template #default="{row}">
+                        <span v-if="row.emrAudit > 0 ">
+                            √
+                        </span>
+                    </template>
+                </el-table-column>
                 <el-table-column label="姓名" prop="name">
                     <template #default="{row}">
                         {{ row.name + '(' + row.sexName + ')' }}
@@ -126,6 +144,11 @@ import {getAllDictionary} from "@/api/case-front-sheet";
 import {operations} from "@/data";
 import {autopsies, haveOrNot, yesOrNo} from "@/views/hospitalization/case-front-sheet/common";
 import PatInfomationDialog from "@/components/pat-info-list/PatInfomationDialog.vue";
+import {
+    emrStateEnum,
+    getEmrUrl,
+    getInEmrUrl
+} from "@/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/emr-editor/emr-init";
 
 const param = ref({
     patNo: '',
@@ -138,7 +161,8 @@ const param = ref({
     diagnosticCode: '',
     isPrimaryDiagnosis: false,
     empCode: '',
-    disDept: ''
+    disDept: '',
+    emrAudit: 0,
 })
 
 const deptWardList = ref([])
@@ -178,6 +202,15 @@ const empMethod = (val) => {
     })
 }
 
+const openEmr = (data) => {
+    console.log(data)
+    if (param.value.leaveHospital) {
+        window.open(getInEmrUrl(data.inpatientNo, data.admissTimes, emrStateEnum.出院只读), '_blank')
+    } else {
+        window.open(getEmrUrl(data.inpatientNo, data.admissTimes, emrStateEnum.在院只读), '_blank')
+    }
+}
+
 onMounted(async () => {
     getHospWardAndDept().then(res => {
         deptWardList.value = res
@@ -192,6 +225,13 @@ onMounted(async () => {
     })
 })
 
+
+let audit = [
+    {code: 0, name: '全部'},
+    {code: 1, name: '已审'},
+    {code: 2, name: '未审'}
+]
+
 </script>
 
 <style lang="scss" scoped>

src/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/EmrControlRule/EmrControlRule.vue

@@ -25,10 +25,13 @@
                         <rule-sift :data="val"/>
                     </el-tab-pane>
                 </template>
-
             </el-tabs>
-        </template>
 
+            <el-dialog v-model="dialog" title="进度">
+                <el-progress :percentage="percentage"/>
+            </el-dialog>
+
+        </template>
     </page-layer>
 
 </template>
@@ -49,8 +52,14 @@ import {
 } from "@/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/EmrControlRule/rule-store";
 import RuleSift from "@/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/EmrControlRule/RuleSift.vue";
 import {useZIndex} from "element-plus";
+import {setCallback} from "@/utils/websocket";
+import {makePercentage} from "@/components/progress/progUtils";
 
 const intervalPatients = ref([])
+const dialog = ref(false)
+const percentage = ref(0)
+
+
 const queryQualityControlData = () => {
     let {startTime, endTime} = getDateRangeFormatDate(intervalPatients.value)
 
@@ -59,6 +68,7 @@ const queryQualityControlData = () => {
         ruleReturnData.value = res
         numberToArrayFunc()
         console.log(res)
+        dialog.value = false
     })
 }
 
@@ -74,6 +84,12 @@ const numberToArrayFunc = () => {
 
 onMounted(() => {
     intervalPatients.value = shortcuts[2].value
+
+    setCallback('emrRule', (data) => {
+        dialog.value = true
+        percentage.value = makePercentage(data.currentIndex, data.count)
+
+    });
 })
 
 </script>

src/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/emr-editor/EmrMain.vue

@@ -516,6 +516,10 @@ let emrCodeEnum = {
     courseRecord: 'shoucibingchengjilu'
 }
 
+const isCourse = () => {
+    return categoryCode === 'shoucibingchengjilu' || categoryCode === 'xinshengerjianhujilu';
+}
+
 let emrStyle = $ref({
     // 字体样式
     fontFamily: '"Microsoft YaHei"',
@@ -1066,7 +1070,7 @@ const setEditorModeFun = () => {
         // 设置成编辑模式
         currentEmr.value.callMethod('setEditorMode', 'free')
         // 如果不是首次病程记录就需要执行下面的代码
-        if (!categoryCode.includes(emrCodeEnum.courseRecord)) {
+        if (!isCourse()) {
             // 如果创建人是空的就说明是第一次创建
             if (createId === null) {
                 return currentEmr.value.callMethod('setEditorMode', 'free');
@@ -1126,7 +1130,7 @@ const setTheProgressAnchor = () => {
  * 设置段落锁定，和设置跳转锚点
  */
 const courseSegmentLocking = async () => {
-    if (!categoryCode.includes(emrCodeEnum.courseRecord)) {
+    if (!isCourse()) {
         return
     }
     if (documentId) {
@@ -1307,7 +1311,7 @@ const isRevisionMode = () => {
 
 // 电子病历排序
 const diseaseCourseSequencing = () => {
-    if (!categoryCode.includes(emrCodeEnum.courseRecord)) {
+    if (!isCourse()) {
         return
     }
     editor.execute('execFn', {
@@ -1558,7 +1562,7 @@ const openAndSaveTheMedicalRecord = (id) => {
     showIframe.value = 2
 }
 
-const showIframe = ref(isDev ? 5 : 1)
+const showIframe = ref(1)
 const saveDocumentId = ref()
 
 const visibility = useDocumentVisibility()
@@ -1591,6 +1595,10 @@ onMounted(async () => {
         return editor
     })
 
+    emrMitt.on('setShowIframe', (val) => {
+        showIframe.value = val
+    })
+
     watch(() => visibility.value, () => {
         // 离开页面的时候清空定时器
         if (visibility.value === 'hidden' && isEditorChange) {
@@ -1663,7 +1671,7 @@ const changeClear = () => {
 }
 
 const 解析病程记录 = () => {
-    if (categoryCode !== emrCodeEnum.courseRecord) {
+    if (!isCourse()) {
         saveDialog.analyzeTheCourseOfTheDisease = false
         return
     }
@@ -1717,7 +1725,7 @@ const 解析病程记录 = () => {
 }
 
 const 解析病程提示 = computed(() => {
-    if (categoryCode !== emrCodeEnum.courseRecord) {
+    if (!isCourse()) {
         return false
     } else {
         return saveDialog.analyzeTheCourseOfTheDisease

src/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/emr-editor/Home.vue

@@ -148,8 +148,11 @@ const routerFunc = async () => {
             await queryAllPatients(true)
         } else if (query.value.state === 4) {
             await queryAllPatients(false)
+        } else if (query.value.state === 5) {
+            await queryDisPatient()
+            emrConfig.value.editor = false
         }
-        await nextTick()
+        await nextTick();
     } else {
         show = false
     }

src/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/emr-editor/components/EmrAudit.vue

@@ -1,5 +1,6 @@
 <template>
     <el-button @click="setAuditClick" v-if="permissions()">发送</el-button>
+    <emr-audit-dialog :emr-id="emrInfo.id"/>
     <el-table :data="data"
               :max-height="getWindowSize.h / 1.1"
               :expand-row-keys="expandRow"
@@ -7,9 +8,20 @@
               ref="elTableRef"
               row-key="rowId">
         <el-table-column type="expand">
+            <template #header>
+                <el-button text @click="addAudit">添加</el-button>
+            </template>
             <template #default="{row}">
                 <div style="width: 100%;padding: 10px">
-                    <table width="100%">
+                    <table style="width: 100%">
+                        <tr v-if="!permissions()">
+                            <td>
+                                <el-button type="success" @click="rectification(row,1)">已整改</el-button>
+                            </td>
+                            <td>
+                                <el-button type="warning" @click="rectification(row,2)">已知无需整改</el-button>
+                            </td>
+                        </tr>
                         <tr>
                             <td>
                                 审核人:{{ row.approverName }}
@@ -35,11 +47,25 @@
                 </div>
             </template>
         </el-table-column>
-        <el-table-column prop="name" label="项目" width="180"/>
-        <el-table-column prop="scoringCriteriaName" label="等级" width="40"/>
-        <el-table-column prop="remark" label="备注" show-overflow-tooltip>
+        <el-table-column prop="name" label="项目" width="180">
+            <template #default="{row}">
+                <el-input v-model="row.name" :maxlength="100" v-if="row.disposition"/>
+            </template>
+        </el-table-column>
+        <el-table-column prop="scoringCriteriaName" label="等级" width="40">
+            <template #default="{row}">
+                <select v-model="row.scoringCriteria" v-if="row.disposition">
+                    <option v-for="item in scoringCriteriaList"
+                            :key="item.code"
+                            :value="item.code">
+                        {{ item.name }}
+                    </option>
+                </select>
+            </template>
+        </el-table-column>
+        <el-table-column prop="remark" label="备注">
             <template #default="{row}" v-if="permissions()">
-                <el-input v-model="row.remark"></el-input>
+                <el-input v-model="row.remark" :maxlength="100"></el-input>
             </template>
         </el-table-column>
         <el-table-column prop="numberOfDefects" label="缺陷数">
@@ -52,7 +78,7 @@
         </el-table-column>
         <el-table-column type="selection" v-if="permissions()"/>
     </el-table>
-    <right-click-menu :config="opt" :mouse-position="mousePosition"/>
+    <right-click-menu v-if="!permissions()" :config="opt" :mouse-position="mousePosition"/>
 </template>
 
 <script setup name='EmrAudit'>
@@ -62,15 +88,22 @@ import {needRule} from "@/utils/public";
 import {getWindowSize} from "@/utils/window-size";
 import RightClickMenu from "@/components/menu-item/RightClickMenu.vue";
 import {ref} from "vue";
-import {stringNotBlank} from "@/utils/blank-utils";
-
-let editor = emrMitt.emit('editor')
+import {stringIsBlank, stringNotBlank} from "@/utils/blank-utils";
+import {xcMessage} from "@/utils/xiaochan-element-plus";
+import EmrAuditDialog
+    from "@/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/emr-editor/components/EmrAuditDialog.vue";
+import {BizException, ExceptionEnum} from "@/utils/BizException";
+import {uuid} from "@/utils/getUuid";
 
 const elTableRef = ref(null)
 
 const emrInfo = ref({
     id: 0,
     code: "",
+    createId: '',
+    referPhysician: "",
+    patNo: '',
+    times: 0
 })
 
 const data = ref([])
@@ -83,10 +116,13 @@ const permissions = () => {
 const setAuditClick = () => {
     let temp = {
         id: emrInfo.value.id,
+        doctor: emrInfo.value.code === 'shoucibingchengjilu' ? emrInfo.value.referPhysician : emrInfo.value.createId,
+        patNo: emrInfo.value.patNo,
+        times: emrInfo.value.times,
         list: elTableRef.value.getSelectionRows()
     }
     setAudit(temp).then(() => {
-        queryAudit(emrInfo.value.id, emrInfo.value.code)
+        queryAudit(emrInfo.value)
     })
 }
 
@@ -95,9 +131,7 @@ const opt = [
     {
         name: '已整改',
         click: (data) => {
-            rectifyMedicalRecords(data.id, 1).then(() => {
-                queryAudit(emrInfo.value.id, emrInfo.value.code)
-            })
+            rectification(data, 1)
         },
         validator: (data) => {
             return !!data.approver;
@@ -106,15 +140,33 @@ const opt = [
     {
         name: '已知无需整改',
         click: (data) => {
-            rectifyMedicalRecords(data.id, 2).then(() => {
-                queryAudit(emrInfo.value.id, emrInfo.value.code)
-            })
+            rectification(data, 2)
         },
         validator: (data) => {
             return !!data.approver;
         }
+    }, {
+        name: '删除',
+        click: (data) => {
+
+        },
+        validator: (data) => {
+            return !!data.disposition;
+        }
     }
 ]
+
+const rectification = (data, flag) => {
+    if (!data.approver) {
+        return xcMessage.error('操作失败')
+    } else {
+        rectifyMedicalRecords(data.id, flag).then(() => {
+            queryAudit(emrInfo.value)
+        })
+    }
+}
+
+
 const rowContextmenu = (row, column, event) => {
     event.preventDefault()
     mousePosition.value = {
@@ -124,13 +176,9 @@ const rowContextmenu = (row, column, event) => {
     }
 }
 
-const queryAudit = (id, code) => {
-    emrInfo.value = {
-        id,
-        code
-    }
-
-    getAuditMessages(id, code).then(async res => {
+const queryAudit = (val) => {
+    emrInfo.value = val
+    getAuditMessages(emrInfo.value.id, emrInfo.value.code).then(async res => {
         expandRow.value = []
         data.value = res
         elTableRef.value.clearSelection()
@@ -147,14 +195,41 @@ const queryAudit = (id, code) => {
             }
         }
 
+        if (tempList.length > 0) {
+            emrMitt.emit('setShowIframe', 5)
+        }
+
         if (!permissions()) {
-            data.value = tempList
+            data.value = tempList;
         }
 
     })
 
 }
 
+const addAudit = () => {
+    let editor = emrMitt.emit('editor')
+    if (stringIsBlank(editor?.documentData._id)) {
+        BizException(ExceptionEnum.MESSAGE_ERROR, "请先选择病历。");
+    }
+    let tempData = {
+        rowId: uuid(8, 10),
+        name: '',
+        scoringCriteria: 1,
+        scoringCriteriaName: '轻',
+        numberOfDefects: 1,
+        remark: '',
+        disposition: true,
+    }
+    data.value.push(tempData)
+    elTableRef.value.toggleRowSelection(tempData);
+}
+
+let scoringCriteriaList = [
+    {code: 1, name: '轻'},
+    {code: 2, name: '中'},
+    {code: 3, name: '重'},
+]
 
 onMounted(() => {
     emrMitt.on('audit', queryAudit)

src/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/emr-editor/components/EmrAuditDialog.vue

@@ -0,0 +1,54 @@
+<template>
+    <el-button @click="historicalAuditClick">历史审核</el-button>
+
+    <el-dialog v-model="dialog" title="历史记录" width="70%">
+
+        <el-scrollbar :height="getWindowSize.h / 1.5">
+            <el-timeline>
+                <el-timeline-item
+                        v-for="(value,key) in historicalInfo"
+                        :key="key"
+                        placement="top"
+                        :timestamp="key">
+                    <el-table :data="value">
+                        <el-table-column prop="approverName" label="审核人"/>
+                        <el-table-column prop="name" label="质控名称"/>
+                        <el-table-column prop="scoringCriteriaName" label="评分"/>
+                        <el-table-column prop="numberOfDefects" label="缺陷数"/>
+                        <el-table-column prop="modifyPersonName" label="修改人"/>
+                        <el-table-column prop="modificationTime" label="修改时间"/>
+                        <el-table-column prop="remark" label="备注"/>
+                        <el-table-column prop="remediationStatusName" label="整改"/>
+                    </el-table>
+                </el-timeline-item>
+            </el-timeline>
+        </el-scrollbar>
+    </el-dialog>
+</template>
+
+<script setup name='EmrAuditDialog'>
+import {getHistoricalAudit} from "@/api/zhu-yuan-yi-sheng/emr-audit";
+import {getWindowSize} from "@/utils/window-size";
+
+const props = defineProps({
+    emrId: {
+        type: Number,
+    }
+})
+
+const dialog = ref(false)
+
+const historicalInfo = ref({})
+
+const historicalAuditClick = () => {
+    getHistoricalAudit(props.emrId).then((res) => {
+        historicalInfo.value = res
+        dialog.value = true
+    })
+}
+
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/emr-editor/emr-init.js

@@ -98,6 +98,13 @@ export const query = ref({
     patNo: '', times: 0, maxTimes: 1, state: 0
 })
 
+export const emrStateEnum = {
+    "在院编辑": 1,
+    "在院只读": 4,
+    "出院编辑": 2,
+    "出院只读": 5,
+}
+
 export const conciseMode = ref(false)
 export const completeModeSwitch = ref(false)
 
@@ -124,9 +131,10 @@ export function getEmrUrl(patNo, times, state = 3) {
  * 获取出院患者
  * @param patNo 住院号
  * @param times 住院次数
+ * @param state
  * @returns {string}
  */
-export function getInEmrUrl(patNo, times) {
+export function getInEmrUrl(patNo, times, state = 2) {
     let query = {
         patNo, times, state: 2, maxTimes: 1
     }

src/views/hospitalization/zhu-yuan-yi-sheng/yi-zhu-lu-ru/TemplateMaintenance.vue

@@ -68,7 +68,6 @@
             <el-col :span="span">
                 <el-form-item class="bi_tian" label="一次剂量:" prop="dose">
                     <el-input-number v-model="yiZhuData.dose"
-                                     :min="jiLiangValue"
                                      :step="jiLiangValue"
                                      ref="doseRef"
                                      id="yz_dose"
@@ -988,7 +987,7 @@ onActivated(() => {
 })
 
 onDeactivated(() => {
-    if (keyWatch != null){
+    if (keyWatch != null) {
         keyWatch()
     }
 })