mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-08 15:16:43 +08:00
xubao
This commit is contained in:
liu.xiaofeng@ebiz-digits.com
23
src/router/ebiz/healthInsuranceRenewal.js
Normal file
23
src/router/ebiz/healthInsuranceRenewal.js
Normal file
@@ -0,0 +1,23 @@
|
||||
//健康险续保 定义相关组件
|
||||
const healthInsuranceRenewalList = () => import('@/views/ebiz/healthInsuranceRenewal/list')
|
||||
const healthInsuranceRenewalDetail = () => import('@/views/ebiz/healthInsuranceRenewal/detail')
|
||||
export default [
|
||||
{
|
||||
path: '/healthInsuranceRenewal/list',
|
||||
name: 'healthInsuranceRenewalList',
|
||||
component: healthInsuranceRenewalList,
|
||||
meta: {
|
||||
title: '健康险续保清单',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/healthInsuranceRenewal/detail',
|
||||
name: 'healthInsuranceRenewalDetail',
|
||||
component: healthInsuranceRenewalDetail,
|
||||
meta: {
|
||||
title: '保单详情',
|
||||
index: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
@@ -49,6 +49,8 @@ import allowance from './allowance'
|
||||
import cooperativeUnit from './cooperativeUnit'
|
||||
// YB_APP
|
||||
import YB_APP from '../YB_APP/index'
|
||||
//健康险续保
|
||||
import healthInsuranceRenewal from './healthInsuranceRenewal'
|
||||
export default [
|
||||
...proposal,
|
||||
...sale,
|
||||
@@ -86,5 +88,6 @@ export default [
|
||||
...laurelClub,
|
||||
...allowance,
|
||||
...cooperativeUnit,
|
||||
...YB_APP
|
||||
...YB_APP,
|
||||
...healthInsuranceRenewal
|
||||
] //根据需要进行删减
|
||||
|
||||
61
src/views/ebiz/healthInsuranceRenewal/detail.vue
Normal file
61
src/views/ebiz/healthInsuranceRenewal/detail.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<template>
|
||||
<div class="detail-container pb50">
|
||||
<van-cell title="客户名称" value="陈伟" />
|
||||
<van-cell title="地址" value="广西-南宁市-兴宁区" />
|
||||
<van-cell title="联系人姓名" value="李伟" />
|
||||
<van-cell title="联系电话" value="17722228789" />
|
||||
<van-cell title="保单号" value="6929201022290" />
|
||||
<van-cell title="保单保费" value="5200.00元" />
|
||||
<van-cell title="代理人" value="李晓娟" />
|
||||
<van-cell title="代理人工号" value="1534456456" />
|
||||
<van-collapse v-model="activeName1">
|
||||
<van-collapse-item title="续保意见" name="1">
|
||||
<div>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
<van-collapse v-model="activeName2">
|
||||
<van-collapse-item title="未续保原因" name="1">
|
||||
<div>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Collapse, CollapseItem, Cell} from 'vant'
|
||||
export default {
|
||||
components: {
|
||||
[Collapse.name]: Collapse,
|
||||
[CollapseItem.name]: CollapseItem,
|
||||
[Cell.name]: Cell
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dataInfo:{},
|
||||
activeName1:[],
|
||||
activeName2:[]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods:{
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/deep/ .van-cell__title{
|
||||
flex:1;
|
||||
}
|
||||
/deep/ .van-cell__value{
|
||||
flex:2;
|
||||
}
|
||||
/deep/ .van-cell__value {
|
||||
text-align: left !important;
|
||||
}
|
||||
</style>
|
||||
141
src/views/ebiz/healthInsuranceRenewal/list.vue
Normal file
141
src/views/ebiz/healthInsuranceRenewal/list.vue
Normal file
@@ -0,0 +1,141 @@
|
||||
<template>
|
||||
<div class="sale-list-container pb50">
|
||||
<van-search placeholder="请选择客户经理姓名" v-model="searchName" @change="searchList" @keyup.enter="searchList" />
|
||||
<van-sticky>
|
||||
<van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
|
||||
<van-tab name="uncommit" title="未续保"></van-tab>
|
||||
<van-tab name="commit" title="已续保"></van-tab>
|
||||
</van-tabs>
|
||||
</van-sticky>
|
||||
|
||||
<van-list
|
||||
v-model="loading"
|
||||
:immediate-check="false"
|
||||
:finished="finished"
|
||||
:finished-text="finishedText"
|
||||
error-text="请求失败，点击重新加载"
|
||||
:error.sync="error"
|
||||
@load="getOrderList"
|
||||
class="pb45">
|
||||
<div v-if="listData.length > 0">
|
||||
<div v-for="(item, index) in listData" :key="index">
|
||||
<div style="background: #fff;margin: 15px;border-radius: 5px;padding: 15px;">
|
||||
<div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">客户名称</span><span style="width: 60%;display: inline-block;">{{item.name}}</span></div>
|
||||
<div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">保单号</span><span style="width: 60%;display: inline-block;">{{item.contNo}}</span></div>
|
||||
<div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">保单终止时间</span><span style="width: 60%;display: inline-block;">{{item.endDate}}</span></div>
|
||||
<div style="line-height: 35px;" v-if="item.continueFlag == '0'"><span style="width: 40%;display: inline-block;">是否续保</span><span style="width: 60%;display: inline-block;color: #d9001b;">未续保</span></div>
|
||||
<div style="line-height: 35px;" v-if="item.continueFlag == '1'"><span style="width: 40%;display: inline-block;">是否续保</span><span style="width: 60%;display: inline-block;">已续保</span></div>
|
||||
<div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">服务经理</span><span style="width: 60%;display: inline-block;">{{item.agentManager}}</span></div>
|
||||
<div style="line-height: 35px;display: flex;justify-content: flex-end;"><van-button round @click="goDetail(item)" size="small" style="height: 26px;line-height: 26px;" class="mr5" type="danger" v-no-more-click="1000">详情</van-button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-else class="text-center">
|
||||
<img class="mt40" src="@/assets/images/pic_page-non.png" />
|
||||
<div class="fs17 mt40">暂无数据</div>
|
||||
</div>
|
||||
</van-list>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Search, Tabs, Tab, List, Tag, Sticky, Field } from 'vant'
|
||||
|
||||
export default {
|
||||
name: 'saleList',
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Search.name]: Search,
|
||||
[Tabs.name]: Tabs,
|
||||
[Tab.name]: Tab,
|
||||
[List.name]: List,
|
||||
[Tag.name]: Tag,
|
||||
[Sticky.name]: Sticky,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
searchName: '',
|
||||
active: 'uncommit',
|
||||
listData: [
|
||||
{name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'0',agentManager:'李晓娟'},
|
||||
{name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'1',agentManager:'李晓娟'},
|
||||
{name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'0',agentManager:'李晓娟'},
|
||||
{name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'1',agentManager:'李晓娟'},
|
||||
{name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'0',agentManager:'李晓娟'},
|
||||
{name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'1',agentManager:'李晓娟'},
|
||||
],
|
||||
loading: false,
|
||||
finished: false,
|
||||
total: '',
|
||||
currentPage: 1,
|
||||
error: false,
|
||||
finishedText: '没有更多了',
|
||||
pageSize: 5,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
//列表查询
|
||||
getOrderList() {
|
||||
// let params = {
|
||||
//
|
||||
// }
|
||||
// orderList(params).then(res => {
|
||||
// if (res.result == '0') {
|
||||
// this.currentPage++
|
||||
// if (!res.orderDTOPageInfo) {
|
||||
// this.finished = true
|
||||
// this.loading = false
|
||||
// this.finishedText = ''
|
||||
// return false
|
||||
// }
|
||||
// this.listData = res.orderDTOPageInfo.list
|
||||
// if (list.length == 0) {
|
||||
// this.finishedText = ''
|
||||
// } else {
|
||||
// this.finishedText = '已经全部加载'
|
||||
// }
|
||||
// this.loading = false
|
||||
// if (res.orderDTOPageInfo.nextPage == 0) {
|
||||
// //当下一页为0时 表示全部数据加载完毕
|
||||
// this.finished = true
|
||||
// this.loading = false
|
||||
// }
|
||||
// } else {
|
||||
// this.$toast(res.resultMessage)
|
||||
// }
|
||||
// })
|
||||
},
|
||||
tabChange(name) {
|
||||
this.currentPage = 1
|
||||
this.active = name
|
||||
this.listData = []
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
this.finishedText = '正在加载...'
|
||||
this.getOrderList()
|
||||
},
|
||||
searchList() {
|
||||
this.currentPage = 1
|
||||
this.listData = []
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
this.finishedText = '正在加载...'
|
||||
this.getOrderList()
|
||||
},
|
||||
//投保单详情
|
||||
goDetail(item) {
|
||||
this.$router.push({
|
||||
path: '/healthInsuranceRenewal/detail',
|
||||
query: {
|
||||
contNo: item.contNo
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user