Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
c239842d by joe
Options

首页接入CMS

1 parent 94c2f05e
Inline Side-by-side
Showing 17 changed files with 94 additions and 22 deletions
......@@ -3,8 +3,9 @@ VUE_APP_TITLE = 'development'
VUE_APP_BASE_URL= 'http://localhost:9101'
VUE_APP_RSA_PUBLIC_KEY = 'B5FE03847F02046C47292AF0FF2DE88977241483DD40C123046EB39CBE4C48167B120096CFF12CD16559322884A3C56FA92B07B89AB51FC8C91A75127622151DDD730DFF1F993D5A290CEAC0BBA7FC88285D8994ACBAFF50101EDE9A0925AD5DFFAFE96D53C370E9C5B37DF2F871F81C4D7CA6B7EC37FF459C07975AD9A74A95'
VUE_APP_RSA_KEY_INDEX = '10001'
VUE_APP_VHIS_INDEX= 'https://icpois.pingan.com/vhis/insurIndex'
VUE_APP_VHIS_INDEX= 'http://154.213.4.36/index.html'
VUE_APP_INDEX_VIDEO = 'https://ow.go.qudone.com/jyesupload/ee516bb327484197b7ca72f3dc4be9e6.mp4'
VUE_APP_CONTENT_ENCRYPT_KEY = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDA1SNj4qiOEmvTkZfp+Gt0UOLTCdxuEqRE+k0fROhgZdN2GmtDg6jcZV/CXKdwQGGdwOYdxEngRQb2K/SXd5Rnu4MkuAoHopDNrBRVqoJNQi6VOv6fvAEzeYivtS9aMM7IvdZuN1QlASCz2vxfUKJ3BaijMQqQE9m0pVm+0BDEfwIDAQAB'
VUE_APP_CONTENT_ENCRYPT_SWITCH = true
\ No newline at end of file
......
......@@ -9,3 +9,4 @@ VUE_APP_INDEX_VIDEO = 'https://ow.go.qudone.com/jyesupload/ee516bb327484197b7ca7
VUE_APP_CONTENT_ENCRYPT_KEY = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDA1SNj4qiOEmvTkZfp+Gt0UOLTCdxuEqRE+k0fROhgZdN2GmtDg6jcZV/CXKdwQGGdwOYdxEngRQb2K/SXd5Rnu4MkuAoHopDNrBRVqoJNQi6VOv6fvAEzeYivtS9aMM7IvdZuN1QlASCz2vxfUKJ3BaijMQqQE9m0pVm+0BDEfwIDAQAB'
VUE_APP_CONTENT_ENCRYPT_SWITCH = true
\ No newline at end of file
......
......@@ -3,7 +3,8 @@ VUE_APP_TITLE = 'sandbox'
VUE_APP_BASE_URL= 'https://ow.go.qudone.com'
VUE_APP_RSA_PUBLIC_KEY = 'B5FE03847F02046C47292AF0FF2DE88977241483DD40C123046EB39CBE4C48167B120096CFF12CD16559322884A3C56FA92B07B89AB51FC8C91A75127622151DDD730DFF1F993D5A290CEAC0BBA7FC88285D8994ACBAFF50101EDE9A0925AD5DFFAFE96D53C370E9C5B37DF2F871F81C4D7CA6B7EC37FF459C07975AD9A74A95'
VUE_APP_RSA_KEY_INDEX = '10001'
VUE_APP_VHIS_INDEX= 'https://icpois.pingan.com/vhis/insurIndex'
VUE_APP_VHIS_INDEX= 'http://154.213.4.36/index.html'
VUE_APP_INDEX_VIDEO = 'https://ow.go.qudone.com/jyesupload/ee516bb327484197b7ca72f3dc4be9e6.mp4'
VUE_APP_CONTENT_ENCRYPT_KEY = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDA1SNj4qiOEmvTkZfp+Gt0UOLTCdxuEqRE+k0fROhgZdN2GmtDg6jcZV/CXKdwQGGdwOYdxEngRQb2K/SXd5Rnu4MkuAoHopDNrBRVqoJNQi6VOv6fvAEzeYivtS9aMM7IvdZuN1QlASCz2vxfUKJ3BaijMQqQE9m0pVm+0BDEfwIDAQAB'
VUE_APP_CONTENT_ENCRYPT_SWITCH = true
\ No newline at end of file
......
......@@ -54,4 +54,12 @@ module.exports = {
updatePolicyInfo : "/pingan_hklife_webapi/policy/updateInfo",
// 证件上传
idPicUpload : "/pingan_hklife_webapi/policy/idPicUpload",
// cms相关
indexVideo : "/pingan_hklife_webapi/cms/indexVideo",
banner : "/pingan_hklife_webapi/cms/banner/list",
newsList : "/pingan_hklife_webapi/cms/news/list",
newsDetail : "/pingan_hklife_webapi/cms/news/get",
companyOutline : "/pingan_hklife_webapi/cms/company/outline"
}
\ No newline at end of file
......
......@@ -2,7 +2,9 @@ import axiosIns from 'axios';
import state from '@/store/state.js';
import CryptoJS from "crypto-js";
import JsEncrypt from "jsencrypt";
let key = process.env.VUE_APP_CONTENT_ENCRYPT_KEY;
let encryptSwitch = process.env.VUE_APP_CONTENT_ENCRYPT_SWITCH;
let rsa = new JsEncrypt();
rsa.setPublicKey(key);
let chars = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z".split(",");
......@@ -68,6 +70,7 @@ let encryptWhileList = [
// 请求拦截器
axios.interceptors.request.use(
config => {
if (encryptSwitch) {
for (let index = 0; index < encryptPattern.length; index++) {
let element = encryptPattern[index];
if (element.test(config.url)) {
......@@ -83,6 +86,7 @@ axios.interceptors.request.use(
break;
}
}
}
return config;
},
error => {
......

293 KB | W: | H:

309 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

294 KB | W: | H:

311 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

292 KB | W: | H:

310 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

300 KB | W: | H:

316 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

299 KB | W: | H:

317 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

298 KB | W: | H:

316 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -26,14 +26,15 @@ export default {
el: '.swiper-pagination',
clickable: true,
},
// autoplay: {
// delay: 5000,
// stopOnLastSlide: false,
// disableOnInteraction: false
// },
autoplay: {
delay: 5000,
stopOnLastSlide: false,
disableOnInteraction: false
},
speed: 1000,
},
bannerList: [],
bannerCandidateList: [],
// 视频
playerOptions: {},
......@@ -56,7 +57,7 @@ export default {
},
methods: {
toVhis(){
toVhis() {
gotoVHIS(this.locale);
},
/**
......@@ -78,7 +79,7 @@ export default {
path: "/custom/product"
})
}
if(val == 4){
if (val == 4) {
this.$router.push({
path: "/news/list"
})
......@@ -110,7 +111,7 @@ export default {
})
},
refreshVideoPlayer() {
let videoUrl = sessionStorage.getItem("_video_url");
let playerOptions = {
width: 800,
height: 450,
......@@ -122,7 +123,7 @@ export default {
sources: [{
type: "video/mp4",
// mp4
src: process.env.VUE_APP_INDEX_VIDEO,
src: videoUrl,
// webm
// src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
}],
......@@ -143,15 +144,54 @@ export default {
}
this.playerOptions = playerOptions;
},
initData() {}
initData() {
this.fetchBanner().then(res => {
this.bannerCandidateList = res;
this.refreshBanner();
});
this.fetchIndexVideo().then(res => {
this.refreshVideoPlayer();
});
window.addEventListener('resize', () => this.refreshVideoPlayer(), false);
},
fetchBanner() {
return new Promise((resolve, reject) => {
httpPost({ url: api.banner }).then(res => {
resolve(res);
});
});
},
fetchIndexVideo() {
return new Promise((resolve, reject) => {
httpPost({ url: api.indexVideo }).then(res => {
sessionStorage.setItem("_video_url", res);
resolve(res);
});
});
},
refreshBanner() {
let key = this.locale;
if (key == "zh") {
key = "cn";
}
let newList = [];
this.bannerCandidateList.forEach(element => {
newList.push(element[key]);
});
console.log(newList);
this.$set(this, 'bannerList', newList);
},
btnNavigateTo(type, link) {
}
},
beforeDestroy() {
window.removeEventListener('resize', this.refreshVideoPlayer(), false);
},
mounted() {
this.refreshVideoPlayer();
window.addEventListener('resize', () => this.refreshVideoPlayer(), false);
this.initData();
},
created() {
}
......
......@@ -48,7 +48,8 @@
// 已用padding适应文本过长的情况(英文等);
// top: 272px;
// left: 1228px;
top: 310px;
// top: 310px;
top : 295px;
right: 432px;
display: flex;
......
......@@ -6,7 +6,13 @@
<div class="banner banner-pc">
<swiper :options="swiperOption">
<swiper-slide>
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<img class="banner-img" :src="item.pcBannerUrl">
<div class="btn-wrap">
<div class="banner-btn" v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
</div>
</swiper-slide>
<!-- <swiper-slide>
<img @click="toVhis" class="banner-img" :src="require('@/assets/images/index/banner-p1-'+locale+'.png')">
<div class="btn-wrap">
<div class="banner-btn">产品详情</div>
......@@ -19,14 +25,21 @@
<div class="banner-btn">产品详情</div>
<div class="banner-btn">在线报价</div>
</div>
</swiper-slide>
</swiper-slide> -->
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
<div class="banner banner-mobile">
<swiper class="swiper" :options="swiperOption">
<swiper-slide>
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<img class="banner-img" :src="item.mobileBannerUrl">
<div class="btn-wrap">
<div class="banner-btn" v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{color:btnItem.c}">{{btnItem.n}}&nbsp;&gt;</div>
</div>
</swiper-slide>
<!-- <swiper-slide>
<img @click="toVhis" class="banner-img" :src="require('@/assets/images/index/banner-m1-'+locale+'.jpg')">
<div class="btn-wrap">
<div class="banner-btn">产品详情></div>
......@@ -39,7 +52,7 @@
<div class="banner-btn">产品详情></div>
<div class="banner-btn">在线报价></div>
</div>
</swiper-slide>
</swiper-slide> -->
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
......
......@@ -14,7 +14,7 @@ export default {
data() {
return {
key: 'value',
type: 1, // 1:手机验证 2:输入密码
type: 2, // 1:手机验证 2:输入密码
mobileNoType: "hk",// 选择的手机好类型
mobileTip: {},
mobileOptions: [],
......@@ -324,7 +324,10 @@ export default {
// alert("请输入图片验证码")
},
_showCheckOTPErrTip(msg) {
this.showModal(msg, "info");
// this.showModal(msg, "info");
// let message = this.i18n.register.tips.e5;
this.errorTips.p2 = msg;
// alert(msg);
},
onRegisterHandler() {
......