|
@@ -0,0 +1,803 @@
|
|
|
+<template>
|
|
|
+ <div class="p-2">
|
|
|
+ <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
|
|
+ <div v-show="showSearch" class="mb-[10px]">
|
|
|
+ <el-card shadow="hover">
|
|
|
+ <el-form ref="queryFormRef" :model="queryParams" :inline="true" :label-width="85">
|
|
|
+ <el-form-item label="开方时间" prop="orderTime">
|
|
|
+ <el-date-picker v-model="queryParams.dateRange" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="收费类型" prop="chargeType">
|
|
|
+ <el-select v-model="queryParams.chargeType">
|
|
|
+ <el-option v-for="dict in fee_type" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="患者科室" prop="doorId">
|
|
|
+ <el-tree-select v-model="queryParams.doorId" :data="treeData" :props="treeProps" placeholder="请选择" check-strictly node-key="id" @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="看诊类型:">
|
|
|
+ <el-select v-model="queryParams.visitType">
|
|
|
+ <el-option v-for="dict in treatment_user_type" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-input v-model="queryParams.searchValue" placeholder="医生姓名/门诊号/住院号" style="width: 240px; " clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+
|
|
|
+ <el-card shadow="never">
|
|
|
+ <template #header>
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button type="primary" plain @click="handleAdd" v-hasPermi="['system:settlement:add']">批量收费</el-button>
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <el-table v-loading="loading" border :data="settlementList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <el-table-column label="主键ID" align="center" prop="id" v-if="false" />
|
|
|
+ <el-table-column label="开单时间" align="center" prop="orderTime" width="180">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.orderTime, '{y}-{m}-{d}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="看诊类型" align="center" prop="visitType">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ getDictLabel(treatment_user_type, scope.row.visitType) || '--' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="收费类型" align="center" prop="chargeType">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ getDictLabel(fee_type, scope.row.chargeType) || '--' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="患者姓名" align="center" prop="patientName" />
|
|
|
+ <el-table-column label="患者科室" align="center" prop="patientDepartment" />
|
|
|
+ <el-table-column label="门诊/住院号" align="center" prop="patientNo" />
|
|
|
+ <el-table-column label="联系电话" align="center" prop="phone" />
|
|
|
+ <el-table-column label="身份证号" align="center" prop="idCard" />
|
|
|
+ <el-table-column label="应收金额" align="center" prop="receivableAmount" />
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-tooltip content="详情" placement="top">
|
|
|
+ <el-button link type="primary" @click="handleDetail(scope.row)" v-hasPermi="['system:settlement:edit']">详情</el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="收费" placement="top">
|
|
|
+ <el-button link type="primary" @click="handleCharge(scope.row)" v-hasPermi="['system:settlement:edit']">收费</el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="打印" placement="top">
|
|
|
+ <el-button link type="primary" @click="handleDelete(scope.row)" v-hasPermi="['system:settlement:edit']">打印</el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
|
|
+ </el-card>
|
|
|
+ <!-- 添加或修改结算管理对话框 -->
|
|
|
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="65%" append-to-body>
|
|
|
+ <!-- 患者信息 -->
|
|
|
+ <div class="patient-info">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">开方日期:</span>
|
|
|
+ <span class="value">{{ parseTime(form.orderTime, '{y}-{m}-{d}') || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">患者姓名:</span>
|
|
|
+ <span class="value">{{ rowData.patientName || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">身份证号:</span>
|
|
|
+ <span class="value">{{ rowData.idCard || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">门诊/住院号:</span>
|
|
|
+ <span class="value">{{ rowData.patientNo || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">看诊类型:</span>
|
|
|
+ <span class="value">{{ getDictLabel(treatment_user_type, rowData.visitType) || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">联系电话:</span>
|
|
|
+ <span class="value">{{ rowData.phone || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">诊疗卡号:</span>
|
|
|
+ <span class="value">{{ rowData.treatNum || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">病区:</span>
|
|
|
+ <span class="value">{{ rowData.wardName || '--' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">患者科室:</span>
|
|
|
+ <span class="value">{{ rowData.patientDepartment || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">处方Id:</span>
|
|
|
+ <span class="value">{{ rowData.id || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 处方明细表格 -->
|
|
|
+ <!-- 处方表格 -->
|
|
|
+ <div class="prescription-table-wrapper">
|
|
|
+ <!-- 处方数据表格 -->
|
|
|
+ <table v-if="recipeDetailData.length > 0" class="prescription-table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>组号</th>
|
|
|
+ <th>产品名称</th>
|
|
|
+ <th>规格</th>
|
|
|
+ <th>销售价格(元)</th>
|
|
|
+ <th>用量/次</th>
|
|
|
+ <th>频次</th>
|
|
|
+ <th>使用天数</th>
|
|
|
+ <th>首日</th>
|
|
|
+ <th>用量/总</th>
|
|
|
+ <th>应收金额(元)</th>
|
|
|
+ <th>操作人</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="(product, index) in recipeDetailData" :key="index">
|
|
|
+ <td>{{ Number(product.groupNo) + 1 || '--' }}</td>
|
|
|
+ <td>{{ product.nutritionProduct || '--' }}</td>
|
|
|
+ <td>{{ product.specification || '--' }}</td>
|
|
|
+ <td>{{ product.salePrice || '--' }}</td>
|
|
|
+ <td>{{ product.dosePerTime || '--' }}</td>
|
|
|
+ <td>{{ product.frequency || '--' }}</td>
|
|
|
+ <td>{{ product.usageDays || '--' }}</td>
|
|
|
+ <td>{{ product.firstDay || '--' }}</td>
|
|
|
+ <td>{{ product.totalDose || '--' }}</td>
|
|
|
+ <td>{{ product.amount || '--' }}</td>
|
|
|
+ <td>{{ product.createByUser || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <!-- 筛查数据表格 -->
|
|
|
+ <table v-if="screeningData.length > 0" class="prescription-table" style="margin-top: 10px;">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>项目名称</th>
|
|
|
+ <th>销售单位</th>
|
|
|
+ <th>销售价格</th>
|
|
|
+ <th>数量</th>
|
|
|
+ <th>应收金额(元)</th>
|
|
|
+ <th>操作人</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="(item, index) in screeningData" :key="index">
|
|
|
+ <td>{{ getDictLabel(fee_type,rowData.chargeType) || '--' }}</td>
|
|
|
+ <td>次</td>
|
|
|
+ <td>{{ rowData.receivableAmount || '--' }}</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>{{ rowData.receivableAmount || '--' }}</td>
|
|
|
+ <td>{{ item.createByName || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <!-- 评估数据表格 -->
|
|
|
+ <table v-if="evaluationData.length > 0" class="prescription-table" style="margin-top: 10px;">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>项目名称</th>
|
|
|
+ <th>销售单位</th>
|
|
|
+ <th>销售价格</th>
|
|
|
+ <th>数量</th>
|
|
|
+ <th>应收金额(元)</th>
|
|
|
+ <th>操作人</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="(item, index) in evaluationData" :key="index">
|
|
|
+ <td>{{ getDictLabel(fee_type,rowData.chargeType) || '--' }}</td>
|
|
|
+ <td>次</td>
|
|
|
+ <td>{{ rowData.receivableAmount || '--' }}</td>
|
|
|
+ <td>1</td>
|
|
|
+ <td>{{ rowData.receivableAmount || '--' }}</td>
|
|
|
+ <td>{{ item.createByName || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <!-- 无数据提示 -->
|
|
|
+ <div v-if="recipeDetailData.length === 0 && screeningData.length === 0 && evaluationData.length === 0" style="text-align: center; color: #909399; padding: 40px 0;">
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 金额统计 -->
|
|
|
+ <div style="margin-top:10px;margin-bottom:130px">
|
|
|
+ <el-row>
|
|
|
+ <el-col style="text-align: right;">
|
|
|
+ <span>(营养配置费:<span>¥{{ prescriptionFee||'0' }}</span>)</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col style="text-align: right;">
|
|
|
+ <span>合计金额:<span style="color: #f56c6c;">¥{{rowData.receivableAmount}}</span></span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button :loading="buttonLoading" type="primary" @click="handleMoney">现金收费</el-button>
|
|
|
+ <el-button :loading="buttonLoading" type="success" @click="handleUnionPay">银联支付</el-button>
|
|
|
+ <el-button :loading="buttonLoading" type="success" @click="handleQRCode">二维码支付</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 现金收费dialog -->
|
|
|
+ <el-dialog :title="moneyDialog.title" v-model="moneyDialog.visible" width="30%" append-to-body>
|
|
|
+ <el-form ref="chrageRecordFormRef" :model="rowData" :rules="rules" label-width="80px">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="7">
|
|
|
+ <div class="info-item">
|
|
|
+ <span>姓名:</span>
|
|
|
+ <span>{{ rowData.patientName || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">联系电话:</span>
|
|
|
+ <span class="value">{{ rowData.phone || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="label">身份证号:</span>
|
|
|
+ <span class="value">{{ rowData.idCard || '' }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <div class="setting-group">
|
|
|
+ <label class="setting-label">
|
|
|
+ <span class="required">*</span>
|
|
|
+ 收费方式:
|
|
|
+ </label>
|
|
|
+ <el-radio-group v-model="currentChargeMode">
|
|
|
+ <el-radio v-for="dict in filteredChargeWay" :key="dict.value" :value="dict.value">
|
|
|
+ {{ dict.label }}
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div class="setting-group">
|
|
|
+ <label class="setting-label">
|
|
|
+ 应收金额(元):
|
|
|
+ </label>
|
|
|
+ <span class="amount-value">{{ rowData.receivableAmount || '0.00' }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="setting-group">
|
|
|
+ <label class="setting-label">
|
|
|
+ <span class="required">*</span>
|
|
|
+ 收到金额(元):
|
|
|
+ </label>
|
|
|
+ <el-input style="width:260px" v-model="fundsReceived" @change="changeFundsReceived" placeholder="请输入" />
|
|
|
+ </div>
|
|
|
+ <div class="setting-group">
|
|
|
+ <label class="setting-label">
|
|
|
+ 找零金额(元):
|
|
|
+ </label>
|
|
|
+ <span class="amount-value">{{ changeFund.toFixed(2) }}</span>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button v-if="showQRCodeButton" :loading="buttonLoading" type="primary">二维码支付</el-button>
|
|
|
+ <el-button :loading="buttonLoading" type="primary" @click="handleAddCharge">确认</el-button>
|
|
|
+ <el-button :loading="buttonLoading" @click="moneyDialogCancel">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup name="Settlement" lang="ts">
|
|
|
+ import { listSettlement, getSettlement, delSettlement, addSettlement, updateSettlement } from '@/api/patients/settlement';
|
|
|
+ import { SettlementVO, SettlementQuery, SettlementForm } from '@/api/patients/settlement/types';
|
|
|
+ import { addRecord } from '@/api/settlement/chargeRecord';
|
|
|
+ import { ChrageRecordVO, ChrageRecordQuery, ChrageRecordForm } from '@/api/settlement/chargeRecord/types';
|
|
|
+ import { listDept } from '@/api/system/dept'; // 部门列表
|
|
|
+ import { listSet } from '@/api/parameter/chargeSet';
|
|
|
+ import { ChargeSetVO } from '@/api/parameter/chargeSet/types';
|
|
|
+ import { computed } from 'vue';
|
|
|
+
|
|
|
+ const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
+ const { treatment_user_type, check_status, recipe_type, fee_type, charge_way } = toRefs < any > (proxy ?.useDict('treatment_user_type', 'check_status', 'recipe_type', 'fee_type', 'charge_way'));
|
|
|
+ import { useChargeSetStore } from '@/store/modules/chargeSet';
|
|
|
+ const useStore = useChargeSetStore();
|
|
|
+ const settlementList = ref < SettlementVO[] > ([]);
|
|
|
+ const buttonLoading = ref(false);
|
|
|
+ const loading = ref(true);
|
|
|
+ const showSearch = ref(true);
|
|
|
+ const ids = ref < Array < string | number >> ([]);
|
|
|
+ const single = ref(true);
|
|
|
+ const multiple = ref(true);
|
|
|
+ const total = ref(0);
|
|
|
+ const fundsReceived = ref(0); //定义收到金额
|
|
|
+ const changeFund = ref(0); //定义收到金额
|
|
|
+ const treeData = ref([]); // 定义 treeData
|
|
|
+ const rowData = ref < SettlementVO > ({})
|
|
|
+ const currentChargeMode = ref('1'); // 当前选择的收费方式,默认为现金收费
|
|
|
+
|
|
|
+ const queryFormRef = ref < ElFormInstance > ();
|
|
|
+ const chargeSetInfo = computed(() => useStore.chargeSetInfo as ChargeSetVO || {} as ChargeSetVO);
|
|
|
+ const settlementFormRef = ref < ElFormInstance > ();
|
|
|
+ const chrageRecordFormRef = ref < ElFormInstance > ();
|
|
|
+ const prescriptionFee = ref(0)
|
|
|
+ // 处方明细数据
|
|
|
+ const recipeDetailData = ref([]);
|
|
|
+ const evaluationData = ref([]);
|
|
|
+ const screeningData = ref([]);
|
|
|
+ const dialog = reactive < DialogOption > ({
|
|
|
+ visible: false,
|
|
|
+ title: ''
|
|
|
+ });
|
|
|
+ // 现金收费
|
|
|
+ const moneyDialog = reactive < DialogOption > ({
|
|
|
+ visible: false,
|
|
|
+ title: ''
|
|
|
+ });
|
|
|
+
|
|
|
+ const initFormData: SettlementForm = {
|
|
|
+ id: undefined,
|
|
|
+ orderTime: undefined,
|
|
|
+ visitType: undefined,
|
|
|
+ chargeType: undefined,
|
|
|
+ patientId: undefined,
|
|
|
+ patientName: undefined,
|
|
|
+ patientDepartment: undefined,
|
|
|
+ patientNo: undefined,
|
|
|
+ phone: undefined,
|
|
|
+ idCard: undefined,
|
|
|
+ receivableAmount: undefined,
|
|
|
+ paymentStatus: undefined,
|
|
|
+ paymentMethod: undefined,
|
|
|
+ status: undefined,
|
|
|
+
|
|
|
+ }
|
|
|
+ const data = reactive < PageData < SettlementForm,
|
|
|
+ SettlementQuery >> ({
|
|
|
+ form: { ...initFormData },
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ checkStatus: undefined,
|
|
|
+ orderTime: undefined,
|
|
|
+ doorId: undefined,
|
|
|
+ visitType: undefined,
|
|
|
+ chargeType: undefined,
|
|
|
+ dateRange: [],
|
|
|
+ searchValue: undefined,
|
|
|
+ params: {}
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ id: [
|
|
|
+ { required: true, message: "主键ID不能为空", trigger: "blur" }
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ const { queryParams, form, rules } = toRefs(data);
|
|
|
+ const treeProps = ref({
|
|
|
+ value: 'deptId', // 对应部门的 deptId
|
|
|
+ label: 'deptName', // 对应部门的 deptName
|
|
|
+ children: 'children' // 保持原有的父子结构
|
|
|
+ });
|
|
|
+
|
|
|
+ // 过滤收费方式选项
|
|
|
+ const filteredChargeWay = computed(() => {
|
|
|
+ if (!charge_way.value) return [];
|
|
|
+
|
|
|
+ return charge_way.value.filter(dict => {
|
|
|
+ // 银联支付(值为2)始终显示
|
|
|
+ if (dict.value === '2') {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ // 现金收费(值为1)只有在 chargeSetInfo.moneyCharge = 1 时才显示
|
|
|
+ if (dict.value === '1') {
|
|
|
+ return chargeSetInfo.value ?.moneyCharge === 1 || chargeSetInfo.value ?.moneyCharge === '1';
|
|
|
+ }
|
|
|
+ // 其他选项不显示
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // 是否显示二维码支付按钮 - 只有选择银联支付(值为2)时才显示
|
|
|
+ const showQRCodeButton = computed(() => currentChargeMode.value === '2');
|
|
|
+ /** 查询结算管理列表 */
|
|
|
+ const getList = async () => {
|
|
|
+ loading.value = true;
|
|
|
+ const res = await listSettlement(queryParams.value);
|
|
|
+ settlementList.value = res.rows;
|
|
|
+ // 获取部门数据
|
|
|
+ const deptMap = new Map();
|
|
|
+ treeData.value.forEach(dept => {
|
|
|
+ deptMap.set(dept.deptId, dept.deptName);
|
|
|
+ if (dept.children) {
|
|
|
+ dept.children.forEach(child => {
|
|
|
+ deptMap.set(child.deptId, child.deptName);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ getSetList()
|
|
|
+ total.value = res.total;
|
|
|
+ loading.value = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 字典label工具
|
|
|
+ function getDictLabel(dictList: any[], value: string) {
|
|
|
+ if (!dictList || !Array.isArray(dictList)) return value || '--';
|
|
|
+ const found = dictList.find((item) => item.value === value);
|
|
|
+ return found ? found.label : value || '--';
|
|
|
+ }
|
|
|
+
|
|
|
+ const getDeptList = async () => {
|
|
|
+ loading.value = true;
|
|
|
+ try {
|
|
|
+ const res = await listDept({ pageNum: 1, pageSize: 999 });
|
|
|
+ if (!res.data) {
|
|
|
+ console.warn("部门数据为空");
|
|
|
+ treeData.value = [];
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 处理树形数据
|
|
|
+ const processedData = proxy ?.handleTree(res.data, 'deptId');
|
|
|
+ if (!processedData) {
|
|
|
+ console.warn("树形数据处理失败");
|
|
|
+ treeData.value = [];
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ treeData.value = processedData;
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error('获取部门列表失败:', error);
|
|
|
+ treeData.value = [];
|
|
|
+ } finally {
|
|
|
+ loading.value = false;
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ /** 取消按钮 */
|
|
|
+ const cancel = () => {
|
|
|
+ reset();
|
|
|
+ dialog.visible = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 表单重置 */
|
|
|
+ const reset = () => {
|
|
|
+ form.value = { ...initFormData };
|
|
|
+ settlementFormRef.value ?.resetFields();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ const handleQuery = () => {
|
|
|
+ queryParams.value.pageNum = 1;
|
|
|
+ getList();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ const resetQuery = () => {
|
|
|
+ queryFormRef.value ?.resetFields();
|
|
|
+ queryParams.value.dateRange = undefined;
|
|
|
+ queryParams.value.searchValue = undefined;
|
|
|
+ queryParams.value.visitType = undefined;
|
|
|
+ queryParams.value.chargeType = undefined;
|
|
|
+ queryParams.value.doorId = undefined;
|
|
|
+ handleQuery();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 多选框选中数据 */
|
|
|
+ const handleSelectionChange = (selection: SettlementVO[]) => {
|
|
|
+ ids.value = selection.map(item => item.id);
|
|
|
+ single.value = selection.length != 1;
|
|
|
+ multiple.value = !selection.length;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ const handleAdd = () => {
|
|
|
+ reset();
|
|
|
+ dialog.visible = true;
|
|
|
+ dialog.title = "";
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 收费详情 */
|
|
|
+ const handleDetail = async (row ? : SettlementVO) => {
|
|
|
+ reset();
|
|
|
+ rowData.value = row || {} as SettlementVO;
|
|
|
+
|
|
|
+ const _id = row ?.id || ids.value[0]
|
|
|
+ const res = await getSettlement(_id);
|
|
|
+ recipeDetailData.value = res.data.enteralNutritionList
|
|
|
+ evaluationData.value = res.data.nutritionEvaluationList
|
|
|
+ screeningData.value = res.data.nutritionScreeningList
|
|
|
+ prescriptionFee.value = res.data.prescriptionFee
|
|
|
+ Object.assign(form.value, res.data);
|
|
|
+ dialog.visible = true;
|
|
|
+ dialog.title = "收费详情";
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 收费 */
|
|
|
+ const handleCharge = async (row ? : SettlementVO) => {
|
|
|
+ rowData.value = row || {} as SettlementVO;
|
|
|
+ // 设置默认收费方式为现金收费(值为1),如果现金收费可选的话
|
|
|
+ const availableOptions = filteredChargeWay.value;
|
|
|
+ const cashOption = availableOptions.find(option => option.value === '1');
|
|
|
+ if (cashOption) {
|
|
|
+ currentChargeMode.value = '1';
|
|
|
+ } else if (availableOptions.length > 0) {
|
|
|
+ // 如果没有现金收费选项,默认选择第一个可用选项
|
|
|
+ currentChargeMode.value = availableOptions[0].value;
|
|
|
+ }
|
|
|
+
|
|
|
+ moneyDialog.visible = true;
|
|
|
+ moneyDialog.title = "收费"
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 现金收费 */
|
|
|
+ const handleMoney = async (row ? : SettlementVO) => {
|
|
|
+ moneyDialog.visible = true;
|
|
|
+ moneyDialog.title = "收费"
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 银联支付 */
|
|
|
+ const handleUnionPay = async (row ? : SettlementVO) => {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 二维码支付 */
|
|
|
+ const handleQRCode = async (row ? : SettlementVO) => {
|
|
|
+
|
|
|
+ }
|
|
|
+ const moneyDialogCancel = () => {
|
|
|
+ moneyDialog.visible = false
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 收到金额变化处理 */
|
|
|
+ const changeFundsReceived = () => {
|
|
|
+ const received = parseFloat(String(fundsReceived.value)) || 0;
|
|
|
+ const receivable = parseFloat(String(rowData.value.receivableAmount)) || 0;
|
|
|
+ const change = received - receivable;
|
|
|
+ changeFund.value = change < 0 ? 0 : change;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 确认收费 - 添加金额验证 */
|
|
|
+ const handleAddCharge = () => {
|
|
|
+ const received = parseFloat(String(fundsReceived.value)) || 0;
|
|
|
+ const receivable = parseFloat(String(rowData.value.receivableAmount)) || 0;
|
|
|
+
|
|
|
+ if (received < receivable) {
|
|
|
+ proxy ?.$modal.msgWarning('收到金额小于应收金额,请重新核对!');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ rowData.value.paymentMethod = currentChargeMode.value
|
|
|
+ rowData.value.settlementId = rowData.value.id
|
|
|
+ rowData.value.fundsReceived = rowData.value.receivableAmount
|
|
|
+ // 这里可以添加确认收费的逻辑
|
|
|
+ chrageRecordFormRef.value ?.validate(async (valid: boolean) => {
|
|
|
+ if (valid) {
|
|
|
+ await addRecord(rowData.value).finally();
|
|
|
+ proxy ?.$modal.msgSuccess('收费成功');
|
|
|
+ moneyDialog.visible = false;
|
|
|
+ await getList();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 提交按钮 */
|
|
|
+ const submitForm = () => {
|
|
|
+ settlementFormRef.value ?.validate(async (valid: boolean) => {
|
|
|
+ if (valid) {
|
|
|
+ buttonLoading.value = true;
|
|
|
+ if (form.value.id) {
|
|
|
+ await updateSettlement(form.value).finally(() => buttonLoading.value = false);
|
|
|
+ } else {
|
|
|
+ await addSettlement(form.value).finally(() => buttonLoading.value = false);
|
|
|
+ }
|
|
|
+ proxy ?.$modal.msgSuccess("操作成功");
|
|
|
+ dialog.visible = false;
|
|
|
+ await getList();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ const handleDelete = async (row ? : SettlementVO) => {
|
|
|
+ const _ids = row ?.id || ids.value;
|
|
|
+ await proxy ?.$modal.confirm('是否确认删除结算管理编号为"' + _ids + '"的数据项?').finally(() => loading.value = false);
|
|
|
+ await delSettlement(_ids);
|
|
|
+ proxy ?.$modal.msgSuccess("删除成功");
|
|
|
+ await getList();
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ const getSetList = async () => {
|
|
|
+ loading.value = true;
|
|
|
+ const res = await listSet(queryParams.value);
|
|
|
+ if (res.rows.length > 0) {
|
|
|
+ useStore.setChargeInfo(res.rows[0]);
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ const handleExport = () => {
|
|
|
+ proxy ?.download('system/settlement/export', {
|
|
|
+ ...queryParams.value
|
|
|
+ }, `settlement_${new Date().getTime()}.xlsx`)
|
|
|
+ }
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ getList();
|
|
|
+ getDeptList()
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .patient-info {
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ padding: 16px;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info-item {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info-item .label {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #606266;
|
|
|
+ min-width: 100px;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info-item .value {
|
|
|
+ color: #303133;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .recipe-detail {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialog-footer {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialog-footer .el-button {
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .prescription-table-wrapper {
|
|
|
+ overflow-x: auto;
|
|
|
+
|
|
|
+ .prescription-table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ background: white;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+ th,
|
|
|
+ td {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ padding: 10px 12px;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ min-width: 90px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ th {
|
|
|
+ background: #e8f4fd !important;
|
|
|
+ color: #303133 !important;
|
|
|
+ font-weight: 600 !important;
|
|
|
+ font-size: 14px !important;
|
|
|
+ height: 40px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ td {
|
|
|
+ color: #303133;
|
|
|
+ font-size: 14px;
|
|
|
+ height: 36px;
|
|
|
+
|
|
|
+ &:first-child {
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 斑马纹
|
|
|
+ tbody tr:nth-child(even) {
|
|
|
+ background: #fafbfc;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 悬停效果
|
|
|
+ tbody tr:hover {
|
|
|
+ background: #f0f9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .setting-group {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .setting-label {
|
|
|
+ width: 180px;
|
|
|
+ color: #606266;
|
|
|
+ font-size: 14px;
|
|
|
+ flex-shrink: 0;
|
|
|
+ text-align: right;
|
|
|
+
|
|
|
+ .required {
|
|
|
+ color: #f56c6c;
|
|
|
+ margin-right: 4px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .amount-value {
|
|
|
+ color: #303133;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 500;
|
|
|
+ min-width: 80px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|