| | |
| | | <span>提交时间 {{item.createDate}}</span> |
| | | </div> |
| | | <div class="list_item_right"> |
| | | <span>查看详情</span> |
| | | <span @click="detail(item)">查看</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <span>提交时间 {{item.createDate}}</span> |
| | | </div> |
| | | <div class="list_item_right"> |
| | | <span>查看详情</span> |
| | | <span @click="detail(item)">查看</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <span>提交时间 {{item.createDate}}</span> |
| | | </div> |
| | | <div class="list_item_right"> |
| | | <span>查看详情</span> |
| | | <span @click="detail(item)">查看</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <OperaInsuranceApplyWindow ref="operaInsuranceApplyWindow" @success="backDo"/> |
| | | <dispatchUnitDetailsPlat ref="dispatchUnitDetailsPlat" @success="backDo"/> |
| | | <OperaSettleClaimsWindow ref="operaSettleClaimsWindow" @success="backDo"/> |
| | | <OperaApplyChangeUnitDetailWindow ref="operaApplyChangeUnitDetailWindow" @success="backDo"/> |
| | | <OperaApplyChangeDetailWindow ref="operaApplyChangeDetailWindow" @success="backDo"/> |
| | | <OperaTaxesWindow ref="OperaTaxesWindow" @success="backDo"/> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import * as echarts from 'echarts'; |
| | | import {mapState} from "vuex"; |
| | | import * as echarts from 'echarts' |
| | | import { mapState } from 'vuex' |
| | | import OperaInsuranceApplyWindow from '@/components/business/OperaInsuranceApplyWindow' |
| | | import dispatchUnitDetailsPlat from '@/components/business/dispatchUnitDetailsPlat' |
| | | import OperaApplyChangeUnitDetailWindow from '@/components/business/OperaApplyChangeUnitDetailWindow' |
| | | import OperaSettleClaimsWindow from '@/components/business/OperaSettleClaimsWindow' |
| | | import OperaApplyChangeDetailWindow from '@/components/business/OperaApplyChangeDetailWindow' |
| | | import OperaTaxesWindow from '@/components/business/OperaTaxesWindow' |
| | | import { fetchList as noticeList } from '@/api/business/notices' |
| | | export default { |
| | | components: { OperaInsuranceApplyWindow , |
| | | dispatchUnitDetailsPlat, |
| | | OperaTaxesWindow, |
| | | OperaSettleClaimsWindow, |
| | | OperaApplyChangeDetailWindow, |
| | | OperaApplyChangeUnitDetailWindow |
| | | }, |
| | | name: 'Index', |
| | | data () { |
| | | return { |
| | |
| | | this.initPanel() |
| | | }, |
| | | methods: { |
| | | detail (obj) { |
| | | if (obj.objType === 0) { |
| | | this.$refs.operaInsuranceApplyWindow.open('投保申请详情', {id:obj.objId}) |
| | | } else if (obj.objType === 1) { |
| | | this.$refs.operaApplyChangeDetailWindow.open('加减保详情', {id:obj.objId,applyId:obj.param1}) |
| | | } else if (obj.objType === 2) { |
| | | this.$refs.operaApplyChangeUnitDetailWindow.open('换厂申请详情', {id:obj.objId,applyId:obj.param1}) |
| | | } else if (obj.objType === 3) { |
| | | this.$refs.dispatchUnitDetailsPlat.open('派遣单详情', {id:obj.objId}) |
| | | } else if (obj.objType === 4) { |
| | | this.$refs.OperaTaxesWindow.open('开票申请详情', {id:obj.objId}) |
| | | } else if (obj.objType === 5) { |
| | | this.$refs.operaSettleClaimsWindow.open('理赔详情', {id:obj.objId}) |
| | | } |
| | | }, |
| | | backDo(){ |
| | | |
| | | }, |
| | | getNoticeList(type,page){ |
| | | noticeList({ |
| | | page: page, |
| | |
| | | initPanel(){ |
| | | var pemissons = this.userInfo.permissions |
| | | |
| | | if(pemissons.includes("business:notice:insurance")){ |
| | | this.tabs.push( {name:"0",label:"投保代办" }) |
| | | if (pemissons.includes('business:notice:insurance')) { |
| | | this.tabs.push({ name: '0', label: '投保代办' }) |
| | | } |
| | | if(pemissons.includes("business:notice:tax")){ |
| | | this.tabs.push( {name:"1",label:"发票代办" }) |
| | | if (pemissons.includes('business:notice:tax')) { |
| | | this.tabs.push({ name: '1', label: '发票代办' }) |
| | | } |
| | | if(pemissons.includes("business:notice:settle")){ |
| | | this.tabs.push( {name:"2",label:"理赔代办" }) |
| | | if (pemissons.includes('business:notice:settle')) { |
| | | this.tabs.push({ name: '2', label: '理赔代办' }) |
| | | } |
| | | if(pemissons.includes("business:notice:insurance")){ |
| | | if (pemissons.includes('business:notice:insurance')) { |
| | | this.getNoticeList(0,this.page0 ) |
| | | } |
| | | if(pemissons.includes("business:notice:tax")){ |
| | | if (pemissons.includes('business:notice:tax')) { |
| | | this.getNoticeList(1,this.page1 ) |
| | | } |
| | | if(pemissons.includes("business:notice:settle")){ |
| | | if (pemissons.includes('business:notice:settle')) { |
| | | this.getNoticeList(2,this.page2 ) |
| | | } |
| | | }, |
| | |
| | | this.getNoticeList(2,this.page2) |
| | | }, |
| | | jump(url) { |
| | | if (!url) return; |
| | | this.$router.push({ path: url }); |
| | | if (!url) return |
| | | this.$router.push({ path: url }) |
| | | }, |
| | | setPicture1 () { |
| | | let chartDom = this.$refs.picture1; |
| | | let myChart = echarts.init(chartDom); |
| | | const chartDom = this.$refs.picture1 |
| | | const myChart = echarts.init(chartDom) |
| | | let option |
| | | option = { |
| | | title: { |
| | |
| | | radius: '50%', |
| | | data: [ |
| | | { value: 1048, name: '保障中' }, |
| | | { value: 735, name: '不在保' }, |
| | | { value: 735, name: '不在保' } |
| | | ], |
| | | emphasis: { |
| | | itemStyle: { |
| | |
| | | } |
| | | } |
| | | ] |
| | | }; |
| | | } |
| | | |
| | | option && myChart.setOption(option); |
| | | option && myChart.setOption(option) |
| | | }, |
| | | setPicture2 () { |
| | | let chartDom = this.$refs.picture2; |
| | | let myChart = echarts.init(chartDom); |
| | | const chartDom = this.$refs.picture2 |
| | | const myChart = echarts.init(chartDom) |
| | | let option |
| | | option = { |
| | | title: { |
| | |
| | | type: 'line' |
| | | } |
| | | ] |
| | | }; |
| | | } |
| | | |
| | | option && myChart.setOption(option); |
| | | option && myChart.setOption(option) |
| | | }, |
| | | setPicture3 () { |
| | | let chartDom = this.$refs.picture3; |
| | | let myChart = echarts.init(chartDom); |
| | | const chartDom = this.$refs.picture3 |
| | | const myChart = echarts.init(chartDom) |
| | | let option |
| | | option = { |
| | | title: { |
| | |
| | | containLabel: true |
| | | }, |
| | | xAxis: { |
| | | type: 'value', |
| | | type: 'value' |
| | | // boundaryGap: [0, 0.01] |
| | | }, |
| | | yAxis: { |
| | |
| | | data: [15, 16, 24] |
| | | } |
| | | ] |
| | | }; |
| | | } |
| | | |
| | | option && myChart.setOption(option); |
| | | option && myChart.setOption(option) |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | .home_content_right_page { |
| | | margin-top: 20px; |
| | | position: absolute; |
| | | position: relative; |
| | | bottom: 20px; |
| | | left: 20px; |
| | | box-sizing: border-box; |