Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
871e4f36 by simon
Options

修复一些文案和bug

1 parent 308baf14
Inline Side-by-side
Showing 10 changed files with 101 additions and 65 deletions
...@@ -7,6 +7,7 @@ module.exports = { ...@@ -7,6 +7,7 @@ module.exports = {
7 Sex: "Sex", 7 Sex: "Sex",
8 Age: "Age", 8 Age: "Age",
9 Birthday: "Birthday", 9 Birthday: "Birthday",
10 SubmitSuccess: "Successfully submitted",
10 }, 11 },
11 message: { 12 message: {
12 login: 'Login', 13 login: 'Login',
...@@ -803,7 +804,8 @@ module.exports = { ...@@ -803,7 +804,8 @@ module.exports = {
803 letterName: "Notice of Policy Issuance and Cooling-off Period", 804 letterName: "Notice of Policy Issuance and Cooling-off Period",
804 DownloadDoc: "Download document", 805 DownloadDoc: "Download document",
805 Read: "Read", 806 Read: "Read",
806 UnRead: "Unread" 807 UnRead: "Unread",
808 showMore:"Show all eCorrespondence enquiry."
807 }, 809 },
808 customService: { 810 customService: {
809 name: "Customer service", 811 name: "Customer service",
......
...@@ -7,6 +7,7 @@ module.exports = { ...@@ -7,6 +7,7 @@ module.exports = {
7 Sex: "性別", 7 Sex: "性別",
8 Age: "年齡", 8 Age: "年齡",
9 Birthday: "生日", 9 Birthday: "生日",
10 SubmitSuccess: "遞交申請成功",
10 }, 11 },
11 message: { 12 message: {
12 login: "Login", 13 login: "Login",
...@@ -811,7 +812,8 @@ module.exports = { ...@@ -811,7 +812,8 @@ module.exports = {
811 letterName: "保單繕發及冷靜期通知書", 812 letterName: "保單繕發及冷靜期通知書",
812 DownloadDoc: "下載文檔", 813 DownloadDoc: "下載文檔",
813 Read: "已閱讀", 814 Read: "已閱讀",
814 UnRead: "未閱讀" 815 UnRead: "未閱讀",
816 showMore:"顯示所有電子通知書查詢"
815 }, 817 },
816 FAQ: { 818 FAQ: {
817 title: "常見問題" 819 title: "常見問題"
......
...@@ -7,6 +7,7 @@ module.exports = { ...@@ -7,6 +7,7 @@ module.exports = {
7 Male: "男性", 7 Male: "男性",
8 Female: "女性", 8 Female: "女性",
9 Birthday: "生日", 9 Birthday: "生日",
10 SubmitSuccess: "递交申请成功",
10 }, 11 },
11 message: { 12 message: {
12 login: "登入", 13 login: "登入",
...@@ -809,7 +810,8 @@ module.exports = { ...@@ -809,7 +810,8 @@ module.exports = {
809 letterName: "保单缮发及冷静期通知", 810 letterName: "保单缮发及冷静期通知",
810 DownloadDoc: "下載文檔", 811 DownloadDoc: "下載文檔",
811 Read: "已阅读", 812 Read: "已阅读",
812 UnRead: "未阅读" 813 UnRead: "未阅读",
814 showMore:"显示所有电子通知书"
813 }, 815 },
814 FAQ: { 816 FAQ: {
815 title: "常见问题" 817 title: "常见问题"
......
...@@ -9,39 +9,44 @@ export default { ...@@ -9,39 +9,44 @@ export default {
9 }, 9 },
10 methods: { 10 methods: {
11 initData() { 11 initData() {
12 this.slider = this.$refs.slider;
13 this.thunk = this.$refs.trunk;
14 var _this = this; 12 var _this = this;
15 // console.log("object"); 13 this.$nextTick(() => {
16 this.thunk.onmousedown = function (e) { 14 _this.slider = _this.$refs.slider;
17 var width = parseInt(_this.width); 15 _this.thunk = _this.$refs.trunk;
18 var disX = e.clientX; 16 if (_this.thunk) {
19 document.onmousemove = function (e) { 17 _this.thunk.onmousedown = function (e) {
20 // value, left, width 18 var width = parseInt(_this.width);
21 // 当value变化的时候，会通过计算属性修改left，width 19 var disX = e.clientX;
20 document.onmousemove = function (e) {
21 // value, left, width
22 // 当value变化的时候，会通过计算属性修改left，width
23
24 // 拖拽的时候获取的新width
25 var newWidth = e.clientX - disX + width;
26 // 拖拽的时候得到新的百分比
27 var scale = newWidth / _this.slider.offsetWidth;
28 _this.per = Math.ceil((_this.max - _this.min) * scale + _this.min);
29 _this.per = Math.max(_this.per, _this.min);
30 _this.per = Math.min(_this.per, _this.max);
31 _this.$emit("input", _this.per);
32 };
33 document.onmouseup = function () {
34 document.onmousemove = document.onmouseup = null;
35 };
36 return false;
37 };
38 }
39 });
40
22 41
23 // 拖拽的时候获取的新width
24 var newWidth = e.clientX - disX + width;
25 // 拖拽的时候得到新的百分比
26 var scale = newWidth / _this.slider.offsetWidth;
27 _this.per = Math.ceil((_this.max - _this.min) * scale + _this.min);
28 _this.per = Math.max(_this.per, _this.min);
29 _this.per = Math.min(_this.per, _this.max);
30 _this.$emit("input", _this.per);
31 };
32 document.onmouseup = function () {
33 document.onmousemove = document.onmouseup = null;
34 };
35 return false;
36 };
37 } 42 }
38 }, 43 },
39 //渲染到页面的时候 44 //渲染到页面的时候
40 mounted() { 45 mounted() {
41 this.initData(); 46 this.initData();
42 window.addEventListener('resize', ()=>{ 47 window.addEventListener('resize', () => {
43 this.initData(); 48 this.initData();
44 }, false); 49 }, false);
45 }, 50 },
46 51
47 computed: { 52 computed: {
......
...@@ -31,16 +31,6 @@ ...@@ -31,16 +31,6 @@
31 transition: 0.2s all; 31 transition: 0.2s all;
32 } 32 }
33 .slider .tips { 33 .slider .tips {
34 // position: absolute;
35 // left: -7px;
36 // bottom: 30px;
37 // min-width: 15px;
38 // text-align: center;
39 // padding: 4px 8px;
40 // background: #000;
41 // border-radius: 5px;
42 // height: 24px;
43 // color: #fff;
44 background-image: url("~@/assets/images/index/index-num-bg.png"); 34 background-image: url("~@/assets/images/index/index-num-bg.png");
45 @extend .bis; 35 @extend .bis;
46 width: 40px; 36 width: 40px;
......
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
48 </div> 48 </div>
49 <template v-if="maxShow < contentList.length"> 49 <template v-if="maxShow < contentList.length">
50 <div class="separator-h"></div> 50 <div class="separator-h"></div>
51 <div class="data-line show-more-btn" @click="maxShow = 1000">{{$t('customService.insuranceQuery.showMore')}}</div> 51 <div class="data-line show-more-btn" @click="maxShow = 1000">{{$t('eCorrespondenceEnquiry.showMore')}}</div>
52 </template> 52 </template>
53 </template> 53 </template>
54 54
......
...@@ -384,21 +384,6 @@ export default { ...@@ -384,21 +384,6 @@ export default {
384 console.error(e); 384 console.error(e);
385 } 385 }
386 }, 386 },
387 uploadExcel() {},
388 // aaa(){
389 // httpPost({
390 // url: api.indexManageListApi,
391 // data: {},
392 // sid: true
393 // })
394 // .then(response => {
395 // console.log("response:", response);
396 // let ttt = JSON.parse(response[0].content);
397 // console.log("ttt:", ttt);
398 // })
399 // .catch(res => {});
400
401 // }
402 }, 387 },
403 watch: { 388 watch: {
404 "data.mobile": function() { 389 "data.mobile": function() {
......
...@@ -10,6 +10,8 @@ import { ...@@ -10,6 +10,8 @@ import {
10 10
11 import DatePicker from "@/components/date-picker/date-picker.vue"; 11 import DatePicker from "@/components/date-picker/date-picker.vue";
12 import Slider from "@/components/slider-comp/slider-comp.vue"; 12 import Slider from "@/components/slider-comp/slider-comp.vue";
13 import ModalComp from "@/components/modal-comp/modal-comp.vue";
14 import Modal2Comp from "@/components/modal2-comp/modal2-comp.vue";
13 15
14 import { 16 import {
15 ddMMyyyy2yyyyMMdd 17 ddMMyyyy2yyyyMMdd
...@@ -24,6 +26,7 @@ export default { ...@@ -24,6 +26,7 @@ export default {
24 data() { 26 data() {
25 return { 27 return {
26 key: "value", 28 key: "value",
29
27 PRODUCT_PRO_EASY: "PRODUCT_PRO_EASY", // 好医时 30 PRODUCT_PRO_EASY: "PRODUCT_PRO_EASY", // 好医时
28 PRODUCT_REN_RICH: "PRODUCT_REN_RICH", // 平安福 31 PRODUCT_REN_RICH: "PRODUCT_REN_RICH", // 平安福
29 // swiper 32 // swiper
...@@ -43,6 +46,13 @@ export default { ...@@ -43,6 +46,13 @@ export default {
43 // }, 46 // },
44 // speed: 1000 47 // speed: 1000
45 }, 48 },
49
50 loading: false,
51 modalVisiable: false,
52 errorVisible: false,
53 modalIcon: "succ",
54 modalContent: "",
55
46 dataList: [], // 首页请求数据 56 dataList: [], // 首页请求数据
47 bannerList: [], 57 bannerList: [],
48 bannerCandidateList: [], 58 bannerCandidateList: [],
...@@ -139,7 +149,9 @@ export default { ...@@ -139,7 +149,9 @@ export default {
139 }, 149 },
140 components: { 150 components: {
141 DatePicker, 151 DatePicker,
142 Slider 152 Slider,
153 ModalComp,
154 Modal2Comp
143 }, 155 },
144 computed: { 156 computed: {
145 locale() { 157 locale() {
...@@ -233,7 +245,7 @@ export default { ...@@ -233,7 +245,7 @@ export default {
233 sliderPer 245 sliderPer
234 } = this; 246 } = this;
235 let bet = 10000; //单位 万元 247 let bet = 10000; //单位 万元
236 let result = bet * sliderPer / 1000 * curPaymentPeriod.p * curPaymentOption.p * curPaymentOption.v; 248 let result = bet * sliderPer / 1000 * curPaymentPeriod.p * curPaymentOption.p * curPaymentOption.v;
237 result = result.toFixed(2); 249 result = result.toFixed(2);
238 return result; 250 return result;
239 } 251 }
...@@ -401,7 +413,10 @@ export default { ...@@ -401,7 +413,10 @@ export default {
401 * 提交表单 413 * 提交表单
402 */ 414 */
403 onSubmitContact() { 415 onSubmitContact() {
404 console.log("this.formData:", this.formData); 416 if (this.loading) {
417 return;
418 }
419 // console.log("this.formData:", this.formData);
405 this.checkSubmit().then((result) => { 420 this.checkSubmit().then((result) => {
406 421
407 let formData = this.formData; 422 let formData = this.formData;
...@@ -414,18 +429,47 @@ export default { ...@@ -414,18 +429,47 @@ export default {
414 contactTime: formData.contactTime, 429 contactTime: formData.contactTime,
415 inquiry: formData.inquiry 430 inquiry: formData.inquiry
416 } 431 }
417 console.log("data:", data); 432 // console.log("data:", data);
418 433
434 this.loading = true;
419 httpPost({ 435 httpPost({
420 url: api.indexContact, 436 url: api.indexContact,
421 data: data, 437 data: data,
422 }).then((result) => { 438 }).then((result) => {
423 console.log("indexContact result:", result); 439 this.formData = {
440 title: "",
441 name: "",
442 mobile: "",
443 email: "",
444 contactTime: "",
445 inquiry: ""
446 }
447 this.errorTips = {
448 e1: "",
449 e2: "",
450 e3: "",
451 e4: "",
452 e5: "",
453 e6: "",
454 e7: ""
455 };
456 this.loading = false;
457 this.showSuccess();
424 }).catch((err) => { 458 }).catch((err) => {
425 459 this.loading = false;
460 this.errorVisible = true;
426 }); 461 });
427 }) 462 })
428 }, 463 },
464 showSuccess() {
465 this.showModal(this.i18n.common.SubmitSuccess);
466 },
467 showModal(content, icon) {
468 icon = !icon || typeof icon === "undefined" ? "succ" : icon;
469 this.modalIcon = icon;
470 this.modalContent = content;
471 this.modalVisiable = true;
472 },
429 473
430 initData() { 474 initData() {
431 475
...@@ -465,7 +509,7 @@ export default { ...@@ -465,7 +509,7 @@ export default {
465 element.index = idx; 509 element.index = idx;
466 element.describeList = element.describe.split("\n"); 510 element.describeList = element.describe.split("\n");
467 }); 511 });
468 this.curTab = this.dataList[1]; 512 this.curTab = this.dataList[0];
469 this.bannerList = this.dataList; 513 this.bannerList = this.dataList;
470 console.log("this.dataList:", this.dataList); 514 console.log("this.dataList:", this.dataList);
471 }) 515 })
......
...@@ -692,6 +692,7 @@ ...@@ -692,6 +692,7 @@
692 } 692 }
693 693
694 .submit-btn { 694 .submit-btn {
695 @extend .fcc;
695 @include linear-bg(); 696 @include linear-bg();
696 margin: 0 auto 0; 697 margin: 0 auto 0;
697 @include btc4(300px, 50px, 22px); 698 @include btc4(300px, 50px, 22px);
......
1 <template> 1 <template>
2 <div class="page page-index"> 2 <div class="page page-index">
3
4 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="()=>{this.modalVisiable = false}" :overlay="()=>{this.modalVisiable = false}"></modal-comp>
5 <modal2-comp :visible="errorVisible" :close="()=>{errorVisible = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
6
3 <!-- 该input用于防止chrome自动填充 --> 7 <!-- 该input用于防止chrome自动填充 -->
4 <input type="password" style="display: none;" /> 8 <input type="password" style="display: none;" />
5 <div class="banner-contaner"> 9 <div class="banner-contaner">
...@@ -181,7 +185,7 @@ ...@@ -181,7 +185,7 @@
181 <div class="item">每半年</div> 185 <div class="item">每半年</div>
182 <div class="item">每季度</div> 186 <div class="item">每季度</div>
183 <div class="item">每月</div> --> 187 <div class="item">每月</div> -->
184 <div @click="onSelectPaymentOptionHandler(item)" class="item" :class="{'item-act':curPaymentOption.v==item.v}" v-for="item in paymentOptionList" :key="item.id"> 188 <div @click="onSelectPaymentOptionHandler(item)" class="item" :class="{'item-act':curPaymentOption.v==item.v}" v-for="item in paymentOptionList" :key="item.id">
185 {{ item.n }} 189 {{ item.n }}
186 </div> 190 </div>
187 </div> 191 </div>
...@@ -283,7 +287,7 @@ ...@@ -283,7 +287,7 @@
283 <div class="ipt-wrap-linear"> 287 <div class="ipt-wrap-linear">
284 <div class="down-arrow"></div> 288 <div class="down-arrow"></div>
285 <div class="cont"> 289 <div class="cont">
286 <date-picker class="ipt-date" :placeholder="$t('index.contact.form.Time') + '*'" v-model="formData.contactTime" :filtModel="['future']" :cusStyle="{ 290 <date-picker class="ipt-date" :placeholder="$t('index.contact.form.Time') + '*'" v-model="formData.contactTime" :filtModel="['history']" :cusStyle="{
287 border: 'none !important', 291 border: 'none !important',
288 'background-color': 'transparent !important', 292 'background-color': 'transparent !important',
289 padding: '16px 24px', 293 padding: '16px 24px',
...@@ -320,7 +324,8 @@ ...@@ -320,7 +324,8 @@
320 {{ errTips }} 324 {{ errTips }}
321 </template> 325 </template>
322 </div> --> 326 </div> -->
323 <div @click="onSubmitContact" class="submit-btn" :class="{disabled: submitBtnDisabled}">{{ $t("index.contact.form.Submit") }}</div> 327 <div @click="onSubmitContact" class="submit-btn" :class="{disabled: submitBtnDisabled}">
328 <van-loading v-if="loading" />{{ $t("index.contact.form.Submit") }}</div>
324 </div> 329 </div>
325 <img class="pic-mobile pic-mobile-botom" src="@/assets/images/index/index-mobile.png" alt /> 330 <img class="pic-mobile pic-mobile-botom" src="@/assets/images/index/index-mobile.png" alt />
326 </div> 331 </div>
......