webpackJsonp([37],{

/***/ "VhAs":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });

// EXTERNAL MODULE: ./src/common/echart/index.vue + 4 modules
var echart = __webpack_require__("C3+4");

// EXTERNAL MODULE: ./src/components/scrolllist/index.vue + 2 modules
var scrolllist = __webpack_require__("Lbay");

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/presentationPage/homePageEnvironmentalQualityMonitor.vue
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

// import Schart from "vue-schart";
// import scrollvue from "../components/scrollvue"


/* harmony default export */ var homePageEnvironmentalQualityMonitor = ({
  name: "dashboard",
  data: function data() {
    return {
      statisticalParameters: [{
        title: '设备总数',
        num: '4062',
        company: '个'
      }, {
        title: '在线设备',
        num: '3775',
        company: '个'
      }, {
        title: '离线设备',
        num: '287',
        company: '个'
      }, {
        title: '异常设备',
        num: '0',
        company: '个'
      }, {
        title: 'PM2.5/PM10异常',
        num: '298',
        company: '个'
      }, {
        title: '大气压力异常',
        num: '809',
        company: '个'
      }, {
        title: '环境湿度异常',
        num: '809',
        company: '个'
      }, {
        title: '二氧化碳异常',
        num: '809',
        company: '个'
      }, {
        title: 'TVOC异常',
        num: '809',
        company: '个'
      }, {
        title: 'CH₂O 异常',
        num: '809',
        company: '个'
      }],
      animate: false,
      name: localStorage.getItem("ms_username"),
      tableData: [{
        date: "1郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }, {
        date: "2郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }, {
        date: "3郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }, {
        date: "4郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }, {
        date: "5郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }, {
        date: "6郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }, {
        date: "7郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }, {
        date: "8郑州大学人才公寓/3号楼/2单元/4层",
        t1: "0",
        t2: "0",
        t3: "0"
      }],
      // 滚屏消息
      systemMsg: [{
        id: 1,
        title: "入主白宫近10日 拜登做了10件大事"
      }, {
        id: 2,
        title: "全民带货？小红书外链淘宝权限将大范围开放"
      }, {
        id: 3,
        title: "贾跃亭FF将在纳斯达克上市 股票代码为FFIE"
      }, {
        id: 4,
        title: "全民带货？小红书外链淘宝权限将大范围开放 股票代码为FFIE"
      }, {
        id: 5,
        title: "全民带货？小红书外链淘宝权限将大范围开放 股票代码为FFIE"
      }, {
        id: 6,
        title: "贾跃亭FF将在纳斯达克上市 股票代码为FFIE"
      }, {
        id: 7,
        title: "全民带货？小红书外链淘宝权限将大范围开放 股票代码为FFIE"
      }, {
        id: 8,
        title: "贾跃亭FF将在纳斯达克上市 股票代码为FFIE"
      }, {
        id: 9,
        title: "全民带货？小红书外链淘宝权限将大范围开放 股票代码为FFIE"
      }, {
        id: 10,
        title: "贾跃亭FF将在纳斯达克上市 股票代码为FFIE"
      }],
      data: [{
        name: "2018/09/04",
        value: 1083
      }, {
        name: "2018/09/05",
        value: 941
      }, {
        name: "2018/09/06",
        value: 1139
      }, {
        name: "2018/09/07",
        value: 816
      }, {
        name: "2018/09/08",
        value: 327
      }, {
        name: "2018/09/09",
        value: 228
      }, {
        name: "2018/09/10",
        value: 1065
      }],
      options: {
        title: {
          text: '环境质量走势图'
        },
        tooltip: {
          trigger: 'axis'
        },
        color: ['#91cc75', '#ee6666'],
        legend: {
          data: ['正常', '满溢警告'],
          textStyle: "#333"
        },
        textStyle: {
          color: "#333"
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: {
          type: 'category',
          boundaryGap: false,
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          axisLabel: {
            textStyle: {
              color: "#666",
              margin: 15
            }
          }
        },
        yAxis: {
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#666",
              margin: 15
            }
          }
        },
        series: [{
          name: '正常',
          type: 'line',
          // stack: 'Total',
          data: [220, 182, 191, 234, 290, 330, 310]
        }, {
          name: '满溢警告',
          type: 'line',
          // stack: 'center',
          data: [10, 11, 5, 6, 23, 25, 32]
        }]
      },
      options2: {
        title: {
          text: '电量分布情况'
        },
        tooltip: {
          trigger: 'item'
        },
        legend: {
          top: '5%',
          left: 'center',
          textStyle: {
            color: "#666"
          }
        },
        series: [{
          name: '电量情况',
          type: 'pie',
          radius: ['40%', '70%'],
          avoidLabelOverlap: false,
          itemStyle: {
            borderRadius: 10,
            borderColor: '#fff',
            borderWidth: 2
          },
          label: {
            show: false,
            position: 'center',
            color: "#666"
          },
          emphasis: {
            label: {
              show: true,
              fontSize: '20',
              fontWeight: 'bold'
            }
          },
          labelLine: {
            // show: false,
            normal: {
              length: 15, // 指示线长度
              lineStyle: {
                color: "#595959" // 指示线颜色
              }
            }
          },
          data: [{
            value: 1048,
            name: '正常'
          }, {
            value: 735,
            name: '良好'
          }, {
            value: 580,
            name: '低电'
          }]
        }]
      },
      options3: {
        title: {
          text: '设备电量统计'
        },
        tooltip: {
          trigger: 'axis'
        },
        color: ['#fac858', '#91cc75', '#ee6666'],
        legend: {
          data: ['OTA未升级', 'OTA已升级', '低电设备'],
          textStyle: "#333"
        },
        textStyle: {
          color: "#333"
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: {
          type: 'category',
          boundaryGap: false,
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          axisLabel: {
            textStyle: {
              color: "#666",
              margin: 15
            }
          }
        },
        yAxis: {
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#666",
              margin: 15
            }
          }
        },
        series: [{
          name: 'OTA未升级',
          type: 'line',
          // stack: 'center',
          data: [10, 11, 5, 6, 23, 25, 32]
        }, {
          name: 'OTA已升级',
          type: 'line',
          // stack: 'Total',
          data: [220, 182, 191, 234, 290, 330, 310]
        }, {
          name: '低电设备',
          type: 'line',
          // stack: 'bottom',
          data: [0, 1, 0, 0, 0, 0, 0]
        }]
      },
      items: []
    };
  },

  components: {
    Echart: echart["a" /* default */],
    scrolllist: scrolllist["a" /* default */]
    // Schart,
    // scrollvue
  },
  computed: {
    role: function role() {
      return this.name === "admin" ? "超级管理员" : "普通用户";
    }
  },
  mounted: function mounted() {
    // setInterval(this.scroll, 1000);
  },

  methods: {
    tgces: function tgces() {
      this.$router.push({
        path: "/test"
      });
    },
    scroll: function scroll() {
      var _this = this;

      this.animate = true; // 因为在消息向上滚动的时候需要添加css3过渡动画，所以这里需要设置true
      setTimeout(function () {
        //  这里直接使用了es6的箭头函数，省去了处理this指向偏移问题，代码也比之前简化了很多
        _this.tableData.push(_this.tableData[0]); // 将数组的第一个元素添加到数组的
        _this.tableData.shift(); //删除数组的第一个元素
        _this.animate = false; // margin-top 为0 的时候取消过渡动画，实现无缝滚动
      }, 500);
    },
    changeDate: function changeDate() {
      var now = new Date().getTime();
      this.data.forEach(function (item, index) {
        var date = new Date(now - (6 - index) * 86400000);
        item.name = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate();
      });
    }
  }
});
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-ddcaee2e","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/presentationPage/homePageEnvironmentalQualityMonitor.vue
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"content1"},[_c('el-row',{staticClass:"elrow",attrs:{"gutter":20}},_vm._l((_vm.statisticalParameters),function(item,index){return _c('el-col',{key:index,staticClass:"mrBottom20",attrs:{"span":4}},[_c('el-card',{staticClass:"caredradious",attrs:{"shadow":"always","body-style":{padding:'0px'}}},[_c('div',{staticClass:"grid-content grid-con-1"},[_c('div',{staticClass:"colposition"},[_c('div',{staticClass:"grid-cont-right"},[_c('div',[_vm._v(_vm._s(item.title))]),_vm._v(" "),_c('div',{staticClass:"grid-num"},[_vm._v(_vm._s(item.num)+" "),_c('span',[_vm._v(_vm._s(item.company))])])])])])])],1)}),1),_vm._v(" "),_c('el-row',{staticClass:"elrow",attrs:{"gutter":20}},[_c('el-col',{attrs:{"span":12}},[_c('el-card',{attrs:{"shadow":"hover"}},[_c('Echart',{staticClass:"schart",attrs:{"options":_vm.options,"width":"100%","height":"18vw"}})],1)],1),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('el-card',{attrs:{"shadow":"hover"}},[_c('Echart',{staticClass:"schart",attrs:{"options":_vm.options2,"width":"100%","height":"18vw"}})],1)],1)],1)],1)}
var staticRenderFns = []
var esExports = { render: render, staticRenderFns: staticRenderFns }
/* harmony default export */ var presentationPage_homePageEnvironmentalQualityMonitor = (esExports);
// CONCATENATED MODULE: ./src/views/presentationPage/homePageEnvironmentalQualityMonitor.vue
function injectStyle (ssrContext) {
  __webpack_require__("YmfO")
}
var normalizeComponent = __webpack_require__("VU/8")
/* script */


/* template */

/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
/* scopeId */
var __vue_scopeId__ = "data-v-ddcaee2e"
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
  homePageEnvironmentalQualityMonitor,
  presentationPage_homePageEnvironmentalQualityMonitor,
  __vue_template_functional__,
  __vue_styles__,
  __vue_scopeId__,
  __vue_module_identifier__
)

/* harmony default export */ var views_presentationPage_homePageEnvironmentalQualityMonitor = __webpack_exports__["default"] = (Component.exports);


/***/ }),

/***/ "YmfO":
/***/ (function(module, exports) {

// removed by extract-text-webpack-plugin

/***/ })

});