Skip to content

A
allCampaign
Commit 3fba7ea1 by Chao Sun
Options

checked

parent 2a793f2b
Showing with 338 additions and 97 deletions
questionnair/src/app/ask/ask.component.html
...@@ -48,9 +48,21 @@ ...@@ -48,9 +48,21 @@
*ngIf="curPage == 10" *ngIf="curPage == 10"
(getAllAnswer)="getAllAnswer($event)" (getAllAnswer)="getAllAnswer($event)"
></app-page11> ></app-page11>
<app-page12 [curPageData]="curPageData" *ngIf="curPage == 11"></app-page12> <app-page12
<app-page13 [curPageData]="curPageData" *ngIf="curPage == 12"></app-page13> [curPageData]="curPageData"
<app-page14 [curPageData]="curPageData" *ngIf="curPage == 13"></app-page14> *ngIf="curPage == 11"
(getAllAnswer)="getAllAnswer($event)"
></app-page12>
<app-page13
[curPageData]="curPageData"
*ngIf="curPage == 12"
(getAllAnswer)="getAllAnswer($event)"
></app-page13>
<app-page14
[curPageData]="curPageData"
*ngIf="curPage == 13"
(getAllAnswer)="getAllAnswer($event)"
></app-page14>
<app-page15 [curPageData]="curPageData" *ngIf="curPage == 14"></app-page15> <app-page15 [curPageData]="curPageData" *ngIf="curPage == 14"></app-page15>
<app-page16 [curPageData]="curPageData" *ngIf="curPage == 15"></app-page16> <app-page16 [curPageData]="curPageData" *ngIf="curPage == 15"></app-page16>
<app-page17 [curPageData]="curPageData" *ngIf="curPage == 16"></app-page17> <app-page17 [curPageData]="curPageData" *ngIf="curPage == 16"></app-page17>
......
questionnair/src/app/ask/ask.component.ts
...@@ -68,22 +68,39 @@ export class AskComponent implements OnInit { ...@@ -68,22 +68,39 @@ export class AskComponent implements OnInit {
const thePateData = this.allQues[this.curPage] const thePateData = this.allQues[this.curPage]
console.log('thePateData------', this.curPage, thePateData) console.log('thePateData------', this.curPage, thePateData)
this.curPageData = thePateData this.curPageData = thePateData
if (this.curPage == 2) {
const page2Answer = this.allAnswers[1] const page2Answer = this.allAnswers[1]
if (this.curPage == 2) {
this.filterPage2( this.filterPage2(
page2Answer.questions[0].options[0].optionId, page2Answer.questions[0].options[0].optionId,
thePateData thePateData
) )
} }
if (this.curPage == 4) { if (this.curPage == 4) {
const page2Answerswer = this.allAnswers[1]
console.log(page2Answerswer)
this.filterPage5( this.filterPage5(
page2Answerswer.questions[0].options[0].optionId, page2Answer.questions[0].options[0].optionId,
thePateData
)
}
if(this.curPage == 11){
this.filterPage12(
page2Answer.questions[0].options[0].optionId,
thePateData thePateData
) )
} }
if(this.curPage == 12){
this.filterPage13(
page2Answer.questions[0].options[0].optionId,
thePateData
)
} }
if(this.curPage ==14){
this.filterPage15(
page2Answer.questions[0].options[0].optionId,
thePateData
)
}
}
filterPage2(optionId, thePateData) { filterPage2(optionId, thePateData) {
//判断第二页选择家庭1单身2二人3独立带娃4多口 //判断第二页选择家庭1单身2二人3独立带娃4多口
if (optionId == 1 || optionId == 2) { if (optionId == 1 || optionId == 2) {
...@@ -91,6 +108,7 @@ export class AskComponent implements OnInit { ...@@ -91,6 +108,7 @@ export class AskComponent implements OnInit {
} else { } else {
this.isShowChildAgeBtn = true this.isShowChildAgeBtn = true
} }
//判断页面是否有配偶选项
if (optionId == 1 || optionId == 3) { if (optionId == 1 || optionId == 3) {
this.hasMate = false this.hasMate = false
} else { } else {
...@@ -128,13 +146,52 @@ export class AskComponent implements OnInit { ...@@ -128,13 +146,52 @@ export class AskComponent implements OnInit {
} }
filterPage5(optionId, thePateData) { filterPage5(optionId, thePateData) {
//判断是否显示配偶工作页 //page5判断是否显示配偶工作页
//1单身 3单亲 //1单身 3单亲
if (optionId == 1 || optionId == 3) { if (optionId == 1 || optionId == 3) {
this.curPage++ this.curPage++
console.log('page5', this.curPage, this.curPageData) console.log('page5', this.curPage, this.curPageData)
this.curPageData = this.allQues[this.curPage]
}
}
//pege12判断是否显示配偶健康
filterPage12(optionId, thePateData){
if (optionId == 1 || optionId == 3) {
this.curPage++
console.log('page12', this.curPage, this.curPageData)
this.curPageData = this.allQues[this.curPage]
}
}
//page13判断是否显示孩子健康
filterPage13(optionId, thePateData){
//单身或二人世界
if (optionId == 1 || optionId ==2) {
this.curPage++
console.log('page13', this.curPage, this.curPageData)
this.curPageData = this.allQues[this.curPage] this.curPageData = this.allQues[this.curPage]
} }
} }
//page15判断option内容
filterPage15(optionId,thePateData){
//如果单身或者单亲选择相中没有配偶选项
if(optionId == 1 || optionId == 3){
this.curPageData = {
...thePateData,
questions:thePateData.questions[0]['options'].filter(option=>{
return option.optionId == 108 || option.optionId==109
})
}
}
if(optionId==2 || optionId==4){
this.curPageData = {
...thePateData,
questions:thePateData.questions[0]['options'].filter(option=>{
return option.optionId == 110 || option.optionId == 111 || option.optionId == 112
})
}
}
}
} }
questionnair/src/app/page11/page11.component.html
...@@ -2,14 +2,13 @@ ...@@ -2,14 +2,13 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['questions'][0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" *ngFor="let options of this.curPageData['questions'][0]['options']"
*ngFor="let options of this.curPageData.questions[0].options" [ngClass]="{'selected':options['selected']==true}"
(click)="getAnswer(options)" (click)="getAnswer(options);changeStyle(options.optionId)">
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
......
questionnair/src/app/page11/page11.component.ts
...@@ -9,39 +9,67 @@ export class Page11Component implements OnInit { ...@@ -9,39 +9,67 @@ export class Page11Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>() @Output() getAllAnswer = new EventEmitter<any>()
allOption: object allOption: object
selectedNum:number;
allOptions:Array<any>;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
this.allOption = {} this.allOption = {};
this.allOptions = [];
console.log(this.curPageData) console.log(this.curPageData)
} }
getAnswer(options) { getAnswer(options) {
console.log(options) options['selected'] = !options['selected'];
if (!this.allOption[options['optionId']]) { for(let i=0;i<this.allOptions.length;i++){
this.allOption[options['optionId']] = {} if(options['optionId'] == this.allOptions[i]['optionId']){
} let index = this.allOptions.indexOf(this.allOptions[i]);
this.allOption[options['optionId']] = { if(index>-1){
selected: !this.allOption[options['optionId']]['selected'], this.allOptions.splice(index,1)
options }
} }
const options_ret = Object.keys(this.allOption) }
.filter(item => { this.allOptions.push(options);
return this.allOption[item]['selected'] for(let i=0;i<this.allOptions.length;i++){
}) if(!this.allOptions[i]['selected']){
.map(questionId => { let index = this.allOptions.indexOf(this.allOptions[i]);
return { if(index>-1){
options: this.allOption[questionId] this.allOptions.splice(index,1)
} }
}) }
const ret = { }
pageId: this.curPageData['pageId'],
questions: [ console.log(this.allOptions)
{
questionId: this.curPageData['questions'][0].questionId, // if (!this.allOption[options['optionId']]) {
options: options_ret // this.allOption[options['optionId']] = {}
} // }
] // console.log(this.allOption)
} // this.allOption[options['optionId']] = {
this.getAllAnswer.emit(ret) // selected: !this.allOption[options['optionId']]['selected'],
// options
// }
// const options_ret = Object.keys(this.allOption)
// .filter(item => {
// return this.allOption[item]['selected']
// })
// .map(questionId => {
// return {
// options: this.allOption[questionId]
// }
// })
// const ret = {
// pageId: this.curPageData['pageId'],
// questions: [
// {
// questionId: this.curPageData['questions'][0].questionId,
// options: options_ret
// }
// ]
// }
// this.getAllAnswer.emit(ret)
}
changeStyle(optionId){
this.selectedNum = optionId
} }
} }
questionnair/src/app/page12/page12.component.html
...@@ -2,16 +2,17 @@ ...@@ -2,16 +2,17 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[0].questionName.substring(0, 1) }} {{ this.curPageData['questions'][0]['questionName'].substring(0, 1) }}
<span> <span>
{{ this.curPageData.questions[0].questionName.substring(1, 3) }}</span {{ this.curPageData['questions'][0]['questionName'].substring(1, 3) }}</span
> >
{{ this.curPageData.questions[0].questionName.substring(3, 8) }} {{ this.curPageData['questions'][0]['questionName'].substring(3, 8) }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" class="selected"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0]['options']"
(click)="getAnswer(options)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page12/page12.component.ts
import { Component, OnInit, Input } from '@angular/core' import { Component, OnInit, Input , Output, EventEmitter} from '@angular/core'
@Component({ @Component({
selector: 'app-page12', selector: 'app-page12',
...@@ -7,9 +7,22 @@ import { Component, OnInit, Input } from '@angular/core' ...@@ -7,9 +7,22 @@ import { Component, OnInit, Input } from '@angular/core'
}) })
export class Page12Component implements OnInit { export class Page12Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>()
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
console.log(this.curPageData) console.log(this.curPageData)
} }
getAnswer(option) {
const ret = {
pageId: this.curPageData['pageId'],
questions: [
{
questionId: this.curPageData['questions'][0].questionId,
option: [option]
}
]
}
this.getAllAnswer.emit(ret)
}
} }
questionnair/src/app/page13/page13.component.html
...@@ -2,12 +2,13 @@ ...@@ -2,12 +2,13 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['questions'][0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" class="selected"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0]['options']"
(click)="getAnswer(options)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page13/page13.component.ts
import { Component, OnInit, Input } from '@angular/core' import { Component, OnInit, Input, Output, EventEmitter} from '@angular/core'
@Component({ @Component({
selector: 'app-page13', selector: 'app-page13',
templateUrl: './page13.component.html', templateUrl: './page13.component.html',
...@@ -6,10 +6,22 @@ import { Component, OnInit, Input } from '@angular/core' ...@@ -6,10 +6,22 @@ import { Component, OnInit, Input } from '@angular/core'
}) })
export class Page13Component implements OnInit { export class Page13Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>()
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
console.log(this.curPageData) console.log(this.curPageData)
} }
getAnswer(option) {
const ret = {
pageId: this.curPageData['pageId'],
questions: [
{
questionId: this.curPageData['questions'][0].questionId,
option: [option]
}
]
}
this.getAllAnswer.emit(ret)
}
} }
questionnair/src/app/page14/page14.component.html
...@@ -2,12 +2,13 @@ ...@@ -2,12 +2,13 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle hospitalTitle"> <div class="questionTitle hospitalTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['pageName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" class="selected"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0]['options']"
(click)="getAnswer(options)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page14/page14.component.ts
import { Component, OnInit ,Input} from '@angular/core'; import { Component, OnInit ,Input, Output, EventEmitter} from '@angular/core';
@Component({ @Component({
selector: 'app-page14', selector: 'app-page14',
...@@ -7,10 +7,23 @@ import { Component, OnInit ,Input} from '@angular/core'; ...@@ -7,10 +7,23 @@ import { Component, OnInit ,Input} from '@angular/core';
}) })
export class Page14Component implements OnInit { export class Page14Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>()
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData) console.log(this.curPageData)
} }
getAnswer(option) {
const ret = {
pageId: this.curPageData['pageId'],
questions: [
{
questionId: this.curPageData['questions'][0].questionId,
option: [option]
}
]
}
this.getAllAnswer.emit(ret)
}
} }
questionnair/src/app/page15/page15.component.html
...@@ -2,12 +2,13 @@ ...@@ -2,12 +2,13 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle smokeTitle"> <div class="questionTitle smokeTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['questions'][0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" class="selected"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0]['options']"
(click)="getAnswer(options)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page15/page15.component.ts
import { Component, OnInit,Input } from '@angular/core'; import { Component, OnInit,Input, Output, EventEmitter} from '@angular/core';
@Component({ @Component({
selector: 'app-page15', selector: 'app-page15',
...@@ -7,10 +7,25 @@ import { Component, OnInit,Input } from '@angular/core'; ...@@ -7,10 +7,25 @@ import { Component, OnInit,Input } from '@angular/core';
}) })
export class Page15Component implements OnInit { export class Page15Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>()
curQues: Object
curAllQues: Object
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
console.log(this.curPageData) console.log(this.curPageData)
} }
getAnswer(option){
const questionId = this.curQues['questionId']
this.curAllQues[questionId] = option
const questions = Object.keys(this.curAllQues).map(questionId => {
return { questionId, options: this.curAllQues[questionId] }
})
const ret = {
pageId: 15,
questions
}
this.getAllAnswer.emit(ret)
}
} }
questionnair/src/app/page16/page16.component.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="layout "> <div class="layout ">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['questions'][0]['questionName'] }}
</div> </div>
<ul class="cityContent"> <ul class="cityContent">
<li *ngFor="let provinces of this.provinceList" (click)="showToast()"> <li *ngFor="let provinces of this.provinceList" (click)="showToast()">
......
questionnair/src/app/page2/page2.component.html
...@@ -3,11 +3,12 @@ ...@@ -3,11 +3,12 @@
<div class="questionTitle">{{ this.curPageData['pageName'] }}</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" *ngFor="let options of this.curPageData['questions'][0].options"
(click)="getAnswer(options)" (click)="getAnswer(options)"
> >
<img <img
class="selected" [ngClass]="{'selected':this.selectedNum === options.optionId}"
(click)="changeStyle(options.optionId)"
src="assets/images/icon{{ options.optionId }}.png" src="assets/images/icon{{ options.optionId }}.png"
alt="{{ options.optionName }}" alt="{{ options.optionName }}"
/> />
......
questionnair/src/app/page2/page2.component.ts
...@@ -8,6 +8,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core' ...@@ -8,6 +8,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'
export class Page2Component implements OnInit { export class Page2Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>() @Output() getAllAnswer = new EventEmitter<any>()
selectedNum:number;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
...@@ -25,4 +26,9 @@ export class Page2Component implements OnInit { ...@@ -25,4 +26,9 @@ export class Page2Component implements OnInit {
} }
this.getAllAnswer.emit(ret) this.getAllAnswer.emit(ret)
} }
changeStyle(optionId){
//当前选中项
this.selectedNum = optionId
}
} }
questionnair/src/app/page3/page3.component.html
...@@ -2,13 +2,15 @@ ...@@ -2,13 +2,15 @@
<div class="content"> <div class="content">
<div class="questionTitle">{{ this.curPageData['pageName'] }}</div> <div class="questionTitle">{{ this.curPageData['pageName'] }}</div>
<ul class="ageContent"> <ul class="ageContent">
<li *ngFor="let optionsList of this.curPageData.questions"> <li *ngFor="let optionsList of this.curPageData['questions'];index as i">
<div>{{ optionsList.questionName }}</div> <div>{{ optionsList.questionName }}</div>
<b (click)="showToast(optionsList)">&gt;</b> <b (click)="showToast(optionsList)">
<span>{{optionsList.name}}</span>&gt;
</b>
</li> </li>
</ul> </ul>
</div> </div>
<div class="addChild" *ngIf="isShowChildAgeBtn"> <div class="addChild" *ngIf="isShowChildAgeBtn" (click)="addChild()">
<div class="icon">+</div> <div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</div> <div data-toggle="modal">增加孩子年龄</div>
</div> </div>
...@@ -16,9 +18,9 @@ ...@@ -16,9 +18,9 @@
<div class="toastContent"> <div class="toastContent">
<ul> <ul>
<li <li
class="selected" [ngClass]="{'selected':this.selectedNum === options.optionId}"
*ngFor="let options of curQues.options" *ngFor="let options of curQues.options"
(click)="closeToast(); getAnswer(options)" (click)="closeToast(); getAnswer(options);changeStyle(options,options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page3/page3.component.ts
...@@ -13,18 +13,19 @@ export class Page3Component implements OnInit { ...@@ -13,18 +13,19 @@ export class Page3Component implements OnInit {
isShow: boolean isShow: boolean
curQues: Object curQues: Object
curAllQues: Object curAllQues: Object
selectedNum:number;
options:Array<any>;
curQuesLen:number;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
this.curQues = {} this.curQues = {}
this.curAllQues = {} this.curAllQues = {}
this.curQuesLen = this.curPageData['questions'].length;
console.log(this.curPageData)
} }
showToast(question) { showToast(question) {
this.isShow = true this.isShow = true
this.curQues = question this.curQues = question
console.log(this.curQues)
} }
closeToast() { closeToast() {
this.isShow = false this.isShow = false
...@@ -41,4 +42,40 @@ export class Page3Component implements OnInit { ...@@ -41,4 +42,40 @@ export class Page3Component implements OnInit {
} }
this.getAllAnswer.emit(ret) this.getAllAnswer.emit(ret)
} }
changeStyle(options,optionId){
//当前选中项
this.selectedNum = optionId
for(let i=0;i<this.curPageData['questions'].length;i++){
for(let j=0;j<this.curPageData['questions'][i]['options'].length;j++){
if(options.optionId==this.curPageData['questions'][i].options[j].optionId){
this.curPageData['questions'].optionName = options.optionName;
this.curPageData['questions'][i]['name'] = this.curPageData['questions'][i].options[j].optionName
}
}
}
}
addChild(){
this.curQuesLen++;
if(this.curQuesLen<5){
this.curPageData['questions'][this.curQuesLen-1] = {
questionId: 4,
questionName: "孩子"+(this.curQuesLen-1)+"年龄",
optionType: 1,
questionOrder: 4,
options: [
{optionId: 22, optionName: "９５后", optionOrder: 1, customerInput: null},
{optionId: 23, optionName: "９０后", optionOrder: 2, customerInput: null},
{optionId: 24, optionName: "８５后", optionOrder: 3, customerInput: null},
{optionId: 25, optionName: "８０后", optionOrder: 4, customerInput: null},
{optionId: 26, optionName: "７５后", optionOrder: 5, customerInput: null},
{optionId: 27, optionName: "７０后", optionOrder: 6, customerInput: null},
{optionId: 28, optionName: "６５后", optionOrder: 7, customerInput: null},
{optionId: 29, optionName: "６０后", optionOrder: 8, customerInput: null}
]
}
}
console.log(this.curPageData['questions'])
}
} }
questionnair/src/app/page4/page4.component.html
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
<div class="questionTitle">{{ this.curPageData['pageName'] }}</div> <div class="questionTitle">{{ this.curPageData['pageName'] }}</div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" [ngClass]="{'selected':this.selectedNum === options.optionId}"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0].options"
(click)="getAnswer(options)" (click)="getAnswer(options);changeStyle(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page4/page4.component.ts
...@@ -8,6 +8,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core' ...@@ -8,6 +8,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'
export class Page4Component implements OnInit { export class Page4Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>() @Output() getAllAnswer = new EventEmitter<any>()
selectedNum:number;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
...@@ -25,4 +26,8 @@ export class Page4Component implements OnInit { ...@@ -25,4 +26,8 @@ export class Page4Component implements OnInit {
} }
this.getAllAnswer.emit(ret) this.getAllAnswer.emit(ret)
} }
changeStyle(optionId){
//当前选中项
this.selectedNum = optionId
}
} }
questionnair/src/app/page5/page5.component.html
...@@ -8,9 +8,9 @@ ...@@ -8,9 +8,9 @@
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" [ngClass]="{'selected':this.selectedNum === options.optionId}"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0]['options']"
(click)="getAnswer(options)" (click)="getAnswer(options);changeStyle(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page5/page5.component.ts
...@@ -8,6 +8,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core' ...@@ -8,6 +8,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'
export class Page5Component implements OnInit { export class Page5Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>() @Output() getAllAnswer = new EventEmitter<any>()
selectedNum:number;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
...@@ -25,4 +26,8 @@ export class Page5Component implements OnInit { ...@@ -25,4 +26,8 @@ export class Page5Component implements OnInit {
} }
this.getAllAnswer.emit(ret) this.getAllAnswer.emit(ret)
} }
changeStyle(optionId){
//当前选中项
this.selectedNum = optionId
}
} }
questionnair/src/app/page7/page7.component.html
...@@ -2,25 +2,27 @@ ...@@ -2,25 +2,27 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['questions'][0]['questionName'] }}
</div> </div>
<ul class="income"> <ul class="income">
<li <li
class="selected" [ngClass]="{'selected':this.selectedNum === options.optionId}"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0].options"
(click)="getAnswer(this.curPageData.questions[0], options)" (click)="getAnswer(this.curPageData['questions'][0], options);
changeStyle(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
<div class="questionTitle" *ngIf="hasMate"> <div class="questionTitle" *ngIf="hasMate">
{{ this.curPageData.questions[1].questionName }} {{ this.curPageData['questions'][1]['questionName']}}
</div> </div>
<ul class="income" *ngIf="hasMate"> <ul class="income" *ngIf="hasMate">
<li <li
class="selected" [ngClass]="{'selected':this.selectedTwo === options.optionId}"
*ngFor="let options of this.curPageData.questions[1].options" *ngFor="let options of this.curPageData['questions'][1]['options']"
(click)="getAnswer(this.curPageData.questions[1], options)" (click)="getAnswer(this.curPageData['questions'][1], options);
changeStyle2(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page7/page7.component.ts
...@@ -10,6 +10,9 @@ export class Page7Component implements OnInit { ...@@ -10,6 +10,9 @@ export class Page7Component implements OnInit {
@Input() hasMate: boolean @Input() hasMate: boolean
@Output() getAllAnswer = new EventEmitter<any>() @Output() getAllAnswer = new EventEmitter<any>()
curAllQues: Object curAllQues: Object
selectedNum:number;
//第二个问题的选择
selectedTwo:number;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
...@@ -30,4 +33,10 @@ export class Page7Component implements OnInit { ...@@ -30,4 +33,10 @@ export class Page7Component implements OnInit {
} }
this.getAllAnswer.emit(ret) this.getAllAnswer.emit(ret)
} }
changeStyle(optionId){
this.selectedNum = optionId
}
changeStyle2(optionId){
this.selectedTwo = optionId
}
} }
questionnair/src/app/page8/page8.component.html
...@@ -2,25 +2,27 @@ ...@@ -2,25 +2,27 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['questions'][0]['questionName'] }}
</div> </div>
<ul class="income"> <ul class="income">
<li <li
class="selected" [ngClass]="{'selected':this.selectedNum === options.optionId}"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0]['options']"
(click)="getAnswer(this.curPageData.questions[0], options)" (click)="getAnswer(this.curPageData['questions'][0], options);
changeStyle(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[1].questionName }} {{ this.curPageData['questions'][1]['questionName'] }}
</div> </div>
<ul class="income"> <ul class="income">
<li <li
class="selected" [ngClass]="{'selected':this.selectedTwo === options.optionId}"
*ngFor="let options of this.curPageData.questions[1].options" *ngFor="let options of this.curPageData['questions'][1]['options']"
(click)="getAnswer(this.curPageData.questions[1], options)" (click)="getAnswer(this.curPageData['questions'][1], options);
changeStyle2(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page8/page8.component.ts
...@@ -9,6 +9,8 @@ export class Page8Component implements OnInit { ...@@ -9,6 +9,8 @@ export class Page8Component implements OnInit {
@Input() curPageData: Array<any> @Input() curPageData: Array<any>
@Output() getAllAnswer = new EventEmitter<any>() @Output() getAllAnswer = new EventEmitter<any>()
curAllQues: Object curAllQues: Object
selectedNum:number;
selectedTwo:number;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
...@@ -28,4 +30,11 @@ export class Page8Component implements OnInit { ...@@ -28,4 +30,11 @@ export class Page8Component implements OnInit {
} }
this.getAllAnswer.emit(ret) this.getAllAnswer.emit(ret)
} }
changeStyle(optionId){
this.selectedNum = optionId
}
changeStyle2(optionId){
this.selectedTwo = optionId
}
} }
questionnair/src/app/page9/page9.component.html
...@@ -2,25 +2,27 @@ ...@@ -2,25 +2,27 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData.questions[0].questionName }} {{ this.curPageData['questions'][0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li
class="selected" [ngClass]="{'selected':this.selectedNum === options.optionId}"
*ngFor="let options of this.curPageData.questions[0].options" *ngFor="let options of this.curPageData['questions'][0]['options']"
(click)="getAnswer(this.curPageData.questions[0], options)" (click)="getAnswer(this.curPageData['questions'][0], options);
changeStyle(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
<div class="questionTitle" *ngIf="hasMate"> <div class="questionTitle" *ngIf="hasMate">
{{ this.curPageData.questions[1].questionName }} {{ this.curPageData['questions'][1]['questionName'] }}
</div> </div>
<ul class="jobContent" *ngIf="hasMate"> <ul class="jobContent" *ngIf="hasMate">
<li <li
class="selected" [ngClass]="{'selected':this.selectedTwo === options.optionId}"
*ngFor="let options of this.curPageData.questions[1].options" *ngFor="let options of this.curPageData['questions'][1]['options']"
(click)="getAnswer(this.curPageData.questions[1], options)" (click)="getAnswer(this.curPageData['questions'][1], options);
changeStyle2(options.optionId)"
> >
{{ options.optionName }} {{ options.optionName }}
</li> </li>
......
questionnair/src/app/page9/page9.component.ts
...@@ -10,6 +10,8 @@ export class Page9Component implements OnInit { ...@@ -10,6 +10,8 @@ export class Page9Component implements OnInit {
@Input() hasMate: boolean @Input() hasMate: boolean
@Output() getAllAnswer = new EventEmitter<any>() @Output() getAllAnswer = new EventEmitter<any>()
curAllQues: Object curAllQues: Object
selectedNum:number;
selectedTwo:number;
constructor() {} constructor() {}
ngOnInit() { ngOnInit() {
...@@ -29,4 +31,10 @@ export class Page9Component implements OnInit { ...@@ -29,4 +31,10 @@ export class Page9Component implements OnInit {
} }
this.getAllAnswer.emit(ret) this.getAllAnswer.emit(ret)
} }
changeStyle(optionId){
this.selectedNum = optionId
}
changeStyle2(optionId){
this.selectedTwo = optionId
}
} }
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