jifuning
/
yangchangwan


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045
							
<!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>
          <li  class="sbjk"onclick="shebeijiankong()">
              <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>-->
          <!--&lt;!&ndash; <span style="font-size:14px" class="currentNum">当前下井人数：</span> &ndash;&gt;-->
        <!--</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 shebeijiankong() {
      $event.openWin('shebeijiankong_win','../productionData/shebeijiankong_win','','');
    }
    // 风机监控
    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>