Skip to content

A
allCampaign
Commit ecc7b134 by Chao Sun
Options

添加过渡

parent ffe8b4eb
Showing with 66 additions and 54 deletions
questionnaire/src/app/app.component.ts
import {Component, OnInit} from '@angular/core'; import { Component, OnInit } from '@angular/core';
import {CommonService} from "./common.service"; import { CommonService } from "./common.service";
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
...@@ -12,11 +12,15 @@ export class AppComponent implements OnInit { ...@@ -12,11 +12,15 @@ export class AppComponent implements OnInit {
} }
ngOnInit() { ngOnInit() {
if (!this.commonService.getQueryString('t_reload')) { setTimeout(() => {
let {search, href} = window.location; if (!this.commonService.getQueryString('t_reload')) {
href = href.replace(/&?t_reload=(\d+)/g, ''); let { search, href } = window.location;
window.location.href = href + (search ? '&' : '?') + 't_reload=' + new Date().getTime(); href = href.replace(/&?t_reload=(\d+)/g, '');
} window.location.href = href + (search ? '&' : '?') + 't_reload=' + new Date().getTime();
}
}, 300)
console.log(this.commonService.getQueryString('t_reload'))
let customerId = this.commonService.getQueryString('customerId'); let customerId = this.commonService.getQueryString('customerId');
const double12_customerInfo = localStorage.getItem('double12_customerInfo') ? JSON.parse(localStorage.getItem('double12_customerInfo')) : null; const double12_customerInfo = localStorage.getItem('double12_customerInfo') ? JSON.parse(localStorage.getItem('double12_customerInfo')) : null;
if (double12_customerInfo) { if (double12_customerInfo) {
......
questionnaire/src/app/common.service.ts
import {Injectable} from '@angular/core'; import { Injectable } from '@angular/core';
import {environment} from './../environments/environment'; import { environment } from './../environments/environment';
import {HttpClient, HttpHeaders} from '@angular/common/http'; import { HttpClient, HttpHeaders } from '@angular/common/http';
import {Subject} from "rxjs/index"; import { Subject } from "rxjs/index";
@Injectable({ @Injectable({
providedIn: 'root' providedIn: 'root'
}) })
...@@ -65,7 +65,7 @@ export class CommonService { ...@@ -65,7 +65,7 @@ export class CommonService {
const res = await this.obtainToken(); const res = await this.obtainToken();
this.httpOptions.headers = this.httpOptions.headers.set('X-Authorization', res['data']['token']); this.httpOptions.headers = this.httpOptions.headers.set('X-Authorization', res['data']['token']);
return this.http return this.http
.post(url, JSON.stringify({orderId: orderId}), this.httpOptions).toPromise().then(response => { .post(url, JSON.stringify({ orderId: orderId }), this.httpOptions).toPromise().then(response => {
return response; return response;
}); });
} }
......
questionnaire/src/app/transit/transit.component.html
<div class="limbo"> <div class="limbo">
<div class="title" *ngIf="!picFlag"> <img *ngIf="advFlag" src="assets/images/first.jpg">
<img src="assets/images/bg_1.png"/> <div *ngIf="!advFlag">
</div> <div class="title" *ngIf="!picFlag">
<div class="specialWrapper" *ngIf="picFlag"> <img src="assets/images/bg_1.png" />
<div class="specialContent part1"> </div>
<div class="gifts"> <div class="specialWrapper" *ngIf="picFlag">
福利1 <div class="specialContent part1">
<div class="gifts">
福利1
</div>
<div>
<!-- <span class="iconfont">&#xe625;</span> -->
<span style="color: #ec2d37;">平安意外险领取成功</span>
</div>
</div> </div>
<div> <div class="specialContent part2">
<!-- <span class="iconfont">&#xe625;</span> --> <div class="gifts">福利2</div>
<span style="color: #ec2d37;">平安意外险领取成功</span> <div>家庭风险咨询服务</div>
<div>（￥199）</div>
<ul class="part3">
<li><span class="iconfont">&#xe62e;</span>所有家庭成员风险分析</li>
<li><span class="iconfont">&#xe62e;</span>定制保险方案</li>
<li><span class="iconfont">&#xe62e;</span>投保理赔协助</li>
</ul>
</div> </div>
</div> </div>
<div class="specialContent part2"> <div class="tips" *ngIf="picFlag">
<div class="gifts">福利2</div> <span style="color:red;">*</span>
<div>家庭风险咨询服务</div> <span>了解一下您的家庭情况</span>
<div>（￥199）</div>
<ul class="part3">
<li><span class="iconfont">&#xe62e;</span>所有家庭成员风险分析</li>
<li><span class="iconfont">&#xe62e;</span>定制保险方案</li>
<li><span class="iconfont">&#xe62e;</span>投保理赔协助</li>
</ul>
</div> </div>
</div> <div *ngIf="deviceType === 3" style="display: flex;justify-content: flex-end;margin: 10px 0;">
<div class="tips" *ngIf="picFlag"> <div class="share" (click)="wxShare()">
<span style="color:red;">*</span> <div style="width: 20px"><img src="assets/images/shareBtn.png" alt=""></div>
<span>了解一下您的家庭情况</span> <span>分享给朋友</span>
</div> </div>
<div *ngIf="deviceType === 3" style="display: flex;justify-content: flex-end;margin: 10px 0;"> </div>
<div class="share" (click)="wxShare()"> <div class="tips" *ngIf="!picFlag">
<div style="width: 20px"><img src="assets/images/shareBtn.png" alt=""></div> <span style="color:red;">*</span>
<span>分享给朋友</span> <span>本问卷大约需要1分钟</span>
</div>
<div class="footer" routerLink="/family">
<div>开始评测</div>
</div> </div>
</div> </div>
<div class="tips" *ngIf="!picFlag">
<span style="color:red;">*</span>
<span>本问卷大约需要1分钟</span>
</div>
<div class="footer" routerLink="/family">
<div>开始评测</div>
</div>
</div> </div>
<!--分享引导页--> <!--分享引导页-->
...@@ -56,4 +60,4 @@ ...@@ -56,4 +60,4 @@
<!--分享成功弹窗--> <!--分享成功弹窗-->
<div class="dialog" *ngIf="alertFlag"> <div class="dialog" *ngIf="alertFlag">
<span style="margin-top: -60%;font-size: 22px">{{dialogTips}}</span> <span style="margin-top: -60%;font-size: 22px">{{dialogTips}}</span>
</div> </div>
\ No newline at end of file
questionnaire/src/app/transit/transit.component.ts
import {ChangeDetectorRef, Component, OnInit} from '@angular/core'; import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
import {CommonService} from "../common.service"; import { CommonService } from "../common.service";
import {ActivatedRoute} from "@angular/router"; import { ActivatedRoute } from "@angular/router";
import {environment} from "../../environments/environment"; import { environment } from "../../environments/environment";
import set = Reflect.set; import set = Reflect.set;
declare const wx: any; declare const wx: any;
@Component({ @Component({
...@@ -16,7 +16,7 @@ export class TransitComponent implements OnInit { ...@@ -16,7 +16,7 @@ export class TransitComponent implements OnInit {
customerId: string; customerId: string;
deviceType: number; deviceType: number;
dialogTips: string; dialogTips: string;
advFlag: boolean = true;
constructor(private commonService: CommonService, private activatedRoute: ActivatedRoute, private changeDetectorRef: ChangeDetectorRef) { constructor(private commonService: CommonService, private activatedRoute: ActivatedRoute, private changeDetectorRef: ChangeDetectorRef) {
} }
...@@ -34,9 +34,12 @@ export class TransitComponent implements OnInit { ...@@ -34,9 +34,12 @@ export class TransitComponent implements OnInit {
if (this.deviceType === 3) { if (this.deviceType === 3) {
this.configWX(); this.configWX();
} }
setTimeout(() => {
this.advFlag = false;
}, 1000)
} }
// 分享给朋友 // 分享给朋友
wxShare() { wxShare() {
this.wxShareFlag = true; this.wxShareFlag = true;
if (this.customerId) { if (this.customerId) {
......
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