Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
0c0f85f5 by joe
Options

1

1 parent d8dabbb4
Expand all
Inline Side-by-side
Showing 7 changed files with 172 additions and 159 deletions
...@@ -18,7 +18,7 @@ module.exports = { ...@@ -18,7 +18,7 @@ module.exports = {
18 iconProduct: "产品详情" 18 iconProduct: "产品详情"
19 }, 19 },
20 customService: { 20 customService: {
21 name : "客戶服務", 21 name: "客戶服務",
22 menu1: "保单查询", 22 menu1: "保单查询",
23 menu2: "保全变更", 23 menu2: "保全变更",
24 menu3: "续期缴费", 24 menu3: "续期缴费",
...@@ -33,29 +33,29 @@ module.exports = { ...@@ -33,29 +33,29 @@ module.exports = {
33 effectiveDate: "生效日期", 33 effectiveDate: "生效日期",
34 period: "保障年期", 34 period: "保障年期",
35 35
36 t2Title : "保障内容", 36 t2Title: "保障内容",
37 t2InsurantClassify : "险种名称", 37 t2InsurantClassify: "险种名称",
38 t2InsurantAmount : "保额", 38 t2InsurantAmount: "保额",
39 39
40 t3Title : "客户资料", 40 t3Title: "客户资料",
41 t3InsurantNameCn : "投保人姓名（中文）", 41 t3InsurantNameCn: "投保人姓名（中文）",
42 t3InsurantNameEn : "投保人姓名（英文）", 42 t3InsurantNameEn: "投保人姓名（英文）",
43 t3InsurantIdNumber : "证件号码", 43 t3InsurantIdNumber: "证件号码",
44 t3InsurantContactAddress : "联系地址", 44 t3InsurantContactAddress: "联系地址",
45 t3InsurantAddress : "居住地址", 45 t3InsurantAddress: "居住地址",
46 t3InsurantMobile : "手提电话", 46 t3InsurantMobile: "手提电话",
47 t3InsurantEmail : "电子邮箱", 47 t3InsurantEmail: "电子邮箱",
48 t3InsuredNameCn : "受保人姓名（中文）", 48 t3InsuredNameCn: "受保人姓名（中文）",
49 t3InsuredNameEn : "受保人姓名（英文）", 49 t3InsuredNameEn: "受保人姓名（英文）",
50 t3InsuredBirthday : "出生日期", 50 t3InsuredBirthday: "出生日期",
51 t3InsuredIdNumber : "证件号码", 51 t3InsuredIdNumber: "证件号码",
52 52
53 t4Title : "受益人资料", // t4BeneficiaryInformation 53 t4Title: "受益人资料", // t4BeneficiaryInformation
54 t4NameCn : "姓名（中文）", 54 t4NameCn: "姓名（中文）",
55 t4NameEn : "姓名（英文）", 55 t4NameEn: "姓名（英文）",
56 t4Allocation : "分配比例", 56 t4Allocation: "分配比例",
57 57
58 t5Title : "缴费资料", 58 t5Title: "缴费资料",
59 t5PaymentPeriod: "缴费年期", 59 t5PaymentPeriod: "缴费年期",
60 t5PaymentMethod: "缴费方式", 60 t5PaymentMethod: "缴费方式",
61 t5PaymentCurrency: "缴费币种", 61 t5PaymentCurrency: "缴费币种",
...@@ -63,12 +63,11 @@ module.exports = { ...@@ -63,12 +63,11 @@ module.exports = {
63 t5PaymentBank: "缴费银行", 63 t5PaymentBank: "缴费银行",
64 t5PaymentAccount: "缴费账号", 64 t5PaymentAccount: "缴费账号",
65 65
66 t6Title : "缴费记录", 66 t6Title: "缴费记录",
67 t6PaymentPeriod: "缴费期", 67 t6PaymentPeriod: "缴费期",
68 t6PaymentMethod : "缴费方式", 68 t6PaymentMethod: "缴费方式",
69 t6ClosingDate : "实收日期", 69 t6ClosingDate: "实收日期",
70 t6PaymentAmount : "缴费金额", 70 t6PaymentAmount: "缴费金额",
71 } 71 }
72 } 72 }
73 }
74
...\ No newline at end of file ...\ No newline at end of file
73 }
......
1 import api from '@/api/api'
2 import {
3 httpGet,
4 httpPost
5 } from '@/api/fetch-api.js'
6
7 export default {
8 data() {
9 return {
10
11 insuranceForm: {
12 f1 : true,
13 f2 : true,
14 f3 : true,
15 f4 : true,
16 f5 : true,
17 }
18 }
19 },
20 }
1
2 .cell-group {
3 margin-bottom: 1rem /* 12/12 */;
4 div{
5 font-size: 1rem /* 12/12 */;
6 color: #4c4948;
7 }
8
9 .w1 {
10 min-width: 9.166667rem /* 110/12 */;
11 text-align: center;
12 }
13
14 .w2 {
15 min-width: 6.25rem /* 75/12 */;
16 text-align: center;
17 }
18
19 .table-header {
20 width: 64.166667rem /* 770/12 */;
21 height: 2.5rem /* 30/12 */;
22 border-top-left-radius: .666667rem /* 8/12 */;
23 border-top-right-radius: .666667rem /* 8/12 */;
24 background-color: #f2f2f2;
25 display: flex;
26 align-items: center;
27
28 .normal-header {
29 width: 58.833333rem /* 706/12 */;
30 margin: auto;
31 display: flex;
32 justify-content: space-between;
33 align-items: center;
34
35 .title {
36 font-size: 1rem /* 12/12 */;
37 font-weight: bold;
38 color: #575453;
39 }
40
41 .guide {
42 transition: all 0.5s;
43 cursor: pointer;
44 width: 1rem /* 12/12 */;
45 height: .666667rem /* 8/12 */ ;
46 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
47 background-size: 100% 100%;
48 }
49
50 .rotate180 {
51 transform: rotate(180deg);
52 transition: all 0.5s;
53 }
54 }
55 }
56
57 .table-content {
58 width: 64.166667rem /* 770/12 */;
59 height: auto;
60 display: inline-block;
61 border-bottom-left-radius: .666667rem /* 8/12 */;
62 border-bottom-right-radius: .666667rem /* 8/12 */;
63 border-left: solid .083333rem /* 1/12 */ #f2f2f2;
64 border-right: solid .083333rem /* 1/12 */ #f2f2f2;
65 border-bottom: solid .083333rem /* 1/12 */ #f2f2f2;
66 padding: 0 2.583333rem /* 31/12 */;
67 max-height: 41.666667rem /* 500/12 */;
68 transition: max-height ease-out 0.3s !important;
69 overflow: hidden;
70
71 .data-line {
72 height: 4.416667rem /* 53/12 */;
73 margin: auto;
74 display: flex;
75 justify-content: space-between;
76 align-items: center;
77
78 .cell1 {
79 width: 29.166667rem /* 350/12 */;
80 display: flex;
81 justify-content: space-between;
82 margin: auto;
83 }
84
85 .separator-v {
86 height: 2.5rem /* 30/12 */;
87 width: .166667rem /* 2/12 */;
88 background-color: #f2f2f2;
89 margin: 0 .916667rem /* 11/12 */;
90 }
91 }
92
93 .label span {
94 color: #f05a23;
95 margin-left: .583333rem /* 7/12 */;
96 cursor: pointer;
97 text-decoration: underline;
98 }
99
100 .separator-h {
101 width: 58.833333rem /* 706/12 */;
102 height: .083333rem /* 1/12 */;
103 background-color: #f2f2f2;
104 }
105 }
106 .orange {
107 background-color: #f05a23 !important;
108 div {
109 color: #ffffff;
110 }
111 }
112
113 .hide {
114 max-height: 0;
115 border-bottom:none;
116 }
117
118 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -4,27 +4,23 @@ import { ...@@ -4,27 +4,23 @@ import {
4 httpPost 4 httpPost
5 } from '@/api/fetch-api.js' 5 } from '@/api/fetch-api.js'
6 6
7 // import InsuranceQuery from './components/insurance-query' 7 import InsuranceQuery from './components/insurance-query'
8 8
9 export default { 9 export default {
10 data() { 10 data() {
11 return { 11 return {
12 activity: "m1", 12 activity: "m1"
13
14 insuranceForm: {
15 f1 : true,
16 f2 : true,
17 f3 : true,
18 f4 : true,
19 f5 : true,
20 }
21 } 13 }
22 }, 14 },
23 methods: { 15 methods: {
24 initData() { }, 16 initData() { },
25 }, 17 },
26 created() { }, 18 created() {
19 let activity = this.$route.params.p;
20 activity = activity ? activity : "m1";
21 this.activity = activity;
22 },
27 components: { 23 components: {
28 // InsuranceQuery 24 InsuranceQuery
29 } 25 }
30 } 26 }
......
...@@ -121,126 +121,6 @@ ...@@ -121,126 +121,6 @@
121 } 121 }
122 } 122 }
123 123
124
125 /** 可以抽出来作为一个插件 **/
126 .cell-group {
127 margin-bottom: 1rem /* 12/12 */;
128 div{
129 font-size: 1rem /* 12/12 */;
130 color: #4c4948;
131 }
132
133 .w1 {
134 min-width: 9.166667rem /* 110/12 */;
135 text-align: center;
136 }
137
138 .w2 {
139 min-width: 6.25rem /* 75/12 */;
140 text-align: center;
141 }
142
143 .table-header {
144 width: 64.166667rem /* 770/12 */;
145 height: 2.5rem /* 30/12 */;
146 border-top-left-radius: .666667rem /* 8/12 */;
147 border-top-right-radius: .666667rem /* 8/12 */;
148 background-color: #f2f2f2;
149 display: flex;
150 align-items: center;
151
152 .normal-header {
153 width: 58.833333rem /* 706/12 */;
154 margin: auto;
155 display: flex;
156 justify-content: space-between;
157 align-items: center;
158
159 .title {
160 font-size: 1rem /* 12/12 */;
161 font-weight: bold;
162 color: #575453;
163 }
164
165 .guide {
166 transition: all 0.5s;
167 cursor: pointer;
168 width: 1rem /* 12/12 */;
169 height: .666667rem /* 8/12 */ ;
170 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
171 background-size: 100% 100%;
172 }
173
174 .rotate180 {
175 transform: rotate(180deg);
176 transition: all 0.5s;
177 }
178 }
179 }
180
181 .table-content {
182 width: 64.166667rem /* 770/12 */;
183 height: auto;
184 display: inline-block;
185 border-bottom-left-radius: .666667rem /* 8/12 */;
186 border-bottom-right-radius: .666667rem /* 8/12 */;
187 border-left: solid .083333rem /* 1/12 */ #f2f2f2;
188 border-right: solid .083333rem /* 1/12 */ #f2f2f2;
189 border-bottom: solid .083333rem /* 1/12 */ #f2f2f2;
190 padding: 0 2.583333rem /* 31/12 */;
191 max-height: 41.666667rem /* 500/12 */;
192 transition: max-height ease-out 0.3s !important;
193 overflow: hidden;
194
195 .data-line {
196 height: 4.416667rem /* 53/12 */;
197 margin: auto;
198 display: flex;
199 justify-content: space-between;
200 align-items: center;
201
202 .cell1 {
203 width: 29.166667rem /* 350/12 */;
204 display: flex;
205 justify-content: space-between;
206 margin: auto;
207 }
208
209 .separator-v {
210 height: 2.5rem /* 30/12 */;
211 width: .166667rem /* 2/12 */;
212 background-color: #f2f2f2;
213 margin: 0 .916667rem /* 11/12 */;
214 }
215 }
216
217 .label span {
218 color: #f05a23;
219 margin-left: .583333rem /* 7/12 */;
220 cursor: pointer;
221 text-decoration: underline;
222 }
223
224 .separator-h {
225 width: 58.833333rem /* 706/12 */;
226 height: .083333rem /* 1/12 */;
227 background-color: #f2f2f2;
228 }
229 }
230 .orange {
231 background-color: #f05a23 !important;
232 div {
233 color: #ffffff;
234 }
235 }
236
237 .hide {
238 max-height: 0;
239 border-bottom:none;
240 }
241
242 }
243
244 .empty-line { 124 .empty-line {
245 height: 1.333333rem /* 16/12 */; 125 height: 1.333333rem /* 16/12 */;
246 } 126 }
...\ No newline at end of file ...\ No newline at end of file
......