Skip to content

A
allCampaign
Commit eddac7e7 by Chao Sun
Options

调查问卷数据获取

parent ec5e8fbe
Showing with 534 additions and 491 deletions
questionnair/src/app/app.module.ts
...@@ -25,6 +25,9 @@ import { Page15Component } from './page15/page15.component'; ...@@ -25,6 +25,9 @@ import { Page15Component } from './page15/page15.component';
import { Page16Component } from './page16/page16.component'; import { Page16Component } from './page16/page16.component';
import { Page17Component } from './page17/page17.component'; import { Page17Component } from './page17/page17.component';
import { Limbo1Component } from './limbo1/limbo1.component'; import { Limbo1Component } from './limbo1/limbo1.component';
import { Limbo2Component } from './limbo2/limbo2.component';
import { Limbo3Component } from './limbo3/limbo3.component';
import { Limbo4Component } from './limbo4/limbo4.component';
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
...@@ -46,7 +49,10 @@ import { Limbo1Component } from './limbo1/limbo1.component'; ...@@ -46,7 +49,10 @@ import { Limbo1Component } from './limbo1/limbo1.component';
Page15Component, Page15Component,
Page16Component, Page16Component,
Page17Component, Page17Component,
Limbo1Component Limbo1Component,
Limbo2Component,
Limbo3Component,
Limbo4Component
], ],
imports: [ imports: [
BrowserModule, BrowserModule,
......
questionnair/src/app/ask/ask.component.html
<div class="container"> <div class="container">
<div class="wrapper layout"> <div class="wrapper layout">
<div class="limbo" *ngIf="!this.question1Status"> <!-- {{curPage}} -->
<div class="title"> <app-limbo1 [curPageData]="curPageData" *ngIf="curPage == 0"></app-limbo1>
<img src="assets/images/bg_1.png"> <app-askdetail [curPageData]="curPageData" *ngIf="curPage == 1"></app-askdetail>
</div> <app-page-two [curPageData]="curPageData" *ngIf="curPage == 2"></app-page-two>
<div class="tips"> <app-page-three [curPageData]="curPageData" *ngIf="curPage == 3"></app-page-three>
<span style="color:red;">*</span> <app-page-four [curPageData]="curPageData" *ngIf="curPage == 4"></app-page-four>
<span>本测试仅需三分钟</span> <app-limbo2 [curPageData]="curPageData" *ngIf="curPage == 5"> </app-limbo2>
</div> <app-page-five [curPageData]="curPageData" *ngIf="curPage == 6"></app-page-five>
<div class="footer" routerLink="/question1"> <app-page-six [curPageData]="curPageData" *ngIf="curPage == 7"></app-page-six>
<div>获取家庭分析报告</div> <app-page-seven [curPageData]="curPageData" *ngIf="curPage == 8"></app-page-seven>
</div> <app-limbo3 [curPageData]="curPageData" *ngIf="curPage == 9"></app-limbo3>
</div> <app-page-eight [curPageData]="curPageData" *ngIf="curPage == 10"></app-page-eight>
<!--<app-limbo1></app-limbo1> <app-page-nine [curPageData]="curPageData" *ngIf="curPage == 11"></app-page-nine>
<app-askdetail></app-askdetail> <app-page-ten [curPageData]="curPageData" *ngIf="curPage == 12"></app-page-ten>
<app-page-two></app-page-two> <app-page11 [curPageData]="curPageData" *ngIf="curPage == 13"></app-page11>
<app-page-three></app-page-three> <app-page12 [curPageData]="curPageData" *ngIf="curPage == 14"></app-page12>
<app-page-four></app-page-four> <app-page13 [curPageData]="curPageData" *ngIf="curPage == 15"></app-page13>
<app-page-five></app-page-five> <app-limbo4 [curPageData]="curPageData" *ngIf="curPage == 16"></app-limbo4>
<app-page-six></app-page-six> <!-- <app-page14 [curPageData]="curPageData" *ngIf="curPage == 16"></app-page14>
<app-page-seven></app-page-seven> <app-page15 [curPageData]="curPageData" *ngIf="curPage == 17"></app-page15> -->
<app-page-eight></app-page-eight> <!-- <div class="footer" routerLink="/question1">
<app-page-nine></app-page-nine> <div>获取家庭分析报告</div>
<app-page-ten></app-page-ten> --> </div> -->
<div class="content_footer">
<div (click)=reducePage()>&lt;</div>
<div (click)="addPage()" class="next">下一步</div>
</div>
</div> </div>
</div> </div>
questionnair/src/app/ask/ask.component.ts
...@@ -7,7 +7,12 @@ import {CommonService} from '../common.service'; ...@@ -7,7 +7,12 @@ import {CommonService} from '../common.service';
styleUrls: ['./ask.component.css'] styleUrls: ['./ask.component.css']
}) })
export class AskComponent implements OnInit { export class AskComponent implements OnInit {
questionList:Array<any>; allQues:Array<any>;
curPage: number;
totalPage: number;
curQues: string;
curPageData: Object;
allAnswers: Array<any>;
constructor( constructor(
private commonService:CommonService private commonService:CommonService
) { ) {
...@@ -15,16 +20,41 @@ export class AskComponent implements OnInit { ...@@ -15,16 +20,41 @@ export class AskComponent implements OnInit {
} }
ngOnInit() { ngOnInit() {
this.surveyInfo(); this.surveyInfo()
this.curPage = 0
this.totalPage = 17
this.curPageData = []
setTimeout(()=>{
this.curPageData = this.allQues[this.curPage]
},500)
} }
surveyInfo(){ surveyInfo(){
this.commonService.surveyInfo().then(res=>{ this.commonService.surveyInfo().then(res=>{
if(res['success']){ if(res['success']){
this.questionList = res['data']['survey'].pages[0]; this.allQues = res['data']['survey'].pages
console.log(this.questionList)
} }
}) })
} }
reducePage() {
if(this.curPage>0){
this.curPage--
this.curPageData = this.allQues[this.curPage]
}else{
return
}
}
addPage() {
if(this.curPage<16){
this.curPage++
this.curPageData = this.allQues[this.curPage]
}else{
this.curPage = 0
return;
}
console.log(this.curPage)
}
} }
questionnair/src/app/askdetail/askdetail.component.html
<!-- <div class="layout">
<div class="content" *ngFor='let questions of this.list'>
<div class="questionTitle">{{questions.questionName}}</div>
<ul class="option_item">
<li *ngFor="let options of questions.options">
<img src="assets/images/icon{{options.optionId}}.png" alt="" srcset="" *ngIf="questions.questionId==1">
<span>{{options.optionName}}</span>
</li>
</ul>
</div>
<div class="bottom">
<span>&lt;</span> <div>下一步</div>
</div>
</div> -->
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您的家庭结构</div> <div class="questionTitle">{{this.curPageData['pageName']}}</div>
<ul class="option_item"> <ul class="option_item">
<li> <li *ngFor="let options of this.curPageData.questions[0].options">
<img class="selected" src="assets/images/icon1.png" alt="单身贵族" > <img class="selected" src="assets/images/icon{{options.optionId}}.png" alt="{{options.optionName}}" >
<span>单身贵族</span> <span>{{options.optionName}}</span>
</li>
<li>
<img src="assets/images/icon2.png" alt="单身贵族" >
<span>二人世界</span>
</li>
<li>
<img src="assets/images/icon3.png" alt="独立带娃" >
<span>带娃世界</span>
</li>
<li>
<img src="assets/images/icon4.png" alt="多口之家" >
<span>多口之家</span>
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/index">&lt;</div> <div routerLink="/index">&lt;</div>
<div routerLink="/question2" class="next">下一步</div> <div routerLink="/question2" class="next">下一步</div>
</div> </div> -->
</div> </div>
questionnair/src/app/askdetail/askdetail.component.ts
import { Component, OnInit, OnDestroy} from '@angular/core'; import { Component, OnInit,Input} from '@angular/core';
import {CommonService} from '../common.service';
import {Subscription} from 'rxjs'; import {Subscription} from 'rxjs';
import {DataService} from '../data.service'; import {DataService} from '../data.service';
@Component({ @Component({
...@@ -7,12 +6,12 @@ import {DataService} from '../data.service'; ...@@ -7,12 +6,12 @@ import {DataService} from '../data.service';
templateUrl: './askdetail.component.html', templateUrl: './askdetail.component.html',
styleUrls: ['./askdetail.component.css'] styleUrls: ['./askdetail.component.css']
}) })
export class AskdetailComponent implements OnInit , OnDestroy{ export class AskdetailComponent implements OnInit {
@Input() curPageData: Array<any>;
questionList:Array<any>; questionList:Array<any>;
answerList:Array<any>; answerList:Array<any>;
subscription: Subscription; subscription: Subscription;
constructor( constructor(
private commonService:CommonService,
private dataService:DataService private dataService:DataService
) { ) {
this.answerList = this.dataService.answerList; this.answerList = this.dataService.answerList;
...@@ -23,18 +22,7 @@ export class AskdetailComponent implements OnInit , OnDestroy{ ...@@ -23,18 +22,7 @@ export class AskdetailComponent implements OnInit , OnDestroy{
} }
ngOnInit() { ngOnInit() {
this.surveyInfo(); console.log(this.curPageData)
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
surveyInfo(){
this.commonService.surveyInfo().then(res=>{
if(res['success']){
this.questionList = res['data']['survey'].pages[1]
console.log(this.questionList)
}
})
} }
} }
questionnair/src/app/common.service.ts
...@@ -48,4 +48,20 @@ export class CommonService { ...@@ -48,4 +48,20 @@ export class CommonService {
}; };
return this.http.post(url, JSON.stringify(ticketObj), this.httpOptions).toPromise(); return this.http.post(url, JSON.stringify(ticketObj), this.httpOptions).toPromise();
} }
provinceqry(objParam){
const url = this.USER_API_URL + '/partner/provinceqry';
return this.http.post(url,JSON.stringify(objParam),this.httpOptions).pipe(res => {
return res;
})
}
getCityqry(objParam){
const url = this.USER_API_URL + '/partner/cityqry';
return this.http
.post(url,JSON.stringify(objParam),this.httpOptions)
.pipe(res => {
return res;
})
}
} }
questionnair/src/app/limbo1/limbo1.component.html
<div class="limbo" *ngIf="!this.question1Status"> <div class="limbo">
<div class="title"> <div class="title">
<img src="assets/images/bg_1.png"> <img src="assets/images/bg_1.png">
</div> </div>
...@@ -9,7 +9,4 @@ ...@@ -9,7 +9,4 @@
<!-- <div class="footer" routerLink="/question1"> <!-- <div class="footer" routerLink="/question1">
<div>获取家庭分析报告</div> <div>获取家庭分析报告</div>
</div> --> </div> -->
<div class="footer" (click)="getStart()">
<div>获取家庭分析报告</div>
</div>
</div> </div>
\ No newline at end of file
questionnair/src/app/limbo1/limbo1.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit,Input } from '@angular/core';
@Component({ @Component({
selector: 'app-limbo1', selector: 'app-limbo1',
...@@ -6,10 +6,14 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,14 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./limbo1.component.css'] styleUrls: ['./limbo1.component.css']
}) })
export class Limbo1Component implements OnInit { export class Limbo1Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/limbo2/limbo2.component.html 0 → 100644
<div class="limbo">
<div class="title">
<img src="assets/images/bg_6.png">
</div>
</div>
\ No newline at end of file
questionnair/src/app/limbo2/limbo2.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { Limbo2Component } from './limbo2.component';
describe('Limbo2Component', () => {
let component: Limbo2Component;
let fixture: ComponentFixture<Limbo2Component>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ Limbo2Component ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(Limbo2Component);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
questionnair/src/app/limbo2/limbo2.component.ts 0 → 100644
import { Component, OnInit,Input } from '@angular/core';
@Component({
selector: 'app-limbo2',
templateUrl: './limbo2.component.html',
styleUrls: ['./limbo2.component.css']
})
export class Limbo2Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/limbo3/limbo3.component.html 0 → 100644
<div class="limbo">
<div class="title">
<img src="assets/images/bg_10.png">
</div>
</div>
\ No newline at end of file
questionnair/src/app/limbo3/limbo3.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { Limbo3Component } from './limbo3.component';
describe('Limbo3Component', () => {
let component: Limbo3Component;
let fixture: ComponentFixture<Limbo3Component>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ Limbo3Component ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(Limbo3Component);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
questionnair/src/app/limbo3/limbo3.component.ts 0 → 100644
import { Component, OnInit ,Input} from '@angular/core';
@Component({
selector: 'app-limbo3',
templateUrl: './limbo3.component.html',
styleUrls: ['./limbo3.component.css']
})
export class Limbo3Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/limbo4/limbo4.component.html 0 → 100644
<div class="limbo">
<div class="title">
<img src="assets/images/bg_17.png">
</div>
</div>
\ No newline at end of file
questionnair/src/app/limbo4/limbo4.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { Limbo4Component } from './limbo4.component';
describe('Limbo4Component', () => {
let component: Limbo4Component;
let fixture: ComponentFixture<Limbo4Component>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ Limbo4Component ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(Limbo4Component);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
questionnair/src/app/limbo4/limbo4.component.ts 0 → 100644
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-limbo4',
templateUrl: './limbo4.component.html',
styleUrls: ['./limbo4.component.css']
})
export class Limbo4Component implements OnInit {
@Input() curPageData:Array<any>;
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-eight/page-eight.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您的健康状况</div> <div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent"> <ul class="jobContent">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
无疾病 {{options.optionName}}
</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>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question7">&lt;</div> <div routerLink="/question7">&lt;</div>
<div routerLink="/question9" class="next">下一步</div> <div routerLink="/question9" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnair/src/app/page-eight/page-eight.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page-eight', selector: 'app-page-eight',
...@@ -7,9 +7,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -7,9 +7,11 @@ import { Component, OnInit } from '@angular/core';
}) })
export class PageEightComponent implements OnInit { export class PageEightComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-five/page-five.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您的年收入（税前）？</div> <div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="income"> <ul class="income">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
10万以下 {{options.optionName}}
</li> </li>
<li>
10-25万
</li>
<li>
25-40万
</li>
<li>
40-60万
</li>
<li>
60万以上
</li>
</ul> </ul>
<div class="questionTitle">您配偶的年收入（税前）？</div> <div class="questionTitle">{{this.curPageData.questions[1].questionName}}</div>
<ul class="income"> <ul class="income">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[1].options">
10万以下 {{options.optionName}}
</li> </li>
<li>
10-25万
</li>
<li>
25-40万
</li>
<li>
40-60万
</li>
<li>
60万以上
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question4">&lt;</div> <div routerLink="/question4">&lt;</div>
<div routerLink="/question6" class="next">下一步</div> <div routerLink="/question6" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnair/src/app/page-five/page-five.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit,Input } from '@angular/core';
@Component({ @Component({
selector: 'app-page-five', selector: 'app-page-five',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-five.component.css'] styleUrls: ['./page-five.component.css']
}) })
export class PageFiveComponent implements OnInit { export class PageFiveComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-four/page-four.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您的配偶从事哪种职业</div> <div class="questionTitle">
<ul class="jobContent"> {{this.curPageData['pageName'].substring(0, 1)}}
<li class="selected"> <span>{{this.curPageData['pageName'].substring(1, 3)}}</span>
室内轻体力（办公室人员、教师、医生等） {{this.curPageData['pageName'].substring(3,10)}}
</li> </div>
<li> <ul class="jobContent">
室内重体力（经常加班，程序员等） <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
</li> {{options.optionName}}
<li> </li>
室内复杂作业（装修类，生产线作业等）
</li>
<li>
户外简单工作（经常出差、销售、司机、导游等）
</li>
<li>
户外复杂工作（施工工程师，建筑工人等）
</li>
<li>
家庭主妇/家庭主夫
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question3">&lt;</div> <div routerLink="/question2">&lt;</div>
<div routerLink="/question5" class="next">下一步</div> <div routerLink="/question4" class="next">下一步</div>
</div> -->
</div> </div>
</div> </div>
</div> \ No newline at end of file
\ No newline at end of file
questionnair/src/app/page-four/page-four.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit,Input } from '@angular/core';
@Component({ @Component({
selector: 'app-page-four', selector: 'app-page-four',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-four.component.css'] styleUrls: ['./page-four.component.css']
}) })
export class PageFourComponent implements OnInit { export class PageFourComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-nine/page-nine.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您<span>配偶</span>的健康状况</div> <div class="questionTitle">
<ul class="jobContent"> {{this.curPageData.questions[0].questionName.substring(0, 1)}}
<li class="selected"> <span> {{this.curPageData.questions[0].questionName.substring(1, 3)}}</span>
无疾病 {{this.curPageData.questions[0].questionName.substring(3, 8)}}
</li> </div>
<li> <ul class="jobContent">
三高（高血糖,高血压,高血脂） <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
</li> {{options.optionName}}
<li> </li>
糖尿病 </ul>
</li> </div>
<li> <!-- <div class="content_footer">
心脏问题（先天性心脏病,冠心病,心梗等） <div routerLink="/question7">&lt;</div>
</li> <div routerLink="/question9" class="next">下一步</div>
<li> </div> -->
肝脏类疾病（甲乙丙型肝病,脂肪肝）
</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>
</ul>
</div> </div>
<div class="content_footer"> </div>
<div routerLink="/question8">&lt;</div> \ No newline at end of file
<div routerLink="/question10" class="next">下一步</div>
</div>
</div>
</div>
\ No newline at end of file
questionnair/src/app/page-nine/page-nine.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page-nine', selector: 'app-page-nine',
...@@ -7,9 +7,12 @@ import { Component, OnInit } from '@angular/core'; ...@@ -7,9 +7,12 @@ import { Component, OnInit } from '@angular/core';
}) })
export class PageNineComponent implements OnInit { export class PageNineComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-seven/page-seven.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您有社保吗？</div> <div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent"> <ul class="jobContent">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
有 {{options.optionName}}
</li> </li>
<li>
无
</li>
</ul> </ul>
<div class="questionTitle">您配偶有社保吗？</div> <div class="questionTitle">{{this.curPageData.questions[1].questionName}}</div>
<ul class="jobContent"> <ul class="jobContent">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[1].options">
有 {{options.optionName}}
</li> </li>
<li>
无
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question6">&lt;</div> <div routerLink="/question6">&lt;</div>
<div routerLink="/question8" class="next">下一步</div> <div routerLink="/question8" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnair/src/app/page-seven/page-seven.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page-seven', selector: 'app-page-seven',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-seven.component.css'] styleUrls: ['./page-seven.component.css']
}) })
export class PageSevenComponent implements OnInit { export class PageSevenComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-six/page-six.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您有房贷吗？ </div> <div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="income"> <ul class="income">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
无 {{options.optionName}}
</li> </li>
<li>
小于5000
</li>
<li>
5000-10000
</li>
<li>
1万-2万
</li>
<li>
2万-3万
</li>
<li>
大于3万
</li>
</ul> </ul>
<div class="questionTitle">您有车贷吗？</div> <div class="questionTitle">{{this.curPageData.questions[1].questionName}}</div>
<ul class="income"> <ul class="income">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[1].options">
无 {{options.optionName}}
</li> </li>
<li>
小于5000
</li>
<li>
5000-10000
</li>
<li>
1万-2万
</li>
<li>
2万-3万
</li>
<li>
大于3万
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question5">&lt;</div> <div routerLink="/question5">&lt;</div>
<div routerLink="/question7" class="next">下一步</div> <div routerLink="/question7" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnair/src/app/page-six/page-six.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page-six', selector: 'app-page-six',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-six.component.css'] styleUrls: ['./page-six.component.css']
}) })
export class PageSixComponent implements OnInit { export class PageSixComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-ten/page-ten.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您孩子的健康状况</div> <div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent"> <ul class="jobContent">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
无疾病 {{options.optionName}}
</li> </li>
<li>
先天性心脏病
</li>
<li>
黄疸
</li>
<li>
肺炎
</li>
<li>
早产
</li>
<li>
腮腺炎
</li>
<li>
其他
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question9">&lt;</div> <div routerLink="/question9">&lt;</div>
<div routerLink="/question11" class="next">下一步</div> <div routerLink="/question11" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
\ No newline at end of file
questionnair/src/app/page-ten/page-ten.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page-ten', selector: 'app-page-ten',
...@@ -7,9 +7,10 @@ import { Component, OnInit } from '@angular/core'; ...@@ -7,9 +7,10 @@ import { Component, OnInit } from '@angular/core';
}) })
export class PageTenComponent implements OnInit { export class PageTenComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-three/page-three.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">您从事哪种职业</div> <div class="questionTitle">{{this.curPageData['pageName']}}</div>
<ul class="jobContent"> <ul class="jobContent">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
室内轻体力（办公室人员、教师、医生等） {{options.optionName}}
</li> </li>
<li> </ul>
室内重体力（经常加班，程序员等） </div>
</li> <!-- <div class="content_footer">
<li> <div routerLink="/question2">&lt;</div>
室内复杂作业（装修类，生产线作业等） <div routerLink="/question4" class="next">下一步</div>
</li> </div> -->
<li>
户外简单工作（经常出差、销售、司机、导游等）
</li>
<li>
户外复杂工作（施工工程师，建筑工人等）
</li>
<li>
家庭主妇/家庭主夫
</li>
</ul>
</div>
<div class="content_footer">
<div routerLink="/question2">&lt;</div>
<div routerLink="/question4" class="next">下一步</div>
</div>
</div> </div>
</div> </div>
\ No newline at end of file
questionnair/src/app/page-three/page-three.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit,Input } from '@angular/core';
@Component({ @Component({
selector: 'app-page-three', selector: 'app-page-three',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-three.component.css'] styleUrls: ['./page-three.component.css']
}) })
export class PageThreeComponent implements OnInit { export class PageThreeComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page-two/page-two.component.css
...@@ -42,46 +42,5 @@ ...@@ -42,46 +42,5 @@
line-height:38px; line-height:38px;
margin:3% 10% 0 10%; margin:3% 10% 0 10%;
} }
.toastWrapper{
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
}
.toast{
position: fixed;
left: 0;
right: 0;
min-width: 320px;
max-width: 640px;
width: 100%;
margin: 0 auto;
}
.toastContent{
position: absolute;
bottom: 0;
width: 100%;
height: 40%;
background-color: #fff;
}
.toastContent ul{
display: flex;
flex-wrap: wrap;
margin: 5% 0%;
}
.toastContent ul li{
width: 46%;
float: left;
text-align: center;
margin: 2%;
border: 1px #8a8a8a solid;
border-radius: 4px;
box-sizing: border-box;
height: 40px;
line-height: 40px;
}
.toastContent ul li.selected{
border: 1px #ff0000 solid;
}
\ No newline at end of file
questionnair/src/app/page-two/page-two.component.html
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle">{{this.pageName}}</div> <div class="questionTitle">{{this.curPageData['pageName']}}</div>
<ul class="ageContent"> <ul class="ageContent">
<li *ngFor="let optionsList of this.optionsList "> <li *ngFor="let optionsList of this.curPageData.questions">
<div>{{optionsList.questionName}}</div> <div>{{optionsList.questionName}}</div>
<span>35<b (click)="showToast()">&gt;</b></span> <b (click)="showToast()">&gt;</b>
</li> </li>
<!-- <li> <!-- <li>
<div>您的年龄</div> <div>您的年龄</div>
...@@ -24,10 +24,10 @@ ...@@ -24,10 +24,10 @@
<div class="icon">+</div> <div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</div> <div data-toggle="modal">增加孩子年龄</div>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question1">&lt;</div> <div routerLink="/question1">&lt;</div>
<div routerLink="/question3" class="next">下一步</div> <div routerLink="/question3" class="next">下一步</div>
</div> </div> -->
<div class="toastWrapper toast" *ngIf="isShow"> <div class="toastWrapper toast" *ngIf="isShow">
<div class="toastContent"> <div class="toastContent">
<ul> <ul>
......
questionnair/src/app/page-two/page-two.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit,Input } from '@angular/core';
import {CommonService} from '../common.service' import {CommonService} from '../common.service'
@Component({ @Component({
selector: 'app-page-two', selector: 'app-page-two',
...@@ -6,24 +6,18 @@ import {CommonService} from '../common.service' ...@@ -6,24 +6,18 @@ import {CommonService} from '../common.service'
styleUrls: ['./page-two.component.css'] styleUrls: ['./page-two.component.css']
}) })
export class PageTwoComponent implements OnInit { export class PageTwoComponent implements OnInit {
@Input() curPageData: Array<any>
@Input()
isShow:boolean; isShow:boolean;
constructor(private commonService:CommonService) { } constructor(private commonService:CommonService) { }
questionList:Array<any>; questionList:Array<any>;
pageName:string; pageName:string;
optionsList:Array<any>; optionsList:Array<any>;
ngOnInit() { ngOnInit() {
this.surveyInfo(); console.log(this.curPageData)
} }
surveyInfo(){
this.commonService.surveyInfo().then(res=>{
if(res['success']){
this.questionList = res['data']['survey'].pages[2];console.log(this.questionList)
this.pageName = res['data']['survey'].pages[2].pageName;
this.optionsList = res['data']['survey'].pages[2].questions
}
})
}
showToast(){ showToast(){
this.isShow = true; this.isShow = true;
} }
......
questionnair/src/app/page11/page11.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle hospitalTitle">过去两年内因为疾病或意外有过住院或手术吗？</div> <div class="questionTitle hospitalTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent"> <ul class="jobContent">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
有 {{options.optionName}}
</li> </li>
<li>
无
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question10">&lt;</div> <div routerLink="/question10">&lt;</div>
<div routerLink="/question12" class="next">下一步</div> <div routerLink="/question12" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
questionnair/src/app/page11/page11.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page11', selector: 'app-page11',
...@@ -6,10 +6,12 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,12 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page11.component.css'] styleUrls: ['./page11.component.css']
}) })
export class Page11Component implements OnInit { export class Page11Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page12/page12.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle hospitalTitle">过去两年内因为疾病或意外有过住院或手术吗？</div> <div class="questionTitle smokeTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent"> <ul class="jobContent">
<li class="selected"> <li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
本人 {{options.optionName}}
</li> </li>
<li>
配偶
</li>
<li>
小孩
</li>
<li>
无
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question11">&lt;</div> <div routerLink="/question11">&lt;</div>
<div routerLink="/question13" class="next">下一步</div> <div routerLink="/question13" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
questionnair/src/app/page12/page12.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page12', selector: 'app-page12',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page12.component.css'] styleUrls: ['./page12.component.css']
}) })
export class Page12Component implements OnInit { export class Page12Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page13/page13.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout ">
<div class="content"> <div class="content">
<div class="questionTitle hospitalTitle">是否抽烟？(抽烟大于400支年,支年= 每日抽烟支数 * 烟龄)</div> <div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent"> <ul class="cityContent">
<li class="selected"> <li *ngFor="let provinces of this.provinceList" (click)="showToast()">
有 {{provinces.provinceAbbr}}
</li> </li>
<li>
无
</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question12">&lt;</div> <div routerLink="/question13">&lt;</div>
<div routerLink="/question14" class="next">下一步</div> <div routerLink="/question15" class="next">下一步</div>
</div> -->
</div>
<div class="toastWrapper toast" *ngIf="isShow">
<div class="toastContent">
<div class="live">所在地区</div>
<ul class="city">
<li class="selected" (click)="closeToast()">舟山市</li>
<li>台州市</li>
<li>宁波市</li>
<li>杭州市</li>
<li>温州市</li>
<li>嘉兴市</li>
<li>湖州市</li>
<li>绍兴市</li>
</ul>
</div>
</div> </div>
</div> </div>
</div>
\ No newline at end of file
questionnair/src/app/page13/page13.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
import { CommonService } from '../common.service'
@Component({ @Component({
selector: 'app-page13', selector: 'app-page13',
templateUrl: './page13.component.html', templateUrl: './page13.component.html',
styleUrls: ['./page13.component.css'] styleUrls: ['./page13.component.css']
}) })
export class Page13Component implements OnInit { export class Page13Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { } isShow:boolean;
provinceList:Array<any>;
cityList:Array<any>;
provinceId:number;
constructor(private commonService:CommonService) { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
this.provinceqry()
}
showToast(){
this.isShow = true;
}
closeToast(){
this.isShow = false;
}
provinceqry(){
this.commonService.provinceqry({insurerId:14}).subscribe(res => {
if (res['success']) {
this.provinceList = res['data'].provinceList
console.log(this.provinceList)
}
})
} }
getCityqry(){
const param = {
insurerId:14,
provinceId:this.provinceId
}
this.commonService.provinceqry(param).subscribe(res => {
if (res['success']) {
console.log(res)
}
})
}
} }
questionnair/src/app/page14/page14.component.html
...@@ -14,9 +14,9 @@ ...@@ -14,9 +14,9 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question13">&lt;</div> <div routerLink="/question13">&lt;</div>
<div routerLink="/question15" class="next">下一步</div> <div routerLink="/question15" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
questionnair/src/app/page14/page14.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit ,Input} from '@angular/core';
@Component({ @Component({
selector: 'app-page14', selector: 'app-page14',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page14.component.css'] styleUrls: ['./page14.component.css']
}) })
export class Page14Component implements OnInit { export class Page14Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/app/page15/page15.component.html
...@@ -36,9 +36,9 @@ ...@@ -36,9 +36,9 @@
<li>津</li> <li>津</li>
</ul> </ul>
</div> </div>
<div class="content_footer"> <!-- <div class="content_footer">
<div routerLink="/question13">&lt;</div> <div routerLink="/question13">&lt;</div>
<div routerLink="/question15" class="next">下一步</div> <div routerLink="/question15" class="next">下一步</div>
</div> </div> -->
</div> </div>
</div> </div>
questionnair/src/app/page15/page15.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit,Input } from '@angular/core';
@Component({ @Component({
selector: 'app-page15', selector: 'app-page15',
...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page15.component.css'] styleUrls: ['./page15.component.css']
}) })
export class Page15Component implements OnInit { export class Page15Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData)
} }
} }
questionnair/src/styles.css
...@@ -78,6 +78,10 @@ ul li,ol li{ ...@@ -78,6 +78,10 @@ ul li,ol li{
line-height: unset; line-height: unset;
margin: 25px auto 15px auto; margin: 25px auto 15px auto;
} }
.questionTitle.smokeTitle{
line-height: unset;
margin: 25px auto 55px auto;
}
.content_footer{ .content_footer{
display: flex; display: flex;
width: 100%; width: 100%;
...@@ -120,6 +124,7 @@ ul li,ol li{ ...@@ -120,6 +124,7 @@ ul li,ol li{
.cityContent{ .cityContent{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 15%;
} }
.income{ .income{
...@@ -154,4 +159,69 @@ ul li,ol li{ ...@@ -154,4 +159,69 @@ ul li,ol li{
} }
.cityContent li.selected{ .cityContent li.selected{
background: rgba(148,209, 204) background: rgba(148,209, 204)
}
.toastWrapper{
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
}
.toast{
position: fixed;
left: 0;
right: 0;
min-width: 320px;
max-width: 640px;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.toastContent{
position: absolute;
bottom: 0;
width: 100%;
height: 40%;
background-color: #fff;
z-index: 20;
}
.toastContent .live{
display: flex;
height: 40px;
line-height: 40px;
text-align: center;
justify-content: center;
border-bottom: 1px rgb(220, 220, 220) solid;
font-size: 16px;
}
.toastContent ul{
display: flex;
flex-wrap: wrap;
margin: 5% 0%;
}
.toastContent ul li{
width: 46%;
float: left;
text-align: center;
margin: 2%;
border: 1px #8a8a8a solid;
border-radius: 4px;
box-sizing: border-box;
height: 40px;
line-height: 40px;
}
.toastContent ul li.selected{
border: 1px #ff0000 solid;
}
.toastContent ul.city {
margin: 0;
}
.toastContent ul.city li{
width: 100%;
border:none;
border-bottom: 1px rgb(220, 220, 220) solid;
border-radius: 0;
margin: 0;
height:35px;
line-height:35px;
} }
\ No newline at end of file
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