Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
49bfc3d2 by simon
Options

默认提交

1 parent 36fc24f2
Inline Side-by-side
Showing 17 changed files with 192 additions and 3 deletions
...@@ -36,7 +36,7 @@ module.exports = { ...@@ -36,7 +36,7 @@ module.exports = {
36 }, 36 },
37 { 37 {
38 name: "Customer service", 38 name: "Customer service",
39 path: "", 39 path: "/custom/product",
40 list: [{ 40 list: [{
41 name: "Query", 41 name: "Query",
42 path: "/custom/service" 42 path: "/custom/service"
...@@ -109,6 +109,16 @@ module.exports = { ...@@ -109,6 +109,16 @@ module.exports = {
109 iconProcess: "Insurance process", 109 iconProcess: "Insurance process",
110 iconProduct: "Product details" 110 iconProduct: "Product details"
111 }, 111 },
112 customProduct: {
113 menu1: "Policy inquiry",
114 menu2: "Pay premium",
115 menu3: "Query policy",
116 menu4: "Change policy",
117 menu5: "Claim report",
118 menu6: "Suggestions",
119 menu7: "Reservation service",
120 menu8: "Common form",
121 },
112 customService: { 122 customService: {
113 name: "Customer service", 123 name: "Customer service",
114 menu1: "Query", 124 menu1: "Query",
......
...@@ -36,7 +36,7 @@ module.exports = { ...@@ -36,7 +36,7 @@ module.exports = {
36 }, 36 },
37 { 37 {
38 name: "客戶服務", 38 name: "客戶服務",
39 path: "", 39 path: "/custom/product",
40 list: [{ 40 list: [{
41 name: "保單查詢", 41 name: "保單查詢",
42 path: "/custom/service" 42 path: "/custom/service"
...@@ -109,6 +109,16 @@ module.exports = { ...@@ -109,6 +109,16 @@ module.exports = {
109 iconProcess: "投保流程", 109 iconProcess: "投保流程",
110 iconProduct: "產品詳情" 110 iconProduct: "產品詳情"
111 }, 111 },
112 customProduct: {
113 menu1: "保單查詢",
114 menu2: "繳付保費",
115 menu3: "查詢保單",
116 menu4: "變更保單",
117 menu5: "理賠報案",
118 menu6: "投訴建議",
119 menu7: "預約服務",
120 menu8: "常用表格",
121 },
112 customService: { 122 customService: {
113 name: "客戶服務", 123 name: "客戶服務",
114 menu1: "保單查詢", 124 menu1: "保單查詢",
......
...@@ -36,7 +36,7 @@ module.exports = { ...@@ -36,7 +36,7 @@ module.exports = {
36 }, 36 },
37 { 37 {
38 name: "客户服务", 38 name: "客户服务",
39 path: "", 39 path: "/custom/product",
40 list: [{ 40 list: [{
41 name: "保单查询", 41 name: "保单查询",
42 path: "/custom/service" 42 path: "/custom/service"
...@@ -109,6 +109,16 @@ module.exports = { ...@@ -109,6 +109,16 @@ module.exports = {
109 iconProcess: "投保流程", 109 iconProcess: "投保流程",
110 iconProduct: "产品详情" 110 iconProduct: "产品详情"
111 }, 111 },
112 customProduct: {
113 menu1: "保单查询",
114 menu2: "缴付保费",
115 menu3: "查询保单",
116 menu4: "变更保单",
117 menu5: "理赔报案",
118 menu6: "投诉建议",
119 menu7: "预约服务",
120 menu8: "常用表格",
121 },
112 customService: { 122 customService: {
113 name: "客户服务", 123 name: "客户服务",
114 menu1: "保单查询", 124 menu1: "保单查询",
......
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 key: 'value'
11 }
12 },
13 components: {},
14 methods: {
15 initData() {}
16 },
17 mounted() {},
18 created() {}
19 }
1 @import '@/styles/_support';
2
3 .content {
4 position: relative;
5 padding-bottom: 2.5rem;
6 font-family: MicrosoftYaHei;
7 }
8
9 .top-space {
10 height: 2.5rem;
11 }
12
13 .box {
14 position: relative;
15 }
16
17 .ebg {
18 position: absolute;
19 bottom: 0;
20 left: 0;
21 right: 0;
22
23 img {
24 max-width: 100%;
25 }
26 }
27
28 .product {
29 display: flex;
30 justify-content: center;
31 flex-wrap: wrap;
32
33 &-item {
34 display: flex;
35 justify-content: center;
36 align-content: center;
37 align-items: center;
38 flex-wrap: wrap;
39 width: 12.5rem;
40 height: 12.5rem;
41 border-radius: .75rem;
42 border: solid 1px #f2f2f2;
43 margin: .5rem;
44 cursor: pointer;
45
46 .icon-wrap {
47 }
48
49 .t1 {
50 width: 100%;
51 text-align: center;
52 margin-top: 1rem;
53 font-size: 18px;
54 line-height: 1.8rem;
55
56 // background-color: wheat;
57 height: 2rem;
58 }
59 }
60 }
1
2 <template>
3 <div class="content">
4 <div class="ebg">
5 <img src="@/assets/images/custom-product/cp-bg.png">
6 </div>
7 <div class="top-space"></div>
8 <div class="box product">
9 <div class="product-item">
10 <div class="icon-wrap">
11 <img src="@/assets/images/custom-product/icon-cp-1.png">
12 </div>
13 <div class="t1">{{$t('customProduct.menu1')}}</div>
14 </div>
15 <div class="product-item">
16 <div class="icon-wrap">
17 <img src="@/assets/images/custom-product/icon-cp-2.png">
18 </div>
19 <div class="t1">{{$t('customProduct.menu2')}}</div>
20 </div>
21 <div class="product-item">
22 <div class="icon-wrap">
23 <img src="@/assets/images/custom-product/icon-cp-3.png">
24 </div>
25 <div class="t1">{{$t('customProduct.menu3')}}</div>
26 </div>
27 <div class="product-item">
28 <div class="icon-wrap">
29 <img src="@/assets/images/custom-product/icon-cp-4.png">
30 </div>
31 <div class="t1">{{$t('customProduct.menu4')}}</div>
32 </div>
33 </div>
34 <div class="box product">
35 <div class="product-item">
36 <div class="icon-wrap">
37 <img src="@/assets/images/custom-product/icon-cp-5.png">
38 </div>
39 <div class="t1">{{$t('customProduct.menu5')}}</div>
40 </div>
41 <div class="product-item">
42 <div class="icon-wrap">
43 <img src="@/assets/images/custom-product/icon-cp-6.png">
44 </div>
45 <div class="t1">{{$t('customProduct.menu6')}}</div>
46 </div>
47 <div class="product-item">
48 <div class="icon-wrap">
49 <img src="@/assets/images/custom-product/icon-cp-7.png">
50 </div>
51 <div class="t1">{{$t('customProduct.menu7')}}</div>
52 </div>
53 <div class="product-item">
54 <div class="icon-wrap">
55 <img src="@/assets/images/custom-product/icon-cp-8.png">
56 </div>
57 <div class="t1">{{$t('customProduct.menu8')}}</div>
58 </div>
59 </div>
60 </div>
61 </template>
62
63 <script src="./custom-product.js"></script>
64 <style lang="scss" scoped>
65 @import "./custom-product.scss";
66 </style>
...@@ -43,6 +43,12 @@ export default { ...@@ -43,6 +43,12 @@ export default {
43 path: "/reservation" 43 path: "/reservation"
44 }) 44 })
45 } 45 }
46 if (val == 3) {
47 this.$router.push({
48 path: "/custom/product"
49 })
50 }
51
46 }, 52 },
47 53
48 /** 54 /**
......
...@@ -121,6 +121,14 @@ const routes = [ ...@@ -121,6 +121,14 @@ const routes = [
121 title: '保单查询' 121 title: '保单查询'
122 } 122 }
123 }, 123 },
124 {
125 path: '/custom/product',
126 name: 'customProduct',
127 component: () => import('./pages/custom-product/custom-product.vue'),
128 meta: {
129 title: '保单查询'
130 }
131 },
124 132
125 { 133 {
126 path: '/demo', 134 path: '/demo',
......