web_dist/src/components/zhu-yuan-yi-sheng/yi-zhu-lu-ru/yz-edit/YzEditor.vue

<template>
    <div ref="editorMainRef" style="min-width: 200px">
        <div v-if="tiShiBiaoTi?.length > 0" class="editor__title">
        <span v-for="item in tiShiBiaoTi">
            {{ item }}
        </span>
        </div>
        <div class="ribbon">
            <button @click="qingKong" title="清空工作台">清空工作台</button>
            <el-divider direction="vertical"/>
            <button @click="toAddAnOrder" title="录入医嘱">录入医嘱</button>
            <el-divider direction="vertical"/>
            <button @click="copyClick" title="复制当前工作台的医嘱，并粘贴到工作台中">复制</button>
            <button @click="pasteClick" :disabled="copyOrderNo.actOrderNo === null"
                    title="复制当前工作台的医嘱，并粘贴到工作台中">粘贴
            </button>
            <el-divider direction="vertical"/>
            <button @click="duplicateAndPaste" title="复制当前工作台的医嘱，并粘贴到工作台中">复制并粘贴</button>
            <el-divider direction="vertical"/>
            <button @click="openTheOrderPopUpWindow" title="打开医嘱弹窗，如转科，抗菌药物信息，处置医嘱等">打开医嘱弹窗
            </button>
        </div>
        <div class="editing_area"
             :style="{color: isEdit ? '#0014fc' : ''}">
            <div class="yz_editor__disable" v-if="isEdit"></div>
            <div class="yz_input__box">
                <div>
                    医嘱名称：
                    <xc-combo-grid
                            style="width: 240px"
                            ref="searchRef"
                            :disabled="isEdit"
                            v-model="yiZhuData.orderName"
                            :table-header="tableHeader"
                            :query-data-func="searchOrders"
                            :current-key="yiZhuData.orderCode + yiZhuData.orderName"
                            @rowClick="xuanZhongFeiYong">
                        <el-table-column label="说明书" fixed="left">
                            <template #default="{row}">
                                <el-button @click.stop="drugManual.open(row.orderCode,row.serial)"
                                           :disabled="row.groupNo === '00'">
                                    说明书
                                </el-button>
                            </template>
                        </el-table-column>
                    </xc-combo-grid>
                </div>
                <div class="input__style">
                    {{ yiZhuData.drugSpecification }}
                </div>
                <div>
                    频率:
                    <select-v4
                            :data="yaoPinPingLvData"
                            ref="pingLvRef"
                            key="frequCode"
                            v-model="yiZhuData.frequCode"
                            :disabled="queryParam.frequCode === frequCodeEnum.temporary "
                            style="width: 120px"/>
                </div>
                <div>
                    一次剂量:
                    <el-input-number v-model="yiZhuData.dose"
                                     :step="jiLiangValue"
                                     :controls="false"
                                     :min="0"
                                     ref="doseRef"
                                     id="yz_dose"
                                     :precision="dosePrecision"
                                     style="width: 110px"
                                     @change="jiSuanLingLiang"/>
                    <XcSelect v-model="yiZhuData"
                              :data="yaoPinJiLiangData"
                              :name="['doseUnit', 'doseUnitName']"
                              :width="80"
                              @change="xuanZheJiLiang">
                        <XcOption label="value"/>
                        <XcOption label="name"/>
                    </XcSelect>
                </div>
                <div>
                    领量:
                    <!--                    <el-input-number-->
                    <!--                            style="width: 60px"-->
                    <!--                            v-model="yiZhuData.drugQuan"-->
                    <!--                            :min="1"-->
                    <!--                            :controls="false"/>-->
                    <!--                    <span style="color: red">{{ yiZhuData.miniUnitName }}</span>-->
                    <!--       先暂时去掉这个限制             -->
                    <template v-if="currentPage === 'takeMedicine'">
                        <el-input-number
                                style="width: 60px"
                                v-model="yiZhuData.drugQuan"
                                :min="1"
                                :controls="false"/>
                        <span style="color: red">{{ yiZhuData.miniUnitName }}</span>
                    </template>
                    <template v-else-if="yiZhuData.serial === '00'">
                        <el-input-number
                                style="width: 60px"
                                v-model="yiZhuData.drugQuan"
                                :min="0"
                                :controls="false"/>
                    </template>
                    <template v-else>
                        {{ yiZhuData.drugQuan }}
                        {{ yiZhuData.miniUnitName }}
                    </template>
                </div>
            </div>
            <div class="yz_input__box">
                <div>
                    给药方式:
                    <select-v4
                            key="supplyCode"
                            :disabled="yiZhuData.serial === '00'"
                            style="width: 120px"
                            v-model="yiZhuData.supplyCode"
                            :data="geiYaoFangShiData"
                            clearable/>
                </div>
                <div>
                    开始时间：
                    <el-date-picker
                            style="width: 160px"
                            v-model="yiZhuData.startTime"
                            :disabled-date="disabledDate"
                            id="yz_startTime"
                            type="datetime"
                            format="YYYY-MM-DD HH:mm:ss"
                            value-format="YYYY-MM-DD HH:mm:ss"
                            @change="cydyDrugQuan(false)"
                    ></el-date-picker>
                </div>
                <div>
                    停止时间：
                    <el-date-picker
                            style="width: 160px"
                            v-model="yiZhuData.endTime"
                            @change="cydyDrugQuan(false)"
                            id="yz_endTime"
                            :disabled="yiZhuData.frequCode === 'ONCE'"
                            :disabled-date="disabledDate"
                            format="YYYY-MM-DD HH:mm:ss"
                            type="datetime"
                            value-format="YYYY-MM-DD HH:mm:ss"
                    ></el-date-picker>
                </div>
                <div class="input__style" style="width: 120px">
                    医生： {{ yiZhuData.enterOperName ? yiZhuData.enterOperName : store.state.user.info.name }}
                </div>
                <div>
                    执行科室：
                    <xc-select-v3
                            style="width: 120px"
                            v-model="yiZhuData"
                            :data="zhiXingKeShiData"
                            id="yz_execUnit"
                            code="execUnit"
                            name="execUnitName"
                            :remote-method="metZhiXingKeShi"/>
                </div>
            </div>
            <div class="yz_input__box">
                <div class="div_center__box">
                    医嘱时间:
                    <div class="input__style"> {{ yiZhuData.orderTime }}</div>
                </div>
                <div>
                    父医嘱：
                    <xc-combo-grid v-model="yiZhuData.parentNoName"
                                   style="width: 120px;"
                                   placeholder="父医嘱"
                                   clearable
                                   @clear="clearDoctorSOrder"
                                   @focus="fuYiZhuClick"
                                   @rowClick="modifyDosingMethod"
                                   :table-header="parentOrder"
                                   :data="fuYiZhuData">
                    </xc-combo-grid>
                </div>
                <div :title="yiZhuData.discription" class="div_center__box">
                    描述：
                    <div class="input__style" style="overflow: auto;width: 240px">
                        {{ yiZhuData.discription }}
                    </div>
                </div>
            </div>
            <div class="yz_input__box">
                <div class="div_center__box" :title="yiZhuData.instruction">
                    <div style="width: 87px">
                        医生嘱托：
                    </div>
                    <el-input v-model="yiZhuData.instruction"
                              clearable
                              style="width: 220px"
                              maxlength="50"
                              show-word-limit/>
                </div>
                <div class="div_center__box">
                    <el-select
                            v-model="yiZhuData.kfFlag"
                            id="yz_kfFlag"
                            clearable
                            style="width: 80px"
                            @clear="yiZhuData.kfFlag = null">
                        <el-option key="1" label="饭前" value="1"></el-option>
                        <el-option key="2" label="饭后" value="2"></el-option>
                    </el-select>
                </div>
                <div>
                    费用标志:
                    <el-select v-model="yiZhuData.selfBuy"
                               :disabled="yiZhuData.serial === '00'"
                               clearable style="width: 120px"
                               @clear="yiZhuData.selfBuy = null">
                        <el-option label="自备" value="1"/>
                        <el-option label="嘱托" value="2"/>
                        <el-option label="基数药" value="3"/>
                        <el-option :disabled="currentPage !== 'takeMedicine'" label="出院带药" value="4"/>
                    </el-select>
                </div>
                <div class="div_center__box">
                    <xc-checkbox
                            label="医保自费"
                            v-model="yiZhuData.ybSelfFlag"
                            inactive-value="0"
                            active-value="1"/>
                    &nbsp;&nbsp;&nbsp;
                    <xc-checkbox
                            label="紧急"
                            v-model="yiZhuData.emergencyFlag"
                            @keydown.tab="toAddAnOrder"
                            active-value="1"
                            inactive-value="0"/>
                </div>
                <div>
                    录入/确认/停止
                    <div style="display: inline-block">
            <span style="background-color:#05ff00;padding: 2px;">
            {{ yiZhuData.enterOperName }}
            </span>
                        /
                        <span style="background-color:#0000fa;padding: 2px;color: white ">
              {{ yiZhuData.signerName }}
            </span>
                        /
                        <span style="background-color:red;padding: 2px;">
            {{ yiZhuData.modifierName }}
            </span>
                    </div>
                </div>
            </div>
        </div>
        <!--  报错信息  -->
        <bao-cun-xin-xi @clickError="clickError"
                        :data="errorMessageData"
                        :currentKey="yiZhuData.actOrderNo"
                        ref="baoCunXinXiRef"/>
        <!--  弹窗医嘱  -->
        <yz-dialog :yz-data="yiZhuData" ref="yzDialogRef"/>
    </div>
</template>

<script setup name='YzEditor'>
import {
    confirmOrders, copyOrder,
    copyTheDoctorSOrder,
    enterOrders,
    getOrderNo,
    getParentOrders,
    huoQuFeiYongXinXi,
    huoQuXiangMu,
    huoQuZhiXinKeShi,
    toDeleteAnOrder
} from '@/api/zhu-yuan-yi-sheng/yi-zhu-lu-ru'
import {listNotBlank, stringIsBlank, stringNotBlank} from '@/utils/blank-utils'
import {getServerDateApi} from '@/api/public-api'
import Sleep from '@/utils/sleep'
import XcComboGrid from "@/components/xiao-chan/combo-grid/XcComboGrid";
import XcSelectV3 from "@/components/xiao-chan/select-v3/XcSelectV3";
import XcOption from "@/components/xiao-chan/select/XcOption";
import XcSelect from "@/components/xiao-chan/select/XcSelect";
import store from "@/store"
import XcCheckbox from "@/components/xiao-chan/checkbox/XcCheckbox";
import {BizException, ExceptionEnum} from "@/utils/BizException";
import BaoCunXinXi from "@/components/zhu-yuan-yi-sheng/yi-zhu-lu-ru/BaoCunXinXi";
import {clone} from "@/utils/clone";
import {
    queryParam,
    yiZhuData,
    yzData,
    currentPage,
    isCydy,
    drugManual,
    tableHeader,
    frequCodeEnum,
    yaoPinPingLvData,
    geiYaoFangShiData, yzMitt, tempYzData
} from "@/views/hospitalization/zhu-yuan-yi-sheng/public-js/zhu-yuan-yi-sheng";
import {ElMessageBox} from "element-plus";
import YzDialog from "@/components/zhu-yuan-yi-sheng/yi-zhu-lu-ru/dialog/YzDialog";
import Dig from "@/utils/math";
import SelectV4 from "@/components/xiao-chan/select-v4/SelectV4.vue";
import {shortcutTrigger, xcEvent} from "@/utils/xckeydown";
import {xcMessage} from "@/utils/xiaochan-element-plus";


const props = defineProps({
    patientInfo: {
        type: Object,
        default: null
    },
    openGroupOrderTemplate: Function,
})

const emits = defineEmits(['successfullyEntered'])


let parentOrder = [
    {prop: 'actOrderNo', label: "医嘱号"},
    {prop: 'orderName', label: "医嘱名称", width: 250},
    {prop: 'orderTime', label: "时间"}
]

const searchOrders = (val) => {
    return huoQuXiangMu(val, queryParam.value.groupNo)
}

/*提示信息*/
const tiShiBiaoTi = ref([])
// 填充数据
const xuanZhongFeiYong = async (row, laiyuan = 1) => {
    console.log(row)
    if (row.serial === '0000' && row.groupNo === '0000') {
        props.openGroupOrderTemplate(row.orderCode);
        return;
    }
    if (row.serial === '00' && isCydy()) {
        qingKong()
        return BizException(ExceptionEnum.LOGICAL_ERROR, '出院带药不能开项目')
    }
    if (yiZhuData.value.actOrderNo === 'tempOrderNo') {
        yiZhuData.value.actOrderNo = await getOrderNo()
    }
    let tempOrderNo = null
    // 查询医嘱是不会有医嘱号的，医生会在原来的医嘱上面修改成项目或者药品
    // 保留一下医嘱号 不然  yiZhuData.value = row 这个会把医嘱号给干掉
    if (laiyuan === 1) {
        tempOrderNo = yiZhuData.value.actOrderNo
    }
    await fuYiZhuClick()
    qingKong()
    await Sleep(200)
    // 克隆一下数据防止有问题
    yiZhuData.value = clone(row) // clone(row)
    if (tempOrderNo !== null) {
        yiZhuData.value.actOrderNo = tempOrderNo;
        yiZhuData.value.statusFlag = '1'
    }
    let newData = yiZhuData.value.statusFlag === '1'
    if (row.serial === '01' || row.serial === '99') {
        try {
            let queryKey = row.orderCode + '_' + row.serial + '_' + props.patientInfo.zkWard + '_' + queryParam.value.groupNo
            let res = await huoQuFeiYongXinXi(queryKey)
            console.log(res)
            // 加载药品计量
            yaoPinJiLiangData.value = res.yaoPingJiLiang
            if (newData) {
                // 判断是否 是皮试的药 如果是就只能有这些 给药方式
                // geiYaoFangShiData.value = res.piShi
                // 是否是 抗菌药物
                yiZhuData.value.kjywFlag = res.data.kjywFlag
                // 提示信息
                tiShiBiaoTi.value = res.prompt
                // 最小单位名称
                if (row.serial === '01') {
                    yiZhuData.value.miniUnit = res.data.miniUnit;
                    yiZhuData.value.miniUnitName = res.data.miniUnitName;
                } else {
                    yiZhuData.value.miniUnit = res.data.packUnit;
                    yiZhuData.value.miniUnitName = res.data.packUnitName;
                }
                yiZhuData.value.packSize = res.data.packSize
                yiZhuData.value.packUnit = res.data.packUnit
                yiZhuData.value.drugVolume = res.data.volum
                yiZhuData.value.drugVolUnit = res.data.volUnit
                // 加载 剂量单位
                if (stringNotBlank(yiZhuData.value.doseUnit)) {
                    yaoPinJiLiangData.value.forEach((item) => {
                        if (item.code === yiZhuData.value.doseUnit) {
                            jiLiangValue.value = item.value
                        }
                    })
                } else if (listNotBlank(yaoPinJiLiangData.value)) {
                    // 没有剂量单位的时候默认加载第一个计量单位 并且计算
                    yiZhuData.value.doseUnit = yaoPinJiLiangData.value[0].code
                    yiZhuData.value.dose = yaoPinJiLiangData.value[0].value
                    jiLiangValue.value = yaoPinJiLiangData.value[0].value
                }
                await jiSuanLingLiang(yiZhuData.value.dose)
                // 加载默认频率 如果已经填写了 就用有的
                if (stringIsBlank(row.frequCode)) {
                    // 如果药品中自带了 频率就用药品表的频率
                    if (stringNotBlank(res.data.frequCode)) {
                        yiZhuData.value.frequCode = res.data.frequCode
                        yiZhuData.value.frequCodeName = res.data.frequCodeName
                    } else {
                        yiZhuData.value.frequCode = 'ONCE'
                        yiZhuData.value.frequCodeName = '一次'
                    }
                }
                // 加载给药方式 如果已经有了就没事了
                if (stringIsBlank(yiZhuData.value.supplyCode)) {
                    if (stringNotBlank(res.data.supplyCode)) {
                        yiZhuData.value.supplyCode = res.data.supplyCode
                        yiZhuData.value.supplyCodeName = res.data.supplyCodeName
                    }
                }
            }
            openTheOrderPopUpWindow()
        } catch (e) {
            if (yiZhuData.value.statusFlag === '1') {
                await Sleep(200)
                qingKong()
            }
        }
    } else {
        yiZhuData.value.kjywFlag = 0
        try {
            let queryKey = row.orderCode + '_' + '00' + '_' + props.patientInfo.zkWard + '_' + queryParam.value.groupNo
            let res = await huoQuFeiYongXinXi(queryKey)
            if (newData) {
                openTheOrderPopUpWindow('请输入处置医嘱名')
                if (stringNotBlank(res.prompt)) {
                    tiShiBiaoTi.value = res.prompt
                }
                if (!row.dose) {
                    yiZhuData.value.dose = 1
                }
                // 如果是项目就不需要给药方式
                yiZhuData.value.supplyCode = null
                yiZhuData.value.supplyCodeName = ''
            }
        } catch (e) {
            if (yiZhuData.value.statusFlag === '1') {
                await Sleep(200)
                qingKong()
            }
        }
    }
    if (newData) {
        // 判断这个是不是 新添加的数据 如果是空的就是 新数据
        let serverDate = await getServerDateApi()

        if (!yiZhuData.value.orderTime) {
            yiZhuData.value.orderTime = serverDate
        }
        if (!yiZhuData.value.startTime) {
            yiZhuData.value.startTime = serverDate
        }
        // 用来加载默认的执行科室
        if (stringIsBlank(row.execUnit)) {
            if (stringNotBlank(props.patientInfo.zkWard)) {
                yiZhuData.value.execUnit = props.patientInfo.zkWard
                yiZhuData.value.execUnitName = props.patientInfo.zkWardName
            }
        } else if (props.patientInfo.zkWard && row.execUnit.startsWith("8")) {
            yiZhuData.value.execUnit = props.patientInfo.zkWard
            yiZhuData.value.execUnitName = props.patientInfo.zkWardName
        }
        if (!yiZhuData.value.frequCode) {
            yiZhuData.value.frequCode = 'ONCE'
            yiZhuData.value.frequCodeName = '一次'
        }
        try {
            pingLvRef.value.focus()
        } catch (e) {
            console.log(e)
        }
        if (queryParam.value.frequCode === frequCodeEnum.temporary) {
            yiZhuData.value.frequCode = 'ONCE'
            yiZhuData.value.frequCodeName = '一次'
        }
    }
    if (currentPage.value === 'takeMedicine') {
        yiZhuData.value.selfBuy = '4'
        yiZhuData.value.frequCode = 'ONCE'
        yiZhuData.value.supplyCode = '007'
    }
    // 显示父医嘱的名称
    if (yiZhuData.value.statusFlag !== '1' && yiZhuData.value.parentNo) {
        fuYiZhuData.value = []
        fuYiZhuData.value.push({
            actOrderNo: yiZhuData.value.parentNo,
            orderName: yiZhuData.value.parentNoName,
        })
    }
    // 如果搜索了医嘱那么 这里就需要 重新赋值,不认表格就没办法变化了,把原来的换掉
    for (let i = 0, len = yzData.value.length; i < len; i++) {
        let item = yzData.value[i];
        if (yiZhuData.value.actOrderNo === item.actOrderNo) {
            yzData.value[i] = yiZhuData.value
            return
        }
    }
    if (laiyuan === 1) {
        if (currentPage.value === frequCodeEnum.temporary && yiZhuData.value.frequCode !== 'ONCE') {
            yiZhuData.value.frequCode = 'ONCE'
        } else if (currentPage.value === frequCodeEnum.longTerm && yiZhuData.value.frequCode === 'ONCE') {
            yiZhuData.value.frequCode = 'ALWAYS'
        }
    }
}


/* 频率 */
const pingLvRef = ref()

/*计算领量*/
const jiSuanLingLiang = async (val) => {
    await nextTick()
    // 出院带药
    if (yiZhuData.value.selfBuy === '4') {
        return;
    }
    if (jiLiangValue.value <= 0) {
        return;
    }

    let drugQuanA = Math.ceil(Dig.division(val, jiLiangValue.value))
    yiZhuData.value.drugQuan = drugQuanA;
}
/* 选择剂量 */
const yaoPinJiLiangData = ref([])
const jiLiangValue = ref(0)
const xuanZheJiLiang = (val) => {
    jiLiangValue.value = val.value
    yiZhuData.value.dose = val.value
    jiSuanLingLiang(yiZhuData.value.dose)
}

/* 给药方式 */
// const geiYaoFangShiData = ref([])

// 医嘱限制时间不能在之前
const disabledDate = (time) => {
    if (props.patientInfo?.admissDate) {
        return time.getTime() < new Date(props.patientInfo?.admissDate).getTime() - 8.64e7
    }
    return true
}

/* 获取执行科室 */
const zhiXingKeShiData = ref([])
const metZhiXingKeShi = (val) => {
    huoQuZhiXinKeShi(val).then((res) => {
        zhiXingKeShiData.value = res
    })
}

/* 父医嘱 */
const fuYiZhuData = ref([])
const fuYiZhuClick = async () => {
    fuYiZhuData.value = []
    fuYiZhuData.value = await getParentOrders(props.patientInfo.inpatientNo, props.patientInfo.admissTimes)
    let tempIndex = fuYiZhuData.value.findIndex(item => {
        return item.actOrderNo == yiZhuData.value.actOrderNo
    })
    if (tempIndex > -1) {
        fuYiZhuData.value.splice(tempIndex, 1)
    }
}

const modifyDosingMethod = (val) => {
    if (yiZhuData.value.actOrderNo == val.actOrderNo) {
        BizException(ExceptionEnum.MESSAGE_ERROR, '无法选择自己');
    }
    yiZhuData.value.parentNo = val.actOrderNo
    yiZhuData.value.parentNoName = val.orderName
    yiZhuData.value.orderTime = val.orderTime
    yiZhuData.value.startTime = val.startTime
    yiZhuData.value.endTime = val.endTime

    yiZhuData.value.supplyCode = '044'
    yiZhuData.value.supplyCodeName = '副药'

    yiZhuData.value.frequCode = val.frequCode
    yiZhuData.value.frequCodeName = val.frequCodeName
    yiZhuData.value.groupNo = val.groupNo
    yiZhuData.value.groupNoName = val.groupNoName
}

const clearDoctorSOrder = () => {
    yiZhuData.value.parentNo = null
    yiZhuData.value.parentNoName = ''
}

/**
 * 添加医嘱
 * @returns {Promise<void>}
 */
const addOrderNo = async () => {
    if (stringIsBlank(props.patientInfo.inpatientNo)) {
        BizException(ExceptionEnum.MESSAGE_ERROR, '请先选择患者')
    }
    // 如果有录入数据的话就需要保存一下
    if (stringNotBlank(yiZhuData.value.actOrderNo) && yiZhuData.value.statusFlag === '1' && yiZhuData.value.actOrderNo !== 'tempOrderNo') {
        let param = {
            inpatientNo: props.patientInfo.inpatientNo,
            admissTimes: props.patientInfo.admissTimes,
            actOrderNo: yiZhuData.value.actOrderNo,
            groupNo: queryParam.value.groupNo,
            data: yiZhuData.value
        }
        try {
            let res = await enterOrders(param)
            // 如果有错误信息 就 提示
            if (res !== null && res.error) {
                baoCunXinXiRef.value.openOrClose()
                errorMessageData.value = res.data
                return
            }
            emits('successfullyEntered', yiZhuData.value)
            // 医嘱保存了 就删除错误提示
            if (errorMessageData.value) {
                for (let key in errorMessageData.value) {
                    if (key === yiZhuData.value.actOrderNo.toString()) {
                        delete errorMessageData.value[key]
                        break
                    }
                }
            }
            // 如果没有了错误信息 就关闭
            if (!!errorMessageData.value) {
                baoCunXinXiRef.value.openOrClose(false)
            }
            qingKong()
            yiZhuData.value.actOrderNo = 'tempOrderNo'
            openSearch()
        } catch (e) {
            console.log(e)
        }
    } else {
        qingKong()
        yiZhuData.value.actOrderNo = 'tempOrderNo'
        openSearch()
    }
}

const qingKong = () => {
    yaoPinJiLiangData.value = []
    jiLiangValue.value = 0
    tiShiBiaoTi.value = []
    tempData = null
    yiZhuData.value = {
        id: '',
        actOrderNo: null,
        orderName: '',
        orderCode: '',
        // 频率
        frequCode: '',
        frequCodeName: '',
        drugSpecification: '',
        dose: 0,
        // 领量
        doseUnit: '',
        doseUnitName: '',
        supplyCode: '',
        supplyCodeName: '',
        startTime: '',
        endTime: '',
        orderTime: '',
        doctorName: '',
        drugFlag: '',
        execUnit: '',
        execUnitName: '',
        parentNo: '',
        parentNoName: '',
        physicianName: '',
        discription: '',
        instruction: null,
        kfFlag: null,
        selfBuy: null,
        ybSelfFlag: '0',
        emergencyFlag: '0',
        drugQuan: 0,
        miniUnitName: '',
        serial: '',
        miniUnit: '',
        psFlag: false,
        kjywFlag: 0,
        yyfs: null,
        ssqk: null,
        yysj: null,
        zkObj: '',
        zkWardCode: '',
        zkDeptCode: '',
        statusFlag: '1'
    }
}

// 判断是否可以编辑
const isEdit = computed(() => {
    return !!(stringIsBlank(yiZhuData.value.actOrderNo)
        || yiZhuData.value.statusFlag !== '1'
        || stringIsBlank(props.patientInfo.inpatientNo));
})

let baoCunXinXiRef = ref(null)
const toAddAnOrder = async () => {

    if (stringIsBlank(props.patientInfo.inpatientNo)) {
        BizException(ExceptionEnum.MESSAGE_ERROR, '请先选择患者')
    }
    if (stringIsBlank(yiZhuData.value.actOrderNo) || yiZhuData.value.actOrderNo === 'tempOrderNo') {
        BizException(ExceptionEnum.MESSAGE_ERROR, '请先选择一个医嘱')
    }
    // 有 医嘱 不是 录入就说明在看医嘱 直接清空就可以了
    if (stringNotBlank(yiZhuData.value.orderCode) && yiZhuData.value.statusFlag !== '1') {
        qingKong()
        return
    }
    if (yiZhuData.value.frequCode === 'ONCE' && currentPage.value === 'longTerm') {
        BizException(ExceptionEnum.LOGICAL_ERROR, '长期医嘱页面无法选择临时医嘱频率。')
    }

    let param = {
        inpatientNo: props.patientInfo.inpatientNo,
        admissTimes: props.patientInfo.admissTimes,
        actOrderNo: yiZhuData.value.actOrderNo,
        groupNo: queryParam.value.groupNo,
        data: yiZhuData.value
    }
    try {
        let res = await enterOrders(param)
        if (res !== null && res.error) {
            baoCunXinXiRef.value.openOrClose()
            errorMessageData.value = res.data
            return
        }
        if (errorMessageData.value) {
            for (let key in errorMessageData.value) {
                if (key === yiZhuData.value.actOrderNo.toString()) {
                    delete errorMessageData.value[key]
                    break
                }
            }
        }
        // 如果错误信息是空的就关闭
        if (Object.keys(errorMessageData.value).length === 0) {
            baoCunXinXiRef.value.openOrClose(false)
        }
        emits('successfullyEntered', yiZhuData.value)
        qingKong()
    } catch (e) {
        console.log(e)
    }
}

/**
 * 点击了确认医嘱
 */
const confirmOrdersClick = async () => {
    try {
        let res = await confirmOrders(props.patientInfo)
        if (res !== null && res.error) {
            baoCunXinXiRef.value.openOrClose()
            errorMessageData.value = res.data
        }
    } catch (e) {

    }

}

const yzDialogRef = ref(null)
const openTheOrderPopUpWindow = () => {
    if (!isEdit.value) {
        yzDialogRef.value.openOrClose(true)
    }
}

// 错误信息
const errorMessageData = ref({})
/**
 * 点击了查看错误信息
 * @param val 数据
 */
const clickError = (val) => {
    if (yiZhuData.value.actOrderNo === 'tempOrderNo') {
        qingKong()
    }
    if (stringNotBlank(yiZhuData.value.actOrderNo)) {
        let param = {
            inpatientNo: props.patientInfo.inpatientNo,
            admissTimes: props.patientInfo.admissTimes,
            actOrderNo: yiZhuData.value.actOrderNo,
            data: yiZhuData.value
        }
        enterOrders(param).then((res) => {
            if (res !== null && res.error) {
                errorMessageData.value[yiZhuData.value.actOrderNo] = res.data[yiZhuData.value.actOrderNo]
                return
            }
            delete errorMessageData.value[yiZhuData.value.actOrderNo]
            xuanZhongFeiYong(val.data, 2)
        }).catch(e => {
        })
    } else {
        xuanZhongFeiYong(val.data, 2)
    }
}

/**
 * 填充 数据
 * @param data
 */
let tempData = null
const fillData = async (data) => {
    await fuYiZhuClick()
    await xuanZhongFeiYong(data, 2)
    tempData = JSON.stringify(yiZhuData.value)
}


// 删除医嘱
const toDeleteAnOrderClick = () => {
    if (stringIsBlank(yiZhuData.value.actOrderNo)) {
        BizException(ExceptionEnum.MESSAGE_ERROR, '请先选择要删除的医嘱')
    }
    ElMessageBox.confirm(`确认是否要删除<span style="color: red"> ${yiZhuData.value.orderName} </span>`, '提示', {
        type: 'warning',
        dangerouslyUseHTMLString: true
    }).then(() => {
        toDeleteAnOrder(yiZhuData.value.actOrderNo).then(() => {
            yzMitt.emit('queryYz', false)
            qingKong()
        })
    })
}

const editorMainRef = ref()
const searchRef = ref(null)

const openSearch = () => {
    if (isEdit.value) return
    searchRef.value.focus()
}


const dosePrecision = computed(() => {
    return yiZhuData.value.serial === '00' ? 2 : 3
})

let copyOrderNo = $ref({
    actOrderNo: null,
    frequCode: '',

    deptCode: '',
    inpatientNo: '',
    admissTimes: 0
})
const copyClick = () => {
    if (stringIsBlank(yiZhuData.value.actOrderNo) || yiZhuData.value.actOrderNo === 'tempOrderNo') {
        BizException(ExceptionEnum.MESSAGE_ERROR, '请先选择医嘱')
    }
    copy(yiZhuData.value.actOrderNo, yiZhuData.value.frequCode)
}

const copy = (actOrderNo, frequCode) => {
    copyOrderNo.actOrderNo = actOrderNo
    copyOrderNo.frequCode = frequCode
    xcMessage.success('复制成功。')
}

const pasteClick = () => {
    if (currentPage.value === frequCodeEnum.temporary && copyOrderNo.frequCode !== 'ONCE') {
        copyOrderNo.frequCode = 'ONCE'
    } else if (currentPage.value === frequCodeEnum.longTerm && copyOrderNo.frequCode === 'ONCE') {
        copyOrderNo.frequCode = 'ALWAYS'
    } else if (currentPage.value === frequCodeEnum.takeMedicine) {
        copyOrderNo.frequCode = 'ONCE'
    }

    copyOrderNo.deptCode = props.patientInfo.zkWard
    copyOrderNo.inpatientNo = props.patientInfo.inpatientNo
    copyOrderNo.admissTimes = props.patientInfo.admissTimes

    copyFuncApi()
}

const copyFuncApi = async () => {
    let list = await copyOrder(copyOrderNo)
    let temp = {}
    list.forEach(item => {
        temp[item] = true
    })
    // 查询医嘱
    await yzMitt.emit('queryYz');
    yzMitt.emit('scrollEndAndTwinkle', temp)
    copyOrderNo.actOrderNo = null
}

/**
 * 复制粘贴医嘱
 * @returns {Promise<void>}
 */
const duplicateAndPaste = () => {
    if (stringIsBlank(yiZhuData.value.actOrderNo) || yiZhuData.value.actOrderNo === 'tempOrderNo') {
        BizException(ExceptionEnum.MESSAGE_ERROR, '请先选择医嘱')
    }
    copyOrderNo = {
        actOrderNo: yiZhuData.value.actOrderNo,
        frequCode: yiZhuData.value.frequCode,
        deptCode: props.patientInfo.zkWard,
        inpatientNo: props.patientInfo.inpatientNo,
        admissTimes: props.patientInfo.admissTimes
    }
    copyFuncApi()
}


let shortcutKeyRegistration = {
    ctrl: {s: toAddAnOrder},
    alt: {a: addOrderNo}
}

onMounted(() => {

    yzMitt.on('copy', copy)
    yzMitt.on('paste', pasteClick)
    yzMitt.on('allowReplication', () => {
        return copyOrderNo.actOrderNo !== null
    })


    yzMitt.on('deleteAnOrderByOrderNo', ({actOrderNo, orderName}, clearOrNot = true) => {
        if (stringIsBlank(actOrderNo)) {
            BizException(ExceptionEnum.MESSAGE_ERROR, '请先选择要删除的医嘱')
        }
        ElMessageBox.confirm(`确认是否要删除<span style="color: red"> ${orderName} </span>`, '提示', {
            type: 'warning',
            dangerouslyUseHTMLString: true
        }).then(() => {
            toDeleteAnOrder(actOrderNo).then(() => {
                yzMitt.emit('queryYz', false)
                if (clearOrNot) {
                    qingKong()
                }
            })
        }).catch(() => {

        })
    })
})


let keyWatch = null

onDeactivated(() => {
    if (keyWatch != null) {
        keyWatch()
    }
})

onActivated(() => {
    keyWatch = watch(() => xcEvent.value, () => {
        shortcutTrigger(xcEvent.value, shortcutKeyRegistration)
    })
})


defineExpose({
    addOrderNo,
    fillData,
    toDeleteAnOrderClick,
    confirmOrdersClick,
    isEdit
})

</script>

<style scoped lang="scss">
.editing_area {
  position: relative;
  width: max-content;
}

.editor__title {
  background-color: #ffdb04;
  padding: 5px;
  width: 100%;
  overflow-x: auto;
}

.yz_editor__disable {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 89;
  border: 1px solid red;

  &::before {
    position: absolute;
    content: '只读';
    bottom: 0;
    right: 0;
    color: red;
  }
}

.yz_input__box {
  display: flex;
  margin-top: 6px;
  flex-wrap: wrap;

  div {
    margin-left: 3px;
  }

  .div_center__box {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .input__style {
    width: 125px;
    line-height: 22px;
    height: 22px;
    border: 1px solid
  }

}


</style>