Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
d982c9f3 by joe
Options

保單查詢多語言接入

1 parent b196a9fd
Inline Side-by-side
Showing 4 changed files with 225 additions and 65 deletions
...@@ -11,10 +11,63 @@ module.exports = { ...@@ -11,10 +11,63 @@ module.exports = {
11 nav: { 11 nav: {
12 ttt: "2" 12 ttt: "2"
13 }, 13 },
14 product : { 14 product: {
15 btnPosition : "Booking service", 15 btnPosition: "Booking service",
16 iconProblem : "Common problem", 16 iconProblem: "Common problem",
17 iconProcess : "Insurance process", 17 iconProcess: "Insurance process",
18 iconProduct : "Product details" 18 iconProduct: "Product details"
19 },
20 customService: {
21 name: "Customer service",
22 menu1: "Query",
23 menu2: "Change",
24 menu3: "Renewal",
25 menu4: "Claim",
26 menu5: "Booking",
27 menu6: "Complaint",
28 insuranceQuery: {
29 InsurantNumber: "Insurant number",
30 Insurant: "Insurant",
31 InsurantName: "Insurant name",
32 InsurantAmount: "Insurant amount",
33 effectiveDate: "Effective date",
34 period: "Guarantee period",
35
36 t2Title: "Guarantee information",
37 t2InsurantClassify: "Name of insurance",
38 t2InsurantAmount: "Insured amount",
39
40 t3Title: "Customer information",
41 t3InsurantNameCn: "Name of applicant (Cn)",
42 t3InsurantNameEn: "Name of applicant (En)",
43 t3InsurantIdNumber: "ID Number",
44 t3InsurantContactAddress: "Contact address",
45 t3InsurantAddress: "Address",
46 t3InsurantMobile: "mobile",
47 t3InsurantEmail: "email",
48 t3InsuredNameCn: "Name of insured (Cn)",
49 t3InsuredNameEn: "Name of insured (En)",
50 t3InsuredBirthday: "Birthday",
51 t3InsuredIdNumber: "ID Number",
52
53 t4Title: "Beneficiary information",
54 t4NameCn: "Name (Cn)",
55 t4NameEn: "Name (En)",
56 t4Allocation: "Distribution ratio",
57
58 t5Title: "Payment information",
59 t5PaymentPeriod: "Payment period",
60 t5PaymentMethod: "Payment method",
61 t5PaymentCurrency: "Payment currency",
62 t5CurrentPremium: "Current premium",
63 t5PaymentBank: "Payment bank",
64 t5PaymentAccount: "Payment account",
65
66 t6Title: "Payment record",
67 t6PaymentPeriod: "Payment period",
68 t6PaymentMethod: "Payment method",
69 t6ClosingDate: "Closing date",
70 t6PaymentAmount: "Payment amount",
71 }
19 } 72 }
20 } 73 }
......
...@@ -16,5 +16,58 @@ module.exports = { ...@@ -16,5 +16,58 @@ module.exports = {
16 iconProblem : "常見問題", 16 iconProblem : "常見問題",
17 iconProcess : "投保流程", 17 iconProcess : "投保流程",
18 iconProduct : "產品詳情" 18 iconProduct : "產品詳情"
19 },
20 customService : {
21 name : "客户服务",
22 menu1 : "保單查詢",
23 menu2 : "保全變更",
24 menu3 : "續期繳費",
25 menu4 : "理賠申請",
26 menu5 : "預約服務",
27 menu6 : "投訴受理",
28 insuranceQuery: {
29 InsurantNumber: "保單號碼",
30 Insurant: "被保人",
31 InsurantName: "險種名稱",
32 InsurantAmount: "保險金額",
33 effectiveDate: "生效日期",
34 period: "保障年期",
35
36 t2Title : "保障內容",
37 t2InsurantClassify : "險種名稱",
38 t2InsurantAmount : "保額",
39
40 t3Title : "客戶資料",
41 t3InsurantNameCn : "投保人姓名（中文）",
42 t3InsurantNameEn : "投保人姓名（英文）",
43 t3InsurantIdNumber : "證件號碼",
44 t3InsurantContactAddress : "聯繫地址",
45 t3InsurantAddress : "居住地址",
46 t3InsurantMobile : "手提電話",
47 t3InsurantEmail : "電子郵箱",
48 t3InsuredNameCn : "受保人姓名（中文）",
49 t3InsuredNameEn : "受保人姓名（英文）",
50 t3InsuredBirthday : "出生日期",
51 t3InsuredIdNumber : "證件號碼",
52
53 t4Title : "受益人資料", // t4BeneficiaryInformation
54 t4NameCn : "姓名（中文）",
55 t4NameEn : "姓名（英文）",
56 t4Allocation : "分配比例",
57
58 t5Title : "繳費資料",
59 t5PaymentPeriod: "續費年期",
60 t5PaymentMethod: "繳費方式",
61 t5PaymentCurrency: "繳費幣種",
62 t5CurrentPremium: "當期保費",
63 t5PaymentBank: "繳費銀行",
64 t5PaymentAccount: "繳費帳號",
65
66 t6Title : "繳費記錄",
67 t6PaymentPeriod: "繳費期",
68 t6PaymentMethod : "繳費方式",
69 t6ClosingDate : "實收日期",
70 t6PaymentAmount : "繳費金額",
71 }
19 } 72 }
20 } 73 }
......
1 module.exports = { 1 module.exports = {
2 message: { 2 message: {
3 login: '登录', 3 login: '登录',
4 Username: '用户名', 4 Username: '用户名',
5 Password: '密码', 5 Password: '密码',
6 Captcha: '验证码', 6 Captcha: '验证码',
7 Language: '语言', 7 Language: '语言',
8 zh: '中文', 8 zh: '中文',
9 en: '英文' 9 en: '英文'
10 }, 10 },
11 nav: { 11 nav: {
12 ttt: "1" 12 ttt: "1"
13 }, 13 },
14 product : { 14 product: {
15 btnPosition : "预约服务", 15 btnPosition: "预约服务",
16 iconProblem : "常见问题", 16 iconProblem: "常见问题",
17 iconProcess : "投保流程", 17 iconProcess: "投保流程",
18 iconProduct : "产品详情" 18 iconProduct: "产品详情"
19 },
20 customService: {
21 name : "客戶服務",
22 menu1: "保单查询",
23 menu2: "保全变更",
24 menu3: "续期缴费",
25 menu4: "理赔申请",
26 menu5: "预约服务",
27 menu6: "投诉受理",
28 insuranceQuery: {
29 InsurantNumber: "保单号码",
30 Insurant: "被保人",
31 InsurantName: "险种名称",
32 InsurantAmount: "保险金额",
33 effectiveDate: "生效日期",
34 period: "保障年期",
35
36 t2Title : "保障内容",
37 t2InsurantClassify : "险种名称",
38 t2InsurantAmount : "保额",
39
40 t3Title : "客户资料",
41 t3InsurantNameCn : "投保人姓名（中文）",
42 t3InsurantNameEn : "投保人姓名（英文）",
43 t3InsurantIdNumber : "证件号码",
44 t3InsurantContactAddress : "联系地址",
45 t3InsurantAddress : "居住地址",
46 t3InsurantMobile : "手提电话",
47 t3InsurantEmail : "电子邮箱",
48 t3InsuredNameCn : "受保人姓名（中文）",
49 t3InsuredNameEn : "受保人姓名（英文）",
50 t3InsuredBirthday : "出生日期",
51 t3InsuredIdNumber : "证件号码",
52
53 t4Title : "受益人资料", // t4BeneficiaryInformation
54 t4NameCn : "姓名（中文）",
55 t4NameEn : "姓名（英文）",
56 t4Allocation : "分配比例",
57
58 t5Title : "缴费资料",
59 t5PaymentPeriod: "缴费年期",
60 t5PaymentMethod: "缴费方式",
61 t5PaymentCurrency: "缴费币种",
62 t5CurrentPremium: "当期保费",
63 t5PaymentBank: "缴费银行",
64 t5PaymentAccount: "缴费账号",
65
66 t6Title : "缴费记录",
67 t6PaymentPeriod: "缴费期",
68 t6PaymentMethod : "缴费方式",
69 t6ClosingDate : "实收日期",
70 t6PaymentAmount : "缴费金额",
71 }
19 } 72 }
20 } 73 }
74
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,28 +2,28 @@ ...@@ -2,28 +2,28 @@
2 <div class="content"> 2 <div class="content">
3 <div class="left-panel"> 3 <div class="left-panel">
4 <div class="menu-item" :class="{activity : activity == 'm1'}" @click="activity = 'm1'"> 4 <div class="menu-item" :class="{activity : activity == 'm1'}" @click="activity = 'm1'">
5 <i class="m1"></i>保單查詢 5 <i class="m1"></i>{{$t('customService.menu1')}}
6 <div></div> 6 <div></div>
7 </div> 7 </div>
8 <div class="separator"></div> 8 <div class="separator"></div>
9 <div class="menu-item" :class="{activity : activity == 'm2'}" @click="activity = 'm2'"> 9 <div class="menu-item" :class="{activity : activity == 'm2'}" @click="activity = 'm2'">
10 <i class="m2"></i>保全變更 10 <i class="m2"></i>{{$t('customService.menu2')}}
11 </div> 11 </div>
12 <div class="separator"></div> 12 <div class="separator"></div>
13 <div class="menu-item" :class="{activity : activity == 'm3'}" @click="activity = 'm3'"> 13 <div class="menu-item" :class="{activity : activity == 'm3'}" @click="activity = 'm3'">
14 <i class="m3"></i>續期繳費 14 <i class="m3"></i>{{$t('customService.menu3')}}
15 </div> 15 </div>
16 <div class="separator"></div> 16 <div class="separator"></div>
17 <div class="menu-item" :class="{activity : activity == 'm4'}" @click="activity = 'm4'"> 17 <div class="menu-item" :class="{activity : activity == 'm4'}" @click="activity = 'm4'">
18 <i class="m4"></i>理赔申请 18 <i class="m4"></i>{{$t('customService.menu4')}}
19 </div> 19 </div>
20 <div class="separator"></div> 20 <div class="separator"></div>
21 <div class="menu-item" :class="{activity : activity == 'm5'}" @click="activity = 'm5'"> 21 <div class="menu-item" :class="{activity : activity == 'm5'}" @click="activity = 'm5'">
22 <i class="m5"></i>預約服務 22 <i class="m5"></i>{{$t('customService.menu5')}}
23 </div> 23 </div>
24 <div class="separator"></div> 24 <div class="separator"></div>
25 <div class="menu-item" :class="{activity : activity == 'm6'}" @click="activity = 'm6'"> 25 <div class="menu-item" :class="{activity : activity == 'm6'}" @click="activity = 'm6'">
26 <i class="m6"></i>投诉受理 26 <i class="m6"></i>{{$t('customService.menu6')}}
27 </div> 27 </div>
28 </div> 28 </div>
29 <div class="min-panel"> 29 <div class="min-panel">
...@@ -51,12 +51,12 @@ ...@@ -51,12 +51,12 @@
51 <div class="cell-group"> 51 <div class="cell-group">
52 <div class="table-header orange"> 52 <div class="table-header orange">
53 <div class="normal-header"> 53 <div class="normal-header">
54 <div class="td w1">保單號碼</div> 54 <div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div>
55 <div class="td w2">被保人</div> 55 <div class="td w2">{{$t('customService.insuranceQuery.Insurant')}}</div>
56 <div class="td w2">險種名稱</div> 56 <div class="td w2">{{$t('customService.insuranceQuery.InsurantName')}}</div>
57 <div class="td w2">保險金額</div> 57 <div class="td w2">{{$t('customService.insuranceQuery.InsurantAmount')}}</div>
58 <div class="td w2">生效日期</div> 58 <div class="td w2">{{$t('customService.insuranceQuery.effectiveDate')}}</div>
59 <div class="td w2">保障年期</div> 59 <div class="td w2">{{$t('customService.insuranceQuery.period')}}</div>
60 </div> 60 </div>
61 </div> 61 </div>
62 <div class="table-content"> 62 <div class="table-content">
...@@ -74,31 +74,31 @@ ...@@ -74,31 +74,31 @@
74 <div class="cell-group"> 74 <div class="cell-group">
75 <div class="table-header"> 75 <div class="table-header">
76 <div class="normal-header"> 76 <div class="normal-header">
77 <div class="title">保障内容</div> 77 <div class="title">{{$t('customService.insuranceQuery.t2Title')}}</div>
78 <div class="guide" :class="{rotate180 : !insuranceForm.f1}" @click="insuranceForm.f1 = !insuranceForm.f1"></div> 78 <div class="guide" :class="{rotate180 : !insuranceForm.f1}" @click="insuranceForm.f1 = !insuranceForm.f1"></div>
79 </div> 79 </div>
80 </div> 80 </div>
81 <div class="table-content" :class="{hide : !insuranceForm.f1}"> 81 <div class="table-content" :class="{hide : !insuranceForm.f1}">
82 <div class="data-line"> 82 <div class="data-line">
83 <div class="cell1"> 83 <div class="cell1">
84 <div class="label">险种名称</div> 84 <div class="label">{{$t('customService.insuranceQuery.t2InsurantClassify')}}</div>
85 <div class="label">分紅重疾</div> 85 <div class="label">分紅重疾</div>
86 </div> 86 </div>
87 <div class="separator-v"></div> 87 <div class="separator-v"></div>
88 <div class="cell1"> 88 <div class="cell1">
89 <div class="label">保額</div> 89 <div class="label">{{$t('customService.insuranceQuery.InsurantAmount')}}</div>
90 <div class="label">HK$10,000</div> 90 <div class="label">HK$10,000</div>
91 </div> 91 </div>
92 </div> 92 </div>
93 <div class="separator-h"></div> 93 <div class="separator-h"></div>
94 <div class="data-line"> 94 <div class="data-line">
95 <div class="cell1"> 95 <div class="cell1">
96 <div class="label">生效日期</div> 96 <div class="label">{{$t('customService.insuranceQuery.effectiveDate')}}</div>
97 <div class="label">2020-1-1</div> 97 <div class="label">2020-1-1</div>
98 </div> 98 </div>
99 <div class="separator-v"></div> 99 <div class="separator-v"></div>
100 <div class="cell1"> 100 <div class="cell1">
101 <div class="label">保障年期</div> 101 <div class="label">{{$t('customService.insuranceQuery.period')}}</div>
102 <div class="label">终身</div> 102 <div class="label">终身</div>
103 </div> 103 </div>
104 </div> 104 </div>
...@@ -108,7 +108,7 @@ ...@@ -108,7 +108,7 @@
108 <div class="cell-group"> 108 <div class="cell-group">
109 <div class="table-header"> 109 <div class="table-header">
110 <div class="normal-header"> 110 <div class="normal-header">
111 <div class="title">保障内容</div> 111 <div class="title">{{$t('customService.insuranceQuery.t3Title')}}</div>
112 <div class="guide" :class="{rotate180 : !insuranceForm.f2}" @click="insuranceForm.f2 = !insuranceForm.f2"></div> 112 <div class="guide" :class="{rotate180 : !insuranceForm.f2}" @click="insuranceForm.f2 = !insuranceForm.f2"></div>
113 </div> 113 </div>
114 </div> 114 </div>
...@@ -116,14 +116,14 @@ ...@@ -116,14 +116,14 @@
116 <div class="data-line"> 116 <div class="data-line">
117 <div class="cell1"> 117 <div class="cell1">
118 <div class="label"> 118 <div class="label">
119 投保人姓名（中文）<span>修改</span> 119 {{$t('customService.insuranceQuery.t3InsurantNameCn')}}<span>修改</span>
120 </div> 120 </div>
121 <div class="label">平安</div> 121 <div class="label">平安</div>
122 </div> 122 </div>
123 <div class="separator-v"></div> 123 <div class="separator-v"></div>
124 <div class="cell1"> 124 <div class="cell1">
125 <div class="label"> 125 <div class="label">
126 投保人姓名（英文）<span>修改</span> 126 {{$t('customService.insuranceQuery.t3InsurantNameEn')}}<span>修改</span>
127 </div> 127 </div>
128 <div class="label">Pingan</div> 128 <div class="label">Pingan</div>
129 </div> 129 </div>
...@@ -131,13 +131,13 @@ ...@@ -131,13 +131,13 @@
131 <div class="separator-h"></div> 131 <div class="separator-h"></div>
132 <div class="data-line"> 132 <div class="data-line">
133 <div class="cell1"> 133 <div class="cell1">
134 <div class="label">生效日期</div> 134 <div class="label">{{$t('customService.insuranceQuery.effectiveDate')}}</div>
135 <div class="label">2020-1-1</div> 135 <div class="label">2020-1-1</div>
136 </div> 136 </div>
137 <div class="separator-v"></div> 137 <div class="separator-v"></div>
138 <div class="cell1"> 138 <div class="cell1">
139 <div class="label"> 139 <div class="label">
140 證件號碼<span>修改</span> 140 {{$t('customService.insuranceQuery.t3InsurantIdNumber')}}<span>修改</span>
141 </div> 141 </div>
142 <div class="label">123*****567</div> 142 <div class="label">123*****567</div>
143 </div> 143 </div>
...@@ -146,14 +146,14 @@ ...@@ -146,14 +146,14 @@
146 <div class="data-line"> 146 <div class="data-line">
147 <div class="cell1"> 147 <div class="cell1">
148 <div class="label"> 148 <div class="label">
149 聯繫地址<span>修改</span> 149 {{$t('customService.insuranceQuery.t3InsurantContactAddress')}}<span>修改</span>
150 </div> 150 </div>
151 <div class="label">深圳市益田路5033號</div> 151 <div class="label">深圳市益田路5033號</div>
152 </div> 152 </div>
153 <div class="separator-v"></div> 153 <div class="separator-v"></div>
154 <div class="cell1"> 154 <div class="cell1">
155 <div class="label"> 155 <div class="label">
156 居住地址<span>修改</span> 156 {{$t('customService.insuranceQuery.t3InsurantAddress')}}<span>修改</span>
157 </div> 157 </div>
158 <div class="label">深圳市益田路5033號</div> 158 <div class="label">深圳市益田路5033號</div>
159 </div> 159 </div>
...@@ -163,14 +163,14 @@ ...@@ -163,14 +163,14 @@
163 <div class="data-line"> 163 <div class="data-line">
164 <div class="cell1"> 164 <div class="cell1">
165 <div class="label"> 165 <div class="label">
166 手提電話<span>修改</span> 166 {{$t('customService.insuranceQuery.t3InsurantMobile')}}<span>修改</span>
167 </div> 167 </div>
168 <div class="label">（852）2888 8888</div> 168 <div class="label">（852）2888 8888</div>
169 </div> 169 </div>
170 <div class="separator-v"></div> 170 <div class="separator-v"></div>
171 <div class="cell1"> 171 <div class="cell1">
172 <div class="label"> 172 <div class="label">
173 電子郵箱<span>修改</span> 173 {{$t('customService.insuranceQuery.t3InsurantEmail')}}<span>修改</span>
174 </div> 174 </div>
175 <div class="label">123@ping.com.cn</div> 175 <div class="label">123@ping.com.cn</div>
176 </div> 176 </div>
...@@ -180,14 +180,14 @@ ...@@ -180,14 +180,14 @@
180 <div class="data-line"> 180 <div class="data-line">
181 <div class="cell1"> 181 <div class="cell1">
182 <div class="label"> 182 <div class="label">
183 受保人姓名（中文）<span>修改</span> 183 {{$t('customService.insuranceQuery.t3InsuredNameCn')}}<span>修改</span>
184 </div> 184 </div>
185 <div class="label">平安</div> 185 <div class="label">平安</div>
186 </div> 186 </div>
187 <div class="separator-v"></div> 187 <div class="separator-v"></div>
188 <div class="cell1"> 188 <div class="cell1">
189 <div class="label"> 189 <div class="label">
190 受保人姓名（英文）<span>修改</span> 190 {{$t('customService.insuranceQuery.t3InsuredNameEn')}}<span>修改</span>
191 </div> 191 </div>
192 <div class="label">Pingan</div> 192 <div class="label">Pingan</div>
193 </div> 193 </div>
...@@ -196,13 +196,13 @@ ...@@ -196,13 +196,13 @@
196 <div class="separator-h"></div> 196 <div class="separator-h"></div>
197 <div class="data-line"> 197 <div class="data-line">
198 <div class="cell1"> 198 <div class="cell1">
199 <div class="label">出生日期</div> 199 <div class="label">{{$t('customService.insuranceQuery.t3InsuredBirthday')}}</div>
200 <div class="label">1999-1-1</div> 200 <div class="label">1999-1-1</div>
201 </div> 201 </div>
202 <div class="separator-v"></div> 202 <div class="separator-v"></div>
203 <div class="cell1"> 203 <div class="cell1">
204 <div class="label"> 204 <div class="label">
205 證件號碼<span>修改</span> 205 {{$t('customService.insuranceQuery.t3InsuredIdNumber')}}<span>修改</span>
206 </div> 206 </div>
207 <div class="label">123*****567</div> 207 <div class="label">123*****567</div>
208 </div> 208 </div>
...@@ -213,15 +213,15 @@ ...@@ -213,15 +213,15 @@
213 <div class="cell-group"> 213 <div class="cell-group">
214 <div class="table-header"> 214 <div class="table-header">
215 <div class="normal-header"> 215 <div class="normal-header">
216 <div class="title">受益人資料</div> 216 <div class="title">{{$t('customService.insuranceQuery.t4Title')}}</div>
217 <div class="guide" :class="{rotate180 : !insuranceForm.f3}" @click="insuranceForm.f3 = !insuranceForm.f3"></div> 217 <div class="guide" :class="{rotate180 : !insuranceForm.f3}" @click="insuranceForm.f3 = !insuranceForm.f3"></div>
218 </div> 218 </div>
219 </div> 219 </div>
220 <div class="table-content" :class="{hide : !insuranceForm.f3}"> 220 <div class="table-content" :class="{hide : !insuranceForm.f3}">
221 <div class="data-line"> 221 <div class="data-line">
222 <div class="td">姓名（中文）</div> 222 <div class="td">{{$t('customService.insuranceQuery.t4NameCn')}}</div>
223 <div class="td">姓名（英文）</div> 223 <div class="td">{{$t('customService.insuranceQuery.t4NameEn')}}</div>
224 <div class="td">分配比例</div> 224 <div class="td">{{$t('customService.insuranceQuery.t4Allocation')}}</div>
225 </div> 225 </div>
226 <div class="separator-h"></div> 226 <div class="separator-h"></div>
227 <div class="data-line"> 227 <div class="data-line">
...@@ -241,19 +241,19 @@ ...@@ -241,19 +241,19 @@
241 <div class="cell-group"> 241 <div class="cell-group">
242 <div class="table-header"> 242 <div class="table-header">
243 <div class="normal-header"> 243 <div class="normal-header">
244 <div class="title">繳費資料</div> 244 <div class="title">{{$t('customService.insuranceQuery.t5Title')}}</div>
245 <div class="guide" :class="{rotate180 : !insuranceForm.f4}" @click="insuranceForm.f4 = !insuranceForm.f4"></div> 245 <div class="guide" :class="{rotate180 : !insuranceForm.f4}" @click="insuranceForm.f4 = !insuranceForm.f4"></div>
246 </div> 246 </div>
247 </div> 247 </div>
248 <div class="table-content" :class="{hide : !insuranceForm.f4}"> 248 <div class="table-content" :class="{hide : !insuranceForm.f4}">
249 <div class="data-line"> 249 <div class="data-line">
250 <div class="cell1"> 250 <div class="cell1">
251 <div class="label">續費年期</div> 251 <div class="label">{{$t('customService.insuranceQuery.t5PaymentPeriod')}}</div>
252 <div class="label">30年</div> 252 <div class="label">30年</div>
253 </div> 253 </div>
254 <div class="separator-v"></div> 254 <div class="separator-v"></div>
255 <div class="cell1"> 255 <div class="cell1">
256 <div class="label">繳費方式</div> 256 <div class="label">{{$t('customService.insuranceQuery.t5PaymentMethod')}}</div>
257 <div class="label">銀行轉帳</div> 257 <div class="label">銀行轉帳</div>
258 </div> 258 </div>
259 </div> 259 </div>
...@@ -261,12 +261,12 @@ ...@@ -261,12 +261,12 @@
261 261
262 <div class="data-line"> 262 <div class="data-line">
263 <div class="cell1"> 263 <div class="cell1">
264 <div class="label">繳費幣種</div> 264 <div class="label">{{$t('customService.insuranceQuery.t5PaymentCurrency')}}</div>
265 <div class="label">港幣</div> 265 <div class="label">港幣</div>
266 </div> 266 </div>
267 <div class="separator-v"></div> 267 <div class="separator-v"></div>
268 <div class="cell1"> 268 <div class="cell1">
269 <div class="label">當期保費</div> 269 <div class="label">{{$t('customService.insuranceQuery.t5CurrentPremium')}}</div>
270 <div class="label">HK$2,000</div> 270 <div class="label">HK$2,000</div>
271 </div> 271 </div>
272 </div> 272 </div>
...@@ -274,12 +274,12 @@ ...@@ -274,12 +274,12 @@
274 274
275 <div class="data-line"> 275 <div class="data-line">
276 <div class="cell1"> 276 <div class="cell1">
277 <div class="label">繳費銀行</div> 277 <div class="label">{{$t('customService.insuranceQuery.t5PaymentBank')}}</div>
278 <div class="label">平安銀行</div> 278 <div class="label">平安銀行</div>
279 </div> 279 </div>
280 <div class="separator-v"></div> 280 <div class="separator-v"></div>
281 <div class="cell1"> 281 <div class="cell1">
282 <div class="label">繳費帳號</div> 282 <div class="label">{{$t('customService.insuranceQuery.t5PaymentAccount')}}</div>
283 <div class="label">1234******888</div> 283 <div class="label">1234******888</div>
284 </div> 284 </div>
285 </div> 285 </div>
...@@ -290,16 +290,16 @@ ...@@ -290,16 +290,16 @@
290 <div class="cell-group"> 290 <div class="cell-group">
291 <div class="table-header"> 291 <div class="table-header">
292 <div class="normal-header"> 292 <div class="normal-header">
293 <div class="title">繳費記錄</div> 293 <div class="title">{{$t('customService.insuranceQuery.t6Title')}}</div>
294 <div class="guide" :class="{rotate180 : !insuranceForm.f5}" @click="insuranceForm.f5 = !insuranceForm.f5"></div> 294 <div class="guide" :class="{rotate180 : !insuranceForm.f5}" @click="insuranceForm.f5 = !insuranceForm.f5"></div>
295 </div> 295 </div>
296 </div> 296 </div>
297 <div class="table-content" :class="{hide : !insuranceForm.f5}"> 297 <div class="table-content" :class="{hide : !insuranceForm.f5}">
298 <div class="data-line"> 298 <div class="data-line">
299 <div class="td w2">繳費期</div> 299 <div class="td w2">{{$t('customService.insuranceQuery.t6PaymentPeriod')}}</div>
300 <div class="td w2">繳費方式</div> 300 <div class="td w2">{{$t('customService.insuranceQuery.t6PaymentMethod')}}</div>
301 <div class="td w2">實收日期</div> 301 <div class="td w2">{{$t('customService.insuranceQuery.t6ClosingDate')}}</div>
302 <div class="td w2">繳費金額</div> 302 <div class="td w2">{{$t('customService.insuranceQuery.t6PaymentAmount')}}</div>
303 </div> 303 </div>
304 <div class="separator-h"></div> 304 <div class="separator-h"></div>
305 <div class="data-line"> 305 <div class="data-line">
......