This commit is contained in:
ChenQiuYu 2025-05-20 09:41:39 +08:00
parent 9865256c11
commit b1ead13073
5 changed files with 138 additions and 129 deletions

View File

@ -48,8 +48,8 @@
</div> </div>
<template #footer> <template #footer>
<div class="bottom"> <div class="bottom">
<el-button type="primary" @click="save">确定</el-button> <span class="default-btn" @click="save">确定</span>
<el-button @click="close">取消</el-button> <span class="default-btn" @click="close" style="margin-left: 24px">取消</span>
</div> </div>
</template> </template>
</Mask> </Mask>

View File

@ -1,61 +1,68 @@
<template> <template>
<Mask :is-show="show" :height="600" :width="400" @close="close" title="手动对账"> <Mask :is-show="show" :height="600" :width="400" @close="close" title="手动对账" :show-footer="true">
<div class="form"> <template #default>
<el-form :model="formData" label-width="130" :rules="rules" ref="formRef"> <div class="form">
<el-form-item label="对账日期" prop="date"> <el-form :model="formData" label-width="130" :rules="rules" ref="formRef">
<el-date-picker <el-form-item label="对账日期" prop="date">
v-model="selectDate" <el-date-picker
type="daterange" v-model="selectDate"
@change="changeDate" type="daterange"
range-separator="-" @change="changeDate"
start-placeholder="开始日期" range-separator="-"
end-placeholder="结束日期" start-placeholder="开始日期"
style="height: 100%" end-placeholder="结束日期"
/> style="height: 100%"
</el-form-item> />
<el-form-item label="清算类别" prop="reconciliationType"> </el-form-item>
<el-select v-model="formData.reconciliationType" placeholder="请选择"> <el-form-item label="清算类别" prop="reconciliationType">
<el-option <el-select v-model="formData.reconciliationType" placeholder="请选择">
v-for="item in clrTypeOptions" <el-option
:key="item.key" v-for="item in clrTypeOptions"
:label="item.value" :key="item.key"
:value="item.key" :label="item.value"
> :value="item.key"
</el-option> >
</el-select> </el-option>
</el-form-item> </el-select>
<el-form-item label="险种类型" prop="insuranceType"> </el-form-item>
<el-select v-model="formData.insuranceType" placeholder="请选择"> <el-form-item label="险种类型" prop="insuranceType">
<el-option <el-select v-model="formData.insuranceType" placeholder="请选择">
v-for="item in insutypesOptions" <el-option
:key="item.key" v-for="item in insutypesOptions"
:label="item.value" :key="item.key"
:value="item.key" :label="item.value"
> :value="item.key"
</el-option> >
</el-select> </el-option>
</el-form-item> </el-select>
<el-form-item label="经办机构" prop="handlingInstitution"> </el-form-item>
<el-input v-model="formData.handlingInstitution"></el-input> <el-form-item label="经办机构" prop="handlingInstitution">
</el-form-item> <el-input v-model="formData.handlingInstitution"></el-input>
<el-form-item label="医疗费用总额" prop="totalMedicalCost"> </el-form-item>
<el-input v-model.number="formData.totalMedicalCost" type="number"></el-input> <el-form-item label="医疗费用总额" prop="totalMedicalCost">
</el-form-item> <el-input v-model.number="formData.totalMedicalCost" type="number"></el-input>
<el-form-item label="基金支付总额" prop="totalFundPayment"> </el-form-item>
<el-input v-model.number="formData.totalFundPayment" type="number"></el-input> <el-form-item label="基金支付总额" prop="totalFundPayment">
</el-form-item> <el-input v-model.number="formData.totalFundPayment" type="number"></el-input>
<el-form-item label="个账支付总额" prop="totalPersonalAccountPayment"> </el-form-item>
<el-input v-model.number="formData.totalPersonalAccountPayment" type="number"></el-input> <el-form-item label="个账支付总额" prop="totalPersonalAccountPayment">
</el-form-item> <el-input v-model.number="formData.totalPersonalAccountPayment" type="number"></el-input>
<el-form-item label="结算笔数" prop="settlementCount"> </el-form-item>
<el-input v-model.number="formData.settlementCount" type="number"></el-input> <el-form-item label="结算笔数" prop="settlementCount">
</el-form-item> <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-form-item>
<el-button @click="close">取消</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</template>
<template #footer>
<div class="footer">
<span class="default-btn" @click="submitForm">对账</span>
<span class="default-btn" @click="close" style="margin-left: 24px">取消</span>
</div>
</template>
</Mask> </Mask>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -76,6 +83,7 @@ const clrTypeOptions = Object.entries(clrType as ClrType).map(([key, value]) =>
key: key, key: key,
value: value value: value
})) }))
interface Insutypes { interface Insutypes {
[key: string]: string; [key: string]: string;
} }
@ -173,4 +181,11 @@ function validateDate(rule: any, value: any, callback: any) {
padding: 20px; padding: 20px;
} }
.footer {
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 24px;
}
</style> </style>

View File

@ -1,7 +1,7 @@
<template> <template>
<Mask :is-show="show" :height="600" :width="1300" @close="close"> <Mask :is-show="show" :height="600" :width="1300" @close="close" title="对账详情">
<div class="container-wrapper"> <div class="container-wrapper">
<div class="table"> <div class="table">
<el-table :data="detailList" max-height="500px" highlight-current-row> <el-table :data="detailList" max-height="500px" highlight-current-row>

View File

@ -4,7 +4,7 @@
</script> </script>
<template> <template>
<input type="date"> <input type="date">
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">

View File

@ -1,71 +1,48 @@
<template> <template>
<div class="container-wrapper"> <div class="container-wrapper">
<Panel title="基础信息"> <Panel title="基础信息">
<div class="form"> <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="auto"
<el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="auto" class="demo-ruleForm" status-icon label-position="top">
class="demo-ruleForm" status-icon label-position="top"> <div class="form">
<el-descriptions <div class="left">
direction="vertical" <el-form-item prop="common_name" label="机构名称">
:column="3" <el-input v-model="ruleForm.common_name"/>
:label-width="100" </el-form-item>
:label-position="'top'" <el-form-item prop="social_certUrl" label="电子凭证接口">
:border="false" <el-input v-model="ruleForm.social_certUrl"/>
style="width: 100%" </el-form-item>
> <el-form-item prop="social_cainfo" label="数字签名">
<el-descriptions-item label="机构名称"> <el-input v-model="ruleForm.social_cainfo"/>
<el-form-item prop="common_name"> </el-form-item>
<el-input v-model="ruleForm.common_name"/> <el-form-item prop="social_fixmedinsName" label="定点机构名称">
</el-form-item> <el-input v-model="ruleForm.social_fixmedinsName"/>
</el-descriptions-item> </el-form-item>
<el-descriptions-item label="机构简称"> </div>
<el-form-item> <div class="center">
<el-input v-model="ruleForm.common_sortName" style="margin: 0 24px"/> <el-form-item prop="social_insuplcAdmdvs" label="机构简称">
</el-form-item> <el-input v-model="ruleForm.common_sortName"/>
</el-descriptions-item> </el-form-item>
<el-descriptions-item label="定点机构编码"> <el-form-item prop="social_mdtrtareaAdmvs" label="就医区域划分">
<el-form-item prop="social_fixmedinsCode"> <el-input v-model="ruleForm.social_mdtrtareaAdmvs"/>
<el-input v-model="ruleForm.social_fixmedinsCode"/> </el-form-item>
</el-form-item> <el-form-item label="logo上传">
</el-descriptions-item> <UpLoad v-model="uploadURL" ref="uploadRef" @uploadSuccess="uploadSuccess"
<el-descriptions-item label="定点机构名称"> style="margin-left: 24px"></UpLoad>
<el-form-item prop="social_fixmedinsName"> </el-form-item>
<el-input v-model="ruleForm.social_fixmedinsName"/> </div>
</el-form-item> <div class="right">
</el-descriptions-item> <el-form-item prop="social_fixmedinsCode" label="定点机构编码">
<el-descriptions-item label="就医区域划分"> <el-input v-model="ruleForm.social_fixmedinsCode"/>
<el-form-item prop="social_mdtrtareaAdmvs"> </el-form-item>
<el-input v-model="ruleForm.social_mdtrtareaAdmvs" style="margin: 0 24px"/> <el-form-item prop="social_url" label="医保接口">
</el-form-item> <el-input v-model="ruleForm.social_url"/>
</el-descriptions-item> </el-form-item>
<el-descriptions-item label="医保接口"> </div>
<el-form-item prop="social_url"> </div>
<el-input v-model="ruleForm.social_url"/> <div style="display: flex;justify-content: flex-end;padding: 0 24px;height: 50px">
</el-form-item> <span class="default-btn" @click="submitForm(ruleFormRef)">保存</span>
</el-descriptions-item> </div>
<el-descriptions-item label="电子凭证接口"> </el-form>
<el-form-item prop="social_certUrl">
<el-input v-model="ruleForm.social_certUrl"/>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="数字签名">
<el-form-item prop="social_cainfo">
<el-input v-model="ruleForm.social_cainfo" style="margin:0 24px"/>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item
:rowspan="2"
label="logo上传">
<el-form-item>
<UpLoad v-model="uploadURL" ref="uploadRef" @uploadSuccess="uploadSuccess"
style="margin-left: 24px"></UpLoad>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</el-form>
</div>
<div style="display: flex;justify-content: flex-end;padding: 0 24px">
<span class="default-btn" @click="submitForm(ruleFormRef)">保存</span>
</div>
</Panel> </Panel>
</div> </div>
</template> </template>
@ -146,9 +123,26 @@ const uploadSuccess = (url: any) => {
background: #fff; background: #fff;
} }
.form { .demo-ruleForm {
width: 100%; height: 100%;
padding: 0 24px; min-height: 0;
display: flex;
flex-direction: column;
.form {
width: 100%;
padding: 0 24px;
display: flex;
div {
flex: 1;
min-width: 0;
}
.center {
margin: 0 24px;
}
}
} }
:deep(.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label) { :deep(.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label) {