修复buglist 0210的5个bug
Showing
11 changed files
with
217 additions
and
134 deletions
... | @@ -350,7 +350,9 @@ module.exports = { | ... | @@ -350,7 +350,9 @@ module.exports = { |
350 | e5: "請填寫證件號碼", | 350 | e5: "請填寫證件號碼", |
351 | e6: "您填寫的證件號碼有誤", | 351 | e6: "您填寫的證件號碼有誤", |
352 | e7: "您填寫的信息有誤,請核實後重新提交", | 352 | e7: "您填寫的信息有誤,請核實後重新提交", |
353 | } | 353 | }, |
354 | noPolicy: "Sorry, the information you entered does not match our records. Please re-enter it. For help, please", | ||
355 | customService: "contact customer service hotline", | ||
354 | }, | 356 | }, |
355 | index: { | 357 | index: { |
356 | news: "新聞資訊", | 358 | news: "新聞資訊", |
... | @@ -845,7 +847,9 @@ module.exports = { | ... | @@ -845,7 +847,9 @@ module.exports = { |
845 | label3: "Document type", | 847 | label3: "Document type", |
846 | label4: "Identification Number", | 848 | label4: "Identification Number", |
847 | label5: "Birthday", | 849 | label5: "Birthday", |
848 | btn: "Apply now" | 850 | btn: "Apply now", |
851 | noPolicy: "Sorry, the information you entered does not match our records. Please re-enter it. For help, please", | ||
852 | customService: "contact customer service hotline", | ||
849 | }, | 853 | }, |
850 | step2: { | 854 | step2: { |
851 | label1: "I want to claim for", | 855 | label1: "I want to claim for", | ... | ... |
... | @@ -350,7 +350,9 @@ module.exports = { | ... | @@ -350,7 +350,9 @@ module.exports = { |
350 | e5: "請填寫證件號碼", | 350 | e5: "請填寫證件號碼", |
351 | e6: "您填寫的證件號碼有誤", | 351 | e6: "您填寫的證件號碼有誤", |
352 | e7: "您填寫的信息有誤,請核實後重新提交", | 352 | e7: "您填寫的信息有誤,請核實後重新提交", |
353 | } | 353 | }, |
354 | noPolicy: "對不起,您輸入的資料與本公司的紀錄不符,請重新輸入。如需幫助可", | ||
355 | customService: "聯繫客服", | ||
354 | }, | 356 | }, |
355 | index: { | 357 | index: { |
356 | news: "新聞資訊", | 358 | news: "新聞資訊", |
... | @@ -840,7 +842,9 @@ module.exports = { | ... | @@ -840,7 +842,9 @@ module.exports = { |
840 | label3: "證件類型", | 842 | label3: "證件類型", |
841 | label4: "證件號碼", | 843 | label4: "證件號碼", |
842 | label5: "出生日期", | 844 | label5: "出生日期", |
843 | btn: "立即申請" | 845 | btn: "立即申請", |
846 | noPolicy: "對不起,您輸入的資料與本公司的紀錄不符,請重新輸入。如需幫助可", | ||
847 | customService: "聯繫客服", | ||
844 | }, | 848 | }, |
845 | step2: { | 849 | step2: { |
846 | label1: "我想為", | 850 | label1: "我想為", | ... | ... |
... | @@ -350,7 +350,9 @@ module.exports = { | ... | @@ -350,7 +350,9 @@ module.exports = { |
350 | e5: "请填写证件号码", | 350 | e5: "请填写证件号码", |
351 | e6: "您填写的证件号码有误", | 351 | e6: "您填写的证件号码有误", |
352 | e7: "您填写的信息有误,请核实后重新提交", | 352 | e7: "您填写的信息有误,请核实后重新提交", |
353 | } | 353 | }, |
354 | noPolicy: "对不起,您输入的数据与本公司的纪录不符,请重新输入。如需帮助可", | ||
355 | customService: "联系客服", | ||
354 | }, | 356 | }, |
355 | index: { | 357 | index: { |
356 | news: "新闻资讯", | 358 | news: "新闻资讯", |
... | @@ -842,7 +844,9 @@ module.exports = { | ... | @@ -842,7 +844,9 @@ module.exports = { |
842 | label3: "证件类型", | 844 | label3: "证件类型", |
843 | label4: "证件号码", | 845 | label4: "证件号码", |
844 | label5: "出生日期", | 846 | label5: "出生日期", |
845 | btn: "立即申请" | 847 | btn: "立即申请", |
848 | noPolicy: "对不起,您输入的数据与本公司的纪录不符,请重新输入。如需帮助可", | ||
849 | customService: "联系客服", | ||
846 | }, | 850 | }, |
847 | step2: { | 851 | step2: { |
848 | label1: "我想为", | 852 | label1: "我想为", | ... | ... |
... | @@ -14,6 +14,29 @@ input { | ... | @@ -14,6 +14,29 @@ input { |
14 | color: #747474; | 14 | color: #747474; |
15 | } | 15 | } |
16 | 16 | ||
17 | .empty{ | ||
18 | flex: 1; | ||
19 | height: 30rem; | ||
20 | display: flex; | ||
21 | align-items: center; | ||
22 | justify-content: center; | ||
23 | |||
24 | .tips { | ||
25 | align-items: center; | ||
26 | display: flex; | ||
27 | |||
28 | .icon { | ||
29 | margin-right: 5px; | ||
30 | display: inline-block; | ||
31 | } | ||
32 | |||
33 | .btn { | ||
34 | color: $cOrange; | ||
35 | font-size: 1.166667rem; | ||
36 | } | ||
37 | } | ||
38 | } | ||
39 | |||
17 | .submit-btn{ | 40 | .submit-btn{ |
18 | background: url("~@assets/images/vhis/vhis-btn.png"); | 41 | background: url("~@assets/images/vhis/vhis-btn.png"); |
19 | background-size: 100% 100%; | 42 | background-size: 100% 100%; | ... | ... |
1 | <template> | 1 | <template> |
2 | 2 | ||
3 | <div class="reservation-container-2"> | 3 | <div> |
4 | <div class="title default-mt"> | 4 | <template v-if="!insuredList || insuredList.length == 0"> |
5 | <span>{{$t('clarms.step2.label1')}}</span> | 5 | <div class="reservation-container-2"> |
6 | <div class="clarms-border"> | 6 | <div class="empty"> |
7 | <el-select class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')"> | 7 | <div class="tips"> |
8 | <template v-if="lan == 'en'"> | 8 | <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> |
9 | <el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameEn" :value="index + 1"> | 9 | <div class="txt"> |
10 | </el-option> | 10 | {{$t('customService.insuranceQuery.noPolicy')}} |
11 | </template> | 11 | <span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span> |
12 | <template v-else> | 12 | </div> |
13 | <el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameCn" :value="index + 1"> | 13 | </div> |
14 | </el-option> | 14 | </div> |
15 | </template> | ||
16 | </el-select> | ||
17 | </div> | 15 | </div> |
18 | <span>{{$t('clarms.step2.label2')}}</span> | 16 | </template> |
19 | </div> | 17 | <template v-else> |
20 | <hr> | 18 | <div class="reservation-container-2"> |
21 | <div class="gird-g form default-mt"> | 19 | <div class="title default-mt"> |
22 | <div class="pure-u-1 form-item-2"> | 20 | <span>{{$t('clarms.step2.label1')}}</span> |
23 | <div class="label"> | 21 | <div class="clarms-border"> |
24 | <div class="main-label"> | 22 | <el-select class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')"> |
25 | {{$t('clarms.step2.label3')}} | 23 | <template v-if="lan == 'en'"> |
24 | <el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameEn" :value="index + 1"> | ||
25 | </el-option> | ||
26 | </template> | ||
27 | <template v-else> | ||
28 | <el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameCn" :value="index + 1"> | ||
29 | </el-option> | ||
30 | </template> | ||
31 | </el-select> | ||
26 | </div> | 32 | </div> |
27 | <div class="sub-label">{{$t('clarms.step2.label4')}}</div> | 33 | <span>{{$t('clarms.step2.label2')}}</span> |
28 | </div> | 34 | </div> |
29 | <div class="value"> | 35 | <hr> |
30 | <div class="ipt-wrap item-group"> | 36 | <div class="gird-g form default-mt"> |
31 | <div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')"> | 37 | <div class="pure-u-1 form-item-2"> |
32 | <img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png"> | 38 | <div class="label"> |
33 | <img v-else src="@/assets/images/clarms/uncheck.png"> | 39 | <div class="main-label"> |
34 | <span>{{$t('clarms.step2.op1')}}</span> | 40 | {{$t('clarms.step2.label3')}} |
41 | </div> | ||
42 | <div class="sub-label">{{$t('clarms.step2.label4')}}</div> | ||
35 | </div> | 43 | </div> |
36 | <div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')"> | 44 | <div class="value"> |
37 | <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png"> | 45 | <div class="ipt-wrap item-group"> |
38 | <img v-else src="@/assets/images/clarms/uncheck.png"> | 46 | <div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')"> |
39 | <span>{{$t('clarms.step2.op3')}}</span> | 47 | <img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png"> |
40 | </div> | 48 | <img v-else src="@/assets/images/clarms/uncheck.png"> |
41 | <div class="check-item check-disabled"> | 49 | <span>{{$t('clarms.step2.op1')}}</span> |
42 | <img src="@/assets/images/clarms/uncheck-disabled.png"> | 50 | </div> |
43 | <!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png"> | 51 | <div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')"> |
52 | <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png"> | ||
53 | <img v-else src="@/assets/images/clarms/uncheck.png"> | ||
54 | <span>{{$t('clarms.step2.op3')}}</span> | ||
55 | </div> | ||
56 | <div class="check-item check-disabled"> | ||
57 | <img src="@/assets/images/clarms/uncheck-disabled.png"> | ||
58 | <!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png"> | ||
44 | <img v-else src="@/assets/images/clarms/uncheck.png"> --> | 59 | <img v-else src="@/assets/images/clarms/uncheck.png"> --> |
45 | <span>{{$t('clarms.step2.op2')}}</span> | 60 | <span>{{$t('clarms.step2.op2')}}</span> |
61 | </div> | ||
62 | <div class="check-item check-disabled"> | ||
63 | <img src="@/assets/images/clarms/uncheck-disabled.png"> | ||
64 | <span>{{$t('clarms.step2.op4')}}</span> | ||
65 | </div> | ||
66 | <div class="check-item check-disabled"> | ||
67 | <img src="@/assets/images/clarms/uncheck-disabled.png"> | ||
68 | <span>{{$t('clarms.step2.op5')}}</span> | ||
69 | </div> | ||
70 | </div> | ||
71 | <div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label5')}}</span></div> | ||
46 | </div> | 72 | </div> |
47 | <div class="check-item check-disabled"> | 73 | </div> |
48 | <img src="@/assets/images/clarms/uncheck-disabled.png"> | 74 | |
49 | <span>{{$t('clarms.step2.op4')}}</span> | 75 | <div class="pure-u-1 form-item-2 mt20"> |
76 | <div class="label"> | ||
77 | <div class="main-label"> | ||
78 | {{$t('clarms.step2.label6')}} | ||
79 | </div> | ||
80 | <div class="sub-label">{{$t('clarms.step2.label7')}} </div> | ||
50 | </div> | 81 | </div> |
51 | <div class="check-item check-disabled"> | 82 | <div class="value"> |
52 | <img src="@/assets/images/clarms/uncheck-disabled.png"> | 83 | <div> |
53 | <span>{{$t('clarms.step2.op5')}}</span> | 84 | <div class="ipt-wrap"> |
85 | <input class="ipt2" type="number" v-model="data.amount" @blur="amountCheck"> | ||
86 | </div> | ||
87 | </div> | ||
88 | <div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label8')}}</span></div> | ||
54 | </div> | 89 | </div> |
55 | </div> | 90 | </div> |
56 | <div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label5')}}</span></div> | ||
57 | </div> | ||
58 | </div> | ||
59 | 91 | ||
60 | <div class="pure-u-1 form-item-2 mt20"> | 92 | <div class="pure-u-1 form-item-2 mt20"> |
61 | <div class="label"> | 93 | <div class="label"> |
62 | <div class="main-label"> | 94 | <div class="main-label"> |
63 | {{$t('clarms.step2.label6')}} | 95 | {{$t('clarms.step2.label9')}} |
64 | </div> | 96 | </div> |
65 | <div class="sub-label">{{$t('clarms.step2.label7')}} </div> | 97 | </div> |
66 | </div> | 98 | <div class="value"> |
67 | <div class="value"> | 99 | <div class="ipt-wrap date-container"> |
68 | <div> | 100 | <div class="down-arrow"></div> |
69 | <div class="ipt-wrap"> | 101 | <date-picker class="ipt-date" v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'3rem', 'color':'#f05a23','font-weight':'600'}"></date-picker> |
70 | <input class="ipt2" type="number" v-model="data.amount" @blur="amountCheck"> | 102 | </div> |
71 | </div> | 103 | </div> |
72 | </div> | 104 | </div> |
73 | <div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label8')}}</span></div> | ||
74 | </div> | ||
75 | </div> | ||
76 | 105 | ||
77 | <div class="pure-u-1 form-item-2 mt20"> | 106 | <div class="pure-u-1 form-item-2 mt20"> |
78 | <div class="label"> | 107 | <div class="label"> |
79 | <div class="main-label"> | 108 | <div class="main-label"> |
80 | {{$t('clarms.step2.label9')}} | 109 | {{$t('clarms.step2.label10')}} |
81 | </div> | 110 | </div> |
82 | </div> | 111 | </div> |
83 | <div class="value"> | 112 | <div class="value"> |
84 | <div class="ipt-wrap date-container"> | 113 | <clarms-upload :icon="require('@/assets/images/clarms/icon1.png')" :options="{name:$t('clarms.step2.label11'),imageTypeID:'HT41',imageMainTypeID:'HT11',toast:$t('clarms.step2.toast1')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> |
85 | <div class="down-arrow"></div> | 114 | <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon2.png')" :options="{name:$t('clarms.step2.label12'),imageTypeID:'HT26',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast2')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> |
86 | <date-picker class="ipt-date" v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'3rem', 'color':'#f05a23','font-weight':'600'}"></date-picker> | 115 | </div> |
87 | </div> | ||
88 | </div> | ||
89 | </div> | ||
90 | |||
91 | <div class="pure-u-1 form-item-2 mt20"> | ||
92 | <div class="label"> | ||
93 | <div class="main-label"> | ||
94 | {{$t('clarms.step2.label10')}} | ||
95 | </div> | 116 | </div> |
96 | </div> | ||
97 | <div class="value"> | ||
98 | <clarms-upload :icon="require('@/assets/images/clarms/icon1.png')" :options="{name:$t('clarms.step2.label11'),imageTypeID:'HT41',imageMainTypeID:'HT11',toast:$t('clarms.step2.toast1')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | ||
99 | <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon2.png')" :options="{name:$t('clarms.step2.label12'),imageTypeID:'HT26',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast2')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | ||
100 | </div> | ||
101 | </div> | ||
102 | 117 | ||
103 | <div class="pure-u-1 form-item-2 mt20"> | 118 | <div class="pure-u-1 form-item-2 mt20"> |
104 | <div class="label"> | 119 | <div class="label"> |
105 | <div class="main-label"> | 120 | <div class="main-label"> |
106 | {{$t('clarms.step2.label13')}} | 121 | {{$t('clarms.step2.label13')}} |
122 | </div> | ||
123 | </div> | ||
124 | <div class="value"> | ||
125 | <clarms-upload :icon="require('@/assets/images/clarms/icon3.png')" :options="{name:$t('clarms.step2.label14'),imageTypeID:'HT29',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast3')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | ||
126 | <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon4.png')" :options="{name:$t('clarms.step2.label15'),imageTypeID:'HT34',imageMainTypeID:'HT08',toast:$t('clarms.step2.toast4')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | ||
127 | <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon5.png')" :options="{name:$t('clarms.step2.label16'),imageTypeID:'HT16',imageMainTypeID:'HT03',toast:$t('clarms.step2.toast5')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | ||
128 | </div> | ||
107 | </div> | 129 | </div> |
108 | </div> | 130 | </div> |
109 | <div class="value"> | 131 | <hr> |
110 | <clarms-upload :icon="require('@/assets/images/clarms/icon3.png')" :options="{name:$t('clarms.step2.label14'),imageTypeID:'HT29',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast3')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | 132 | <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> |
111 | <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon4.png')" :options="{name:$t('clarms.step2.label15'),imageTypeID:'HT34',imageMainTypeID:'HT08',toast:$t('clarms.step2.toast4')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | 133 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div> |
112 | <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon5.png')" :options="{name:$t('clarms.step2.label16'),imageTypeID:'HT16',imageMainTypeID:'HT03',toast:$t('clarms.step2.toast5')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> | ||
113 | </div> | ||
114 | </div> | ||
115 | </div> | ||
116 | <hr> | ||
117 | <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> | ||
118 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div> | ||
119 | 134 | ||
120 | <div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div> | 135 | <div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div> |
121 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip2')}}</div> | 136 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip2')}}</div> |
122 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip3')}}</div> | 137 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip3')}}</div> |
123 | 138 | ||
124 | <div class="bottom-tip orange mt10 pointer" @click="agress = !agress"> | 139 | <div class="bottom-tip orange mt10 pointer" @click="agress = !agress"> |
125 | <img v-if="agress" src="@/assets/images/clarms/checked.png"> | 140 | <img v-if="agress" src="@/assets/images/clarms/checked.png"> |
126 | <img v-else src="@/assets/images/clarms/uncheck.png"> | 141 | <img v-else src="@/assets/images/clarms/uncheck.png"> |
127 | <span>{{$t('clarms.step2.tip4')}}</span> | 142 | <span>{{$t('clarms.step2.tip4')}}</span> |
128 | </div> | 143 | </div> |
129 | 144 | ||
130 | <div class="submit-btn pointer flex-center" :class="{disabled: submitBtnDisabled || showTips}" @click="submitMaterial"> | 145 | <div class="submit-btn pointer flex-center" :class="{disabled: submitBtnDisabled || showTips}" @click="submitMaterial"> |
131 | <van-loading v-if="loading" /> | 146 | <van-loading v-if="loading" /> |
132 | {{$t('clarms.step2.btn')}} | 147 | {{$t('clarms.step2.btn')}} |
133 | </div> | 148 | </div> |
134 | 149 | ||
135 | <div class="contact" v-if="!showTips" @click="toContact">{{$t('clarms.step2.contact')}}</div> | 150 | <div class="contact" v-if="!showTips" @click="toContact">{{$t('clarms.step2.contact')}}</div> |
136 | 151 | ||
137 | <div class="fail-tips" v-if="showTips"> | 152 | <div class="fail-tips" v-if="showTips"> |
138 | <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> | 153 | <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> |
139 | <div class="txt"> | 154 | <div class="txt"> |
140 | {{$t('clarms.step2.failure')}} | 155 | {{$t('clarms.step2.failure')}} |
141 | <span class="pointer btn" @click="toContact">{{$t('clarms.step2.failureContact')}}</span> | 156 | <span class="pointer btn" @click="toContact">{{$t('clarms.step2.failureContact')}}</span> |
157 | </div> | ||
158 | </div> | ||
142 | </div> | 159 | </div> |
143 | </div> | 160 | </template> |
144 | </div> | 161 | </div> |
162 | |||
145 | </template> | 163 | </template> |
146 | 164 | ||
147 | <script src="./clarms-plugins-material.js"></script> | 165 | <script src="./clarms-plugins-material.js"></script> | ... | ... |
... | @@ -59,8 +59,8 @@ | ... | @@ -59,8 +59,8 @@ |
59 | <div class="tips" v-if="showTips"> | 59 | <div class="tips" v-if="showTips"> |
60 | <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> | 60 | <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> |
61 | <div class="txt"> | 61 | <div class="txt"> |
62 | {{$t('customService.insuranceQuery.noPolicy')}} | 62 | {{$t('clarms.step1.noPolicy')}} |
63 | <span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span> | 63 | <span class="pointer btn" @click="toContactUs">{{$t('clarms.step1.customService')}}</span> |
64 | </div> | 64 | </div> |
65 | </div> | 65 | </div> |
66 | </div> | 66 | </div> | ... | ... |
... | @@ -27,7 +27,7 @@ import ClarmsMaterial from '@/components/clarms/clarms-plugins-material.vue'; | ... | @@ -27,7 +27,7 @@ import ClarmsMaterial from '@/components/clarms/clarms-plugins-material.vue'; |
27 | export default { | 27 | export default { |
28 | data() { | 28 | data() { |
29 | return { | 29 | return { |
30 | step: 0, // 1是表单;2是报案页面 | 30 | step: 0, // 1是表单;2是报案页面;3=信息不完整 |
31 | showModal1: false, | 31 | showModal1: false, |
32 | showModal2: false, | 32 | showModal2: false, |
33 | agress: false, | 33 | agress: false, |
... | @@ -77,7 +77,7 @@ export default { | ... | @@ -77,7 +77,7 @@ export default { |
77 | this.cid = res; | 77 | this.cid = res; |
78 | this.checkCid(); | 78 | this.checkCid(); |
79 | } else { | 79 | } else { |
80 | this.step = 1; | 80 | this.step = 3; |
81 | } | 81 | } |
82 | }).catch(e => { | 82 | }).catch(e => { |
83 | this.step = 1; | 83 | this.step = 1; |
... | @@ -88,13 +88,18 @@ export default { | ... | @@ -88,13 +88,18 @@ export default { |
88 | cid: this.cid | 88 | cid: this.cid |
89 | } | 89 | } |
90 | httpPost({ url: api.clarmsCustomerList, data: param }).then(res => { | 90 | httpPost({ url: api.clarmsCustomerList, data: param }).then(res => { |
91 | if (res && res.insuredInfoList && res.insuredInfoList.length > 0) { | 91 | sessionStorage.removeItem("clarmsRequestCid"); |
92 | if (res) { | ||
92 | this.customerList = res.insuredInfoList; | 93 | this.customerList = res.insuredInfoList; |
93 | this.step = 2; | 94 | this.step = 2; |
94 | } else { | ||
95 | sessionStorage.removeItem("clarmsRequestCid"); | ||
96 | this.step = 1; | ||
97 | } | 95 | } |
96 | // if (res && res.insuredInfoList && res.insuredInfoList.length > 0) { | ||
97 | // this.customerList = res.insuredInfoList; | ||
98 | // this.step = 2; | ||
99 | // } else { | ||
100 | // sessionStorage.removeItem("clarmsRequestCid"); | ||
101 | // this.step = 1; | ||
102 | // } | ||
98 | }).catch(e => { | 103 | }).catch(e => { |
99 | sessionStorage.removeItem("clarmsRequestCid"); | 104 | sessionStorage.removeItem("clarmsRequestCid"); |
100 | this.step = 1; | 105 | this.step = 1; |
... | @@ -113,6 +118,10 @@ export default { | ... | @@ -113,6 +118,10 @@ export default { |
113 | this.showModal2 = true; | 118 | this.showModal2 = true; |
114 | } | 119 | } |
115 | }, | 120 | }, |
121 | gotoInformationPage() { | ||
122 | let c = this.$route.fullPath; | ||
123 | this.$router.push({ path: "/infomation/improve", query: { c: c, a: 1 } }); | ||
124 | }, | ||
116 | logoutAction() { | 125 | logoutAction() { |
117 | this.sid = false; | 126 | this.sid = false; |
118 | this.hadQueryCustomerList = false; | 127 | this.hadQueryCustomerList = false; | ... | ... |
1 | 1 | ||
2 | <template> | 2 | <template> |
3 | |||
3 | <div> | 4 | <div> |
5 | <template v-if="step == 3"> | ||
6 | <div class="alert"> | ||
7 | <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> | ||
8 | <div class="txt"> | ||
9 | {{$t('customService.unauth.baseInfoTip')}} | ||
10 | <span class="pointer btn" @click="gotoInformationPage">{{$t('customService.unauth.infoBtn')}}</span> | ||
11 | {{$t('customService.unauth.baseInfoTail')}} | ||
12 | </div> | ||
13 | <!-- <img class="pointer close" src="@/assets/images/common/icon-alert-close.png" alt=""> --> | ||
14 | </div> | ||
15 | </template> | ||
4 | <clarms-modal-one v-if="showModal1" @close="showModal1 = false"></clarms-modal-one> | 16 | <clarms-modal-one v-if="showModal1" @close="showModal1 = false"></clarms-modal-one> |
5 | <clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two> | 17 | <clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two> |
6 | <div class="mobile-margin"> | 18 | <div class="mobile-margin"> | ... | ... |
... | @@ -169,6 +169,7 @@ export default { | ... | @@ -169,6 +169,7 @@ export default { |
169 | sid: true | 169 | sid: true |
170 | }).then(response => { | 170 | }).then(response => { |
171 | this.loading = false; | 171 | this.loading = false; |
172 | console.log(response); | ||
172 | if (response.returnCode == "0") { | 173 | if (response.returnCode == "0") { |
173 | this.errorModel = 0; | 174 | this.errorModel = 0; |
174 | let userInfo = JSON.parse(JSON.stringify(this.userInfo)); | 175 | let userInfo = JSON.parse(JSON.stringify(this.userInfo)); |
... | @@ -224,6 +225,9 @@ export default { | ... | @@ -224,6 +225,9 @@ export default { |
224 | // this.showModal(this.i18n.infomationImprove.errorTips.e7, "info"); | 225 | // this.showModal(this.i18n.infomationImprove.errorTips.e7, "info"); |
225 | this.errorTips.e5 = message; | 226 | this.errorTips.e5 = message; |
226 | break; | 227 | break; |
228 | case "-1": | ||
229 | this.errorModel = 3; | ||
230 | break; | ||
227 | case "0": | 231 | case "0": |
228 | message = this.i18n.infomationImprove.successMsg; | 232 | message = this.i18n.infomationImprove.successMsg; |
229 | let path = this.$route.query.c || "/"; | 233 | let path = this.$route.query.c || "/"; | ... | ... |
... | @@ -110,6 +110,11 @@ | ... | @@ -110,6 +110,11 @@ |
110 | <div>{{$t('customService.auth.notMatch')}} <span class="contact pointer" @click="toContactUs">{{$t('customService.auth.customService')}}</span> | 110 | <div>{{$t('customService.auth.notMatch')}} <span class="contact pointer" @click="toContactUs">{{$t('customService.auth.customService')}}</span> |
111 | </div> | 111 | </div> |
112 | </div> | 112 | </div> |
113 | <div class="flex-center validator authTip" v-if="errorModel == 3"> | ||
114 | <div class="icon"><img src="@/assets/images/common/icon-notice.png" alt=""></div> | ||
115 | <div>{{$t('infomationImprove.noPolicy')}} <span class="contact pointer" @click="toContactUs">{{$t('infomationImprove.customService')}}</span> | ||
116 | </div> | ||
117 | </div> | ||
113 | 118 | ||
114 | <div class="login-btn-wrap"> | 119 | <div class="login-btn-wrap"> |
115 | <div @click="onUpdateHandler()" class="login-submit pointer flex-center mr30" :class="{disabled: submitBtnDisabled}"> | 120 | <div @click="onUpdateHandler()" class="login-submit pointer flex-center mr30" :class="{disabled: submitBtnDisabled}"> | ... | ... |
... | @@ -7,8 +7,8 @@ | ... | @@ -7,8 +7,8 @@ |
7 | <div class="banner banner-pc"> | 7 | <div class="banner banner-pc"> |
8 | <swiper :options="swiperOption"> | 8 | <swiper :options="swiperOption"> |
9 | <swiper-slide v-for="(item,index) in bannerList" :key="index"> | 9 | <swiper-slide v-for="(item,index) in bannerList" :key="index"> |
10 | <!-- <img class="banner-img" :src="item.pcBannerUrl"> --> | 10 | <img class="banner-img" :src="item.pcBannerUrl"> |
11 | <img :src="require('@/assets/images/vhis/kv.png')"> | 11 | <!-- <img :src="require('@/assets/images/vhis/kv.png')"> --> |
12 | <div class="btn-wrap"> | 12 | <div class="btn-wrap"> |
13 | <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex"> | 13 | <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex"> |
14 | <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div> | 14 | <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div> | ... | ... |
-
Please register or sign in to post a comment