web_dist/src/views/med-tec-mod/YiJiFeiYongLuRu.vue

<template>

  <div class="layout_h-w_max layout_display_flex_y">
    <div>
      <div>
        <el-tag effect="dark" size="small">住院号: {{ patient.inpatientNo }}</el-tag>
        <el-tag effect="dark" size="small" type="warning">患者姓名: {{ patient.name }}</el-tag>
        <el-tag effect="dark" size="small"> 床号: {{ patient.bedNo }}</el-tag>
        <el-tag effect="dark" size="small" type="warning">住院次数: {{ patient.admissTimes }}</el-tag>
        <el-tag effect="dark" size="small">性别: {{ cptSex(patient.sex) }}</el-tag>
        <el-tag effect="dark" size="small" type="warning">病房: {{ patient.wardName }}</el-tag>
        <el-tag effect="dark" size="small">入院日期: {{ patient.admissDate }}</el-tag>
        <el-tag effect="dark" size="small" type="warning">医保身份: {{ patient.responceTypeName }}</el-tag>
        <el-tag effect="dark" size="small">总费用: {{ patient.totalCharge }}</el-tag>
      </div>

      <div style="overflow: auto">
        <div style="width: max-content">
          住院号：
          <el-input style="width: 80px" v-model="queryTerm.inpatientNo"
                    @keyup.enter="getHuanZheXinXiClick"></el-input>
          <span v-show="queryTerm.zaiYuanChuYuan === 1">
            住院次数：<el-input-number :min="0"
                                      :precision="0"
                                      style="width: 60px"
                                      v-model="queryTerm.admissTimes"
                                      :controls="false">
              </el-input-number>
          </span>
          <el-divider direction="vertical"></el-divider>
          <el-switch active-color="#ff4949"
                     inactive-color="#13ce66"
                     active-text="出院"
                     inactive-text="在院"
                     :active-value="1"
                     :inactive-value="0"
                     v-model="queryTerm.zaiYuanChuYuan">
          </el-switch>
          <el-divider direction="vertical"></el-divider>
          项目名称：
          <el-select v-model="queryTerm.chargeCode"
                     style="width: 120px"
                     remote filterable
                     clearable
                     :remote-method="remoteMethodChargeCode">
            <el-option v-for="item in chargeCodeNameData" :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>
          录入日期：
          <el-date-picker
              type="daterange"
              v-model="queryTerm.dateRange"
              placeholder="选择日期"
              style="width: 200px"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :shortcuts="shortcuts"
          ></el-date-picker>
          <el-button
              @click="queryTerm.riQiPaiXu === 'DESC' ? (queryTerm.riQiPaiXu = 'ASC') : (queryTerm.riQiPaiXu = 'DESC')"
              type="success"
              :icon="queryTerm.riQiPaiXu === 'DESC' ? 'CaretBottom' : 'CaretTop'"
          >{{ queryTerm.riQiPaiXu === 'DESC' ? '降序' : '升序' }}
          </el-button>
          <el-select style="width: 70px" v-model="queryTerm.feiYongLeiXingCode">
            <el-option v-for="item in feiYongLeiXing" :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>
          <el-select v-model="queryTerm.orderNo" style="width: 70px" @change="queryHuanZheFeiYong">
            <el-option v-for="item in yiZhuTuiFeiLeiXing" :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>
          <el-select v-model="queryTerm.tuiFeiFlag" style="width: 70px" @change="queryHuanZheFeiYong">
            <el-option v-for="item in tuiFeiLeiXin" :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>

          <el-select v-model="queryTerm.dept" style="width: 100px">
            <el-option v-for="(value,key) in deptList"
                       :value="key" :label="value"/>
          </el-select>
          <el-button type="primary" @click="getHuanZheXinXiClick">查询</el-button>
          <el-button type="success" icon="RefreshRight" @click="rcvrcalcost">费用接收重算</el-button>
        </div>
      </div>
    </div>

    <div class="layout_flex_1-y">
      <el-tabs v-model="tabValue"
               class="el-tabs__fill">
        <el-tab-pane label="已录入费用" name="ylrfy">
          <huan-zhe-fei-yong
              :init="tableDataHuanZheFeiYong"
              :patient="patient"
              @queryFeiYong="getHuanZheXinXiClick"
              @size="handleSizeChange"
              @current="handleCurrentChange"
              @execl="exportExecl"/>
        </el-tab-pane>

        <el-tab-pane label="费用录入" name="fylr">
          <YiJiXiangMuLuRu
              :patient="patient"
              ref="xlmrRef"
              @the-upload-is-successful="theUploadIsSuccessful"
          />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import {getHuanZheXinXi} from '@/api/zhu-yuan-yi-ji/yi-ji-fei-yong-lu-ru'
import {cptSex} from '@/utils/computed'
import {getChargeCode} from '@/api/inpatient/xiang-mu-lu-ru'
import {getHuanZheFeiYong} from '@/api/inpatient/xiang-mu-lu-ru'
import HuanZheFeiYong from '@/components/med-tec-mod/HuanZheFeiYong.vue'
import YiJiXiangMuLuRu from '@/components/med-tec-mod/YiJiXiangMuLuRu.vue'
import {yiZhuTuiFeiLeiXing, feiYongLeiXing, tuiFeiLeiXin} from '@/data'
import {shortcuts} from '@/data/shortcuts'
import {getDateRangeFormatDate} from '@/utils/date'
import {ElMessage, ElMessageBox} from 'element-plus'
import {downloadExcel} from '@/utils/excel'
import {getServerDateApi} from "@/api/public-api";
import router from "@/router";
import {stringNotBlank} from "@/utils/blank-utils";
import {xcMessage} from "@/utils/xiaochan-element-plus";
import {receiveAndRecalculateCost} from "@/api/inpatient/patient";
import {useUserStore} from "@/pinia/user-store";
import {isDev} from "@/utils/public";

const userInfo = useUserStore().userInfo
const dangQianShiJian = new Date()
const deptList = userInfo.partTimeDeptMap

const xlmrRef = ref()
const queryTerm = ref({
  inpatientNo: '',
  admissTimes: 0,
  zaiYuanChuYuan: 0,
  dateRange: [dangQianShiJian, dangQianShiJian],
  riQiPaiXu: 'DESC',
  chargeCode: '',
  orderNo: 2,
  feiYongLeiXingCode: 0,
  dept: userInfo.deptCode === '3100000' ? '' : userInfo.deptCode,
  currentPage: 1,
  pageSize: 30,
  total: 0,
  tuiFeiFlag: 0,
})

const total = ref(0)
const tabValue = ref('ylrfy')
const patient = ref({
  feiYongLeiXingCode: 0
})
const tableDataHuanZheFeiYong = ref([])

const getHuanZheXinXiClick = () => {
  if (patient.value.inpatientNo === queryTerm.value.inpatientNo) {
    queryHuanZheFeiYong()
  } else {
    if (queryTerm.value.zaiYuanChuYuan === 0) {
      queryTerm.value.admissTimes = 0
    }
    getHuanZheXinXi(queryTerm.value.inpatientNo, queryTerm.value.zaiYuanChuYuan, queryTerm.value.admissTimes)
        .then((res) => {
          // 第一个参数病区， 第二个参数科室 ， 这里是需要反过来的
          xlmrRef.value.updateDeptAndWard(res.admissDept, res.zkWard)
          patient.value = res
          queryTerm.value.admissTimes = res.admissTimes
          queryHuanZheFeiYong()
        })
        .catch(() => {
          patient.value = {}
          tableDataHuanZheFeiYong.value = []
        })
  }
}

const queryHuanZheFeiYong = () => {
  if (tabValue.value !== 'ylrfy') return
  let dateRangeS = getDateRangeFormatDate(queryTerm.value.dateRange)
  queryTerm.value.startTime = dateRangeS.startTime
  queryTerm.value.endTime = dateRangeS.endTime
  queryTerm.value.currentPage = 1
  queryTerm.value.total = 0
  getHuanZheFeiYong(queryTerm.value)
      .then((res) => {
        total.value = res.total
        patient.value.total = total.value
        patient.value.feiYongLeiXingCode = queryTerm.value.feiYongLeiXingCode
        tableDataHuanZheFeiYong.value = res
      })
      .catch(() => {
        tableDataHuanZheFeiYong.value = []
      })
}

const handleHuanZheFeiYong = () => {
  if (tabValue.value !== 'ylrfy') return
  let dateRangeS = getDateRangeFormatDate(queryTerm.value.dateRange)
  queryTerm.value.startTime = dateRangeS.startTime
  queryTerm.value.endTime = dateRangeS.endTime
  queryTerm.value.total = total.value
  getHuanZheFeiYong(queryTerm.value)
      .then((res) => {
        res.total = total.value
        tableDataHuanZheFeiYong.value = res
      })
      .catch(() => {
        tableDataHuanZheFeiYong.value = []
      })
}

// 根据项目名称来查询
const chargeCodeNameData = ref([])

/**
 * 远程搜索
 */
const remoteMethodChargeCode = (val) => {
  if (val.length >= 2) {
    getChargeCode(val).then((res) => {
      chargeCodeNameData.value = res
    })
  }
}

// 分页
const handleSizeChange = (val) => {
  queryTerm.value.pageSize = val.val
  patient.value.pageSize = val.val
  queryHuanZheFeiYong()
}

const handleCurrentChange = (val) => {
  queryTerm.value.currentPage = val.val
  handleHuanZheFeiYong()
}

// 导出excel 表格
const exportExecl = () => {
  if (total.value > 0) {
    ElMessageBox.prompt('导出文件名字', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      inputPattern: /\S/,
      inputErrorMessage: '文件名不能为空 (∩•̀ω•́)⊃-*⋆',
    })
        .then(({value}) => {
          queryTerm.value.total = total.value
          const data = {
            param: queryTerm.value,
            url: '/xmlr/exportExcel',
            fileName: `${value}.xlsx`,
          }
          setTimeout(() => {
            downloadExcel(data)
          }, 500)
        })
        .catch((e) => {
        })
  } else {
    ElMessage.error('请先查询出数据')
  }
}

const theUploadIsSuccessful = async () => {
  tabValue.value = 'ylrfy'
  let now = await getServerDateApi()
  queryTerm.value.dateRange = [now, now]
  queryTerm.value.feiYongLeiXingCode = 0
  queryTerm.value.orderNo = 2
  queryTerm.value.tuiFeiFlag = 0
  queryHuanZheFeiYong()
}

function rcvrcalcost() {
  if (!patient.value.inpatientNo) {
    return xcMessage.error('请先查询出病人信息')
  }

  receiveAndRecalculateCost(patient.value).then(res => {
    getHuanZheXinXiClick()
  })

}

onMounted(() => {
  const temp = router.currentRoute.value.query.patNo
  if (stringNotBlank(temp)) {
    queryTerm.value.inpatientNo = temp
    getHuanZheXinXiClick()
  }
})

</script>

<style></style>