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 { ...@@ -42,6 +42,10 @@ export default {
// 各城市商品住宅销售价格查询接口 // 各城市商品住宅销售价格查询接口
queryCommercialHousingPrice(params){ queryCommercialHousingPrice(params){
return request(`${baseURL}/api/sfp/calcuteConfig/queryCommercialHousingPrice`, "POST", 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 @@ ...@@ -4,12 +4,18 @@
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;
padding: 16rpx 0; padding: 16rpx 0;
font-size: 28rpx;
} }
.listContent li.multiline{ .listContent li.multiline{
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
} }
.listContent li >div:last-child{
display: flex;
align-items: center;
white-space: nowrap;
}
.multilineItem{ .multilineItem{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -60,6 +66,7 @@ ...@@ -60,6 +66,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 12rpx auto; margin: 12rpx auto;
width: 100%;
} }
.listContent li.planGradeRange > div:last-child text{ .listContent li.planGradeRange > div:last-child text{
position: relative; position: relative;
...@@ -77,7 +84,7 @@ ...@@ -77,7 +84,7 @@
} }
.schoolingContent li{ .schoolingContent li{
display: flex; display: flex;
min-height: 40px; height: 80rpx;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-bottom: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;
...@@ -86,19 +93,27 @@ ...@@ -86,19 +93,27 @@
.schoolingContent li:first-child{ .schoolingContent li:first-child{
background: linear-gradient(to right,#CEB07D,#FFDDA9); background: linear-gradient(to right,#CEB07D,#FFDDA9);
color: #6B4000; color: #6B4000;
font-weight: bold;
} }
.schoolingContent li div{ .schoolingContent li > div{
width: 0; width: 0;
flex: 1; flex: 1;
height: 100%;
white-space: nowrap; white-space: nowrap;
text-align: center; font-size: 24rpx;
font-size: 28rpx; border-right: 1rpx solid #E4E4E4;
display: flex;
justify-content: center;
align-items: center;
}
.schoolingContent li > div:last-child{
border-right: none;
} }
.settingButton{ .settingButton{
border-radius: 8rpx; border-radius: 8rpx;
background: #F7D295; background: #F7D295;
color: #6B4000; color: #6B4000;
padding: 4rpx 6rpx; padding: 10rpx 20rpx;
} }
.summaryContent { .summaryContent {
margin: 0 20rpx; margin: 0 20rpx;
...@@ -111,4 +126,69 @@ ...@@ -111,4 +126,69 @@
} }
.failInfo{ .failInfo{
background-color: #FFE6E6; 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=[ ...@@ -3,73 +3,101 @@ const eduGradeLists=[
text: "幼儿园", text: "幼儿园",
value: "1", value: "1",
commonYears:3, commonYears:3,
minAge:3,
maxAge:5,
publicTuition:9016,
privateTuition:11475,
children: [ children: [
{text: "1年级",value: "1-1"}, {text: "1年级",value: "1-1",tuition:9016},
{text: "2年级",value: "1-2"}, {text: "2年级",value: "1-2",tuition:null},
{text: "3年级",value: "1-3"} {text: "3年级",value: "1-3",tuition:null}
] ]
}, },
{ {
text: "小学", text: "小学",
value: "2", value: "2",
commonYears:6, commonYears:6,
minAge:6,
maxAge:12,
publicTuition:4034,
privateTuition:5738,
children: [ children: [
{text: "1年级",value: "2-1"}, {text: "1年级",value: "2-1",tuition:4034},
{text: "2年级",value: "2-2"}, {text: "2年级",value: "2-2",tuition:null},
{text: "3年级",value: "2-3"}, {text: "3年级",value: "2-3",tuition:null},
{text: "4年级",value: "2-4"}, {text: "4年级",value: "2-4",tuition:null},
{text: "5年级",value: "2-5"}, {text: "5年级",value: "2-5",tuition:null},
{text: "6年级",value: "2-6"}, {text: "6年级",value: "2-6",tuition:null},
] ]
}, },
{ {
text: "初中", text: "初中",
value: "3", value: "3",
commonYears:3, commonYears:3,
minAge:13,
maxAge:18,
publicTuition:6095,
privateTuition:10444,
children: [ children: [
{text: "1年级",value: "3-1"}, {text: "1年级",value: "3-1",tuition:6095},
{text: "2年级",value: "3-2"}, {text: "2年级",value: "3-2",tuition:null},
{text: "3年级",value: "3-3"}, {text: "3年级",value: "3-3",tuition:null},
] ]
}, },
{ {
text: "高中", text: "高中",
value: "4", value: "4",
commonYears:3, commonYears:3,
minAge:19,
maxAge:22,
publicTuition:7976,
privateTuition:15952,
children: [ children: [
{text: "1年级",value: "4-1"}, {text: "1年级",value: "4-1",tuition:7976},
{text: "2年级",value: "4-2"}, {text: "2年级",value: "4-2",tuition:null},
{text: "3年级",value: "4-3"}, {text: "3年级",value: "4-3",tuition:null},
] ]
}, },
{ {
text: "大学", text: "大学",
value: "5", value: "5",
commonYears:4, commonYears:4,
minAge:23,
maxAge:27,
publicTuition:11960,
privateTuition:17940,
children: [ children: [
{text: "1年级",value: "5-1"}, {text: "1年级",value: "5-1",tuition:11960},
{text: "2年级",value: "5-2"}, {text: "2年级",value: "5-2",tuition:null},
{text: "3年级",value: "5-3"}, {text: "3年级",value: "5-3",tuition:null},
{text: "4年级",value: "5-4"}, {text: "4年级",value: "5-4",tuition:null},
] ]
}, },
{ {
text: "硕士", text: "硕士",
value: "6", value: "6",
commonYears:2, commonYears:2,
minAge:28,
maxAge:30,
publicTuition:11960,
privateTuition:17940,
children: [ children: [
{text: "1年级",value: "6-1"}, {text: "1年级",value: "6-1",tuition:11960},
{text: "2年级",value: "6-2"} {text: "2年级",value: "6-2",tuition:null}
] ]
}, },
{ {
text: "博士", text: "博士",
value: "7", value: "7",
commonYears:3, commonYears:3,
minAge:31,
maxAge:34,
publicTuition:11960,
privateTuition:17940,
children: [ children: [
{text: "1年级",value: "7-1"}, {text: "1年级",value: "7-1",tuition:11960},
{text: "2年级",value: "7-2"}, {text: "2年级",value: "7-2",tuition:null},
{text: "3年级",value: "7-3"} {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