webpackJsonp([5],{ /***/ "9bBU": /***/ (function(module, exports, __webpack_require__) { __webpack_require__("mClu"); var $Object = __webpack_require__("FeBl").Object; module.exports = function defineProperty(it, key, desc) { return $Object.defineProperty(it, key, desc); }; /***/ }), /***/ "C4MV": /***/ (function(module, exports, __webpack_require__) { module.exports = { "default": __webpack_require__("9bBU"), __esModule: true }; /***/ }), /***/ "UbbN": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/defineProperty.js var defineProperty = __webpack_require__("bOdI"); var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty); // EXTERNAL MODULE: ./node_modules/vuex/dist/vuex.esm.js var vuex_esm = __webpack_require__("NYxO"); // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/monitor/Mindex.vue // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // /* harmony default export */ var Mindex = ({ data: function data() { var _ref; return _ref = { checkboxGroup1: [], cpunum: 50, ncnum: 50, ypnum: 50, onlineUserNum: 0, lastLoginTime: 0, lastLoginIp: 0, runingTime: 0, memoryUsage: 0, flashUsage: 0, createRate: 0, curSessNum: 0, tcpSessNum: 0, udpSessNum: 0, onlineIpNum: 0 }, defineProperty_default()(_ref, 'onlineUserNum', 0), defineProperty_default()(_ref, 'options', [{ value: '选项1', label: '全部' }, { value: '选项2', label: '接口1' }, { value: '选项3', label: '接口2' }, { value: '选项4', label: '接口3' }, { value: '选项5', label: '接口4' }]), defineProperty_default()(_ref, 'timeoptions', [{ value: '选项6', label: '过去60分钟' }, { value: '选项7', label: '过去24小时' }, { value: '选项8', label: '过去30天' }]), defineProperty_default()(_ref, 'objoptions', [{ value: '选项9', label: '流入流量平均值' }, { value: '选项10', label: '流出流量平均值' }]), defineProperty_default()(_ref, 'value', ''), defineProperty_default()(_ref, 'tableData', [{ date: '2016-05-02', name: '提示', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '提示', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '提示', address: '上海市普陀区金沙江路 1519 弄' }]), _ref; }, computed: Object(vuex_esm["b" /* mapState */])({ contextPath: 'urlHost', modulus: 'modulus', publicExponent: 'publicExponent' }), mounted: function mounted() { this.getDefaultData(); this.initPic(); }, methods: { getDefaultData: function getDefaultData() { var that = this; that.$axios({ method: 'post', url: this.contextPath + 'ISG-home-ifnetstatus', needInterceptors: true, showError: true }).then(function (res) { if (res.resultCode === '1001') { var data = res.result; that.onlineUserNum = data['online-user-num']; that.lastLoginTime = data['last-login-time']; that.lastLoginIp = data['last-login-ip']; that.runingTime = data['runing-time']; that.cpunum = data['cpu-usage']; that.ncnum = data['memory-usage']; that.ypnum = data['flash-usage']; that.createRate = data['create-rate']; that.curSessNum = data['cur-sess-num']; that.tcpSessNum = data['tcp-sess-num']; that.udpSessNum = data['udp-sess-num']; that.onlineIpNum = data['online-ip-num']; } }).catch(function (e) { //alert("接口访问出错") }); }, initPic: function initPic() { var myMap = this.$echarts.init(document.getElementById('countPic')); myMap.clear(); var base = +new Date(1968, 9, 3); var oneDay = 24 * 3600 * 1000; var date = []; var data = [Math.random() * 300]; for (var i = 1; i < 20000; i++) { var now = new Date(base += oneDay); date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/')); data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1])); } myMap.setOption({ tooltip: { trigger: 'axis' }, title: { show: false }, grid: { top: 10 }, xAxis: { type: 'category', boundaryGap: false, data: date }, yAxis: { type: 'value' }, dataZoom: [{ type: 'inside', start: 0, end: 10 }, { start: 0, end: 10, handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', handleSize: '80%', handleStyle: { color: '#fff', shadowBlur: 3, shadowColor: 'rgba(0, 0, 0, 0.6)', shadowOffsetX: 2, shadowOffsetY: 2 } }], series: [{ name: '模拟数据', type: 'line', smooth: true, symbol: 'none', sampling: 'average', itemStyle: { color: 'rgb(255, 70, 131)' }, areaStyle: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgb(255, 158, 68)' }, { offset: 1, color: 'rgb(255, 70, 131)' }]) }, data: data }] }); }, getAlert: function getAlert() { this.tableData = [{ date: '2016-05-02', name: '提示', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '提示', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-04', name: '提示', address: '上海市普陀区金沙江路 1517 弄' }]; }, getSystem: function getSystem() { this.tableData = [{ date: '2016-05-02', name: '提示', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '提示', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '提示', address: '上海市普陀区金沙江路 1519 弄' }, { date: '2016-05-03', name: '提示', address: '上海市普陀区金沙江路 1516 弄' }, { date: '2016-05-01', name: '提示', address: '上海市普陀区金沙江路 1519 弄' }, { date: '2016-05-03', name: '提示', address: '上海市普陀区金沙江路 1516 弄' }]; }, getAction: function getAction() { this.tableData = [{ date: '2016-05-02', name: '提示', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '提示', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '提示', address: '上海市普陀区金沙江路 1519 弄' }, { date: '2016-05-02', name: '提示', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '提示', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '提示', address: '上海市普陀区金沙江路 1519 弄' }, { date: '2016-05-02', name: '提示', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '提示', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '提示', address: '上海市普陀区金沙江路 1519 弄' }]; } } }); // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-47d7f1dd","hasScoped":false,"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/pages/monitor/Mindex.vue var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"con-container"},[_c('el-row',{staticClass:"m-height"},[_c('el-col',{attrs:{"span":6}},[_c('div',{staticClass:"minfo"},[_c('h1',[_vm._v("USG50")]),_vm._v(" "),_c('span',{staticClass:"desSpan"},[_vm._v("版本:ISG 50 V1.0.0")]),_vm._v(" "),_c('span',{staticClass:"desSpan"},[_vm._v("设备序列号:08GJjh65GFt688HJ543Jh09KHFC")]),_vm._v(" "),_c('span',{staticClass:"mminfo desSpan"},[_vm._v("在线管理员数:"+_vm._s(_vm.onlineUserNum))]),_vm._v(" "),_c('span',{staticClass:"mminfo desSpan"},[_vm._v("上次登录时间:"+_vm._s(_vm.lastLoginTime))]),_vm._v(" "),_c('span',{staticClass:"mminfo desSpan"},[_vm._v("上次登录 I P:"+_vm._s(_vm.lastLoginIp)+" (成功)")]),_vm._v(" "),_c('span',{staticClass:"mminfo desSpan"},[_vm._v("持续运行时长:"+_vm._s(_vm.runingTime))])])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"imgArea"},[_c('div',{staticClass:"mimg img_one"},[_c('el-checkbox-group',{attrs:{"size":"small"},model:{value:(_vm.checkboxGroup1),callback:function ($$v) {_vm.checkboxGroup1=$$v},expression:"checkboxGroup1"}},[_c('el-checkbox',{attrs:{"label":"0"}},[_vm._v("PWR")]),_vm._v(" "),_c('el-checkbox',{attrs:{"label":"1"}},[_vm._v("SYS")]),_vm._v(" "),_c('el-checkbox',{attrs:{"label":"2"}},[_vm._v("SDN")]),_vm._v(" "),_c('el-checkbox',{attrs:{"label":"3"}},[_vm._v("WiFi")]),_vm._v(" "),_c('el-checkbox',{attrs:{"label":"4"}},[_vm._v("LTE")])],1)],1),_vm._v(" "),_c('div',{staticClass:"mimg img_two"},[_c('el-row',{staticClass:"img_li"},[_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"imgNone"})]),_vm._v(" "),_c('el-col',{staticStyle:{"text-align":"center"},attrs:{"span":4}},[_vm._v("WAN")]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"imgNone"})]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"imgNone"})]),_vm._v(" "),_c('el-col',{staticStyle:{"text-align":"center"},attrs:{"span":4}},[_vm._v("LAN")]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div')])],1),_vm._v(" "),_c('el-row',{staticClass:"img_li"},[_c('el-col',{attrs:{"span":4}},[_c('el-popover',{attrs:{"placement":"top-start","width":"120","trigger":"hover"}},[_c('div',{staticClass:"hoverStyle"},[_c('span',{staticStyle:{"width":"100%","display":"inline-block"}},[_vm._v("名称:GE-3")]),_vm._v(" "),_c('span',[_vm._v("速率:100M/秒\"")])]),_vm._v(" "),_c('div',{staticClass:"imgNone imgOne",staticStyle:{"background-position":"right top"},attrs:{"slot":"reference"},slot:"reference"})])],1),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"imgNone"})]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('el-popover',{attrs:{"placement":"top-start","width":"120","trigger":"hover"}},[_c('div',{staticClass:"hoverStyle"},[_c('span',{staticStyle:{"width":"100%","display":"inline-block"}},[_vm._v("名称:GE-3")]),_vm._v(" "),_c('span',[_vm._v("速率:100M/秒\"")])]),_vm._v(" "),_c('div',{staticClass:"imgNone imgOne",staticStyle:{"background-position":"left top"},attrs:{"slot":"reference"},slot:"reference"})])],1),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('el-popover',{attrs:{"placement":"top-start","width":"120","trigger":"hover"}},[_c('div',{staticClass:"hoverStyle"},[_c('span',{staticStyle:{"width":"100%","display":"inline-block"}},[_vm._v("名称:GE-3")]),_vm._v(" "),_c('span',[_vm._v("速率:100M/秒\"")])]),_vm._v(" "),_c('div',{staticClass:"imgNone imgOne",attrs:{"slot":"reference"},slot:"reference"})])],1),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('el-popover',{attrs:{"placement":"top-start","width":"120","trigger":"hover"}},[_c('div',{staticClass:"hoverStyle"},[_c('span',{staticStyle:{"width":"100%","display":"inline-block"}},[_vm._v("名称:GE-3")]),_vm._v(" "),_c('span',[_vm._v("速率:100M/秒\"")])]),_vm._v(" "),_c('div',{staticClass:"imgNone imgOne",attrs:{"slot":"reference"},slot:"reference"})])],1),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('el-popover',{attrs:{"placement":"top-start","width":"120","trigger":"hover"}},[_c('div',{staticClass:"hoverStyle"},[_c('span',{staticStyle:{"width":"100%","display":"inline-block"}},[_vm._v("名称:GE-3")]),_vm._v(" "),_c('span',[_vm._v("速率:100M/秒\"")])]),_vm._v(" "),_c('div',{staticClass:"imgNone imgOne",attrs:{"slot":"reference"},slot:"reference"})])],1)],1),_vm._v(" "),_c('el-row',{staticClass:"img_li"},[_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"imgNone"})]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div')]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div')]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div')]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div')]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div')])],1)],1)])]),_vm._v(" "),_c('el-col',{attrs:{"span":6}},[_c('div',{staticClass:"mdes"},[_c('div',{staticClass:"mdes-name"},[_vm._v("CPU")]),_vm._v(" "),_c('div',{staticClass:"mdes-per"},[_c('div',{style:('width:'+ _vm.cpunum+';')})])]),_vm._v(" "),_c('div',{staticClass:"mdes"},[_c('div',{staticClass:"mdes-name"},[_vm._v("内存")]),_vm._v(" "),_c('div',{staticClass:"mdes-per"},[_c('div',{style:('width:'+ _vm.ncnum+';')})])]),_vm._v(" "),_c('div',{staticClass:"mdes"},[_c('div',{staticClass:"mdes-name"},[_vm._v("硬盘")]),_vm._v(" "),_c('div',{staticClass:"mdes-per"},[_c('div',{style:('width:'+ _vm.ypnum+';')})])]),_vm._v(" "),_c('div',[_c('table',{staticClass:"con-Class"},[_c('tr',[_c('td',[_vm._v("新建速率")]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.createRate)+"个/秒")]),_vm._v(" "),_c('td',[_vm._v("并发会话")]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.curSessNum)+"个")])]),_vm._v(" "),_c('tr',[_c('td',[_vm._v("TCP会话")]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.tcpSessNum)+"个")]),_vm._v(" "),_c('td',[_vm._v("UDP会话")]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.udpSessNum)+"个")])]),_vm._v(" "),_c('tr',[_c('td',[_vm._v("在线IP数")]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.onlineIpNum)+"个")]),_vm._v(" "),_c('td',[_vm._v("在线用户")]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.onlineUserNum)+"个")])])])])])],1),_vm._v(" "),_c('el-row',{staticClass:"w-height"},[_c('el-col',{attrs:{"span":24}},[_c('span',{staticClass:"w-title"},[_vm._v("状态面板")])])],1),_vm._v(" "),_c('el-row',{staticClass:"w-height"},[_c('el-col',{staticClass:"w-table",attrs:{"span":11}},[_c('span',{staticClass:"w-child-title"},[_vm._v("日志告警信息")]),_vm._v(" "),_c('div',{staticClass:"w-child-div"},[_c('el-button-group',[_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.getAlert()}}},[_vm._v("告警信息(3)")]),_vm._v(" "),_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.getSystem()}}},[_vm._v("系统日志(6)")]),_vm._v(" "),_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.getAction()}}},[_vm._v("业务日志(9)")])],1),_vm._v(" "),_c('el-table',{staticClass:"contable",staticStyle:{"width":"100%"},attrs:{"data":_vm.tableData,"border":"","height":"200"}},[_c('el-table-column',{attrs:{"prop":"name","label":"级别","width":"80"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"date","label":"时间","width":"100"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"address","label":"描述"}})],1)],1)]),_vm._v(" "),_c('el-col',{staticClass:"w-count",attrs:{"span":11}},[_c('span',{staticClass:"w-child-title"},[_vm._v("接口流量统计")]),_vm._v(" "),_c('div',{staticClass:"w-child-div"},[_c('span',[_vm._v("接口")]),_vm._v(" "),_c('el-select',{attrs:{"placeholder":"请选择","size":"mini"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.label,"value":item.value}})}),1),_vm._v(" "),_c('span',{staticClass:"left-space"},[_vm._v("时间")]),_vm._v(" "),_c('el-select',{attrs:{"placeholder":"请选择","size":"mini"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm._l((_vm.timeoptions),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.label,"value":item.value}})}),1),_vm._v(" "),_c('span',{staticClass:"left-space"},[_vm._v("类型")]),_vm._v(" "),_c('el-select',{attrs:{"placeholder":"请选择","size":"mini"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm._l((_vm.objoptions),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.label,"value":item.value}})}),1)],1),_vm._v(" "),_c('div',{staticClass:"w-child-pic",attrs:{"id":"countPic"}})])],1)],1)} var staticRenderFns = [] var esExports = { render: render, staticRenderFns: staticRenderFns } /* harmony default export */ var monitor_Mindex = (esExports); // CONCATENATED MODULE: ./src/pages/monitor/Mindex.vue function injectStyle (ssrContext) { __webpack_require__("sW8K") } var normalizeComponent = __webpack_require__("VU/8") /* script */ /* template */ /* template functional */ var __vue_template_functional__ = false /* styles */ var __vue_styles__ = injectStyle /* scopeId */ var __vue_scopeId__ = null /* moduleIdentifier (server only) */ var __vue_module_identifier__ = null var Component = normalizeComponent( Mindex, monitor_Mindex, __vue_template_functional__, __vue_styles__, __vue_scopeId__, __vue_module_identifier__ ) /* harmony default export */ var pages_monitor_Mindex = __webpack_exports__["default"] = (Component.exports); /***/ }), /***/ "bOdI": /***/ (function(module, exports, __webpack_require__) { "use strict"; exports.__esModule = true; var _defineProperty = __webpack_require__("C4MV"); var _defineProperty2 = _interopRequireDefault(_defineProperty); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = function (obj, key, value) { if (key in obj) { (0, _defineProperty2.default)(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }; /***/ }), /***/ "mClu": /***/ (function(module, exports, __webpack_require__) { var $export = __webpack_require__("kM2E"); // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes) $export($export.S + $export.F * !__webpack_require__("+E39"), 'Object', { defineProperty: __webpack_require__("evD5").f }); /***/ }), /***/ "sW8K": /***/ (function(module, exports) { // removed by extract-text-webpack-plugin /***/ }) });