Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning

Blame view

src/pages/custom-service/components/insurance-query.vue 10.3 KB
Raw Normal View History Permalink
1
0c0f85f5
 
joe committed
1 
<template>
默认提交
3966f9bb
 
simon committed
2 
	<div class="container">
客户挂宝流程
605fa8d5
 
joe committed
3 
		<auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" :tipModel="'m1'" ref="auth"></auth>
基本功能調整
86df2077
 
joe committed
4 
		<div v-if="showForm">
完成大部分功能
08eea576
 
joe committed
5 
			<policy-head-list :multiSelectable="false" @onSelect="handlePolicySelect"></policy-head-list>
1
0c0f85f5
 
joe committed
6
完成大部分功能
08eea576
 
joe committed
7 8 9 10 11 12 13 14 15 16 17 18 19 
			<template v-if="dataForm">
				<div class="cell-group">
					<div class="table-header">
						<div class="normal-header">
							<div class="title">{{$t('customService.insuranceQuery.t2Title')}}</div>
							<div class="guide" :class="{rotate180 : !insuranceForm.f1}" @click="insuranceForm.f1 = !insuranceForm.f1"></div>
						</div>
					</div>
					<div class="table-content" :class="{hide : !insuranceForm.f1}">
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n1')}}</div>
								<div class="label">{{dataForm.productName}}</div>
默认提交
3966f9bb
 
simon committed
20 
							</div>
完成大部分功能
08eea576
 
joe committed
21 22 23 
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n2')}}</div>
回销回执
0f58bc06
 
joe committed
24 
								<div class="label">{{dataForm.moneyMark}} {{formatMoney(dataForm.amount,0)}}</div>
默认提交
3966f9bb
 
simon committed
25 
							</div>
默认提交
66cc1f8e
 
simon committed
26 
						</div>
完成大部分功能
08eea576
 
joe committed
27 28 29 30 
						<div class="separator-h"></div>
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n3')}}</div>
部分修改备份
35af58f3
 
joe committed
31 
								<div class="label">{{dataForm.activeDate?dataForm.activeDate.split(" ")[0]:""}}</div>
默认提交
3966f9bb
 
simon committed
32 
							</div>
完成大部分功能
08eea576
 
joe committed
33 34 35 
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n4')}}</div>
修复18-19号提到的BUG
a35c232e
 
joe committed
36 
								<div class="label">{{dataForm.insuredPeriod}}</div>
默认提交
3966f9bb
 
simon committed
37 38 
							</div>
						</div>
完成大部分功能
08eea576
 
joe committed
39 40 41 42 43 
						<div class="separator-h"></div>
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n5')}}<span @click="toModifyPage(1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
								<div class="label">{{dataForm.insuredNameCn}}</div>
默认提交
3966f9bb
 
simon committed
44 
							</div>
完成大部分功能
08eea576
 
joe committed
45 46 47 48 
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n6')}}<span @click="toModifyPage(1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
								<div class="label">{{dataForm.insuredNameEn}}</div>
默认提交
3966f9bb
 
simon committed
49 
							</div>
默认提交
66cc1f8e
 
simon committed
50 
						</div>
完成大部分功能
08eea576
 
joe committed
51 52 53 54 
						<div class="separator-h"></div>
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n7')}}</div>
部分修改备份
35af58f3
 
joe committed
55 
								<div class="label">{{dataForm.insuredBirthday?dataForm.insuredBirthday.split(" ")[0]:""}}</div>
完成大部分功能
08eea576
 
joe committed
56 57 58 59 60 
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t2n8')}}<span @click="toModifyPage(1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
								<div class="label">{{dataForm.insuredIdNumber}}</div>
默认提交
3966f9bb
 
simon committed
61 
							</div>
默认提交
66cc1f8e
 
simon committed
62 
						</div>
默认提交
00614d72
 
simon committed
63
默认提交
66cc1f8e
 
simon committed
64 
					</div>
完成大部分功能
08eea576
 
joe committed
65 
				</div>
1
0c0f85f5
 
joe committed
66
完成大部分功能
08eea576
 
joe committed
67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 
				<div class="cell-group">
					<div class="table-header">
						<div class="normal-header">
							<div class="title">{{$t('customService.insuranceQuery.t3Title')}}</div>
							<div class="guide" :class="{rotate180 : !insuranceForm.f2}" @click="insuranceForm.f2 = !insuranceForm.f2"></div>
						</div>
					</div>
					<div class="table-content" :class="{hide : !insuranceForm.f2}">
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t3n1')}}<span @click="toModifyPage(2)">{{$t('customService.insuranceQuery.modify')}}</span></div>
								<div class="label">{{dataForm.clientNameCn}}</div>
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t3n2')}}<span @click="toModifyPage(2)">{{$t('customService.insuranceQuery.modify')}}</span></div>
								<div class="label">{{dataForm.clientNameEn}}</div>
默认提交
3966f9bb
 
simon committed
84 
							</div>
默认提交
66cc1f8e
 
simon committed
85 
						</div>
完成大部分功能
08eea576
 
joe committed
86 87 88 89 
						<div class="separator-h"></div>
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t3n3')}}</div>
部分修改备份
35af58f3
 
joe committed
90 
								<div class="label">{{dataForm.clientBirthday?dataForm.clientBirthday.split(" ")[0]:""}}</div>
完成大部分功能
08eea576
 
joe committed
91 92 93 94 95 
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t3n4')}}<span @click="toModifyPage(2)">{{$t('customService.insuranceQuery.modify')}}</span></div>
								<div class="label">{{dataForm.clientIdNumber}}</div>
默认提交
3966f9bb
 
simon committed
96 
							</div>
默认提交
66cc1f8e
 
simon committed
97 
						</div>
完成大部分功能
08eea576
 
joe committed
98 99 100 
						<div class="separator-h"></div>
						<div class="data-line">
							<div class="cell1">
部分修改备份
26117ad8
 
joe committed
101 
								<div class="label">{{$t('customService.insuranceQuery.t3n5')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
完成大部分功能
08eea576
 
joe committed
102 103 104 105 
								<div class="label">{{dataForm.clientLivingAddress}}</div>
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
部分修改备份
26117ad8
 
joe committed
106 
								<div class="label">{{$t('customService.insuranceQuery.t3n6')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
完成大部分功能
08eea576
 
joe committed
107 108 
								<div class="label">{{dataForm.clientContactAddress}}</div>
							</div>
默认提交
3966f9bb
 
simon committed
109 
						</div>
完成大部分功能
08eea576
 
joe committed
110 111 112 
						<div class="separator-h"></div>
						<div class="data-line">
							<div class="cell1">
部分修改备份
26117ad8
 
joe committed
113 
								<div class="label">{{$t('customService.insuranceQuery.t3n7')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
完成大部分功能
08eea576
 
joe committed
114 115 116 117 
								<div class="label">{{dataForm.clientMobileNo}}</div>
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
部分修改备份
26117ad8
 
joe committed
118 
								<div class="label">{{$t('customService.insuranceQuery.t3n8')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
完成大部分功能
08eea576
 
joe committed
119 
								<div class="label">{{dataForm.clientEmail}}</div>
默认提交
3966f9bb
 
simon committed
120 
							</div>
默认提交
66cc1f8e
 
simon committed
121 
						</div>
1
0c0f85f5
 
joe committed
122
默认提交
3966f9bb
 
simon committed
123 
					</div>
默认提交
66cc1f8e
 
simon committed
124 
				</div>
1
0c0f85f5
 
joe committed
125
完成大部分功能
08eea576
 
joe committed
126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 
				<div class="cell-group cell-between">
					<div class="table-header">
						<div class="normal-header">
							<div class="title">{{$t('customService.insuranceQuery.t4Title')}}</div>
							<div class="guide" :class="{rotate180 : !insuranceForm.f3}" @click="insuranceForm.f3 = !insuranceForm.f3"></div>
						</div>
					</div>
					<div class="table-content" :class="{hide : !insuranceForm.f3}">
						<div class="data-line">
							<div class="td w2">{{$t('customService.insuranceQuery.t4NameCn')}}</div>
							<div class="td w2">{{$t('customService.insuranceQuery.t4NameEn')}}</div>
							<div class="td w2">{{$t('customService.insuranceQuery.t4Relation')}}</div>
							<div class="td w2">{{$t('customService.insuranceQuery.t4Allocation')}}</div>
						</div>
						<div class="separator-h"></div>
默认提交
00614d72
 
simon committed
141
完成大部分功能
08eea576
 
joe committed
142 143 144 145 146 147 148 149 
						<div v-for="(item,index) in dataForm.benefitList" :key="index">
							<div class="data-line">
								<div class="td w2">{{item.name}}</div>
								<div class="td w2">{{item.nameEn}}</div>
								<div class="td w2">{{item.benefitType}}</div>
								<div class="td w2">{{item.benefitRate}}</div>
							</div>
							<div class="separator-h" v-if="index < dataForm.benefitList.length - 1"></div>
默认提交
3966f9bb
 
simon committed
150 151 
						</div>
					</div>
完成大部分功能
08eea576
 
joe committed
152 
				</div>
1
0c0f85f5
 
joe committed
153
完成大部分功能
08eea576
 
joe committed
154 155 156 157 158 159 160 161 162 163 164 
				<div class="cell-group">
					<div class="table-header">
						<div class="normal-header">
							<div class="title">{{$t('customService.insuranceQuery.t5Title')}}</div>
							<div class="guide" :class="{rotate180 : !insuranceForm.f4}" @click="insuranceForm.f4 = !insuranceForm.f4"></div>
						</div>
					</div>
					<div class="table-content" :class="{hide : !insuranceForm.f4}">
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t5PaymentPeriod')}}</div>
回销回执
0f58bc06
 
joe committed
165 
								<div class="label">{{dataForm.payPeriod}}</div>
完成大部分功能
08eea576
 
joe committed
166 167 168 169 170 171 
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t5PaymentMethod')}}</div>
								<div class="label">{{dataForm.payType}}</div>
							</div>
默认提交
3966f9bb
 
simon committed
172 
						</div>
完成大部分功能
08eea576
 
joe committed
173 
						<div class="separator-h"></div>
默认提交
3966f9bb
 
simon committed
174
完成大部分功能
08eea576
 
joe committed
175 176 177 
						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t5PaymentCurrency')}}</div>
回销回执
0f58bc06
 
joe committed
178 
								<div class="label">{{dataForm.moneyName}}</div>
完成大部分功能
08eea576
 
joe committed
179 180 181 182 
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t5CurrentPremium')}}</div>
回销回执
0f58bc06
 
joe committed
183 
								<div class="label">{{dataForm.moneyMark}} {{formatMoney(dataForm.premium)}}</div>
完成大部分功能
08eea576
 
joe committed
184 
							</div>
默认提交
3966f9bb
 
simon committed
185 
						</div>
完成大部分功能
08eea576
 
joe committed
186 187 188 189 190 191 192 193 194 195 196 197 
						<div class="separator-h"></div>

						<div class="data-line">
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t5PaymentBank')}}</div>
								<div class="label">{{dataForm.bankName}}</div>
							</div>
							<div class="separator-v"></div>
							<div class="cell1">
								<div class="label">{{$t('customService.insuranceQuery.t5PaymentAccount')}}</div>
								<div class="label">{{dataForm.bankAccount}}</div>
							</div>
默认提交
3966f9bb
 
simon committed
198 
						</div>
完成大部分功能
08eea576
 
joe committed
199 
						<div class="separator-h"></div>
默认提交
66cc1f8e
 
simon committed
200 201 
					</div>
				</div>
1
0c0f85f5
 
joe committed
202
完成大部分功能
08eea576
 
joe committed
203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 
				<div class="cell-group cell-between">
					<div class="table-header">
						<div class="normal-header">
							<div class="title">{{$t('customService.insuranceQuery.t6Title')}}</div>
							<div class="guide" :class="{rotate180 : !insuranceForm.f5}" @click="insuranceForm.f5 = !insuranceForm.f5"></div>
						</div>
					</div>
					<div class="table-content" :class="{hide : !insuranceForm.f5}">
						<div class="data-line">
							<div class="td w2">{{$t('customService.insuranceQuery.t6PaymentPeriod')}}</div>
							<div class="td w2">{{$t('customService.insuranceQuery.t6PaymentMethod')}}</div>
							<div class="td w2">{{$t('customService.insuranceQuery.t6ClosingDate')}}</div>
							<div class="td w2">{{$t('customService.insuranceQuery.t6PaymentAmount')}}</div>
						</div>
						<div class="separator-h"></div>
						<div v-for="(item,index) in dataForm.pandupList" :key="index">
							<div class="data-line">
								<div class="td w2">{{item.paidPeriod}}</div>
								<div class="td w2">{{item.payType}}</div>
部分修改备份
35af58f3
 
joe committed
222 
								<div class="td w2">{{item.receiptDate?item.receiptDate.split(" ")[0]:""}}</div>
回销回执
0f58bc06
 
joe committed
223 
								<div class="td w2">{{dataForm.moneyMark}} {{formatMoney(item.totalPremium)}}</div>
完成大部分功能
08eea576
 
joe committed
224 225 226 
							</div>
							<div class="separator-h" v-if="index < dataForm.pandupList.length - 1"></div>
						</div>
默认提交
3966f9bb
 
simon committed
227 
					</div>
默认提交
66cc1f8e
 
simon committed
228 
				</div>
完成大部分功能
08eea576
 
joe committed
229 230 231 232 
			</template>

			<template v-else>
			</template>
默认提交
66cc1f8e
 
simon committed
233 234 
		</div>
	</div>
1
0c0f85f5
 
joe committed
235 236 237 238 239 240 
</template>


<script src="./insurance-query.js"></script>
<style lang="scss" scoped>
@import "./insurance-query.scss";
no message
5b4c368c
 
simon committed
241 
</style>