Skip to content

A
allCampaign
Commit 97b9bc59 by Chao Sun
Options

下一页跳转逻辑修

parent c600e886
Showing with 330 additions and 218 deletions
questionnaire/package.json
...@@ -4,7 +4,9 @@ ...@@ -4,7 +4,9 @@
"scripts": { "scripts": {
"ng": "ng", "ng": "ng",
"start": "ng serve --port 4204", "start": "ng serve --port 4204",
"build": "ng build -c=dev --prod", "buildDev": "ng build -c=dev",
"buildStage": "ng build -c=stage",
"buildProd": "ng build -c=prod",
"test": "ng test", "test": "ng test",
"lint": "ng lint", "lint": "ng lint",
"e2e": "ng e2e" "e2e": "ng e2e"
...@@ -47,4 +49,4 @@ ...@@ -47,4 +49,4 @@
"tslint": "~5.11.0", "tslint": "~5.11.0",
"typescript": "~3.9.7" "typescript": "~3.9.7"
} }
} }
\ No newline at end of file
questionnaire/src/app/age/age.component.css
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
width: 1px; width: 1px;
background: #5566e9; background: #5566e9;
z-index: 1; z-index: 1;
top:66%; top:82%;
} }
#dot span{ #dot span{
width: 8px; width: 8px;
......
questionnaire/src/app/age/age.component.html
...@@ -15,86 +15,90 @@ ...@@ -15,86 +15,90 @@
<div class="icon">+</div> <div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</div> <div data-toggle="modal">增加孩子年龄</div>
</div> </div>
</div> <div class="ageWrapper">
<div class="ageWrapper"> <div id="dot" [ngStyle]="{'left': (value2-20)/60*100 + '%'}">
<div id="dot" [ngStyle]="{'left': (value2-20)/60*100 + '%'}"> <span></span>
<span></span> </div>
</div> <input style="height:35px;position: absolute; opacity: 0; left: 0;width: '100%';top: 58%;z-index: 2; "
<input style="position: absolute; opacity: 0; left: 0;width: '100%';top: 58%;z-index: 2; " type="range" type="range" [(ngModel)]="value2" (ngModelChange)="selectAge($event)" min="20" max="80" step="1" />
[(ngModel)]="value2" (ngModelChange)="selectAge($event)" min="20" max="80" step="1" />
<h2 style="text-align: center;">{{value2}}</h2> <h2 style="text-align: center;">{{value2}}</h2>
<!-- <div style="text-align: center;font-size: 36px;color:#5566e9;">{{value2}}</div> <!-- <div style="text-align: center;font-size: 36px;color:#5566e9;">{{value2}}</div>
<nz-slider [(ngModel)]="value2" [nzDisabled]="disabled" [nzMin]='20' [nzMax]="80" [nzTipFormatter]="null" <nz-slider [(ngModel)]="value2" [nzDisabled]="disabled" [nzMin]='20' [nzMax]="80" [nzTipFormatter]="null"
(ngModelChange)="selectAge($event)"> (ngModelChange)="selectAge($event)">
</nz-slider> --> </nz-slider> -->
<ul class="age"> <ul class="age">
<li><span>20</span></li> <li><span>20</span></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li><span>30</span></li> <li><span>30</span></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li><span>40</span></li> <li><span>40</span></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li><span>50</span></li> <li><span>50</span></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li><span>60</span></li> <li><span>60</span></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li><span>70</span></li> <li><span>70</span></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>
<li><span>80</span></li> <li><span>80</span></li>
</ul> </ul>
</div>
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;" (click)="before()">
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> <!-- &lt; -->
上一步
</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#4242dd' }" (click)="next()"> 下一步</div>
</div> </div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()"> <div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
......
questionnaire/src/app/app.module.ts
...@@ -30,7 +30,7 @@ import { NZ_I18N } from 'ng-zorro-antd/i18n'; ...@@ -30,7 +30,7 @@ import { NZ_I18N } from 'ng-zorro-antd/i18n';
import { zh_CN } from 'ng-zorro-antd/i18n'; import { zh_CN } from 'ng-zorro-antd/i18n';
import zh from '@angular/common/locales/zh' import zh from '@angular/common/locales/zh'
import { NzSliderModule } from 'ng-zorro-antd/slider'; import { NzSliderModule } from 'ng-zorro-antd/slider';
import { NzIconModule } from 'ng-zorro-antd/icon';
registerLocaleData(zh); registerLocaleData(zh);
@NgModule({ @NgModule({
...@@ -59,7 +59,8 @@ registerLocaleData(zh); ...@@ -59,7 +59,8 @@ registerLocaleData(zh);
AppRoutingModule, AppRoutingModule,
HttpClientModule, HttpClientModule,
BrowserAnimationsModule, BrowserAnimationsModule,
NzSliderModule NzSliderModule,
NzIconModule
], ],
providers: [CommonService, LocalStorage, { provide: LocationStrategy, useClass: HashLocationStrategy }, { provide: NZ_I18N, useValue: zh_CN }], providers: [CommonService, LocalStorage, { provide: LocationStrategy, useClass: HashLocationStrategy }, { provide: NZ_I18N, useValue: zh_CN }],
bootstrap: [AppComponent] bootstrap: [AppComponent]
......
questionnaire/src/app/children-health/children-health.component.html
...@@ -3,10 +3,12 @@ ...@@ -3,10 +3,12 @@
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
<span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列7种情况中选择)</span> <!-- <span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列7种情况中选择)</span> -->
</div> </div>
<ul class="jobContent"> <div class="subTitle">(健康状况决定了能不能投保，共7项，可多选)</div>
<li class="selected" *ngFor="let options of this.curPageData?.questions[0]['options']" <ul class="jobContent" style="display: flex;flex-wrap: wrap;">
<li class="selected" style="width: 48%;margin-left:1%;margin-right: 1%;justify-content: center;"
*ngFor="let options of this.curPageData?.questions[0]['options']"
[ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)"> [ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)">
{{ options.optionName }} {{ options.optionName }}
</li> </li>
...@@ -14,7 +16,7 @@ ...@@ -14,7 +16,7 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> <div class="next" (click)="next()"> 下一步</div>
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/children-health/children-health.component.ts
...@@ -58,7 +58,7 @@ export class ChildrenHealthComponent implements OnInit { ...@@ -58,7 +58,7 @@ export class ChildrenHealthComponent implements OnInit {
} }
// 选择健康情况（多选） // 选择健康情况（多选）
selectedHealth(option, lastFlag) { selectedHealth(option, lastFlag, isReturn?: any) {
if (lastFlag === false) { if (lastFlag === false) {
option["selected"] = !option["selected"]; option["selected"] = !option["selected"];
} }
...@@ -91,6 +91,11 @@ export class ChildrenHealthComponent implements OnInit { ...@@ -91,6 +91,11 @@ export class ChildrenHealthComponent implements OnInit {
this.nextBtn = false; this.nextBtn = false;
} }
this.commonService.addAnswer(this.pageAnswers); this.commonService.addAnswer(this.pageAnswers);
if (!isReturn) {
if (option.optionId == 99) {
this.next();
}
}
} }
// 获取所有用户选择的健康选项 // 获取所有用户选择的健康选项
...@@ -159,7 +164,7 @@ export class ChildrenHealthComponent implements OnInit { ...@@ -159,7 +164,7 @@ export class ChildrenHealthComponent implements OnInit {
} }
} }
); );
this.selectedHealth(targetObj, true); this.selectedHealth(targetObj, true, 'isReturn');
} }
} }
); );
......
questionnaire/src/app/disease/disease.component.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="questionTitle hospitalTitle"> <div class="questionTitle hospitalTitle">
{{ this.curPageData?.pageName }} {{ this.curPageData?.pageName }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent" style="margin-top: 2.5em;">
<li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }" <li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"> (click)="checkFun(options,false)">
{{ options.optionName }} {{ options.optionName }}
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> <div class="next" (click)="next()"> 下一步 </div>
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/disease/disease.component.ts
...@@ -56,9 +56,9 @@ export class DiseaseComponent implements OnInit { ...@@ -56,9 +56,9 @@ export class DiseaseComponent implements OnInit {
} }
}); });
if (this.type == 1) { if (this.type == 1) {
this.getOneAnswer(targetObj) this.getOneAnswer(targetObj, 'isReturn')
} else { } else {
this.getManyAnswer(targetObj, true) this.getManyAnswer(targetObj, true, 'isReturn')
} }
} }
}); });
...@@ -70,7 +70,7 @@ export class DiseaseComponent implements OnInit { ...@@ -70,7 +70,7 @@ export class DiseaseComponent implements OnInit {
}) })
} }
getOneAnswer(option) { getOneAnswer(option, isReturn?: any) {
for (let i = 0; i < this.options.length; i++) { for (let i = 0; i < this.options.length; i++) {
if (option['optionId'] == this.options[i]['optionId']) { if (option['optionId'] == this.options[i]['optionId']) {
this.options[i]['selected'] = true; this.options[i]['selected'] = true;
...@@ -96,9 +96,12 @@ export class DiseaseComponent implements OnInit { ...@@ -96,9 +96,12 @@ export class DiseaseComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) {
this.next();
}
} }
getManyAnswer(option, lastFlag) { getManyAnswer(option, lastFlag, isReturn?: any) {
if (lastFlag === false) { if (lastFlag === false) {
option['selected'] = !option['selected']; option['selected'] = !option['selected'];
} }
...@@ -137,12 +140,17 @@ export class DiseaseComponent implements OnInit { ...@@ -137,12 +140,17 @@ export class DiseaseComponent implements OnInit {
this.nextBtn = false; this.nextBtn = false;
} }
this.commonService.addAnswer(this.pageAnswers); this.commonService.addAnswer(this.pageAnswers);
if (!isReturn) {
if (option.optionId == 111) {
this.next();
}
}
} }
// 根据type区分单选多选 // 根据type区分单选多选
checkFun(option) { checkFun(option) {
if (this.type == 1) { if (this.type == 1) {
this.getOneAnswer(option) this.getOneAnswer(option);
} else { } else {
this.getManyAnswer(option, false) this.getManyAnswer(option, false)
} }
......
questionnaire/src/app/family/family.component.css
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 20%; margin-bottom: 23%;
} }
.option_item li .imgBox { .option_item li .imgBox {
......
questionnaire/src/app/family/family.component.html
...@@ -4,16 +4,18 @@ ...@@ -4,16 +4,18 @@
<ul class="option_item" style="margin-top: 20%;"> <ul class="option_item" style="margin-top: 20%;">
<li *ngFor="let options of curPageData?.questions[0]['options']" (click)="selectedFamily(options)"> <li *ngFor="let options of curPageData?.questions[0]['options']" (click)="selectedFamily(options)">
<div class="imgBox"> <div class="imgBox">
<img [ngClass]="{ selected: options['selected'] }" <img [ngClass]="{ selected: options['selected'] }" src="assets/images/icon{{ options.optionId }}.png"
src="assets/images/icon{{ options.optionId }}.png" alt="{{ options.optionName }}" />
alt="{{ options.optionName }}"/>
</div> </div>
<span>{{ options.optionName }}</span> <span>{{ options.optionName }}</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;width: 100%;" (click)="before()">
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> 上一步
</div> </div>
<!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> -->
</div>
\ No newline at end of file
questionnaire/src/app/family/family.component.ts
...@@ -42,7 +42,7 @@ export class FamilyComponent implements OnInit { ...@@ -42,7 +42,7 @@ export class FamilyComponent implements OnInit {
if (Object.keys(option).indexOf('optionId') > -1) { if (Object.keys(option).indexOf('optionId') > -1) {
this.targetObj = option; this.targetObj = option;
} }
this.selectedFamily(this.targetObj); this.selectedFamily(this.targetObj, 'isReturn');
}); });
} }
} }
...@@ -53,7 +53,7 @@ export class FamilyComponent implements OnInit { ...@@ -53,7 +53,7 @@ export class FamilyComponent implements OnInit {
} }
// 选择家庭结构 // 选择家庭结构
selectedFamily(option) { selectedFamily(option, isReturn?: any) {
this.selectedOptionId = option.optionId; this.selectedOptionId = option.optionId;
// 如果选择的跟上一次的家庭结构不一样，那么将以前的答案清空 // 如果选择的跟上一次的家庭结构不一样，那么将以前的答案清空
if (this.lastSelectedOptionId != this.selectedOptionId) { if (this.lastSelectedOptionId != this.selectedOptionId) {
...@@ -81,6 +81,9 @@ export class FamilyComponent implements OnInit { ...@@ -81,6 +81,9 @@ export class FamilyComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) {
this.next()
}
} }
// 下一步 // 下一步
......
questionnaire/src/app/health/health.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content healthContent" style="min-height: 300px;"> <div class="content healthContent">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
<span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列16种情况中选择)</span> </div>
<div class="subTitle">
(健康决定了能不能投保，共16项，可多选)
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li *ngFor="let options of this.curPageData?.questions[0]['options']" <li *ngFor="let options of this.curPageData?.questions[0]['options']"
...@@ -14,7 +16,9 @@ ...@@ -14,7 +16,9 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> <!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> -->
<div class="next" (click)="next()"> 下一步</div>
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/health/health.component.ts
...@@ -49,7 +49,6 @@ export class HealthComponent implements OnInit { ...@@ -49,7 +49,6 @@ export class HealthComponent implements OnInit {
} else { } else {
this.lastQuestions = this.commonService.todosCopy.filter(item => item.pageId == 12).pop(); this.lastQuestions = this.commonService.todosCopy.filter(item => item.pageId == 12).pop();
} }
this.surveyInfo(); this.surveyInfo();
} }
...@@ -70,14 +69,13 @@ export class HealthComponent implements OnInit { ...@@ -70,14 +69,13 @@ export class HealthComponent implements OnInit {
this.curPageData['questions'][j]['options'][this.curPageData['questions'][j]['options'].indexOf(option)] = targetObj; this.curPageData['questions'][j]['options'][this.curPageData['questions'][j]['options'].indexOf(option)] = targetObj;
} }
}); });
this.selectedHealth(targetObj, true); this.selectedHealth(targetObj, true, 'isReturn');
} }
}); });
} }
} }
} }
} }
} else { } else {
this.curPageData = res['data'].survey.pages['11']; this.curPageData = res['data'].survey.pages['11'];
if (this.lastQuestions) { if (this.lastQuestions) {
...@@ -92,7 +90,7 @@ export class HealthComponent implements OnInit { ...@@ -92,7 +90,7 @@ export class HealthComponent implements OnInit {
this.curPageData['questions'][j]['options'][this.curPageData['questions'][j]['options'].indexOf(option)] = targetObj; this.curPageData['questions'][j]['options'][this.curPageData['questions'][j]['options'].indexOf(option)] = targetObj;
} }
}); });
this.selectedHealth(targetObj, true); this.selectedHealth(targetObj, true, 'isReturn');
} }
}); });
} }
...@@ -106,7 +104,8 @@ export class HealthComponent implements OnInit { ...@@ -106,7 +104,8 @@ export class HealthComponent implements OnInit {
} }
// 选择健康情况（多选） // 选择健康情况（多选）
selectedHealth(option, lastFlag) { selectedHealth(option, lastFlag, isReturn?: any) {
console.log(option)
if (lastFlag === false) { if (lastFlag === false) {
option['selected'] = !option['selected']; option['selected'] = !option['selected'];
} }
...@@ -134,6 +133,14 @@ export class HealthComponent implements OnInit { ...@@ -134,6 +133,14 @@ export class HealthComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) {
if (this.id == 1 && option.optionId == 67) {
this.next();
}
if (this.id == 2 && option.optionId == 83) {
this.next();
}
}
} }
// 获取所有用户选择的健康选项 // 获取所有用户选择的健康选项
......
questionnaire/src/app/income/income.component.html
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<div class="subTitle">(收入决定了所需保障额度)</div>
<ul class="income"> <ul class="income">
<li [ngClass]="{ selected: options['selected'] }" <li [ngClass]="{ selected: options['selected'] }"
*ngFor="let options of this.curPageData?.questions[0].options" *ngFor="let options of this.curPageData?.questions[0].options"
...@@ -26,7 +27,7 @@ ...@@ -26,7 +27,7 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;width: 100%;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> <!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/income/income.component.ts
...@@ -51,7 +51,7 @@ export class IncomeComponent implements OnInit { ...@@ -51,7 +51,7 @@ export class IncomeComponent implements OnInit {
if (Object.keys(option).indexOf('optionId') > -1) { if (Object.keys(option).indexOf('optionId') > -1) {
this.targetObj = option this.targetObj = option
} }
this.selectedIncome(this.curPageData['questions'][j], this.targetObj); this.selectedIncome(this.curPageData['questions'][j], this.targetObj, 'isReturn');
}); });
} }
} }
...@@ -63,7 +63,7 @@ export class IncomeComponent implements OnInit { ...@@ -63,7 +63,7 @@ export class IncomeComponent implements OnInit {
}) })
} }
selectedIncome(question, option) { selectedIncome(question, option, isReturn?: any) {
option.selected = !option.selected; option.selected = !option.selected;
const questions = { const questions = {
questionId: question.questionId, questionId: question.questionId,
...@@ -107,6 +107,9 @@ export class IncomeComponent implements OnInit { ...@@ -107,6 +107,9 @@ export class IncomeComponent implements OnInit {
this.nextBtn = false; this.nextBtn = false;
} }
} }
if (!isReturn) {
this.next()
}
} }
next() { next() {
......
questionnaire/src/app/job/job.component.html
...@@ -2,12 +2,10 @@ ...@@ -2,12 +2,10 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">{{ this.curPageData?.pageName }}</div> <div class="questionTitle">{{ this.curPageData?.pageName }}</div>
<div class="subTitle">(职业不同，风险保障侧重不同)</div>
<ul class="jobContent"> <ul class="jobContent">
<li <li [ngClass]="{ selected: options['selected'] }" *ngFor="let options of this.curPageData?.questions[0].options"
[ngClass]="{ selected: options['selected'] }" (click)="selectedJob(options)">
*ngFor="let options of this.curPageData?.questions[0].options"
(click)="selectedJob(options)"
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
...@@ -15,6 +13,9 @@ ...@@ -15,6 +13,9 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;width: 100%;" (click)="before()">
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> 上一步
</div> <!-- &lt; -->
</div>
<!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> -->
</div>
\ No newline at end of file
questionnaire/src/app/job/job.component.ts
import {Component, OnInit} from '@angular/core'; import { Component, OnInit } from '@angular/core';
import {CommonService} from '../common.service'; import { CommonService } from '../common.service';
import {Router, ActivatedRoute} from "@angular/router"; import { Router, ActivatedRoute } from "@angular/router";
@Component({ @Component({
selector: 'app-job', selector: 'app-job',
templateUrl: './job.component.html', templateUrl: './job.component.html',
styleUrls: ['./job.component.css'] styleUrls: ['./job.component.css']
}) })
export class JobComponent implements OnInit { export class JobComponent implements OnInit {
curPageData:any; curPageData: any;
pageAnswers: any; pageAnswers: any;
selectedOptionId: any; selectedOptionId: any;
type: any; type: any;
...@@ -17,8 +17,8 @@ export class JobComponent implements OnInit { ...@@ -17,8 +17,8 @@ export class JobComponent implements OnInit {
targetObj: Object = {} targetObj: Object = {}
constructor(private commonService: CommonService, constructor(private commonService: CommonService,
private router: Router, private router: Router,
private route: ActivatedRoute) { private route: ActivatedRoute) {
/** /**
* 1:单身贵族 * 1:单身贵族
* 2：二人世界 * 2：二人世界
...@@ -38,7 +38,7 @@ export class JobComponent implements OnInit { ...@@ -38,7 +38,7 @@ export class JobComponent implements OnInit {
questions: [{ questions: [{
questionId: '', questionId: '',
questionName: '', questionName: '',
options: [{optionId: '', optionName: '', optionOrder: '', selected: ''}] options: [{ optionId: '', optionName: '', optionOrder: '', selected: '' }]
}], }],
}; };
} }
...@@ -58,7 +58,7 @@ export class JobComponent implements OnInit { ...@@ -58,7 +58,7 @@ export class JobComponent implements OnInit {
if (Object.keys(option).indexOf('optionId') > -1) { if (Object.keys(option).indexOf('optionId') > -1) {
this.targetObj = option this.targetObj = option
} }
this.selectedJob(this.targetObj); this.selectedJob(this.targetObj, 'isReturn');
}); });
} }
...@@ -78,7 +78,7 @@ export class JobComponent implements OnInit { ...@@ -78,7 +78,7 @@ export class JobComponent implements OnInit {
if (Object.keys(option).indexOf('optionId') > -1) { if (Object.keys(option).indexOf('optionId') > -1) {
this.targetObj = option; this.targetObj = option;
} }
this.selectedJob(this.targetObj); this.selectedJob(this.targetObj, 'isReturn');
}); });
} }
...@@ -92,7 +92,7 @@ export class JobComponent implements OnInit { ...@@ -92,7 +92,7 @@ export class JobComponent implements OnInit {
}); });
} }
selectedJob(option) { selectedJob(option, isReturn?: any) {
const options = this.curPageData['questions'][0]['options'] const options = this.curPageData['questions'][0]['options']
for (let i = 0; i < options.length; i++) { for (let i = 0; i < options.length; i++) {
if (option['optionId'] == options[i]['optionId']) { if (option['optionId'] == options[i]['optionId']) {
...@@ -115,6 +115,9 @@ export class JobComponent implements OnInit { ...@@ -115,6 +115,9 @@ export class JobComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) {
this.next()
}
} }
// 下一步 // 下一步
...@@ -125,12 +128,12 @@ export class JobComponent implements OnInit { ...@@ -125,12 +128,12 @@ export class JobComponent implements OnInit {
if (this.nextBtn == true) { if (this.nextBtn == true) {
if (this.id == 1) { if (this.id == 1) {
if (this.type == 2 || this.type == 4) { if (this.type == 2 || this.type == 4) {
this.router.navigate(['/spouse_job'], {queryParams: {type: this.type}}) this.router.navigate(['/spouse_job'], { queryParams: { type: this.type } })
} else { } else {
this.router.navigate(['/transit1'], {queryParams: {type: this.type}}) this.router.navigate(['/income'], { queryParams: { type: this.type } })
} }
} else { } else {
this.router.navigate(['/transit1'], {queryParams: {type: this.type}}) this.router.navigate(['/income'], { queryParams: { type: this.type } })
} }
} else { } else {
return; return;
......
questionnaire/src/app/live/live.component.html
...@@ -16,22 +16,28 @@ ...@@ -16,22 +16,28 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;width: 100%;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next(null)"> 下一步</div> <!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next(null)"> 下一步</div> -->
</div> </div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();"> <div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();">
</div> </div>
<div class="toastContent city" *ngIf="isShow"> <div class="toastContent city" *ngIf="isShow">
<div class="live">所在地区</div> <div class="live">
<div class="province"> 所在地区
<span>{{ this.provinceName }}</span> <span nz-icon [nzType]="'close'" style="position: absolute;right: 15px;top: 10px;"
(click)="this.isShow = false;"></span>
</div>
<div class="province" style="position: relative;">
<div>{{ this.provinceName }}</div>
<ul class="city">
<li *ngFor="let city of this.cityList" (click)="closeToast(); selectCity(city);">
{{ city.cityName }}
</li>
</ul>
<div style="height: 35px;line-height:35px;border-bottom:1px #e5e5e5 solid;width: 100%;position: absolute;">
</div>
</div> </div>
<ul class="city">
<li *ngFor="let city of this.cityList" (click)="closeToast(); selectCity(city);">
{{ city.cityName }}
</li>
</ul>
</div> </div>
</div> </div>
<!--提示框--> <!--提示框-->
......
questionnaire/src/app/live/live.component.ts
...@@ -84,7 +84,6 @@ export class LiveComponent implements OnInit { ...@@ -84,7 +84,6 @@ export class LiveComponent implements OnInit {
} }
surveyInfo() { surveyInfo() {
// 获取问题 // 获取问题
this.commonService.surveyInfo().then(res => { this.commonService.surveyInfo().then(res => {
if (res['success']) { if (res['success']) {
...@@ -105,10 +104,10 @@ export class LiveComponent implements OnInit { ...@@ -105,10 +104,10 @@ export class LiveComponent implements OnInit {
setTimeout(() => { setTimeout(() => {
for (let j = 0; j < this.cityList.length; j++) { for (let j = 0; j < this.cityList.length; j++) {
if (this.cityList[j].cityName == right) { if (this.cityList[j].cityName == right) {
this.selectCity(this.cityList[j]) this.selectCity(this.cityList[j], 'isReturn')
} }
} }
}, 200) }, 300)
} }
} }
...@@ -149,7 +148,7 @@ export class LiveComponent implements OnInit { ...@@ -149,7 +148,7 @@ export class LiveComponent implements OnInit {
}) })
} }
selectCity(e) { selectCity(e, isReturn?: any) {
this.showAddress = true; this.showAddress = true;
this.strAddress = this.provinceName + e.cityName; this.strAddress = this.provinceName + e.cityName;
this.address = { this.address = {
...@@ -170,6 +169,9 @@ export class LiveComponent implements OnInit { ...@@ -170,6 +169,9 @@ export class LiveComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) {
this.next(null);
}
} }
next(type) { next(type) {
...@@ -336,7 +338,7 @@ export class LiveComponent implements OnInit { ...@@ -336,7 +338,7 @@ export class LiveComponent implements OnInit {
}).then(res => { }).then(res => {
if (res['success']) { if (res['success']) {
// 登录 // 登录
this.commonService.login({ 'mobileNo': this.loginData.mobileNo ,campaignInfo:{campaignCode:JSON.parse(sessionStorage.getItem('campaignInfo'))['campaignCode']}}).then(response => { this.commonService.login({ 'mobileNo': this.loginData.mobileNo, campaignInfo: { campaignCode: JSON.parse(sessionStorage.getItem('campaignInfo'))['campaignCode'] } }).then(response => {
if (response['success']) { if (response['success']) {
const double12_customerInfo = { const double12_customerInfo = {
customerId: response['data']['customerId'], customerId: response['data']['customerId'],
......
questionnaire/src/app/loan/loan.component.html
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<div class="subTitle">(负债决定了所需保障额度)</div>
<ul class="income"> <ul class="income">
<li [ngClass]="{ selected: options['selected'] == true }" <li [ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[0]['options']" *ngFor="let options of this.curPageData?.questions[0]['options']"
...@@ -24,7 +25,7 @@ ...@@ -24,7 +25,7 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;width: 100%;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> <!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/loan/loan.component.ts
...@@ -52,8 +52,7 @@ export class LoanComponent implements OnInit { ...@@ -52,8 +52,7 @@ export class LoanComponent implements OnInit {
if (Object.keys(option).indexOf('optionId') > -1) { if (Object.keys(option).indexOf('optionId') > -1) {
this.targetObj = option this.targetObj = option
} }
this.selectedLoan(this.curPageData['questions'][j], this.targetObj); this.selectedLoan(this.curPageData['questions'][j], this.targetObj, 'isReturn');
}); });
} }
} }
...@@ -65,7 +64,7 @@ export class LoanComponent implements OnInit { ...@@ -65,7 +64,7 @@ export class LoanComponent implements OnInit {
}) })
} }
selectedLoan(question, option) { selectedLoan(question, option, isReturn?: any) {
option.selected = !option.selected; option.selected = !option.selected;
const questions = { const questions = {
questionId: question.questionId, questionId: question.questionId,
...@@ -98,6 +97,9 @@ export class LoanComponent implements OnInit { ...@@ -98,6 +97,9 @@ export class LoanComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) {
this.next()
}
} }
next() { next() {
......
questionnaire/src/app/smoking/smoking.component.html
...@@ -2,8 +2,9 @@ ...@@ -2,8 +2,9 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle smokeTitle"> <div class="questionTitle smokeTitle">
{{ this.curPageData?.pageName }} {{ this.curPageData?.pageName.substr(0,5) }}
</div> </div>
<div class="subTitle">(抽烟大于400支年，支年 = 抽烟支数/每日*烟龄)</div>
<ul class="jobContent"> <ul class="jobContent">
<li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }" <li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"> (click)="checkFun(options,false)">
...@@ -13,7 +14,7 @@ ...@@ -13,7 +14,7 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> <div class="next" (click)="next()"> 下一步 </div>
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/smoking/smoking.component.ts
...@@ -56,9 +56,9 @@ export class SmokingComponent implements OnInit { ...@@ -56,9 +56,9 @@ export class SmokingComponent implements OnInit {
} }
}); });
if (this.type == 1) { if (this.type == 1) {
this.getOneAnswer(targetObj) this.getOneAnswer(targetObj, 'isReturn')
} else { } else {
this.getManyAnswer(targetObj, true) this.getManyAnswer(targetObj, true, 'isReturn')
} }
} }
}); });
...@@ -70,7 +70,7 @@ export class SmokingComponent implements OnInit { ...@@ -70,7 +70,7 @@ export class SmokingComponent implements OnInit {
}) })
} }
getOneAnswer(option) { getOneAnswer(option, isReturn?: any) {
for (let i = 0; i < this.options.length; i++) { for (let i = 0; i < this.options.length; i++) {
if (option['optionId'] == this.options[i]['optionId']) { if (option['optionId'] == this.options[i]['optionId']) {
this.options[i]['selected'] = true; this.options[i]['selected'] = true;
...@@ -96,9 +96,12 @@ export class SmokingComponent implements OnInit { ...@@ -96,9 +96,12 @@ export class SmokingComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) {
this.next();
}
} }
getManyAnswer(option, lastFlag) { getManyAnswer(option, lastFlag, isReturn?: any) {
if (lastFlag === false) { if (lastFlag === false) {
option['selected'] = !option['selected']; option['selected'] = !option['selected'];
} }
...@@ -137,6 +140,11 @@ export class SmokingComponent implements OnInit { ...@@ -137,6 +140,11 @@ export class SmokingComponent implements OnInit {
this.nextBtn = false; this.nextBtn = false;
} }
this.commonService.addAnswer(this.pageAnswers); this.commonService.addAnswer(this.pageAnswers);
if (!isReturn) {
if (option.optionId == 117) {
this.next();
}
}
} }
checkFun(option) { checkFun(option) {
......
questionnaire/src/app/social-security/social-security.component.html
...@@ -4,8 +4,12 @@ ...@@ -4,8 +4,12 @@
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <div class="subTitle">
(城镇居民和新农合都算)
</div>
<ul class="jobContent" style="display: flex;">
<li [ngClass]="{ selected: options['selected'] == true }" <li [ngClass]="{ selected: options['selected'] == true }"
style="width: 48%;margin: 0 2%;text-align: center;justify-content: center;"
*ngFor="let options of this.curPageData?.questions[0]['options']" *ngFor="let options of this.curPageData?.questions[0]['options']"
(click)=selectedSocial(this.curPageData?.questions[0],options)> (click)=selectedSocial(this.curPageData?.questions[0],options)>
{{ options.optionName }} {{ options.optionName }}
...@@ -14,8 +18,9 @@ ...@@ -14,8 +18,9 @@
<div class="questionTitle" *ngIf="this.type == 2 || this.type == 4"> <div class="questionTitle" *ngIf="this.type == 2 || this.type == 4">
{{ this.curPageData?.questions[1]['questionName'] }} {{ this.curPageData?.questions[1]['questionName'] }}
</div> </div>
<ul class="jobContent" *ngIf="this.type == 2 || this.type == 4"> <ul class="jobContent" *ngIf="this.type == 2 || this.type == 4" style="display: flex;">
<li [ngClass]="{ selected: options['selected'] == true }" <li [ngClass]="{ selected: options['selected'] == true }"
style="width: 48%;margin: 0 2%;text-align: center;justify-content: center;"
*ngFor="let options of this.curPageData?.questions[1]['options']" *ngFor="let options of this.curPageData?.questions[1]['options']"
(click)=selectedSocial(this.curPageData?.questions[1],options)> (click)=selectedSocial(this.curPageData?.questions[1],options)>
{{ options.optionName }} {{ options.optionName }}
...@@ -24,7 +29,7 @@ ...@@ -24,7 +29,7 @@
</div> </div>
</div> </div>
<div class="content_footer"> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div style="color: #4242dd;width: 100%;" (click)="before()">上一步</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> <!-- <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/social-security/social-security.component.ts
...@@ -51,7 +51,7 @@ export class SocialSecurityComponent implements OnInit { ...@@ -51,7 +51,7 @@ export class SocialSecurityComponent implements OnInit {
if (Object.keys(option).indexOf('optionId') > -1) { if (Object.keys(option).indexOf('optionId') > -1) {
this.targetObj = option this.targetObj = option
} }
this.selectedSocial(this.curPageData['questions'][j], this.targetObj); this.selectedSocial(this.curPageData['questions'][j], this.targetObj, 'isReturn');
}); });
} }
} }
...@@ -63,7 +63,7 @@ export class SocialSecurityComponent implements OnInit { ...@@ -63,7 +63,7 @@ export class SocialSecurityComponent implements OnInit {
}) })
} }
selectedSocial(question, option) { selectedSocial(question, option, isReturn?: any) {
option.selected = !option.selected; option.selected = !option.selected;
const questions = { const questions = {
questionId: question.questionId, questionId: question.questionId,
...@@ -105,11 +105,14 @@ export class SocialSecurityComponent implements OnInit { ...@@ -105,11 +105,14 @@ export class SocialSecurityComponent implements OnInit {
this.nextBtn = false; this.nextBtn = false;
} }
} }
if (!isReturn) {
this.next()
}
} }
next() { next() {
if (this.nextBtn == true) { if (this.nextBtn == true) {
this.router.navigate(['/transit2'], { queryParams: { type: this.type } }) this.router.navigate(['/health'], { queryParams: { type: this.type } })
} else { } else {
return; return;
} }
......
questionnaire/src/styles.css
...@@ -12,12 +12,13 @@ html, ...@@ -12,12 +12,13 @@ html,
body { body {
position: relative; position: relative;
height: 100%; height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, font-family: "Microsoft YaHei",-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"!important;
/* overflow: hidden; */ /* overflow: hidden; */
min-width: 320px; min-width: 320px;
max-width: 640px; max-width: 640px;
margin: 0 auto; margin: 0 auto;
color: #333333;
} }
img { img {
...@@ -39,6 +40,7 @@ ol li { ...@@ -39,6 +40,7 @@ ol li {
.title { .title {
text-align: center; text-align: center;
font-family: 'Microsoft YaHei';
} }
.wrapper { .wrapper {
...@@ -49,8 +51,10 @@ ol li { ...@@ -49,8 +51,10 @@ ol li {
.layout { .layout {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0 10px;
height: 100%; height: 100%;
background: url('../src/assets/images/bg.png') no-repeat;
padding: 15px 10px 0px;
background-size: 100% 100%;
} }
.layout.wrapper { .layout.wrapper {
...@@ -83,9 +87,11 @@ ol li { ...@@ -83,9 +87,11 @@ ol li {
} */ } */
.content { .content {
overflow: auto; overflow: auto;
padding-bottom: 60px; /* padding-bottom: 60px; */
padding-right: 5px;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding: 10px 8px;
background: #fff;
height:calc(100% - 60px)
} }
.content.healthContent::-webkit-scrollbar-track-piece { .content.healthContent::-webkit-scrollbar-track-piece {
...@@ -124,10 +130,16 @@ ol li { ...@@ -124,10 +130,16 @@ ol li {
.questionTitle { .questionTitle {
color: #4446e2; color: #4446e2;
font-size: 24px; font-size: 24px;
height: 60px; height: 50px;
line-height: 60px; line-height: 60px;
width: 100%; width: 100%;
display: flex; display: flex;
padding-left: 10px;
}
.subTitle{
color: #999999;
padding-left: 10px;
} }
.questionTitle span { .questionTitle span {
...@@ -136,12 +148,12 @@ ol li { ...@@ -136,12 +148,12 @@ ol li {
.questionTitle.hospitalTitle { .questionTitle.hospitalTitle {
line-height: unset; line-height: unset;
margin: 25px auto 15px auto; margin: 15px auto 15px auto;
} }
.questionTitle.smokeTitle { .questionTitle.smokeTitle {
line-height: unset; /* line-height: unset;
margin: 25px auto 55px auto; margin: 25px auto 55px auto; */
} }
.content_footer { .content_footer {
...@@ -165,21 +177,27 @@ ol li { ...@@ -165,21 +177,27 @@ ol li {
font-weight: bold; font-weight: bold;
} }
.content_footer div.next { /* .content_footer div.next {
color: #8a8a8a; color: #8a8a8a;
} } */
.content_footer div.next {
.content_footer div:nth-child(1) { color: #fff;
background: #4242dd;
}
.content_footer div {
font-size: 20px; font-size: 20px;
width: 10%; font-weight: 800;
}
.content_footer div:nth-child(2) {
font-weight: 500;
width: 50%; width: 50%;
margin-left: 15%; font-family: '微软雅黑';
/* width: 10%; */
} }
.content_footer div:nth-child(2) {
/* font-weight: 500;
width: 50%; */
/* margin-left: 15%; */
}
.twoContent { .twoContent {
height: 100%; height: 100%;
} }
...@@ -188,13 +206,13 @@ ol li { ...@@ -188,13 +206,13 @@ ol li {
.income, .income,
.cityContent { .cityContent {
width: 100%; width: 100%;
margin-top: 1em;
} }
.jobContent li { .jobContent li {
width: 100%; width: 100%;
height: 55px; height: 60px;
border: 1px #8a8a8a solid; margin-bottom: 10px;
margin-bottom: 15px;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
padding-left: 5%; padding-left: 5%;
...@@ -202,29 +220,34 @@ ol li { ...@@ -202,29 +220,34 @@ ol li {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 3%; padding: 0 3%;
font-size: 14px;
background: #f2f1f1;
} }
.cityContent li, .cityContent li,
.income li { .income li {
width: 100%; width: 100%;
height: 55px; height: 60px;
line-height: 55px; line-height: 60px;
border: 1px #8a8a8a solid; margin-bottom: 10px;
margin-bottom: 15px;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
padding-left: 5%; padding-left: 5%;
font-size: 14px;
background: #f2f1f1;
} }
.jobContent li.selected, .jobContent li.selected,
.income li.selected { .income li.selected {
border: 2px #ff0000 solid; color: #fff;
background: #4242dd;
} }
.cityContent { .cityContent {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10%; margin-top: 5%;
margin-bottom: 0px; margin-bottom: 0px;
} }
...@@ -249,29 +272,32 @@ ol li { ...@@ -249,29 +272,32 @@ ol li {
} }
.cityContent li { .cityContent li {
width: 12%; /* width: 12%; */
height: 46px; width: 16%;
line-height: 46px; height: 55px;
line-height: 55px;
text-align: center; text-align: center;
padding-left: 0; padding-left: 0;
margin-left: 1%; margin-left: 2%;
margin-right: 1%; margin-right: 2%;
border: none; border: none;
-moz-box-shadow: 0px 3px 7px rgb(206, 208, 210); /* -moz-box-shadow: 0px 3px 7px rgb(206, 208, 210);
-webkit-box-shadow: 0px 3px 7px rgb(206, 208, 210); -webkit-box-shadow: 0px 3px 7px rgb(206, 208, 210);
box-shadow: 0px 3px 7px rgb(206, 208, 210); box-shadow: 0px 3px 7px rgb(206, 208, 210); */
font-size: 18px; font-size: 18px;
border-radius: 0;
} }
.cityContent li:nth-child(7), .cityContent li:nth-child(7),
.cityContent li:nth-child(14), .cityContent li:nth-child(14),
.cityContent li:nth-child(21), .cityContent li:nth-child(21),
.cityContent li:nth-child(28) { .cityContent li:nth-child(28) {
margin-right: 0; /* margin-right: 0; */
} }
.cityContent li.selected { .cityContent li.selected {
background: #94D1CC; background: #5566e9;
color: #fff;
} }
.toastWrapper { .toastWrapper {
...@@ -310,25 +336,26 @@ ol li { ...@@ -310,25 +336,26 @@ ol li {
} }
.toastContent .live { .toastContent .live {
display: flex; position: relative;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
justify-content: center; /* border-bottom: 1px rgb(220, 220, 220) solid; */
border-bottom: 1px rgb(220, 220, 220) solid;
font-size: 16px; font-size: 16px;
} }
.toastContent .province { .toastContent .province {
display: flex; display: flex;
height: 40px; /* height: 40px;
line-height: 40px; line-height: 40px; */
} }
.toastContent .province span { .toastContent .province div {
width: 45%; width: 45%;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
height: 35px;
line-height: 35px;
} }
/* .toastContent .province span.selected{ /* .toastContent .province span.selected{
...@@ -365,16 +392,17 @@ ol li { ...@@ -365,16 +392,17 @@ ol li {
.toastContent ul.city li { .toastContent ul.city li {
width: 100%; width: 100%;
border: none; border: none;
border-bottom: 1px rgb(220, 220, 220) solid;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
text-align: left;
font-size: 16px;
} }
.address { .address {
width: 80%; width: 80%;
margin: 15% auto; margin: 2% auto;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
} }
......
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