parent
a9d1f93311
commit
06a6fae1a8
13 changed files with 314 additions and 216 deletions
|
After Width: | Height: | Size: 2.5 KiB |
@ -0,0 +1,140 @@ |
|||||||
|
<template> |
||||||
|
<div class="max-h-[calc(100vh-280px)] overflow-auto"> |
||||||
|
<el-form ref="formRef" |
||||||
|
label-width="100px" |
||||||
|
label-suffix="：" |
||||||
|
class="form" |
||||||
|
status-icon> |
||||||
|
<h6 class="title">单个银行账户</h6> |
||||||
|
<el-form-item label="收益计算"> |
||||||
|
<div> |
||||||
|
<p class="text leading-[32px] ">收入 = 收回的本金 + 利息</p> |
||||||
|
<p class="text leading-[32px] ">成本 = 贷出去未收回的本金 + 购买渠道金额</p> |
||||||
|
<p class="text leading-[32px] ">收益 = 收入 - 成本</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="银行资产"> |
||||||
|
<div class="flex-1"> |
||||||
|
<div class="flex items-center"> |
||||||
|
<span class="text">起始金额</span> |
||||||
|
<el-input class="w-[140px] mx-2" |
||||||
|
v-model="form[0].startingAmount"></el-input> |
||||||
|
<span class="text">万元</span> |
||||||
|
</div> |
||||||
|
<p class="text mt-4">银行账户金额 = 起始金额 + 累计收益</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<h6 class="title">单个保险账户</h6> |
||||||
|
<el-form-item label="收益计算"> |
||||||
|
<div> |
||||||
|
<p class="text leading-[32px] ">收入 = 收到的保费</p> |
||||||
|
<p class="text leading-[32px] ">成本 = 赔偿金 + 购买渠道金额</p> |
||||||
|
<p class="text leading-[32px] ">收益 = 收入 - 成本</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="保险资产"> |
||||||
|
<div class="flex-1"> |
||||||
|
<div class="flex items-center"> |
||||||
|
<span class="text">起始金额</span> |
||||||
|
<el-input class="w-[140px] mx-2" |
||||||
|
v-model="form[1].startingAmount"></el-input> |
||||||
|
<span class="text">万元</span> |
||||||
|
</div> |
||||||
|
<p class="text mt-4">保险账户金额 = 起始金额 + 累计收益</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<h6 class="title">单个基金账户</h6> |
||||||
|
<el-form-item label="冻结账户"> |
||||||
|
<div> |
||||||
|
<p class="text leading-[32px] ">冻结账户金额 = 申购金额 + 赎回金额</p> |
||||||
|
<p class="text leading-[32px] ">（基金申购以及赎回确认份额期间）</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="收益计算"> |
||||||
|
<div> |
||||||
|
<p class="text leading-[32px] ">收入 = 申购费用 + 管理费用 + 托管费用 + 销售服务费用 + 赎回费用</p> |
||||||
|
<p class="text leading-[32px] ">成本 = 购买渠道金额</p> |
||||||
|
<p class="text leading-[32px] ">收益 = 申购费用 + 管理费用 + 托管费用 + 销售服务费用 + 赎回费用</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="基金资产："> |
||||||
|
<div class="flex-1"> |
||||||
|
<div class="flex items-center"> |
||||||
|
<span class="text">起始金额：</span> |
||||||
|
<el-input class="w-[140px] mx-2" |
||||||
|
v-model="form[2].startingAmount"></el-input> |
||||||
|
<span class="text">万元</span> |
||||||
|
</div> |
||||||
|
<p class="text mt-4">基金账户金额 = 所有基金资产净值+起始金额 + 累计收益 - 购买渠道金额</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="flex justify-end"> |
||||||
|
<div class="submit" |
||||||
|
@click="submit">保存修改</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref, onMounted } from 'vue'; |
||||||
|
import { ElMessage } from 'element-plus'; |
||||||
|
import { financialMarketFind, financialMarketSave } from '@/api/config'; |
||||||
|
|
||||||
|
const form = ref<Record<string, any>[]>([ |
||||||
|
{ |
||||||
|
accountTypeId: 1, |
||||||
|
distinguish: 2, |
||||||
|
startingAmount: '', |
||||||
|
}, |
||||||
|
{ |
||||||
|
accountTypeId: 2, |
||||||
|
distinguish: 2, |
||||||
|
startingAmount: '', |
||||||
|
}, |
||||||
|
{ |
||||||
|
accountTypeId: 3, |
||||||
|
distinguish: 2, |
||||||
|
startingAmount: '', |
||||||
|
}, |
||||||
|
]); |
||||||
|
|
||||||
|
const getInfo = async () => { |
||||||
|
const { data } = await financialMarketFind(); |
||||||
|
// res1.list.map((e) => { |
||||||
|
// e.startingAmount = ''; |
||||||
|
// }); |
||||||
|
if (data.length) form.value = data; |
||||||
|
}; |
||||||
|
|
||||||
|
const submit = async () => { |
||||||
|
if (form.value[0].startingAmount === '' || isNaN(form.value[0].startingAmount)) return ElMessage.error('请输入合理的银行起始金额'); |
||||||
|
if (form.value[1].startingAmount === '' || isNaN(form.value[1].startingAmount)) return ElMessage.error('请输入合理的保险起始金额'); |
||||||
|
if (form.value[2].startingAmount === '' || isNaN(form.value[2].startingAmount)) return ElMessage.error('请输入合理的基金起始金额'); |
||||||
|
|
||||||
|
await financialMarketSave({ moneyAllocationList: form.value }); |
||||||
|
ElMessage.success('保存成功！'); |
||||||
|
getInfo(); |
||||||
|
}; |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
getInfo(); |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url(../../styles/form.scss); |
||||||
|
.title { |
||||||
|
@apply flex items-center mb-5 text-base text-[#222D42] font-semibold; |
||||||
|
&:before { |
||||||
|
content: ''; |
||||||
|
@apply w-1 h-4 mr-2 bg-[#006BFF] rounded-sm; |
||||||
|
} |
||||||
|
} |
||||||
|
.text { |
||||||
|
@apply whitespace-nowrap text-sm text-[#333]; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue