Skip to content

S
sfp-program
Commit 9ef23f3d by kyle
Options

子女教育

parent 640b7a72
Showing with 142 additions and 29 deletions
api/api.ts
......@@ -42,6 +42,10 @@ export default {
// 各城市商品住宅销售价格查询接口
queryCommercialHousingPrice(params){
return request(`${baseURL}/api/sfp/calcuteConfig/queryCommercialHousingPrice`, "POST", params)
},
// 子女教育测算
educationEstimate(params){
return request(`${baseURL}/api/sfp/calcuteUtil/educationEstimate`, "POST", params)
}
}
pages/childEdu/childEdu.css
......@@ -4,12 +4,18 @@
justify-content: space-between;
border-bottom: 1px solid #E4E4E4;
padding: 16rpx 0;
font-size: 28rpx;
}
.listContent li.multiline{
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.listContent li >div:last-child{
display: flex;
align-items: center;
white-space: nowrap;
}
.multilineItem{
display: flex;
justify-content: space-between;
......@@ -60,6 +66,7 @@
align-items: center;
justify-content: center;
margin: 12rpx auto;
width: 100%;
}
.listContent li.planGradeRange > div:last-child text{
position: relative;
......@@ -77,7 +84,7 @@
}
.schoolingContent li{
display: flex;
min-height: 40px;
height: 80rpx;
justify-content: center;
align-items: center;
border-bottom: 1px solid #E4E4E4;
......@@ -86,19 +93,27 @@
.schoolingContent li:first-child{
background: linear-gradient(to right,#CEB07D,#FFDDA9);
color: #6B4000;
font-weight: bold;
}
.schoolingContent li div{
.schoolingContent li > div{
width: 0;
flex: 1;
height: 100%;
white-space: nowrap;
text-align: center;
font-size: 28rpx;
font-size: 24rpx;
border-right: 1rpx solid #E4E4E4;
display: flex;
justify-content: center;
align-items: center;
}
.schoolingContent li > div:last-child{
border-right: none;
}
.settingButton{
border-radius: 8rpx;
background: #F7D295;
color: #6B4000;
padding: 4rpx 6rpx;
padding: 10rpx 20rpx;
}
.summaryContent {
margin: 0 20rpx;
......@@ -112,3 +127,68 @@
.failInfo{
background-color: #FFE6E6;
}
input{
text-align: right!important;
}
.dialogContainer{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.35);
z-index: 2;
}
.dialogContent{
position: absolute;
left: 50%;
top: 30%;
transform: translateX(-50%);
width: 95%;
background-color: #fff;
border-radius: 10rpx;
padding: 20rpx 40rpx;
box-sizing: border-box;
}
.dialogContent .closeBtn{
text-align: right;
font-size: 56rpx;
}
.dialogContent ul{
border-radius: 5rpx;
box-shadow: 0 0 10rpx 4rpx rgba(0,0,0,0.25);
margin-top: 20rpx;
}
.dialogContent ul li{
display: flex;
height: 80rpx;
border-bottom: 1rpx solid #E4E4E4;
color: #6B4000;
}
.dialogContent ul li:first-child{
background: linear-gradient(to right,#CEB07D,#FFDDA9);
}
.dialogContent ul li > div{
flex: 1;
text-align: center;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
border-right: 1px solid #E4E4E4;
}
.dialogContent ul li > div:last-child{
border-right: none;
}
.dialogContent button{
margin-top: 40rpx;
background: linear-gradient(to bottom right,#CEB07D,#FFDDA9);
color: #6B4000;
border: none;
width: 50%;
font-weight: bold;
}
.dialogContainer .dialogContent input,.schoolingContent li > div input{
text-align: center!important;
padding-left: 10rpx;
}
\ No newline at end of file
util/mock-data.ts
......@@ -3,73 +3,101 @@ const eduGradeLists=[
text: "幼儿园",
value: "1",
commonYears:3,
minAge:3,
maxAge:5,
publicTuition:9016,
privateTuition:11475,
children: [
{text: "1年级",value: "1-1"},
{text: "2年级",value: "1-2"},
{text: "3年级",value: "1-3"}
{text: "1年级",value: "1-1",tuition:9016},
{text: "2年级",value: "1-2",tuition:null},
{text: "3年级",value: "1-3",tuition:null}
]
},
{
text: "小学",
value: "2",
commonYears:6,
minAge:6,
maxAge:12,
publicTuition:4034,
privateTuition:5738,
children: [
{text: "1年级",value: "2-1"},
{text: "2年级",value: "2-2"},
{text: "3年级",value: "2-3"},
{text: "4年级",value: "2-4"},
{text: "5年级",value: "2-5"},
{text: "6年级",value: "2-6"},
{text: "1年级",value: "2-1",tuition:4034},
{text: "2年级",value: "2-2",tuition:null},
{text: "3年级",value: "2-3",tuition:null},
{text: "4年级",value: "2-4",tuition:null},
{text: "5年级",value: "2-5",tuition:null},
{text: "6年级",value: "2-6",tuition:null},
]
},
{
text: "初中",
value: "3",
commonYears:3,
minAge:13,
maxAge:18,
publicTuition:6095,
privateTuition:10444,
children: [
{text: "1年级",value: "3-1"},
{text: "2年级",value: "3-2"},
{text: "3年级",value: "3-3"},
{text: "1年级",value: "3-1",tuition:6095},
{text: "2年级",value: "3-2",tuition:null},
{text: "3年级",value: "3-3",tuition:null},
]
},
{
text: "高中",
value: "4",
commonYears:3,
minAge:19,
maxAge:22,
publicTuition:7976,
privateTuition:15952,
children: [
{text: "1年级",value: "4-1"},
{text: "2年级",value: "4-2"},
{text: "3年级",value: "4-3"},
{text: "1年级",value: "4-1",tuition:7976},
{text: "2年级",value: "4-2",tuition:null},
{text: "3年级",value: "4-3",tuition:null},
]
},
{
text: "大学",
value: "5",
commonYears:4,
minAge:23,
maxAge:27,
publicTuition:11960,
privateTuition:17940,
children: [
{text: "1年级",value: "5-1"},
{text: "2年级",value: "5-2"},
{text: "3年级",value: "5-3"},
{text: "4年级",value: "5-4"},
{text: "1年级",value: "5-1",tuition:11960},
{text: "2年级",value: "5-2",tuition:null},
{text: "3年级",value: "5-3",tuition:null},
{text: "4年级",value: "5-4",tuition:null},
]
},
{
text: "硕士",
value: "6",
commonYears:2,
minAge:28,
maxAge:30,
publicTuition:11960,
privateTuition:17940,
children: [
{text: "1年级",value: "6-1"},
{text: "2年级",value: "6-2"}
{text: "1年级",value: "6-1",tuition:11960},
{text: "2年级",value: "6-2",tuition:null}
]
},
{
text: "博士",
value: "7",
commonYears:3,
minAge:31,
maxAge:34,
publicTuition:11960,
privateTuition:17940,
children: [
{text: "1年级",value: "7-1"},
{text: "2年级",value: "7-2"},
{text: "3年级",value: "7-3"}
{text: "1年级",value: "7-1",tuition:11960},
{text: "2年级",value: "7-2",tuition:null},
{text: "3年级",value: "7-3",tuition:null}
]
}
]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment