jifuning
/
yangchangwan


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207
							<!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="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>
        </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.fnReuestDataNologing(UrlRouter.regionApi, headers, 'get', {show: 'must'}, function(ret, err) {
            // console.log(JSON.stringify(ret));
            // console.log(JSON.stringify(err));
              if (ret.code === 0) {
                  apiToast.hide();
                  $event.openWin(
                      'videoMonitor',
                      '../video/videoMonitor',
                      '',
                      ''
                  );
              } else if (ret.code === 1) {
                  api.alert({
                      title: '提示',
                      msg: '该用户没有此权限',
                  });
              }
          });
      }
      // 打开视频
      // function videoMonitor() {
      //   $http.fnReuestDataNoW(UrlRouter.regionApi, 'get', {show: 'must'},function(ret,err) {
      //       console.log(JSON.stringify(ret));
      //       console.log(JSON.stringify(err));
      //
      //       if (ret.code === 0) {
      //         $event.openWin('videoMonitor', '../video/videoMonitor', '', '');
      //       } else if (ret.code === 1) {
      //         api.alert({
      //           title: '提示',
      //           msg: '该用户没有此权限',
      //         });
      //       }
      //     })
      //     // .then((ret) => {
      //     //
      //     // })
      //     // .catch((err) => {});
      // }
      // 安全监测权限
      function securityMonitor() {
        $http
          .requestData(UrlRouter.securityJurisdiction, 'post', {show: 'must'})
          .then((ret) => {
            if (ret.code === 0) {
              $event.openWin(
                'securityMonitor',
                '../productionData/securityMonitor',
                '',
                ''
              );
            } else if (ret.code === 1) {
              api.alert({
                title: '提示',
                msg: '该用户没有此权限',
              });
            }
          })
          .catch((err) => {});
      }
      // 人员定位权限
      function personalLocationJu() {
        $http
          .requestData(UrlRouter.personalLocation, 'post', {show: 'must'})
          .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', {show: 'must'})
          .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',
                '枣泉煤矿智能开采工作面',
                {show: 'must'}
              );
            } else if (ret.code === 1) {
              api.alert({
                title: '提示',
                msg: '该用户没有此权限',
              });
            }
          })
          .catch((err) => {});
      }
      // 胶轮车
      // function rubberTyredCar() {
      //   $http.requestData(UrlRouter.transparentShow,'post','')
      //   .then(ret=>{
      //     console.log(JSON.stringify(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',
          {show: 'must'},
          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>