| 1 |
- {"remainingRequest":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\GERENWENJIAN\\code\\qv\\vue\\src\\views\\thaadInvestigation\\index.vue?vue&type=style&index=0&id=33d7efaf&scoped=true&lang=css&","dependencies":[{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\src\\views\\thaadInvestigation\\index.vue","mtime":1683194775569},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1683195235159},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1683195239228},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\postcss-loader\\src\\index.js","mtime":1683195236737},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1683195233343},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1683195237816}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoudGFibGVIZWlnaHQge30NCg0KLmVjaGFydHMtYm94IHsNCiAgICBoZWlnaHQ6IDEwMCU7DQogICAgd2lkdGg6IDEwMCU7DQp9DQoNCi5tYXBlY2hhcnRzIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQp9DQoNCi5yYWRhciB7DQogICAgaGVpZ2h0OiAxMDAlOw0KfQ0KDQoucmFkYXIgL2RlZXAvIC5lbC1jYXJkX19ib2R5IHsNCiAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDEwMHB4KTsNCg0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAoRA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA","file":"index.vue","sourceRoot":"src/views/thaadInvestigation","sourcesContent":["<template>\r\n <el-row style=\"height:100%;\">\r\n <el-col :span=\"6\">\r\n <el-row>\r\n <el-card class=\"tableHeight\">\r\n <div slot=\"header\" class=\"clearfix\">\r\n <span>实例状态表</span>\r\n </div>\r\n <el-table :data=\"instancetable\" @current-change=\"instanceChange\">\r\n <el-table-column prop=\"instanceID\" label=\"实例ID\"></el-table-column>\r\n <el-table-column prop=\"instanceName\" label=\"实例名称\"></el-table-column>\r\n <el-table-column prop=\"instanceState\" label=\"工作类型\"></el-table-column>\r\n </el-table>\r\n </el-card>\r\n </el-row>\r\n <el-row>\r\n <el-card class=\"tableHeight\">\r\n <div slot=\"header\" class=\"clearfix\">\r\n <span>工作参数设置</span>\r\n </div>\r\n\r\n <div style=\"padding-bottom:5px;\">\r\n 工作模式：\r\n <el-select v-model=\"workvalue\" placeholder=\"请选择\" @change=\"workStyleChange\">\r\n <el-option v-for=\"item in options1\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </div>\r\n <el-table :data=\"propertyinittable\" :row-style=\"{ height: '20px' }\" :cell-style=\"{ padding: '0px' }\"\r\n style=\"font-size: 10px;width: 100%;\" height=\"100%\" highlight-current-row border>\r\n <el-table-column prop=\"key\" label=\"属性\"></el-table-column>\r\n <el-table-column prop=\"value\" label=\"值\"></el-table-column>\r\n </el-table>\r\n </el-card>\r\n <el-card class=\"tableHeight\">\r\n <div slot=\"header\" class=\"clearfix\">\r\n <span>运行状态</span>\r\n </div>\r\n <el-table :data=\"propertycontroltable\" :row-style=\"{ height: '20px' }\" :cell-style=\"{ padding: '0px' }\"\r\n style=\"font-size: 10px;width: 100%;\" height=\"100%\" highlight-current-row border>\r\n <el-table-column prop=\"key\" label=\"属性\"></el-table-column>\r\n <el-table-column prop=\"value\" label=\"值\"></el-table-column>\r\n </el-table>\r\n </el-card>\r\n </el-row>\r\n </el-col>\r\n <el-col :span=\"12\" style=\"height:100%;\">\r\n <el-card class=\"radar\">\r\n <div slot=\"header\" class=\"clearfix\">\r\n <span>雷达状态显示</span>\r\n </div>\r\n <div class=\"echarts-box\">\r\n <div id=\"radarEchart\" class=\"mapecharts\"></div>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <el-card>\r\n <div slot=\"header\" class=\"clearfix\">\r\n <span>雷达目标列表</span>\r\n </div>\r\n <el-table :data=\"objecttable\" :row-style=\"{ height: '20px' }\" :cell-style=\"{ padding: '0px' }\"\r\n style=\"font-size: 10px;width: 100%;\" border>\r\n <el-table-column prop=\"platformID\" label=\"目标ID\"></el-table-column>\r\n <el-table-column prop=\"platformName\" label=\"目标名称\"></el-table-column>\r\n </el-table>\r\n </el-card>\r\n </el-col>\r\n </el-row>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n computed: {\r\n ...mapGetters([\r\n 'map',\r\n 'init',\r\n 'platforms',\r\n 'thaadInstances',\r\n 'thaadParams',\r\n 'platformID',\r\n 'platforms'\r\n ]),\r\n },\r\n watch: {\r\n init: {\r\n handler: function (val, oldVal) {\r\n\r\n this.setTimer();\r\n }\r\n },\r\n platformID: {\r\n handler: function (val, oldVal) {\r\n this.$wst.send({\r\n url: 'getThaadInstances',\r\n data: {}\r\n })\r\n\r\n }\r\n },\r\n thaadInstances: {\r\n handler: function (val, oldVal) {\r\n this.instancetable = val\r\n }\r\n },\r\n thaadParams: {\r\n handler: function (val, oldVal) {\r\n this.propertyinittable = val.InitParams\r\n this.propertycontroltable = val.CtrlParams\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n frequencevalue: '',\r\n workvalue: 101,\r\n frequenceAverageShow: false,\r\n radarEchart: null,\r\n instancetable: null,\r\n instanceID: null,\r\n propertyinittable: null,\r\n propertycontroltable: null,\r\n objecttable: null,\r\n options1: [{\r\n value: 101,\r\n label: '101'\r\n }, {\r\n value: 102,\r\n label: '102'\r\n }, {\r\n value: 103,\r\n label: '103'\r\n }, {\r\n value: 201,\r\n label: '201'\r\n }, {\r\n value: 202,\r\n label: '202'\r\n },\r\n {\r\n value: 203,\r\n label: '203'\r\n },\r\n {\r\n value: 301,\r\n label: '301'\r\n },\r\n {\r\n value: 302,\r\n label: '302'\r\n },\r\n {\r\n value: 303,\r\n label: '303'\r\n },\r\n {\r\n value: 401,\r\n label: '401'\r\n },\r\n {\r\n value: 402,\r\n label: '402'\r\n },\r\n {\r\n value: 403,\r\n label: '403'\r\n }\r\n ],\r\n\r\n echartoption: {\r\n dataZoom: {\r\n },\r\n polar: {\r\n\r\n },\r\n radiusAxis: {\r\n\r\n },\r\n angleAxis: {\r\n type: 'category',\r\n // boundaryGap: false,\r\n data: [\r\n '0°~60°',\r\n '60°~120°',\r\n '120°~180°',\r\n '180°~240°',\r\n '240°~300°',\r\n '300°~360°',\r\n ]\r\n },\r\n series: {\r\n type: 'line',\r\n coordinateSystem: 'polar',\r\n data: [12, 32, 42, 52, 62]\r\n }\r\n },\r\n // radarData: {\r\n // [12, 32,42]\r\n // }\r\n }\r\n },\r\n mounted() {\r\n this.echartsInit();\r\n this.$wst.send({\r\n url: 'getThaadInstances',\r\n data: {}\r\n });\r\n // 页面加载设置高度自适应\r\n window.onresize = () => {\r\n\r\n this.resizeDom()\r\n };\r\n // 页面加载设置高度自适应\r\n this.resizeDom()\r\n },\r\n methods: {\r\n frequenceChange() {\r\n if (this.frequencevalue == 4) {\r\n this.frequenceAverageShow = true;\r\n } else {\r\n this.frequenceAverageShow = false;\r\n }\r\n },\r\n echartsInit() {\r\n this.$echarts.init(document.getElementById('radarEchart')).setOption(this.echartoption);\r\n if (this.localEchart == null) {\r\n this.radarEchart = this.$echarts.init(document.getElementById('radarEchart'))\r\n } else {\r\n this.radarEchart.setOption(this.echartoption);\r\n }\r\n },\r\n //通过窗体高宽计算容器高宽，渲染echart图表的div的宽高度以达到自适应目的\r\n resizeDom() {\r\n console.log(\"高度自适应\")\r\n // const boxHeight = document.getElementsByClassName(\"echarts-box\")[0].clientHeight\r\n // var Echart = document.getElementById('radarEchart')\r\n // Echart.style.height = (boxHeight/2-65)+'px';\r\n this.$echarts.init(document.getElementById('radarEchart')).resize()\r\n },\r\n instanceChange(val) {\r\n this.instanceID = val.instanceID;\r\n if (val.instanceState == \"开机\") {\r\n this.objecttable = this.platforms;\r\n this.$wst.send({\r\n url: 'getThaadParams',\r\n data: {\r\n InstanceID: val.instanceID,\r\n PlatformID: this.platformID\r\n }\r\n });\r\n }\r\n else {\r\n this.objecttable = null;\r\n this.propertycontroltable= null;\r\n }\r\n\r\n },\r\n workStyleChange(val) {\r\n console.log(val);\r\n this.$wst.send({\r\n url: 'setThaadStyle',\r\n data: {\r\n InstanceID: this.instanceID,\r\n PlatformID: this.platformID,\r\n Style: val\r\n }\r\n })\r\n }\r\n\r\n\r\n },\r\n\r\n}\r\n</script>\r\n<style scoped>\r\n.tableHeight {}\r\n\r\n.echarts-box {\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.mapecharts {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.radar {\r\n height: 100%;\r\n}\r\n\r\n.radar /deep/ .el-card__body {\r\n height: calc(100% - 100px);\r\n\r\n}\r\n</style>"]}]}
|
