|
@@ -0,0 +1,526 @@
|
|
|
+<template>
|
|
|
+ <div class="yz_input__box">
|
|
|
+ <div>
|
|
|
+ 医嘱名称:
|
|
|
+ <xc-combo-grid
|
|
|
+ style="width: 240px"
|
|
|
+ ref="searchRef"
|
|
|
+ v-model="yiZhuData.orderName"
|
|
|
+ :table-header="tableHeader"
|
|
|
+ :query-data-func="huoQuXiangMu"
|
|
|
+ :current-key="yiZhuData.orderCode + yiZhuData.orderName"
|
|
|
+ @rowClick="xuanZhongFeiYong">
|
|
|
+ </xc-combo-grid>
|
|
|
+ </div>
|
|
|
+ <div class="input__style">
|
|
|
+ {{ yiZhuData.drugSpecification }}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 频率:
|
|
|
+ <xc-select-v3 style="width: 120px"
|
|
|
+ v-model="yiZhuData"
|
|
|
+ :data="yaoPinPingLvData"
|
|
|
+ code="frequCode"
|
|
|
+ name="frequCodeName"
|
|
|
+ :remote-method="pinLvRemoteMethod"
|
|
|
+ id="yz_frequCode"
|
|
|
+ ref="pingLv"/>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 一次剂量:
|
|
|
+ <el-input-number v-model="yiZhuData.dose"
|
|
|
+ :min="0"
|
|
|
+ ref="doseRef"
|
|
|
+ id="yz_dose"
|
|
|
+ :precision="yiZhuData.doseUnitName === yiZhuData.miniUnitName ? 0 : 2"
|
|
|
+ style="width: 110px"
|
|
|
+ @change="jiSuanLingLiang"/>
|
|
|
+ <XcSelect v-model="yiZhuData"
|
|
|
+ id="yz_doseUnit"
|
|
|
+ :data="yaoPinJiLiangData"
|
|
|
+ :name="['doseUnit', 'doseUnitName']" :width="80"
|
|
|
+ @change="xuanZheJiLiang">
|
|
|
+ <XcOption label="value"></XcOption>
|
|
|
+ <XcOption label="name"></XcOption>
|
|
|
+ </XcSelect>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 领量:
|
|
|
+ <el-input-number v-model="yiZhuData.drugQuan"
|
|
|
+ :min="minimumPickingQuantity"
|
|
|
+ placeholder="请输入领量">
|
|
|
+ {{ yiZhuData.drugQuan }}
|
|
|
+ </el-input-number>
|
|
|
+ {{ yiZhuData.miniUnitName }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="yz_input__box">
|
|
|
+ <div>
|
|
|
+ 给药方式:
|
|
|
+ <xc-select-v3
|
|
|
+ style="width: 120px"
|
|
|
+ v-model="yiZhuData"
|
|
|
+ :data="geiYaoFangShiData"
|
|
|
+ id="yz_supplyCode"
|
|
|
+ code="supplyCode"
|
|
|
+ name="supplyCodeName"
|
|
|
+ :remote-method="geiYaoFangShiRemoteMethod"
|
|
|
+ clearable/>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 开始时间:
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 160px"
|
|
|
+ v-model="yiZhuData.startTime"
|
|
|
+ :disabled-date="disabledDate"
|
|
|
+ id="yz_startTime"
|
|
|
+ format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ type="datetime"
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ ></el-date-picker>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 停止时间:
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 160px"
|
|
|
+ v-model="yiZhuData.endTime"
|
|
|
+ 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">
|
|
|
+ 医生: {{ 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>
|
|
|
+ 父医嘱:
|
|
|
+ <el-select v-model="yiZhuData.parentNo"
|
|
|
+ :disabled="yiZhuData.serial === '00'"
|
|
|
+ id="yz_parentNo"
|
|
|
+ clearable
|
|
|
+ @clear="yiZhuData.parentNo = null" @focus="fuYiZhuClick">
|
|
|
+ <el-option v-for="item in fuYiZhuData" :key="item.code" :label="item.name" :value="item.code">
|
|
|
+ <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
|
|
|
+ <el-divider direction="vertical"></el-divider>
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div :title="yiZhuData.discription" class="div_center__box">
|
|
|
+ 描述:
|
|
|
+ <div class="input__style" style="overflow: auto;width: 240px">
|
|
|
+ {{ yiZhuData.discription }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <!-- 皮试药品 -->
|
|
|
+ <el-select></el-select>
|
|
|
+ </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
|
|
|
+ maxlength="50"
|
|
|
+ show-word-limit></el-input>
|
|
|
+ </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"
|
|
|
+ id="yz_selfBuy"
|
|
|
+ clearable style="width: 120px"
|
|
|
+ @clear="yiZhuData.selfBuy = null">
|
|
|
+ <el-option key="1" label="自备" value="1"></el-option>
|
|
|
+ <el-option key="2" label="嘱托" value="2"></el-option>
|
|
|
+ <el-option key="3" label="基数药" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="div_center__box">
|
|
|
+ <xc-checkbox
|
|
|
+ label="医保自费"
|
|
|
+ v-model="yiZhuData.ybSelfFlag"
|
|
|
+ inactive-value="0"
|
|
|
+ active-value="1"/>
|
|
|
+
|
|
|
+ <xc-checkbox
|
|
|
+ label="紧急"
|
|
|
+ v-model="yiZhuData.emergencyFlag"
|
|
|
+ active-value="1"
|
|
|
+ inactive-value="0"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup name='YzEditor'>
|
|
|
+import {
|
|
|
+ huoQuFeiYongXinXi,
|
|
|
+ huoQuZhuYuanPinLv,
|
|
|
+ huoQuXiangMu, huoQuGeiYaoFangShi, huoQuZhiXinKeShi
|
|
|
+} from '@/api/zhu-yuan-yi-sheng/yi-zhu-lu-ru'
|
|
|
+import {listNotBlank, stringIsBlank, stringNotBlank} from '@/utils/blank-utils'
|
|
|
+import {uuid} from '@/utils/getUuid'
|
|
|
+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";
|
|
|
+
|
|
|
+const props = defineProps({
|
|
|
+ patientInfo: {
|
|
|
+ type: Object,
|
|
|
+ default: null
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+const yiZhuData = ref({
|
|
|
+ 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',
|
|
|
+ ybSelfFlagBoolean: false,
|
|
|
+ emergencyFlag: '0',
|
|
|
+ drugQuan: 0,
|
|
|
+ miniUnitName: '',
|
|
|
+ serial: '',
|
|
|
+ miniUnit: '',
|
|
|
+ psFlag: false,
|
|
|
+ kjywFlag: 0,
|
|
|
+ yyfs: null,
|
|
|
+ ssqk: null,
|
|
|
+ yysj: null,
|
|
|
+ zkObj: '',
|
|
|
+ zkWardCode: '',
|
|
|
+ zkDeptCode: '',
|
|
|
+});
|
|
|
+
|
|
|
+let tableHeader = [
|
|
|
+ {label: '编码', prop: 'orderCode'},
|
|
|
+ {label: '名称', prop: 'orderName'},
|
|
|
+ {label: '规格', prop: 'drugSpecification'},
|
|
|
+ {label: '描述', prop: 'discription'},
|
|
|
+ {label: '库存', prop: 'stockAmount'},
|
|
|
+ {label: '大包装', prop: 'specPack'},
|
|
|
+ {label: '医保类型', prop: 'ybFlagNew'},
|
|
|
+ {label: '医保编码', prop: 'nationalCode'},
|
|
|
+ {label: '医保名称', prop: 'nationalName'},
|
|
|
+ {label: '医保备注', prop: 'ybComment'},
|
|
|
+ {label: '大输液', prop: 'infusionFlagName'},
|
|
|
+ {label: '厂家', prop: 'manuName'},
|
|
|
+ {label: '类型', prop: 'orderType'},
|
|
|
+ {label: '毒麻类型', prop: 'drugFlagName'}
|
|
|
+]
|
|
|
+
|
|
|
+/*提示信息*/
|
|
|
+const tiShiBiaoTi = ref([])
|
|
|
+
|
|
|
+// 搜索医嘱
|
|
|
+const xuanZhongFeiYong = async (row) => {
|
|
|
+ // 记得处置医嘱
|
|
|
+ fuYiZhuClick()
|
|
|
+ qingKong()
|
|
|
+ await Sleep(200)
|
|
|
+ yiZhuData.value = row
|
|
|
+ if (row.serial !== '00') {
|
|
|
+ huoQuFeiYongXinXi(row.orderCode, row.serial, props.patientInfo.smallDept)
|
|
|
+ .then((res) => {
|
|
|
+ yiZhuData.value.drugFlag = row.drugFlag ? row.drugFlag : row.orderType
|
|
|
+ // 判断是否 是皮试的药 如果是就只能有这些 给药方式
|
|
|
+ geiYaoFangShiData.value = res.piShi
|
|
|
+ // 是否是 抗菌药物
|
|
|
+ yiZhuData.value.kjywFlag = res.data.kjywFlag
|
|
|
+ // 提示信息
|
|
|
+ tiShiBiaoTi.value = res.prompt
|
|
|
+ // 最小单位名称
|
|
|
+ yiZhuData.value.miniUnitName = res.data.miniUnitName
|
|
|
+ // 加载药品计量
|
|
|
+ yaoPinJiLiangData.value = res.yaoPingJiLiang
|
|
|
+ // 加载 剂量单位
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch(async () => {
|
|
|
+ await Sleep(500)
|
|
|
+ qingKong()
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ yiZhuData.value.kjywFlag = 0
|
|
|
+ huoQuFeiYongXinXi(row.orderCode, '00', props.patientInfo.smallDept)
|
|
|
+ .then((res) => {
|
|
|
+ yiZhuData.value.drugFlag = row.drugFlag ? row.drugFlag : row.orderType
|
|
|
+ if (stringNotBlank(res.prompt)) {
|
|
|
+ tiShiBiaoTi.value = res.prompt
|
|
|
+ }
|
|
|
+ if (!res.dose) {
|
|
|
+ yiZhuData.value.dose = 1
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(async () => {
|
|
|
+ await Sleep(500)
|
|
|
+ qingKong()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 判断这个是不是 新添加的数据 如果是空的就是 新数据
|
|
|
+ getServerDateApi().then((res) => {
|
|
|
+ if (!yiZhuData.value.orderTime) {
|
|
|
+ yiZhuData.value.orderTime = res
|
|
|
+ }
|
|
|
+ if (!yiZhuData.value.startTime) {
|
|
|
+ yiZhuData.value.startTime = res
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // 用来加载默认的执行科室
|
|
|
+ if (stringIsBlank(row.execUnit)) {
|
|
|
+ if (stringNotBlank(props.patientInfo.smallDept)) {
|
|
|
+ yiZhuData.value.execUnit = props.patientInfo.smallDept
|
|
|
+ yiZhuData.value.execUnitName = props.patientInfo.smallDeptName
|
|
|
+ }
|
|
|
+ } else if (props.patientInfo.smallDept && row.execUnit.startsWith("8")) {
|
|
|
+ yiZhuData.value.execUnit = props.patientInfo.smallDept
|
|
|
+ yiZhuData.value.execUnitName = props.patientInfo.smallDeptName
|
|
|
+ }
|
|
|
+ if (stringIsBlank(row.id)) {
|
|
|
+ yiZhuData.value.id = uuid(8, 10)
|
|
|
+ }
|
|
|
+ if (!yiZhuData.value.frequCode) {
|
|
|
+ yiZhuData.value.frequCode = 'ONCE'
|
|
|
+ yiZhuData.value.frequCodeName = '一次'
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ pingLv.focus()
|
|
|
+ } catch (e) {
|
|
|
+ console.log(e)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* 频率 */
|
|
|
+const yaoPinPingLvData = ref([])
|
|
|
+// 获取药品频率
|
|
|
+const pinLvRemoteMethod = (val) => {
|
|
|
+ huoQuZhuYuanPinLv(val).then((res) => {
|
|
|
+ yaoPinPingLvData.value = res
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+// 最小领量
|
|
|
+let minimumPickingQuantity = $ref(0)
|
|
|
+/*计算领量*/
|
|
|
+const jiSuanLingLiang = (val) => {
|
|
|
+ if (jiLiangValue.value <= 0) return
|
|
|
+ let temp = Math.ceil(val / jiLiangValue.value);
|
|
|
+ minimumPickingQuantity = temp
|
|
|
+ if (!yiZhuData.value.drugQuan) {
|
|
|
+ yiZhuData.value.drugQuan = temp
|
|
|
+ }
|
|
|
+
|
|
|
+ if (yiZhuData.value.drugQuan < temp) {
|
|
|
+ yiZhuData.value.drugQuan = temp
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+/* 选择剂量 */
|
|
|
+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 geiYaoFangShiRemoteMethod = (val) => {
|
|
|
+ huoQuGeiYaoFangShi(val).then((res) => {
|
|
|
+ geiYaoFangShiData.value = res
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+// 医嘱限制时间不能在之前
|
|
|
+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 = () => {
|
|
|
+ fuYiZhuData.value = []
|
|
|
+ console.log('父医嘱要像后端查询了。')
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+const qingKong = () => {
|
|
|
+ yaoPinJiLiangData.value = []
|
|
|
+ jiLiangValue.value = 0
|
|
|
+ tiShiBiaoTi.value = []
|
|
|
+ yiZhuData.value = {
|
|
|
+ index: '',
|
|
|
+ actOrderNo: null,
|
|
|
+ orderName: '',
|
|
|
+ orderCode: '',
|
|
|
+ // 频率
|
|
|
+ frequCode: '',
|
|
|
+ frequCodeName: '',
|
|
|
+ drugSpecification: '',
|
|
|
+ dose: 0,
|
|
|
+ // 领量
|
|
|
+ doseUnit: '',
|
|
|
+ doseUnitName: '',
|
|
|
+ supplyCode: '',
|
|
|
+ supplyCodeName: '',
|
|
|
+ startTime: '',
|
|
|
+ endTime: '',
|
|
|
+ orderTime: '',
|
|
|
+ doctorName: '',
|
|
|
+ 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,
|
|
|
+ zkWardCode: '',
|
|
|
+ zkDeptCode: '',
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.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>
|