默认提交
Showing
5 changed files
with
172 additions
and
158 deletions
This diff is collapsed.
Click to expand it.
| ... | @@ -124,13 +124,13 @@ | ... | @@ -124,13 +124,13 @@ |
| 124 | </div> | 124 | </div> |
| 125 | <div class="value"> | 125 | <div class="value"> |
| 126 | <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 :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> |
| 127 | <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 id="sc" ref="sc" 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> |
| 128 | <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 | <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> |
| 129 | </div> | 129 | </div> |
| 130 | </div> | 130 | </div> |
| 131 | </template> | 131 | </template> |
| 132 | </div> | 132 | </div> |
| 133 | <hr v-if="data.amount > 0"> | 133 | <hr v-if="data.amount > 0" > |
| 134 | <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> | 134 | <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> |
| 135 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div> | 135 | <div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div> |
| 136 | 136 | ... | ... |
| 1 | |||
| 2 | |||
| 3 | export default { | 1 | export default { |
| 4 | data() { | 2 | data() { |
| 5 | return { | 3 | return { |
| 6 | 4 | ||
| 7 | } | 5 | } |
| 8 | }, | 6 | }, |
| 9 | components: {}, | 7 | components: {}, |
| 10 | computed: { | 8 | computed: {}, |
| 11 | }, | 9 | methods: { |
| 12 | methods: { | 10 | initData() { |
| 13 | initData() { | ||
| 14 | 11 | ||
| 15 | }, | 12 | }, |
| 16 | onOverLayHandler() { | 13 | onOverLayHandler() { |
| 17 | this.$emit("close"); | 14 | this.$emit("close"); |
| 18 | }, | 15 | }, |
| 19 | toContact() { | 16 | toAccountInformation() { |
| 20 | this.$router.push({ | 17 | this.$emit("close"); |
| 21 | path: "/custom/service?q=m1" | 18 | this.$root.eventBus.$emit('_evt_to_account_information'); |
| 22 | }); | 19 | }, |
| 23 | } | 20 | toContact() { |
| 24 | }, | 21 | this.$router.push({ |
| 25 | mounted() { | 22 | path: "/custom/service?q=m1" |
| 23 | }); | ||
| 24 | } | ||
| 25 | }, | ||
| 26 | mounted() { | ||
| 26 | 27 | ||
| 27 | }, | 28 | }, |
| 28 | created() { | 29 | created() { |
| 29 | this.initData(); | 30 | this.initData(); |
| 30 | }, | 31 | }, |
| 31 | watch: { | 32 | watch: {}, |
| 32 | }, | ||
| 33 | } | 33 | } | ... | ... |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <img src="@/assets/images/clarms/suc.png"> | 9 | <img src="@/assets/images/clarms/suc.png"> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="message"> | 11 | <div class="message"> |
| 12 | {{$t('clarms.step2.tip7')}}<span @click="onOverLayHandler">{{$t('clarms.step2.tip8')}}</span> | 12 | {{$t('clarms.step2.tip7')}}<span @click="toAccountInformation">{{$t('clarms.step2.tip8')}}</span> |
| 13 | </div> | 13 | </div> |
| 14 | </div> | 14 | </div> |
| 15 | </div> | 15 | </div> | ... | ... |
| 1 | import { | 1 | import { |
| 2 | mapGetters, | 2 | mapGetters, |
| 3 | mapActions, | 3 | mapActions, |
| 4 | mapState | 4 | mapState |
| 5 | } from "vuex"; | 5 | } from "vuex"; |
| 6 | 6 | ||
| 7 | import api from '@/api/api' | 7 | import api from '@/api/api' |
| 8 | import { | 8 | import { |
| 9 | httpGet, | 9 | httpGet, |
| 10 | httpPost | 10 | httpPost |
| 11 | } from '@/api/fetch-api.js' | 11 | } from '@/api/fetch-api.js' |
| 12 | 12 | ||
| 13 | import ClarmsModalOne from '@/components/clarms/clarms-plugins-modal1.vue'; | 13 | import ClarmsModalOne from '@/components/clarms/clarms-plugins-modal1.vue'; |
| ... | @@ -25,126 +25,140 @@ import ClarmsMaterial from '@/components/clarms/clarms-plugins-material.vue'; | ... | @@ -25,126 +25,140 @@ import ClarmsMaterial from '@/components/clarms/clarms-plugins-material.vue'; |
| 25 | // 有保单 | 25 | // 有保单 |
| 26 | 26 | ||
| 27 | export default { | 27 | export default { |
| 28 | data() { | 28 | data() { |
| 29 | return { | 29 | return { |
| 30 | step: 0, // 1是表单;2是报案页面;3=信息不完整 | 30 | step: 0, // 1是表单;2是报案页面;3=信息不完整 |
| 31 | showModal1: false, | 31 | showModal1: false, |
| 32 | showModal2: false, | 32 | showModal2: false, |
| 33 | agress: false, | 33 | agress: false, |
| 34 | reservationTypes: [], | 34 | reservationTypes: [], |
| 35 | cid: false, | 35 | cid: "", |
| 36 | // 可以理赔的客户信息 | 36 | // 可以理赔的客户信息 |
| 37 | customerList: [] | 37 | customerList: [] |
| 38 | } | 38 | } |
| 39 | }, | 39 | }, |
| 40 | components: { | 40 | components: { |
| 41 | ClarmsVerifyForm, | 41 | ClarmsVerifyForm, |
| 42 | ClarmsMaterial, | 42 | ClarmsMaterial, |
| 43 | ClarmsModalOne, | 43 | ClarmsModalOne, |
| 44 | ClarmsModalTwo | 44 | ClarmsModalTwo |
| 45 | }, | 45 | }, |
| 46 | computed: { | 46 | computed: { |
| 47 | ...mapState({ | 47 | ...mapState({ |
| 48 | userInfo: state => state.userInfo | 48 | userInfo: state => state.userInfo |
| 49 | }), | 49 | }), |
| 50 | i18n() { | 50 | i18n() { |
| 51 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; | 51 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; |
| 52 | }, | 52 | }, |
| 53 | }, | 53 | }, |
| 54 | methods: { | 54 | methods: { |
| 55 | initData() { | 55 | initData() { |
| 56 | // this.step = 2; | 56 | // this.step = 2; |
| 57 | // return; | 57 | // return; |
| 58 | if (this.userInfo && this.userInfo.name) { | 58 | if (this.userInfo && this.userInfo.name) { |
| 59 | this.loadCidIfLogin(); | 59 | this.loadCidIfLogin(); |
| 60 | sessionStorage.removeItem("clarmsRequestCid") | 60 | sessionStorage.removeItem("clarmsRequestCid") |
| 61 | } else { | 61 | } else { |
| 62 | let cid = sessionStorage.getItem("clarmsRequestCid"); | 62 | let cid = sessionStorage.getItem("clarmsRequestCid"); |
| 63 | if (cid) { | 63 | if (cid) { |
| 64 | this.cid = cid; | 64 | this.cid = cid; |
| 65 | this.checkCid(); | 65 | this.checkCid(); |
| 66 | } else { | 66 | } else { |
| 67 | this.step = 1; | 67 | this.step = 1; |
| 68 | } | 68 | } |
| 69 | } | 69 | } |
| 70 | }, | 70 | }, |
| 71 | loadCidIfLogin() { | 71 | loadCidIfLogin() { |
| 72 | let param = { | 72 | let param = { |
| 73 | sid: this.userInfo.sid | 73 | sid: this.userInfo.sid |
| 74 | }; | 74 | }; |
| 75 | httpPost({ url: api.getCidByLogin, sid: true, data: param }).then(res => { | 75 | httpPost({ |
| 76 | if (res) { | 76 | url: api.getCidByLogin, |
| 77 | this.cid = res; | 77 | sid: true, |
| 78 | this.checkCid(); | 78 | data: param |
| 79 | } else { | 79 | }).then(res => { |
| 80 | this.step = 3; | 80 | if (res) { |
| 81 | } | 81 | this.cid = res; |
| 82 | }).catch(e => { | 82 | this.checkCid(); |
| 83 | this.step = 1; | 83 | } else { |
| 84 | }); | 84 | this.step = 3; |
| 85 | }, | 85 | } |
| 86 | checkCid() { | 86 | }).catch(e => { |
| 87 | let param = { | 87 | this.step = 1; |
| 88 | cid: this.cid | 88 | }); |
| 89 | } | 89 | }, |
| 90 | httpPost({ url: api.clarmsCustomerList, data: param }).then(res => { | 90 | checkCid() { |
| 91 | sessionStorage.removeItem("clarmsRequestCid"); | 91 | let param = { |
| 92 | if (res) { | 92 | cid: this.cid |
| 93 | this.customerList = res.insuredInfoList; | 93 | } |
| 94 | this.step = 2; | 94 | httpPost({ |
| 95 | } | 95 | url: api.clarmsCustomerList, |
| 96 | // if (res && res.insuredInfoList && res.insuredInfoList.length > 0) { | 96 | data: param |
| 97 | // this.customerList = res.insuredInfoList; | 97 | }).then(res => { |
| 98 | // this.step = 2; | 98 | sessionStorage.removeItem("clarmsRequestCid"); |
| 99 | // } else { | 99 | if (res) { |
| 100 | // sessionStorage.removeItem("clarmsRequestCid"); | 100 | this.customerList = res.insuredInfoList; |
| 101 | // this.step = 1; | 101 | this.step = 2; |
| 102 | // } | 102 | } |
| 103 | }).catch(e => { | 103 | // if (res && res.insuredInfoList && res.insuredInfoList.length > 0) { |
| 104 | sessionStorage.removeItem("clarmsRequestCid"); | 104 | // this.customerList = res.insuredInfoList; |
| 105 | this.step = 1; | 105 | // this.step = 2; |
| 106 | }); | 106 | // } else { |
| 107 | }, | 107 | // sessionStorage.removeItem("clarmsRequestCid"); |
| 108 | handleInsuredInfo(data) { | 108 | // this.step = 1; |
| 109 | this.cid = data.cid; | 109 | // } |
| 110 | this.customerList = data.list; | 110 | }).catch(e => { |
| 111 | this.step = 2; | 111 | sessionStorage.removeItem("clarmsRequestCid"); |
| 112 | }, | 112 | this.step = 1; |
| 113 | handleShowModal(modalIndex) { | 113 | }); |
| 114 | console.log(modalIndex); | 114 | }, |
| 115 | if (modalIndex == 1) { | 115 | handleInsuredInfo(data) { |
| 116 | this.showModal1 = true; | 116 | this.cid = data.cid; |
| 117 | } else if (modalIndex == 2) { | 117 | this.customerList = data.list; |
| 118 | this.showModal2 = true; | 118 | this.step = 2; |
| 119 | } | 119 | }, |
| 120 | }, | 120 | handleShowModal(modalIndex) { |
| 121 | gotoInformationPage() { | 121 | console.log(modalIndex); |
| 122 | let c = this.$route.fullPath; | 122 | if (modalIndex == 1) { |
| 123 | this.$router.push({ path: "/infomation/improve", query: { c: c, a: 1 } }); | 123 | this.showModal1 = true; |
| 124 | }, | 124 | } else if (modalIndex == 2) { |
| 125 | logoutAction() { | 125 | this.showModal2 = true; |
| 126 | this.sid = false; | 126 | } |
| 127 | this.hadQueryCustomerList = false; | 127 | }, |
| 128 | this.customerList = []; | 128 | gotoInformationPage() { |
| 129 | this.step = 1; | 129 | let c = this.$route.fullPath; |
| 130 | }, | 130 | this.$router.push({ |
| 131 | loginAction() { | 131 | path: "/infomation/improve", |
| 132 | this.sid = false; | 132 | query: { |
| 133 | this.hadQueryCustomerList = false; | 133 | c: c, |
| 134 | this.customerList = []; | 134 | a: 1 |
| 135 | } | 135 | } |
| 136 | }, | 136 | }); |
| 137 | watch: { | 137 | }, |
| 138 | userInfo(val) { | 138 | logoutAction() { |
| 139 | if (val && val.name) { | 139 | this.sid = false; |
| 140 | this.loginAction(); | 140 | this.hadQueryCustomerList = false; |
| 141 | } else { | 141 | this.customerList = []; |
| 142 | this.logoutAction(); | 142 | this.step = 1; |
| 143 | } | 143 | }, |
| 144 | } | 144 | loginAction() { |
| 145 | }, | 145 | this.sid = false; |
| 146 | mounted() { | 146 | this.hadQueryCustomerList = false; |
| 147 | this.initData(); | 147 | this.customerList = []; |
| 148 | }, | 148 | } |
| 149 | created() { } | 149 | }, |
| 150 | watch: { | ||
| 151 | userInfo(val) { | ||
| 152 | if (val && val.name) { | ||
| 153 | this.loginAction(); | ||
| 154 | } else { | ||
| 155 | this.logoutAction(); | ||
| 156 | } | ||
| 157 | } | ||
| 158 | }, | ||
| 159 | mounted() { | ||
| 160 | this.initData(); | ||
| 161 | |||
| 162 | }, | ||
| 163 | created() {} | ||
| 150 | } | 164 | } | ... | ... |
-
Please register or sign in to post a comment