预约小票 打印

eight

2024-11-25 c6421e15ecc9df14dbb2f29ab76a73ce7aa7f603

 src/views/ecg/appointment/AppointmentConfirm.vue

@@ -1,9 +1,15 @@
<template>
  <el-form-item label="患者编号">
    <el-input v-model="queryParams.patId" placeholder="请输入患者编号" clearable @input="searchBookInfo"/>
  </el-form-item>
  <div style="display: flex; justify-content: center; ">
    <el-form-item label="患者编号" >
      <el-input v-model="queryParams.patId" placeholder="请输入患者编号" clearable @input="searchBookInfo" />
    </el-form-item>
  </div>

  <el-button @click="_confirmAppointment"><Icon icon="ep:refresh" class="mr-5px" /> 排队 </el-button>
  <div style="display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px">
    <div v-for="_appointment in appointmentVOList" :key="_appointment.applyNo">
      <CheckItemPanel  :appointment="_appointment" />
    </div>
  </div>

  <el-divider/>

@@ -15,95 +21,65 @@
  >
    <div class="form-row">
      <el-form-item label="患者姓名" prop="patName">
        <el-input v-model="formData.patName" placeholder="请输入患者姓名" />
        <el-input v-model="formData.patName" placeholder="患者姓名" readonly />
      </el-form-item>
    </div>
    <div class="form-row">
      <el-form-item label="患者性别" prop="patGender">
        <el-radio-group v-model="formData.patGender">
        <el-radio-group v-model="formData.patGender" readonly>
          <el-radio
            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
            :key="dict.value"
            :label="dict.value"
          >
              v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
              :key="dict.value"
              :value="dict.value">
            {{ dict.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="预约日期" prop="bookDate">
        <el-date-picker
          v-model="formData.bookDate"
          type="date"
          value-format="x"
          placeholder="选择预约日期"
        />
      </el-form-item>
    </div>
    <div class="form-row">
      <el-form-item label="预约时间段" prop="bookTimeslot">
        <el-select v-model="formData.bookTimeslot" placeholder="请选择预约时间段">
          <el-option
            v-for="dict in getIntDictOptions(DICT_TYPE.ECG_BOOK_TIMESLOT)"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="预约检查类型" prop="bookCheckType">
        <el-select v-model="formData.bookCheckType" placeholder="请选择预约检查类型">
          <el-option
            v-for="dict in getIntDictOptions(DICT_TYPE.ECG_CHECK_TYPE)"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
    </div>
    <div class="form-row">
      <el-form-item label="患者生日" prop="patBirthday">
        <el-date-picker
          v-model="formData.patBirthday"
          type="date"
          value-format="x"
          placeholder="选择患者生日"
            v-model="formData.patBirthday"
            type="date"
            value-format="x"
            placeholder="选择患者生日"
            readonly
        />
      </el-form-item>
      <el-form-item label="患者手机" prop="patMobile">
        <el-input v-model="formData.patMobile" placeholder="请输入患者手机" />
      </el-form-item>
    </div>
    <div class="form-row">
      <el-form-item label="患者电话" prop="patPhone">
      <el-form-item label="患者手机" prop="patMobile" >
        <el-input v-model="formData.patMobile" placeholder="请输入患者手机" readonly />
      </el-form-item>
<!--
      <el-form-item label="患者电话" prop="patPhone" readonly>
        <el-input v-model="formData.patPhone" placeholder="请输入患者电话" />
      </el-form-item>
      <el-form-item label="身份证号" prop="patIdentityId">
        <el-input v-model="formData.patIdentityId" placeholder="请输入身份证号" />
-->
      <el-form-item label="身份证号" prop="patIdentityId" >
        <el-input v-model="formData.patIdentityId" placeholder="请输入身份证号" readonly />
      </el-form-item>
    </div>
    <div class="form-row">
<!--
      <el-form-item label="病区代码" prop="patWardCode" readonly>
        <el-input v-model="formData.patWardCode" placeholder="请输入病区代码" />
      </el-form-item>
-->
      <el-form-item label="病区名称" prop="patWardDesc" >
        <el-input v-model="formData.patWardDesc" placeholder="请输入病区名称" readonly />
      </el-form-item>
      <el-form-item label="床号" prop="patBedNo" >
        <el-input v-model="formData.patBedNo" placeholder="请输入床号" readonly />
      </el-form-item>
    </div>
    <div class="form-row">
      <!--
            <el-form-item label="科室代码" prop="patDeptCode" readonly>
              <el-input v-model="formData.patDeptCode" placeholder="请输入科室代码" />
            </el-form-item>
      -->
      <el-form-item label="科室名称" prop="patDeptDesc" >
        <el-input v-model="formData.patDeptDesc" placeholder="请输入科室名称" readonly/>
      </el-form-item>
      <el-form-item label="患者地址" prop="patAddr">
        <el-input v-model="formData.patAddr" placeholder="请输入患者地址" />
      </el-form-item>
      <el-form-item label="患者所在科室代码" prop="patDeptCode">
        <el-input v-model="formData.patDeptCode" placeholder="请输入患者所在科室代码" />
      </el-form-item>
    </div>
    <div class="form-row">
      <el-form-item label="患者所在科室名称" prop="patDeptDesc">
        <el-input v-model="formData.patDeptDesc" placeholder="请输入患者所在科室名称" />
      </el-form-item>
      <el-form-item label="患者所在病区代码" prop="patWardCode">
        <el-input v-model="formData.patWardCode" placeholder="请输入患者所在病区代码" />
      </el-form-item>
    </div>
    <div class="form-row">
      <el-form-item label="患者所在病区名称" prop="patWardDesc">
        <el-input v-model="formData.patWardDesc" placeholder="请输入患者所在病区名称" />
      </el-form-item>
      <el-form-item label="床号" prop="patBedNo">
        <el-input v-model="formData.patBedNo" placeholder="请输入床号" />
        <el-input v-model="formData.patAddr" placeholder="请输入患者地址" readonly/>
      </el-form-item>
    </div>
  </el-form>
@@ -111,23 +87,24 @@
<script setup lang="ts">
import {DICT_TYPE, getIntDictOptions} from '@/utils/dict'
import { AppointmentApi, AppointmentVO } from '@/api/ecg/appointment'
import {useCheckTypeStore} from "@/store/modules/checkType";
import CheckItemPanel from "@/views/ecg/appointment/CheckItemPanel.vue";

/** 预约确认 表单 */
defineOptions({ name: 'AppointmentConfirm' })

const message = useMessage() // 消息弹窗
const checkTypeStore = useCheckTypeStore();

const loading = ref(true) // 列表的加载中
const list = ref<AppointmentVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
    pageNo: 1,
    pageSize: 10,
    patId: undefined
    patId: ''
})

const appointmentVOList = ref<AppointmentVO[]>([])

const formData = ref<AppointmentVO>({
  id: 0,
  applyNo: "",
  patSrc: 0,
  patId: "",
  patName: "",
  patGender: 1, // 1 男 2 女
@@ -144,49 +121,41 @@
  bookId: "",
  bookTime: new Date(),
  bookDate: new Date(),
  bookTimeslot: 9000930,
  bookCheckType: 10
  bookTimeslot: 9301030,
  bookCheckType: checkTypeStore.getCheckTypeName(100),
  paid: 0,
})
const formRef = ref() // 表单 Ref

const searchBookInfo = async () => {
  resetForm()
  total.value = 0
  list.value = []

  await getList()
  if (total.value === 1) {
    formData.value = list.value[0]
  if (null === queryParams.patId || "" === queryParams.patId)
    return

  const data = await AppointmentApi.queryAndCreateAppointmentByPatId(queryParams.patId) // 对应数据库中 pat_id
  console.info( data )
  appointmentVOList.value = data
  if (null !== data && data.length > 0) {
    formData.value = data[0]
    console.info( formData.value )
    return
  }
  message.notify("请先预约!")
}

/** 查询列表 */
const getList = async () => {
    loading.value = true
    try {
        const data = await AppointmentApi.getAppointmentPage(queryParams)
        list.value = data.list
        total.value = data.total
    } finally {
        loading.value = false
    }
}

const _confirmAppointment = async () => {
    const data = await AppointmentApi.confirmAppointment(formData.value)
    ElNotification({
      title: '温馨提示',
      message: data,
      type: 'warning'
    })
  ElNotification({
    title: '温馨提示',
    message: "请先预约",
    type: 'warning'
  })
}

/** 重置表单 */
const resetForm = () => {
  appointmentVOList.value.length=0;
  formData.value = {
    id: 0,
    applyNo: "",
    patSrc: 0,
    patId: "",
    patName: "",
    patGender: 1, // 1 男 2 女
@@ -203,11 +172,20 @@
    bookId: "",
    bookTime: new Date(),
    bookDate: new Date(),
    bookTimeslot: 9000930,
    bookCheckType: 10
    bookTimeslot: 9301030,
    bookCheckType: checkTypeStore.getCheckTypeName(100),
    paid: 0,
    bookSeqNum: 0
  }
  formRef.value?.resetFields()
}

/** 初始化 **/
onMounted(() => {
  resetForm()
})


</script>

<style lang="scss" scoped>
@@ -220,4 +198,9 @@
.two-column-form .form-row .el-form-item {
  width: 48%;
}

.el-form-item {
  margin-bottom: 5px;
}

</style>