默认提交
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