Skip to content

A
allCampaign
Commit af5f2ab4 by Chao Sun
Options

添加可多选文字提示

parent e38c30aa
Showing with 37 additions and 16 deletions
questionnaire/src/app/age/age.component.ts
...@@ -169,7 +169,11 @@ export class AgeComponent implements OnInit { ...@@ -169,7 +169,11 @@ export class AgeComponent implements OnInit {
if (this.question['questionSubId'] == questionSubId) { if (this.question['questionSubId'] == questionSubId) {
this.curPageData['questions'] = this.curPageData['questions'].filter(item => item.questionSubId != questionSubId) this.curPageData['questions'] = this.curPageData['questions'].filter(item => item.questionSubId != questionSubId)
this.question.questionSubId = --this.questionSubId; this.question.questionSubId = --this.questionSubId;
this.commonService.removeAnswer(this.curPageData['questions']) console.log(this.curPageData['questions'])
for (let i = 0; i < this.curPageData['questions'].length; i++) {
}
// this.commonService.removeAnswer(this.curPageData['questions'])
} }
this.totalPage = Number(this.totalPage) - 1; this.totalPage = Number(this.totalPage) - 1;
} }
......
questionnaire/src/app/children-health/children-health.component.html
...@@ -2,11 +2,14 @@ ...@@ -2,11 +2,14 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle"> <div class="questionTitle">
<div class="titleName">{{ this.curPageData?.questions[0]['questionName'] }}</div> <div
style="font-size: 14px;position: absolute;background: #e11c2b;color: #fff;height: 20px;line-height: 20px;width: 50px;text-align: center;">
可多选</div>
<div class="titleName" style="margin-left: 55px;">{{ this.curPageData?.questions[0]['questionName'] }}</div>
<div class="page">{{this.curPage}}/{{this.totalPage}}</div> <div class="page">{{this.curPage}}/{{this.totalPage}}</div>
<!-- <span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列7种情况中选择)</span> --> <!-- <span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列7种情况中选择)</span> -->
</div> </div>
<div class="subTitle">(健康状况决定了能不能投保，共7项，可多选)</div> <div class="subTitle">(健康状况决定了能不能投保，共7项)</div>
<ul class="jobContent" style="display: flex;flex-wrap: wrap;"> <ul class="jobContent" style="display: flex;flex-wrap: wrap;">
<li class="selected" style="width: 48%;margin-left:1%;margin-right: 1%;justify-content: center;" <li class="selected" style="width: 48%;margin-left:1%;margin-right: 1%;justify-content: center;"
*ngFor="let options of this.curPageData?.questions[0]['options']" *ngFor="let options of this.curPageData?.questions[0]['options']"
......
questionnaire/src/app/disease/disease.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 class="questionTitle hospitalTitle" [ngStyle]="{'align-items':type!=1?'baseline':'center'}"
[ngClass]="{single:type!=1}">
<div *ngIf="type!=1"
style="font-size: 14px;background: #e11c2b;margin: 15px 0px;color: #fff;height: 20px;line-height: 20px; width: 95px;text-align: center;margin-right: 10px;">
可多选</div>
<div class="titleName">{{ curPageData?.pageName }}</div> <div class="titleName">{{ curPageData?.pageName }}</div>
<div class="page" style="margin-top: -7%;">{{this.curPage}}/{{this.totalPage}}</div> <div class="page" [ngStyle]="{'margin-top':type!=1?'':'-9.5%'}">{{this.curPage}}/{{this.totalPage}}</div>
</div> </div>
<ul class="jobContent" style="margin-top: 2.5em;"> <ul class="jobContent" style="margin-top: 2.5em;">
<li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }" <li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
......
questionnaire/src/app/disease/disease.component.ts
...@@ -100,9 +100,9 @@ export class DiseaseComponent implements OnInit { ...@@ -100,9 +100,9 @@ export class DiseaseComponent implements OnInit {
} else { } else {
this.nextBtn = false; this.nextBtn = false;
} }
if (!isReturn) { // if (!isReturn) {
this.next(); // this.next();
} // }
} }
getManyAnswer(option, lastFlag, isReturn?: any) { getManyAnswer(option, lastFlag, isReturn?: any) {
......
questionnaire/src/app/health/health.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content healthContent"> <div class="content healthContent">
<div class="questionTitle"> <div class="questionTitle" style="position: relative;">
<div class="titleName">{{ this.curPageData?.questions[0]['questionName'] }}</div> <div
style="font-size: 14px;position: absolute;background: #e11c2b;color: #fff;height: 20px;line-height: 20px;width: 50px;text-align: center;">
可多选</div>
<div class="titleName" style="margin-left: 55px;">{{ this.curPageData?.questions[0]['questionName'] }}</div>
<div class="page">{{this.curPage}}/{{this.totalPage}}</div> <div class="page">{{this.curPage}}/{{this.totalPage}}</div>
</div> </div>
<div class="subTitle"> <div class="subTitle">
(健康决定了能不能投保，共16项，可多选) (健康决定了能不能投保，共16项)
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li *ngFor="let options of this.curPageData?.questions[0]['options']" <li *ngFor="let options of this.curPageData?.questions[0]['options']"
......
questionnaire/src/app/smoking/smoking.component.html
...@@ -2,7 +2,11 @@ ...@@ -2,7 +2,11 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="questionTitle smokeTitle"> <div class="questionTitle smokeTitle">
<div class="titleName">{{ curPageData?.pageName.substr(0,5) }}</div> <div *ngIf="type!=1"
style="font-size: 14px;position: absolute;background: #e11c2b;color: #fff;height: 20px;line-height: 20px;width: 50px;text-align: center;">
可多选</div>
<div class="titleName" [ngStyle]="{'margin-left':type!=1?'55px':''}">{{ curPageData?.pageName.substr(0,5) }}
</div>
<div class="page">{{this.curPage}}/{{this.totalPage}}</div> <div class="page">{{this.curPage}}/{{this.totalPage}}</div>
</div> </div>
<div class="subTitle">(抽烟大于400支年，支年 = 抽烟支数/每日*烟龄)</div> <div class="subTitle">(抽烟大于400支年，支年 = 抽烟支数/每日*烟龄)</div>
......
questionnaire/src/styles.css
...@@ -140,11 +140,11 @@ ol li { ...@@ -140,11 +140,11 @@ ol li {
align-items: center; align-items: center;
} }
.questionTitle .page{ .questionTitle .page{
width: 65px; width: 55px;
height: 28px; height: 28px;
line-height:28px; line-height: 28px;
background: #5566e9; /* background: #5566e9; */
color: #fff; color: #333;
text-align: center; text-align: center;
} }
.subTitle{ .subTitle{
...@@ -161,6 +161,9 @@ ol li { ...@@ -161,6 +161,9 @@ ol li {
line-height: unset; line-height: unset;
margin: 15px auto 15px auto; margin: 15px auto 15px auto;
} }
.questionTitle.hospitalTitle.single{
margin: 0px;
}
.questionTitle.smokeTitle { .questionTitle.smokeTitle {
/* line-height: unset; /* line-height: unset;
......
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