| | |
| | | <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/lianhelihua_admin/icon.png"><title>联合利华事件上报系统</title><link href="/lianhelihua_admin/static/css/app.c56f0a7d.css" rel="preload" as="style"><link href="/lianhelihua_admin/static/css/chunk-vendors.d9e68312.css" rel="preload" as="style"><link href="/lianhelihua_admin/static/js/app.f5e3eac0.js" rel="preload" as="script"><link href="/lianhelihua_admin/static/js/chunk-vendors.174acd1e.js" rel="preload" as="script"><link href="/lianhelihua_admin/static/css/chunk-vendors.d9e68312.css" rel="stylesheet"><link href="/lianhelihua_admin/static/css/app.c56f0a7d.css" rel="stylesheet"></head><body><div id="app"></div><script src="/lianhelihua_admin/static/js/chunk-vendors.174acd1e.js"></script><script src="/lianhelihua_admin/static/js/app.f5e3eac0.js"></script></body></html> |
| | | <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/lianhelihua_admin/icon.png"><title>联合利华事件上报系统</title><link href="/lianhelihua_admin/static/css/app.22805dae.css" rel="preload" as="style"><link href="/lianhelihua_admin/static/css/chunk-vendors.d9e68312.css" rel="preload" as="style"><link href="/lianhelihua_admin/static/js/app.189a731b.js" rel="preload" as="script"><link href="/lianhelihua_admin/static/js/chunk-vendors.174acd1e.js" rel="preload" as="script"><link href="/lianhelihua_admin/static/css/chunk-vendors.d9e68312.css" rel="stylesheet"><link href="/lianhelihua_admin/static/css/app.22805dae.css" rel="stylesheet"></head><body><div id="app"></div><script src="/lianhelihua_admin/static/js/chunk-vendors.174acd1e.js"></script><script src="/lianhelihua_admin/static/js/app.189a731b.js"></script></body></html> |
| | |
| | | <!-- <img src="@/assets/images/bg_a.png" alt="" />--> |
| | | </div> |
| | | <div class="content"> |
| | | <!-- <div>未解决:{{ headerData.sheNum || 0}}</div>--> |
| | | <!-- <div>已解决:{{ headerData.sheNum || 0}}</div>--> |
| | | <div>未解决:{{ 0}}</div> |
| | | <div>已解决:{{ headerData.sheNum || 0}}</div> |
| | | <div>总工单量:{{ headerData.sheNum || 0}}</div> |
| | | </div> |
| | | </div> |
| | |
| | | this.headerData = res || {} |
| | | var cdata = [] |
| | | cdata.push({ name: '跌绊滑事件', value: res.dbhNum || 0 }) |
| | | cdata.push({ name: 'DCA事件', value: res.dcaNum || 0 }) |
| | | cdata.push({ name: 'DCA事件', value: res.dcaChildNum || 0 }) |
| | | cdata.push({ name: 'SHE事件', value: res.sheNum || 0 }) |
| | | this.initEchartCircleDo('circleChart0', '各类型事件工单上报统计', '', cdata) |
| | | var xdata =['SHE事件', '跌绊滑事件','DCA事件'] |
| | | var xdata = ['SHE事件', '跌绊滑事件', 'DCA事件'] |
| | | var ydata = [] |
| | | ydata.push({ name: '已解决', stack: 'cateNum', type: 'bar', unit: '项', color: '#f07e6f', data: [0,res.dbhYesNum || 0,res.dcaYesNum || 0]}) |
| | | ydata.push({ name: '未解决', stack: 'cateNum',type: 'bar', unit: '项', color: '#8383ff', data: [res.sheNum || 0,res.dbhNoNum || 0,res.dcaNoNum || 0]}) |
| | | ydata.push({ name: '总单量', type: 'bar', unit: '次', color: '#29aeff', data: [res.sheNum || 0,res.dbhNum || 0,res.dcaNum || 0] }) |
| | | ydata.push({ name: '已解决', stack: 'cateNum', type: 'bar', unit: '项', color: '#f07e6f', data: [res.sheNum || 0, res.dbhYesNum || 0, res.dcaChildYesNum || 0] }) |
| | | ydata.push({ name: '未解决', stack: 'cateNum', type: 'bar', unit: '项', color: '#8383ff', data: [0, res.dbhNoNum || 0, res.dcaChildNoNum || 0] }) |
| | | ydata.push({ name: '总单量', type: 'bar', unit: '次', color: '#29aeff', data: [res.sheNum || 0, res.dbhNum || 0, res.dcaChildNum || 0] }) |
| | | this.initEchartDataDo('各类型事件状态统计', 'circleChart1', xdata, ydata) |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | // boundaryGap: false, |
| | | data: xdata |
| | | }, |
| | | yAxis: { |
| | |
| | | initEchartCircleDo (id, title, subTitle, data) { |
| | | var option = { |
| | | title: { |
| | | text: '', |
| | | subtext: '', |
| | | text: '', |
| | | subtext: '', |
| | | left: 'center', |
| | | bottom: 'bottom', |
| | | textStyle: { |
| | |
| | | fontSize: 10, |
| | | fontStyle: 'normal', |
| | | fontWeight: 'normal' |
| | | }, |
| | | } |
| | | }, |
| | | series: [ |
| | | { |
| | |
| | | fontSize: 10, |
| | | fontStyle: 'normal', |
| | | fontWeight: 'normal' |
| | | }, |
| | | } |
| | | }, |
| | | labelLine: { |
| | | show: true, |
| | | show: true |
| | | }, |
| | | emphasis: { |
| | | itemStyle: { |