55dc70ff by simon

平安福三语修改

1 parent 8be6ffa1
...@@ -1098,8 +1098,8 @@ module.exports = { ...@@ -1098,8 +1098,8 @@ module.exports = {
1098 t3: "優惠碼:CISAVE20" 1098 t3: "優惠碼:CISAVE20"
1099 }, 1099 },
1100 title: { 1100 title: {
1101 t1: "「平安傳家福」分紅終身壽險計劃", 1101 t1: "「平安·傳家福」分紅終身壽險計劃",
1102 t2: "美好重要的事物總是值得更好的守護,「平安傳家福」分紅終身壽險計劃,提供長期儲蓄回報和終身人壽保障,幫助您持續滾存財富,保護您的收入和財富。 「平安.傳家福」設計具有獨特的功能,並保證最低回報,為您及摯愛家庭的未來做好準備。", 1102 t2: "美好重要的事物總是值得更好的守護,「平安·傳家福」分紅終身壽險計劃,提供長期儲蓄回報和終身人壽保障,幫助您持續滾存財富,保護您的收入和財富。 「平安.傳家福」設計具有獨特的功能,並保證最低回報,為您及摯愛家庭的未來做好準備。",
1103 t3: "", 1103 t3: "",
1104 t4: "", 1104 t4: "",
1105 }, 1105 },
......
...@@ -1103,8 +1103,8 @@ module.exports = { ...@@ -1103,8 +1103,8 @@ module.exports = {
1103 t3: "優惠碼:CISAVE20" 1103 t3: "優惠碼:CISAVE20"
1104 }, 1104 },
1105 title: { 1105 title: {
1106 t1: "「平安传家福」分红终身寿险计划", 1106 t1: "「平安·传家福」分红终身寿险计划",
1107 t2: "美好重要的事物总是值得更好的守护,「平安传家福」分红终身寿险计划,提供长期储蓄回报和终身人寿保障,帮助您持续滚存财富,保护您的收入和财富。 「平安.传家福」设计具有独特的功能,并保证最低回报,为您及挚爱家庭的未来做好准备。", 1107 t2: "美好重要的事物总是值得更好的守护,「平安·传家福」分红终身寿险计划,提供长期储蓄回报和终身人寿保障,帮助您持续滚存财富,保护您的收入和财富。 「平安.传家福」设计具有独特的功能,并保证最低回报,为您及挚爱家庭的未来做好准备。",
1108 t3: "", 1108 t3: "",
1109 t4: "", 1109 t4: "",
1110 }, 1110 },
......
...@@ -8,240 +8,32 @@ import { ...@@ -8,240 +8,32 @@ import {
8 httpGet, 8 httpGet,
9 httpPost 9 httpPost
10 } from '@/api/fetch-api.js'; 10 } from '@/api/fetch-api.js';
11 import {
12 mapGetters,
13 mapActions,
14 mapState
15 } from "vuex";
16 var UA = require("ua-device");
17 11
18 export default { 12 export default {
19 data() { 13 data() {
20 return { 14 return {
21 key: 'value', 15 key: 'value',
22 // swiper
23 swiperOption: {
24 navigation: {
25 nextEl: '.swiper-button-next',
26 prevEl: '.swiper-button-prev'
27 },
28 pagination: {
29 el: '.swiper-pagination',
30 clickable: true,
31 },
32 autoplay: {
33 delay: 5000,
34 stopOnLastSlide: false,
35 disableOnInteraction: false
36 },
37 speed: 1000,
38 },
39 bannerList: [],
40 bannerCandidateList: [],
41 // 视频
42 playerOptions: {},
43 16
44 } 17 }
45 }, 18 },
46 components: {}, 19 components: {},
47 computed: { 20 computed: {
48 ...mapState({
49 isSmallScreen: state => state.isSmallScreen,
50 isMobile: state => state.isMobile
51 }),
52 locale() { 21 locale() {
53 return this.$i18n.locale || 'tc'; 22 return this.$i18n.locale || 'tc';
54 }, 23 },
55 i18n() { 24 i18n() {
56 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; 25 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
57 }, 26 },
58 player() {
59 return this.$refs.videoPlayer.player
60 },
61
62 }, 27 },
63 methods: { 28 methods: {
64 toVhis() {
65 // gotoVHIS(this.locale);
66 this.$router.push({
67 path: "/vhis",
68 query: {
69 p: "VHIS001"
70 }
71 });
72 },
73 /**
74 * 推荐产品
75 */
76 onRecommendHandler(val) {
77 if (val == 1) {
78 this.toVhis();
79 }
80 if (val == 2) {
81 this.$router.push({
82 path: "/custom/service?q=m6"
83 })
84 }
85 if (val == 3) {
86 this.$router.push({
87 path: "/custom/product"
88 })
89 }
90 if (val == 4) {
91 this.$router.push({
92 path: "/news/list"
93 })
94 }
95
96 },
97
98 /**
99 * 推荐产品
100 */
101 onMoreNewsHandler() {
102 this.$router.push({
103 path: "/news/list"
104 })
105 },
106
107 /**
108 * 去新闻详情页面
109 * 需要带id
110 */
111 toNewsDetail() {
112 this.$router.push({
113 path: '/news/detail'
114 })
115 },
116 toProfile() {
117 this.$router.push({
118 path: '/profile'
119 })
120 },
121 refreshVideoPlayer() {
122 let videoUrl = sessionStorage.getItem("_video_url");
123 let posterUrl = sessionStorage.getItem("_poster_url");
124 let playerOptions = {
125 width: 800,
126 height: 450,
127 // aspectRatio: '16:9', // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
128 autoplay: false, //如果true,浏览器准备好时开始回放。
129 muted: true, // 默认情况下将会消除任何音频。
130 language: 'en',
131 // playbackRates: [0.7, 1.0, 1.5, 2.0],//播放速度
132 sources: [{
133 type: "video/mp4",
134 // mp4
135 src: videoUrl,
136 // webm
137 // src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
138 }],
139 poster: posterUrl,
140 controlBar: {
141 timeDivider: true,
142 durationDisplay: true,
143 remainingTimeDisplay: false,
144 fullscreenToggle: true //全屏按钮
145 }
146 }
147 let output = new UA(navigator.userAgent);
148 let deviceType = output.device.type;
149 let isMobile = deviceType == "mobile";
150 // if (this.isSmallScreen) {
151 if (isMobile) {
152 playerOptions.aspectRatio = "16:9";
153 }
154 this.playerOptions = playerOptions;
155 },
156 initData() {
157 this.fetchBanner().then(res => {
158 this.bannerCandidateList = res;
159 this.refreshBanner();
160 });
161 this.fetchIndexVideo().then(res => {
162 this.refreshVideoPlayer();
163 });
164 // if (!this.isMobile) {
165 // window.addEventListener('resize', () => this.refreshVideoPlayer(), false);
166 // }
167 },
168 fetchBanner() {
169 return new Promise((resolve, reject) => {
170 httpPost({
171 url: api.banner
172 }).then(res => {
173 resolve(res);
174 });
175 });
176 },
177 fetchIndexVideo() {
178 return new Promise((resolve, reject) => {
179 httpPost({
180 url: api.indexVideo
181 }).then(res => {
182 sessionStorage.setItem("_video_url", res.videoUrl);
183 sessionStorage.setItem("_poster_url", res.posterUrl);
184 resolve(res);
185 });
186 });
187 },
188 refreshBanner() {
189 let key = this.locale;
190 if (key == "zh") {
191 key = "cn";
192 }
193 let bannerList = [];
194 this.bannerCandidateList.forEach(element => {
195 bannerList.push(element[key]);
196 });
197 this.$set(this, 'bannerList', bannerList);
198 },
199 btnNavigateTo(type, link) {
200 switch (type) {
201 case "none":
202 break;
203 case "news":
204 this.$router.push({
205 path: "/news/detail",
206 query: {
207 c: link
208 }
209 });
210 break;
211 case "product":
212 break;
213 case "vhis":
214 this.$router.push({
215 path: "/vhis",
216 query: {
217 p: link
218 }
219 });
220 break;
221 default:
222 location.href = link;
223 break;
224 }
225 }
226 }, 29 },
227 beforeDestroy() { 30 beforeDestroy() {
228 // window.removeEventListener('resize', this.refreshVideoPlayer(), false);
229 }, 31 },
230 mounted() { 32 mounted() {
231 this.initData();
232
233 setTimeout(() => {
234 // console.log("queryConfigData:", this.$root.queryConfigData);
235 // console.log("queryConfigData:", window.vueInstance.queryConfigData); // 挂载到windows的访问方法
236 // 放localStorage直接是localStorage.getItem("queryConfig");
237 }, 3000)
238 }, 33 },
239
240 created() { 34 created() {
241
242 this.$root.eventBus.$on("langChange", () => { 35 this.$root.eventBus.$on("langChange", () => {
243 try { 36 try {
244 this.refreshBanner();
245 } catch (e) { } 37 } catch (e) { }
246 }); 38 });
247 } 39 }
......