mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-19 00:56:45 +08:00
[FIX]【卡单】信息页-指定生效日期接口字段修改;列表页增加我的订单栏
This commit is contained in:
@@ -2,15 +2,10 @@
|
|||||||
<div class="card-Insurance">
|
<div class="card-Insurance">
|
||||||
<div class="card-Insurance-box">
|
<div class="card-Insurance-box">
|
||||||
<div class="card-Insurance-header">
|
<div class="card-Insurance-header">
|
||||||
<!-- <div class="Tab">
|
|
||||||
<div class="tab" v-for="(item, index) in arr" :key="index" @click="fnTab(index)">
|
|
||||||
<span :class="{ ac: iNow == index }">{{ item }}</span>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<van-tabs v-model="activeName" @click="changeTab">
|
<van-tabs v-model="activeName" @click="changeTab">
|
||||||
<van-tab title="产品列表" name="product">
|
<van-tab title="产品列表" name="product">
|
||||||
<div class="show">
|
<div class="show">
|
||||||
<ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
|
<ul class="card-Products">
|
||||||
<li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
|
<li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
|
||||||
<div>
|
<div>
|
||||||
<img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
|
<img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
|
||||||
@@ -27,29 +22,30 @@
|
|||||||
</li>
|
</li>
|
||||||
</template>
|
</template>
|
||||||
</ul>
|
</ul>
|
||||||
<!-- <ul class="myCard" :style="this.iNow == 1 ? 'display:block' : 'display:none'">
|
|
||||||
<li
|
|
||||||
v-for="(itemiNow, index) in tAb"
|
|
||||||
style=" border: 1px solid #dadada;box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);"
|
|
||||||
class="mb10 pl15 pt15"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<p>{{ itemiNow.h }}</p>
|
|
||||||
<span>{{ itemiNow.span1 }}</span>
|
|
||||||
<span>{{ itemiNow.span2 }}</span>
|
|
||||||
<span>{{ itemiNow.span3 }}</span>
|
|
||||||
<span>{{ itemiNow.span4 }}</span>
|
|
||||||
</li>
|
|
||||||
<template v-if="tAb.length === 0">
|
|
||||||
<li class="flex flex-direction-colunm align-items-c">
|
|
||||||
<img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
|
|
||||||
<p class="gray text-center pt20">暂无产品</p>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
</ul> -->
|
|
||||||
</div>
|
</div>
|
||||||
</van-tab>
|
</van-tab>
|
||||||
<van-tab title="我的订单" name="order"> </van-tab>
|
<van-tab title="我的订单" name="order">
|
||||||
|
<div class="order-container" v-for="(orderItem, index) in orderList" :key="index">
|
||||||
|
<div>
|
||||||
|
<span>投保单号:</span><span>{{ orderItem.text }}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>投保人:</span><span>{{ orderItem.text }}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>被保人:</span><span>{{ orderItem.text }}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>订单状态:</span><span>{{ orderItem.text }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<template v-if="orderList.length === 0">
|
||||||
|
<li class="flex flex-direction-colunm align-items-c">
|
||||||
|
<img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
|
||||||
|
<p class="gray text-center pt20">暂无订单</p>
|
||||||
|
</li>
|
||||||
|
</template>
|
||||||
|
</van-tab>
|
||||||
</van-tabs>
|
</van-tabs>
|
||||||
<!--<div class="show">
|
<!--<div class="show">
|
||||||
<ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
|
<ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
|
||||||
@@ -120,6 +116,8 @@ export default {
|
|||||||
// span: '保险费地,为孩子提供全方位的风险保障'
|
// span: '保险费地,为孩子提供全方位的风险保障'
|
||||||
// }
|
// }
|
||||||
],
|
],
|
||||||
|
orderList: [{ text: '11111' }, { text: '11111' }], //我的订单
|
||||||
|
// orderList: [], //我的订单
|
||||||
iNow: 0,
|
iNow: 0,
|
||||||
tAb: [
|
tAb: [
|
||||||
{
|
{
|
||||||
@@ -167,10 +165,6 @@ export default {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// fnTab(index) {
|
|
||||||
// this.iNow = index
|
|
||||||
// console.log(this.iNow)
|
|
||||||
// },
|
|
||||||
changeTab(name) {
|
changeTab(name) {
|
||||||
if (name == '产品列表') {
|
if (name == '产品列表') {
|
||||||
this.getLists()
|
this.getLists()
|
||||||
@@ -241,6 +235,16 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
} */
|
} */
|
||||||
|
.order-container {
|
||||||
|
margin: 10px;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 1px solid #dadada;
|
||||||
|
box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);
|
||||||
|
}
|
||||||
|
.order-container > div {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
.product-list-default-bg {
|
.product-list-default-bg {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
|
|||||||
@@ -152,18 +152,6 @@
|
|||||||
<!-- @nameChange="nameChanges" -->
|
<!-- @nameChange="nameChanges" -->
|
||||||
<!-- @on-click="selectClick('1', '1')" -->
|
<!-- @on-click="selectClick('1', '1')" -->
|
||||||
<select-radio required :disabled="true" :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
|
<select-radio required :disabled="true" :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
|
||||||
<FieldDatePicter
|
|
||||||
v-validate="'required'"
|
|
||||||
label="出生日期"
|
|
||||||
name="出生日期"
|
|
||||||
readonly
|
|
||||||
required
|
|
||||||
:value.sync="userInfo.birthday"
|
|
||||||
type="date"
|
|
||||||
:flag="true"
|
|
||||||
ref="insuredBirthday"
|
|
||||||
:maxDate="maxDate"
|
|
||||||
></FieldDatePicter>
|
|
||||||
<!-- @confirm="onDateConfirm($event, '5')" -->
|
<!-- @confirm="onDateConfirm($event, '5')" -->
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.idType | idToText('insuredIdType')"
|
:value="userInfo.idType | idToText('insuredIdType')"
|
||||||
@@ -191,6 +179,18 @@
|
|||||||
<!-- @blur="getRelatedData(insuredInfo.idNo, '2')" -->
|
<!-- @blur="getRelatedData(insuredInfo.idNo, '2')" -->
|
||||||
<!-- <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button> -->
|
<!-- <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button> -->
|
||||||
</van-field>
|
</van-field>
|
||||||
|
<FieldDatePicter
|
||||||
|
v-validate="'required'"
|
||||||
|
label="出生日期"
|
||||||
|
name="出生日期"
|
||||||
|
readonly
|
||||||
|
required
|
||||||
|
:value.sync="userInfo.birthday"
|
||||||
|
type="date"
|
||||||
|
:flag="true"
|
||||||
|
ref="insuredBirthday"
|
||||||
|
:maxDate="maxDate"
|
||||||
|
></FieldDatePicter>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<!-- 受益人信息 -->
|
<!-- 受益人信息 -->
|
||||||
<van-cell-group class="mt10">
|
<van-cell-group class="mt10">
|
||||||
@@ -204,7 +204,7 @@
|
|||||||
name="指定生效日期"
|
name="指定生效日期"
|
||||||
required
|
required
|
||||||
:minDate="now"
|
:minDate="now"
|
||||||
:value.sync="cValiDate"
|
:value.sync="userInfo.effectiveDate"
|
||||||
type="date"
|
type="date"
|
||||||
:flag="true"
|
:flag="true"
|
||||||
@confirm="onDateConfirm($event, '6')"
|
@confirm="onDateConfirm($event, '6')"
|
||||||
@@ -373,7 +373,6 @@ export default {
|
|||||||
sex: '0', //被保人性别
|
sex: '0', //被保人性别
|
||||||
birthday: '' //被保人出生日期
|
birthday: '' //被保人出生日期
|
||||||
},
|
},
|
||||||
cValiDate: '', //指定生效日期
|
|
||||||
selectUser: '',
|
selectUser: '',
|
||||||
areaList: areaList,
|
areaList: areaList,
|
||||||
currentPopupIndex: '',
|
currentPopupIndex: '',
|
||||||
@@ -918,8 +917,7 @@ export default {
|
|||||||
let params = {
|
let params = {
|
||||||
orderDTO: {
|
orderDTO: {
|
||||||
orderInfoDTO: {
|
orderInfoDTO: {
|
||||||
bnfFlag: '0',
|
bnfFlag: '0'
|
||||||
cValiDate: this.cValiDate
|
|
||||||
},
|
},
|
||||||
appntDTO: {},
|
appntDTO: {},
|
||||||
insuredDTOs: [
|
insuredDTOs: [
|
||||||
|
|||||||
Reference in New Issue
Block a user