1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title>生产数据</title>
- <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
- <!--<link rel="stylesheet" type="text/css" href="../../css/aui.css"/>-->
- <link rel="stylesheet" type="text/css" href="../../css/popoPicker.css"/>
- <link rel="stylesheet" href="../../css/apiToast.css">
- <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
- <link rel="stylesheet" href="../../css/projeck.css">
- <style>
- body,html{
- background: #F3F3F3;
- }
- .api_layout{
- /*border-top: 1px solid #37b0e9;*/
- padding: 13px 10px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .ventilate li .icon{
- width: 40px;
- height: 40px;
- background: url('../../icon/fengshan.png') no-repeat;
- background-size: cover;
- position: absolute;
- top: 0;
- bottom: 5px;
- left: 0;
- right: 0;
- margin: auto;
- }
- .ventilate li:nth-child(2) .icon{
- width: 40px;
- height: 40px;
- background: url('../../icon/kj_ico.png') no-repeat;
- background-size: cover;
- position: absolute;
- top: 0;
- bottom: 5px;
- left: 0;
- right: 0;
- margin: auto;
- }
- .ventilate li:nth-child(3) .icon{
- width: 40px;
- height: 40px;
- background: url('../../icon/704_ico.png') no-repeat;
- background-size: cover;
- position: absolute;
- top: 0;
- bottom: 5px;
- left: 0;
- right: 0;
- margin: auto;
- }
- .ventilate li:nth-child(4) .icon{
- width: 40px;
- height: 40px;
- background: url('../../image/rubberTyredCar.png') no-repeat;
- background-size: cover;
- position: absolute;
- top: 0;
- bottom: 5px;
- left: 0;
- right: 0;
- margin: auto;
- }
- .navs_item{
- padding:0;
- }
- .nav-btns li{
- width: 25%;
- }
- .nav-btns .icon_p{
- margin: auto;
- }
- .navs_item li:first-child:after{
- height: 0;
- }
- .navs_item li:last-child:after{
- height: 0;
- }
- </style>
- </head>
- <body>
- <div class="api_layout">
- <!-- 公告 -->
- <div class="Notice1 borderRa">
- <p class="Stitle">公告:</p>
- <p class="Scontent Stitle"></p>
- </div>
- <!-- 导航 -->
- <div class="navs Notice borderRa">
- <ul class="navs_item nav-btns flex-start">
- <li onclick="videoMonitor()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>视频监控</span>
- </li>
- <li onclick="personalLocationJu()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>人员定位</span>
- </li>
- <li onclick="securityMonitor()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>安全监测</span>
- </li>
- <li onclick="securityMonitor2()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>安全监测</span>
- </li>
- </ul>
- <ul class="navs_item nav-btns flex-start">
- <li class="scsj"onclick="effectControl()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>生产数据</span>
- </li>
- </ul>
- <!-- <ul class="navs_item nav-btns flex-start ventilate" style="padding-top: 15px;">
- <li onclick="ventilate()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>风机监控</span>
- </li>
- <li onclick="Sewage()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>矿井水处理</span>
- </li>
- <li onclick="Face()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>704工作面</span>
- </li>
- <li onclick="rubberTyredCar()">
- <div class="icon_p">
- <i class="icon"></i>
- </div>
- <span>胶轮车监控</span>
- </li>
- </ul> -->
- </div>
- <!-- 报警 -->
- <div class="Notice navs borderRa police beforS hide">
- <p class="Stitle centertT" style="padding-bottom:5px">安全监测报警</p>
- <ul class="navs_item flex-space">
- <li>
- <span>二级报警</span>
- <div class="circular alarmNum1" onclick="securityMonitor()">0个</div>
- </li>
- <li>
- <span>三级报警</span>
- <div class="circular alarmNum2" onclick="securityMonitor()">0个</div>
- </li>
- <li>
- <span>四级报警</span>
- <div class="circular alarmNum3" onclick="securityMonitor()">0个</div>
- </li>
- </ul>
- </div>
- <!-- 瓦斯报警异常 -->
- <div class="Notice borderRa beforS hide">
- <p class="Stitle centertT">瓦斯异常情况</p>
- <ul class="items flex-space centertT">
- <li class="item" onclick="securityMonitor()">
- <span>报警</span>
- <p class="num Gasalarm">0个</p>
- <i class="imgIco"></i>
- </li>
- <li class="item" onclick="securityMonitor()">
- <span>断电</span>
- <p class="num duanDian">0个</p>
- <i class="imgIco"></i>
- </li>
- <li class="item" onclick="securityMonitor()">
- <span>故障</span>
- <p class="num guZhang">0个</p>
- <i class="imgIco"></i>
- </li>
- </ul>
- </div>
- <!-- 产量 进尺 -->
- <div class="Notice borderRa beforS hide">
- <p class="Stitle centertT">产量 进尺</p>
- <div class="Chart flex-space">
- <div style="width:50%" class="canvasParent centertT">
- <canvas id="yield" style="width: 100%;height:140px"></canvas>
- <span class="canvasTitle">今日产量</span>
- </div>
- <div class="centertT" style="width:50%">
- <canvas id="Footage" style="width: 100%;height:140px"></canvas>
- <span class="canvasTitle">今日掘进进尺</span>
- </div>
- </div>
- </div>
- <!-- 皮带秤 产量 -->
- <div class="Notice borderRa beforS hide">
- <p class="Stitle centertT">皮带秤小时产量</p>
- <div class="" style="width:100%">
- <canvas id="Belt" style="width: 100%;margin-top:10px;height:210px"></canvas>
- </div>
- </div>
- <!-- 销量 能耗 -->
- <div class="Notice borderRa beforS hide">
- <p class="Stitle centertT">销量 能耗</p>
- <div class="Chart flex-space">
- <div style="width:50%" class="canvasParent centertT">
- <canvas id="sales" style="width: 100%;height:140px"></canvas>
- <span class="canvasTitle">销量</span>
- </div>
- <div class="centertT" style="width:50%">
- <canvas id="energy" style="width: 100%;height:140px"></canvas>
- <span class="canvasTitle">能耗</span>
- </div>
- </div>
- </div>
- <!-- 隐患整治 三违 -->
- <div class="Notice borderRa beforS hide">
- <p class="Stitle centertT">隐患整治 三违</p>
- <div class="Chart flex-space">
- <div style="width:50%" class="canvasParent centertT">
- <canvas id="danger" style="width: 100%;height:140px"></canvas>
- <span class="canvasTitle">隐患整治</span>
- </div>
- <div class="centertT" style="width:50%">
- <canvas id="violation" style="width: 100%;height:140px"></canvas>
- <span class="canvasTitle">三违</span>
- </div>
- </div>
- </div>
- <!-- 一周产量 -->
- <div class="Notice borderRa hide">
- <!--<p class="Stitle flex-space">-->
- <!--<span> 一周产量趋势</span>-->
- <!--<!– <span style="font-size:14px" class="currentNum">当前下井人数:</span> –>-->
- <!--</p>-->
- <div class="Chart">
- <div class="flex-start">
- <div class="relative Sharebox screen">
- <input id="button-value" class="js-picker" value="周产量趋势">
- <i class="lower"></i>
- </div>
- <div class=" selectTime hide">
- <input class="button-value startYear" value="">
- </div>
- <div class="selectTime1 hide">
- <input class="button-value startTime" value="">
- </div>
- </div>
- <div class="" style="width:100%">
- <canvas id="weekYield" style="width: 100%;margin-top:10px;height:210px"></canvas>
- </div>
- </div>
- </div>
- <!-- 一周下井趋势 -->
- <div class="Notice borderRa hide afterS">
- <p class="Stitle flex-space">
- <span> 一周下井趋势</span>
- <span style="font-size:14px" class="currentNum"></span>
- </p>
- <div class="Chart">
- <div class="" style="width:100%">
- <canvas id="downWell" style="width: 100%;margin-top:10px;height:210px"></canvas>
- </div>
- </div>
- <p class="centertT seachDetatle" onclick="personalLocationJu()">查看详情</p>
- </div>
- </div>
- <script src="../../script/api.js"></script>
- <script src="../../script/popoPicker.js"></script>
- <script src="../../script/f2.js"></script>
- <script src="../../script/config.js"></script>
- <script>
- var headers;
- var apiToast = new apiToast();
- apiready = function () {
- var info = $api.getStorage('data'),
- user = JSON.parse(info).data.user;
- token = JSON.parse(info).data.access_token;
- headers = {
- "Authorization": "Bearer " + token
- };
- openSharebox();//选择器
- //公告
- noticeFun();
- // 图表权限
- chartsJurisdiction();
- // 监听切换tab标签,刷新页面
- api.addEventListener({
- name: 'refreshProduction'
- }, function(ret, err) {
- //公告
- noticeFun();
- // 图表权限
- chartsJurisdiction();
- });
- };
- // 下拉刷新
- function setCustomRefreshHeader() {
- api.setRefreshHeaderInfo({
- bgColor: '#f2f2f2',
- textColor: '#000',
- textDown: '下拉刷新...',
- textUp: '松开刷新...'
- }, function(ret, err) {
- //公告
- noticeFun();
- // 图表权限
- chartsJurisdiction();
- });
- }
- // 打开视频
- function videoMonitor() {
- $http.requestData(UrlRouter.regionApi,'get','')
- .then(ret=>{
- if (ret.code === 0) {
- $event.openWin('videoMonitor','../video/videoMonitor','','')
- }else if (ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- .catch(err=>{})
- }
- // 安全监测权限
- function securityMonitor() {
- $http.requestData(UrlRouter.securityJurisdiction,'post','')
- .then(ret=>{
- if(ret.code === 0) {
- $event.openWin('securityMonitor','../productionData/securityMonitor','','');
- }else if (ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- .catch(err=>{})
- }
- //二分区安全检测权限
- function securityMonitor2() {
- $http.requestData(UrlRouter.securityJurisdiction,'post',{show: 'must'})
- .then(ret=>{
- if(ret.code === 0) {
- $event.openWin('securityMonitor','../productionData/securityMonitor2','','');
- }else if (ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- .catch(err=>{})
- }
- // 人员定位权限
- function personalLocationJu() {
- $http.requestData(UrlRouter.personalLocation,'post','')
- .then(ret=>{
- if(ret.code === 0) {
- $event.openWin('persnoalLocation','../productionData/persnoalLocation','','');
- }else if (ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- .catch(err=>{})
- }
- // 效能管控
- function effectControl() {
- $http.requestData(UrlRouter.efficacyShow,'post','')
- .then(ret=>{
- if(ret.code === 0) {
- $event.openWin('efficiencyWin','../productionData/efficiencyWin','','');
- }else if (ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- .catch(err=>{})
- }
- // 风机监控
- function ventilate() {
- $event.openWin('ventilate_win','../productionData/ventilate_win','','');
- }
- // 矿井水处理
- function Sewage() {
- $event.openTabLayout('sewage','../productionData/sewage','矿井水处理','');
- }
- // 704工作面
- function Face() {
- $http.requestData(UrlRouter.working220704,'post','')
- .then(ret=>{
- if(ret.code === 0) {
- $event.openTabLayout('Face','../704/704','枣泉煤矿智能开采工作面','');
- }else if (ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- .catch(err=>{})
- }
- // 胶轮车
- function rubberTyredCar() {
- $http.requestData(UrlRouter.transparentShow,'post','')
- .then(ret=>{
- if(ret.code === 0) {
- $event.openTabLayout('rubberTyredCar','../productionData/rubberTyredCar','胶轮车','');
- }else if (ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- .catch(err=>{})
- }
- // 生产图表权限
- function chartsJurisdiction() {
- $api.val($api.dom('#button-value'), '周产量趋势');
- $api.addCls($api.dom('.selectTime1'), 'hide');
- $api.addCls($api.dom('.selectTime'), 'hide');
- $http.fnReuestDataNologing(UrlRouter.chartsJurisdiction,headers,'post','',function (ret,err) {
- if (ret && ret.code === 0) {
- // 今日产量
- yieldFootage();footage();
- //一周的产量
- weekYield(false,210);
- // 一周下井趋势
- downWellFun();
- // 报警
- getAlarmData();
- //瓦斯异常
- getGas();
- // 皮带称
- getBeltData()
- // 下拉刷新
- setCustomRefreshHeader();
- var Notice = $api.domAll('.Notice');
- for (var i = 0; i < Notice.length; i++) {
- $api.removeCls(Notice[i], 'hide');
- }
- }else if (ret && ret.code === 1) {
- api.alert({
- title: '提示',
- msg: '该用户没有此权限',
- });
- }
- })
- }
- // 产量 进尺
- function yieldFootage() {
- $http.requestData(UrlRouter.getBanNowDayTotal,'get','')
- .then(ret=>{
- if (ret && ret.status === 20000 && ret.data.length > 0) {
- api.refreshHeaderLoadDone();
- var data = [{
- x: '1',
- y: 75
- }];
- var chart = new F2.Chart({
- id: 'yield',
- pixelRatio: window.devicePixelRatio
- });
- chart.source(data, {
- y: {
- max: 100,
- min: 0
- }
- });
- chart.axis(false);
- chart.tooltip(false);
- chart.coord('polar', {
- transposed: true,
- innerRadius: 0.92,
- radius: 0.99,
- });
- chart.guide().arc({
- start: [0, 0],
- end: [1, 99.98],
- top: false,
- style: {
- lineWidth: 8,
- stroke: '#ccc'
- }
- });
- chart.guide().text({
- position: ['50%', '50%'],
- content: Math.floor(ret.data[0].DayTotal/1)+'吨',
- style: {
- fontSize: 16,
- fill: '#3d3c42'
- }
- });
- chart.interval().position('x*y').size(8).animate({
- appear: {
- duration: 1200,
- easing: 'cubicIn'
- }
- }).color('#6C6F74');
- chart.render();
- }
- })
- .catch(err=>{})
- }
- function footage() {
- $http.fnReuestDataNologing(UrlRouter.getSchedule,'post','',function(ret,err){
- if (ret.code === 0 && ret) {
- // 进尺
- var data = [{
- x: '1',
- y: ret.data['tunnel'].reality
- }];
- var chart = new F2.Chart({
- id: 'Footage',
- pixelRatio: window.devicePixelRatio
- });
- chart.source(data, {
- y: {
- max: ret.data['tunnel'].plan,
- min: 0
- }
- });
- chart.axis(false);
- chart.tooltip(false);
- chart.coord('polar', {
- transposed: true,
- innerRadius: 0.92,
- radius: 0.99,
- });
- chart.guide().arc({
- start: [0, 0],
- end: [1, ret.data['tunnel'].plan - 0.1],
- top: false,
- style: {
- lineWidth: 8,
- stroke: '#ccc'
- }
- });
- chart.guide().text({
- position: ['50%', '50%'],
- content: ret.data['tunnel'].today+'米',
- style: {
- fontSize: 16,
- fill: '#3d3c42'
- }
- });
- chart.interval().position('x*y').size(8).animate({
- appear: {
- duration: 1200,
- easing: 'cubicIn'
- }
- }).color('#14D2B8');
- chart.render();
- // 销量
- var data1 = [{
- x: '1',
- y: ret.data['sales'].reality
- }];
- var chartSales = new F2.Chart({
- id: 'sales',
- pixelRatio: window.devicePixelRatio
- });
- chartSales.source(data1, {
- y: {
- max: ret.data['sales'].plan,
- min: 0
- }
- });
- chartSales.axis(false);
- chartSales.tooltip(false);
- chartSales.coord('polar', {
- transposed: true,
- innerRadius: 0.92,
- radius: 0.99,
- });
- chartSales.guide().arc({
- start: [0, 0],
- end: [1, ret.data['sales'].plan - 0.1],
- top: false,
- style: {
- lineWidth: 8,
- stroke: '#ccc'
- }
- });
- chartSales.guide().text({
- position: ['50%', '50%'],
- content: ret.data['sales'].today+'吨',
- style: {
- fontSize: 16,
- fill: '#3d3c42'
- }
- });
- chartSales.interval().position('x*y').size(8).animate({
- appear: {
- duration: 1200,
- easing: 'cubicIn'
- }
- }).color('#14D2B8');
- chartSales.render();
- // 能耗
- var data2 = [{
- x: '1',
- y: ret.data['energy'].reality
- }];
- var chartEnergy = new F2.Chart({
- id: 'energy',
- pixelRatio: window.devicePixelRatio
- });
- chartEnergy.source(data2, {
- y: {
- max: ret.data['energy'].plan,
- min: 0
- }
- });
- chartEnergy.axis(false);
- chartEnergy.tooltip(false);
- chartEnergy.coord('polar', {
- transposed: true,
- innerRadius: 0.92,
- radius: 0.99,
- });
- chartEnergy.guide().arc({
- start: [0, 0],
- end: [1, ret.data['energy'].plan - 0.1],
- top: false,
- style: {
- lineWidth: 8,
- stroke: '#ccc'
- }
- });
- chartEnergy.guide().text({
- position: ['50%', '50%'],
- content: ret.data['energy'].today+'千瓦',
- style: {
- fontSize: 16,
- fill: '#3d3c42'
- }
- });
- chartEnergy.interval().position('x*y').size(8).animate({
- appear: {
- duration: 1200,
- easing: 'cubicIn'
- }
- }).color('#FF8B8C');
- chartEnergy.render();
- // 隐患整治
- var data3 = [{
- x: '1',
- y: ret.data['danger'].reality
- }];
- var chartDanger = new F2.Chart({
- id: 'danger',
- pixelRatio: window.devicePixelRatio
- });
- chartDanger.source(data3, {
- y: {
- max: ret.data['danger'].plan,
- min: 0
- }
- });
- chartDanger.axis(false);
- chartDanger.tooltip(false);
- chartDanger.coord('polar', {
- transposed: true,
- innerRadius: 0.92,
- radius: 0.99,
- });
- chartDanger.guide().arc({
- start: [0, 0],
- end: [1, ret.data['danger'].plan - 0.1],
- top: false,
- style: {
- lineWidth: 8,
- stroke: '#ccc'
- }
- });
- chartDanger.guide().text({
- position: ['50%', '50%'],
- content: ret.data['danger'].today+'个',
- style: {
- fontSize: 16,
- fill: '#3d3c42'
- }
- });
- chartDanger.interval().position('x*y').size(8).animate({
- appear: {
- duration: 1200,
- easing: 'cubicIn'
- }
- }).color('#14D2B8');
- chartDanger.render();
- //三违
- var data4 = [{
- x: '1',
- y: ret.data['violation'].reality
- }];
- var chartViolation = new F2.Chart({
- id: 'violation',
- pixelRatio: window.devicePixelRatio
- });
- chartViolation.source(data4, {
- y: {
- max: ret.data['violation'].plan,
- min: 0
- }
- });
- chartViolation.axis(false);
- chartViolation.tooltip(false);
- chartViolation.coord('polar', {
- transposed: true,
- innerRadius: 0.92,
- radius: 0.99,
- });
- chartViolation.guide().arc({
- start: [0, 0],
- end: [1, ret.data['violation'].plan - 0.1],
- top: false,
- style: {
- lineWidth: 8,
- stroke: '#ccc'
- }
- });
- chartViolation.guide().text({
- position: ['50%', '50%'],
- content: ret.data['violation'].today+'个',
- style: {
- fontSize: 16,
- fill: '#3d3c42'
- }
- });
- chartViolation.interval().position('x*y').size(8).animate({
- appear: {
- duration: 1200,
- easing: 'cubicIn'
- }
- }).color('#FF8B8C');
- chartViolation.render();
- }
- });
- }
- // 一周下井趋势
- function downWellFun() {
- $http.requestData(UrlRouter.downWellTotal,'post','')
- .then(ret=>{
- if (ret && ret.code === 0) {
- api.refreshHeaderLoadDone();
- var data = ret.data;
- var chart = new F2.Chart({
- id: 'downWell',
- pixelRatio: window.devicePixelRatio
- });
- chart.source(data, {
- 'pepole_num': {
- tickCount: 5
- }
- });
- chart.tooltip({
- custom: false, // 自定义 tooltip 内容框
- });
- chart.interval().position('dater*pepole_num').color('classes').adjust('stack');
- chart.render();
- }
- }).catch(err=>{})
- // 当前人数
- $http.requestData(UrlRouter.currentPersonalNum,'post','')
- .then(ret=>{
- if (ret && ret.code === 0 && ret.data.length > 0) {
- $api.html($api.dom('.currentNum'), '当前下井人数:'+ret.data[0].pepole_num +'人');
- }
- }).catch(err=>{})
- }
- //一周的产量
- function weekYield(transposed,height,type,startTime,endTime) {
- if(type != '年产量趋势'){
- var data = {
- dateTime:startTime,
- endTime:endTime
- };
- $http.requestData(UrlRouter.getBanDayList,'get',data)
- .then(ret=>{
- if (ret && ret.status === 20000) {
- api.refreshHeaderLoadDone();
- var data = ret.data;
- var chart = new F2.Chart({
- id: 'weekYield',
- height: height,
- pixelRatio: window.devicePixelRatio
- });
- chart.source(data, {
- 'banTotal2': {
- tickCount: 5
- }
- });
- chart.coord({
- transposed: transposed
- });
- chart.tooltip({
- custom: false, // 自定义 tooltip 内容框
- });
- chart.interval().position('curDT*total').color('devName').adjust('stack');
- chart.render();
- }
- }).catch(err=>{})
- }else {
- $http.requestData(UrlRouter.getMonthSumByYear,'get',{year:startTime})
- .then(ret=>{
- if (ret && ret.status === 20000) {
- api.refreshHeaderLoadDone();
- var data = ret.data;
- var chart = new F2.Chart({
- id: 'weekYield',
- height: height,
- pixelRatio: window.devicePixelRatio
- });
- chart.source(data, {
- 'banTotal2': {
- tickCount: 5
- }
- });
- chart.coord({
- transposed: transposed
- });
- chart.axis('total', {
- line: null,
- grid: F2.Global._defaultAxis.grid,
- label: function label(text, index, total) {
- var textCfg = {
- text: text / 10000 + '万吨'
- };
- if (index === 0) {
- textCfg.textAlign = 'right';
- } else if (index === total - 1) {
- textCfg.textAlign = 'right';
- }else {
- textCfg.textAlign = 'right';
- }
- return textCfg;
- }
- });
- chart.interval().position('month*total').color('devName').adjust('stack');
- chart.render();
- }
- })
- }
- }
- // 公告
- function noticeFun() {
- $http.requestData(UrlRouter.getBulletin,'post','')
- .then(ret=>{
- if (ret && ret.code === 0) {
- api.refreshHeaderLoadDone();
- $api.html($api.dom('.Scontent'), ret.data.content ==""?'暂无公告':ret.data.content);
- }
- })
- }
- // 报警
- function getAlarmData() {
- $http.requestData(UrlRouter.getAlarmData,'post','')
- .then(ret=>{
- if (ret && ret.code === 0) {
- $api.html($api.dom('.alarmNum1'), ret.data.level2 +'个');
- $api.html($api.dom('.alarmNum2'), ret.data.level3 +'个');
- $api.html($api.dom('.alarmNum3'), ret.data.level4 +'个');
- }
- }).catch(err=>{})
- }
- // 瓦斯异常情况
- function getGas() {
- $http.requestData(UrlRouter.getGasData,'post','')
- .then(ret=>{
- if (ret && ret.code === 0) {
- $api.html($api.dom('.Gasalarm'), ret.data[0].count +'个');
- $api.html($api.dom('.duanDian'), ret.data[1].count +'个');
- $api.html($api.dom('.guZhang'), ret.data[2].count +'个');
- }
- }).catch(err=>{})
- }
- // 选择时间
- function openSharebox() {
- var myDate = new Date();
- var tYear = myDate.getFullYear();
- var tmonth = myDate.getMonth()+1
- $api.val($api.dom('.startYear'), tYear+'年');
- $api.val($api.dom('.startTime'), tYear+'-'+ (tmonth<10? 0+""+tmonth:tmonth));
- new popoPicker('.js-picker',{
- container:'.screen',
- wheels: [{
- infinite: false,
- //selected: 3,
- data:[
- {value:0,display:'周产量趋势'},
- {value:1,display:'月产量趋势'},
- {value:2,display:'年产量趋势'}
- ]
- }],
- background:'light',
- save:function (data) {
- switch (data.result[0].display) {
- case '周产量趋势':
- $api.addCls($api.dom('.selectTime1'), 'hide');
- $api.addCls($api.dom('.selectTime'), 'hide');
- weekYield(false,210);
- break;
- case '月产量趋势':
- $api.removeCls($api.dom('.selectTime1'), 'hide');
- $api.addCls($api.dom('.selectTime'), 'hide');
- weekYield(true,700,'',tYear+'-'+ (tmonth<10? 0+""+tmonth+'-'+0+""+1:tmonth),tYear+'-'+ (tmonth<10? 0+""+tmonth+'-'+31:tmonth),'');
- break;
- case '年产量趋势':
- $api.addCls($api.dom('.selectTime1'), 'hide');
- $api.removeCls($api.dom('.selectTime'), 'hide');
- weekYield(false,300,data.result[0].display,tYear)
- break;
- default:
- }
- }
- });
- new popoDate('.startTime',{
- container:'.selectTime1',
- background:'light',
- save:function (data) {
- weekYield(true,700,'',data+'-'+0+""+1,data+'-'+31);
- }
- });
- new popoYear('.startYear',{
- container:'.selectTime',
- background:'light',
- save:function (data) {
- $api.val($api.dom('.startYear'), data+'年');
- weekYield(false,300,'年产量趋势',data)
- }
- });
- }
- // 皮带称数据
- function getBeltData() {
- $http.requestData(UrlRouter.getDayHourTotal,'get','')
- .then(ret=>{
- if (ret.status === 20000) {
- var data = ret.data;
- var chart = new F2.Chart({
- id: 'Belt',
- pixelRatio: window.devicePixelRatio
- });
- chart.source(data, {
- time: {
- type: 'timeCat',
- mask: 'hh:mm',
- tickCount: 5,
- range: [0, 1]
- }
- });
- chart.tooltip({
- showCrosshairs: true,
- showItemMarker: false,
- onShow: function onShow(ev) {
- var items = ev.items;
- items[0].name = null;
- items[0].value = items[0].value +'吨';
- }
- });
- chart.axis('day', {
- label: function label(text, index, total) {
- var textCfg = {};
- if (index === 0) {
- textCfg.textAlign = 'left';
- } else if (index === total - 1) {
- textCfg.textAlign = 'right';
- }
- return textCfg;
- }
- });
- if (ret.data.length != 0) {
- chart.legend({
- custom: true,
- itemWidth: null,
- nameStyle: {
- textAlign: 'middle',
- fontSize: '14',
- textBaseline: 'middle'
- },
- items: [{
- name: '皮带秤',
- marker: {
- symbol:'circle',
- radius: 5,
- fill: ret.data[ret.data.length-1].runState === 'Stop'? '#E74C3C':'#2ECC71'
- }
- }]
- });
- }
- chart.line().position('time*total').shape('smooth');
- chart.point().position('time*total').shape('smooth').style({
- stroke: '#fff',
- lineWidth: 1
- });
- chart.render();
- }
- }).catch(err=>{})
- }
- </script>
- </body>
- </html>
|