clinic-v2
/
web
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dev

This commit is contained in:
ChenQiuYu 2025-05-19 16:59:29 +08:00
parent fef85d7395
commit 27599a5047
2 changed files with 203 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

204
src/components/social/reconciliation/ArtificialReconciliation.vue
View File

@ -1,64 +1,62 @@
<template>
<Mask :is-show="show" :height="600" :width="400" @close="close" title="手动对账">
<Mask :is-show="show" :height="600" :width="400" @close="close" title="手动对账">
<div class="form">
<el-form :model="formData" label-width="130" :rules="rules" ref="formRef">
<el-form-item label="对账日期" prop="date">
<el-date-picker
v-model="selectDate"
type="daterange"
@change="changeDate"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="height: 100%"
/>
</el-form-item>
<el-form-item label="清算类别" prop="reconciliationType">
<el-select v-model="formData.reconciliationType" placeholder="请选择">
<el-option
v-for="item in clrTypeOptions"
:key="item.key"
:label="item.value"
:value="item.key"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="险种类型" prop="insuranceType">
<el-select v-model="formData.insuranceType" placeholder="请选择">
<el-option
v-for="item in insutypesOptions"
:key="item.key"
:label="item.value"
:value="item.key"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="经办机构" prop="handlingInstitution">
<el-input v-model="formData.handlingInstitution"></el-input>
</el-form-item>
<el-form-item label="医疗费用总额" prop="totalMedicalCost">
<el-input v-model.number="formData.totalMedicalCost" type="number"></el-input>
</el-form-item>
<el-form-item label="基金支付总额" prop="totalFundPayment">
<el-input v-model.number="formData.totalFundPayment" type="number"></el-input>
</el-form-item>
<el-form-item label="个账支付总额" prop="totalPersonalAccountPayment">
<el-input v-model.number="formData.totalPersonalAccountPayment" type="number"></el-input>
</el-form-item>
<el-form-item label="结算笔数" prop="settlementCount">
<el-input v-model.number="formData.settlementCount" type="number"></el-input>
</el-form-item>
<el-form-item >
<el-button type="primary" @click="submitForm">对账</el-button>
<el-button @click="close">取消</el-button>
</el-form-item>
</el-form>
<el-form :model="formData" label-width="130" :rules="rules" ref="formRef">
<el-form-item label="对账日期" prop="date">
<el-date-picker
v-model="selectDate"
type="daterange"
@change="changeDate"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="height: 100%"
/>
</el-form-item>
<el-form-item label="清算类别" prop="reconciliationType">
<el-select v-model="formData.reconciliationType" placeholder="请选择">
<el-option
v-for="item in clrTypeOptions"
:key="item.key"
:label="item.value"
:value="item.key"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="险种类型" prop="insuranceType">
<el-select v-model="formData.insuranceType" placeholder="请选择">
<el-option
v-for="item in insutypesOptions"
:key="item.key"
:label="item.value"
:value="item.key"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="经办机构" prop="handlingInstitution">
<el-input v-model="formData.handlingInstitution"></el-input>
</el-form-item>
<el-form-item label="医疗费用总额" prop="totalMedicalCost">
<el-input v-model.number="formData.totalMedicalCost" type="number"></el-input>
</el-form-item>
<el-form-item label="基金支付总额" prop="totalFundPayment">
<el-input v-model.number="formData.totalFundPayment" type="number"></el-input>
</el-form-item>
<el-form-item label="个账支付总额" prop="totalPersonalAccountPayment">
<el-input v-model.number="formData.totalPersonalAccountPayment" type="number"></el-input>
</el-form-item>
<el-form-item label="结算笔数" prop="settlementCount">
<el-input v-model.number="formData.settlementCount" type="number"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm">对账</el-button>
<el-button @click="close">取消</el-button>
</el-form-item>
</el-form>
</div>
</Mask>
</Mask>
</template>
<script setup lang="ts">
@ -67,43 +65,27 @@ import {reactive, ref} from "vue";
import {post} from "@/utils/request.ts";
import {ElMessage} from "element-plus";
import {formatDateArray, getEndOfDay} from "@/utils/dateUtils.ts";
const clrTypeOptions = [
{key: "99959", value: "医疗费用清算"},
{key: "41", value: "药店购药"},
{key: "99952", value: "异地医疗费用清算"},
{key: "9914", value: "签约服务费"},
{key: "99939", value: "门诊统筹清算"}
]
const insutypesOptions = [
{ key: "310", value: "职工基本医疗保险" },
{ key: "31003", value: "医疗保险个人账户（用人单位）" },
{ key: "312", value: "农民工住院医疗" },
{ key: "320", value: "公务员医疗补助" },
{ key: "321", value: "公务员医疗补助（市直统发）" },
{ key: "323", value: "公务员医疗补助（市直非统发）" },
{ key: "330", value: "大额医疗费用补助" },
{ key: "331", value: "二次补助" },
{ key: "340", value: "离休人员医疗保障" },
{ key: "350", value: "一至六级残废军人医疗补助" },
{ key: "360", value: "老红军医疗保障" },
{ key: "370", value: "企业补充医疗保险" },
{ key: "380", value: "新型农村合作医疗" },
{ key: "390", value: "城乡居民基本医疗保险" },
{ key: "391", value: "城镇居民基本医疗保险" },
{ key: "392", value: "城乡居民大病医疗保险" },
{ key: "399", value: "其他特殊人员医疗保障" },
{ key: "39901", value: "劳模医疗保障" },
{ key: "39902", value: "补充百分之10医疗" },
{ key: "39903", value: "城乡居民补充医疗保险" },
{ key: "39904", value: "建国前老工人医疗保险" },
{ key: "39905", value: "二乙医疗保险" },
{ key: "39906", value: "意外伤害医疗保险" },
{ key: "410", value: "长期照护保险" },
{ key: "510", value: "生育保险" },
{ key: "520", value: "公务员生育" }
]
const init = (data:any) => {
formData.value= data;
import clrType from "@/assets/config/directory/clrType.json"
import insutypes from "@/assets/config/directory/insutypes.json"
interface ClrType {
[key: string]: string;
}
const clrTypeOptions = Object.entries(clrType as ClrType).map(([key, value]) => ({
key: key,
value: value
}))
interface Insutypes {
[key: string]: string;
}
const insutypesOptions = Object.entries(insutypes as Insutypes).map(([key, value]) => ({
key: key,
value: value
}))
const init = (data: any) => {
formData.value = data;
selectDate.value = formatDateArray([data.beginTime, data.endTime]);
show.value = true;
};
@ -121,7 +103,7 @@ const changeDate = (val: any) => {
const selectDate = ref<any>([])
const submitForm = () => {
// 假设你给 el-form 设置了 ref="formRef"
formRef.value.validate((valid:any) => {
formRef.value.validate((valid: any) => {
if (valid) {
accountRecordDo()
} else {
@ -135,7 +117,7 @@ const accountRecordDo = () => {
let data = {...formData.value};
post("social/reconciliation/totalDo", {data: data}).then((res: any) => {
let msg = res.stmtinfo.stmt_rslt_dscr;
if (res.stmtinfo.stmt_rslt == 0){
if (res.stmtinfo.stmt_rslt == 0) {
msg = "对平"
}
ElMessage.success({
@ -144,36 +126,36 @@ const accountRecordDo = () => {
});
})
}
const formRef =ref();
const formRef = ref();
const rules = reactive({
// 对账日期（date）需要手动校验，因为 el-date-picker 不直接支持 prop 校验
date: [
{ validator: validateDate, trigger: 'change' }
{validator: validateDate, trigger: 'change'}
],
reconciliationType: [
{ required: true, message: '清算类别不能为空', trigger: 'change' }
{required: true, message: '清算类别不能为空', trigger: 'change'}
],
insuranceType: [
{ required: true, message: '险种类型不能为空', trigger: 'change' }
{required: true, message: '险种类型不能为空', trigger: 'change'}
],
handlingInstitution: [
{ required: true, message: '经办机构不能为空', trigger: 'blur' }
{required: true, message: '经办机构不能为空', trigger: 'blur'}
],
totalMedicalCost: [
{ required: true, message: '医疗费用总额不能为空', trigger: 'blur' },
{ type: 'number', message: '必须为数字', trigger: 'blur' }
{required: true, message: '医疗费用总额不能为空', trigger: 'blur'},
{type: 'number', message: '必须为数字', trigger: 'blur'}
],
totalFundPayment: [
{ required: true, message: '基金支付总额不能为空', trigger: 'blur' },
{ type: 'number', message: '必须为数字', trigger: 'blur' }
{required: true, message: '基金支付总额不能为空', trigger: 'blur'},
{type: 'number', message: '必须为数字', trigger: 'blur'}
],
totalPersonalAccountPayment: [
{ required: true, message: '个账支付总额不能为空', trigger: 'blur' },
{ type: 'number', message: '必须为数字', trigger: 'blur' }
{required: true, message: '个账支付总额不能为空', trigger: 'blur'},
{type: 'number', message: '必须为数字', trigger: 'blur'}
],
settlementCount: [
{ required: true, message: '结算笔数不能为空', trigger: 'blur' },
{ type: 'number', message: '必须为数字', trigger: 'blur' }
{required: true, message: '结算笔数不能为空', trigger: 'blur'},
{type: 'number', message: '必须为数字', trigger: 'blur'}
]
});
@ -187,7 +169,7 @@ function validateDate(rule: any, value: any, callback: any) {
</script>
<style scoped lang="scss">
.form{
.form {
padding: 20px;
}

126
src/views/social/reconciliationRecord.vue
View File

@ -1,18 +1,76 @@
<template>
<div class="container-wrapper">
<!-- <div class="search">-->
<!-- <el-form :inline="true" >-->
<!-- </el-form>-->
<!-- </div>-->
<div class="search">
<div class="left">
<el-form :inline="true" :model="searchModel">
<!-- <el-form-item>-->
<!-- <el-date-picker-->
<!-- v-model="selectedDate"-->
<!-- type="daterange"-->
<!-- range-separator="-"-->
<!-- @change="handleDateChange"-->
<!-- start-placeholder="开始时间"-->
<!-- end-placeholder="结束时间"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item>
<el-select
v-model="searchModel.reconciliationType"
placeholder="清算类别"
>
<el-option
v-for="item in clrTypeOptions"
:key="item"
:label="item.value"
:value="item.key"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select
v-model="searchModel.insuranceType"
placeholder="险种类型"
>
<el-option
v-for="item in insutypesOptions"
:key="item"
:label="item.value"
:value="item.key"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-input
v-model="searchModel.handlingInstitution"
placeholder="经办机构"
style="width: 200px"
>
</el-input>
</el-form-item>
</el-form>
</div>
<div class="right">
<div class="default-btn" @click="resetSearch">
<span class="iconfont icon-RectangleCopy1"></span>
重置
</div>
<div class="default-btn" @click="getList" style="margin-left: 24px">
<span class="iconfont icon-RectangleCopy"></span>
搜索
</div>
</div>
</div>
<el-table :data="list" style="width: 100%;flex: 1;min-height: 0">
<el-table-column label="清算类别" prop="reconciliationType">
<template #default="scope">
{{getKey(clrType, scope.row.reconciliationType)}}
<template #default="scope">
{{ getKey(clrType, scope.row.reconciliationType) }}
</template>
</el-table-column>
<el-table-column label="险种类型" prop="insuranceType">
<template #default="scope">
{{getKey(insutypes, scope.row.insuranceType)}}
<template #default="scope">
{{ getKey(insutypes, scope.row.insuranceType) }}
</template>
</el-table-column>
<el-table-column label="经办机构" prop="handlingInstitution"></el-table-column>
@ -32,7 +90,8 @@
</el-table-column>
<el-table-column label="详细信息" prop="resultDesc" width="200" show-overflow-tooltip></el-table-column>
</el-table>
<el-pagination background layout="prev, pager, next" v-model:current-page="pageNum" v-model:page-size="pageSize" @change="changePageNumHandler" :total="total"/>
<el-pagination background layout="prev, pager, next" v-model:current-page="pageNum" v-model:page-size="pageSize"
@change="changePageNumHandler" :total="total"/>
</div>
</template>
<script setup lang="ts">
@ -45,8 +104,25 @@ import {getKey} from "@/utils/discrotyUtil.ts";
const pageSize = ref(20);
const pageNum = ref(1);
const total = ref(0);
const total = ref(0);
interface ClrType {
[key: string]: string;
}
const clrTypeOptions = Object.entries(clrType as ClrType).map(([key, value]) => ({
key: key,
value: value
}))
interface Insutypes {
[key: string]: string;
}
const insutypesOptions = Object.entries(insutypes as Insutypes).map(([key, value]) => ({
key: key,
value: value
}))
interface queryParams {
pageNum: number;
pageSize: number;
@ -57,24 +133,26 @@ interface queryParams {
handlingInstitution?: string;
}
const changePageNumHandler = (pageNum: number) => {
const changePageNumHandler = (pageNum: number) => {
getList()
};
interface TypeMapping {
[key: number]: string;
}
const list = ref<any>();
const getList = () => {
const query: queryParams = {
pageNum: pageNum.value,
pageSize: pageSize.value,
...searchModel.value
}
post("social/reconciliation/pageHistory",{query:query}).then(
(res:any) => {
post("social/reconciliation/pageHistory", {query: query}).then(
(res: any) => {
list.value = res.list;
total.value = res.total_count;
}
)
}
@ -83,9 +161,16 @@ onMounted(() => {
getList()
})
// 搜索
const searchModel = ref<any>({});
const resetSearch= () => {
searchModel.value = {}
getList()
}
</script>
<style scoped lang="scss">
.container-wrapper {
width: 100%;
height: 100%;
padding: 24px;
border-radius: 8px;
@ -93,8 +178,17 @@ onMounted(() => {
flex-direction: column;
.search {
height: 42px;
margin-bottom: 24px;
width: 100%;
display: flex;
justify-content: space-between;
}
}
:deep(.el-select__wrapper){
width: 150px;
height: 42px;
}
:deep(.el-input__wrapper){
width: 150px;
height: 42px;
}
</style>