Skip to content

A
allCampaign
Commit eddac7e7 by Chao Sun
Options

调查问卷数据获取

parent ec5e8fbe
Showing with 505 additions and 462 deletions
questionnair/src/app/app.module.ts
......@@ -25,6 +25,9 @@ import { Page15Component } from './page15/page15.component';
import { Page16Component } from './page16/page16.component';
import { Page17Component } from './page17/page17.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({
declarations: [
AppComponent,
......@@ -46,7 +49,10 @@ import { Limbo1Component } from './limbo1/limbo1.component';
Page15Component,
Page16Component,
Page17Component,
Limbo1Component
Limbo1Component,
Limbo2Component,
Limbo3Component,
Limbo4Component
],
imports: [
BrowserModule,
......
questionnair/src/app/ask/ask.component.html
<div class="container">
<div class="wrapper layout">
<div class="limbo" *ngIf="!this.question1Status">
<div class="title">
<img src="assets/images/bg_1.png">
</div>
<div class="tips">
<span style="color:red;">*</span>
<span>本测试仅需三分钟</span>
</div>
<div class="footer" routerLink="/question1">
<!-- {{curPage}} -->
<app-limbo1 [curPageData]="curPageData" *ngIf="curPage == 0"></app-limbo1>
<app-askdetail [curPageData]="curPageData" *ngIf="curPage == 1"></app-askdetail>
<app-page-two [curPageData]="curPageData" *ngIf="curPage == 2"></app-page-two>
<app-page-three [curPageData]="curPageData" *ngIf="curPage == 3"></app-page-three>
<app-page-four [curPageData]="curPageData" *ngIf="curPage == 4"></app-page-four>
<app-limbo2 [curPageData]="curPageData" *ngIf="curPage == 5"> </app-limbo2>
<app-page-five [curPageData]="curPageData" *ngIf="curPage == 6"></app-page-five>
<app-page-six [curPageData]="curPageData" *ngIf="curPage == 7"></app-page-six>
<app-page-seven [curPageData]="curPageData" *ngIf="curPage == 8"></app-page-seven>
<app-limbo3 [curPageData]="curPageData" *ngIf="curPage == 9"></app-limbo3>
<app-page-eight [curPageData]="curPageData" *ngIf="curPage == 10"></app-page-eight>
<app-page-nine [curPageData]="curPageData" *ngIf="curPage == 11"></app-page-nine>
<app-page-ten [curPageData]="curPageData" *ngIf="curPage == 12"></app-page-ten>
<app-page11 [curPageData]="curPageData" *ngIf="curPage == 13"></app-page11>
<app-page12 [curPageData]="curPageData" *ngIf="curPage == 14"></app-page12>
<app-page13 [curPageData]="curPageData" *ngIf="curPage == 15"></app-page13>
<app-limbo4 [curPageData]="curPageData" *ngIf="curPage == 16"></app-limbo4>
<!-- <app-page14 [curPageData]="curPageData" *ngIf="curPage == 16"></app-page14>
<app-page15 [curPageData]="curPageData" *ngIf="curPage == 17"></app-page15> -->
<!-- <div class="footer" routerLink="/question1">
<div>获取家庭分析报告</div>
</div> -->
<div class="content_footer">
<div (click)=reducePage()>&lt;</div>
<div (click)="addPage()" class="next">下一步</div>
</div>
</div>
<!--<app-limbo1></app-limbo1>
<app-askdetail></app-askdetail>
<app-page-two></app-page-two>
<app-page-three></app-page-three>
<app-page-four></app-page-four>
<app-page-five></app-page-five>
<app-page-six></app-page-six>
<app-page-seven></app-page-seven>
<app-page-eight></app-page-eight>
<app-page-nine></app-page-nine>
<app-page-ten></app-page-ten> -->
</div>
</div>
questionnair/src/app/ask/ask.component.ts
......@@ -7,7 +7,12 @@ import {CommonService} from '../common.service';
styleUrls: ['./ask.component.css']
})
export class AskComponent implements OnInit {
questionList:Array<any>;
allQues:Array<any>;
curPage: number;
totalPage: number;
curQues: string;
curPageData: Object;
allAnswers: Array<any>;
constructor(
private commonService:CommonService
) {
......@@ -15,16 +20,41 @@ export class AskComponent implements OnInit {
}
ngOnInit() {
this.surveyInfo();
this.surveyInfo()
this.curPage = 0
this.totalPage = 17
this.curPageData = []
setTimeout(()=>{
this.curPageData = this.allQues[this.curPage]
},500)
}
surveyInfo(){
this.commonService.surveyInfo().then(res=>{
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="content">
<div class="questionTitle">您的家庭结构</div>
<div class="questionTitle">{{this.curPageData['pageName']}}</div>
<ul class="option_item">
<li>
<img class="selected" src="assets/images/icon1.png" alt="单身贵族" >
<span>单身贵族</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 *ngFor="let options of this.curPageData.questions[0].options">
<img class="selected" src="assets/images/icon{{options.optionId}}.png" alt="{{options.optionName}}" >
<span>{{options.optionName}}</span>
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/index">&lt;</div>
<div routerLink="/question2" class="next">下一步</div>
</div>
</div> -->
</div>
questionnair/src/app/askdetail/askdetail.component.ts
import { Component, OnInit, OnDestroy} from '@angular/core';
import {CommonService} from '../common.service';
import { Component, OnInit,Input} from '@angular/core';
import {Subscription} from 'rxjs';
import {DataService} from '../data.service';
@Component({
......@@ -7,12 +6,12 @@ import {DataService} from '../data.service';
templateUrl: './askdetail.component.html',
styleUrls: ['./askdetail.component.css']
})
export class AskdetailComponent implements OnInit , OnDestroy{
export class AskdetailComponent implements OnInit {
@Input() curPageData: Array<any>;
questionList:Array<any>;
answerList:Array<any>;
subscription: Subscription;
constructor(
private commonService:CommonService,
private dataService:DataService
) {
this.answerList = this.dataService.answerList;
......@@ -23,18 +22,7 @@ export class AskdetailComponent implements OnInit , OnDestroy{
}
ngOnInit() {
this.surveyInfo();
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
console.log(this.curPageData)
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 {
};
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">
<img src="assets/images/bg_1.png">
</div>
......@@ -9,7 +9,4 @@
<!-- <div class="footer" routerLink="/question1">
<div>获取家庭分析报告</div>
</div> -->
<div class="footer" (click)="getStart()">
<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({
selector: 'app-limbo1',
......@@ -6,10 +6,14 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./limbo1.component.css']
})
export class Limbo1Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
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="layout">
<div class="content">
<div class="questionTitle">您的健康状况</div>
<div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent">
<li class="selected">
无疾病
</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 class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question7">&lt;</div>
<div routerLink="/question9" class="next">下一步</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({
selector: 'app-page-eight',
......@@ -7,9 +7,11 @@ import { Component, OnInit } from '@angular/core';
})
export class PageEightComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-five/page-five.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle">您的年收入（税前）？</div>
<div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="income">
<li class="selected">
10万以下
</li>
<li>
10-25万
</li>
<li>
25-40万
</li>
<li>
40-60万
</li>
<li>
60万以上
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
<div class="questionTitle">您配偶的年收入（税前）？</div>
<div class="questionTitle">{{this.curPageData.questions[1].questionName}}</div>
<ul class="income">
<li class="selected">
10万以下
</li>
<li>
10-25万
</li>
<li>
25-40万
</li>
<li>
40-60万
</li>
<li>
60万以上
<li class="selected" *ngFor="let options of this.curPageData.questions[1].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question4">&lt;</div>
<div routerLink="/question6" class="next">下一步</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({
selector: 'app-page-five',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-five.component.css']
})
export class PageFiveComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-four/page-four.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle">您的配偶从事哪种职业</div>
<div class="questionTitle">
{{this.curPageData['pageName'].substring(0, 1)}}
<span>{{this.curPageData['pageName'].substring(1, 3)}}</span>
{{this.curPageData['pageName'].substring(3,10)}}
</div>
<ul class="jobContent">
<li class="selected">
室内轻体力（办公室人员、教师、医生等）
</li>
<li>
室内重体力（经常加班，程序员等）
</li>
<li>
室内复杂作业（装修类，生产线作业等）
</li>
<li>
户外简单工作（经常出差、销售、司机、导游等）
</li>
<li>
户外复杂工作（施工工程师，建筑工人等）
</li>
<li>
家庭主妇/家庭主夫
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<div routerLink="/question3">&lt;</div>
<div routerLink="/question5" class="next">下一步</div>
<!-- <div class="content_footer">
<div routerLink="/question2">&lt;</div>
<div routerLink="/question4" class="next">下一步</div>
</div> -->
</div>
</div>
\ No newline at end of file
</div>
\ 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({
selector: 'app-page-four',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-four.component.css']
})
export class PageFourComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-nine/page-nine.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle">您<span>配偶</span>的健康状况</div>
<div class="questionTitle">
{{this.curPageData.questions[0].questionName.substring(0, 1)}}
<span> {{this.curPageData.questions[0].questionName.substring(1, 3)}}</span>
{{this.curPageData.questions[0].questionName.substring(3, 8)}}
</div>
<ul class="jobContent">
<li class="selected">
无疾病
</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 class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<div routerLink="/question8">&lt;</div>
<div routerLink="/question10" class="next">下一步</div>
<!-- <div class="content_footer">
<div routerLink="/question7">&lt;</div>
<div routerLink="/question9" class="next">下一步</div>
</div> -->
</div>
</div>
\ No newline at end of file
</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({
selector: 'app-page-nine',
......@@ -7,9 +7,12 @@ import { Component, OnInit } from '@angular/core';
})
export class PageNineComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-seven/page-seven.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle">您有社保吗？</div>
<div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent">
<li class="selected">
有
</li>
<li>
无
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
<div class="questionTitle">您配偶有社保吗？</div>
<div class="questionTitle">{{this.curPageData.questions[1].questionName}}</div>
<ul class="jobContent">
<li class="selected">
有
</li>
<li>
无
<li class="selected" *ngFor="let options of this.curPageData.questions[1].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question6">&lt;</div>
<div routerLink="/question8" class="next">下一步</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({
selector: 'app-page-seven',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-seven.component.css']
})
export class PageSevenComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-six/page-six.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle">您有房贷吗？ </div>
<div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="income">
<li class="selected">
无
</li>
<li>
小于5000
</li>
<li>
5000-10000
</li>
<li>
1万-2万
</li>
<li>
2万-3万
</li>
<li>
大于3万
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
<div class="questionTitle">您有车贷吗？</div>
<div class="questionTitle">{{this.curPageData.questions[1].questionName}}</div>
<ul class="income">
<li class="selected">
无
</li>
<li>
小于5000
</li>
<li>
5000-10000
</li>
<li>
1万-2万
</li>
<li>
2万-3万
</li>
<li>
大于3万
<li class="selected" *ngFor="let options of this.curPageData.questions[1].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question5">&lt;</div>
<div routerLink="/question7" class="next">下一步</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({
selector: 'app-page-six',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-six.component.css']
})
export class PageSixComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-ten/page-ten.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle">您孩子的健康状况</div>
<div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent">
<li class="selected">
无疾病
</li>
<li>
先天性心脏病
</li>
<li>
黄疸
</li>
<li>
肺炎
</li>
<li>
早产
</li>
<li>
腮腺炎
</li>
<li>
其他
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question9">&lt;</div>
<div routerLink="/question11" class="next">下一步</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({
selector: 'app-page-ten',
......@@ -7,9 +7,10 @@ import { Component, OnInit } from '@angular/core';
})
export class PageTenComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-three/page-three.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle">您从事哪种职业</div>
<div class="questionTitle">{{this.curPageData['pageName']}}</div>
<ul class="jobContent">
<li class="selected">
室内轻体力（办公室人员、教师、医生等）
</li>
<li>
室内重体力（经常加班，程序员等）
</li>
<li>
室内复杂作业（装修类，生产线作业等）
</li>
<li>
户外简单工作（经常出差、销售、司机、导游等）
</li>
<li>
户外复杂工作（施工工程师，建筑工人等）
</li>
<li>
家庭主妇/家庭主夫
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question2">&lt;</div>
<div routerLink="/question4" class="next">下一步</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({
selector: 'app-page-three',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page-three.component.css']
})
export class PageThreeComponent implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page-two/page-two.component.css
......@@ -42,46 +42,5 @@
line-height:38px;
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="content">
<div class="questionTitle">{{this.pageName}}</div>
<div class="questionTitle">{{this.curPageData['pageName']}}</div>
<ul class="ageContent">
<li *ngFor="let optionsList of this.optionsList ">
<li *ngFor="let optionsList of this.curPageData.questions">
<div>{{optionsList.questionName}}</div>
<span>35<b (click)="showToast()">&gt;</b></span>
<b (click)="showToast()">&gt;</b>
</li>
<!-- <li>
<div>您的年龄</div>
......@@ -24,10 +24,10 @@
<div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</div>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question1">&lt;</div>
<div routerLink="/question3" class="next">下一步</div>
</div>
</div> -->
<div class="toastWrapper toast" *ngIf="isShow">
<div class="toastContent">
<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'
@Component({
selector: 'app-page-two',
......@@ -6,24 +6,18 @@ import {CommonService} from '../common.service'
styleUrls: ['./page-two.component.css']
})
export class PageTwoComponent implements OnInit {
@Input() curPageData: Array<any>
@Input()
isShow:boolean;
constructor(private commonService:CommonService) { }
questionList:Array<any>;
pageName:string;
optionsList:Array<any>;
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(){
this.isShow = true;
}
......
questionnair/src/app/page11/page11.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle hospitalTitle">过去两年内因为疾病或意外有过住院或手术吗？</div>
<div class="questionTitle hospitalTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent">
<li class="selected">
有
</li>
<li>
无
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question10">&lt;</div>
<div routerLink="/question12" class="next">下一步</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({
selector: 'app-page11',
......@@ -6,10 +6,12 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page11.component.css']
})
export class Page11Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page12/page12.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="questionTitle hospitalTitle">过去两年内因为疾病或意外有过住院或手术吗？</div>
<div class="questionTitle smokeTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="jobContent">
<li class="selected">
本人
</li>
<li>
配偶
</li>
<li>
小孩
</li>
<li>
无
<li class="selected" *ngFor="let options of this.curPageData.questions[0].options">
{{options.optionName}}
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question11">&lt;</div>
<div routerLink="/question13" class="next">下一步</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({
selector: 'app-page12',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page12.component.css']
})
export class Page12Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page13/page13.component.html
<div class="container">
<div class="layout">
<div class="layout ">
<div class="content">
<div class="questionTitle hospitalTitle">是否抽烟？(抽烟大于400支年,支年= 每日抽烟支数 * 烟龄)</div>
<ul class="jobContent">
<li class="selected">
有
</li>
<li>
无
<div class="questionTitle">{{this.curPageData.questions[0].questionName}}</div>
<ul class="cityContent">
<li *ngFor="let provinces of this.provinceList" (click)="showToast()">
{{provinces.provinceAbbr}}
</li>
</ul>
</div>
<div class="content_footer">
<div routerLink="/question12">&lt;</div>
<div routerLink="/question14" class="next">下一步</div>
<!-- <div class="content_footer">
<div routerLink="/question13">&lt;</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>
\ 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({
selector: 'app-page13',
templateUrl: './page13.component.html',
styleUrls: ['./page13.component.css']
})
export class Page13Component implements OnInit {
constructor() { }
@Input() curPageData: Array<any>
isShow:boolean;
provinceList:Array<any>;
cityList:Array<any>;
provinceId:number;
constructor(private commonService:CommonService) { }
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 @@
</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question13">&lt;</div>
<div routerLink="/question15" class="next">下一步</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({
selector: 'app-page14',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page14.component.css']
})
export class Page14Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/app/page15/page15.component.html
......@@ -36,9 +36,9 @@
<li>津</li>
</ul>
</div>
<div class="content_footer">
<!-- <div class="content_footer">
<div routerLink="/question13">&lt;</div>
<div routerLink="/question15" class="next">下一步</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({
selector: 'app-page15',
......@@ -6,10 +6,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./page15.component.css']
})
export class Page15Component implements OnInit {
@Input() curPageData: Array<any>
constructor() { }
ngOnInit() {
console.log(this.curPageData)
}
}
questionnair/src/styles.css
......@@ -78,6 +78,10 @@ ul li,ol li{
line-height: unset;
margin: 25px auto 15px auto;
}
.questionTitle.smokeTitle{
line-height: unset;
margin: 25px auto 55px auto;
}
.content_footer{
display: flex;
width: 100%;
......@@ -120,6 +124,7 @@ ul li,ol li{
.cityContent{
display: flex;
flex-wrap: wrap;
margin-top: 15%;
}
.income{
......@@ -155,3 +160,68 @@ ul li,ol li{
.cityContent li.selected{
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