Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
3fdb8042 by simon
Options

默认提交

1 parent 0c0f85f5
Inline Side-by-side
Showing 16 changed files with 401 additions and 157 deletions
...@@ -9,7 +9,99 @@ module.exports = { ...@@ -9,7 +9,99 @@ module.exports = {
9 en: 'English' 9 en: 'English'
10 }, 10 },
11 nav: { 11 nav: {
12 ttt: "2" 12 loginData: {
13 name: "login",
14 path: "",
15 list: [{
16 name: "login",
17 path: "/login",
18 value: ""
19 },
20 {
21 name: "modify password",
22 path: "",
23 value: ""
24 },
25 {
26 name: "logout",
27 path: "",
28 value: ""
29 },
30 ]
31 },
32 navList: [{
33 name: "Product description",
34 path: "/product",
35 list: []
36 },
37 {
38 name: "Customer service",
39 path: "",
40 list: [{
41 name: "Query",
42 path: "/custom/service"
43 },
44 {
45 name: "Change",
46 path: ""
47 },
48 {
49 name: "Renewal",
50 path: "/payment/type"
51 },
52 {
53 name: "Claim",
54 path: ""
55 },
56 {
57 name: "Booking",
58 path: "/reservation"
59 },
60 {
61 name: "Complaint",
62 path: ""
63 },
64 ]
65 },
66 {
67 name: "News",
68 path: "/news/list",
69 list: []
70 },
71 {
72 name: "About",
73 path: "",
74 list: [{
75 name: "Company",
76 path: "/profile"
77 },
78 {
79 name: "Leaders",
80 path: ""
81 },
82 ]
83 },
84 ]
85 },
86 footer: {
87 hkPhone: "HK Tel",
88 cnPhone: "CN Tel",
89 aboutUs: "About us",
90 companyIntroduction: "Company introduction",
91 news: "News",
92 joinUs: "Join us",
93 helpCenter: "Help center",
94 privacy: "Privacy",
95 terms: "Terms",
96 map: "Map",
97 contactUs: "Contact us",
98 contactInformation: "Contact Information",
99 service: "Service",
100 qrcode: "Official Accounts"
101 },
102 index: {
103 news: "news",
104 newMore: "more",
13 }, 105 },
14 product: { 106 product: {
15 btnPosition: "Booking service", 107 btnPosition: "Booking service",
......
...@@ -9,22 +9,114 @@ module.exports = { ...@@ -9,22 +9,114 @@ module.exports = {
9 en: 'English' 9 en: 'English'
10 }, 10 },
11 nav: { 11 nav: {
12 ttt: "2" 12 loginData: {
13 }, 13 name: "登入",
14 product : { 14 path: "",
15 btnPosition : "預約服務", 15 list: [{
16 iconProblem : "常見問題", 16 name: "登入",
17 iconProcess : "投保流程", 17 path: "/login",
18 iconProduct : "產品詳情" 18 value: ""
19 }, 19 },
20 customService : { 20 {
21 name : "客户服务", 21 name: "修改密码",
22 menu1 : "保單查詢", 22 path: "",
23 menu2 : "保全變更", 23 value: ""
24 menu3 : "續期繳費", 24 },
25 menu4 : "理賠申請", 25 {
26 menu5 : "預約服務", 26 name: "登出",
27 menu6 : "投訴受理", 27 path: "",
28 value: ""
29 },
30 ]
31 },
32 navList: [{
33 name: "產品介紹",
34 path: "/product",
35 list: []
36 },
37 {
38 name: "客戶服務",
39 path: "",
40 list: [{
41 name: "保單查詢",
42 path: "/custom/service"
43 },
44 {
45 name: "保全變更",
46 path: ""
47 },
48 {
49 name: "續期繳費",
50 path: "/payment/type"
51 },
52 {
53 name: "理賠申請",
54 path: ""
55 },
56 {
57 name: "預約服務",
58 path: "/reservation"
59 },
60 {
61 name: "投訴受理",
62 path: ""
63 },
64 ]
65 },
66 {
67 name: "新聞資訊",
68 path: "/news/list",
69 list: []
70 },
71 {
72 name: "關於平安人壽",
73 path: "",
74 list: [{
75 name: "公司簡介",
76 path: "/profile"
77 },
78 {
79 name: "領導人概況",
80 path: ""
81 },
82 ]
83 },
84 ]
85 },
86 footer: {
87 hkPhone: "香港号码",
88 cnPhone: "内地号码",
89 aboutUs: "關於我們",
90 companyIntroduction: "集团介绍",
91 news: "新聞資訊",
92 joinUs: "加入我們",
93 helpCenter: "幫助中心",
94 privacy: "隱私政策",
95 terms: "使用條款",
96 map: "网站地图",
97 contactUs: "聯絡我們",
98 contactInformation: "联系方式",
99 service: "服务网点",
100 qrcode: "官方公眾號"
101 },
102 index: {
103 news: "新聞資訊",
104 newMore: "查看更多",
105 },
106 product: {
107 btnPosition: "預約服務",
108 iconProblem: "常見問題",
109 iconProcess: "投保流程",
110 iconProduct: "產品詳情"
111 },
112 customService: {
113 name: "客戶服務",
114 menu1: "保單查詢",
115 menu2: "保全變更",
116 menu3: "續期繳費",
117 menu4: "理賠申請",
118 menu5: "預約服務",
119 menu6: "投訴受理",
28 insuranceQuery: { 120 insuranceQuery: {
29 InsurantNumber: "保單號碼", 121 InsurantNumber: "保單號碼",
30 Insurant: "被保人", 122 Insurant: "被保人",
...@@ -33,29 +125,29 @@ module.exports = { ...@@ -33,29 +125,29 @@ module.exports = {
33 effectiveDate: "生效日期", 125 effectiveDate: "生效日期",
34 period: "保障年期", 126 period: "保障年期",
35 127
36 t2Title : "保障內容", 128 t2Title: "保障內容",
37 t2InsurantClassify : "險種名稱", 129 t2InsurantClassify: "險種名稱",
38 t2InsurantAmount : "保額", 130 t2InsurantAmount: "保額",
39 131
40 t3Title : "客戶資料", 132 t3Title: "客戶資料",
41 t3InsurantNameCn : "投保人姓名（中文）", 133 t3InsurantNameCn: "投保人姓名（中文）",
42 t3InsurantNameEn : "投保人姓名（英文）", 134 t3InsurantNameEn: "投保人姓名（英文）",
43 t3InsurantIdNumber : "證件號碼", 135 t3InsurantIdNumber: "證件號碼",
44 t3InsurantContactAddress : "聯繫地址", 136 t3InsurantContactAddress: "聯繫地址",
45 t3InsurantAddress : "居住地址", 137 t3InsurantAddress: "居住地址",
46 t3InsurantMobile : "手提電話", 138 t3InsurantMobile: "手提電話",
47 t3InsurantEmail : "電子郵箱", 139 t3InsurantEmail: "電子郵箱",
48 t3InsuredNameCn : "受保人姓名（中文）", 140 t3InsuredNameCn: "受保人姓名（中文）",
49 t3InsuredNameEn : "受保人姓名（英文）", 141 t3InsuredNameEn: "受保人姓名（英文）",
50 t3InsuredBirthday : "出生日期", 142 t3InsuredBirthday: "出生日期",
51 t3InsuredIdNumber : "證件號碼", 143 t3InsuredIdNumber: "證件號碼",
52 144
53 t4Title : "受益人資料", // t4BeneficiaryInformation 145 t4Title: "受益人資料", // t4BeneficiaryInformation
54 t4NameCn : "姓名（中文）", 146 t4NameCn: "姓名（中文）",
55 t4NameEn : "姓名（英文）", 147 t4NameEn: "姓名（英文）",
56 t4Allocation : "分配比例", 148 t4Allocation: "分配比例",
57 149
58 t5Title : "繳費資料", 150 t5Title: "繳費資料",
59 t5PaymentPeriod: "續費年期", 151 t5PaymentPeriod: "續費年期",
60 t5PaymentMethod: "繳費方式", 152 t5PaymentMethod: "繳費方式",
61 t5PaymentCurrency: "繳費幣種", 153 t5PaymentCurrency: "繳費幣種",
...@@ -63,11 +155,11 @@ module.exports = { ...@@ -63,11 +155,11 @@ module.exports = {
63 t5PaymentBank: "繳費銀行", 155 t5PaymentBank: "繳費銀行",
64 t5PaymentAccount: "繳費帳號", 156 t5PaymentAccount: "繳費帳號",
65 157
66 t6Title : "繳費記錄", 158 t6Title: "繳費記錄",
67 t6PaymentPeriod: "繳費期", 159 t6PaymentPeriod: "繳費期",
68 t6PaymentMethod : "繳費方式", 160 t6PaymentMethod: "繳費方式",
69 t6ClosingDate : "實收日期", 161 t6ClosingDate: "實收日期",
70 t6PaymentAmount : "繳費金額", 162 t6PaymentAmount: "繳費金額",
71 } 163 }
72 } 164 }
73 } 165 }
......
...@@ -9,7 +9,99 @@ module.exports = { ...@@ -9,7 +9,99 @@ module.exports = {
9 en: '英文' 9 en: '英文'
10 }, 10 },
11 nav: { 11 nav: {
12 ttt: "1" 12 loginData: {
13 name: "登陆",
14 path: "",
15 list: [{
16 name: "登陆",
17 path: "/login",
18 value: ""
19 },
20 {
21 name: "修改密码",
22 path: "",
23 value: ""
24 },
25 {
26 name: "登出",
27 path: "",
28 value: ""
29 },
30 ]
31 },
32 navList: [{
33 name: "产品介绍",
34 path: "/product",
35 list: []
36 },
37 {
38 name: "客户服务",
39 path: "",
40 list: [{
41 name: "保单查询",
42 path: "/custom/service"
43 },
44 {
45 name: "保全变更",
46 path: ""
47 },
48 {
49 name: "续期缴费",
50 path: "/payment/type"
51 },
52 {
53 name: "理赔申请",
54 path: ""
55 },
56 {
57 name: "预约服务",
58 path: "/reservation"
59 },
60 {
61 name: "投诉受理",
62 path: ""
63 },
64 ]
65 },
66 {
67 name: "新聞資訊",
68 path: "/news/list",
69 list: []
70 },
71 {
72 name: "關於平安人壽",
73 path: "",
74 list: [{
75 name: "公司簡介",
76 path: "/profile"
77 },
78 {
79 name: "領導人概況",
80 path: ""
81 },
82 ]
83 },
84 ]
85 },
86 footer: {
87 hkPhone: "香港号码",
88 cnPhone: "内地号码",
89 aboutUs: "关于我们",
90 companyIntroduction: "集团介绍",
91 news: "新闻资讯",
92 joinUs: "加入我们",
93 helpCenter: "帮助中心",
94 privacy: "隐私政策",
95 terms: "使用条款",
96 map: "网站地图",
97 contactUs: "联络我们",
98 contactInformation: "联系方式",
99 service: "服务网点",
100 qrcode: "官方公众号"
101 },
102 index: {
103 news: "新闻资讯",
104 newMore: "查看更多",
13 }, 105 },
14 product: { 106 product: {
15 btnPosition: "预约服务", 107 btnPosition: "预约服务",
...@@ -18,7 +110,7 @@ module.exports = { ...@@ -18,7 +110,7 @@ module.exports = {
18 iconProduct: "产品详情" 110 iconProduct: "产品详情"
19 }, 111 },
20 customService: { 112 customService: {
21 name: "客戶服務", 113 name: "客户服务",
22 menu1: "保单查询", 114 menu1: "保单查询",
23 menu2: "保全变更", 115 menu2: "保全变更",
24 menu3: "续期缴费", 116 menu3: "续期缴费",
......
...@@ -73,6 +73,7 @@ export default { ...@@ -73,6 +73,7 @@ export default {
73 this.$i18n.locale = lang; 73 this.$i18n.locale = lang;
74 localStorage.setItem("lang", lang); 74 localStorage.setItem("lang", lang);
75 this.sTitle = curData.name; 75 this.sTitle = curData.name;
76 window.location.reload();
76 } else { 77 } else {
77 // 不是的话，跳转页面 78 // 不是的话，跳转页面
78 this.$router.push({ 79 this.$router.push({
......
...@@ -31,10 +31,11 @@ ...@@ -31,10 +31,11 @@
31 31
32 32
33 li { 33 li {
34 @extend .fcc;
34 border-bottom: solid 1px #f1f1f1; 35 border-bottom: solid 1px #f1f1f1;
35 background: #ffffff; 36 background: #ffffff;
36 height: 4.25rem; 37 min-height: 4.25rem;
37 line-height: 4.25rem; 38 // line-height: 4.25rem;
38 text-align: center; 39 text-align: center;
39 } 40 }
40 41
......
...@@ -4,12 +4,13 @@ ...@@ -4,12 +4,13 @@
4 <!-- 登陆下拉样式 --> 4 <!-- 登陆下拉样式 -->
5 <template v-if="type=='login'"> 5 <template v-if="type=='login'">
6 <div class="user"> 6 <div class="user">
7 <img class="icon-img" src="@/assets/images/home/icon-user.png"> 登入 7 <img class="icon-img" src="@/assets/images/home/icon-user.png"> {{dataObj.name}}
8 </div> 8 </div>
9 </template> 9 </template>
10 <!-- 其他下拉样式 -->
10 <template v-else> 11 <template v-else>
11 <span @click="onNavHandler()"> 12 <span @click="onNavHandler()">
12 {{dataObj.name}} 13 {{type == "lang" ? sTitle : dataObj.name}}
13 </span> 14 </span>
14 </template> 15 </template>
15 <div class="list"> 16 <div class="list">
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
35 35
36 // 热线 36 // 热线
37 .hotline { 37 .hotline {
38 margin-right: 4.2rem; 38 margin-right: 8rem;
39 39
40 .contact { 40 .contact {
41 .n-item { 41 .n-item {
...@@ -49,7 +49,6 @@ ...@@ -49,7 +49,6 @@
49 font-weight: bold; 49 font-weight: bold;
50 } 50 }
51 51
52
53 &:first-child { 52 &:first-child {
54 margin-bottom: 2rem; 53 margin-bottom: 2rem;
55 } 54 }
...@@ -63,11 +62,12 @@ ...@@ -63,11 +62,12 @@
63 display: flex; 62 display: flex;
64 63
65 .nav-v { 64 .nav-v {
66 margin: 0 5.2rem; 65 // margin: 0 5.2rem;
67 } 66 }
68 67
69 .n-item { 68 .n-item {
70 cursor: pointer; 69 cursor: pointer;
70 min-width: 15rem;
71 } 71 }
72 } 72 }
73 73
...@@ -118,9 +118,16 @@ ...@@ -118,9 +118,16 @@
118 118
119 .nav { 119 .nav {
120 margin-top: 2rem; 120 margin-top: 2rem;
121 // flex: d;
122 display: flex;
121 123
122 .nav-v { 124 .nav-v {
123 margin: 0 1.6rem 0 0; 125 // margin: 0 1.6rem 0 0;
126 width: 100%;
127 }
128
129 .n-item{
130 min-width: 0;
124 } 131 }
125 } 132 }
126 133
......
...@@ -11,36 +11,36 @@ ...@@ -11,36 +11,36 @@
11 <div class="info"> 11 <div class="info">
12 <div class="hotline"> 12 <div class="hotline">
13 <div class="contact"> 13 <div class="contact">
14 <div class="n-item">香港号码</div> 14 <div class="n-item">{{$t('footer.hkPhone')}}</div>
15 <div class="phone">(852)2983 8866</div> 15 <div class="phone">(852)2983 8866</div>
16 </div> 16 </div>
17 <div class="contact"> 17 <div class="contact">
18 <div class="n-item">内地号码</div> 18 <div class="n-item">{{$t('footer.cnPhone')}}</div>
19 <div class="phone">(86)40078 95511</div> 19 <div class="phone">(86)40078 95511</div>
20 </div> 20 </div>
21 </div> 21 </div>
22 <div class="nav"> 22 <div class="nav">
23 <div class="nav-v"> 23 <div class="nav-v">
24 <div @click="toPage('profile')" class="n-item">關於我們</div> 24 <div @click="toPage('profile')" class="n-item">{{$t('footer.aboutUs')}}</div>
25 <div @click="toPage('profile')" class="n-item">集团介绍</div> 25 <div @click="toPage('profile')" class="n-item">{{$t('footer.companyIntroduction')}}</div>
26 <div @click="toPage('newsList')" class="n-item">新聞資訊</div> 26 <div @click="toPage('newsList')" class="n-item">{{$t('footer.news')}}</div>
27 <div class="n-item">加入我們</div> 27 <div class="n-item">{{$t('footer.joinUs')}}</div>
28 </div> 28 </div>
29 <div class="nav-v"> 29 <div class="nav-v">
30 <div class="n-item">幫助中心</div> 30 <div class="n-item">{{$t('footer.helpCenter')}}</div>
31 <div @click="toPage('privacy')" class="n-item">隱私政策</div> 31 <div @click="toPage('privacy')" class="n-item">{{$t('footer.privacy')}}</div>
32 <div @click="toPage('terms')" class="n-item">使用條款</div> 32 <div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div>
33 <div class="n-item">网站地图</div> 33 <div class="n-item">{{$t('footer.map')}}</div>
34 </div> 34 </div>
35 <div class="nav-v"> 35 <div class="nav-v">
36 <div class="n-item">聯絡我們</div> 36 <div class="n-item">{{$t('footer.contactUs')}}</div>
37 <div class="n-item">联系方式</div> 37 <div class="n-item">{{$t('footer.contactInformation')}}</div>
38 <div class="n-item">服务网点</div> 38 <div class="n-item">{{$t('footer.service')}}</div>
39 </div> 39 </div>
40 40
41 </div> 41 </div>
42 <div class="focus"> 42 <div class="focus">
43 <div class="tit">官方公眾號</div> 43 <div class="tit">{{$t('footer.qrcode')}}</div>
44 <img class="qrcode" src="@/assets/images/home/qrcode-focus.png" alt=""> 44 <img class="qrcode" src="@/assets/images/home/qrcode-focus.png" alt="">
45 </div> 45 </div>
46 46
......
1 import { 1 import {
2 mapState 2 mapState
3 } from 'vuex' 3 } from 'vuex'
4
5 import {
6 getObjByListKeyValue
7 } from '@utils/utils.js'
4 import VDropdown from '@components/home/dropdown/dropdown.vue' 8 import VDropdown from '@components/home/dropdown/dropdown.vue'
5 9
6 export default { 10 export default {
...@@ -8,86 +12,16 @@ export default { ...@@ -8,86 +12,16 @@ export default {
8 components: { 12 components: {
9 VDropdown 13 VDropdown
10 }, 14 },
15 computed: {
16 i18n() {
17 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
18 }
19 },
11 data() { 20 data() {
12 return { 21 return {
13 maxClientWidth: 950, 22 maxClientWidth: 950,
14 navList: [{ 23 navList: [],
15 name: "產品介紹", 24 loginData: {},
16 path: "",
17 list: []
18 },
19 {
20 name: "客戶服務",
21 path: "",
22 list: [{
23 name: "保單查詢",
24 path: ""
25 },
26 {
27 name: "理賠報案",
28 path: ""
29 },
30 {
31 name: "客戶投訴",
32 path: ""
33 },
34 {
35 name: "保全變更",
36 path: ""
37 },
38 {
39 name: "聯繫方式",
40 path: ""
41 },
42 {
43 name: "續期繳費",
44 path: ""
45 },
46 {
47 name: "預約服務",
48 path: "/reservation"
49 }
50 ]
51 },
52 {
53 name: "新聞資訊",
54 path: "/news/list",
55 list: []
56 },
57 {
58 name: "關於平安人壽",
59 path: "",
60 list: [{
61 name: "公司簡介",
62 path: "/profile"
63 },
64 {
65 name: "領導人概況",
66 path: ""
67 },
68 ]
69 },
70 ],
71 loginData: {
72 name: "登入",
73 path: "",
74 list: [{
75 name: "登入",
76 path: "/login",
77 value: ""
78 },
79 {
80 name: "修改密码",
81 path: "",
82 value: ""
83 },
84 {
85 name: "登出",
86 path: "",
87 value: ""
88 },
89 ]
90 },
91 langData: { 25 langData: {
92 name: "繁", 26 name: "繁",
93 path: "", 27 path: "",
...@@ -128,6 +62,13 @@ export default { ...@@ -128,6 +62,13 @@ export default {
128 } else { 62 } else {
129 self.$store.commit('IS_SMALL_SCREEN', true) 63 self.$store.commit('IS_SMALL_SCREEN', true)
130 } 64 }
65 },
66 initData() {
67 let i18n = this.$i18n.messages[this.$i18n.locale] || {};
68 this.loginData = i18n.nav.loginData;
69 this.navList = i18n.nav.navList;
70 let curLang = getObjByListKeyValue(this.$i18n.locale, "value", this.langData.list)
71 this.langData.name = curLang.name;
131 } 72 }
132 }, 73 },
133 mounted() { 74 mounted() {
...@@ -136,5 +77,8 @@ export default { ...@@ -136,5 +77,8 @@ export default {
136 document.body.onresize = () => { 77 document.body.onresize = () => {
137 self.checkIsSmallScreen(); 78 self.checkIsSmallScreen();
138 } 79 }
139 } 80 },
81 created() {
82 this.initData();
83 },
140 } 84 }
......
...@@ -5,6 +5,7 @@ import { ...@@ -5,6 +5,7 @@ import {
5 } from '@/api/fetch-api.js' 5 } from '@/api/fetch-api.js'
6 6
7 export default { 7 export default {
8 name : "InsuranceQuery",
8 data() { 9 data() {
9 return { 10 return {
10 11
......
...@@ -4,7 +4,7 @@ import { ...@@ -4,7 +4,7 @@ import {
4 httpPost 4 httpPost
5 } from '@/api/fetch-api.js' 5 } from '@/api/fetch-api.js'
6 6
7 import InsuranceQuery from './components/insurance-query' 7 import InsuranceQuery from './components/insurance-query.vue'
8 8
9 export default { 9 export default {
10 data() { 10 data() {
...@@ -13,7 +13,7 @@ export default { ...@@ -13,7 +13,7 @@ export default {
13 } 13 }
14 }, 14 },
15 methods: { 15 methods: {
16 initData() { }, 16 initData() {},
17 }, 17 },
18 created() { 18 created() {
19 let activity = this.$route.params.p; 19 let activity = this.$route.params.p;
......
...@@ -23,8 +23,12 @@ export default { ...@@ -23,8 +23,12 @@ export default {
23 } 23 }
24 }, 24 },
25 components: {}, 25 components: {},
26 computed: {
27 i18n() {
28 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
29 }
30 },
26 methods: { 31 methods: {
27
28 /** 32 /**
29 * 推荐产品 33 * 推荐产品
30 */ 34 */
...@@ -59,15 +63,6 @@ export default { ...@@ -59,15 +63,6 @@ export default {
59 path: '/news/detail' 63 path: '/news/detail'
60 }) 64 })
61 }, 65 },
62 chn(val) {
63 if (val == 1) {
64 this.$i18n.locale = 'en'
65 localStorage.setItem("lang", "en");
66 } else {
67 this.$i18n.locale = 'zh'
68 localStorage.setItem("lang", "zh");
69 }
70 },
71 initData() {} 66 initData() {}
72 }, 67 },
73 mounted() {}, 68 mounted() {},
......
...@@ -38,11 +38,11 @@ ...@@ -38,11 +38,11 @@
38 <!-- 新闻资讯 --> 38 <!-- 新闻资讯 -->
39 <div class="box news"> 39 <div class="box news">
40 <div class="linear"></div> 40 <div class="linear"></div>
41 <div class="tit">新聞資訊</div> 41 <div class="tit">{{$t('index.news')}}</div>
42 <div class="under-line"></div> 42 <div class="under-line"></div>
43 <div class="news-wrap"> 43 <div class="news-wrap">
44 <div @click="onMoreNewsHandler" class="more pointer"> 44 <div @click="onMoreNewsHandler" class="more pointer">
45 查看更多 > 45 {{$t('index.newMore')}} >
46 </div> 46 </div>
47 <div @click="toNewsDetail()" class="news-item"> 47 <div @click="toNewsDetail()" class="news-item">
48 <div class="news-item-tit">平安人壽2019年2季度保險消費報告出爐！</div> 48 <div class="news-item-tit">平安人壽2019年2季度保險消費報告出爐！</div>
......
...@@ -15,9 +15,11 @@ export default { ...@@ -15,9 +15,11 @@ export default {
15 methods: { 15 methods: {
16 initData() {}, 16 initData() {},
17 checkBtnGroupFixed() { 17 checkBtnGroupFixed() {
18 if (this.$refs.ruleBtnGroup) {
18 let top = this.$refs.ruleBtnGroup.getBoundingClientRect().top; 19 let top = this.$refs.ruleBtnGroup.getBoundingClientRect().top;
19 this.isFixTop = top < 0; 20 this.isFixTop = top < 0;
20 } 21 }
22 }
21 }, 23 },
22 computed: { 24 computed: {
23 fixTop() { 25 fixTop() {
......
...@@ -161,6 +161,22 @@ export function getQuery(name) { ...@@ -161,6 +161,22 @@ export function getQuery(name) {
161 } 161 }
162 162
163 /** 163 /**
164 * 从数组中获取 key未value的对象
165 * @param {*} value
166 * @param {*} key
167 * @param {*} list
168 */
169 export function getObjByListKeyValue(value, key, list) {
170 let result = null;
171 list.forEach(element => {
172 if (element[key + ""] == value) {
173 result = element;
174 }
175 });
176 return result;
177 }
178
179 /**
164 * 把 \n换行符转换成<br> 180 * 把 \n换行符转换成<br>
165 * 转换后需要用 v-html渲染 181 * 转换后需要用 v-html渲染
166 * 用{{}}会当成字符串把 html渲染出来 182 * 用{{}}会当成字符串把 html渲染出来
......