|
|
@ -2,7 +2,7 @@ |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<el-tabs v-model="curTab"> |
|
|
|
<el-tabs v-model="curTab"> |
|
|
|
<el-tab-pane :label="id ? '产品要素' : '新增产品'" name="tab1"> |
|
|
|
<el-tab-pane :label="id ? '产品要素' : '新增产品'" name="tab1"> |
|
|
|
<el-form label-width="100px" label-suffix=":" class="max-w-[calc(100vw-540px)] overflow-auto form" status-icon> |
|
|
|
<el-form label-width="100px" label-suffix=":" class="max-w-[calc(100vw-540px)] lg:max-w-[calc(100vw-423px)] overflow-auto form" status-icon> |
|
|
|
<el-form-item label="基金名称" prop="fundName"> |
|
|
|
<el-form-item label="基金名称" prop="fundName"> |
|
|
|
<el-input placeholder="取个有吸引力的产品名,限20字。" maxlength="20" v-model="form.fundName"></el-input> |
|
|
|
<el-input placeholder="取个有吸引力的产品名,限20字。" maxlength="20" v-model="form.fundName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
@ -74,8 +74,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex items-center"> |
|
|
|
<div class="flex items-center"> |
|
|
|
客户T时卖出,T+ |
|
|
|
客户T时卖出,T+ |
|
|
|
<el-input class="w-[100px] mx-2" placeholder="请输入" v-model="form.sellingTime"></el-input> |
|
|
|
<el-input class="w-[90px] mx-2" placeholder="请输入" v-model="form.sellingTime"></el-input> |
|
|
|
<el-select class="w-[100px] mr-2" v-model="form.soldUnit" placeholder="请选择"> |
|
|
|
<el-select class="w-[90px] mr-2" v-model="form.soldUnit" placeholder="请选择"> |
|
|
|
<el-option v-for="item in config[5]?.recordChildren[0]?.recordChildren[1]?.subject?.itemList" :key="item" :value="item.options" /> |
|
|
|
<el-option v-for="item in config[5]?.recordChildren[0]?.recordChildren[1]?.subject?.itemList" :key="item" :value="item.options" /> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
确认赎回金额期间,资金进入冻结账户。 |
|
|
|
确认赎回金额期间,资金进入冻结账户。 |
|
|
@ -85,7 +85,7 @@ |
|
|
|
<p class="mt-10 mb-2 text-xs text-[#ef3838]">买入费率(单笔费率应小于5.00%,5000元)</p> |
|
|
|
<p class="mt-10 mb-2 text-xs text-[#ef3838]">买入费率(单笔费率应小于5.00%,5000元)</p> |
|
|
|
<div class="flex"> |
|
|
|
<div class="flex"> |
|
|
|
<p class="field-name w-[400px] mr-32">金额</p> |
|
|
|
<p class="field-name w-[400px] mr-32">金额</p> |
|
|
|
<p class="field-name w-[100px] mr-32">费率</p> |
|
|
|
<p class="field-name w-[90px] mr-32 xl:mr-10">费率</p> |
|
|
|
<div class="field-name"> |
|
|
|
<div class="field-name"> |
|
|
|
<el-icon class="cursor-pointer" :size="16" color="#333" @click="addRatio(0)"> |
|
|
|
<el-icon class="cursor-pointer" :size="16" color="#333" @click="addRatio(0)"> |
|
|
|
<Plus /> |
|
|
|
<Plus /> |
|
|
@ -93,20 +93,20 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-for="(item, i) in form.buySellRatioList0" :key="i" class="flex items-center mb-2"> |
|
|
|
<div v-for="(item, i) in form.buySellRatioList0" :key="i" class="flex items-center mb-2"> |
|
|
|
<div class="w-[400px] mr-10"> |
|
|
|
<div class="w-[390px] mr-10"> |
|
|
|
<el-input v-if="i" class="w-[100px] mr-2" placeholder="请输入" disabled v-model="form.buySellRatioList0[i - 1].input2"></el-input> |
|
|
|
<el-input v-if="i" class="w-[90px] mr-2" placeholder="请输入" disabled v-model="form.buySellRatioList0[i - 1].input2"></el-input> |
|
|
|
<el-input v-else class="w-[100px] mr-2" placeholder="请输入" disabled v-model="item.input1"></el-input> |
|
|
|
<el-input v-else class="w-[90px] mr-2" placeholder="请输入" disabled v-model="item.input1"></el-input> |
|
|
|
{{ i ? '万' : ' ' }} |
|
|
|
{{ i ? '万' : ' ' }} |
|
|
|
<span class="mx-2"> <= 买入金额</span> |
|
|
|
<span class="mx-2"> <= 买入金额</span> |
|
|
|
<template v-if="i !== form.buySellRatioList0.length - 1"> |
|
|
|
<template v-if="i !== form.buySellRatioList0.length - 1"> |
|
|
|
< |
|
|
|
< |
|
|
|
<el-input class="w-[100px] mx-2" placeholder="请输入" v-model="item.input2"></el-input> |
|
|
|
<el-input class="w-[90px] mx-2" placeholder="请输入" v-model="item.input2"></el-input> |
|
|
|
万 |
|
|
|
万 |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="mr-32"> |
|
|
|
<div class="mr-32 xl:mr-10"> |
|
|
|
<el-input class="w-[100px] mr-2" placeholder="请输入" v-model="item.rate"></el-input> |
|
|
|
<el-input class="w-[90px] mr-2" placeholder="请输入" v-model="item.rate"></el-input> |
|
|
|
<el-select class="w-[90px]" v-model="item.rateUnit" placeholder="请选择"> |
|
|
|
<el-select class="w-[90px]" v-model="item.rateUnit" placeholder="请选择"> |
|
|
|
<el-option v-for="item in units" :key="item" :value="item" /> |
|
|
|
<el-option v-for="item in units" :key="item" :value="item" /> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
@ -149,8 +149,8 @@ |
|
|
|
<!-- 赎回费率 --> |
|
|
|
<!-- 赎回费率 --> |
|
|
|
<p class="mt-10 mb-2 text-xs text-[#ef3838]">赎回费率(单笔费率应小于5.00%,5000元)</p> |
|
|
|
<p class="mt-10 mb-2 text-xs text-[#ef3838]">赎回费率(单笔费率应小于5.00%,5000元)</p> |
|
|
|
<div class="flex"> |
|
|
|
<div class="flex"> |
|
|
|
<p class="field-name w-[600px] mr-32">持有时长</p> |
|
|
|
<p class="field-name w-[600px] mr-32 xl:w-[540px] xl:mr-20">持有时长</p> |
|
|
|
<p class="field-name w-[100px] mr-32">费率</p> |
|
|
|
<p class="field-name w-[90px] mr-20 xl:mr-10">费率</p> |
|
|
|
<div class="field-name"> |
|
|
|
<div class="field-name"> |
|
|
|
<el-icon class="cursor-pointer" :size="16" color="#333" @click="addRatio(1)"> |
|
|
|
<el-icon class="cursor-pointer" :size="16" color="#333" @click="addRatio(1)"> |
|
|
|
<Plus /> |
|
|
|
<Plus /> |
|
|
@ -158,27 +158,27 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-for="(item, i) in form.buySellRatioList1" :key="i" class="flex items-center mb-2"> |
|
|
|
<div v-for="(item, i) in form.buySellRatioList1" :key="i" class="flex items-center mb-2"> |
|
|
|
<div class="w-[600px] mr-10"> |
|
|
|
<div class="w-[590px] mr-10 xl:w-[538px] xl:mr-0"> |
|
|
|
<el-input v-if="i" class="w-[100px] mr-2" placeholder="请输入" disabled v-model="form.buySellRatioList1[i - 1].input2"></el-input> |
|
|
|
<el-input v-if="i" class="w-[90px] mr-2" placeholder="请输入" disabled v-model="form.buySellRatioList1[i - 1].input2"></el-input> |
|
|
|
<el-input v-else class="w-[100px] mr-[108px]" placeholder="请输入" disabled v-model="item.input1"></el-input> |
|
|
|
<el-input v-else class="w-[90px] mr-[98px]" placeholder="请输入" disabled v-model="item.input1"></el-input> |
|
|
|
|
|
|
|
|
|
|
|
<el-select v-if="i" class="w-[100px]" v-model="form.buySellRatioList1[i - 1].soldUnit2" placeholder="请选择" disabled> |
|
|
|
<el-select v-if="i" class="w-[90px]" v-model="form.buySellRatioList1[i - 1].soldUnit2" placeholder="请选择" disabled> |
|
|
|
<el-option v-for="item in times" :key="item" :value="item" /> |
|
|
|
<el-option v-for="item in times" :key="item" :value="item" /> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
|
|
|
<span class="mx-2"> <= 持有时长</span> |
|
|
|
<span class="mx-2"> <= 持有时长</span> |
|
|
|
<template v-if="i !== form.buySellRatioList1.length - 1"> |
|
|
|
<template v-if="i !== form.buySellRatioList1.length - 1"> |
|
|
|
< |
|
|
|
< |
|
|
|
<el-input class="w-[100px] mx-2" placeholder="请输入" v-model="item.input2"></el-input> |
|
|
|
<el-input class="w-[90px] mx-2" placeholder="请输入" v-model="item.input2"></el-input> |
|
|
|
|
|
|
|
|
|
|
|
<el-select class="w-[100px]" v-model="item.soldUnit2" placeholder="请选择"> |
|
|
|
<el-select class="w-[90px]" v-model="item.soldUnit2" placeholder="请选择"> |
|
|
|
<el-option v-for="item in times" :key="item" :value="item" /> |
|
|
|
<el-option v-for="item in times" :key="item" :value="item" /> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="mr-32"> |
|
|
|
<div class="min-w-[190px] mr-20 xl:mr-6"> |
|
|
|
<el-input class="w-[100px] mr-2" placeholder="请输入" v-model="item.rate"></el-input> |
|
|
|
<el-input class="w-[90px] mr-2" placeholder="请输入" v-model="item.rate"></el-input> |
|
|
|
<el-select class="w-[90px]" v-model="item.rateUnit" placeholder="请选择"> |
|
|
|
<el-select class="w-[90px]" v-model="item.rateUnit" placeholder="请选择"> |
|
|
|
<el-option v-for="item in units" :key="item" :value="item" /> |
|
|
|
<el-option v-for="item in units" :key="item" :value="item" /> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|