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 = {
},
{
name: "Customer service",
path: "",
path: "/custom/product",
list: [{
name: "Query",
path: "/custom/service"
......@@ -109,6 +109,16 @@ module.exports = {
iconProcess: "Insurance process",
iconProduct: "Product details"
},
customProduct: {
menu1: "Policy inquiry",
menu2: "Pay premium",
menu3: "Query policy",
menu4: "Change policy",
menu5: "Claim report",
menu6: "Suggestions",
menu7: "Reservation service",
menu8: "Common form",
},
customService: {
name: "Customer service",
menu1: "Query",
......
......@@ -36,7 +36,7 @@ module.exports = {
},
{
name: "客戶服務",
path: "",
path: "/custom/product",
list: [{
name: "保單查詢",
path: "/custom/service"
......@@ -109,6 +109,16 @@ module.exports = {
iconProcess: "投保流程",
iconProduct: "產品詳情"
},
customProduct: {
menu1: "保單查詢",
menu2: "繳付保費",
menu3: "查詢保單",
menu4: "變更保單",
menu5: "理賠報案",
menu6: "投訴建議",
menu7: "預約服務",
menu8: "常用表格",
},
customService: {
name: "客戶服務",
menu1: "保單查詢",
......
......@@ -36,7 +36,7 @@ module.exports = {
},
{
name: "客户服务",
path: "",
path: "/custom/product",
list: [{
name: "保单查询",
path: "/custom/service"
......@@ -109,6 +109,16 @@ module.exports = {
iconProcess: "投保流程",
iconProduct: "产品详情"
},
customProduct: {
menu1: "保单查询",
menu2: "缴付保费",
menu3: "查询保单",
menu4: "变更保单",
menu5: "理赔报案",
menu6: "投诉建议",
menu7: "预约服务",
menu8: "常用表格",
},
customService: {
name: "客户服务",
menu1: "保单查询",
......
import api from '@/api/api'
import {
httpGet,
httpPost
} from '@/api/fetch-api.js'
export default {
data() {
return {
key: 'value'
}
},
components: {},
methods: {
initData() {}
},
mounted() {},
created() {}
}
@import '@/styles/_support';
.content {
position: relative;
padding-bottom: 2.5rem;
font-family: MicrosoftYaHei;
}
.top-space {
height: 2.5rem;
}
.box {
position: relative;
}
.ebg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
img {
max-width: 100%;
}
}
.product {
display: flex;
justify-content: center;
flex-wrap: wrap;
&-item {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
width: 12.5rem;
height: 12.5rem;
border-radius: .75rem;
border: solid 1px #f2f2f2;
margin: .5rem;
cursor: pointer;
.icon-wrap {
}
.t1 {
width: 100%;
text-align: center;
margin-top: 1rem;
font-size: 18px;
line-height: 1.8rem;
// background-color: wheat;
height: 2rem;
}
}
}
<template>
<div class="content">
<div class="ebg">
<img src="@/assets/images/custom-product/cp-bg.png">
</div>
<div class="top-space"></div>
<div class="box product">
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-1.png">
</div>
<div class="t1">{{$t('customProduct.menu1')}}</div>
</div>
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-2.png">
</div>
<div class="t1">{{$t('customProduct.menu2')}}</div>
</div>
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-3.png">
</div>
<div class="t1">{{$t('customProduct.menu3')}}</div>
</div>
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-4.png">
</div>
<div class="t1">{{$t('customProduct.menu4')}}</div>
</div>
</div>
<div class="box product">
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-5.png">
</div>
<div class="t1">{{$t('customProduct.menu5')}}</div>
</div>
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-6.png">
</div>
<div class="t1">{{$t('customProduct.menu6')}}</div>
</div>
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-7.png">
</div>
<div class="t1">{{$t('customProduct.menu7')}}</div>
</div>
<div class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-8.png">
</div>
<div class="t1">{{$t('customProduct.menu8')}}</div>
</div>
</div>
</div>
</template>
<script src="./custom-product.js"></script>
<style lang="scss" scoped>
@import "./custom-product.scss";
</style>
......@@ -43,6 +43,12 @@ export default {
path: "/reservation"
})
}
if (val == 3) {
this.$router.push({
path: "/custom/product"
})
}
},
/**
......
......@@ -121,6 +121,14 @@ const routes = [
title: '保单查询'
}
},
{
path: '/custom/product',
name: 'customProduct',
component: () => import('./pages/custom-product/custom-product.vue'),
meta: {
title: '保单查询'
}
},
{
path: '/demo',
......