mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-20 13:06:45 +08:00
work
This commit is contained in:
lihaoda
59
src/api/ebiz/nbs/index.js
Normal file
59
src/api/ebiz/nbs/index.js
Normal file
@@ -0,0 +1,59 @@
|
||||
import request from '@/assets/js/utils/request'
|
||||
import getUrl from '@/assets/js/utils/get-url'
|
||||
|
||||
//事件列表
|
||||
export function getList(data) {
|
||||
return request({
|
||||
url: getUrl('/proposal/nbs/getProposalNbsList', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function saveForm(data) {
|
||||
return request({
|
||||
url: getUrl('/proposal/nbs/saveOrUpdateProposalNbs', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function delNbs(data) {
|
||||
return request({
|
||||
url: getUrl('/proposal/nbs/deleteProposalNbs', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function completeNbs(data) {
|
||||
return request({
|
||||
url: getUrl('/proposal/nbs/modifyProposalNbsState', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function nbsDetail(data) {
|
||||
return request({
|
||||
url: getUrl('/proposal/nbs/getProposalNbsDemo', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function nbsChart(data) {
|
||||
return request({
|
||||
url: getUrl('/proposal/nbs/getProposalNbsStatistics', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function nbsTable(data) {
|
||||
return request({
|
||||
url: getUrl('/proposal/nbs/getProposalNbsStatisticsDetail', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
BIN
src/assets/images/nbs/dot.png
Normal file
BIN
src/assets/images/nbs/dot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 675 B |
BIN
src/assets/images/nbs/empty.png
Normal file
BIN
src/assets/images/nbs/empty.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
src/assets/images/nbs/nav.png
Normal file
BIN
src/assets/images/nbs/nav.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
@@ -206,5 +206,18 @@ export default {
|
||||
isWeixin: ua.match(/MicroMessenger/i),
|
||||
isDC: ua.match(/guofulife/i) //app环境
|
||||
}
|
||||
},
|
||||
|
||||
deepCopy: function deepCopy(source) {
|
||||
let result
|
||||
if (Array.isArray(source)) {
|
||||
result = source.map(v => deepCopy(v))
|
||||
} else if (typeof source === 'object' && source !== null) {
|
||||
result = {}
|
||||
Object.keys(source).forEach(v => (result[v] = deepCopy(source[v])))
|
||||
} else {
|
||||
result = source
|
||||
}
|
||||
return result
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1308,9 +1308,21 @@ export default {
|
||||
{ id: 'EAM', text: '资深部经理' },
|
||||
{ id: 'AD', text: '营业总监' }
|
||||
],
|
||||
relationType: [{ id: '0', text: '配偶' }, { id: '1', text: '子女' }, { id: '2', text: '父母' }],
|
||||
guarantRelationType: [{ id: '0', text: '亲属' }, { id: '1', text: '朋友' }, { id: '2', text: '同事' }, { id: '3', text: '其他' }],
|
||||
classification: [{ id: '0', text: '司内' }, { id: '1', text: '司外' }],
|
||||
relationType: [
|
||||
{ id: '0', text: '配偶' },
|
||||
{ id: '1', text: '子女' },
|
||||
{ id: '2', text: '父母' }
|
||||
],
|
||||
guarantRelationType: [
|
||||
{ id: '0', text: '亲属' },
|
||||
{ id: '1', text: '朋友' },
|
||||
{ id: '2', text: '同事' },
|
||||
{ id: '3', text: '其他' }
|
||||
],
|
||||
classification: [
|
||||
{ id: '0', text: '司内' },
|
||||
{ id: '1', text: '司外' }
|
||||
],
|
||||
//入司国籍/地区
|
||||
rsnativeplace: [
|
||||
{ id: 'AGO', text: '安哥拉' },
|
||||
@@ -1555,12 +1567,7 @@ export default {
|
||||
{ id: 'TKM', text: '土库曼斯坦' },
|
||||
{ id: 'TMP', text: '东帝汶' }
|
||||
],
|
||||
agentGrade: [{ A101: '客户专员' },
|
||||
{ A102: '客户经理' },
|
||||
{ A201: '业务主任' },
|
||||
{ A202: '高级主任' },
|
||||
{ A301: '营业部经理' },
|
||||
{ A401: '业务总监' }],
|
||||
agentGrade: [{ A101: '客户专员' }, { A102: '客户经理' }, { A201: '业务主任' }, { A202: '高级主任' }, { A301: '营业部经理' }, { A401: '业务总监' }],
|
||||
//入司籍贯、户口所在地
|
||||
rsnativePlace: [
|
||||
{ id: '01', text: '北京市' },
|
||||
@@ -1607,5 +1614,35 @@ export default {
|
||||
{ id: '06', text: '医护' },
|
||||
{ id: '07', text: '保险外勤' },
|
||||
{ id: '08', text: '其它' }
|
||||
],
|
||||
//对象
|
||||
targetDictionary: [
|
||||
{ value: '本人', code: '00' },
|
||||
{ value: '配偶', code: '01' }
|
||||
],
|
||||
nbsRelation: [
|
||||
{ name: '配偶', value: '00' },
|
||||
{ name: '子女', value: '01' },
|
||||
{ name: '本人父亲', value: '02' },
|
||||
{ name: '本人母亲', value: '03' },
|
||||
{ name: '配偶父亲', value: '04' },
|
||||
{ name: '配偶母亲', value: '05' }
|
||||
],
|
||||
//顺位需求
|
||||
necessaryDictionary: [
|
||||
{ code: '01', value: '生活费用' },
|
||||
{ code: '02', value: '父母孝养金' },
|
||||
{ code: '03', value: '房贷房租费用' },
|
||||
{ code: '04', value: '最后费用' },
|
||||
{ code: '05', value: '教育费用' },
|
||||
{ code: '06', value: '医疗费用' },
|
||||
{ code: '07', value: '资产传承' },
|
||||
{ code: '08', value: '其他费用' }
|
||||
],
|
||||
//险种类型字典
|
||||
insuranceDictionary: [
|
||||
{ code: '01', value: '寿险' },
|
||||
{ code: '02', value: '重疾' },
|
||||
{ code: '03', value: '年金' }
|
||||
]
|
||||
}
|
||||
|
||||
@@ -57,6 +57,11 @@ service.interceptors.request.use(
|
||||
|
||||
config.headers['token'] = window.localStorage.getItem('token')
|
||||
// config.headers['token'] = ``
|
||||
let data = config.data
|
||||
data.userModel = {
|
||||
id: '222'
|
||||
}
|
||||
config.data = data
|
||||
return config
|
||||
},
|
||||
error => {
|
||||
|
||||
29
src/assets/sass/nbs.scss
Normal file
29
src/assets/sass/nbs.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
@mixin container {
|
||||
box-sizing: border-box;
|
||||
min-height: 100vh;
|
||||
padding-bottom: 50px;
|
||||
background: #fff;
|
||||
}
|
||||
.nbs-del,
|
||||
.nbs-add {
|
||||
height: 32px;
|
||||
width: 347px;
|
||||
margin: 10px auto 0 auto;
|
||||
line-height: 32px;
|
||||
}
|
||||
.nbs-del {
|
||||
border: 1px solid #f2f2f2;
|
||||
background-color: #f2f2f2;
|
||||
font-size: 20px;
|
||||
text-align: right;
|
||||
/deep/ i {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
}
|
||||
.nbs-add {
|
||||
border: 1px solid #e3e3e3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
@@ -29,6 +29,12 @@ export default {
|
||||
return new Date('2040-12-31')
|
||||
}
|
||||
},
|
||||
minDate: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return new Date('1900-01-01')
|
||||
}
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
@@ -77,8 +83,8 @@ export default {
|
||||
currentDate: beforeDate.getBeforeYear(30), //当前时间的30年前
|
||||
showDataPicker: false,
|
||||
data: '', //时间插件绑定的值
|
||||
date: '', //field显示的值
|
||||
minDate: new Date('1900-01-01') //因为VANT组件默认是十年前
|
||||
date: '' //field显示的值
|
||||
//minDate: new Date('1900-01-01') //因为VANT组件默认是十年前
|
||||
}
|
||||
},
|
||||
components: {
|
||||
|
||||
@@ -11,7 +11,7 @@ let apiDomain, imgDomain, assetsUrl, mainUrl, payUrl // 保融支付的收银台
|
||||
console.log('环境：', process.env.VUE_APP_FLAG)
|
||||
switch (process.env.VUE_APP_FLAG) {
|
||||
case 'dev':
|
||||
apiDomain = 'http://139.199.50.151:7000/api/v1' // 国富api
|
||||
apiDomain = 'http://192.168.10.58:7006' // 国富api ///api/v1
|
||||
imgDomain = 'http://211.159.248.123:7012/updown' // dev
|
||||
// 静态服务资源
|
||||
assetsUrl = 'http://139.199.50.151:8000/app/'
|
||||
|
||||
@@ -133,6 +133,11 @@ export default {
|
||||
// }
|
||||
|
||||
// return str
|
||||
|
||||
//摘自国富群：这个在报文转换的时候，核心返回“—”的时候，直接返回空。 @于维琦(于维琦) 前端如果保额为空，直接展示“—”@皮伟(皮伟) 你跟她碰一下怎么改
|
||||
if (moneyStr === null) {
|
||||
return '—'
|
||||
}
|
||||
let str = ''
|
||||
if (flag) {
|
||||
str = (moneyStr + '').replace(/\d{1,3}(?=(\d{3})+$)/g, '$&,')
|
||||
|
||||
@@ -9,5 +9,6 @@ import product from './product'
|
||||
import agentEenter from './agentEenter.js'
|
||||
import milestone from './milestone'
|
||||
import poster from './poster'
|
||||
import report from "./report"
|
||||
export default [...proposal, ...sale, ...customer, ...my, ...serve, ...common, ...product, ...agentEenter, ...milestone, ...poster, ...report] //根据需要进行删减
|
||||
import report from './report'
|
||||
import nbs from './nbs'
|
||||
export default [...proposal, ...sale, ...customer, ...my, ...serve, ...common, ...product, ...agentEenter, ...milestone, ...poster, ...report, ...nbs] //根据需要进行删减
|
||||
|
||||
92
src/router/ebiz/nbs.js
Normal file
92
src/router/ebiz/nbs.js
Normal file
@@ -0,0 +1,92 @@
|
||||
let nbsList = () => import('@/views/ebiz/nbs/List')
|
||||
let nbsNav = () => import('@/views/ebiz/nbs/Nav')
|
||||
let nbsChart = () => import('@/views/ebiz/nbs/Chart')
|
||||
let nbsResult = () => import('@/views/ebiz/nbs/Result')
|
||||
let nbsCrewList = () => import('@/views/ebiz/nbs/CrewList')
|
||||
let nbsBase = () => import('@/views/ebiz/nbs/Base')
|
||||
let nbsNecessary = () => import('@/views/ebiz/nbs/Necessary')
|
||||
let nbsPrepared = () => import('@/views/ebiz/nbs/Prepared')
|
||||
let nbsDetail = () => import('@/views/ebiz/nbs/Detail')
|
||||
export default [
|
||||
{
|
||||
path: '/nbs/list',
|
||||
name: 'nbsList',
|
||||
component: nbsList,
|
||||
meta: {
|
||||
title: 'NBS智能分析',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/nav/:id?',
|
||||
name: 'nbsNav',
|
||||
component: nbsNav,
|
||||
meta: {
|
||||
title: 'NBS智能分析',
|
||||
index: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/chart',
|
||||
name: 'nbsChart',
|
||||
component: nbsChart,
|
||||
meta: {
|
||||
title: 'NBS智能分析统计',
|
||||
index: 3
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/result/:id',
|
||||
name: 'nbsResult',
|
||||
component: nbsResult,
|
||||
meta: {
|
||||
title: 'NBS智能分析结果',
|
||||
index: 4
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/crew-list/:code',
|
||||
name: 'nbsCrewList',
|
||||
component: nbsCrewList,
|
||||
meta: {
|
||||
title: '人员清单',
|
||||
index: 5
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/base',
|
||||
name: 'nbsBase',
|
||||
component: nbsBase,
|
||||
meta: {
|
||||
title: '基本资料',
|
||||
index: 6
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/necessary',
|
||||
name: 'nbsNecessary',
|
||||
component: nbsNecessary,
|
||||
meta: {
|
||||
title: '应备费用',
|
||||
index: 7
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/prepared',
|
||||
name: 'nbsPrepared',
|
||||
component: nbsPrepared,
|
||||
meta: {
|
||||
title: '已备费用',
|
||||
index: 8
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/nbs/detail/:id/:state',
|
||||
name: 'nbsDetail',
|
||||
component: nbsDetail,
|
||||
meta: {
|
||||
title: '资料',
|
||||
index: 9
|
||||
}
|
||||
}
|
||||
]
|
||||
@@ -26,6 +26,7 @@
|
||||
<li><router-link to="/my/UserIncome">收入</router-link></li>
|
||||
<li><router-link to="/serve/list">保单列表</router-link></li>
|
||||
<li><router-link to="/agentEenter/agentEenterBasicInfor">自助入司</router-link></li>
|
||||
<li><router-link to="/nbs/list">nbs列表</router-link></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
261
src/views/ebiz/nbs/Base.vue
Normal file
261
src/views/ebiz/nbs/Base.vue
Normal file
@@ -0,0 +1,261 @@
|
||||
<template>
|
||||
<div class="base-container">
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
|
||||
<van-field required clearable label="姓名" name="姓名" v-validate="'required|name'" v-model="form.customerName"></van-field>
|
||||
<select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="form.customerSex"></select-radio>
|
||||
<FieldDatePicter
|
||||
v-validate="'required'"
|
||||
required
|
||||
label="出生日期"
|
||||
name="出生日期"
|
||||
type="date"
|
||||
:flag="true"
|
||||
:value.sync="form.birthday"
|
||||
@confirm="onSelectBirth"
|
||||
></FieldDatePicter>
|
||||
<van-field required label="年龄" name="年龄" v-validate="'required'" v-model="form.age" readonly></van-field>
|
||||
<occupation-picker
|
||||
:value.sync="form.professionCode"
|
||||
:chooseName.sync="form.professionName"
|
||||
clearable
|
||||
label="职业"
|
||||
name="职业"
|
||||
required
|
||||
v-validate="'required'"
|
||||
placeholder="请选择"
|
||||
@on-click="handleOccupationPickerClick"
|
||||
@on-choose="handleOccupationPickerChoose"
|
||||
:parentShowPicker.sync="isOccupationPickerPopupShow"
|
||||
/>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">家庭信息</p>
|
||||
<div class="relation">
|
||||
<div v-for="(item, index) in form.proposalNbsFamilyDTOLst" :key="index">
|
||||
<template v-if="item">
|
||||
<van-field
|
||||
readonly
|
||||
clearable
|
||||
label="关系"
|
||||
name="关系"
|
||||
right-icon="arrow"
|
||||
placeholder="请选择"
|
||||
@click="relationFieldClick(index)"
|
||||
:value="getRelationText(item.relation)"
|
||||
></van-field>
|
||||
<van-field clearable label="姓名" name="姓名" v-model="item.familyName"></van-field>
|
||||
<select-radio :radios="sexRadio" label="性别" name="性别" :value.sync="item.familySex" :required="false"></select-radio>
|
||||
<FieldDatePicter
|
||||
label="出生日期"
|
||||
name="出生日期"
|
||||
type="date"
|
||||
:flag="true"
|
||||
:value.sync="item.familyBirthday"
|
||||
@confirm="onListSelectBirth(arguments, index)"
|
||||
></FieldDatePicter>
|
||||
<van-field label="年龄" name="年龄" v-model="item.familyAge" readonly></van-field>
|
||||
<occupation-picker
|
||||
:value.sync="item.familyProfessionCode"
|
||||
:chooseName.sync="item.familyProfessionName"
|
||||
clearable
|
||||
label="职业"
|
||||
name="职业"
|
||||
placeholder="请选择"
|
||||
@on-click="item.isOccupationPickerPopupShow = true"
|
||||
@on-choose="item.isOccupationPickerPopupShow = false"
|
||||
:parentShowPicker.sync="item.isOccupationPickerPopupShow"
|
||||
/>
|
||||
<div class="nbs-del" @click="delRelation(index)"><van-icon name="delete"></van-icon></div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nbs-add" @click="addRelation">+ 添加家庭成员</div>
|
||||
<van-button type="danger" class="bottom-btn" @click="submit" v-no-more-click="1000">完成</van-button>
|
||||
<!-- 关系选择 -->
|
||||
<van-popup v-model="isRelationPickerShow" position="bottom">
|
||||
<van-picker show-toolbar :columns="relationNameArr" @confirm="onConfirm" @cancel="onCancel" />
|
||||
</van-popup>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Field, Popup, Picker } from 'vant'
|
||||
import SelectRadio from '@/components/ebiz/SelectRadio'
|
||||
import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
|
||||
import ageUtil from '@/assets/js/utils/age'
|
||||
import OccupationPicker from '@/components/ebiz/occipation/OccupationPicker'
|
||||
import { saveForm, nbsDetail } from '@/api/ebiz/nbs'
|
||||
import utils from '@/assets/js/common'
|
||||
import utils2 from '@/assets/js/business-common'
|
||||
import dataDictionary from '@/assets/js/utils/data-dictionary'
|
||||
|
||||
//关系字典
|
||||
let relationDictionary = dataDictionary.nbsRelation
|
||||
//拿出所有name，用于van-picker的column属性
|
||||
let relationNameArr = relationDictionary.map(v => v.name)
|
||||
|
||||
//新增的家庭成员包含的属性
|
||||
let relationItem = {
|
||||
relation: '',
|
||||
familyName: '',
|
||||
familySex: '',
|
||||
familyBirthday: '',
|
||||
familyAge: '',
|
||||
familyProfessionCode: '',
|
||||
familyProfessionName: '',
|
||||
isDelete: '0',
|
||||
|
||||
//下面的属性 保存时不需要传
|
||||
isOccupationPickerPopupShow: false
|
||||
}
|
||||
|
||||
export default {
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Popup.name]: Popup,
|
||||
[Picker.name]: Picker,
|
||||
SelectRadio,
|
||||
FieldDatePicter,
|
||||
OccupationPicker
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
sexRadio: [
|
||||
{
|
||||
label: '男',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label: '女',
|
||||
value: '1'
|
||||
}
|
||||
],
|
||||
form: {
|
||||
customerName: '',
|
||||
customerSex: '',
|
||||
birthday: '',
|
||||
age: '',
|
||||
professionCode: '',
|
||||
professionName: '',
|
||||
proposalNbsFamilyDTOLst: [{ ...relationItem }],
|
||||
isDelete: '0'
|
||||
},
|
||||
isOccupationPickerPopupShow: false,
|
||||
relationNameArr,
|
||||
|
||||
isRelationPickerShow: false,
|
||||
relationItemIndexJustClick: null
|
||||
}
|
||||
},
|
||||
created() {
|
||||
//回填
|
||||
let id = localStorage.getItem('nbsId')
|
||||
let state = localStorage.getItem('nbsState')
|
||||
if (id && state) {
|
||||
nbsDetail({
|
||||
orderNo: id,
|
||||
nbsState: state
|
||||
}).then(res => {
|
||||
let keys = Object.keys(this.form)
|
||||
let obj = res.content
|
||||
for (let i in obj) {
|
||||
if (!keys.includes(i)) {
|
||||
delete obj[i]
|
||||
}
|
||||
}
|
||||
|
||||
if (!obj.proposalNbsFamilyDTOLst) obj.proposalNbsFamilyDTOLst = [{ ...relationItem }]
|
||||
//加上程序中需要的属性，这些属性提交时会删掉
|
||||
obj.proposalNbsFamilyDTOLst.forEach(v => {
|
||||
v.isOccupationPickerPopupShow = false
|
||||
})
|
||||
|
||||
this.form = obj
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onSelectBirth(v) {
|
||||
this.form.age = String(ageUtil.getAgeByBirth(v, new Date()))
|
||||
},
|
||||
onListSelectBirth(args, index) {
|
||||
let v = args[0]
|
||||
this.form.proposalNbsFamilyDTOLst[index].familyAge = String(ageUtil.getAgeByBirth(v, new Date()))
|
||||
},
|
||||
handleOccupationPickerClick() {
|
||||
this.isOccupationPickerPopupShow = true
|
||||
},
|
||||
handleOccupationPickerChoose() {
|
||||
this.isOccupationPickerPopupShow = false
|
||||
},
|
||||
onConfirm(value, index) {
|
||||
//保存用户选择的关系
|
||||
let clickIndex = this.relationItemIndexJustClick,
|
||||
selectedVal = relationDictionary[index].value
|
||||
this.form.proposalNbsFamilyDTOLst[clickIndex].relation = selectedVal
|
||||
this.isRelationPickerShow = false
|
||||
},
|
||||
onCancel() {
|
||||
this.isRelationPickerShow = false
|
||||
},
|
||||
relationFieldClick(index) {
|
||||
this.isRelationPickerShow = true
|
||||
this.relationItemIndexJustClick = index
|
||||
},
|
||||
getRelationText(value) {
|
||||
for (let item of relationDictionary) {
|
||||
if (item.value === value) {
|
||||
return item.name
|
||||
}
|
||||
}
|
||||
},
|
||||
addRelation() {
|
||||
this.form.proposalNbsFamilyDTOLst.push({ ...relationItem })
|
||||
},
|
||||
delRelation(index) {
|
||||
this.$set(this.form.proposalNbsFamilyDTOLst, index, null)
|
||||
},
|
||||
submit() {
|
||||
let id = localStorage.getItem('nbsId')
|
||||
|
||||
let form = utils.deepCopy(this.form)
|
||||
delete form.occupationName
|
||||
form.proposalNbsFamilyDTOLst = form.proposalNbsFamilyDTOLst.filter(v => v)
|
||||
form.proposalNbsFamilyDTOLst.forEach(v => {
|
||||
delete v.isOccupationPickerPopupShow
|
||||
})
|
||||
|
||||
if (id) form.orderNo = id
|
||||
form.type = '0'
|
||||
form.dateOfEntry = utils2.formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss')
|
||||
form.isDelete = '0'
|
||||
saveForm(form).then(res => {
|
||||
if (res.result === '0') {
|
||||
this.$toast('保存成功')
|
||||
|
||||
//如果是新建，id存在本地存储
|
||||
if (!id) {
|
||||
localStorage.setItem('nbsId', res.content.orderNo)
|
||||
localStorage.setItem('nbsState', '01')
|
||||
}
|
||||
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/nav`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/nav`
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/sass/nbs';
|
||||
.base-container {
|
||||
@include container;
|
||||
}
|
||||
</style>
|
||||
134
src/views/ebiz/nbs/Chart.vue
Normal file
134
src/views/ebiz/nbs/Chart.vue
Normal file
@@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<div class="nbs-chart-container">
|
||||
<div class="chart"></div>
|
||||
<div class="list">
|
||||
<ul>
|
||||
<li v-for="item in data" @click="entryList(item.code)">
|
||||
<div class="list-name">{{ item.name }}</div>
|
||||
<div class="list-num">{{ item.value }}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { nbsChart } from '@/api/ebiz/nbs'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
data: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
let chart = window.echarts.init(document.querySelector('.chart'))
|
||||
let option = {
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'inner',
|
||||
formatter: '{b}:{c}'
|
||||
}
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color({ dataIndex }) {
|
||||
return ['#66cc00', '#3399ff', '#ffcc00'][dataIndex]
|
||||
}
|
||||
}
|
||||
},
|
||||
data: [{ value: 0, name: '' }]
|
||||
}
|
||||
]
|
||||
}
|
||||
nbsChart({}).then(res => {
|
||||
let data = res.content.proposalNbsCustomerDTOLst
|
||||
data = data.map(v => {
|
||||
let name = ''
|
||||
switch (v.nbsState) {
|
||||
case '01':
|
||||
name = '录入数据'
|
||||
break
|
||||
case '02':
|
||||
name = '生成报告'
|
||||
break
|
||||
case '03':
|
||||
name = '销售成功'
|
||||
break
|
||||
}
|
||||
return {
|
||||
name,
|
||||
value: Number(v.amount),
|
||||
code: v.nbsState
|
||||
}
|
||||
})
|
||||
option.series[0].data = data
|
||||
this.data = data
|
||||
chart.setOption(option)
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
entryList(code) {
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/crew-list/${code}`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/crew-list/${code}`
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.nbs-chart-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
}
|
||||
.chart {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.list {
|
||||
height: 207px;
|
||||
li {
|
||||
position: relative;
|
||||
height: 68px;
|
||||
line-height: 68px;
|
||||
border-top: 1px solid #c9c9c9;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
left: 26px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
&:nth-child(1)::before {
|
||||
background-color: #66cc00;
|
||||
}
|
||||
&:nth-child(2)::before {
|
||||
background-color: #3399ff;
|
||||
}
|
||||
&:nth-child(3)::before {
|
||||
background-color: #ffcc00;
|
||||
}
|
||||
}
|
||||
&-name {
|
||||
float: left;
|
||||
margin-left: 57px;
|
||||
font-size: 14px;
|
||||
}
|
||||
&-num {
|
||||
float: right;
|
||||
margin-right: 22px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
111
src/views/ebiz/nbs/CrewList.vue
Normal file
111
src/views/ebiz/nbs/CrewList.vue
Normal file
@@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<div class="crew-list-container">
|
||||
<van-sticky>
|
||||
<table class="top-table">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="status">状态</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="name">客户姓名</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="date">录入时间</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</van-sticky>
|
||||
<table class="main-table">
|
||||
<tr v-for="item in data">
|
||||
<td>
|
||||
<div class="status">{{ getTypeText(code) }}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="name">{{ item.customerName }}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="date">{{ item.dateOfEntry }}</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Sticky } from 'vant'
|
||||
import { nbsTable } from '@/api/ebiz/nbs'
|
||||
export default {
|
||||
components: {
|
||||
[Sticky.name]: Sticky
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
data: [],
|
||||
code: this.$route.params.code
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getTypeText(code) {
|
||||
let name = ''
|
||||
switch (code) {
|
||||
case '01':
|
||||
name = '录入数据'
|
||||
break
|
||||
case '02':
|
||||
name = '生成报告'
|
||||
break
|
||||
case '03':
|
||||
name = '销售成功'
|
||||
break
|
||||
}
|
||||
return name
|
||||
}
|
||||
},
|
||||
created() {
|
||||
nbsTable({
|
||||
nbsState: this.code
|
||||
}).then(res => {
|
||||
let data = res.content.proposalNbsCustomerDTOLst
|
||||
this.data = data
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.crew-list-container {
|
||||
overflow: hidden;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.top-table,
|
||||
.main-table {
|
||||
margin: 0 auto;
|
||||
border-collapse: collapse;
|
||||
td {
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
.status,
|
||||
.name,
|
||||
.date {
|
||||
height: 27px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 27px;
|
||||
}
|
||||
.status,
|
||||
.name {
|
||||
width: 99px;
|
||||
}
|
||||
.date {
|
||||
width: 151px;
|
||||
}
|
||||
}
|
||||
.top-table {
|
||||
div {
|
||||
background: #ffb3b3;
|
||||
}
|
||||
}
|
||||
.main-table {
|
||||
tr:nth-child(even) div {
|
||||
background: #ffe6e6;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
172
src/views/ebiz/nbs/Detail.vue
Normal file
172
src/views/ebiz/nbs/Detail.vue
Normal file
@@ -0,0 +1,172 @@
|
||||
<template>
|
||||
<div>
|
||||
<van-field readonly label="姓名" name="姓名" v-model="form.customerName"></van-field>
|
||||
<van-field readonly label="性别" name="性别" :value="getSex(form.customerSex)"></van-field>
|
||||
<van-field readonly label="出生日期" name="出生日期" v-model="form.birthday"></van-field>
|
||||
<van-field required label="年龄" name="年龄" v-model="form.age" readonly></van-field>
|
||||
<van-field required label="职业" name="职业" v-model="form.professionName" readonly></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">家庭信息</p>
|
||||
<div class="relation">
|
||||
<div v-for="(item, index) in form.proposalNbsFamilyDTOLst" :key="index">
|
||||
<template v-if="item">
|
||||
<van-field readonly label="关系" name="关系" placeholder="请选择" :value="getRelationText(item.relation)"></van-field>
|
||||
<van-field readonly label="姓名" name="姓名" v-model="item.familyName"></van-field>
|
||||
<van-field readonly label="性别" name="性别" :value="getSex(item.familySex)"></van-field>
|
||||
<van-field readonly label="出生日期" name="出生日期" v-model="item.familyBirthday"></van-field>
|
||||
<van-field label="年龄" name="年龄" v-model="item.familyAge" readonly></van-field>
|
||||
<van-field label="职业" name="职业" v-model="item.familyProfessionName" readonly></van-field>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
|
||||
<van-field readonly label="第一顺位需求" name="第一顺位需求" placeholder="请选择" :value="getNecessaryText(form.firstCostRequirements)"></van-field>
|
||||
<van-field readonly label="第二顺位需求" name="第二顺位需求" placeholder="请选择" :value="getNecessaryText(form.secondCostRequirements)"></van-field>
|
||||
<van-field readonly label="第三顺位需求" name="第三顺位需求" placeholder="请选择" :value="getNecessaryText(form.thirdCostRequirements)"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">生活费用</p>
|
||||
<van-field readonly label="每月生活费（元）" name="每月生活费（元）" placeholder="请输入" v-model="form.livingCosts"></van-field>
|
||||
<van-field readonly label="子女抚养至（岁）" name="子女抚养至（岁）" placeholder="请输入" v-model="form.raisingAge"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">房贷/房租费用</p>
|
||||
<van-field readonly label="贷款余额（万元）" name="贷款余额（万元）" placeholder="请输入" v-model="form.loanBalance"></van-field>
|
||||
<van-field readonly label="剩余还款期间（年）" name="剩余还款期间（年）" placeholder="请输入" v-model="form.remainRepaymentTime"></van-field>
|
||||
<van-field readonly label="租金（元/月）" name="租金（元/月）" placeholder="请输入" v-model="form.charterMoney"></van-field>
|
||||
<van-field readonly label="租屋年数（年）" name="租屋年数（年）" placeholder="请输入" v-model="form.rentHouseNumber"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">父母孝养金</p>
|
||||
<van-field readonly label="本人父亲年龄" name="本人父亲年龄" placeholder="请输入" v-model="form.myParentsAge"></van-field>
|
||||
<van-field readonly label="本人母亲年龄" name="本人母亲年龄" placeholder="请输入" v-model="form.myMotherAge"></van-field>
|
||||
<van-field readonly label="孝养金（元/月）" name="孝养金（元/月）" placeholder="请输入" v-model="form.myParentsRaisemoney"></van-field>
|
||||
<van-field readonly label="配偶父亲年龄" name="配偶父亲年龄" placeholder="请输入" v-model="form.wifeParentsAge"></van-field>
|
||||
<van-field readonly label="配偶母亲年龄" name="配偶母亲年龄" placeholder="请输入" v-model="form.wifeMotherAge"></van-field>
|
||||
<van-field readonly label="孝养金（元/月）" name="孝养金（元/月）" placeholder="请输入" v-model="form.wifeParentsRaisemoney"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">教育费用</p>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">子女1</p>
|
||||
<van-field readonly label="费用总计（万元）" name="费用总计（万元）" placeholder="请输入" v-model="form.educationalCostOne"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">子女2</p>
|
||||
<van-field readonly label="费用总计（万元）" name="费用总计（万元）" placeholder="请输入" v-model="form.educationalCostTwo"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">子女3</p>
|
||||
<van-field readonly label="费用总计（万元）" name="费用总计（万元）" placeholder="请输入" v-model="form.educationalCostThree"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">医疗费用</p>
|
||||
<van-field readonly label="往来医院" name="往来医院" placeholder="请输入" v-model="form.hospitalizationCost"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">最后费用</p>
|
||||
<van-field readonly label="本人身故丧葬费用（万元）" name="本人身故丧葬费用（万元）" placeholder="请输入" v-model="form.myFuneralExpenses"></van-field>
|
||||
<van-field readonly label="配偶身故丧葬费用（万元）" name="配偶身故丧葬费用（万元）" placeholder="请输入" v-model="form.wifeFuneralExpenses"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">资产传承</p>
|
||||
<van-field readonly label="本人预估资产总额（万元）" name="本人预估资产总额（万元）" placeholder="请输入" v-model="form.myEstimateTotalassets"></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
label="配偶预估资产总额（万元）"
|
||||
name="配偶预估资产总额（万元）"
|
||||
placeholder="请输入"
|
||||
v-model="form.wifeEstimateTotalassets"
|
||||
></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">其他费用</p>
|
||||
<div v-for="(item, index) in form.proposalNbsProjectCostInfoDTOLst" :key="index">
|
||||
<template v-if="item">
|
||||
<van-field readonly label="对象" name="对象" placeholder="请选择" :value="getTargetText(item.object)"></van-field>
|
||||
<van-field readonly label="项目" name="项目" placeholder="请输入" v-model="item.projectName"></van-field>
|
||||
<van-field readonly label="金额（元/月）" name="金额（元/月）" placeholder="请输入" v-model="item.projectCost"></van-field>
|
||||
<van-field readonly label="起始年月" name="起始年月" placeholder="请输入" v-model="item.startDate"></van-field>
|
||||
<van-field readonly label="终止年月" name="终止年月" placeholder="请输入" v-model="item.endDate"></van-field>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">已投保保险</p>
|
||||
<div v-for="(item, index) in form.proposalNbsInsuredInfoDTOLst" :key="index">
|
||||
<template v-if="item">
|
||||
<van-field readonly label="对象" name="对象" placeholder="请选择" :value="getTargetText(item.haveiNsurance)"></van-field>
|
||||
<van-field readonly label="险种类型" name="险种类型" placeholder="请选择" :value="getInsuranceText(item.plantType)"></van-field>
|
||||
<van-field readonly label="满期岁" name="满期岁" placeholder="请输入" v-model="item.ageofMaturity"></van-field>
|
||||
<van-field readonly label="保险金额（万元）" name="保险金额（万元）" placeholder="请输入" v-model="item.insuredAmount"></van-field>
|
||||
</template>
|
||||
</div>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">收入及储蓄</p>
|
||||
<van-field readonly label="目前年收入（万元）" name="目前年收入（万元）" placeholder="请输入" v-model="form.myAnnualIncome"></van-field>
|
||||
<van-field readonly label="预计工作至（岁）" name="预计工作至（岁）" placeholder="请输入" v-model="form.myFutureWorkinglife"></van-field>
|
||||
<van-field readonly label="其他收入（万元/年）" name="其他收入（万元/年）" placeholder="请输入" v-model="form.myOtherRevenue"></van-field>
|
||||
<van-field readonly label="预计可收年数（年）" name="预计可收年数（年）" placeholder="请输入" v-model="form.myOtherRevenueExpectedyear"></van-field>
|
||||
<van-field readonly label="现有储蓄（万元）" name="现有储蓄（万元）" placeholder="请输入" v-model="form.myAssets"></van-field>
|
||||
<van-field readonly label="配偶目前年收入（万元）" name="配偶目前年收入（万元）" placeholder="请输入" v-model="form.wifeAnnualIncome"></van-field>
|
||||
<van-field readonly label="配偶预计工作至（岁）" name="配偶预计工作至（岁）" placeholder="请输入" v-model="form.wifeFutureWorkinglife"></van-field>
|
||||
<van-field readonly label="配偶其他收入（万元/年）" name="配偶其他收入（万元/年）" placeholder="请输入" v-model="form.wifeOtherRevenue"></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
label="配偶预计可收年数（年）"
|
||||
name="配偶预计可收年数（年）"
|
||||
placeholder="请输入"
|
||||
v-model="form.wifeOtherRevenueExpectedyear"
|
||||
></van-field>
|
||||
<van-field readonly label="配偶现有储蓄（万元）" name="配偶现有储蓄（万元）" placeholder="请输入" v-model="form.wifeAssets"></van-field>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Field } from 'vant'
|
||||
import { nbsDetail } from '@/api/ebiz/nbs'
|
||||
import dataDictionary from '@/assets/js/utils/data-dictionary'
|
||||
|
||||
//关系字典
|
||||
let relationDictionary = dataDictionary.nbsRelation
|
||||
let sexDictionary = dataDictionary.sex
|
||||
let targetDictionary = dataDictionary.targetDictionary
|
||||
let necessaryDictionary = dataDictionary.necessaryDictionary
|
||||
let insuranceDictionary = dataDictionary.insuranceDictionary
|
||||
|
||||
export default {
|
||||
components: {
|
||||
[Field.name]: Field
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
form: {}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
let id = this.$route.params.id
|
||||
let state = this.$route.params.state
|
||||
nbsDetail({
|
||||
orderNo: id,
|
||||
nbsState: state
|
||||
}).then(res => {
|
||||
this.form = res.content
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
getRelationText(value) {
|
||||
for (let item of relationDictionary) {
|
||||
if (item.value === value) {
|
||||
return item.name
|
||||
}
|
||||
}
|
||||
},
|
||||
getSex(code) {
|
||||
let text = ''
|
||||
sexDictionary.forEach(v => {
|
||||
if (v.id === code) {
|
||||
text = v.text
|
||||
}
|
||||
})
|
||||
return text
|
||||
},
|
||||
getTargetText(code) {
|
||||
for (let v of targetDictionary) {
|
||||
if (v.code === code) {
|
||||
return v.value
|
||||
}
|
||||
}
|
||||
},
|
||||
getNecessaryText(code) {
|
||||
for (let i of necessaryDictionary) {
|
||||
if (i.code === code) {
|
||||
return i.value
|
||||
}
|
||||
}
|
||||
},
|
||||
getInsuranceText(code) {
|
||||
for (let v of insuranceDictionary) {
|
||||
if (v.code === code) {
|
||||
return v.value
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
190
src/views/ebiz/nbs/List.vue
Normal file
190
src/views/ebiz/nbs/List.vue
Normal file
@@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<div class="nbs-list-container">
|
||||
<van-sticky>
|
||||
<van-tabs v-model="activeTab" @change="tabChange">
|
||||
<van-tab title="制作中"></van-tab>
|
||||
<van-tab title="已制作"></van-tab>
|
||||
<van-tab title="销售成功"></van-tab>
|
||||
</van-tabs>
|
||||
</van-sticky>
|
||||
<van-list class="pb45" v-model="loading" :finished="finished" @load="getList" v-if="list.length > 0">
|
||||
<div v-for="(item, index) in list" :key="item.orderNo">
|
||||
<div class="text-center fs12 mv15">{{ item.dateOfEntry }}</div>
|
||||
<div class="bg-white m15 p15">
|
||||
<div class="fs14">{{ item.customerName }}</div>
|
||||
<div class="text-right mt5">
|
||||
<template v-if="params.nbsState === '01'">
|
||||
<van-button class="ml5" type="danger" size="small" round @click="edit(item.orderNo)">编辑</van-button>
|
||||
<van-button class="ml5" type="danger" size="small" round plain @click="del(item.orderNo, index)">删除</van-button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<van-button class="ml5" type="danger" size="small" round v-if="params.nbsState === '02'" @click="complete(item.orderNo, index)"
|
||||
>销售成功</van-button
|
||||
>
|
||||
<van-button class="ml5" type="danger" size="small" round @click="entryDetail(item.orderNo)">资料</van-button>
|
||||
<van-button class="ml5" type="danger" size="small" round @click="entryReport(item.orderNo)">报告</van-button>
|
||||
<van-button class="ml5" type="danger" size="small" round plain @click="del(item.orderNo, index)">删除</van-button>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</van-list>
|
||||
<div class="empty" v-else>暂无数据</div>
|
||||
<van-button type="danger" class="bottom-btn" @click="add" v-no-more-click="1000">点我新增</van-button>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Tabs, Tab, List, Sticky } from 'vant'
|
||||
import { getList, delNbs, completeNbs } from '@/api/ebiz/nbs'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
activeTab: 0,
|
||||
params: {
|
||||
pageSize: 20,
|
||||
pageNum: 1,
|
||||
nbsState: '01'
|
||||
},
|
||||
list: [],
|
||||
finished: false,
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
//保存下来目前的tab标签，接口调用成功以后如果标签页切换了，就不修改列表
|
||||
let currentTab = this.activeTab
|
||||
|
||||
let params = this.params
|
||||
this.loading = true
|
||||
getList(params).then(res => {
|
||||
if (currentTab !== this.activeTab) {
|
||||
return
|
||||
}
|
||||
this.loading = false
|
||||
if (res.content && res.content.list.length !== 0) {
|
||||
let list = res.content.list
|
||||
this.list = this.list.concat(list)
|
||||
params.pageNum++
|
||||
} else {
|
||||
this.finished = true
|
||||
}
|
||||
})
|
||||
},
|
||||
add() {
|
||||
localStorage.setItem('nbsId', '')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/nav`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/nav`
|
||||
}
|
||||
})
|
||||
},
|
||||
tabChange(name) {
|
||||
this.finished = false
|
||||
this.list = []
|
||||
let params = this.params
|
||||
params.pageNum = 1
|
||||
switch (name) {
|
||||
case 0:
|
||||
params.nbsState = '01'
|
||||
break
|
||||
case 1:
|
||||
params.nbsState = '02'
|
||||
break
|
||||
case 2:
|
||||
params.nbsState = '03'
|
||||
break
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
del(id, index) {
|
||||
delNbs({
|
||||
orderNo: id,
|
||||
nbsState: this.params.nbsState
|
||||
}).then(res => {
|
||||
if (res.result === '0') {
|
||||
this.$toast('删除成功')
|
||||
this.list.splice(index, 1)
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
},
|
||||
complete(id, index) {
|
||||
completeNbs({
|
||||
orderNo: id
|
||||
}).then(res => {
|
||||
if (res.result === '0') {
|
||||
this.$toast('操作成功')
|
||||
this.list.splice(index, 1)
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
},
|
||||
edit(id) {
|
||||
//详情接口需要传状态
|
||||
localStorage.setItem('nbsState', this.params.nbsState)
|
||||
localStorage.setItem('nbsId', id)
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/nav`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/nav`
|
||||
}
|
||||
})
|
||||
},
|
||||
entryDetail(id) {
|
||||
let state = this.params.nbsState
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/detail/${id}/${state}`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/detail/${id}/${state}`
|
||||
}
|
||||
})
|
||||
},
|
||||
entryReport(id) {
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/result/${id}`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/result/${id}`
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
components: {
|
||||
[Tabs.name]: Tabs,
|
||||
[Tab.name]: Tab,
|
||||
[List.name]: List,
|
||||
[Sticky.name]: Sticky
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.empty {
|
||||
margin: 106px auto 0 auto;
|
||||
width: 195px;
|
||||
height: 20px;
|
||||
padding-top: 211px;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
background: url(../../../assets/images/nbs/empty.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
</style>
|
||||
186
src/views/ebiz/nbs/Nav.vue
Normal file
186
src/views/ebiz/nbs/Nav.vue
Normal file
@@ -0,0 +1,186 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="pic"></div>
|
||||
<div class="text">专业解析<span>智能分析</span>量身定制</div>
|
||||
<div class="flow">
|
||||
<div class="flow-item" :class="{ active: getButtonStatus(-1) }">
|
||||
<div class="flow-button" @click="getButtonStatus(-1) && entry(-1)">基本资料</div>
|
||||
</div>
|
||||
<div class="flow-item" :class="{ active: getButtonStatus(0) }">
|
||||
<div class="flow-arrow">
|
||||
<van-icon name="arrow-down" size="40" />
|
||||
</div>
|
||||
<div class="flow-button" @click="getButtonStatus(0) && entry(0)">应备费用</div>
|
||||
</div>
|
||||
<div class="flow-item" :class="{ active: getButtonStatus(1) }">
|
||||
<div class="flow-arrow">
|
||||
<van-icon name="arrow-down" size="40" />
|
||||
</div>
|
||||
<div class="flow-button" @click="getButtonStatus(1) && entry(1)">已备费用</div>
|
||||
</div>
|
||||
<div class="flow-item" :class="{ active: getButtonStatus(2) }">
|
||||
<div class="flow-arrow">
|
||||
<van-icon name="arrow-down" size="40" />
|
||||
</div>
|
||||
<div class="flow-button" @click="getButtonStatus(2) && entry(2)">生成报告</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { nbsDetail, saveForm } from '@/api/ebiz/nbs'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
status: -1 //-1还未填写 0填完基本信息 1填完应备费用 2填完已备费用
|
||||
}
|
||||
},
|
||||
created() {
|
||||
let id = localStorage.getItem('nbsId')
|
||||
//获取到了哪一步
|
||||
if (id) {
|
||||
nbsDetail({
|
||||
orderNo: id,
|
||||
nbsState: localStorage.getItem('nbsState')
|
||||
}).then(res => {
|
||||
if (res.result === '0') {
|
||||
this.status = Number(res.content.type)
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/list`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/list`
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getButtonStatus(buttonStatus) {
|
||||
//当status大于buttonStatus时，可以点击按钮
|
||||
let status = this.status
|
||||
if (status >= buttonStatus) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
},
|
||||
entry(buttonStatus) {
|
||||
let name = ''
|
||||
switch (buttonStatus) {
|
||||
case -1:
|
||||
name = 'base'
|
||||
break
|
||||
case 0:
|
||||
name = 'necessary'
|
||||
break
|
||||
case 1:
|
||||
name = 'prepared'
|
||||
break
|
||||
case 2:
|
||||
name = 'result'
|
||||
break
|
||||
}
|
||||
if (buttonStatus === 2) {
|
||||
saveForm({
|
||||
type: '3',
|
||||
orderNo: localStorage.getItem('nbsId')
|
||||
}).then(res => {
|
||||
if (res.result === '0') {
|
||||
let id = localStorage.getItem('nbsId')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/result/${id}`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/result/${id}`
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/${name}`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/${name}`
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.pic {
|
||||
width: 272px;
|
||||
height: 195px;
|
||||
margin: 40px auto 0 auto;
|
||||
background: url(../../../assets/images/nbs/nav.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.text {
|
||||
margin-top: 22px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-align: center;
|
||||
span {
|
||||
position: relative;
|
||||
margin: 0 40px;
|
||||
&::before,
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
border-radius: 50%;
|
||||
background: url(../../../assets/images/nbs/dot.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
&::before {
|
||||
left: -24px;
|
||||
}
|
||||
&::after {
|
||||
right: -24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.flow {
|
||||
position: absolute;
|
||||
bottom: 17px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
&-item {
|
||||
color: #797979;
|
||||
}
|
||||
&-button {
|
||||
width: 325px;
|
||||
height: 38px;
|
||||
margin: 0 auto;
|
||||
border: 1px solid #797979;
|
||||
border-radius: 20px;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
}
|
||||
&-arrow {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.flow-item.active {
|
||||
color: #e5162d;
|
||||
.flow-button {
|
||||
border-color: #e5162d;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
332
src/views/ebiz/nbs/Necessary.vue
Normal file
332
src/views/ebiz/nbs/Necessary.vue
Normal file
@@ -0,0 +1,332 @@
|
||||
<template>
|
||||
<div class="necessary-container">
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
|
||||
<van-field
|
||||
clearable
|
||||
label="第一顺位需求"
|
||||
name="第一顺位需求"
|
||||
right-icon="arrow"
|
||||
placeholder="请选择"
|
||||
@click="necessaryFieldClick(1)"
|
||||
:value="getNecessaryText(form.firstCostRequirements)"
|
||||
></van-field>
|
||||
<van-field
|
||||
clearable
|
||||
label="第二顺位需求"
|
||||
name="第二顺位需求"
|
||||
right-icon="arrow"
|
||||
placeholder="请选择"
|
||||
@click="necessaryFieldClick(2)"
|
||||
:value="getNecessaryText(form.secondCostRequirements)"
|
||||
></van-field>
|
||||
<van-field
|
||||
clearable
|
||||
label="第三顺位需求"
|
||||
name="第三顺位需求"
|
||||
right-icon="arrow"
|
||||
placeholder="请选择"
|
||||
@click="necessaryFieldClick(3)"
|
||||
:value="getNecessaryText(form.thirdCostRequirements)"
|
||||
></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">生活费用</p>
|
||||
<van-field clearable label="每月生活费（元）" name="每月生活费（元）" placeholder="请输入" v-model="form.livingCosts"></van-field>
|
||||
<van-field clearable label="子女抚养至（岁）" name="子女抚养至（岁）" placeholder="请输入" v-model="form.raisingAge"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">房贷/房租费用</p>
|
||||
<van-field clearable label="贷款余额（万元）" name="贷款余额（万元）" placeholder="请输入" v-model="form.loanBalance"></van-field>
|
||||
<van-field clearable label="剩余还款期间（年）" name="剩余还款期间（年）" placeholder="请输入" v-model="form.remainRepaymentTime"></van-field>
|
||||
<van-field clearable label="租金（元/月）" name="租金（元/月）" placeholder="请输入" v-model="form.charterMoney"></van-field>
|
||||
<van-field clearable label="租屋年数（年）" name="租屋年数（年）" placeholder="请输入" v-model="form.rentHouseNumber"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">父母孝养金</p>
|
||||
<van-field clearable label="本人父亲年龄" name="本人父亲年龄" placeholder="请输入" v-model="form.myParentsAge"></van-field>
|
||||
<van-field clearable label="本人母亲年龄" name="本人母亲年龄" placeholder="请输入" v-model="form.myMotherAge"></van-field>
|
||||
<van-field clearable label="孝养金（元/月）" name="孝养金（元/月）" placeholder="请输入" v-model="form.myParentsRaisemoney"></van-field>
|
||||
<van-field clearable label="配偶父亲年龄" name="配偶父亲年龄" placeholder="请输入" v-model="form.wifeParentsAge"></van-field>
|
||||
<van-field clearable label="配偶母亲年龄" name="配偶母亲年龄" placeholder="请输入" v-model="form.wifeMotherAge"></van-field>
|
||||
<van-field clearable label="孝养金（元/月）" name="孝养金（元/月）" placeholder="请输入" v-model="form.wifeParentsRaisemoney"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">教育费用</p>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">子女1</p>
|
||||
<van-field clearable label="费用总计（万元）" name="费用总计（万元）" placeholder="请输入" v-model="form.educationalCostOne"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">子女2</p>
|
||||
<van-field clearable label="费用总计（万元）" name="费用总计（万元）" placeholder="请输入" v-model="form.educationalCostTwo"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">子女3</p>
|
||||
<van-field clearable label="费用总计（万元）" name="费用总计（万元）" placeholder="请输入" v-model="form.educationalCostThree"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">医疗费用</p>
|
||||
<van-field clearable label="往来医院" name="往来医院" placeholder="请输入" v-model="form.hospitalizationCost"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">最后费用</p>
|
||||
<van-field clearable label="本人身故丧葬费用（万元）" name="本人身故丧葬费用（万元）" placeholder="请输入" v-model="form.myFuneralExpenses"></van-field>
|
||||
<van-field clearable label="配偶身故丧葬费用（万元）" name="配偶身故丧葬费用（万元）" placeholder="请输入" v-model="form.wifeFuneralExpenses"></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl15 pv12">资产传承</p>
|
||||
<van-field clearable label="本人预估资产总额（万元）" name="本人预估资产总额（万元）" placeholder="请输入" v-model="form.myEstimateTotalassets"></van-field>
|
||||
<van-field
|
||||
clearable
|
||||
label="配偶预估资产总额（万元）"
|
||||
name="配偶预估资产总额（万元）"
|
||||
placeholder="请输入"
|
||||
v-model="form.wifeEstimateTotalassets"
|
||||
></van-field>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">其他费用</p>
|
||||
<div v-for="(item, index) in form.proposalNbsProjectCostInfoDTOLst" :key="index">
|
||||
<template v-if="item">
|
||||
<van-field
|
||||
clearable
|
||||
readonly
|
||||
label="对象"
|
||||
name="对象"
|
||||
right-icon="arrow"
|
||||
placeholder="请选择"
|
||||
@click="targetFieldClick(index)"
|
||||
:value="getTargetText(item.object)"
|
||||
></van-field>
|
||||
<van-field clearable label="项目" name="项目" placeholder="请输入" v-model="item.projectName"></van-field>
|
||||
<van-field clearable label="金额（元/月）" name="金额（元/月）" placeholder="请输入" v-model="item.projectCost"></van-field>
|
||||
<!-- 起始年月和终止年月只能选择本月及以后 -->
|
||||
<FieldDatePicter
|
||||
label="起始年月"
|
||||
name="起始年月"
|
||||
type="year-month"
|
||||
:flag="true"
|
||||
:value.sync="item.startDate"
|
||||
:formatter="dateFormatter"
|
||||
:min-date="new Date()"
|
||||
></FieldDatePicter>
|
||||
<FieldDatePicter
|
||||
label="终止年月"
|
||||
name="终止年月"
|
||||
type="year-month"
|
||||
:flag="true"
|
||||
:value.sync="item.endDate"
|
||||
:formatter="dateFormatter"
|
||||
:min-date="new Date()"
|
||||
></FieldDatePicter>
|
||||
<div class="nbs-del" @click="del(index)"><van-icon name="delete"></van-icon></div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="nbs-add" @click="add">+ 添加其他费用</div>
|
||||
<van-button type="danger" class="bottom-btn" @click="submit" v-no-more-click="1000">完成</van-button>
|
||||
|
||||
<!-- 顺位需求选择 -->
|
||||
<van-popup v-model="isNecessaryPickerShow" position="bottom">
|
||||
<van-picker show-toolbar :columns="necessaryArr" @confirm="onNecessaryConfirm" @cancel="onNecessaryCancel" />
|
||||
</van-popup>
|
||||
<!-- 对象选择 -->
|
||||
<van-popup v-model="isTargetPickerShow" position="bottom">
|
||||
<van-picker show-toolbar :columns="targetArr" @confirm="onTargetConfirm" @cancel="onTargetCancel" />
|
||||
</van-popup>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Field, Popup, Picker } from 'vant'
|
||||
import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
|
||||
import dataDictionary from '@/assets/js/utils/data-dictionary'
|
||||
import { saveForm, nbsDetail } from '@/api/ebiz/nbs'
|
||||
import utils from '@/assets/js/common'
|
||||
import utils2 from '@/assets/js/business-common'
|
||||
|
||||
//顺位需求字典
|
||||
let necessaryDictionary = dataDictionary.necessaryDictionary
|
||||
|
||||
//对象字典
|
||||
let targetDictionary = dataDictionary.targetDictionary
|
||||
|
||||
//其他费用
|
||||
let otherCost = {
|
||||
object: '',
|
||||
projectName: '',
|
||||
projectCost: '',
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
//这两个必传，写死
|
||||
isDelete: '0',
|
||||
projectinfoId: ''
|
||||
}
|
||||
|
||||
export default {
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Popup.name]: Popup,
|
||||
[Picker.name]: Picker,
|
||||
FieldDatePicter
|
||||
},
|
||||
created() {
|
||||
//回填
|
||||
let id = localStorage.getItem('nbsId')
|
||||
let state = localStorage.getItem('nbsState')
|
||||
if (id && state) {
|
||||
nbsDetail({
|
||||
orderNo: id,
|
||||
nbsState: state
|
||||
}).then(res => {
|
||||
let keys = Object.keys(this.form)
|
||||
let obj = res.content
|
||||
for (let i in obj) {
|
||||
if (!keys.includes(i)) {
|
||||
delete obj[i]
|
||||
}
|
||||
}
|
||||
|
||||
if (!obj.proposalNbsProjectCostInfoDTOLst) obj.proposalNbsProjectCostInfoDTOLst = [{ ...otherCost }]
|
||||
|
||||
this.form = obj
|
||||
this.filterSelectedList()
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
necessaryArr: necessaryDictionary.map(v => v.value),
|
||||
targetArr: targetDictionary.map(v => v.value),
|
||||
isNecessaryPickerShow: false,
|
||||
clickedNecessaryIndex: null,
|
||||
isTargetPickerShow: false,
|
||||
clickedTargetIndex: null,
|
||||
form: {
|
||||
firstCostRequirements: '',
|
||||
secondCostRequirements: '',
|
||||
thirdCostRequirements: '',
|
||||
livingCosts: '',
|
||||
raisingAge: '',
|
||||
loanBalance: '',
|
||||
remainRepaymentTime: '',
|
||||
charterMoney: '',
|
||||
rentHouseNumber: '',
|
||||
myParentsAge: '',
|
||||
myMotherAge: '',
|
||||
myParentsRaisemoney: '',
|
||||
wifeParentsAge: '',
|
||||
wifeMotherAge: '',
|
||||
wifeParentsRaisemoney: '',
|
||||
educationalCostOne: '',
|
||||
educationalCostTwo: '',
|
||||
educationalCostThree: '',
|
||||
hospitalizationCost: '',
|
||||
myFuneralExpenses: '',
|
||||
wifeFuneralExpenses: '',
|
||||
myEstimateTotalassets: '',
|
||||
wifeEstimateTotalassets: '',
|
||||
proposalNbsProjectCostInfoDTOLst: [{ ...otherCost }],
|
||||
isDelete: '0'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
necessaryFieldClick(index) {
|
||||
this.isNecessaryPickerShow = true
|
||||
this.clickedNecessaryIndex = index
|
||||
},
|
||||
onNecessaryConfirm(v) {
|
||||
this.isNecessaryPickerShow = false
|
||||
|
||||
let form = this.form
|
||||
//van-picker不能传字符串数组，所以这里根据选择的项的文本，找到它的code码来保存
|
||||
let selectedCode
|
||||
necessaryDictionary.forEach(value => {
|
||||
if (value.value === v) {
|
||||
selectedCode = value.code
|
||||
}
|
||||
})
|
||||
switch (this.clickedNecessaryIndex) {
|
||||
case 1:
|
||||
form.firstCostRequirements = selectedCode
|
||||
break
|
||||
case 2:
|
||||
form.secondCostRequirements = selectedCode
|
||||
break
|
||||
case 3:
|
||||
form.thirdCostRequirements = selectedCode
|
||||
break
|
||||
}
|
||||
|
||||
//已经选过的，就不能再次选了。所以每当选择时，把所有已选过的剔除出列表
|
||||
this.filterSelectedList()
|
||||
},
|
||||
filterSelectedList() {
|
||||
//已经选过的，就不能再次选了。把所有已选过的剔除出列表
|
||||
let form = this.form
|
||||
let selectedArr = [form.firstCostRequirements, form.secondCostRequirements, form.thirdCostRequirements]
|
||||
let necessaryArr = []
|
||||
necessaryDictionary.forEach(v => {
|
||||
if (selectedArr.indexOf(v.code) === -1) {
|
||||
necessaryArr.push(v.value)
|
||||
}
|
||||
})
|
||||
this.necessaryArr = necessaryArr
|
||||
},
|
||||
onNecessaryCancel() {
|
||||
this.isNecessaryPickerShow = false
|
||||
},
|
||||
getNecessaryText(code) {
|
||||
for (let i of necessaryDictionary) {
|
||||
if (i.code === code) {
|
||||
return i.value
|
||||
}
|
||||
}
|
||||
},
|
||||
add() {
|
||||
this.form.proposalNbsProjectCostInfoDTOLst.push({ ...otherCost })
|
||||
},
|
||||
del(index) {
|
||||
this.$set(this.form.proposalNbsProjectCostInfoDTOLst, index, null)
|
||||
},
|
||||
dateFormatter(type, value) {
|
||||
if (type === 'year') {
|
||||
return `${value}年`
|
||||
} else if (type === 'month') {
|
||||
return `${value}月`
|
||||
}
|
||||
return value
|
||||
},
|
||||
targetFieldClick(index) {
|
||||
this.clickedTargetIndex = index
|
||||
this.isTargetPickerShow = true
|
||||
},
|
||||
getTargetText(code) {
|
||||
for (let v of targetDictionary) {
|
||||
if (v.code === code) {
|
||||
return v.value
|
||||
}
|
||||
}
|
||||
},
|
||||
onTargetConfirm(v, index) {
|
||||
this.isTargetPickerShow = false
|
||||
|
||||
let list = this.form.proposalNbsProjectCostInfoDTOLst,
|
||||
value = targetDictionary[index].code
|
||||
this.$set(list[this.clickedTargetIndex], 'object', value)
|
||||
},
|
||||
onTargetCancel() {
|
||||
this.isTargetPickerShow = false
|
||||
},
|
||||
submit() {
|
||||
let form = utils.deepCopy(this.form)
|
||||
form.orderNo = localStorage.getItem('nbsId')
|
||||
form.type = '1'
|
||||
form.proposalNbsProjectCostInfoDTOLst = form.proposalNbsProjectCostInfoDTOLst.filter(v => v)
|
||||
form.dateOfEntry = utils2.formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss')
|
||||
form.isDelete = '0'
|
||||
saveForm(form).then(res => {
|
||||
if (res.result === '0') {
|
||||
this.$toast('保存成功')
|
||||
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/nav`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/nav`
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/sass/nbs';
|
||||
.necessary-container {
|
||||
@include container;
|
||||
}
|
||||
</style>
|
||||
213
src/views/ebiz/nbs/Prepared.vue
Normal file
213
src/views/ebiz/nbs/Prepared.vue
Normal file
@@ -0,0 +1,213 @@
|
||||
<template>
|
||||
<div class="prepared-container">
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">已投保保险</p>
|
||||
<div v-for="(item, index) in form.proposalNbsInsuredInfoDTOLst" :key="index">
|
||||
<template v-if="item">
|
||||
<van-field
|
||||
clearable
|
||||
readonly
|
||||
label="对象"
|
||||
name="对象"
|
||||
right-icon="arrow"
|
||||
placeholder="请选择"
|
||||
@click="targetFieldClick(index)"
|
||||
:value="getTargetText(item.haveiNsurance)"
|
||||
></van-field>
|
||||
<van-field
|
||||
clearable
|
||||
readonly
|
||||
label="险种类型"
|
||||
name="险种类型"
|
||||
right-icon="arrow"
|
||||
placeholder="请选择"
|
||||
@click="insuranceFieldClick(index)"
|
||||
:value="getInsuranceText(item.plantType)"
|
||||
></van-field>
|
||||
<van-field clearable label="满期岁" name="满期岁" placeholder="请输入" v-model="item.ageofMaturity"></van-field>
|
||||
<van-field clearable label="保险金额（万元）" name="保险金额（万元）" placeholder="请输入" v-model="item.insuredAmount"></van-field>
|
||||
<div class="nbs-del" @click="del(index)"><van-icon name="delete"></van-icon></div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="nbs-add" @click="add">+ 添加已投保保险</div>
|
||||
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">收入及储蓄</p>
|
||||
<van-field clearable label="目前年收入（万元）" name="目前年收入（万元）" placeholder="请输入" v-model="form.myAnnualIncome"></van-field>
|
||||
<van-field clearable label="预计工作至（岁）" name="预计工作至（岁）" placeholder="请输入" v-model="form.myFutureWorkinglife"></van-field>
|
||||
<van-field clearable label="其他收入（万元/年）" name="其他收入（万元/年）" placeholder="请输入" v-model="form.myOtherRevenue"></van-field>
|
||||
<van-field clearable label="预计可收年数（年）" name="预计可收年数（年）" placeholder="请输入" v-model="form.myOtherRevenueExpectedyear"></van-field>
|
||||
<van-field clearable label="现有储蓄（万元）" name="现有储蓄（万元）" placeholder="请输入" v-model="form.myAssets"></van-field>
|
||||
<van-field clearable label="配偶目前年收入（万元）" name="配偶目前年收入（万元）" placeholder="请输入" v-model="form.wifeAnnualIncome"></van-field>
|
||||
<van-field clearable label="配偶预计工作至（岁）" name="配偶预计工作至（岁）" placeholder="请输入" v-model="form.wifeFutureWorkinglife"></van-field>
|
||||
<van-field clearable label="配偶其他收入（万元/年）" name="配偶其他收入（万元/年）" placeholder="请输入" v-model="form.wifeOtherRevenue"></van-field>
|
||||
<van-field
|
||||
clearable
|
||||
label="配偶预计可收年数（年）"
|
||||
name="配偶预计可收年数（年）"
|
||||
placeholder="请输入"
|
||||
v-model="form.wifeOtherRevenueExpectedyear"
|
||||
></van-field>
|
||||
<van-field clearable label="配偶现有储蓄（万元）" name="配偶现有储蓄（万元）" placeholder="请输入" v-model="form.wifeAssets"></van-field>
|
||||
<van-button type="danger" class="bottom-btn" @click="submit" v-no-more-click="1000">完成</van-button>
|
||||
|
||||
<!-- 对象选择 -->
|
||||
<van-popup v-model="isTargetPickerShow" position="bottom">
|
||||
<van-picker show-toolbar :columns="targetArr" @confirm="onTargetConfirm" @cancel="onTargetCancel" />
|
||||
</van-popup>
|
||||
<!-- 险种类型选择 -->
|
||||
<van-popup v-model="isInsurancePickerShow" position="bottom">
|
||||
<van-picker show-toolbar :columns="insuranceArr" @confirm="onInsuranceConfirm" @cancel="onInsuranceCancel" />
|
||||
</van-popup>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Field, Popup, Picker } from 'vant'
|
||||
import dataDictionary from '@/assets/js/utils/data-dictionary'
|
||||
import utils from '@/assets/js/common'
|
||||
import { saveForm, nbsDetail } from '@/api/ebiz/nbs'
|
||||
import utils2 from '@/assets/js/business-common'
|
||||
|
||||
//对象字典
|
||||
let targetDictionary = dataDictionary.targetDictionary
|
||||
//险种类型字典
|
||||
let insuranceDictionary = dataDictionary.insuranceDictionary
|
||||
|
||||
let insuredItem = {
|
||||
haveiNsurance: '',
|
||||
plantType: '',
|
||||
insuredAmount: '',
|
||||
ageofMaturity: '',
|
||||
|
||||
//这两项必填写死
|
||||
insuredinfoId: '',
|
||||
isDelete: '0'
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
proposalNbsInsuredInfoDTOLst: [{ ...insuredItem }],
|
||||
myAnnualIncome: '',
|
||||
myFutureWorkinglife: '',
|
||||
myOtherRevenue: '',
|
||||
myOtherRevenueExpectedyear: '',
|
||||
myAssets: '',
|
||||
wifeAnnualIncome: '',
|
||||
wifeFutureWorkinglife: '',
|
||||
wifeOtherRevenue: '',
|
||||
wifeOtherRevenueExpectedyear: '',
|
||||
wifeAssets: '',
|
||||
isDelete: '0'
|
||||
},
|
||||
targetArr: targetDictionary.map(v => v.value),
|
||||
isTargetPickerShow: false,
|
||||
clickedTargetIndex: null,
|
||||
insuranceArr: insuranceDictionary.map(v => v.value),
|
||||
isInsurancePickerShow: false,
|
||||
clickedInsurancetIndex: null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
insuranceFieldClick(index) {
|
||||
this.clickedInsurancetIndex = index
|
||||
this.isInsurancePickerShow = true
|
||||
},
|
||||
onInsuranceConfirm(value, index) {
|
||||
let code = insuranceDictionary[index].code
|
||||
this.$set(this.form.proposalNbsInsuredInfoDTOLst[this.clickedInsurancetIndex], 'plantType', code)
|
||||
this.isInsurancePickerShow = false
|
||||
},
|
||||
onInsuranceCancel() {
|
||||
this.isInsurancePickerShow = false
|
||||
},
|
||||
getInsuranceText(code) {
|
||||
for (let v of insuranceDictionary) {
|
||||
if (v.code === code) {
|
||||
return v.value
|
||||
}
|
||||
}
|
||||
},
|
||||
targetFieldClick(index) {
|
||||
this.clickedTargetIndex = index
|
||||
this.isTargetPickerShow = true
|
||||
},
|
||||
onTargetConfirm(value, index) {
|
||||
let code = targetDictionary[index].code
|
||||
this.$set(this.form.proposalNbsInsuredInfoDTOLst[this.clickedTargetIndex], 'haveiNsurance', code)
|
||||
this.isTargetPickerShow = false
|
||||
},
|
||||
onTargetCancel() {
|
||||
this.isTargetPickerShow = false
|
||||
},
|
||||
getTargetText(code) {
|
||||
for (let v of targetDictionary) {
|
||||
if (v.code === code) {
|
||||
return v.value
|
||||
}
|
||||
}
|
||||
},
|
||||
add() {
|
||||
this.form.proposalNbsInsuredInfoDTOLst.push({ ...insuredItem })
|
||||
},
|
||||
del(index) {
|
||||
this.$set(this.form.proposalNbsInsuredInfoDTOLst, index, null)
|
||||
},
|
||||
submit() {
|
||||
let form = utils.deepCopy(this.form)
|
||||
form.proposalNbsInsuredInfoDTOLst = form.proposalNbsInsuredInfoDTOLst.filter(v => v)
|
||||
form.orderNo = localStorage.getItem('nbsId')
|
||||
form.type = '2'
|
||||
form.dateOfEntry = utils2.formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss')
|
||||
saveForm(form).then(res => {
|
||||
if (res.result === '0') {
|
||||
this.$toast('保存成功')
|
||||
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/nbs/nav`
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/nbs/nav`
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
//回填
|
||||
let id = localStorage.getItem('nbsId')
|
||||
let state = localStorage.getItem('nbsState')
|
||||
if (id && state) {
|
||||
nbsDetail({
|
||||
orderNo: id,
|
||||
nbsState: state
|
||||
}).then(res => {
|
||||
let keys = Object.keys(this.form)
|
||||
let obj = res.content
|
||||
for (let i in obj) {
|
||||
if (!keys.includes(i)) {
|
||||
delete obj[i]
|
||||
}
|
||||
}
|
||||
|
||||
if (!obj.proposalNbsInsuredInfoDTOLst) obj.proposalNbsInsuredInfoDTOLst = [{ ...insuredItem }]
|
||||
|
||||
this.form = obj
|
||||
})
|
||||
}
|
||||
},
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Popup.name]: Popup,
|
||||
[Picker.name]: Picker
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import '@/assets/sass/nbs';
|
||||
.prepared-container {
|
||||
@include container;
|
||||
}
|
||||
</style>
|
||||
32
src/views/ebiz/nbs/Result.vue
Normal file
32
src/views/ebiz/nbs/Result.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="mt60 text-center success-icon">
|
||||
<van-icon name="passed"></van-icon>
|
||||
</div>
|
||||
<div class="mt50 fs18 text-center">报告已生成，点击查看</div>
|
||||
<div>
|
||||
<div class="result-button">经济支柱为客户本人</div>
|
||||
<div class="result-button">经济支柱为客户配偶</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.success-icon {
|
||||
font-size: 100px;
|
||||
line-height: 100px;
|
||||
color: #7ac067;
|
||||
}
|
||||
.result-button {
|
||||
box-sizing: border-box;
|
||||
margin: 28px auto 0 auto;
|
||||
width: 327px;
|
||||
height: 40px;
|
||||
line-height: 38px;
|
||||
border: 1px solid #66cc00;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
&:first-child {
|
||||
margin-top: 200px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user