部分修正
Showing
17 changed files
with
216 additions
and
32 deletions
... | @@ -9,7 +9,8 @@ module.exports = { | ... | @@ -9,7 +9,8 @@ module.exports = { |
9 | en: 'English' | 9 | en: 'English' |
10 | }, | 10 | }, |
11 | glbalTips: { | 11 | glbalTips: { |
12 | sessionLost: "为了更好的体验,需要您登录后再进行此操作" | 12 | sessionLost: "Your session has expired. For your account safety, please re-enter and submit again.", |
13 | sysError : "An error occurred, please try again later. " | ||
13 | }, | 14 | }, |
14 | form: { | 15 | form: { |
15 | datePicker: { | 16 | datePicker: { |
... | @@ -860,7 +861,9 @@ module.exports = { | ... | @@ -860,7 +861,9 @@ module.exports = { |
860 | tip2: " confirm the receipt of the above policy on ", | 861 | tip2: " confirm the receipt of the above policy on ", |
861 | tip3: ".", | 862 | tip3: ".", |
862 | tip4: "", | 863 | tip4: "", |
863 | tip5: "Contact Customer Service Hotline" | 864 | tip5: "Contact Customer Service Hotline", |
865 | tip6 : "The policy acknowledgement has been done, to inquire about the policy information or download ePolicy, please click ", | ||
866 | tip7 : "Policy Enquiry" | ||
864 | }, | 867 | }, |
865 | clarms: { | 868 | clarms: { |
866 | title: "File a claim", | 869 | title: "File a claim", | ... | ... |
... | @@ -9,7 +9,8 @@ module.exports = { | ... | @@ -9,7 +9,8 @@ module.exports = { |
9 | en: 'English' | 9 | en: 'English' |
10 | }, | 10 | }, |
11 | glbalTips: { | 11 | glbalTips: { |
12 | sessionLost: "為了更好的體驗,需要您登入後再進行此操作" | 12 | sessionLost: "操作超時,為了您的賬戶安全,請重新輸入並提交", |
13 | sysError : "系統出錯,請稍後再試 " | ||
13 | }, | 14 | }, |
14 | form: { | 15 | form: { |
15 | datePicker: { | 16 | datePicker: { |
... | @@ -832,6 +833,8 @@ module.exports = { | ... | @@ -832,6 +833,8 @@ module.exports = { |
832 | tip3: "收托上述保單。", | 833 | tip3: "收托上述保單。", |
833 | tip4: "我想", | 834 | tip4: "我想", |
834 | tip5: "聯絡客服", | 835 | tip5: "聯絡客服", |
836 | tip6 : "保單已簽收,如需查詢保單資訊或下載電子保單可點擊", | ||
837 | tip7 : "保單查詢" | ||
835 | }, | 838 | }, |
836 | clarms: { | 839 | clarms: { |
837 | title:"索償申請", | 840 | title:"索償申請", | ... | ... |
... | @@ -9,7 +9,8 @@ module.exports = { | ... | @@ -9,7 +9,8 @@ module.exports = { |
9 | en: '英文' | 9 | en: '英文' |
10 | }, | 10 | }, |
11 | glbalTips: { | 11 | glbalTips: { |
12 | sessionLost: "为了更好的体验,需要您登入后再进行此操作" | 12 | sessionLost: "操作超时,为了您的账户安全,请重新输入并提交", |
13 | sysError : "系统异常,请稍后再试" | ||
13 | }, | 14 | }, |
14 | form: { | 15 | form: { |
15 | datePicker: { | 16 | datePicker: { |
... | @@ -854,7 +855,9 @@ module.exports = { | ... | @@ -854,7 +855,9 @@ module.exports = { |
854 | tip2: "现确认于", | 855 | tip2: "现确认于", |
855 | tip3: "受托上述保单。", | 856 | tip3: "受托上述保单。", |
856 | tip4: "我想", | 857 | tip4: "我想", |
857 | tip5: "联络客服" | 858 | tip5: "联络客服", |
859 | tip6 : "保单已签收,如需查询保单信息或下载电子保单可点击", | ||
860 | tip7 : "保单查询" | ||
858 | }, | 861 | }, |
859 | clarms: { | 862 | clarms: { |
860 | title: "索偿申请", | 863 | title: "索偿申请", | ... | ... |
... | @@ -139,8 +139,48 @@ export default { | ... | @@ -139,8 +139,48 @@ export default { |
139 | }, | 139 | }, |
140 | methods: { | 140 | methods: { |
141 | initData() { | 141 | initData() { |
142 | let typeSelectedStr = sessionStorage.getItem("clarmTypeSelect"); | ||
143 | sessionStorage.removeItem("clarmTypeSelect"); | ||
144 | let clarmDataFormStr = sessionStorage.getItem("clarmDataForm"); | ||
145 | sessionStorage.removeItem("clarmDataForm"); | ||
146 | |||
147 | if (typeSelectedStr) { | ||
148 | try { | ||
149 | this.typeSelected = JSON.parse(typeSelectedStr); | ||
150 | } catch (e) { | ||
151 | |||
152 | } | ||
153 | } | ||
154 | |||
155 | if (clarmDataFormStr) { | ||
156 | try { | ||
157 | this.data = JSON.parse(clarmDataFormStr); | ||
158 | } catch (e) { | ||
159 | |||
160 | } | ||
161 | } | ||
142 | // console.log("this.insuredList = ", this.insuredList); | 162 | // console.log("this.insuredList = ", this.insuredList); |
143 | }, | 163 | }, |
164 | cacheData() { | ||
165 | sessionStorage.setItem("clarmTypeSelect", JSON.stringify(this.typeSelected)); | ||
166 | sessionStorage.setItem("clarmDataForm", JSON.stringify(this.data)); | ||
167 | |||
168 | this.$refs['HT41'].cacheData(); | ||
169 | this.$refs['HT26'].cacheData(); | ||
170 | this.$refs['HT06'].cacheData(); | ||
171 | this.$refs['HT34'].cacheData(); | ||
172 | this.$refs['HT03'].cacheData(); | ||
173 | }, | ||
174 | clearCache(){ | ||
175 | sessionStorage.removeItem("clarmTypeSelect"); | ||
176 | sessionStorage.removeItem("clarmDataForm"); | ||
177 | |||
178 | this.$refs['HT41'].clearCache(); | ||
179 | this.$refs['HT26'].clearCache(); | ||
180 | this.$refs['HT06'].clearCache(); | ||
181 | this.$refs['HT34'].clearCache(); | ||
182 | this.$refs['HT03'].clearCache(); | ||
183 | }, | ||
144 | typeClickHandle(t) { | 184 | typeClickHandle(t) { |
145 | let index = this.typeSelected.indexOf(t); | 185 | let index = this.typeSelected.indexOf(t); |
146 | if (index > -1) { | 186 | if (index > -1) { |
... | @@ -212,6 +252,7 @@ export default { | ... | @@ -212,6 +252,7 @@ export default { |
212 | this.contactDateError = data.disable; | 252 | this.contactDateError = data.disable; |
213 | }, | 253 | }, |
214 | toContact() { | 254 | toContact() { |
255 | this.cacheData(); | ||
215 | this.$router.push({ | 256 | this.$router.push({ |
216 | path: "/custom/service?q=m1" | 257 | path: "/custom/service?q=m1" |
217 | }); | 258 | }); |
... | @@ -341,9 +382,9 @@ export default { | ... | @@ -341,9 +382,9 @@ export default { |
341 | this.$root.eventBus.$on("_evt_to_account_information", () => { | 382 | this.$root.eventBus.$on("_evt_to_account_information", () => { |
342 | this.$nextTick(() => { | 383 | this.$nextTick(() => { |
343 | // console.log("ccccc:", document.getElementById("sc")); | 384 | // console.log("ccccc:", document.getElementById("sc")); |
344 | let sc = document.getElementById("sc"); | 385 | let sc = document.getElementById("HT34"); |
345 | if (sc) { | 386 | if (sc) { |
346 | document.getElementById("sc").scrollIntoView(); | 387 | document.getElementById("HT34").scrollIntoView(); |
347 | } | 388 | } |
348 | }) | 389 | }) |
349 | }); | 390 | }); | ... | ... |
... | @@ -118,8 +118,8 @@ | ... | @@ -118,8 +118,8 @@ |
118 | </div> | 118 | </div> |
119 | </div> | 119 | </div> |
120 | <div class="value"> | 120 | <div class="value"> |
121 | <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> | 121 | <clarms-upload ref="HT41" :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> |
122 | <clarms-upload class="mt24" :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> | 122 | <clarms-upload ref="HT26" class="mt24" :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> |
123 | </div> | 123 | </div> |
124 | </div> | 124 | </div> |
125 | 125 | ||
... | @@ -130,9 +130,9 @@ | ... | @@ -130,9 +130,9 @@ |
130 | </div> | 130 | </div> |
131 | </div> | 131 | </div> |
132 | <div class="value"> | 132 | <div class="value"> |
133 | <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> | 133 | <clarms-upload ref="HT06" :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> |
134 | <clarms-upload id="sc" ref="sc" class="mt24" :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> | 134 | <clarms-upload ref="HT34" id="HT34" class="mt24" :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> |
135 | <clarms-upload class="mt24" :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> | 135 | <clarms-upload ref="HT03" class="mt24" :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> |
136 | </div> | 136 | </div> |
137 | </div> | 137 | </div> |
138 | </template> | 138 | </template> | ... | ... |
... | @@ -17,7 +17,7 @@ export default { | ... | @@ -17,7 +17,7 @@ export default { |
17 | // 是否显示组件 | 17 | // 是否显示组件 |
18 | options: { | 18 | options: { |
19 | type: Object, | 19 | type: Object, |
20 | default () { | 20 | default() { |
21 | return { | 21 | return { |
22 | // 名称 | 22 | // 名称 |
23 | name: "", | 23 | name: "", |
... | @@ -68,7 +68,42 @@ export default { | ... | @@ -68,7 +68,42 @@ export default { |
68 | }, | 68 | }, |
69 | methods: { | 69 | methods: { |
70 | initData() { | 70 | initData() { |
71 | for (let index = 0; index < sessionStorage.length; index++) { | ||
72 | let key = sessionStorage.key(index); | ||
73 | if (key.indexOf("clarmImage." + this.options.imageTypeID) == 0) { | ||
74 | let str = sessionStorage.getItem(key); | ||
75 | sessionStorage.removeItem(key); | ||
76 | try { | ||
77 | let d = JSON.parse(str); | ||
78 | this.images.push(d); | ||
79 | } catch (e) { | ||
80 | console.error(e); | ||
81 | } | ||
82 | } | ||
83 | } | ||
84 | }, | ||
85 | cacheData() { | ||
86 | for (let index = 0; index < this.images.length; index++) { | ||
87 | let tmp = this.images[index]; | ||
88 | if (tmp.showMask || !tmp.cacheKey) { continue; } | ||
71 | 89 | ||
90 | let key = "clarmImage." + this.options.imageTypeID + "." + index; | ||
91 | sessionStorage.setItem(key, JSON.stringify({ | ||
92 | fileName: tmp.fileName, | ||
93 | data: tmp.data, | ||
94 | cacheKey: tmp.cacheKey | ||
95 | })); | ||
96 | } | ||
97 | }, | ||
98 | clearCache() { | ||
99 | for (let index = 0; index < sessionStorage.length; index++) { | ||
100 | let key = sessionStorage.key(index); | ||
101 | if (key.indexOf("clarmImage." + this.options.imageTypeID) == 0) { | ||
102 | sessionStorage.removeItem(key); | ||
103 | } | ||
104 | } | ||
105 | this.uploadFiles = 0 ; | ||
106 | this.images = []; | ||
72 | }, | 107 | }, |
73 | selectMutilFile() { | 108 | selectMutilFile() { |
74 | if (this.uploading) { | 109 | if (this.uploading) { |
... | @@ -83,7 +118,7 @@ export default { | ... | @@ -83,7 +118,7 @@ export default { |
83 | input.setAttribute("type", "file"); | 118 | input.setAttribute("type", "file"); |
84 | input.setAttribute("multiple", "multiple"); | 119 | input.setAttribute("multiple", "multiple"); |
85 | // input.setAttribute("accept", "image/*"); | 120 | // input.setAttribute("accept", "image/*"); |
86 | input.setAttribute("accept", "image/jpeg"); | 121 | input.setAttribute("accept", "image/png,image/jpeg"); |
87 | input.onchange = function (val) { | 122 | input.onchange = function (val) { |
88 | let position = _this.images.length; | 123 | let position = _this.images.length; |
89 | for (let index = 0; index < input.files.length; index++) { | 124 | for (let index = 0; index < input.files.length; index++) { |
... | @@ -98,10 +133,11 @@ export default { | ... | @@ -98,10 +133,11 @@ export default { |
98 | let _this = this; | 133 | let _this = this; |
99 | var reader = new FileReader(); | 134 | var reader = new FileReader(); |
100 | reader.onload = function (e) { | 135 | reader.onload = function (e) { |
136 | _this.compressImage(reader.result, function (data) { | ||
101 | let d = { | 137 | let d = { |
102 | fileName: "", | 138 | fileName: "", |
103 | file: file, | 139 | file: file, |
104 | data: reader.result, | 140 | data: data, |
105 | cacheKey: "", | 141 | cacheKey: "", |
106 | showMask: false, | 142 | showMask: false, |
107 | key: _this.randomAesKey(), | 143 | key: _this.randomAesKey(), |
... | @@ -111,6 +147,7 @@ export default { | ... | @@ -111,6 +147,7 @@ export default { |
111 | }; | 147 | }; |
112 | _this.$set(_this.images, index, d); | 148 | _this.$set(_this.images, index, d); |
113 | _this.handleFileUpload(d, index); | 149 | _this.handleFileUpload(d, index); |
150 | }); | ||
114 | } | 151 | } |
115 | reader.readAsDataURL(file); | 152 | reader.readAsDataURL(file); |
116 | }, | 153 | }, |
... | @@ -225,6 +262,36 @@ export default { | ... | @@ -225,6 +262,36 @@ export default { |
225 | }, | 262 | }, |
226 | onShowTipsOutHandler(event) { | 263 | onShowTipsOutHandler(event) { |
227 | this.tipsVisible = false; | 264 | this.tipsVisible = false; |
265 | }, | ||
266 | compressImage(src, callback) { | ||
267 | var img = new Image(); | ||
268 | img.src = src; | ||
269 | img.onload = function () { | ||
270 | var that = this; | ||
271 | // 默认按比例压缩 | ||
272 | var w = img.width, | ||
273 | h = img.height, | ||
274 | scale = w / h; | ||
275 | w = w < 50 ? w : 50; | ||
276 | h = (w / scale); | ||
277 | var quality = 0.7; // 默认图片质量为0.7 | ||
278 | //生成canvas | ||
279 | var canvas = document.createElement('canvas'); | ||
280 | var ctx = canvas.getContext('2d'); | ||
281 | // 创建属性节点 | ||
282 | var anw = document.createAttribute("width"); | ||
283 | anw.nodeValue = w; | ||
284 | var anh = document.createAttribute("height"); | ||
285 | anh.nodeValue = h; | ||
286 | canvas.setAttributeNode(anw); | ||
287 | canvas.setAttributeNode(anh); | ||
288 | ctx.drawImage(that, 0, 0, w, h); | ||
289 | // quality值越小,所绘制出的图像越模糊 | ||
290 | var base64 = canvas.toDataURL('image/*', quality); | ||
291 | console.log(base64.length); | ||
292 | // 回调函数返回base64的值 | ||
293 | callback(base64); | ||
294 | } | ||
228 | } | 295 | } |
229 | }, | 296 | }, |
230 | watch: { | 297 | watch: { |
... | @@ -233,5 +300,5 @@ export default { | ... | @@ -233,5 +300,5 @@ export default { |
233 | mounted() { | 300 | mounted() { |
234 | this.initData(); | 301 | this.initData(); |
235 | }, | 302 | }, |
236 | created() {} | 303 | created() { } |
237 | } | 304 | } | ... | ... |
... | @@ -25,6 +25,11 @@ export default { | ... | @@ -25,6 +25,11 @@ export default { |
25 | overlay: { | 25 | overlay: { |
26 | type: Function, | 26 | type: Function, |
27 | default: null | 27 | default: null |
28 | }, | ||
29 | // 模板地址 | ||
30 | target: { | ||
31 | type: String, | ||
32 | default: "", | ||
28 | } | 33 | } |
29 | }, | 34 | }, |
30 | data() { | 35 | data() { |
... | @@ -51,8 +56,13 @@ export default { | ... | @@ -51,8 +56,13 @@ export default { |
51 | this.overlay(); | 56 | this.overlay(); |
52 | } | 57 | } |
53 | }, | 58 | }, |
54 | initData() {} | 59 | toTarget() { |
60 | if (this.target) { | ||
61 | this.$emit("targetCallbak", this.target1); | ||
62 | } | ||
63 | }, | ||
64 | initData() { } | ||
55 | }, | 65 | }, |
56 | mounted() {}, | 66 | mounted() { }, |
57 | created() {} | 67 | created() { } |
58 | } | 68 | } | ... | ... |
... | @@ -11,6 +11,7 @@ | ... | @@ -11,6 +11,7 @@ |
11 | </div> | 11 | </div> |
12 | <div class="message" :class="{'lsp':locale != 'en'}"> | 12 | <div class="message" :class="{'lsp':locale != 'en'}"> |
13 | {{content}} | 13 | {{content}} |
14 | <span v-if="target" @click="toTarget">{{target}}</span> | ||
14 | </div> | 15 | </div> |
15 | </div> | 16 | </div> |
16 | </div> | 17 | </div> | ... | ... |
... | @@ -8,6 +8,9 @@ import { | ... | @@ -8,6 +8,9 @@ import { |
8 | requestDomain | 8 | requestDomain |
9 | } from '@/api/fetch-api.js' | 9 | } from '@/api/fetch-api.js' |
10 | 10 | ||
11 | import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue'; | ||
12 | import { getPolicyName } from "@/utils/biz.js"; | ||
13 | |||
11 | export default { | 14 | export default { |
12 | data() { | 15 | data() { |
13 | return { | 16 | return { |
... | @@ -16,10 +19,14 @@ export default { | ... | @@ -16,10 +19,14 @@ export default { |
16 | hadLoadPolicy: false, | 19 | hadLoadPolicy: false, |
17 | ignorePolicyCodes: [], | 20 | ignorePolicyCodes: [], |
18 | // 显示 | 21 | // 显示 |
19 | policyDetail: null | 22 | policyDetail: null, |
23 | showSuccessTip : false, | ||
24 | showDownloadError:false | ||
20 | } | 25 | } |
21 | }, | 26 | }, |
22 | components: {}, | 27 | components: { |
28 | Modal2Comp | ||
29 | }, | ||
23 | computed: { | 30 | computed: { |
24 | ...mapState({ | 31 | ...mapState({ |
25 | userInfo: state => state.userInfo, | 32 | userInfo: state => state.userInfo, |
... | @@ -28,6 +35,9 @@ export default { | ... | @@ -28,6 +35,9 @@ export default { |
28 | locale() { | 35 | locale() { |
29 | return this.$i18n.locale || 'tc'; | 36 | return this.$i18n.locale || 'tc'; |
30 | }, | 37 | }, |
38 | i18n() { | ||
39 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; | ||
40 | }, | ||
31 | }, | 41 | }, |
32 | methods: { | 42 | methods: { |
33 | initData() { | 43 | initData() { |
... | @@ -138,6 +148,7 @@ export default { | ... | @@ -138,6 +148,7 @@ export default { |
138 | let policyCode = this.policyDetail.policyCode; | 148 | let policyCode = this.policyDetail.policyCode; |
139 | this.ignorePolicyCodes.push(policyCode); | 149 | this.ignorePolicyCodes.push(policyCode); |
140 | sessionStorage.setItem("ignorePolicyCodes", JSON.stringify(this.ignorePolicyCodes)); | 150 | sessionStorage.setItem("ignorePolicyCodes", JSON.stringify(this.ignorePolicyCodes)); |
151 | this.showSuccessTip = true; | ||
141 | this.checkIfShowPolicy(); | 152 | this.checkIfShowPolicy(); |
142 | 153 | ||
143 | let params = { | 154 | let params = { |
... | @@ -149,7 +160,6 @@ export default { | ... | @@ -149,7 +160,6 @@ export default { |
149 | sid: true, | 160 | sid: true, |
150 | data: params | 161 | data: params |
151 | }).then(res => { | 162 | }).then(res => { |
152 | |||
153 | }).catch(e => { | 163 | }).catch(e => { |
154 | 164 | ||
155 | }); | 165 | }); |
... | @@ -176,6 +186,8 @@ export default { | ... | @@ -176,6 +186,8 @@ export default { |
176 | if (res) { | 186 | if (res) { |
177 | let url = requestDomain() + api.downloadPolicy + "/" + res; | 187 | let url = requestDomain() + api.downloadPolicy + "/" + res; |
178 | window.open(url); | 188 | window.open(url); |
189 | } else { | ||
190 | this.showDownloadError = true; | ||
179 | } | 191 | } |
180 | }); | 192 | }); |
181 | } | 193 | } |
... | @@ -191,6 +203,16 @@ export default { | ... | @@ -191,6 +203,16 @@ export default { |
191 | path: "/custom/service?q=m1" | 203 | path: "/custom/service?q=m1" |
192 | }); | 204 | }); |
193 | }, | 205 | }, |
206 | toTarget(){ | ||
207 | this.showPolicy = false; | ||
208 | sessionStorage.setItem("hidePolicy", "true"); | ||
209 | this.$router.push({ | ||
210 | path : "/custom/service?q=m3" | ||
211 | }) | ||
212 | }, | ||
213 | formatPolicyName(c, n) { | ||
214 | return getPolicyName(this.$i18n.locale, c, n); | ||
215 | }, | ||
194 | loginAction() { | 216 | loginAction() { |
195 | this.showPolicy = true; | 217 | this.showPolicy = true; |
196 | this.initData(); | 218 | this.initData(); | ... | ... |
1 | 1 | ||
2 | <template> | 2 | <template> |
3 | <div class="comp" v-if="policyDetail && showPolicy"> | 3 | <div class="comp" v-if="policyDetail && showPolicy"> |
4 | <modal2-comp :visible="showSuccessTip" :close="()=>{showSuccessTip = false}" :content="$t('vhis.tip6')" :target="$t('vhis.tip7')" @targetCallbak="toTarget"></modal2-comp> | ||
5 | <modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp> | ||
4 | <div @click="handleIgnorePolicy" class="overlay"></div> | 6 | <div @click="handleIgnorePolicy" class="overlay"></div> |
5 | <div class="border"> | 7 | <div class="border"> |
6 | <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div> | 8 | <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div> |
... | @@ -25,7 +27,7 @@ | ... | @@ -25,7 +27,7 @@ |
25 | <div class="form-item"> | 27 | <div class="form-item"> |
26 | <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label2')}}:</div> | 28 | <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label2')}}:</div> |
27 | <div class="value orange"> | 29 | <div class="value orange"> |
28 | <span>{{policyDetail.productName}}</span> | 30 | <span>{{formatPolicyName(policyDetail.productCode,policyDetail.productName)}}</span> |
29 | </div> | 31 | </div> |
30 | </div> | 32 | </div> |
31 | <div class="form-item"> | 33 | <div class="form-item"> |
... | @@ -42,13 +44,23 @@ | ... | @@ -42,13 +44,23 @@ |
42 | <div class="form-item"> | 44 | <div class="form-item"> |
43 | <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label4')}}:</div> | 45 | <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label4')}}:</div> |
44 | <div class="value orange"> | 46 | <div class="value orange"> |
45 | <span>{{policyDetail.clientNameCn}}</span> | 47 | <template v-if="locale == 'en'"> |
48 | <span>{{policyDetail.clientNameEn ? policyDetail.clientNameEn : policyDetail.clientNameCn}}</span> | ||
49 | </template> | ||
50 | <template v-else> | ||
51 | <span>{{policyDetail.clientNameCn ? policyDetail.clientNameCn : policyDetail.clientNameEn}}</span> | ||
52 | </template> | ||
46 | </div> | 53 | </div> |
47 | </div> | 54 | </div> |
48 | <div class="form-item"> | 55 | <div class="form-item"> |
49 | <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label5')}}:</div> | 56 | <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label5')}}:</div> |
50 | <div class="value orange"> | 57 | <div class="value orange"> |
51 | <span>{{policyDetail.insuredNameCn}}</span> | 58 | <template v-if="locale == 'en'"> |
59 | <span>{{policyDetail.insuredNameEn ? policyDetail.insuredNameEn : policyDetail.insuredNameCn}}</span> | ||
60 | </template> | ||
61 | <template v-else> | ||
62 | <span>{{policyDetail.insuredNameCn ? policyDetail.insuredNameCn : policyDetail.insuredNameEn}}</span> | ||
63 | </template> | ||
52 | </div> | 64 | </div> |
53 | </div> | 65 | </div> |
54 | 66 | ||
... | @@ -65,7 +77,14 @@ | ... | @@ -65,7 +77,14 @@ |
65 | <div class="bottom-wrap "> | 77 | <div class="bottom-wrap "> |
66 | <div class="notice" :class="{'ltz':locale == 'en'}"> | 78 | <div class="notice" :class="{'ltz':locale == 'en'}"> |
67 | <span>{{$t('vhis.tip1')}}</span> | 79 | <span>{{$t('vhis.tip1')}}</span> |
68 | <span class="orange">{{policyDetail.clientNameCn}}</span> | 80 | <span class="orange"> |
81 | <template v-if="locale == 'en'"> | ||
82 | {{policyDetail.clientNameEn ? policyDetail.clientNameEn : policyDetail.clientNameCn}} | ||
83 | </template> | ||
84 | <template v-else> | ||
85 | {{policyDetail.clientNameCn ? policyDetail.clientNameCn : policyDetail.clientNameEn}} | ||
86 | </template> | ||
87 | </span> | ||
69 | <span>{{$t('vhis.tip2')}}</span> | 88 | <span>{{$t('vhis.tip2')}}</span> |
70 | <span class="orange">{{policyDetail.nowYmd1}}</span> | 89 | <span class="orange">{{policyDetail.nowYmd1}}</span> |
71 | <span>{{$t('vhis.ymd1')}}</span> | 90 | <span>{{$t('vhis.ymd1')}}</span> | ... | ... |
... | @@ -153,6 +153,11 @@ export default { | ... | @@ -153,6 +153,11 @@ export default { |
153 | this.hadQueryCustomerList = false; | 153 | this.hadQueryCustomerList = false; |
154 | this.customerList = []; | 154 | this.customerList = []; |
155 | this.step = 1; | 155 | this.step = 1; |
156 | |||
157 | let m = this.refs["material"]; | ||
158 | if (m) { | ||
159 | m.clearCache(); | ||
160 | } | ||
156 | }, | 161 | }, |
157 | loginAction() { | 162 | loginAction() { |
158 | this.sid = false; | 163 | this.sid = false; |
... | @@ -173,5 +178,5 @@ export default { | ... | @@ -173,5 +178,5 @@ export default { |
173 | this.initData(); | 178 | this.initData(); |
174 | 179 | ||
175 | }, | 180 | }, |
176 | created() {} | 181 | created() { } |
177 | } | 182 | } | ... | ... |
... | @@ -27,7 +27,7 @@ | ... | @@ -27,7 +27,7 @@ |
27 | </template> | 27 | </template> |
28 | 28 | ||
29 | <template v-if="step == 2"> | 29 | <template v-if="step == 2"> |
30 | <clarms-material :insuredList="customerList" :cid="cid" @showModal="handleShowModal"></clarms-material> | 30 | <clarms-material ref="material" :insuredList="customerList" :cid="cid" @showModal="handleShowModal"></clarms-material> |
31 | </template> | 31 | </template> |
32 | </div> | 32 | </div> |
33 | </div> | 33 | </div> | ... | ... |
... | @@ -219,7 +219,8 @@ | ... | @@ -219,7 +219,8 @@ |
219 | <div class="data-line"> | 219 | <div class="data-line"> |
220 | <!-- <div class="td w2">{{item.paidPeriod}}</div> --> | 220 | <!-- <div class="td w2">{{item.paidPeriod}}</div> --> |
221 | <div class="td w2">{{formatPanduPayPeriod(item.policyYear,item.policyPeriod)}}</div> | 221 | <div class="td w2">{{formatPanduPayPeriod(item.policyYear,item.policyPeriod)}}</div> |
222 | <div class="td w2">{{formatPayType(item.payTypeValue)}}</div> | 222 | <!-- <div class="td w2">{{formatPayType(item.payTypeValue)}}</div> --> |
223 | <div class="td w2">{{formatPayMode(dataForm.payMode)}}</div> | ||
223 | <div class="td w2">{{item.receiptDate?item.receiptDate.split(" ")[0]:""}}</div> | 224 | <div class="td w2">{{item.receiptDate?item.receiptDate.split(" ")[0]:""}}</div> |
224 | <div class="td w2">{{dataForm.moneyMark}} {{formatMoney(item.totalPremium)}}</div> | 225 | <div class="td w2">{{dataForm.moneyMark}} {{formatMoney(item.totalPremium)}}</div> |
225 | </div> | 226 | </div> | ... | ... |
... | @@ -8,6 +8,7 @@ import { | ... | @@ -8,6 +8,7 @@ import { |
8 | mapState | 8 | mapState |
9 | } from 'vuex'; | 9 | } from 'vuex'; |
10 | import { formatMoney, getInsuredPeriod, getPolicyName } from "@/utils/biz.js"; | 10 | import { formatMoney, getInsuredPeriod, getPolicyName } from "@/utils/biz.js"; |
11 | import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue'; | ||
11 | 12 | ||
12 | export default { | 13 | export default { |
13 | props: { | 14 | props: { |
... | @@ -28,7 +29,8 @@ export default { | ... | @@ -28,7 +29,8 @@ export default { |
28 | maxShow: 2, | 29 | maxShow: 2, |
29 | selectPolicyCode: "", | 30 | selectPolicyCode: "", |
30 | selectPolicyCodes: {}, | 31 | selectPolicyCodes: {}, |
31 | hide: false | 32 | hide: false, |
33 | showDownloadError : false | ||
32 | } | 34 | } |
33 | }, | 35 | }, |
34 | computed: { | 36 | computed: { |
... | @@ -201,7 +203,7 @@ export default { | ... | @@ -201,7 +203,7 @@ export default { |
201 | return getInsuredPeriod(this.$i18n.locale, t, v); | 203 | return getInsuredPeriod(this.$i18n.locale, t, v); |
202 | }, | 204 | }, |
203 | formatPolicyName(c, n) { | 205 | formatPolicyName(c, n) { |
204 | return getPolicyName(this.$i18n.locale, c, c); | 206 | return getPolicyName(this.$i18n.locale, c, n); |
205 | }, | 207 | }, |
206 | downloadPolicy(policy) { | 208 | downloadPolicy(policy) { |
207 | if (policy) { | 209 | if (policy) { |
... | @@ -209,12 +211,15 @@ export default { | ... | @@ -209,12 +211,15 @@ export default { |
209 | if (res) { | 211 | if (res) { |
210 | let url = requestDomain() + api.downloadPolicy + "/" + res; | 212 | let url = requestDomain() + api.downloadPolicy + "/" + res; |
211 | window.open(url); | 213 | window.open(url); |
214 | } else { | ||
215 | this.showDownloadError = true; | ||
212 | } | 216 | } |
213 | }); | 217 | }); |
214 | } | 218 | } |
215 | } | 219 | } |
216 | }, | 220 | }, |
217 | components: { | 221 | components: { |
222 | Modal2Comp | ||
218 | }, | 223 | }, |
219 | mounted() { | 224 | mounted() { |
220 | this.queryList(); | 225 | this.queryList(); | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="list-container"> | 2 | <div class="list-container"> |
3 | <modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp> | ||
3 | <div class="cell-group"> | 4 | <div class="cell-group"> |
4 | <div class="table-contaner"> | 5 | <div class="table-contaner"> |
5 | <div class="table-header orange"> | 6 | <div class="table-header orange"> | ... | ... |
... | @@ -856,6 +856,7 @@ let payModeList = [ | ... | @@ -856,6 +856,7 @@ let payModeList = [ |
856 | { "v": "0", "n": "其他" }, | 856 | { "v": "0", "n": "其他" }, |
857 | { "v": "1", "n": "现金" }, | 857 | { "v": "1", "n": "现金" }, |
858 | { "v": "2", "n": "支票" }, | 858 | { "v": "2", "n": "支票" }, |
859 | { "v": "3", "n": "借记卡" }, | ||
859 | { "v": "84", "n": "易办事" }, | 860 | { "v": "84", "n": "易办事" }, |
860 | { "v": "93", "n": "银行本票" }, | 861 | { "v": "93", "n": "银行本票" }, |
861 | { "v": "61", "n": "银行汇票" }, | 862 | { "v": "61", "n": "银行汇票" }, |
... | @@ -866,6 +867,7 @@ let payModeEnList = [ | ... | @@ -866,6 +867,7 @@ let payModeEnList = [ |
866 | { "v": "0", "n": "Others" }, | 867 | { "v": "0", "n": "Others" }, |
867 | { "v": "1", "n": "Cash" }, | 868 | { "v": "1", "n": "Cash" }, |
868 | { "v": "2", "n": "Cheque" }, | 869 | { "v": "2", "n": "Cheque" }, |
870 | { "v": "3", "n": "Direct Debit" }, | ||
869 | { "v": "84", "n": "EPS" }, | 871 | { "v": "84", "n": "EPS" }, |
870 | { "v": "93", "n": "Cashier’s Order" }, | 872 | { "v": "93", "n": "Cashier’s Order" }, |
871 | { "v": "61", "n": "Bank Draft" }, | 873 | { "v": "61", "n": "Bank Draft" }, |
... | @@ -876,6 +878,7 @@ let payModeTcList = [ | ... | @@ -876,6 +878,7 @@ let payModeTcList = [ |
876 | { "v": "0", "n": "其他" }, | 878 | { "v": "0", "n": "其他" }, |
877 | { "v": "1", "n": "現金" }, | 879 | { "v": "1", "n": "現金" }, |
878 | { "v": "2", "n": "支票" }, | 880 | { "v": "2", "n": "支票" }, |
881 | { "v": "3", "n": "借記卡" }, | ||
879 | { "v": "84", "n": "易辦事" }, | 882 | { "v": "84", "n": "易辦事" }, |
880 | { "v": "93", "n": "銀行本票" }, | 883 | { "v": "93", "n": "銀行本票" }, |
881 | { "v": "61", "n": "銀行匯票" }, | 884 | { "v": "61", "n": "銀行匯票" }, | ... | ... |
-
Please register or sign in to post a comment