Skip to content

A
allCampaign
Commit 99b4a210 by Sweet Zhang
Options

Merge branch 'master' of 139.224.139.2:Sweet/allCampaign

parents 8edc9470 7a6a9520
Showing with 1372 additions and 487 deletions
consulting/index.html
......@@ -2,115 +2,120 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>獴哥保险诊所</title>
<link rel="stylesheet" href="./css/style.css" />
<!--Shortcut icon-->
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>獴哥保险诊所</title>
<link rel="stylesheet" href="./css/style.css" />
<!--Shortcut icon-->
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
</head>
<body>
<div>
<img src="./images/bg.png">
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<img class="icon" src="./images/icon.png" alt="icon">
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice"><span>￥</span>49</div>
<div class="price">原价:<span>￥</span>199/年</div>
</li>
</ul>
<div class="right">
立即购买
<div>
<img style="padding-bottom: 65px;" src="./images/bg.png" />
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<img class="icon" src="./images/icon.png" alt="icon" />
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice">
<span>￥</span><span class="nowPrice"></span>
</div>
</div>
<div class="modalBox">
<div class='inputBox'>
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type='number' maxlength="11" placeholder="手机号" />
<div class='autoGet'>
<button class='getPhoneNumber commonBtn' id="codeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="code" type='number' maxlength="4" placeholder="短信验证码" />
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class='goBuyBtn commonBtn' id="pay">立即支付</button>
<div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
<div class='closeModal' bindtap='closeModalBox'>X</div>
</li>
</ul>
<div class="right">
立即购买
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示">
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
<div class="modalBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input style="width:100%" id="code" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input style="width:100%" id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div>
<div class="closeModal" bindtap="closeModalBox">X</div>
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示" />
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
<!-- 登录弹窗-->
<div class="loginInBox">
<div class='inputBox'>
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="loginPhone" type='number' maxlength="11" placeholder="手机号" />
<div class='autoGet'>
<button class='getPhoneNumber commonBtn' id="loginCodeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type='number' maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class='goBuyBtn commonBtn' id="loginIn">登录</button>
</div>
<!-- 登录弹窗-->
<div class="loginInBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="loginCodeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == 'www.ydinsurance.cn') {
hm.src = "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == "www.ydinsurance.cn") {
hm.src =
"https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
\ No newline at end of file
consulting/js/base.js
$(function () {
// var api = 'https://' + window.location.host;
var api = 'https://m.zuihuibi.cn';
var api = 'https://mdev.zuihuibi.cn';
var gitUrlParam = window.location.search;
const shareInfo = {
shareCode: null,
......@@ -26,9 +26,6 @@ $(function () {
$("#phone,#name,#code").blur(function () {
window.scrollTo(0, 0);
})
var deviceType = checkDeviceType();
param.deviceType = deviceType;
function getToken() {
$.ajax({
type: "POST",
......@@ -46,6 +43,45 @@ $(function () {
}
var token = getToken();
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
//获取产品价格
var nowPrice = getGoodsPrice()
function getGoodsPrice() {
$.ajax({
type: "POST",
url: api + '/api/voucherInfoQuery',
contentType: "application/json",
data: JSON.stringify({
planId: 424
}),
async: false,
headers: {
"X-Authorization": token
},
success: function (res) {
if (res['data']) {
$(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice']
}
}
})
return nowPrice
}
$(".right").click(function () {
$("#phone").val('')
$("#code").val('')
......@@ -70,22 +106,6 @@ $(function () {
}
return null;
}
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
sendPhone()
//发送验证码
function sendPhone(type) {
......@@ -302,7 +322,7 @@ $(function () {
planId: '424',
startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
price: '49',
price: nowPrice,
holder: {
name: param.name,
mobileNo: param.phone
......
consulting1/.idea/workspace.xml
This source diff could not be displayed because it is too large. You can view the blob instead.
consulting1/index.html
......@@ -2,114 +2,119 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>獴哥保险诊所</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>獴哥保险诊所</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
</head>
<body>
<div>
<img src="./images/bg_toutiao.png">
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<img class="icon" src="./images/icon.png" alt="icon">
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice"><span>￥</span>49</div>
<div class="price">原价:<span>￥</span>199/年</div>
</li>
</ul>
<div class="right">
立即购买
<div>
<img style="padding-bottom: 65px;" src="./images/bg_toutiao.png" />
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<img class="icon" src="./images/icon.png" alt="icon" />
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice">
<span>￥</span><span class="nowPrice"></span>
</div>
</div>
<div class="modalBox">
<div class='inputBox'>
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type='number' maxlength="11" placeholder="手机号" />
<div class='autoGet'>
<button class='getPhoneNumber commonBtn' id="codeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="code" type='number' maxlength="4" placeholder="短信验证码" />
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class='goBuyBtn commonBtn' id="pay">立即支付</button>
<div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
<div class='closeModal' bindtap='closeModalBox'>X</div>
</li>
</ul>
<div class="right">
立即购买
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示">
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
<div class="modalBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input style="width:100%" id="code" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input style="width:100%" id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div>
<div class="closeModal" bindtap="closeModalBox">X</div>
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示" />
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
<!-- 登录弹窗-->
<div class="loginInBox">
<div class='inputBox'>
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="loginPhone" type='number' maxlength="11" placeholder="手机号" />
<div class='autoGet'>
<button class='getPhoneNumber commonBtn' id="loginCodeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type='number' maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class='goBuyBtn commonBtn' id="loginIn">登录</button>
</div>
<!-- 登录弹窗-->
<div class="loginInBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="loginCodeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == 'www.ydinsurance.cn') {
hm.src = "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == "www.ydinsurance.cn") {
hm.src =
"https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
\ No newline at end of file
consulting1/js/base.js
......@@ -26,9 +26,6 @@ $(function () {
$("#phone,#name,#code").blur(function () {
window.scrollTo(0, 0);
})
var deviceType = checkDeviceType();
param.deviceType = deviceType;
function getToken() {
$.ajax({
type: "POST",
......@@ -44,8 +41,47 @@ $(function () {
})
return token;
}
var token = getToken();
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
//获取产品价格
var nowPrice = getGoodsPrice()
function getGoodsPrice() {
$.ajax({
type: "POST",
url: api + '/api/voucherInfoQuery',
contentType: "application/json",
data: JSON.stringify({
planId: 424
}),
async: false,
headers: {
"X-Authorization": token
},
success: function (res) {
if (res['data']) {
$(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice']
}
}
})
return nowPrice
}
$(".right").click(function () {
$("#phone").val('')
$("#code").val('')
......@@ -70,22 +106,6 @@ $(function () {
}
return null;
}
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
sendPhone()
//发送验证码
function sendPhone(type) {
......@@ -302,7 +322,7 @@ $(function () {
planId: '424',
startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
price: '49',
price: nowPrice,
holder: {
name: param.name,
mobileNo: param.phone
......
questionnaire/src/app/age/age.component.html
......@@ -10,28 +10,27 @@
</b>
</li>
</ul>
<div class="addChild" (click)="addChild()" *ngIf="!(type==1||type==2)"
[ngClass]="{'disabled':totalChildLimitCount<=0}">
<div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</div>
</div>
</div>
<div class="addChild" (click)="addChild()" *ngIf="!(type==1||type==2)"
[ngClass]="{'disabled':totalChildLimitCount<=0}">
<div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
</div>
<div class="toastContent" *ngIf="isShow">
<ul>
<li
*ngFor="let options of curQues.options"
[ngClass]="{ selected: options['selected']}"
<li *ngFor="let options of curQues.options" [ngClass]="{ selected: options['selected']}"
(click)="selectedAge(options);">
{{ options.optionName }}
</li>
</ul>
<!--<div>{{curQues|json}}</div>-->
</div>
</div>
\ No newline at end of file
questionnaire/src/app/app-routing.module.ts
import {NgModule, Component} from '@angular/core';
import {Routes, RouterModule} from '@angular/router';
import {TransitComponent} from './transit/transit.component';
import {FamilyComponent} from './family/family.component';
import {AgeComponent} from './age/age.component';
import {JobComponent} from './job/job.component';
import {IncomeComponent} from './income/income.component';
import {LoanComponent} from './loan/loan.component';
import {SocialSecurityComponent} from './social-security/social-security.component';
import {HealthComponent} from './health/health.component';
import {ChildrenHealthComponent} from './children-health/children-health.component';
import {DiseaseComponent} from './disease/disease.component';
import {SmokingComponent} from './smoking/smoking.component';
import {LiveComponent} from './live/live.component';
import {Transit1Component} from './transit1/transit1.component';
import {Transit2Component} from './transit2/transit2.component';
import {Transit3Component} from './transit3/transit3.component';
import {CommonModule} from '@angular/common';
import { NgModule, Component } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { TransitComponent } from './transit/transit.component';
import { FamilyComponent } from './family/family.component';
import { AgeComponent } from './age/age.component';
import { JobComponent } from './job/job.component';
import { IncomeComponent } from './income/income.component';
import { LoanComponent } from './loan/loan.component';
import { SocialSecurityComponent } from './social-security/social-security.component';
import { HealthComponent } from './health/health.component';
import { ChildrenHealthComponent } from './children-health/children-health.component';
import { DiseaseComponent } from './disease/disease.component';
import { SmokingComponent } from './smoking/smoking.component';
import { LiveComponent } from './live/live.component';
import { Transit1Component } from './transit1/transit1.component';
import { Transit2Component } from './transit2/transit2.component';
import { Transit3Component } from './transit3/transit3.component';
import { SpecialMmhComponent } from './special-mmh/special-mmh.component';
import { CommonModule } from '@angular/common';
const routes: Routes = [
{
......@@ -35,11 +35,11 @@ const routes: Routes = [
}, {
path: 'job',
component: JobComponent,
data: [{id: 1}]
data: [{ id: 1 }]
}, {
path: 'spouse_job',
component: JobComponent,
data: [{id: 2}]
data: [{ id: 2 }]
}
, {
path: 'income',
......@@ -53,11 +53,11 @@ const routes: Routes = [
}, {
path: 'health',
component: HealthComponent,
data: [{id: 1}]
data: [{ id: 1 }]
}, {
path: 'spouse_health',
component: HealthComponent,
data: [{id: 2}]
data: [{ id: 2 }]
}, {
path: 'children_health/:childId',
component: ChildrenHealthComponent,
......@@ -80,6 +80,10 @@ const routes: Routes = [
path: 'transit3',
component: Transit3Component
},
{
path: 'specialMmh',
component: SpecialMmhComponent
}
// {
// path: '*',
// component: 'TransitComponent'
......
questionnaire/src/app/app.component.ts
import {Component, OnInit} from '@angular/core';
import {CommonService} from "./common.service";
import { Component, OnInit } from '@angular/core';
import { CommonService } from "./common.service";
@Component({
selector: 'app-root',
......
questionnaire/src/app/app.module.ts
......@@ -22,7 +22,8 @@ import {Transit3Component} from './transit3/transit3.component';
import {HttpClientModule} from '@angular/common/http'
import {CommonService} from './common.service'
import {LocalStorage} from './local.storage'
import {LocalStorage} from './local.storage';
import { SpecialMmhComponent } from './special-mmh/special-mmh.component'
@NgModule({
declarations: [
AppComponent,
......@@ -40,7 +41,8 @@ import {LocalStorage} from './local.storage'
TransitComponent,
Transit1Component,
Transit2Component,
Transit3Component
Transit3Component,
SpecialMmhComponent
],
imports: [
BrowserModule,
......
questionnaire/src/app/children-health/children-health.component.html
......@@ -3,19 +3,18 @@
<div class="content">
<div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }}
<span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列7种情况中选择)</span>
</div>
<ul class="jobContent">
<li
class="selected"
*ngFor="let options of this.curPageData?.questions[0]['options']"
<li class="selected" *ngFor="let options of this.curPageData?.questions[0]['options']"
[ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)">
{{ options.optionName }}
</li>
</ul>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/disease/disease.component.html
......@@ -5,19 +5,15 @@
{{ this.curPageData?.pageName }}
</div>
<ul class="jobContent">
<li
*ngFor="let options of this.options"
[ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"
>
<li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)">
{{ options.optionName }}
</li>
</ul>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"> 下一步 </div>
</div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/health/health.component.html
<div class="container">
<div class="layout">
<div class="content">
<div class="content healthContent" style="min-height: 300px;">
<div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }}
<span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列16种情况中选择)</span>
</div>
<ul class="jobContent">
<li *ngFor="let options of this.curPageData?.questions[0]['options']"
[ngClass]="{ selected: options['selected'] == true}"
(click)="selectedHealth(options,false)">
[ngClass]="{ selected: options['selected'] == true}" (click)="selectedHealth(options,false)">
{{ options.optionName }}
</li>
</ul>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/income/income.component.html
......@@ -2,35 +2,31 @@
<div class="layout">
<div class="content">
<div class="twoContent">
<div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="income">
<li
[ngClass]="{ selected: options['selected'] }"
*ngFor="let options of this.curPageData?.questions[0].options"
(click)="selectedIncome(this.curPageData?.questions[0],options)"
>
{{ options.optionName }}
</li>
</ul>
<div class="questionTitle" *ngIf="this.type == 2 || this.type == 4">
{{ this.curPageData?.questions[1]['questionName']}}
</div>
<ul class="income" *ngIf="this.type == 2 || this.type == 4">
<li
[ngClass]="{ selected: options['selected']}"
*ngFor="let options of this.curPageData?.questions[1]['options']"
(click)="selectedIncome(this.curPageData?.questions[1],options)"
>
{{ options.optionName }}
</li>
</ul>
<div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="income">
<li [ngClass]="{ selected: options['selected'] }"
*ngFor="let options of this.curPageData?.questions[0].options"
(click)="selectedIncome(this.curPageData?.questions[0],options)">
{{ options.optionName }}
</li>
</ul>
<div class="questionTitle" *ngIf="this.type == 2 || this.type == 4">
{{ this.curPageData?.questions[1]['questionName']}}
</div>
<ul class="income" *ngIf="this.type == 2 || this.type == 4">
<li [ngClass]="{ selected: options['selected']}"
*ngFor="let options of this.curPageData?.questions[1]['options']"
(click)="selectedIncome(this.curPageData?.questions[1],options)">
{{ options.optionName }}
</li>
</ul>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/live/live.component.html
......@@ -5,11 +5,8 @@
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="cityContent">
<li
*ngFor="let provinces of this.provinceList"
[ngClass]="{ selected: provinces['selected'] == true }"
(click)="showToast(); selectProvince(provinces)"
>
<li *ngFor="let provinces of this.provinceList" [ngClass]="{ selected: provinces['selected'] == true }"
(click)="showToast(); selectProvince(provinces)">
{{ provinces.provinceAbbr }}
</li>
</ul>
......@@ -17,11 +14,10 @@
{{ this.strAddress }}
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"> 下一步 </div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();">
......@@ -32,10 +28,7 @@
<span>{{ this.provinceName }}</span>
</div>
<ul class="city">
<li
*ngFor="let city of this.cityList"
(click)="closeToast(); selectCity(city);"
>
<li *ngFor="let city of this.cityList" (click)="closeToast(); selectCity(city);">
{{ city.cityName }}
</li>
</ul>
......
questionnaire/src/app/loan/loan.component.html
......@@ -5,11 +5,9 @@
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="income">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[0]['options']"
(click)="selectedLoan(this.curPageData?.questions[0],options)"
>
(click)="selectedLoan(this.curPageData?.questions[0],options)">
{{ options.optionName }}
</li>
</ul>
......@@ -17,20 +15,16 @@
{{ this.curPageData?.questions[1]['questionName'] }}
</div>
<ul class="income">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[1]['options']"
(click)="selectedLoan(this.curPageData?.questions[1],options)"
>
(click)="selectedLoan(this.curPageData?.questions[1],options)">
{{ options.optionName }}
</li>
</ul>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"
> 下一步 </div>
</div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/smoking/smoking.component.html
......@@ -5,19 +5,15 @@
{{ this.curPageData?.pageName }}
</div>
<ul class="jobContent">
<li
*ngFor="let options of this.options"
[ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"
>
<li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)">
{{ options.optionName }}
</li>
</ul>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"> 下一步 </div>
</div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/social-security/social-security.component.html
......@@ -5,11 +5,9 @@
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="jobContent">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[0]['options']"
(click)=selectedSocial(this.curPageData?.questions[0],options)
>
(click)=selectedSocial(this.curPageData?.questions[0],options)>
{{ options.optionName }}
</li>
</ul>
......@@ -17,20 +15,16 @@
{{ this.curPageData?.questions[1]['questionName'] }}
</div>
<ul class="jobContent" *ngIf="this.type == 2 || this.type == 4">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[1]['options']"
(click)=selectedSocial(this.curPageData?.questions[1],options)
>
(click)=selectedSocial(this.curPageData?.questions[1],options)>
{{ options.optionName }}
</li>
</ul>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"
> 下一步 </div>
</div>
</div>
</div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/special-mmh/special-mmh.component.css 0 → 100644
.specialWrapper{
text-align: center;
margin-top:8px;
}
.specialWrapper div{
font-size: 16px;
margin-bottom: 5px;
}
.specialWrapper div span{
font-weight: 900;
}
\ No newline at end of file
questionnaire/src/app/special-mmh/special-mmh.component.html 0 → 100644
<div class="limbo">
<div class="title">
<img src="assets/images/445.png" />
</div>
<div class="specialWrapper">
<div>
等等先别关！
</div>
<div>
我们还为美妈建立了超级福利群
</div>
<img style="width: 40%;" src="assets/images/msje.jpg" alt="银盾在线">
<div>
扫描二维码添加小助手拉你进群
</div>
<div>
成功进群后即可领取下单<span>返现</span>
</div>
<div>
不定期<span>红包</span>让你拿到手软
</div>
<div>
微商城<span>优惠</span>抢先知
</div>
<div>
养娃心得一同交流
</div>
<div>
育儿专家在线答疑….
</div>
<div>
全国各地的美妈都在这了
</div>
<div>
就等你入群！
</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/special-mmh/special-mmh.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { SpecialMmhComponent } from './special-mmh.component';
describe('SpecialMmhComponent', () => {
let component: SpecialMmhComponent;
let fixture: ComponentFixture<SpecialMmhComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ SpecialMmhComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(SpecialMmhComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
questionnaire/src/app/special-mmh/special-mmh.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-special-mmh',
templateUrl: './special-mmh.component.html',
styleUrls: ['./special-mmh.component.css']
})
export class SpecialMmhComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
questionnaire/src/app/transit/transit.component.css
.specialContent{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
/* box-shadow: 0 1px 5px #e4dfdf; */
border-radius: 5px;
border: 1px #d3d9ef solid;
}
.part1{
height: 120px;
margin-bottom: 20px;
position: relative;
}
.part1 .iconfont{
color:#2806b1;
margin-right: 20px;
font-size: 40px!important;
}
.part1,.part2,.part3{
flex-direction: column;
padding: 20px;
position: relative;
}
.part1 div:nth-child(2),.part2 div:nth-child(2){
margin-top: 20px;
}
.part1{
background: #f7f7f2;
}
.part1 div:nth-child(2){
color: #3e4768;
display: flex;
align-items: center;
}
.part2{
background: #033984;
/* background: linear-gradient(to bottom right, #2806b1, #6571c7); */
color: #fff;
}
.gifts{
position: absolute;
left: 0;
font-size: 20px;
top: 0px;
width: 85px;
height: 35px;
background: #ec2d37;
color: #fff;
border-radius: 5px 0px 40px 0px;
line-height: 35px;
padding-left: 10px;
}
.part3 .iconfont{
color:rgb(250, 253, 3);
margin-right: 5px;
font-size: 20px;
}
.part3 li{
width: 100%;
text-align: left;
font-size: 20px;
margin-bottom: 5px;
}
\ No newline at end of file
questionnaire/src/app/transit/transit.component.html
<div class="limbo">
<div class="title">
<div class="title" *ngIf="!picFlag">
<img src="assets/images/bg_1.png" />
</div>
<div class="tips">
<div class="specialWrapper" *ngIf="picFlag">
<div class="specialContent part1">
<div class="gifts">
福利1
</div>
<div>
<!-- <span class="iconfont">&#xe625;</span> -->
<span style="color: #ec2d37;">平安意外险领取成功</span>
</div>
</div>
<div class="specialContent part2">
<div class="gifts">福利2</div>
<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 class="tips" *ngIf="picFlag">
<span style="color:red;">*</span>
<span>了解一下您的家庭情况</span>
</div>
<div class="tips" *ngIf="!picFlag">
<span style="color:red;">*</span>
<span>本测试大约需要1分钟</span>
<span>本问卷大约需要1分钟</span>
</div>
<div class="footer" routerLink="/family">
<div>获取家庭分析报告</div>
<div>进入</div>
</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/transit/transit.component.ts
import {Component, OnInit} from '@angular/core';
import {CommonService} from "../common.service";
import { Component, OnInit } from '@angular/core';
import { CommonService } from "../common.service";
@Component({
selector: 'app-transit',
......@@ -7,12 +7,18 @@ import {CommonService} from "../common.service";
styleUrls: ['./transit.component.css']
})
export class TransitComponent implements OnInit {
picFlag: boolean;
constructor(private commonService: CommonService) {
}
ngOnInit() {
this.commonService.surveyInfo().then();
const activityCode = this.commonService.getQueryString('activityCode');
if (activityCode == 'mmh') {
this.picFlag = true;
sessionStorage.setItem('activityCode', activityCode);
} else {
this.picFlag = false;
}
}
}
questionnaire/src/app/transit3/transit3.component.css
......@@ -4,6 +4,8 @@
justify-content: center;
align-items: center;
letter-spacing: 2px;
position: relative;
top: -110px;
}
.ydCodeContainer > img {
......
questionnaire/src/app/transit3/transit3.component.html
<div class="limbo">
<div class="title">
<img src="assets/images/bg_17.png"/>
<img src="assets/images/bg_17.png" />
</div>
<div class="ydCodeContainer">
<img src="assets/images/yd.jpg" alt="银盾在线">
<p>请关注我们的公众号查询你的方案</p>
<img style="width: 35%;" src="assets/images/yd.jpg" alt="银盾在线">
<p style="font-size:18px;margin-bottom: 0;">请关注我们的公众号查询您的报告</p>
</div>
<div class="footer" style="margin-top: 10%;" (click)="getHref()">
<div class="footer" (click)="getHref()" style="position: relative;top: -100px;">
<div (click)="getHref()">我知道了</div>
</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/transit3/transit3.component.ts
import {Component, OnInit} from '@angular/core';
import { Component, OnInit } from '@angular/core';
import { CommonService } from '../common.service';
@Component({
selector: 'app-transit3',
templateUrl: './transit3.component.html',
styleUrls: ['./transit3.component.css']
})
export class Transit3Component implements OnInit {
constructor() {
activityCode: string;
constructor(
public commonService: CommonService
) {
}
ngOnInit() {
this.activityCode = sessionStorage.getItem('activityCode');
}
getHref() {
window.location.href = 'https://' + window.location.host + '/member';
if (this.activityCode == 'mmh') {
window.location.href = 'https://' + window.location.host + '/questionnaire/#/specialMmh';
} else {
window.location.href = 'https://' + window.location.host + '/member';
}
}
}
questionnaire/src/assets/iconfont/iconfont.css 0 → 100644
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1570782589457'); /* IE9 */
src: url('iconfont.eot?t=1570782589457#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOcAAsAAAAAB9wAAANPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqDIIJzATYCJAMQCwoABCAFhG0HPxvcBhEVnHfIfhw4Z9MZ6Fv3YUWdpHsOHvi87P3kT5tBDaQraLqATsZtfRN1UwMEDJzdmnMEcsJETZZk7cijf8hDKb00HRxcjr9hE8N5bctpzEVjU68NDMN4a2BjTXqQgAsk94axC1ricQjAhL9YorS8thUNiTlOAGLooAG90DJ2ZANaoCGwqVgqEcsxoCkLlEvAsuD74iPJaaBgUDFPauxf1pfCN5Y38ar1v5WuajvW6bwAWwUqEAskiIGV/t6oUSqWikntLUkHGhoKTNUR9ib+/3+kPIpeswKgDP7zhA1mvgWAVJhW4Y3FEUOBN2HyKkM8VD7AURIADbAFRgAnmSRXWsW6SjWFWFwtbqJP/w763Zcdkm69GnD7VuutF213HnTICujijmlha+SWVb8N6bcXdbh75d22Kbdetd5+rd992+HOm059V29buMO9bW373kVu+oB1brXt1ibdWhb0KFgH3yNvzRrXrzldB3asPL+poF77d3pS0aHdyoz5FvdV8/7Mz1+Q7VbSY0yX8apfh0mdx7vWLkzvUO/VMrB7RJfw8vKKyrqjVyO6h3eJ05UVR+uuVkzV9ernDhMInPWeITDQcM+yBga66mT/oUNnzCgd4Box+83rp3GP4/6ePt2p0+f4z/nR7Wn3ZYDmPpZCmrwvpa40wSxrQqdOpc/6Hj6iO+obdCd90qSAgFIHfaNuX0ojAP+t0qK2B0GhWv/eb/gwusfxHg65vzWzBOD+me7ToKq74hcoVMW/KpDA/1/SwlWmQ0pF7cj1WZI4KgAKYLJc8Idy4OzJFGa315ARaLgloGCLH6hohCKSGAsGzKSCDRoFYCJGxWozLkajIqQRiDYHgMDRQVCw5zSoOLqMSOJjMODuM9jgaGgOO+8OW+4di7sToxK0oP8QDXXOdskuRN/Rj43itCpgvJGHGIU8yfLZG3bIU8wYPr4QceCYWriC07BpCHqmCo0kQaQv09RVYZQYaic7JwwpAllA+wORQTrOqy12hc/fIW/UULihrCr5htggdg9yiawDctN3ncpu5ZXBh1cQwgEOIy1wBV7UWCkC+upBFWSIRBiQ6JVSVMl11SfLG9s3XAeYmLNkilCFFAbmp3Ht9P2NqluagKaeTAAA') format('woff2'),
url('iconfont.woff?t=1570782589457') format('woff'),
url('iconfont.ttf?t=1570782589457') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1570782589457#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-gou:before {
content: "\e62e";
}
.icon-gouxuan:before {
content: "\e60c";
}
.icon-check:before {
content: "\e625";
}
questionnaire/src/assets/iconfont/iconfont.js 0 → 100644
!function(a){var e,n='<svg><symbol id="icon-gou" viewBox="0 0 1024 1024"><path d="M496.25538 835.776235L146.879816 474.880686l89.599888-72.895908 201.983748 160.895798c82.751897-100.031875 266.623667-298.431627 520.19135-456.127429l21.311973 50.047937c-232.767709 217.087729-423.295471 522.815346-483.711395 678.975151m441.151448-393.983507a431.103461 431.103461 0 1 1-262.911671-329.215589V26.305247A509.887363 509.887363 0 0 0 511.99936 0.00128C442.879446 0.00128 375.93553 13.505263 312.703609 40.32123c-60.991924 25.791968-115.711855 62.655922-162.687797 109.695862A510.719362 510.719362 0 0 0 0 512.00064c0 69.119914 13.503983 136.06383 40.31995 199.295751 25.791968 60.991924 62.655922 115.711855 109.695862 162.687797A510.719362 510.719362 0 0 0 511.99936 1024c69.119914 0 136.06383-13.503983 199.295751-40.31995 60.991924-25.791968 115.711855-62.655922 162.687797-109.695862a510.719362 510.719362 0 0 0 145.215818-432.19146h-81.791898" fill="#333333" ></path></symbol><symbol id="icon-gouxuan" viewBox="0 0 1024 1024"><path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m326.4 371.2l-384 384C448 761.6 428.8 768 416 768c-12.8 0-25.6-6.4-38.4-12.8L147.2 524.8c-19.2-19.2-19.2-57.6 0-76.8 19.2-19.2 57.6-19.2 76.8 0l192 192 345.6-345.6c19.2-19.2 57.6-19.2 76.8 0 25.6 19.2 25.6 51.2 0 76.8z" fill="" ></path></symbol><symbol id="icon-check" viewBox="0 0 1024 1024"><path d="M512 0C229.308 0 0.102 229.205 0.102 512s229.206 512 512 512 512-229.205 512-512S794.795 0 512 0z m276.207 381.047L441.924 727.33c-6.826 6.827-18.688 6.042-26.47-1.707l-23.21-23.21-155.137-155.136a19.934 19.934 0 0 1 0-28.211l42.308-42.309a19.934 19.934 0 0 1 28.212 0L429.568 598.7 717.67 310.613c6.827-6.826 18.688-6.058 26.47 1.707l42.31 42.308c7.799 7.8 8.532 19.644 1.706 26.47z m0 0" ></path></symbol></svg>',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(o=e,i=a.document,c=!1,(l=function(){try{i.documentElement.doScroll("left")}catch(e){return void setTimeout(l,50)}n()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,n())});function n(){c||(c=!0,o())}var o,i,c,l}(function(){var e,t;(e=document.createElement("div")).innerHTML=n,n=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",function(e,t){t.firstChild?function(e,t){t.parentNode.insertBefore(e,t)}(e,t.firstChild):t.appendChild(e)}(t,document.body))})}(window);
\ No newline at end of file
questionnaire/src/assets/iconfont/iconfont.svg 0 → 100644
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="gou" unicode="&#58926;" d="M496.25538 60.22376499999996L146.879816 421.119314l89.599888 72.895908 201.983748-160.895798c82.751897 100.031875 266.623667 298.431627 520.19135 456.127429l21.311973-50.047937c-232.767709-217.087729-423.295471-522.815346-483.711395-678.975151m441.151448 393.983507a431.103461 431.103461 0 1 0-262.911671 329.215589V869.694753A509.887363 509.887363 0 0 1 511.99936 895.99872C442.879446 895.99872 375.93553 882.494737 312.703609 855.67877c-60.991924-25.791968-115.711855-62.655922-162.687797-109.695862A510.719362 510.719362 0 0 1 0 383.99936c0-69.119914 13.503983-136.06383 40.31995-199.295751 25.791968-60.991924 62.655922-115.711855 109.695862-162.687797A510.719362 510.719362 0 0 1 511.99936-128c69.119914 0 136.06383 13.503983 199.295751 40.31995 60.991924 25.791968 115.711855 62.655922 162.687797 109.695862a510.719362 510.719362 0 0 1 145.215818 432.19146h-81.791898" horiz-adv-x="1024" />
<glyph glyph-name="gouxuan" unicode="&#58892;" d="M512 896C230.4 896 0 665.6 0 384s230.4-512 512-512 512 230.4 512 512S793.6 896 512 896z m326.4-371.2l-384-384C448 134.4 428.8 128 416 128c-12.8 0-25.6 6.4-38.4 12.8L147.2 371.2c-19.2 19.2-19.2 57.6 0 76.8 19.2 19.2 57.6 19.2 76.8 0l192-192 345.6 345.6c19.2 19.2 57.6 19.2 76.8 0 25.6-19.2 25.6-51.2 0-76.8z" horiz-adv-x="1024" />
<glyph glyph-name="check" unicode="&#58917;" d="M512 896C229.308 896 0.102 666.795 0.102 384s229.206-512 512-512 512 229.205 512 512S794.795 896 512 896z m276.207-381.047L441.924 168.66999999999996c-6.826-6.827-18.688-6.042-26.47 1.707l-23.21 23.21-155.137 155.136a19.934 19.934 0 0 0 0 28.211l42.308 42.309a19.934 19.934 0 0 0 28.212 0L429.568 297.29999999999995 717.67 585.387c6.827 6.826 18.688 6.058 26.47-1.707l42.31-42.308c7.799-7.8 8.532-19.644 1.706-26.47z m0 0" horiz-adv-x="1024" />
</font>
</defs></svg>
questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png

389 KB | W: | H:

questionnaire/src/assets/images/bg_1.png

614 KB | W: | H:

questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png

390 KB | W: | H:

questionnaire/src/assets/images/bg_10.png

614 KB | W: | H:

questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png

387 KB | W: | H:

questionnaire/src/assets/images/bg_6.png

614 KB | W: | H:

questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg

148 KB | W: | H:

questionnaire/src/assets/images/yd.jpg

325 KB | W: | H:

questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>银盾保险在线</title>
<base href="/">
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="./assets/iconfont/iconfont.css" />
</head>
<body>
<app-root></app-root>
</body>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</html>
</html>
\ No newline at end of file
questionnaire/src/styles.css
......@@ -61,9 +61,9 @@ ol li {
justify-content: center;
align-items: center;
font-size: 20px;
padding: 20px 0;
padding: 15px 0;
width: 90%;
margin: 0 auto;
margin: 0 auto 5% auto;
background: #ec2d37;
color: #fff;
border-radius: 10px;
......@@ -74,11 +74,38 @@ ol li {
padding:10px 0;
} */
.content {
/* max-height: 525px; */
overflow: auto;
padding-bottom:60px;
padding-right: 5px;
-webkit-overflow-scrolling: touch;
padding-bottom: 75px;
}
.content.healthContent::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0);
border-left: 1px solid rgba(0, 0, 0, 0);
}
.content.healthContent::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
height: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.content.healthContent::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
.content.healthContent::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* .layout.cityLayout .questionTitle{
margin:0 10px;
......@@ -111,8 +138,8 @@ ol li {
width: 100%;
position: fixed;
bottom: 0;
background-color: #fff;
padding-bottom: 15px;
background-color: #f6f6f6;
/* padding-bottom: 15px; */
}
.content_footer div {
......@@ -219,6 +246,7 @@ ol li {
-moz-box-shadow: 0px 3px 7px rgb(206, 208, 210);
-webkit-box-shadow: 0px 3px 7px rgb(206, 208, 210);
box-shadow: 0px 3px 7px rgb(206, 208, 210);
font-size: 18px;
}
.cityContent li:nth-child(7),
......@@ -326,11 +354,11 @@ ol li {
height: 35px;
line-height: 35px;
}
.address {
width: 80%;
margin: 15% auto;
text-align: center;
font-size: 18px;
}
#errTips {
......@@ -350,6 +378,14 @@ ol li {
animation: slowUp .5s ease both;
}
.limbo{
position: relative;
height: 100%;
}
.specialWrapper{
padding: 10px 10px 0 10px;
}
@keyframes slowUp {
0% {
-webkit-transform: translateY(100%);
......
yd-child-activity/css/bootstrap.min.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
yd-child-activity/css/style.css 0 → 100644
.container {
letter-spacing: 1px;
color: #333;
line-height: 1.6;
font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue",
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei",
Arial, sans-serif;
padding: 30px;
}
.container > h6 > span:first-child {
display: inline-block;
border: 1px solid #b5b5b5;
border-radius: 20px;
padding: 2px 5px;
margin-right: 15px;
}
.container > h6 > strong {
color: #576b95;
font-size: 20px;
margin-right: 15px;
}
.container > .content-title {
font-size: 22px;
color: rgb(73, 59, 92);
}
.header-transition {
width: 100%;
text-align: center;
}
.header-transition > .header-transition-tips {
display: flex;
justify-content: center;
align-items: center;
padding-right: 30px;
margin-top: 40px;
margin-bottom: 10px;
}
.header-transition > .header-transition-tips .arrow-up {
width: 30px;
height: 30px;
border: 2px solid #4a4a4a;
border-radius: 50%;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.header-transition > .header-transition-tips .arrow-up > img {
width: 30px;
}
.header-transition > .header-transition-slogan {
border: 1px solid #8a8a8a;
padding: 30px 0px;
}
.header-transition > .header-transition-slogan > .title {
background: rgba(87, 107, 149, 0.1);
width: 70%;
font-size: 2em;
color: rgb(87, 107, 149);
letter-spacing: 2px;
margin: 0 auto 20px;
padding: 15px;
}
.header-transition > .header-transition-slogan .wxIcon {
width: 22px;
margin-right: 15px;
}
.header-transition .header-transition-wx {
display: flex;
justify-content: center;
}
.line {
position: relative;
}
.line:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -5px;
border-top: 1px solid rgb(87, 107, 149);
width: 100%;
height: 0;
margin: 0 auto;
}
.line:before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -12px;
border-top: 4px solid rgb(87, 107, 149);
width: 100%;
height: 0;
margin: 0 auto;
}
.marketing-content {
margin-bottom: 30px;
}
.marketing-content > .content-title > p {
/* font-style: italic; */
font-weight: bold;
font-size: 17px;
text-align: justify;
white-space: normal;
max-width: 100%;
min-height: 1em;
letter-spacing: 0.544px;
box-sizing: border-box !important;
overflow-wrap: break-word !important;
}
.marketing-content > .content-title > p:first-child {
color: rgb(73, 59, 92);
margin-bottom: 10px;
}
.marketing-content > .content-title > p:last-child {
color: rgb(51, 51, 51);
}
.marketing-content > .content-title > p:last-child {
margin-bottom: 30px;
}
.viewBtn {
display: flex;
justify-content: center;
margin-bottom: 6px;
margin-top: -46px;
padding-top: 50px;
position: absolute;
left: 0;
top: 0;
width: 100%;
background-image: linear-gradient(
-180deg,
rgba(255, 255, 255, 0.5) 0,
rgba(255, 255, 255, 1) 70%
);
}
.wx-subscription {
font-size: 24px;
color: #fff;
font-weight: bold;
background-color: #09bb07;
text-align: center;
height: 70px;
line-height: 70px;
border-radius: 10px;
margin-top: 35px;
position: absolute;
width: 100%;
top: 20px;
}
.wx-subscription-container {
padding: 0 15px;
border: 1px solid #000;
margin-top: 20px;
}
.wx-subscription-container > h5 {
background: rgba(87, 107, 149, 0.1);
width: 70%;
font-size: 2em;
color: rgb(87, 107, 149);
letter-spacing: 2px;
padding: 15px;
text-align: center;
margin: 15px auto 20px;
}
.wx-subscription-container > h6 {
position: relative;
margin-bottom: 50px;
}
.wx-subscription > img {
width: 40px;
margin-right: 10px;
}
.article-content {
color: #4a4a4a;
}
.article-content > h5 {
color: #6260b1;
font-weight: bold;
font-size: 18px;
}
.article-content > p {
position: relative;
margin-bottom: 30px;
}
.article-content > p > span {
border-bottom: 1px solid #4a4a4a;
}
footer {
display: flex;
justify-content: center;
align-items: center;
}
footer > .wxIcon {
width: 30px;
margin-right: 15px;
}
footer > div {
padding: 30px 0;
}
.cursor-pointer {
cursor: pointer;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(-20px);
}
}
@-ms-keyframes fadeInUp {
0% {
opacity: 1;
-ms-transform: translateY(20px);
}
100% {
opacity: 1;
-ms-transform: translateY(-20px);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(-20px);
}
}
@keyframes fadeInUp {
0% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(-20px);
}
}
.fadeInUp {
animation: fadeInUp 1.5s infinite;
}
#dialog {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
display: none;
overflow-y: scroll;
}
#dialog .dialog-content {
width: 100%;
max-width: 800px;
background-color: #fff;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
border-radius: 20px;
margin: 5% auto;
padding: 0 15px;
}
#dialog .dialog-content h5 {
font-size: 22px;
font-weight: bold;
color: #4a4a4a;
}
.crumbs ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
}
.crumbs ul li {
position: relative;
background: rgba(98, 96, 177, 0.8);
color: #fff;
height: 30px;
line-height: 30px;
margin-right: 16px;
font-size: 12px;
padding-left: 8px;
flex: 1;
}
.crumbs ul li:last-child {
margin-right: 0;
}
.crumbs ul li:after {
content: "";
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid rgba(98, 96, 177, 0.8);
position: absolute;
right: -15px;
top: 0;
z-index: 5;
}
.crumbs ul li::before {
content: "";
border-left: 15px solid transparent;
border-bottom: 15px solid rgba(98, 96, 177, 0.8);
border-top: 15px solid rgba(98, 96, 177, 0.8);
position: absolute;
left: -15px;
top: 0;
}
.crumbs ul li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.crumbs ul li:first-child:before {
display: none;
}
.crumbs ul li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.crumbs ul li:last-child:after {
display: none;
}
.panel-body {
padding: 0 3px;
}
.panel-default {
border-color: #ddd;
width: 100%;
}
.qrcode {
display: flex;
justify-content: center;
margin: 10px auto;
}
.searchBox {
padding: 10px 15px;
border: 1px dashed #6260b1;
text-align: center;
letter-spacing: 10px;
font-size: 18px;
font-weight: bold;
color: #000;
margin-top: 15px;
}
#copyBtn {
height: 34px;
line-height: 34px;
background-color: #6160b1;
color: #fff;
text-align: center;
margin: 15px 0;
border-radius: 5px;
letter-spacing: 5px;
cursor: pointer;
}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 750px) {
.header-transition > .header-transition-slogan > .title,
.wx-subscription-container > h5 {
font-size: 18px;
font-weight: bold;
}
#dialog .dialog-content {
}
#dialog .dialog-content h5 {
font-size: 16px;
}
#dialog img {
width: 150px;
height: 150px;
}
.header-transition .header-transition-wx:before,
.wx-subscription-container > h6:before,
.header-transition .header-transition-wx:after,
.wx-subscription-container > h6:after {
width: 50%;
}
.wx-subscription {
font-size: 20px;
}
}
.weui-toast {
position: fixed;
z-index: 5000;
width: 7.6em;
min-height: 7.6em;
top: 180px;
left: 50%;
margin-left: -3.8em;
background: rgba(17, 17, 17, 0.8);
text-align: center;
border-radius: 5px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.content-content img {
max-width: 100%;
}
.content-content p {
margin-bottom: 20px;
}
yd-child-activity/js/base.js 0 → 100644
$(document).ready(function () {
$(".cursor-pointer").click(function () {
$('#dialog').show();
});
$('#dialog').click(function (e) {
var e = e || window.event; //浏览器兼容性
var elem = e.target || e.srcElement;
while (elem) { //循环判断至跟节点，防止点击的是div子元素
if (elem.id && elem.id == 'dialog-content') {
return;
}
elem = elem.parentNode;
}
$('#dialog').css('display', 'none'); //点击的不是div或其子元素
});
$('#copyBtn').click(function (e) {
const range = document.createRange();
range.selectNode(document.getElementById('copyBT'));
const selection = window.getSelection();
if (selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
$('#copyBtn').html('复制成功，打开微信，粘贴搜索');
$('#toast').show().delay(3000).fadeOut();
});
});
\ 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