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 = {
iconProduct: "产品详情"
},
customService: {
name : "客戶服務",
name: "客戶服務",
menu1: "保单查询",
menu2: "保全变更",
menu3: "续期缴费",
......@@ -33,29 +33,29 @@ module.exports = {
effectiveDate: "生效日期",
period: "保障年期",
t2Title : "保障内容",
t2InsurantClassify : "险种名称",
t2InsurantAmount : "保额",
t2Title: "保障内容",
t2InsurantClassify: "险种名称",
t2InsurantAmount: "保额",
t3Title : "客户资料",
t3InsurantNameCn : "投保人姓名（中文）",
t3InsurantNameEn : "投保人姓名（英文）",
t3InsurantIdNumber : "证件号码",
t3InsurantContactAddress : "联系地址",
t3InsurantAddress : "居住地址",
t3InsurantMobile : "手提电话",
t3InsurantEmail : "电子邮箱",
t3InsuredNameCn : "受保人姓名（中文）",
t3InsuredNameEn : "受保人姓名（英文）",
t3InsuredBirthday : "出生日期",
t3InsuredIdNumber : "证件号码",
t3Title: "客户资料",
t3InsurantNameCn: "投保人姓名（中文）",
t3InsurantNameEn: "投保人姓名（英文）",
t3InsurantIdNumber: "证件号码",
t3InsurantContactAddress: "联系地址",
t3InsurantAddress: "居住地址",
t3InsurantMobile: "手提电话",
t3InsurantEmail: "电子邮箱",
t3InsuredNameCn: "受保人姓名（中文）",
t3InsuredNameEn: "受保人姓名（英文）",
t3InsuredBirthday: "出生日期",
t3InsuredIdNumber: "证件号码",
t4Title : "受益人资料", // t4BeneficiaryInformation
t4NameCn : "姓名（中文）",
t4NameEn : "姓名（英文）",
t4Allocation : "分配比例",
t4Title: "受益人资料", // t4BeneficiaryInformation
t4NameCn: "姓名（中文）",
t4NameEn: "姓名（英文）",
t4Allocation: "分配比例",
t5Title : "缴费资料",
t5Title: "缴费资料",
t5PaymentPeriod: "缴费年期",
t5PaymentMethod: "缴费方式",
t5PaymentCurrency: "缴费币种",
......@@ -63,12 +63,11 @@ module.exports = {
t5PaymentBank: "缴费银行",
t5PaymentAccount: "缴费账号",
t6Title : "缴费记录",
t6Title: "缴费记录",
t6PaymentPeriod: "缴费期",
t6PaymentMethod : "缴费方式",
t6ClosingDate : "实收日期",
t6PaymentAmount : "缴费金额",
t6PaymentMethod: "缴费方式",
t6ClosingDate: "实收日期",
t6PaymentAmount: "缴费金额",
}
}
}
\ No newline at end of file
}
......
import api from '@/api/api'
import {
httpGet,
httpPost
} from '@/api/fetch-api.js'
export default {
data() {
return {
insuranceForm: {
f1 : true,
f2 : true,
f3 : true,
f4 : true,
f5 : true,
}
}
},
}
.cell-group {
margin-bottom: 1rem /* 12/12 */;
div{
font-size: 1rem /* 12/12 */;
color: #4c4948;
}
.w1 {
min-width: 9.166667rem /* 110/12 */;
text-align: center;
}
.w2 {
min-width: 6.25rem /* 75/12 */;
text-align: center;
}
.table-header {
width: 64.166667rem /* 770/12 */;
height: 2.5rem /* 30/12 */;
border-top-left-radius: .666667rem /* 8/12 */;
border-top-right-radius: .666667rem /* 8/12 */;
background-color: #f2f2f2;
display: flex;
align-items: center;
.normal-header {
width: 58.833333rem /* 706/12 */;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 1rem /* 12/12 */;
font-weight: bold;
color: #575453;
}
.guide {
transition: all 0.5s;
cursor: pointer;
width: 1rem /* 12/12 */;
height: .666667rem /* 8/12 */ ;
background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
background-size: 100% 100%;
}
.rotate180 {
transform: rotate(180deg);
transition: all 0.5s;
}
}
}
.table-content {
width: 64.166667rem /* 770/12 */;
height: auto;
display: inline-block;
border-bottom-left-radius: .666667rem /* 8/12 */;
border-bottom-right-radius: .666667rem /* 8/12 */;
border-left: solid .083333rem /* 1/12 */ #f2f2f2;
border-right: solid .083333rem /* 1/12 */ #f2f2f2;
border-bottom: solid .083333rem /* 1/12 */ #f2f2f2;
padding: 0 2.583333rem /* 31/12 */;
max-height: 41.666667rem /* 500/12 */;
transition: max-height ease-out 0.3s !important;
overflow: hidden;
.data-line {
height: 4.416667rem /* 53/12 */;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
.cell1 {
width: 29.166667rem /* 350/12 */;
display: flex;
justify-content: space-between;
margin: auto;
}
.separator-v {
height: 2.5rem /* 30/12 */;
width: .166667rem /* 2/12 */;
background-color: #f2f2f2;
margin: 0 .916667rem /* 11/12 */;
}
}
.label span {
color: #f05a23;
margin-left: .583333rem /* 7/12 */;
cursor: pointer;
text-decoration: underline;
}
.separator-h {
width: 58.833333rem /* 706/12 */;
height: .083333rem /* 1/12 */;
background-color: #f2f2f2;
}
}
.orange {
background-color: #f05a23 !important;
div {
color: #ffffff;
}
}
.hide {
max-height: 0;
border-bottom:none;
}
}
\ No newline at end of file
......@@ -4,27 +4,23 @@ import {
httpPost
} from '@/api/fetch-api.js'
// import InsuranceQuery from './components/insurance-query'
import InsuranceQuery from './components/insurance-query'
export default {
data() {
return {
activity: "m1",
insuranceForm: {
f1 : true,
f2 : true,
f3 : true,
f4 : true,
f5 : true,
}
activity: "m1"
}
},
methods: {
initData() { },
},
created() { },
created() {
let activity = this.$route.params.p;
activity = activity ? activity : "m1";
this.activity = activity;
},
components: {
// InsuranceQuery
InsuranceQuery
}
}
......
......@@ -121,126 +121,6 @@
}
}
/** 可以抽出来作为一个插件 **/
.cell-group {
margin-bottom: 1rem /* 12/12 */;
div{
font-size: 1rem /* 12/12 */;
color: #4c4948;
}
.w1 {
min-width: 9.166667rem /* 110/12 */;
text-align: center;
}
.w2 {
min-width: 6.25rem /* 75/12 */;
text-align: center;
}
.table-header {
width: 64.166667rem /* 770/12 */;
height: 2.5rem /* 30/12 */;
border-top-left-radius: .666667rem /* 8/12 */;
border-top-right-radius: .666667rem /* 8/12 */;
background-color: #f2f2f2;
display: flex;
align-items: center;
.normal-header {
width: 58.833333rem /* 706/12 */;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 1rem /* 12/12 */;
font-weight: bold;
color: #575453;
}
.guide {
transition: all 0.5s;
cursor: pointer;
width: 1rem /* 12/12 */;
height: .666667rem /* 8/12 */ ;
background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
background-size: 100% 100%;
}
.rotate180 {
transform: rotate(180deg);
transition: all 0.5s;
}
}
}
.table-content {
width: 64.166667rem /* 770/12 */;
height: auto;
display: inline-block;
border-bottom-left-radius: .666667rem /* 8/12 */;
border-bottom-right-radius: .666667rem /* 8/12 */;
border-left: solid .083333rem /* 1/12 */ #f2f2f2;
border-right: solid .083333rem /* 1/12 */ #f2f2f2;
border-bottom: solid .083333rem /* 1/12 */ #f2f2f2;
padding: 0 2.583333rem /* 31/12 */;
max-height: 41.666667rem /* 500/12 */;
transition: max-height ease-out 0.3s !important;
overflow: hidden;
.data-line {
height: 4.416667rem /* 53/12 */;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
.cell1 {
width: 29.166667rem /* 350/12 */;
display: flex;
justify-content: space-between;
margin: auto;
}
.separator-v {
height: 2.5rem /* 30/12 */;
width: .166667rem /* 2/12 */;
background-color: #f2f2f2;
margin: 0 .916667rem /* 11/12 */;
}
}
.label span {
color: #f05a23;
margin-left: .583333rem /* 7/12 */;
cursor: pointer;
text-decoration: underline;
}
.separator-h {
width: 58.833333rem /* 706/12 */;
height: .083333rem /* 1/12 */;
background-color: #f2f2f2;
}
}
.orange {
background-color: #f05a23 !important;
div {
color: #ffffff;
}
}
.hide {
max-height: 0;
border-bottom:none;
}
}
.empty-line {
height: 1.333333rem /* 16/12 */;
}
\ No newline at end of file
......