完成大部分功能
Showing
24 changed files
with
1023 additions
and
258 deletions
... | @@ -42,6 +42,14 @@ module.exports = { | ... | @@ -42,6 +42,14 @@ module.exports = { |
42 | // 保存預約服務 | 42 | // 保存預約服務 |
43 | saveReservation: "/pingan_hklife_webapi/customService/reservation/save", | 43 | saveReservation: "/pingan_hklife_webapi/customService/reservation/save", |
44 | // 保存投訴建議 | 44 | // 保存投訴建議 |
45 | saveComplain: "/pingan_hklife_webapi/customService/complain/save" | 45 | saveComplain: "/pingan_hklife_webapi/customService/complain/save", |
46 | 46 | ||
47 | // 保单接口 | ||
48 | policyList : "/pingan_hklife_webapi/policy/list", | ||
49 | // 保单接口 | ||
50 | policyDetail : "/pingan_hklife_webapi/policy/detail", | ||
51 | // 保单聯系方式變更 | ||
52 | updatePolicyContanct : "/pingan_hklife_webapi/policy/updateContacts", | ||
53 | // 保单客戶資料變更 | ||
54 | updatePolicyInfo : "/pingan_hklife_webapi/policy/updateInfo", | ||
47 | } | 55 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -617,20 +617,20 @@ module.exports = { | ... | @@ -617,20 +617,20 @@ module.exports = { |
617 | checkTips: "I do not agree to receive promotional information", | 617 | checkTips: "I do not agree to receive promotional information", |
618 | submit: "Save", | 618 | submit: "Save", |
619 | errorTips: { | 619 | errorTips: { |
620 | e1: "請填寫正確的聯繫電話", | 620 | e1: "Please enter the collect mobile no", |
621 | e2: "請填寫聯繫地址", | 621 | e2: "請填寫聯繫地址", |
622 | e3: "請填寫正確的E-Mail地址" | 622 | e3: "Please enter the collect E-mail" |
623 | } | 623 | }, |
624 | success : "Success", | ||
624 | }, | 625 | }, |
625 | policyChangeInformation: { | 626 | policyChangeInformation: { |
626 | title: "Change of Customer Information", | 627 | title: "Change of Customer Information", |
627 | hkClient: "HK Customer", | 628 | owner: "Policy Owner", |
628 | yes: "是", | 629 | insured: "Insured", |
629 | no: "否", | ||
630 | obj: "Select for change", | 630 | obj: "Select for change", |
631 | name: "Name", | 631 | name: "Name", |
632 | sex: "Sex", | 632 | sex: "Sex", |
633 | birth: "出生日期", | 633 | birth: "Date of Birth", |
634 | type: "Type of Identification Document", | 634 | type: "Type of Identification Document", |
635 | NO: "ID No.", | 635 | NO: "ID No.", |
636 | validityPeriod: "ID Validation Date", | 636 | validityPeriod: "ID Validation Date", |
... | @@ -639,8 +639,9 @@ module.exports = { | ... | @@ -639,8 +639,9 @@ module.exports = { |
639 | maritalStatus: "Marital Status", | 639 | maritalStatus: "Marital Status", |
640 | submit: "Save", | 640 | submit: "Save", |
641 | upload: "Upload Attachment", | 641 | upload: "Upload Attachment", |
642 | modifyTips1: "如需修改請", | 642 | modifyTips1: "If you need to modify please", |
643 | modifyTips2: "聯繫客服", | 643 | modifyTips2: " contact customer service", |
644 | success : "Success", | ||
644 | }, | 645 | }, |
645 | contactUs: { | 646 | contactUs: { |
646 | service: { | 647 | service: { |
... | @@ -683,6 +684,8 @@ module.exports = { | ... | @@ -683,6 +684,8 @@ module.exports = { |
683 | menu7: "Complaints", | 684 | menu7: "Complaints", |
684 | menu8: "Useful Forms", | 685 | menu8: "Useful Forms", |
685 | insuranceQuery: { | 686 | insuranceQuery: { |
687 | modify: "modify", | ||
688 | |||
686 | InsurantNumber: "Policy Number", | 689 | InsurantNumber: "Policy Number", |
687 | Insurant: "Insured", | 690 | Insurant: "Insured", |
688 | InsurantName: "Policy Type", | 691 | InsurantName: "Policy Type", |
... | @@ -690,42 +693,51 @@ module.exports = { | ... | @@ -690,42 +693,51 @@ module.exports = { |
690 | effectiveDate: "Premium Due Date", | 693 | effectiveDate: "Premium Due Date", |
691 | period: "Protection Duration", | 694 | period: "Protection Duration", |
692 | 695 | ||
693 | t2Title: "Guarantee information", | ||
694 | t2InsurantClassify: "Name of insurance", | ||
695 | t2InsurantAmount: "Insured amount", | ||
696 | 696 | ||
697 | t3Title: "Customer information", | 697 | t2Title: "Policy Information", |
698 | t3InsurantNameCn: "Name of applicant (Cn)", | 698 | t2n1: "Policy Type", |
699 | t3InsurantNameEn: "Name of applicant (En)", | 699 | t2n2: "Sum Insured", |
700 | t3InsurantIdNumber: "ID Number", | 700 | t2n3: "Effective Date", |
701 | t3InsurantContactAddress: "Contact address", | 701 | t2n4: "Protection Duration", |
702 | t3InsurantAddress: "Address", | 702 | t2n5: "Name of Insured(Chinese)", |
703 | t3InsurantMobile: "mobile", | 703 | t2n6: "Name of Insured (English) ", |
704 | t3InsurantEmail: "email", | 704 | t2n7: "Date of Birth", |
705 | t3InsuredNameCn: "Name of insured (Cn)", | 705 | t2n8: "ID No", |
706 | t3InsuredNameEn: "Name of insured (En)", | 706 | |
707 | t3InsuredBirthday: "Birthday", | 707 | |
708 | t3InsuredIdNumber: "ID Number", | 708 | t3Title: "Customer Information", |
709 | t3n1: "Name of Policy Owner(Chinese)", | ||
710 | t3n2: "Name of Policy Owner(English)", | ||
711 | t3n3: "Date of Birth", | ||
712 | t3n4: "ID No", | ||
713 | t3n5: "Postal Address", | ||
714 | t3n6: "Residential Address", | ||
715 | t3n7: "Mobile No.", | ||
716 | t3n8: "Email", | ||
709 | 717 | ||
710 | t4Title: "Beneficiary information", | 718 | t4Title: "Beneficiary information", |
711 | t4NameCn: "Name (Cn)", | 719 | t4NameCn: "Name(Chinese)", |
712 | t4NameEn: "Name (En)", | 720 | t4NameEn: "Name (English)", |
713 | t4Relation: "與受保人關係", | 721 | t4Relation: "Relationship with Insured", |
714 | t4Allocation: "Distribution ratio", | 722 | t4Allocation: "Distribution ratio", |
715 | 723 | ||
716 | t5Title: "Payment information", | 724 | t5Title: "Payment information", |
717 | t5PaymentPeriod: "Payment period", | 725 | t5PaymentPeriod: "Payment period", |
718 | t5PaymentMethod: "Payment method", | 726 | t5PaymentMethod: "Mode of Payment", |
719 | t5PaymentCurrency: "Payment currency", | 727 | t5PaymentCurrency: "Currency", |
720 | t5CurrentPremium: "Current premium", | 728 | t5CurrentPremium: "Current premium", |
721 | t5PaymentBank: "Payment bank", | 729 | t5PaymentBank: "Bank", |
722 | t5PaymentAccount: "Payment account", | 730 | t5PaymentAccount: "Payment Account", |
731 | |||
732 | t6Title: "Payment History", | ||
733 | t6PaymentPeriod: "Installment", | ||
734 | t6PaymentMethod: "Mode of Payment", | ||
735 | t6ClosingDate: "Received Date", | ||
736 | t6PaymentAmount: "Amount", | ||
723 | 737 | ||
724 | t6Title: "Payment record", | 738 | showMore: "Show All Policies", |
725 | t6PaymentPeriod: "Payment period", | 739 | noPolicy: "You haven't bought any policy, if you have any questions please", |
726 | t6PaymentMethod: "Payment method", | 740 | customService: " contact customer service", |
727 | t6ClosingDate: "Closing date", | ||
728 | t6PaymentAmount: "Payment amount", | ||
729 | }, | 741 | }, |
730 | reservation: { | 742 | reservation: { |
731 | submitBtn: '確認', | 743 | submitBtn: '確認', |
... | @@ -741,8 +753,8 @@ module.exports = { | ... | @@ -741,8 +753,8 @@ module.exports = { |
741 | or: "or", | 753 | or: "or", |
742 | login: " login", | 754 | login: " login", |
743 | register: " register", | 755 | register: " register", |
744 | baseInfoTip : "Your complete information can help us to provide you with complete services", | 756 | baseInfoTip: "Your complete information can help us to provide you with complete services", |
745 | infoBtn : " Go to perfection" | 757 | infoBtn: " Go to perfection" |
746 | } | 758 | } |
747 | } | 759 | } |
748 | } | 760 | } | ... | ... |
... | @@ -620,13 +620,13 @@ module.exports = { | ... | @@ -620,13 +620,13 @@ module.exports = { |
620 | e1: "請填寫正確的聯繫電話", | 620 | e1: "請填寫正確的聯繫電話", |
621 | e2: "請填寫聯繫地址", | 621 | e2: "請填寫聯繫地址", |
622 | e3: "請填寫正確的E-Mail地址" | 622 | e3: "請填寫正確的E-Mail地址" |
623 | } | 623 | }, |
624 | success : "更新成功", | ||
624 | }, | 625 | }, |
625 | policyChangeInformation: { | 626 | policyChangeInformation: { |
626 | title : "客戶資料變更", | 627 | title : "客戶資料變更", |
627 | hkClient: "是否平安香港客戶", | 628 | owner: "投保人", |
628 | yes: "是", | 629 | insured: "受保人", |
629 | no: "否", | ||
630 | obj: "變更對象", | 630 | obj: "變更對象", |
631 | name: "姓名", | 631 | name: "姓名", |
632 | sex: "性别", | 632 | sex: "性别", |
... | @@ -641,6 +641,7 @@ module.exports = { | ... | @@ -641,6 +641,7 @@ module.exports = { |
641 | upload: "附件上傳", | 641 | upload: "附件上傳", |
642 | modifyTips1: "如需修改請", | 642 | modifyTips1: "如需修改請", |
643 | modifyTips2: "聯繫客服", | 643 | modifyTips2: "聯繫客服", |
644 | success : "更新成功", | ||
644 | }, | 645 | }, |
645 | contactUs: { | 646 | contactUs: { |
646 | service: { | 647 | service: { |
... | @@ -683,6 +684,8 @@ module.exports = { | ... | @@ -683,6 +684,8 @@ module.exports = { |
683 | menu7: "投訴受理", | 684 | menu7: "投訴受理", |
684 | menu8: "常用表格", | 685 | menu8: "常用表格", |
685 | insuranceQuery: { | 686 | insuranceQuery: { |
687 | modify : "修改", | ||
688 | |||
686 | InsurantNumber: "保單號碼", | 689 | InsurantNumber: "保單號碼", |
687 | Insurant: "受保人", | 690 | Insurant: "受保人", |
688 | InsurantName: "險種名稱", | 691 | InsurantName: "險種名稱", |
... | @@ -690,22 +693,26 @@ module.exports = { | ... | @@ -690,22 +693,26 @@ module.exports = { |
690 | effectiveDate: "保費到期日", | 693 | effectiveDate: "保費到期日", |
691 | period: "保障年期", | 694 | period: "保障年期", |
692 | 695 | ||
693 | t2Title: "保障內容", | 696 | t2Title: "保單信息", |
694 | t2InsurantClassify: "險種名稱", | 697 | t2n1: "險種名稱", |
695 | t2InsurantAmount: "保額", | 698 | t2n2: "保額", |
699 | t2n3: "生效日期", | ||
700 | t2n4: "保障年期", | ||
701 | t2n5: "受保人姓名(中文)", | ||
702 | t2n6: "受保人姓名(英文)", | ||
703 | t2n7: "出生日期", | ||
704 | t2n8: "證件號碼", | ||
705 | |||
696 | 706 | ||
697 | t3Title: "客戶資料", | 707 | t3Title: "客戶資料", |
698 | t3InsurantNameCn: "投保人姓名(中文)", | 708 | t3n1: "投保人姓名(中文)", |
699 | t3InsurantNameEn: "投保人姓名(英文)", | 709 | t3n2: "投保人姓名(英文)", |
700 | t3InsurantIdNumber: "證件號碼", | 710 | t3n3: "出生日期", |
701 | t3InsurantContactAddress: "聯繫地址", | 711 | t3n4: "證件號碼", |
702 | t3InsurantAddress: "居住地址", | 712 | t3n5: "聯繫地址", |
703 | t3InsurantMobile: "手提電話", | 713 | t3n6: "居住地址", |
704 | t3InsurantEmail: "電子郵箱", | 714 | t3n7: "手提電話", |
705 | t3InsuredNameCn: "受保人姓名(中文)", | 715 | t3n8: "電子郵箱", |
706 | t3InsuredNameEn: "受保人姓名(英文)", | ||
707 | t3InsuredBirthday: "出生日期", | ||
708 | t3InsuredIdNumber: "證件號碼", | ||
709 | 716 | ||
710 | t4Title: "受益人資料", // t4BeneficiaryInformation | 717 | t4Title: "受益人資料", // t4BeneficiaryInformation |
711 | t4NameCn: "姓名(中文)", | 718 | t4NameCn: "姓名(中文)", |
... | @@ -726,6 +733,10 @@ module.exports = { | ... | @@ -726,6 +733,10 @@ module.exports = { |
726 | t6PaymentMethod: "繳費方式", | 733 | t6PaymentMethod: "繳費方式", |
727 | t6ClosingDate: "實收日期", | 734 | t6ClosingDate: "實收日期", |
728 | t6PaymentAmount: "繳費金額", | 735 | t6PaymentAmount: "繳費金額", |
736 | |||
737 | showMore : "顯示所有保單", | ||
738 | noPolicy: "您還未購買保單,如有疑問請", | ||
739 | customService : "聯繫客服", | ||
729 | }, | 740 | }, |
730 | reservation: { | 741 | reservation: { |
731 | submitBtn: '確認', | 742 | submitBtn: '確認', | ... | ... |
... | @@ -621,13 +621,13 @@ module.exports = { | ... | @@ -621,13 +621,13 @@ module.exports = { |
621 | e1: "請填寫正確的聯繫電話", | 621 | e1: "請填寫正確的聯繫電話", |
622 | e2: "請填寫聯繫地址", | 622 | e2: "請填寫聯繫地址", |
623 | e3: "請填寫正確的E-Mail地址" | 623 | e3: "請填寫正確的E-Mail地址" |
624 | } | 624 | }, |
625 | success : "更新成功", | ||
625 | }, | 626 | }, |
626 | policyChangeInformation: { | 627 | policyChangeInformation: { |
627 | title: "客户资料变更", | 628 | title: "客户资料变更", |
628 | hkClient: "是否平安香港客戶", | 629 | owner: "投保人", |
629 | yes: "是", | 630 | insured: "受保人", |
630 | no: "否", | ||
631 | obj: "变更对象", | 631 | obj: "变更对象", |
632 | name: "姓名", | 632 | name: "姓名", |
633 | sex: "性别", | 633 | sex: "性别", |
... | @@ -642,6 +642,7 @@ module.exports = { | ... | @@ -642,6 +642,7 @@ module.exports = { |
642 | upload: "附件上传", | 642 | upload: "附件上传", |
643 | modifyTips1: "如需修改请", | 643 | modifyTips1: "如需修改请", |
644 | modifyTips2: "联系客服", | 644 | modifyTips2: "联系客服", |
645 | success : "更新成功", | ||
645 | }, | 646 | }, |
646 | contactUs: { | 647 | contactUs: { |
647 | service: { | 648 | service: { |
... | @@ -691,22 +692,26 @@ module.exports = { | ... | @@ -691,22 +692,26 @@ module.exports = { |
691 | effectiveDate: "保费到期日", | 692 | effectiveDate: "保费到期日", |
692 | period: "保障年期", | 693 | period: "保障年期", |
693 | 694 | ||
694 | t2Title: "保障内容", | 695 | |
695 | t2InsurantClassify: "险种名称", | 696 | t2Title: "保單信息", |
696 | t2InsurantAmount: "保额", | 697 | t2n1: "险种名称", |
698 | t2n2: "保额", | ||
699 | t2n3: "生效日期", | ||
700 | t2n4: "保障年期", | ||
701 | t2n5: "受保人姓名(中文)", | ||
702 | t2n6: "受保人姓名(英文)", | ||
703 | t2n7: "出生日期", | ||
704 | t2n8: "证件号码", | ||
697 | 705 | ||
698 | t3Title: "客户资料", | 706 | t3Title: "客户资料", |
699 | t3InsurantNameCn: "投保人姓名(中文)", | 707 | t3n1: "投保人姓名(中文)", |
700 | t3InsurantNameEn: "投保人姓名(英文)", | 708 | t3n2: "投保人姓名(英文)", |
701 | t3InsurantIdNumber: "证件号码", | 709 | t3n3: "出生日期", |
702 | t3InsurantContactAddress: "联系地址", | 710 | t3n4: "证件号码", |
703 | t3InsurantAddress: "居住地址", | 711 | t3n5: "联系地址", |
704 | t3InsurantMobile: "手提电话", | 712 | t3n6: "居住地址", |
705 | t3InsurantEmail: "电子邮箱", | 713 | t3n7: "手提电话", |
706 | t3InsuredNameCn: "受保人姓名(中文)", | 714 | t3n8: "电子邮箱", |
707 | t3InsuredNameEn: "受保人姓名(英文)", | ||
708 | t3InsuredBirthday: "出生日期", | ||
709 | t3InsuredIdNumber: "证件号码", | ||
710 | 715 | ||
711 | t4Title: "受益人资料", // t4BeneficiaryInformation | 716 | t4Title: "受益人资料", // t4BeneficiaryInformation |
712 | t4NameCn: "姓名(中文)", | 717 | t4NameCn: "姓名(中文)", |
... | @@ -727,6 +732,10 @@ module.exports = { | ... | @@ -727,6 +732,10 @@ module.exports = { |
727 | t6PaymentMethod: "缴费方式", | 732 | t6PaymentMethod: "缴费方式", |
728 | t6ClosingDate: "实收日期", | 733 | t6ClosingDate: "实收日期", |
729 | t6PaymentAmount: "缴费金额", | 734 | t6PaymentAmount: "缴费金额", |
735 | |||
736 | showMore : "显示所有保单", | ||
737 | noPolicy: "您还未购买保单,如有疑问请", | ||
738 | customService : "联系客服", | ||
730 | }, | 739 | }, |
731 | reservation: { | 740 | reservation: { |
732 | submitBtn: '确认', | 741 | submitBtn: '确认', | ... | ... |
... | @@ -24,7 +24,7 @@ export default { | ... | @@ -24,7 +24,7 @@ export default { |
24 | i18n() { | 24 | i18n() { |
25 | 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] : {}; |
26 | }, | 26 | }, |
27 | showPanel(){ | 27 | showPanel() { |
28 | return this.showProfileInfo || this.showUnAuth; | 28 | return this.showProfileInfo || this.showUnAuth; |
29 | } | 29 | } |
30 | }, | 30 | }, |
... | @@ -50,16 +50,28 @@ export default { | ... | @@ -50,16 +50,28 @@ export default { |
50 | }, | 50 | }, |
51 | logoutAction() { | 51 | logoutAction() { |
52 | this.showUnAuth = true; | 52 | this.showUnAuth = true; |
53 | this.showProfileInfo = false; | ||
53 | this.$emit("onLogout", {}); | 54 | this.$emit("onLogout", {}); |
54 | }, | 55 | }, |
55 | gotoLoginPage() { | 56 | gotoLoginPage() { |
56 | this.$router.push({ path: "/login" }); | 57 | let callback = this.$route.path; |
58 | let separator = "?"; | ||
59 | for (let key in this.$route.query) { | ||
60 | callback += separator + key + "=" + this.$route.query[key]; | ||
61 | separator = "&"; | ||
62 | } | ||
63 | this.$router.push({ path: "/login?callback=" + callback }); | ||
57 | }, | 64 | }, |
58 | gotoRegisterPage() { | 65 | gotoRegisterPage() { |
59 | this.$router.push({ path: "/register" }); | 66 | this.$router.push({ path: "/register" }); |
60 | }, | 67 | }, |
61 | gotoInformationPage(){ | 68 | gotoInformationPage() { |
62 | this.$router.push({ path: "/infomation/improve" }); | 69 | this.$router.push({ path: "/infomation/improve" }); |
70 | }, | ||
71 | noAuth() { | ||
72 | this.$store.commit("SET_USER_INFO", null); | ||
73 | this.initData(); | ||
74 | this.$emit("onLogout", {}); | ||
63 | } | 75 | } |
64 | }, | 76 | }, |
65 | mounted() { | 77 | mounted() { | ... | ... |
... | @@ -19,10 +19,21 @@ export default { | ... | @@ -19,10 +19,21 @@ export default { |
19 | type: Boolean, | 19 | type: Boolean, |
20 | default: false | 20 | default: false |
21 | }, | 21 | }, |
22 | // 过滤类型,含这些模型 | ||
23 | // history : 历史不可选择 | ||
24 | // future : 未来不可选择 | ||
25 | // weekend : 周末不可选择 | ||
26 | // today : 当日不可选择 | ||
27 | filtModel: { | ||
28 | type: Array, | ||
29 | default() { | ||
30 | return ["history", "weekend", "today"] | ||
31 | } | ||
32 | }, | ||
22 | // 需要过滤的日期列表 格式 ["yyyy-MM-dd","yyyy-MM-dd"] | 33 | // 需要过滤的日期列表 格式 ["yyyy-MM-dd","yyyy-MM-dd"] |
23 | filterDates: { | 34 | filterDates: { |
24 | type: Array, | 35 | type: Array, |
25 | default () { | 36 | default() { |
26 | return [] // ["2019-11-26", "2019-11-28"] | 37 | return [] // ["2019-11-26", "2019-11-28"] |
27 | } | 38 | } |
28 | }, | 39 | }, |
... | @@ -95,6 +106,10 @@ export default { | ... | @@ -95,6 +106,10 @@ export default { |
95 | } | 106 | } |
96 | }, | 107 | }, |
97 | methods: { | 108 | methods: { |
109 | activity(item) { | ||
110 | let ymd = item.year + "-" + (item.month > 9 ? item.month : "0" + item.month) + "-" + (item.date > 9 ? item.date : "0" + item.date); | ||
111 | return ymd == this.dateValue; | ||
112 | }, | ||
98 | /** | 113 | /** |
99 | * 画月历图 | 114 | * 画月历图 |
100 | * 所需数据 | 115 | * 所需数据 |
... | @@ -122,10 +137,28 @@ export default { | ... | @@ -122,10 +137,28 @@ export default { |
122 | let curData = {} | 137 | let curData = {} |
123 | curData.standards = 0; | 138 | curData.standards = 0; |
124 | let date = index + 1; | 139 | let date = index + 1; |
125 | let day = Date.parse(`${year}.${month}.${date}`).getDay(); | 140 | let buildDate = Date.parse(`${year}.${month}.${date}`); |
141 | let nowDate = new Date(); | ||
142 | let day = buildDate.getDay(); | ||
126 | let isWeekend = day == 0 || day == 6; | 143 | let isWeekend = day == 0 || day == 6; |
127 | let disable = false; // 判断是否不可选 | 144 | let disable = false; // 判断是否不可选 |
128 | disable = isWeekend && !this.weekend; // 判断周末不可选 | 145 | if (this.filtModel.indexOf("weekend") >= 0) { |
146 | disable = isWeekend; | ||
147 | } | ||
148 | if (!disable && this.filtModel.indexOf("future") >= 0) { | ||
149 | buildDate.setHours(23, 59, 59, 999); | ||
150 | disable = buildDate.getTime() > nowDate.getTime() | ||
151 | } | ||
152 | if (!disable && this.filtModel.indexOf("history") >= 0) { | ||
153 | buildDate.setHours(0, 0, 0, 0); | ||
154 | disable = buildDate.getTime() < nowDate.getTime() | ||
155 | } | ||
156 | if (!disable && this.filtModel.indexOf("today") >= 0) { | ||
157 | buildDate.setHours(0, 0, 0, 0); | ||
158 | nowDate.setHours(0, 0, 0, 0); | ||
159 | disable = buildDate.getTime() == nowDate.getTime(); | ||
160 | } | ||
161 | // disable = isWeekend && !this.weekend; // 判断周末不可选 | ||
129 | let filterDates = this.filterDates; | 162 | let filterDates = this.filterDates; |
130 | filterDates.forEach(element => { | 163 | filterDates.forEach(element => { |
131 | let curDate = `${year}-${month}-${date}`; | 164 | let curDate = `${year}-${month}-${date}`; |
... | @@ -243,7 +276,7 @@ export default { | ... | @@ -243,7 +276,7 @@ export default { |
243 | disable: index == 0 || index == 11 | 276 | disable: index == 0 || index == 11 |
244 | }); | 277 | }); |
245 | } | 278 | } |
246 | this.yearRange = `${yearPage * 10 + 0 }-${yearPage * 10 + 9 }` | 279 | this.yearRange = `${yearPage * 10 + 0}-${yearPage * 10 + 9}` |
247 | this.yearList = yearList; | 280 | this.yearList = yearList; |
248 | }, | 281 | }, |
249 | // 显示日历 | 282 | // 显示日历 |
... | @@ -289,7 +322,6 @@ export default { | ... | @@ -289,7 +322,6 @@ export default { |
289 | } | 322 | } |
290 | }, | 323 | }, |
291 | onNextHandler() { | 324 | onNextHandler() { |
292 | console.log("this.dateType:", this.dateType); | ||
293 | if (this.dateType == 1) { | 325 | if (this.dateType == 1) { |
294 | this.nextMonth(); | 326 | this.nextMonth(); |
295 | return; | 327 | return; |
... | @@ -313,20 +345,60 @@ export default { | ... | @@ -313,20 +345,60 @@ export default { |
313 | } | 345 | } |
314 | this.dateValue = `${year}-${month}-${date}`; | 346 | this.dateValue = `${year}-${month}-${date}`; |
315 | }, | 347 | }, |
316 | initData() {} | 348 | initData() { |
349 | // 设置今天日期 | ||
350 | let isInit = false; | ||
351 | if (this.value) { | ||
352 | let ymd = this.value.split("-"); | ||
353 | if (ymd.length == 3) { | ||
354 | try { | ||
355 | this.year = Number(ymd[0]); | ||
356 | this.month = Number(ymd[1]); | ||
357 | this.date = Number(ymd[2]); | ||
358 | isInit = true; | ||
359 | } catch (e) { | ||
360 | } | ||
361 | } | ||
362 | } | ||
363 | if (!isInit) { | ||
364 | let today = Date.today(); | ||
365 | try { | ||
366 | if (this.filtModel.indexOf("today") >= 0) { | ||
367 | if (this.filtModel.indexOf("future") >= 0) { | ||
368 | today.setDate(today.getDate() - 1); | ||
369 | if (this.filtModel.indexOf("weekend") >= 0) { | ||
370 | let day = today.getDay(); | ||
371 | let m = day == 0 ? -2 : day == 6 ? -1 : 0; | ||
372 | today.setDate(today.getDate() + m); | ||
373 | } | ||
374 | } else if (this.filtModel.indexOf("history") >= 0) { | ||
375 | today.setDate(today.getDate() + 1); | ||
376 | if (this.filtModel.indexOf("weekend") >= 0) { | ||
377 | let day = today.getDay(); | ||
378 | let m = day == 0 ? 1 : day == 6 ? 2 : 0; | ||
379 | today.setDate(today.getDate() + m); | ||
380 | } | ||
381 | } | ||
382 | } | ||
383 | } catch (e) { | ||
384 | console.error(e); | ||
385 | } | ||
386 | this.year = today.getFullYear(); | ||
387 | this.month = today.getMonth() + 1; | ||
388 | this.date = today.getDate(); | ||
389 | } | ||
390 | this.formatDate(); | ||
391 | } | ||
392 | }, | ||
393 | mounted() { | ||
317 | }, | 394 | }, |
318 | mounted() {}, | ||
319 | created() { | 395 | created() { |
320 | // 设置今天日期 | 396 | this.initData(); |
321 | let today = Date.today(); | ||
322 | this.year = today.getFullYear(); | ||
323 | this.month = today.getMonth() + 1; | ||
324 | this.date = today.getDate(); | ||
325 | this.formatDate(); | ||
326 | }, | 397 | }, |
327 | watch: { | 398 | watch: { |
328 | value(val) { | 399 | value(val) { |
329 | this.dateValue = val; | 400 | this.dateValue = val; |
401 | this.initData(); | ||
330 | }, | 402 | }, |
331 | dateValue(val) { | 403 | dateValue(val) { |
332 | this.$emit('input', val) | 404 | this.$emit('input', val) | ... | ... |
... | @@ -47,7 +47,7 @@ | ... | @@ -47,7 +47,7 @@ |
47 | <!-- 日历主体 --> | 47 | <!-- 日历主体 --> |
48 | <div class="tr"> | 48 | <div class="tr"> |
49 | <div class="td" v-for="(item,index) in fortmatMonthData" :key="index"> | 49 | <div class="td" v-for="(item,index) in fortmatMonthData" :key="index"> |
50 | <div @click="selectDay(item.disable ? null : item)" v-if="item && item.date" class="pointer point" :class="{'sel':item && item.date && item.date == date,'disable':item.disable}"> | 50 | <div @click="selectDay(item.disable ? null : item)" v-if="item && item.date" class="pointer point" :class="{'sel':item && activity(item),'disable':item.disable}"> |
51 | <div>{{item && item.date || ""}}</div> | 51 | <div>{{item && item.date || ""}}</div> |
52 | </div> | 52 | </div> |
53 | </div> | 53 | </div> | ... | ... |
... | @@ -5,52 +5,70 @@ import { | ... | @@ -5,52 +5,70 @@ import { |
5 | } from '@/api/fetch-api.js' | 5 | } from '@/api/fetch-api.js' |
6 | 6 | ||
7 | import Auth from '@components/auth/auth.vue'; | 7 | import Auth from '@components/auth/auth.vue'; |
8 | import PolicyHeadList from "./policy-head-list.vue"; | ||
8 | 9 | ||
9 | export default { | 10 | export default { |
10 | name: "InsuranceQuery", | 11 | name: "InsuranceQuery", |
11 | data() { | 12 | data() { |
12 | return { | 13 | return { |
13 | showForm: false, | 14 | showForm: false, |
14 | dataForm: { | 15 | dataForm: null, |
15 | |||
16 | }, | ||
17 | insuranceForm: { | 16 | insuranceForm: { |
18 | f1: true, | 17 | f1: true, |
19 | f2: true, | 18 | f2: true, |
20 | f3: true, | 19 | f3: true, |
21 | f4: true, | 20 | f4: true, |
22 | f5: true, | 21 | f5: true, |
23 | } | 22 | }, |
23 | policy: null, | ||
24 | } | 24 | } |
25 | }, | 25 | }, |
26 | methods: { | 26 | methods: { |
27 | test() { | 27 | handlePolicySelect(data) { |
28 | let i18n = this.$i18n.locale; | 28 | let submitData = { |
29 | let data = {}; | 29 | policyId: data[0].id, |
30 | if (i18n == 'zh') { | 30 | policyCode: data[0].code |
31 | data.v1 = "分红重疾"; | 31 | } |
32 | data.v2 = "终身"; | 32 | this.policy = submitData; |
33 | data.v3 = "深圳市益田路5033号"; | 33 | this.dataForm = null; |
34 | data.v4 = "张三"; | 34 | httpPost({ url: api.policyDetail, sid: true, data: submitData }).then(res => { |
35 | data.v4_2 = "父母"; | 35 | this.dataForm = res; |
36 | data.v4_3 = "子女"; | 36 | }).catch(err => { |
37 | data.v5 = "银行转账"; | 37 | if (err.code == 404) { |
38 | data.v6 = "港币"; | 38 | this.$refs.auth.noAuth(); |
39 | data.v7 = "平安银行"; | 39 | } |
40 | data.v8 = "现金"; | 40 | }); |
41 | // console.log(data); | ||
42 | }, | ||
43 | |||
44 | toMoneyCode(moneyCode) { | ||
45 | switch (moneyCode) { | ||
46 | case "USD": | ||
47 | return "$"; | ||
48 | default: | ||
49 | return "HK$"; | ||
50 | } | ||
51 | }, | ||
52 | toMoneyCodeName(moneyCode) { | ||
53 | switch (moneyCode) { | ||
54 | case "USD": | ||
55 | return "美元"; | ||
56 | default: | ||
57 | return "港币"; | ||
58 | } | ||
59 | }, | ||
60 | toModifyPage(type) { | ||
61 | // 1=受保人;2=投保人 | ||
62 | if (!this.policy || !this.dataForm) { | ||
63 | return; | ||
64 | } | ||
65 | let data = encodeURIComponent(JSON.stringify({ id: this.policy.policyId, code: this.policy.policyCode })); | ||
66 | sessionStorage.setItem("_hklife_policy", data); | ||
67 | if (type == 1) { | ||
68 | this.$router.push({ path: "/custom/service", query: { q: "m43", u: 1 } }); | ||
41 | } else { | 69 | } else { |
42 | data.v1 = "分紅重疾"; | 70 | this.$router.push({ path: "/custom/service", query: { q: "m43", u: 2 } }); |
43 | data.v2 = "終身"; | ||
44 | data.v3 = "深圳市益田路5033號"; | ||
45 | data.v4 = "張三"; | ||
46 | data.v4_2 = "父母"; | ||
47 | data.v4_3 = "子女"; | ||
48 | data.v5 = "銀行轉帳"; | ||
49 | data.v6 = "港幣"; | ||
50 | data.v7 = "平安銀行"; | ||
51 | data.v8 = "現金"; | ||
52 | } | 71 | } |
53 | this.$set(this, 'dataForm', data); | ||
54 | }, | 72 | }, |
55 | userLogout() { | 73 | userLogout() { |
56 | this.showForm = false; | 74 | this.showForm = false; |
... | @@ -60,9 +78,9 @@ export default { | ... | @@ -60,9 +78,9 @@ export default { |
60 | } | 78 | } |
61 | }, | 79 | }, |
62 | components: { | 80 | components: { |
63 | Auth | 81 | Auth, |
82 | PolicyHeadList | ||
64 | }, | 83 | }, |
65 | mounted() { | 84 | mounted() { |
66 | this.test(); | ||
67 | }, | 85 | }, |
68 | } | 86 | } | ... | ... |
... | @@ -96,6 +96,15 @@ | ... | @@ -96,6 +96,15 @@ |
96 | display: flex; | 96 | display: flex; |
97 | justify-content: space-between; | 97 | justify-content: space-between; |
98 | margin: auto; | 98 | margin: auto; |
99 | |||
100 | div:first-child{ | ||
101 | text-align: left; | ||
102 | min-width: 6.666667rem !important; | ||
103 | } | ||
104 | } | ||
105 | |||
106 | .cell1:nth-child(1){ | ||
107 | text-align: right !important; | ||
99 | } | 108 | } |
100 | 109 | ||
101 | .separator-v { | 110 | .separator-v { |
... | @@ -106,6 +115,7 @@ | ... | @@ -106,6 +115,7 @@ |
106 | } | 115 | } |
107 | } | 116 | } |
108 | 117 | ||
118 | |||
109 | .label span { | 119 | .label span { |
110 | color: #f05a23; | 120 | color: #f05a23; |
111 | margin-left: .583333rem; | 121 | margin-left: .583333rem; | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -5,84 +5,117 @@ import { | ... | @@ -5,84 +5,117 @@ import { |
5 | } from '@/api/fetch-api.js' | 5 | } from '@/api/fetch-api.js' |
6 | 6 | ||
7 | import Auth from '@components/auth/auth.vue'; | 7 | import Auth from '@components/auth/auth.vue'; |
8 | import modalComp from '@/components/modal-comp/modal-comp.vue'; | ||
9 | import PolicyHeadList from "./policy-head-list.vue"; | ||
8 | 10 | ||
9 | export default { | 11 | export default { |
10 | data() { | 12 | data() { |
11 | return { | 13 | return { |
12 | showForm: false, | 14 | loading: false, |
15 | showForm: false, | ||
13 | key: 'value', | 16 | key: 'value', |
14 | checked1: false, | 17 | checked1: false, |
15 | checked2: false, | 18 | checked2: false, |
16 | checked3: false, | 19 | checked3: false, |
20 | dataInit: false, | ||
21 | selectedPolicies: [], | ||
17 | data: { | 22 | data: { |
18 | mobileAreaCode: "", | 23 | mobileAreaCode: "", |
19 | mobile: "", | 24 | mobile: "", |
20 | mobileAcceptMessage: 0, | ||
21 | email: "", | 25 | email: "", |
22 | emailAcceptMessage: 0, | ||
23 | address: "", | 26 | address: "", |
24 | addressAcceptMessage: 0 | ||
25 | }, | 27 | }, |
26 | errorTips: { | 28 | errorTips: { |
27 | e1: "", | 29 | e1: "", |
28 | e2: "", | 30 | e2: "", |
29 | e3: "" | 31 | e3: "" |
30 | }, | 32 | }, |
33 | |||
34 | modalSimpleVisiable: false, | ||
35 | modalVisiable: false, | ||
36 | targetPath: "", | ||
37 | modalIcon: "succ", | ||
38 | modalContent: "", | ||
31 | } | 39 | } |
32 | }, | 40 | }, |
33 | components: { | 41 | components: { |
34 | Auth | 42 | Auth, |
35 | }, | 43 | PolicyHeadList, |
44 | modalComp | ||
45 | }, | ||
36 | computed: { | 46 | computed: { |
37 | locale() { | 47 | locale() { |
38 | return this.$i18n.locale || 'tc'; | 48 | return this.$i18n.locale || 'tc'; |
39 | }, | 49 | }, |
40 | i18n() { | 50 | i18n() { |
41 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; | 51 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; |
52 | }, | ||
53 | submitBtnDisabled() { | ||
54 | let b1 = !this.selectedPolicies || this.selectedPolicies.length == 0; | ||
55 | let b2 = !this.data.address && !this.data.email && !this.data.mobile; | ||
56 | return b1 || b2; | ||
42 | } | 57 | } |
43 | }, | 58 | }, |
44 | methods: { | 59 | methods: { |
60 | showModal(content, icon) { | ||
61 | icon = !icon || typeof icon === "undefined" ? "succ" : icon; | ||
62 | this.modalIcon = icon; | ||
63 | this.modalContent = content; | ||
64 | this.modalVisiable = true; | ||
65 | }, | ||
45 | modalCallback() { | 66 | modalCallback() { |
46 | this.modalVisiable = false; | 67 | this.modalVisiable = false; |
47 | }, | 68 | }, |
48 | sessionLost() { | ||
49 | // let message = this.i18n.glbalTips.sessionLost; | ||
50 | // alert(message); | ||
51 | // let targetPath = "/login?callback=" + this.buildCallbackPath(); | ||
52 | // this.$router.push({ | ||
53 | // path: targetPath | ||
54 | // }); | ||
55 | }, | ||
56 | showSuccess() { | 69 | showSuccess() { |
57 | alert("更新成功") | 70 | this.showModal(this.i18n.policyChangeContact.success); |
58 | }, | 71 | }, |
59 | updateContactsHandler() { | 72 | updateContactsHandler() { |
73 | if (this.submitBtnDisabled) { | ||
74 | return; | ||
75 | } | ||
76 | |||
60 | let b1 = this.checkMobile(); | 77 | let b1 = this.checkMobile(); |
61 | let b2 = this.checkEmail(); | 78 | let b2 = this.checkEmail(); |
62 | let b3 = this.checkAddress(); | 79 | let b3 = this.checkAddress(); |
63 | let b = b1 & b2 & b3; | 80 | let b = b1 & b2 & b3; |
64 | if (b) { | 81 | if (b) { |
65 | this.data.mobileAcceptMessage = this.checked1 ? 1 : 0; | 82 | if (this.loading) { |
66 | this.data.addressAcceptMessage = this.checked2 ? 1 : 0; | 83 | return; |
67 | this.data.emailAcceptMessage = this.checked3 ? 1 : 0; | 84 | } |
68 | 85 | let policies = []; | |
86 | this.selectedPolicies.forEach(element => { | ||
87 | policies.push({ policyId: element.id, policyCode: element.code }); | ||
88 | }); | ||
89 | let data = { | ||
90 | mobileNo: this.data.mobile, | ||
91 | address: this.data.address, | ||
92 | email: this.data.email, | ||
93 | mobileNoAcceptMsg: this.checked1 ? 1 : 0, | ||
94 | addressAcceptMsg: this.checked2 ? 1 : 0, | ||
95 | emailAcceptMsg: this.checked3 ? 1 : 0, | ||
96 | policies: policies | ||
97 | } | ||
98 | this.loading = true; | ||
69 | httpPost({ | 99 | httpPost({ |
70 | url: api.updateContacts, | 100 | url: api.updatePolicyContanct, |
71 | data: this.data, | 101 | data: data, |
72 | sid: true | 102 | sid: true |
73 | }).then(() => { | 103 | }).then(() => { |
104 | this.loading = false; | ||
74 | this.showSuccess(); | 105 | this.showSuccess(); |
75 | }).catch(() => { | 106 | }).catch(err => { |
76 | this.sessionLost(); | 107 | this.loading = false; |
108 | if (err.code == 404) { | ||
109 | this.$refs.auth.noAuth(); | ||
110 | } | ||
77 | }) | 111 | }) |
78 | } | 112 | } |
79 | }, | 113 | }, |
80 | checkMobile() { | 114 | checkMobile() { |
81 | if (!this.data.mobile) { | 115 | if (this.data.mobile) { |
82 | this.errorTips.e1 = this.i18n.policyChangeContact.errorTips.e1; | 116 | let hkMobile = /^[5689]{1}\d{7}$/.test(this.data.mobile); |
83 | return false; | 117 | let zhMobile = /^((13[0-9])|(14[5,7,9])|(15([0-3]|[5-9]))|(166)|(17[0-9])|(18[0-9])|(19[0-9]))\d{8}$/.test(this.data.mobile); |
84 | } else { | 118 | if (!hkMobile && !zhMobile) { |
85 | if (this.data.mobile.length != 8 && this.data.mobile.length != 11) { | ||
86 | this.errorTips.e1 = this.i18n.policyChangeContact.errorTips.e1; | 119 | this.errorTips.e1 = this.i18n.policyChangeContact.errorTips.e1; |
87 | return false; | 120 | return false; |
88 | } | 121 | } |
... | @@ -90,56 +123,60 @@ export default { | ... | @@ -90,56 +123,60 @@ export default { |
90 | return true; | 123 | return true; |
91 | }, | 124 | }, |
92 | checkAddress() { | 125 | checkAddress() { |
93 | if (!this.data.address) { | ||
94 | this.errorTips.e2 = this.i18n.policyChangeContact.errorTips.e2; | ||
95 | return false; | ||
96 | } | ||
97 | return true; | 126 | return true; |
98 | }, | 127 | }, |
99 | checkEmail() { | 128 | checkEmail() { |
100 | if (!/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(this.data.email)) { | 129 | if (this.data.email && !/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(this.data.email)) { |
101 | this.errorTips.e3 = this.i18n.policyChangeContact.errorTips.e3; | 130 | this.errorTips.e3 = this.i18n.policyChangeContact.errorTips.e3; |
102 | return false; | 131 | return false; |
103 | } | 132 | } |
104 | return true; | 133 | return true; |
105 | }, | 134 | }, |
106 | initData() { | 135 | initData() { |
136 | if (this.dataInit) { | ||
137 | return; | ||
138 | } | ||
139 | if (this.loading) { | ||
140 | return; | ||
141 | } | ||
142 | this.data = null; | ||
143 | this.loading = true; | ||
144 | let param = { | ||
145 | policyId: this.selectedPolicies[0].id, | ||
146 | policyCode: this.selectedPolicies[0].code | ||
147 | }; | ||
107 | httpPost({ | 148 | httpPost({ |
108 | url: api.getContacts, | 149 | url: api.policyDetail, |
150 | data: param, | ||
109 | sid: true | 151 | sid: true |
110 | }).then(response => { | 152 | }).then(response => { |
153 | this.data = {}; | ||
111 | if (response) { | 154 | if (response) { |
112 | this.data.mobile = response.mobile; | 155 | this.loading = false; |
113 | this.data.mobileAcceptMessage = response.mobileAcceptMessage; | 156 | this.dataInit = true; |
114 | this.data.email = response.email; | 157 | this.data.mobile = response.clientMobileNo; |
115 | this.data.emailAcceptMessage = response.emailAcceptMessage; | 158 | this.checked1 = "1" == response.clientMobileAcceptMessage; |
116 | this.data.address = response.address; | 159 | this.data.address = response.clientContactAddress; |
117 | this.data.addressAcceptMessage = response.addressAcceptMessage; | 160 | this.checked2 = "1" == response.clientAddressAcceptMessage; |
161 | this.data.email = response.clientEmail; | ||
162 | this.checked3 = "1" == response.clientEmailAcceptMessage; | ||
118 | } | 163 | } |
119 | this.checked1 = this.data.mobileAcceptMessage == 1 ? true : false; | ||
120 | this.checked2 = this.data.addressAcceptMessage == 1 ? true : false; | ||
121 | this.checked3 = this.data.emailAcceptMessage == 1 ? true : false; | ||
122 | }).catch(res => { | 164 | }).catch(res => { |
123 | if (res.code == "404") { | 165 | if (res.code == "404") { |
124 | this.sessionLost(); | 166 | this.$refs.auth.noAuth(); |
125 | } | 167 | } |
126 | }); | 168 | }); |
127 | }, | 169 | }, |
128 | buildCallbackPath() { | 170 | handlePolicySelect(data) { |
129 | let path = this.$route.path; | 171 | this.selectedPolicies = data; |
130 | let sep = "?" | 172 | this.initData(); |
131 | for (let key in this.$route.query) { | 173 | }, |
132 | path += sep + key + "=" + this.$route.query[key]; | 174 | userLogout() { |
133 | sep = "&"; | 175 | this.showForm = false; |
134 | } | ||
135 | return path; | ||
136 | }, | 176 | }, |
137 | userLogout() { | 177 | userLogin(data) { |
138 | this.showForm = false; | 178 | this.showForm = true; |
139 | }, | 179 | } |
140 | userLogin(data) { | ||
141 | this.showForm = true; | ||
142 | } | ||
143 | }, | 180 | }, |
144 | watch: { | 181 | watch: { |
145 | 'data.mobile': function () { | 182 | 'data.mobile': function () { |
... | @@ -153,7 +190,5 @@ export default { | ... | @@ -153,7 +190,5 @@ export default { |
153 | } | 190 | } |
154 | }, | 191 | }, |
155 | mounted() { | 192 | mounted() { |
156 | this.initData(); | 193 | } |
157 | }, | ||
158 | created() {} | ||
159 | } | 194 | } | ... | ... |
1 | 1 | ||
2 | <template> | 2 | <template> |
3 | <div> | 3 | <div> |
4 | <auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true"></auth> | 4 | <auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" ref="auth"></auth> |
5 | <div class="container border" v-if="showForm"> | 5 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> |
6 | <div class="form"> | 6 | <template v-if="showForm"> |
7 | <div class="form-item"> | 7 | <policy-head-list :multiSelectable="true" @onSelect="handlePolicySelect"></policy-head-list> |
8 | <div class="label"> | 8 | <div class="container border" v-if="selectedPolicies.length > 0 && data"> |
9 | <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-phone.png"></div>{{$t('policyChangeContact.phone')}} | 9 | <div class="form"> |
10 | </div> | 10 | <div class="form-item"> |
11 | <div class="ipt-wrap"> | 11 | <div class="label"> |
12 | <input class="ipt mail-ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="data.mobile"> | 12 | <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-phone.png"></div>{{$t('policyChangeContact.phone')}} |
13 | <div class="agree" @click="checked1 = !checked1"> | ||
14 | <img v-if="!checked1" class="check-icon pointer" src="@/assets/images/reservation/un-check.png"> | ||
15 | <img v-else class="check-icon pointer" src="@/assets/images/reservation/check.png"> | ||
16 | <span>{{$t("policyChangeContact.checkTips")}}</span> | ||
17 | </div> | 13 | </div> |
14 | <div class="ipt-wrap"> | ||
15 | <input class="ipt mail-ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="data.mobile"> | ||
16 | <div class="agree" @click="checked1 = !checked1"> | ||
17 | <img v-if="!checked1" class="check-icon pointer" src="@/assets/images/reservation/un-check.png"> | ||
18 | <img v-else class="check-icon pointer" src="@/assets/images/reservation/check.png"> | ||
19 | <span>{{$t("policyChangeContact.checkTips")}}</span> | ||
20 | </div> | ||
18 | 21 | ||
19 | </div> | 22 | </div> |
20 | <div class="validator" v-if="errorTips.e1.length > 0"> | 23 | <div class="validator" v-if="errorTips.e1.length > 0"> |
21 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e1}} | 24 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e1}} |
22 | </div> | ||
23 | </div> | ||
24 | <div class="form-item"> | ||
25 | <div class="label"> | ||
26 | <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-location.png"></div>{{$t('policyChangeContact.address')}} | ||
27 | </div> | ||
28 | <div class="ipt-wrap"> | ||
29 | <input class="ipt mail-ipt" type="text" :class="{err : errorTips.e2.length > 0}" v-model="data.address"> | ||
30 | <div class="agree" @click="checked2 = !checked2"> | ||
31 | <img v-if="!checked2" class="check-icon pointer" src="@/assets/images/reservation/un-check.png"> | ||
32 | <img v-else class="check-icon pointer" src="@/assets/images/reservation/check.png"> | ||
33 | <span>{{$t("policyChangeContact.checkTips")}}</span> | ||
34 | </div> | 25 | </div> |
35 | </div> | 26 | </div> |
36 | <div class="validator" v-if="errorTips.e2.length > 0"> | 27 | <div class="form-item"> |
37 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e2}} | 28 | <div class="label"> |
38 | </div> | 29 | <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-location.png"></div>{{$t('policyChangeContact.address')}} |
39 | </div> | 30 | </div> |
40 | <div class="form-item"> | 31 | <div class="ipt-wrap"> |
41 | <div class="label"> | 32 | <input class="ipt mail-ipt" type="text" :class="{err : errorTips.e2.length > 0}" v-model="data.address"> |
42 | <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-mail.png"></div>{{$t('policyChangeContact.email')}} | 33 | <div class="agree" @click="checked2 = !checked2"> |
43 | </div> | 34 | <img v-if="!checked2" class="check-icon pointer" src="@/assets/images/reservation/un-check.png"> |
44 | <div class="ipt-wrap"> | 35 | <img v-else class="check-icon pointer" src="@/assets/images/reservation/check.png"> |
45 | <input class="ipt mail-ipt" type="text" :class="{err : errorTips.e3.length > 0}" v-model="data.email"> | 36 | <span>{{$t("policyChangeContact.checkTips")}}</span> |
46 | <div class="agree" @click="checked3 = !checked3"> | 37 | </div> |
47 | <img v-if="!checked3" class="check-icon pointer" src="@/assets/images/reservation/un-check.png"> | 38 | </div> |
48 | <img v-else class="check-icon pointer" src="@/assets/images/reservation/check.png"> | 39 | <div class="validator" v-if="errorTips.e2.length > 0"> |
49 | <span>{{$t("policyChangeContact.checkTips")}}</span> | 40 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e2}} |
50 | </div> | 41 | </div> |
51 | </div> | 42 | </div> |
43 | <div class="form-item"> | ||
44 | <div class="label"> | ||
45 | <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-mail.png"></div>{{$t('policyChangeContact.email')}} | ||
46 | </div> | ||
47 | <div class="ipt-wrap"> | ||
48 | <input class="ipt mail-ipt" type="text" :class="{err : errorTips.e3.length > 0}" v-model="data.email"> | ||
49 | <div class="agree" @click="checked3 = !checked3"> | ||
50 | <img v-if="!checked3" class="check-icon pointer" src="@/assets/images/reservation/un-check.png"> | ||
51 | <img v-else class="check-icon pointer" src="@/assets/images/reservation/check.png"> | ||
52 | <span>{{$t("policyChangeContact.checkTips")}}</span> | ||
53 | </div> | ||
54 | </div> | ||
52 | 55 | ||
53 | <div class="validator" v-if="errorTips.e3.length > 0"> | 56 | <div class="validator" v-if="errorTips.e3.length > 0"> |
54 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e3}} | 57 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e3}} |
58 | </div> | ||
55 | </div> | 59 | </div> |
56 | </div> | 60 | </div> |
61 | <div class="submit-btn" @click="updateContactsHandler" :class="{disabled: submitBtnDisabled}"> | ||
62 | {{$t("policyChangeContact.submit")}} | ||
63 | </div> | ||
57 | </div> | 64 | </div> |
58 | <div class="submit-btn" @click="updateContactsHandler"> | 65 | <div v-else style="height:400px"></div> |
59 | {{$t("policyChangeContact.submit")}} | 66 | </template> |
60 | </div> | ||
61 | </div> | ||
62 | </div> | 67 | </div> |
63 | </template> | 68 | </template> |
64 | 69 | ... | ... |
... | @@ -5,21 +5,39 @@ import { | ... | @@ -5,21 +5,39 @@ import { |
5 | } from '@/api/fetch-api.js' | 5 | } from '@/api/fetch-api.js' |
6 | 6 | ||
7 | import Auth from '@components/auth/auth.vue'; | 7 | import Auth from '@components/auth/auth.vue'; |
8 | import PolicyHeadList from "./policy-head-list.vue"; | ||
9 | import DatePicker from '@/components/date-picker/date-picker.vue' | ||
10 | import modalComp from '@/components/modal-comp/modal-comp.vue'; | ||
8 | import modalUploadCardComp from '@/components/modal-upload-card-comp/modal-upload-card-comp.vue'; | 11 | import modalUploadCardComp from '@/components/modal-upload-card-comp/modal-upload-card-comp.vue'; |
9 | 12 | ||
10 | export default { | 13 | export default { |
11 | data() { | 14 | data() { |
12 | return { | 15 | return { |
13 | showForm: false, | 16 | loading: false, |
17 | showForm: false, | ||
14 | key: 'value', | 18 | key: 'value', |
15 | isHkCus: true, | 19 | isOwner: true, |
16 | checked: false, | 20 | checked: false, |
17 | modalUploadCardVisiable: false, | 21 | modalUploadCardVisiable: false, |
22 | selectedPolicies: [], | ||
23 | data: null, | ||
24 | // 保单信息 | ||
25 | policy: null, | ||
26 | |||
27 | // 模态窗 | ||
28 | modalSimpleVisiable: false, | ||
29 | modalVisiable: false, | ||
30 | targetPath: "", | ||
31 | modalIcon: "succ", | ||
32 | modalContent: "", | ||
18 | } | 33 | } |
19 | }, | 34 | }, |
20 | components: { | 35 | components: { |
21 | modalUploadCardComp, | 36 | modalUploadCardComp, |
22 | Auth | 37 | PolicyHeadList, |
38 | Auth, | ||
39 | DatePicker, | ||
40 | modalComp | ||
23 | }, | 41 | }, |
24 | computed: { | 42 | computed: { |
25 | locale() { | 43 | locale() { |
... | @@ -27,17 +45,116 @@ export default { | ... | @@ -27,17 +45,116 @@ export default { |
27 | }, | 45 | }, |
28 | i18n() { | 46 | i18n() { |
29 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; | 47 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; |
30 | } | 48 | }, |
49 | sexCandidates() { | ||
50 | let i18n = this.$i18n.messages[this.$i18n.locale]; | ||
51 | return i18n.infomationImprove.candidates.sex; | ||
52 | }, | ||
53 | idTypeCandidates() { | ||
54 | let i18n = this.$i18n.messages[this.$i18n.locale]; | ||
55 | return i18n.infomationImprove.candidates.idType; | ||
56 | }, | ||
31 | }, | 57 | }, |
32 | methods: { | 58 | methods: { |
33 | initData() {}, | 59 | showModal(content, icon) { |
34 | userLogout() { | 60 | icon = !icon || typeof icon === "undefined" ? "succ" : icon; |
35 | this.showForm = false; | 61 | this.modalIcon = icon; |
36 | }, | 62 | this.modalContent = content; |
37 | userLogin(data) { | 63 | this.modalVisiable = true; |
38 | this.showForm = true; | 64 | }, |
39 | } | 65 | modalCallback() { |
66 | this.modalVisiable = false; | ||
67 | }, | ||
68 | loadData() { | ||
69 | if (this.loading) { | ||
70 | return; | ||
71 | } | ||
72 | this.loading = true; | ||
73 | this.data = null; | ||
74 | let param = { | ||
75 | policyId: this.selectedPolicies[0].id, | ||
76 | policyCode: this.selectedPolicies[0].code | ||
77 | }; | ||
78 | httpPost({ | ||
79 | url: api.policyDetail, | ||
80 | data: param, | ||
81 | sid: true | ||
82 | }).then(response => { | ||
83 | this.loading = false; | ||
84 | if (response) { | ||
85 | this.policy = response; | ||
86 | this.initData(); | ||
87 | } | ||
88 | }).catch(res => { | ||
89 | this.loading = false; | ||
90 | if (res.code == "404") { | ||
91 | this.$refs.auth.noAuth(); | ||
92 | } | ||
93 | }); | ||
94 | }, | ||
95 | initData() { | ||
96 | let res = this.policy; | ||
97 | let name = ""; | ||
98 | let isOwner = this.isOwner; | ||
99 | if (isOwner) { | ||
100 | name = res.clientNameCn ? res.clientNameCn : res.clientNameEn; | ||
101 | } else { | ||
102 | name = res.insuredNameCn ? res.insuredNameCn : res.insuredNameEn; | ||
103 | } | ||
104 | let data = { | ||
105 | name: name, | ||
106 | idType: isOwner ? res.clientIdType : res.insuredIdType, | ||
107 | idNumber: isOwner ? res.clientIdNumber : res.insuredIdNumber, | ||
108 | idExpireAt: isOwner ? res.clientExpireAt : res.insurantExpireAt, | ||
109 | nature: isOwner ? res.clientNationality : res.insurantNationality, | ||
110 | company: isOwner ? res.clientCompany : res.insurantCompany, | ||
111 | marriage: isOwner ? res.clientMarriage : res.insurantMarriage, | ||
112 | sex: isOwner ? res.clientSex : res.insuredSex, | ||
113 | birthday: isOwner ? res.clientBirthday : res.insuredBirthday | ||
114 | }; | ||
115 | data.sex = data.sex ? data.sex : "M"; | ||
116 | console.log("data ===", data); | ||
117 | this.$set(this, 'data', data); | ||
118 | }, | ||
119 | handlePolicySelect(data) { | ||
120 | this.selectedPolicies = data; | ||
121 | this.loadData(); | ||
122 | }, | ||
123 | updatePolicyInfo() { | ||
124 | console.log(1, this.loading); | ||
125 | if (this.loading) { | ||
126 | return; | ||
127 | } | ||
128 | this.loading = true; | ||
129 | let param = JSON.parse(JSON.stringify(this.data)); | ||
130 | delete param.birthday; | ||
131 | delete param.sex; | ||
132 | param.modifyObj = this.isOwner ? 1 : 2; | ||
133 | param.policyId = this.selectedPolicies[0].id; | ||
134 | param.policyCode = this.selectedPolicies[0].code; | ||
135 | |||
136 | console.log("2,", param); | ||
137 | httpPost({ url: api.updatePolicyInfo, data: param, sid: true }).then(res => { | ||
138 | console.log("3,", res); | ||
139 | this.loading = false; | ||
140 | this.showModal(this.i18n.policyChangeInformation.success); | ||
141 | }).catch(err => { | ||
142 | this.loading = false; | ||
143 | if (err.code == 404) { | ||
144 | this.$refs.auth.noAuth(); | ||
145 | } | ||
146 | }); | ||
147 | |||
148 | }, | ||
149 | userLogout() { | ||
150 | this.showForm = false; | ||
151 | }, | ||
152 | userLogin(data) { | ||
153 | this.showForm = true; | ||
154 | } | ||
155 | }, | ||
156 | mounted() { | ||
157 | this.isOwner = this.$route.query.u == 1 ? true : false; | ||
40 | }, | 158 | }, |
41 | mounted() {}, | 159 | created() { } |
42 | created() {} | ||
43 | } | 160 | } | ... | ... |
This diff is collapsed.
Click to expand it.
1 | import api from '@/api/api'; | ||
2 | import { | ||
3 | httpPost | ||
4 | } from '@/api/fetch-api.js'; | ||
5 | |||
6 | import { | ||
7 | mapState | ||
8 | } from 'vuex'; | ||
9 | |||
10 | export default { | ||
11 | props: { | ||
12 | multiSelectable: { | ||
13 | type: Boolean, | ||
14 | default: false | ||
15 | }, | ||
16 | model: { | ||
17 | type: String, | ||
18 | // checkbox | ||
19 | default: "download" | ||
20 | } | ||
21 | }, | ||
22 | name: "InsuranceQuery", | ||
23 | data() { | ||
24 | return { | ||
25 | myPolicyList: [], | ||
26 | maxShow: 2, | ||
27 | selectPolicyCode: "", | ||
28 | selectPolicyCodes: {}, | ||
29 | } | ||
30 | }, | ||
31 | computed: { | ||
32 | ...mapState({ | ||
33 | policyList: state => state.policyList | ||
34 | }), | ||
35 | }, | ||
36 | methods: { | ||
37 | queryList() { | ||
38 | if (this.policyList && this.policyList.length > 0) { | ||
39 | this.myPolicyList = this.policyList; | ||
40 | this.myPolicyList.forEach(element => { | ||
41 | element.activity = false; | ||
42 | }) | ||
43 | this.initSelected(); | ||
44 | } else { | ||
45 | httpPost({ url: api.policyList, sid: true }).then(res => { | ||
46 | if (!res || res.length == 0) { | ||
47 | this.myPolicyList = null; | ||
48 | } else { | ||
49 | res.forEach(element => { | ||
50 | element.activity = false; | ||
51 | // let len = element.policyCode.length; | ||
52 | // element.policyCodeStr = element.policyCode && len > 5 ? | ||
53 | // element.policyCode.substring(0, 2) + "**********" | ||
54 | // + element.policyCode.substring(len - 4, len) : element.policyCode; | ||
55 | }); | ||
56 | this.$store.commit("CACHE_POLICY_LIST", res); | ||
57 | this.myPolicyList = res; | ||
58 | } | ||
59 | this.initSelected(); | ||
60 | }).catch(e => { | ||
61 | this.myPolicyList = null; | ||
62 | switch (e.code) { | ||
63 | case "2002": | ||
64 | // 不是客户,没有购买保单 | ||
65 | break; | ||
66 | } | ||
67 | }) | ||
68 | } | ||
69 | }, | ||
70 | initSelected() { | ||
71 | let selectPolicy = null; | ||
72 | try { | ||
73 | let data = sessionStorage.getItem("_hklife_policy"); | ||
74 | if (data) { | ||
75 | sessionStorage.removeItem("_hklife_policy"); | ||
76 | selectPolicy = JSON.parse(decodeURIComponent(data)); | ||
77 | if (selectPolicy) { | ||
78 | if (this.multiSelectable) { | ||
79 | this.selectPolicyCodes[selectPolicy.code] = selectPolicy; | ||
80 | } else { | ||
81 | this.selectPolicyCode = selectPolicy.code; | ||
82 | } | ||
83 | this.$emit("onSelect", [selectPolicy]); | ||
84 | |||
85 | // 判断最大显示 | ||
86 | let index = -1; | ||
87 | for (let i = 0; i < this.myPolicyList.length; i++) { | ||
88 | if (selectPolicy.code == this.myPolicyList[i].policyCode) { | ||
89 | this.myPolicyList[i].activity = true; | ||
90 | index = i; | ||
91 | } | ||
92 | } | ||
93 | this.$set(this, "myPolicyList", this.myPolicyList); | ||
94 | if (index > 2) { | ||
95 | this.maxShow = this.myPolicyList.length; | ||
96 | } | ||
97 | } | ||
98 | } | ||
99 | } catch (e) { | ||
100 | |||
101 | } | ||
102 | }, | ||
103 | handlePolicySelect(item, index) { | ||
104 | let code = item.policyCode; | ||
105 | if (this.multiSelectable) { | ||
106 | let c = this.selectPolicyCodes[code]; | ||
107 | if (!c || typeof c == "undefined") { | ||
108 | item.activity = true; | ||
109 | this.selectPolicyCodes[code] = { code: code, id: item.policyId }; | ||
110 | } else { | ||
111 | item.activity = false; | ||
112 | delete this.selectPolicyCodes[code]; | ||
113 | } | ||
114 | // this.$set(this, 'myPolicyList', this.myPolicyList); | ||
115 | let data = []; | ||
116 | for (let key in this.selectPolicyCodes) { | ||
117 | data.push(this.selectPolicyCodes[key]); | ||
118 | } | ||
119 | this.$emit("onSelect", data); | ||
120 | } else { | ||
121 | if (code != this.selectPolicyCode) { | ||
122 | this.selectPolicyCode = code; | ||
123 | this.$emit("onSelect", [{ code: code, id: item.policyId }]); | ||
124 | } | ||
125 | } | ||
126 | }, | ||
127 | isPolicySelect(item, index) { | ||
128 | let code = item.policyCode; | ||
129 | if (this.multiSelectable) { | ||
130 | let c = this.selectPolicyCodes[code]; | ||
131 | if (!c || typeof c == "undefined") { | ||
132 | return false; | ||
133 | } else { | ||
134 | return true; | ||
135 | } | ||
136 | } | ||
137 | return false; | ||
138 | } | ||
139 | }, | ||
140 | components: { | ||
141 | }, | ||
142 | mounted() { | ||
143 | this.queryList(); | ||
144 | }, | ||
145 | } |
1 | @import '@/styles/_support'; | ||
2 | .container { | ||
3 | overflow-x: scroll; | ||
4 | } | ||
5 | .cell-group { | ||
6 | margin-bottom: 1rem; | ||
7 | |||
8 | &:last-child { | ||
9 | margin-bottom: 0; | ||
10 | } | ||
11 | |||
12 | div { | ||
13 | color: #4c4948; | ||
14 | } | ||
15 | |||
16 | .w1 { | ||
17 | // width: 10rem; | ||
18 | width: 20rem; | ||
19 | text-align: center; | ||
20 | } | ||
21 | |||
22 | .w2 { | ||
23 | // width: 6.25rem; | ||
24 | width: 12.5rem; | ||
25 | text-align: center; | ||
26 | } | ||
27 | |||
28 | .table-header { | ||
29 | // width: 64.166667rem; | ||
30 | height: 3.25rem; | ||
31 | border-top-left-radius: .666667rem; | ||
32 | border-top-right-radius: .666667rem; | ||
33 | background-color: #f2f2f2; | ||
34 | display: flex; | ||
35 | align-items: center; | ||
36 | |||
37 | .normal-header { | ||
38 | // width: 58.833333rem; | ||
39 | @extend .bb; | ||
40 | padding: 0 2.75rem; | ||
41 | width: 100%; | ||
42 | margin: auto; | ||
43 | display: flex; | ||
44 | justify-content: space-between; | ||
45 | align-items: center; | ||
46 | |||
47 | .title { | ||
48 | font-weight: bold; | ||
49 | color: #575453; | ||
50 | } | ||
51 | |||
52 | .guide { | ||
53 | transition: all 0.5s; | ||
54 | cursor: pointer; | ||
55 | width: 1rem; | ||
56 | height: .666667rem; | ||
57 | background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center; | ||
58 | background-size: 100% 100%; | ||
59 | } | ||
60 | |||
61 | .rotate180 { | ||
62 | transform: rotate(180deg); | ||
63 | transition: all 0.5s; | ||
64 | } | ||
65 | } | ||
66 | } | ||
67 | |||
68 | .table-content { | ||
69 | // width: 64.166667rem; | ||
70 | |||
71 | height: auto; | ||
72 | // display: inline-block; | ||
73 | border-bottom-left-radius: .666667rem; | ||
74 | border-bottom-right-radius: .666667rem; | ||
75 | border-left: solid .083333rem #f2f2f2; | ||
76 | border-right: solid .083333rem #f2f2f2; | ||
77 | border-bottom: solid .083333rem #f2f2f2; | ||
78 | padding: 0 2.75rem; | ||
79 | // max-height: 41.666667rem; | ||
80 | // transition: max-height ease-out 0.3s !important; | ||
81 | overflow: hidden; | ||
82 | |||
83 | .data-line { | ||
84 | // padding: 0 2.75rem; | ||
85 | height: 4.416667rem; | ||
86 | margin: auto; | ||
87 | display: flex; | ||
88 | justify-content: space-between; | ||
89 | align-items: center; | ||
90 | |||
91 | .td { | ||
92 | display: flex; | ||
93 | justify-content: center; | ||
94 | align-items: center; | ||
95 | } | ||
96 | |||
97 | .cell1 { | ||
98 | width: 98%; | ||
99 | display: flex; | ||
100 | justify-content: space-between; | ||
101 | margin: auto; | ||
102 | } | ||
103 | |||
104 | .separator-v { | ||
105 | height: 2.5rem; | ||
106 | width: .166667rem; | ||
107 | background-color: #f2f2f2; | ||
108 | margin: 0 .916667rem; | ||
109 | } | ||
110 | } | ||
111 | |||
112 | .label span { | ||
113 | color: #f05a23; | ||
114 | margin-left: .583333rem; | ||
115 | cursor: pointer; | ||
116 | text-decoration: underline; | ||
117 | } | ||
118 | |||
119 | .separator-h { | ||
120 | width: 100%; | ||
121 | height: 1px; | ||
122 | background-color: #f2f2f2; | ||
123 | } | ||
124 | } | ||
125 | |||
126 | .orange { | ||
127 | background-color: #f05a23 !important; | ||
128 | |||
129 | div { | ||
130 | color: #ffffff; | ||
131 | } | ||
132 | } | ||
133 | |||
134 | .hide { | ||
135 | max-height: 0; | ||
136 | border-bottom: none; | ||
137 | } | ||
138 | |||
139 | .sp { | ||
140 | text-decoration :underline; | ||
141 | padding: 0 .4rem; | ||
142 | } | ||
143 | |||
144 | .ac { | ||
145 | color: #f05a23 !important; | ||
146 | } | ||
147 | } | ||
148 | |||
149 | .show-more-btn { | ||
150 | width: 100%; | ||
151 | color: #f05a23 !important; | ||
152 | text-decoration :underline; | ||
153 | cursor: pointer; | ||
154 | justify-content: center !important; | ||
155 | } | ||
156 | |||
157 | .pointer { | ||
158 | cursor: pointer; | ||
159 | } | ||
160 | |||
161 | .activity { | ||
162 | background-color: #f05a23 !important; | ||
163 | opacity: .5; | ||
164 | div{ | ||
165 | color: #FFFFFF !important; | ||
166 | } | ||
167 | } | ||
168 | |||
169 | .empty{ | ||
170 | height: 41.666667rem; | ||
171 | display: flex; | ||
172 | align-items: center; | ||
173 | justify-content: center; | ||
174 | |||
175 | .tips { | ||
176 | display: flex; | ||
177 | |||
178 | .icon { | ||
179 | margin-right: 5px; | ||
180 | display: inline-block; | ||
181 | } | ||
182 | |||
183 | .btn { | ||
184 | color: #f05a23; | ||
185 | } | ||
186 | } | ||
187 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <template> | ||
2 | <div class="container"> | ||
3 | <div class="cell-group"> | ||
4 | <div class="table-header orange"> | ||
5 | <div class="normal-header"> | ||
6 | <div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div> | ||
7 | <div class="td w2">{{$t('customService.insuranceQuery.Insurant')}}</div> | ||
8 | <div class="td w1">{{$t('customService.insuranceQuery.InsurantName')}}</div> | ||
9 | <div class="td w2">{{$t('customService.insuranceQuery.InsurantAmount')}}</div> | ||
10 | <div class="td w2">{{$t('customService.insuranceQuery.effectiveDate')}}</div> | ||
11 | <div class="td w2">{{$t('customService.insuranceQuery.period')}}</div> | ||
12 | </div> | ||
13 | </div> | ||
14 | <div class="table-content"> | ||
15 | <template v-if="myPolicyList"> | ||
16 | <div v-for="(item,index) in myPolicyList" :key="index"> | ||
17 | <template v-if="index < maxShow"> | ||
18 | <div class="data-line" @click="handlePolicySelect(item,index)"> | ||
19 | <div class="td w1 pointer"> | ||
20 | <template v-if="multiSelectable"> | ||
21 | <img v-if="item.activity" class="icon-check pointer" src="@/assets/images/insurance-query/check.png"> | ||
22 | <img v-else class="icon-check pointer" src="@/assets/images/insurance-query/un-check.png"> | ||
23 | <span class="sp" :class="{ac: item.activity}">{{item.policyCode}}</span> | ||
24 | </template> | ||
25 | <template v-else> | ||
26 | <template v-if="model != 'download'"> | ||
27 | <img v-if="selectPolicyCode == item.policyCode" class="icon-check pointer" src="@/assets/images/insurance-query/check.png"> | ||
28 | <img v-else class="icon-check pointer" src="@/assets/images/insurance-query/un-check.png"> | ||
29 | </template> | ||
30 | <span class="sp" :class="{ac: selectPolicyCode == item.policyCode}">{{item.policyCode}}</span> | ||
31 | <template v-if="model == 'download'"> | ||
32 | <img class="icon-download" src="@/assets/images/insurance-query/icon-down-load.png" alt=""> | ||
33 | </template> | ||
34 | </template> | ||
35 | </div> | ||
36 | <div class="td w2">{{item.insuredName}}</div> | ||
37 | <div class="td w1">{{item.productName}}</div> | ||
38 | <div class="td w2">{{item.moneyCode}}{{item.amount}}</div> | ||
39 | <div class="td w2">{{item.expireAt}}</div> | ||
40 | <div class="td w2">{{item.guaranteeAge}}</div> | ||
41 | </div> | ||
42 | <div class="separator-h" v-if="index < myPolicyList.length - 1 && index < maxShow - 1"></div> | ||
43 | </template> | ||
44 | </div> | ||
45 | <template v-if="!policyList || maxShow < policyList.length"> | ||
46 | <div class="separator-h"></div> | ||
47 | <div class="data-line show-more-btn" @click="maxShow = policyList.length">{{$t('customService.insuranceQuery.showMore')}}</div> | ||
48 | </template> | ||
49 | </template> | ||
50 | |||
51 | <template v-else> | ||
52 | <div class="empty"> | ||
53 | <div class="tips"> | ||
54 | <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> | ||
55 | <div class="txt"> | ||
56 | {{$t('customService.insuranceQuery.noPolicy')}} | ||
57 | <span class="pointer btn">{{$t('customService.insuranceQuery.customService')}}</span> | ||
58 | </div> | ||
59 | </div> | ||
60 | </div> | ||
61 | </template> | ||
62 | </div> | ||
63 | </div> | ||
64 | </div> | ||
65 | </template> | ||
66 | |||
67 | |||
68 | <script src="./policy-head-list.js"></script> | ||
69 | <style lang="scss" scoped> | ||
70 | @import "./policy-head-list.scss"; | ||
71 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -3,6 +3,10 @@ import { | ... | @@ -3,6 +3,10 @@ import { |
3 | httpGet, | 3 | httpGet, |
4 | httpPost | 4 | httpPost |
5 | } from '@/api/fetch-api.js' | 5 | } from '@/api/fetch-api.js' |
6 | import { | ||
7 | mapState | ||
8 | } from 'vuex'; | ||
9 | |||
6 | 10 | ||
7 | import Auth from '@components/auth/auth.vue'; | 11 | import Auth from '@components/auth/auth.vue'; |
8 | import modalComp from '@/components/modal-comp/modal-comp.vue'; | 12 | import modalComp from '@/components/modal-comp/modal-comp.vue'; |
... | @@ -12,6 +16,7 @@ import DatePicker from '@/components/date-picker/date-picker.vue' | ... | @@ -12,6 +16,7 @@ import DatePicker from '@/components/date-picker/date-picker.vue' |
12 | export default { | 16 | export default { |
13 | data() { | 17 | data() { |
14 | return { | 18 | return { |
19 | loading: false, | ||
15 | showForm: false, | 20 | showForm: false, |
16 | key: 'value', | 21 | key: 'value', |
17 | values: { | 22 | values: { |
... | @@ -53,6 +58,9 @@ export default { | ... | @@ -53,6 +58,9 @@ export default { |
53 | modalSimpleComp | 58 | modalSimpleComp |
54 | }, | 59 | }, |
55 | computed: { | 60 | computed: { |
61 | ...mapState({ | ||
62 | userInfo: state => state.userInfo | ||
63 | }), | ||
56 | locale() { | 64 | locale() { |
57 | return this.$i18n.locale || 'tc'; | 65 | return this.$i18n.locale || 'tc'; |
58 | }, | 66 | }, |
... | @@ -116,11 +124,17 @@ export default { | ... | @@ -116,11 +124,17 @@ export default { |
116 | // let day = y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d); | 124 | // let day = y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d); |
117 | this.information.birthDate = this.birthDate; | 125 | this.information.birthDate = this.birthDate; |
118 | this.loadIdentify().then(() => { | 126 | this.loadIdentify().then(() => { |
127 | |||
128 | if (this.loading) { | ||
129 | return; | ||
130 | } | ||
131 | this.loading = true; | ||
119 | httpPost({ | 132 | httpPost({ |
120 | url: api.updateInformation, | 133 | url: api.updateInformation, |
121 | data: this.information, | 134 | data: this.information, |
122 | sid: true | 135 | sid: true |
123 | }).then(response => { | 136 | }).then(response => { |
137 | this.loading = false; | ||
124 | let message = ""; | 138 | let message = ""; |
125 | switch (response.returnCode) { | 139 | switch (response.returnCode) { |
126 | case "GS_MODIFYFIVEKEYS_ERROR_IDNOERROR": | 140 | case "GS_MODIFYFIVEKEYS_ERROR_IDNOERROR": |
... | @@ -136,8 +150,12 @@ export default { | ... | @@ -136,8 +150,12 @@ export default { |
136 | this.showModal(message, "succ"); | 150 | this.showModal(message, "succ"); |
137 | let path = this.$route.query.callback || "/"; | 151 | let path = this.$route.query.callback || "/"; |
138 | this.targetPath = path; | 152 | this.targetPath = path; |
153 | this.userInfo.hadFullInfo = 1; | ||
154 | this.$store.commit("SET_USER_INFO", this.userInfo); | ||
139 | break; | 155 | break; |
140 | } | 156 | } |
157 | }).catch(err => { | ||
158 | this.loading = false; | ||
141 | }); | 159 | }); |
142 | }); | 160 | }); |
143 | } | 161 | } | ... | ... |
... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
63 | </div> | 63 | </div> |
64 | <div class="ipt-wrap"> | 64 | <div class="ipt-wrap"> |
65 | <!-- <input class="ipt" type="date" :class="{err : errorTips.e3.length > 0}" v-model="birthDate"> --> | 65 | <!-- <input class="ipt" type="date" :class="{err : errorTips.e3.length > 0}" v-model="birthDate"> --> |
66 | <date-picker class="date" v-model="information.birthDate"></date-picker> | 66 | <date-picker class="date" v-model="information.birthDate" :filtModel="['future','today']"></date-picker> |
67 | </div> | 67 | </div> |
68 | <div class="validator" v-if="errorTips.e3.length > 0 "> | 68 | <div class="validator" v-if="errorTips.e3.length > 0 "> |
69 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e3}} | 69 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e3}} | ... | ... |
... | @@ -22,6 +22,7 @@ import { | ... | @@ -22,6 +22,7 @@ import { |
22 | export default { | 22 | export default { |
23 | data() { | 23 | data() { |
24 | return { | 24 | return { |
25 | loading: false, | ||
25 | key: 'value', | 26 | key: 'value', |
26 | type: 1, // 1:帐密登陆 2:OTP登陆, | 27 | type: 1, // 1:帐密登陆 2:OTP登陆, |
27 | values: { | 28 | values: { |
... | @@ -41,10 +42,10 @@ export default { | ... | @@ -41,10 +42,10 @@ export default { |
41 | tip: "" // 显示的文字 | 42 | tip: "" // 显示的文字 |
42 | }, | 43 | }, |
43 | loginForm: { | 44 | loginForm: { |
44 | // userId: "18334783910", | 45 | userId: "18334783910", |
45 | // password: "qweqwe123", | 46 | password: "qweqwe123", |
46 | userId: "18145729463", | 47 | // userId: "18145729463", |
47 | password: "ccc123!@#", | 48 | // password: "ccc123!@#", |
48 | // userId: "", | 49 | // userId: "", |
49 | // password: "", | 50 | // password: "", |
50 | 51 | ||
... | @@ -199,6 +200,11 @@ export default { | ... | @@ -199,6 +200,11 @@ export default { |
199 | this._showEmptyPasswordTips(); | 200 | this._showEmptyPasswordTips(); |
200 | return; | 201 | return; |
201 | } | 202 | } |
203 | |||
204 | if (this.loading) { | ||
205 | return; | ||
206 | } | ||
207 | this.loading = true; | ||
202 | this.handlerIsShowImageVcode().then(() => { | 208 | this.handlerIsShowImageVcode().then(() => { |
203 | httpPost({ | 209 | httpPost({ |
204 | url: api.gsLogin, | 210 | url: api.gsLogin, |
... | @@ -208,6 +214,7 @@ export default { | ... | @@ -208,6 +214,7 @@ export default { |
208 | loginPwd: passwordEncrypt(this.loginForm.password) | 214 | loginPwd: passwordEncrypt(this.loginForm.password) |
209 | } | 215 | } |
210 | }).then(response => { | 216 | }).then(response => { |
217 | this.loading = false; | ||
211 | this._handlerLoginResponse(response); | 218 | this._handlerLoginResponse(response); |
212 | }) | 219 | }) |
213 | }); | 220 | }); |
... | @@ -273,10 +280,16 @@ export default { | ... | @@ -273,10 +280,16 @@ export default { |
273 | otp: this.loginForm.otp, | 280 | otp: this.loginForm.otp, |
274 | deviceId: this.refreshDeviceId() | 281 | deviceId: this.refreshDeviceId() |
275 | }; | 282 | }; |
283 | |||
284 | if (this.loading) { | ||
285 | return; | ||
286 | } | ||
287 | this.loading = true; | ||
276 | httpPost({ | 288 | httpPost({ |
277 | url: api.otpLogin, | 289 | url: api.otpLogin, |
278 | data: data | 290 | data: data |
279 | }).then(response => { | 291 | }).then(response => { |
292 | this.loading = false; | ||
280 | this._handlerLoginResponse(response); | 293 | this._handlerLoginResponse(response); |
281 | }); | 294 | }); |
282 | }); | 295 | }); | ... | ... |
... | @@ -11,6 +11,7 @@ import { passwordEncrypt } from '@/utils/encrypt.js'; | ... | @@ -11,6 +11,7 @@ import { passwordEncrypt } from '@/utils/encrypt.js'; |
11 | export default { | 11 | export default { |
12 | data() { | 12 | data() { |
13 | return { | 13 | return { |
14 | loading: false, | ||
14 | key: 'value', | 15 | key: 'value', |
15 | type: 1, // 1:输入用户信息 2:找回密码 3:核对信息 4.重置密码 | 16 | type: 1, // 1:输入用户信息 2:找回密码 3:核对信息 4.重置密码 |
16 | values: { | 17 | values: { |
... | @@ -117,6 +118,10 @@ export default { | ... | @@ -117,6 +118,10 @@ export default { |
117 | if (this.times.remain > 0) { | 118 | if (this.times.remain > 0) { |
118 | return; | 119 | return; |
119 | } | 120 | } |
121 | if (this.loading) { | ||
122 | return; | ||
123 | } | ||
124 | this.loading = true; | ||
120 | // 定位用户 | 125 | // 定位用户 |
121 | httpPost({ | 126 | httpPost({ |
122 | url: api.sendOtp, | 127 | url: api.sendOtp, |
... | @@ -124,6 +129,7 @@ export default { | ... | @@ -124,6 +129,7 @@ export default { |
124 | cid: this.values.cid | 129 | cid: this.values.cid |
125 | } | 130 | } |
126 | }).then(response => { | 131 | }).then(response => { |
132 | this.loading = false; | ||
127 | if (this.responseHandler(response)) { | 133 | if (this.responseHandler(response)) { |
128 | switch (response.returnCode) { | 134 | switch (response.returnCode) { |
129 | case "COMMON_ERROR_E3": | 135 | case "COMMON_ERROR_E3": |
... | @@ -134,6 +140,8 @@ export default { | ... | @@ -134,6 +140,8 @@ export default { |
134 | return; | 140 | return; |
135 | } | 141 | } |
136 | } | 142 | } |
143 | }).catch(err => { | ||
144 | this.loading = false; | ||
137 | }) | 145 | }) |
138 | }, | 146 | }, |
139 | checkOtp() { | 147 | checkOtp() { |
... | @@ -180,7 +188,10 @@ export default { | ... | @@ -180,7 +188,10 @@ export default { |
180 | return; | 188 | return; |
181 | } | 189 | } |
182 | let pwd = passwordEncrypt(this.step4.pwd); | 190 | let pwd = passwordEncrypt(this.step4.pwd); |
183 | // 定位用户 | 191 | if (this.loading) { |
192 | return; | ||
193 | } | ||
194 | this.loading = true; | ||
184 | httpPost({ | 195 | httpPost({ |
185 | url: api.resetPwd, | 196 | url: api.resetPwd, |
186 | data: { | 197 | data: { |
... | @@ -188,6 +199,7 @@ export default { | ... | @@ -188,6 +199,7 @@ export default { |
188 | password: pwd | 199 | password: pwd |
189 | } | 200 | } |
190 | }).then(response => { | 201 | }).then(response => { |
202 | this.loading = false; | ||
191 | if (this.responseHandler(response)) { | 203 | if (this.responseHandler(response)) { |
192 | let message = this.i18n().passwordCheck.success; | 204 | let message = this.i18n().passwordCheck.success; |
193 | this.step4.success = true; | 205 | this.step4.success = true; |
... | @@ -201,6 +213,8 @@ export default { | ... | @@ -201,6 +213,8 @@ export default { |
201 | break; | 213 | break; |
202 | } | 214 | } |
203 | } | 215 | } |
216 | }).catch(err => { | ||
217 | this.loading = false; | ||
204 | }) | 218 | }) |
205 | }, | 219 | }, |
206 | checkPassword(password) { | 220 | checkPassword(password) { | ... | ... |
... | @@ -20,5 +20,10 @@ export function SET_USER_INFO(state, val) { | ... | @@ -20,5 +20,10 @@ export function SET_USER_INFO(state, val) { |
20 | } else { | 20 | } else { |
21 | setCookie("_user_profile", "", 1); | 21 | setCookie("_user_profile", "", 1); |
22 | state.userInfo = null; | 22 | state.userInfo = null; |
23 | state.policyList = null; | ||
23 | } | 24 | } |
25 | } | ||
26 | |||
27 | export function CACHE_POLICY_LIST(state, val) { | ||
28 | state.policyList = val; | ||
24 | } | 29 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -3,9 +3,10 @@ export default { | ... | @@ -3,9 +3,10 @@ export default { |
3 | isMobile: false, //是否手机访问 | 3 | isMobile: false, //是否手机访问 |
4 | isSmallScreen: false, // 是否小屏幕 (PC时,小屏幕机导航栏会改变)) | 4 | isSmallScreen: false, // 是否小屏幕 (PC时,小屏幕机导航栏会改变)) |
5 | 5 | ||
6 | userInfo : { | 6 | userInfo: { |
7 | sid : "", | 7 | sid: "", |
8 | name : "", | 8 | name: "", |
9 | hadFullInfo: "" | 9 | hadFullInfo: "", |
10 | } | 10 | }, |
11 | policyList: [] | ||
11 | } | 12 | } | ... | ... |
-
Please register or sign in to post a comment