dev
This commit is contained in:
parent
fef85d7395
commit
27599a5047
|
|
@ -1,5 +1,3 @@
|
|||
|
||||
|
||||
<template>
|
||||
<Mask :is-show="show" :height="600" :width="400" @close="close" title="手动对账">
|
||||
<div class="form">
|
||||
|
|
@ -67,41 +65,25 @@ 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: "公务员生育" }
|
||||
]
|
||||
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]);
|
||||
|
|
|
|||
|
|
@ -1,9 +1,67 @@
|
|||
<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">
|
||||
|
|
@ -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">
|
||||
|
|
@ -47,6 +106,23 @@ const pageSize = ref(20);
|
|||
const pageNum = ref(1);
|
||||
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;
|
||||
|
|
@ -61,20 +137,22 @@ 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) => {
|
||||
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>
|
||||
Loading…
Reference in New Issue