部分修正
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