|
@@ -1,304 +1,436 @@
|
|
|
<template>
|
|
|
- <div style="height:100%;">
|
|
|
- <el-row style="height:65%;" gutter="20">
|
|
|
+ <div style="height: 100%">
|
|
|
+ <el-row style="height: 67%" :gutter="20">
|
|
|
+ <el-col :span="6" style="height: 100%">
|
|
|
+ <el-row style="height: 28px">
|
|
|
+ <span class="select">
|
|
|
+ <span style="width: 40%; text-align: center">当前传感器:</span>
|
|
|
+ <el-select
|
|
|
+ style="width: 60%"
|
|
|
+ v-model="currentESM"
|
|
|
+ placeholder="选择传感器"
|
|
|
+ @change="instanceChange"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in esmInstances"
|
|
|
+ :key="item.instanceID"
|
|
|
+ :label="item.instanceName"
|
|
|
+ :value="item.instanceID"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </span>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="height: calc(100% - 28px)">
|
|
|
+ <el-card class="tableHeight">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>工作参数设置</span>
|
|
|
+ </div>
|
|
|
+ <el-table :data="esmParams.CtrlParams" style="width: 100%">
|
|
|
+ <!-- @current-change="instanceChange" -->
|
|
|
+ <el-table-column
|
|
|
+ width="130"
|
|
|
+ prop="key"
|
|
|
+ label="属性"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ width="80"
|
|
|
+ prop="value"
|
|
|
+ label="值"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-switch
|
|
|
+ v-if="scope.row.key == '工作状态'"
|
|
|
+ active-text="打开"
|
|
|
+ inactive-text="关闭"
|
|
|
+ v-model="currentESMParam.uRrPowerOn"
|
|
|
+ ></el-switch>
|
|
|
+ <el-select
|
|
|
+ v-if="scope.row.key == '工作模式'"
|
|
|
+ v-model="currentESMParam.uRrWorkMode"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in esmModes"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
+ <el-input-number
|
|
|
+ v-if="scope.row.key == '侦察方位中心'"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.1"
|
|
|
+ :max="10"
|
|
|
+ :min="-10"
|
|
|
+ size="small"
|
|
|
+ v-model="currentESMParam.dScanAzCentDeg"
|
|
|
+ ></el-input-number>
|
|
|
+
|
|
|
+ <el-input-number
|
|
|
+ v-if="scope.row.key == '侦察俯仰中心'"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.1"
|
|
|
+ :max="10"
|
|
|
+ :min="-10"
|
|
|
+ v-model="currentESMParam.dScanElCentDeg"
|
|
|
+ size="small"
|
|
|
+ ></el-input-number>
|
|
|
+
|
|
|
+ <el-input-number
|
|
|
+ v-if="scope.row.key == '景幅行数'"
|
|
|
+ :step="5"
|
|
|
+ :max="100"
|
|
|
+ :min="5"
|
|
|
+ v-model="currentESMParam.uLineNumPerFrame"
|
|
|
+ size="small"
|
|
|
+ ></el-input-number>
|
|
|
|
|
|
- <el-col :span="6" style="height:100%">
|
|
|
- <el-row style="height: 28px;">
|
|
|
- <span class="select">
|
|
|
- <span style="width:40%;text-align: center;">当前传感器:</span>
|
|
|
- <el-select style="width:60%;" v-model="currentSensor" placeholder="选择传感器" @change="instanceChange" size="mini">
|
|
|
- <el-option v-for="item in instancetable" :key="item.instanceID" :label="item.instanceName"
|
|
|
- :value="item.instanceID">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </span>
|
|
|
-
|
|
|
- </el-row>
|
|
|
- <el-row style="height: calc(100% - 28px);">
|
|
|
- <el-card class="tableHeight">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>工作参数</span>
|
|
|
- </div>
|
|
|
- <el-form label-width="80px">
|
|
|
- ` <el-form-item label="工作模式">
|
|
|
- <el-input v-model="model"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="开关">
|
|
|
- <el-switch v-model="Switch"></el-switch>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="onSubmit">变更</el-button>
|
|
|
- <el-button>撤消</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>`
|
|
|
- </el-card>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" style="height:100%;">
|
|
|
- <el-card class="radar">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>雷侦状态显示</span>
|
|
|
- </div>
|
|
|
- <div class="echarts-box">
|
|
|
- <div id="radarEchart" ></div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" style="height:100%;">
|
|
|
- <el-card class="tableHeight">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>传感器工作状态</span>
|
|
|
- </div>
|
|
|
- <el-table :data="instancetable" @current-change="instanceChange">
|
|
|
- <el-table-column prop="instanceID" label="实例ID"></el-table-column>
|
|
|
- <el-table-column prop="instanceName" label="实例名称"></el-table-column>
|
|
|
- <el-table-column prop="instanceState" label="工作类型"></el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
+ <el-select
|
|
|
+ v-if="scope.row.key == '侦收起始频率'"
|
|
|
+ v-model="currentESMParam.fFreqMode"
|
|
|
+ size="mini"
|
|
|
+ placeholder="请选择侦收频率范围"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in esmFreqs"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-row v-if="scope.row.key == '侦收终止频率'">
|
|
|
+ <el-button size="mini" type="success" @click="handleEdit"
|
|
|
+ >变更</el-button
|
|
|
+ >
|
|
|
+ <el-button size="mini" type="danger">撤销</el-button>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
</el-row>
|
|
|
- <el-row style="height:35%;">
|
|
|
- <el-card class="target">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>雷侦目标列表</span>
|
|
|
- <el-button style="float: right;" round size="mini">发送到协同平台</el-button>
|
|
|
- </div>
|
|
|
- <el-table :data="ESMresults" class="targetTable" height="100%;">
|
|
|
- <!-- <el-table-column prop="az" label="方位角" width="150">
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" style="height: 100%">
|
|
|
+ <el-card class="radar">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>雷侦状态显示</span>
|
|
|
+ </div>
|
|
|
+ <div class="echarts-box">
|
|
|
+ <div id="radarEchart"></div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 100%">
|
|
|
+ <el-card class="tableHeight">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>传感器工作状态</span>
|
|
|
+ </div>
|
|
|
+ <el-table :data="esmStatus">
|
|
|
+ <el-table-column prop="key" label="属性"></el-table-column>
|
|
|
+ <el-table-column prop="value" label="值"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="height: 33%">
|
|
|
+ <el-card class="target">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>雷侦目标列表</span>
|
|
|
+ </div>
|
|
|
+ <el-table :data="ESMresults" class="targetTable" height="100%;">
|
|
|
+ <!-- <el-table-column prop="az" label="方位角" width="150">
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column prop="az" label="方位角(°)">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="range" label="距离(km)">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="type" label="类型">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="freq" label="频率">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="PRF" label="PRF">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="lon" label="经度">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="lat" label="纬度">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="height" label="高度">
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-card>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
+ <el-table-column prop="az" label="方位角(°)"> </el-table-column>
|
|
|
+ <el-table-column prop="range" label="距离(km)"> </el-table-column>
|
|
|
+ <el-table-column prop="type" label="类型"> </el-table-column>
|
|
|
+ <el-table-column prop="freq" label="频率"> </el-table-column>
|
|
|
+ <el-table-column prop="PRF" label="PRF"> </el-table-column>
|
|
|
+ <el-table-column prop="lon" label="经度"> </el-table-column>
|
|
|
+ <el-table-column prop="lat" label="纬度"> </el-table-column>
|
|
|
+ <el-table-column prop="height" label="高度"> </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { mapGetters } from 'vuex'
|
|
|
+import { mapGetters } from "vuex";
|
|
|
export default {
|
|
|
- computed: {
|
|
|
- ...mapGetters([
|
|
|
- 'map',
|
|
|
- 'init',
|
|
|
- 'platforms',
|
|
|
- 'esmInstances',
|
|
|
- 'esmParams',
|
|
|
- 'platformID'
|
|
|
- ]),
|
|
|
+ computed: {
|
|
|
+ ...mapGetters([
|
|
|
+ "map",
|
|
|
+ "init",
|
|
|
+ "platforms",
|
|
|
+ "esmInstances",
|
|
|
+ "esmParams",
|
|
|
+ "esmStatus",
|
|
|
+ "esmData",
|
|
|
+ "platformID",
|
|
|
+ ]),
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ init: {
|
|
|
+ handler: function (val, oldVal) {
|
|
|
+ this.setTimer();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ platformID: {
|
|
|
+ handler: function (val, oldVal) {
|
|
|
+ this.$wst.send({
|
|
|
+ url: "getESMInstances",
|
|
|
+ data: {
|
|
|
+ PlatformID: this.platformID,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
- watch: {
|
|
|
- init: {
|
|
|
- handler: function (val, oldVal) {
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ data: [],
|
|
|
+ ESMresults: [],
|
|
|
|
|
|
- this.setTimer();
|
|
|
- }
|
|
|
+ frequencevalue: "",
|
|
|
+ workvalue: "",
|
|
|
+ radarEchart: null,
|
|
|
+ currentESM: null,
|
|
|
+ currentESMParam: {
|
|
|
+ uRrPowerOn: true,
|
|
|
+ uRrWorkMode: 0,
|
|
|
+ dScanAzCentDeg: 0,
|
|
|
+ dScanAzWidthDeg: 0,
|
|
|
+ dScanElCentDeg: 0,
|
|
|
+ uLineNumPerFrame: 20,
|
|
|
+ fAntScanVel: 100,
|
|
|
+ fFreqMode: null,
|
|
|
+ },
|
|
|
+ esmFreqs: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ label: "0.5~2GHz",
|
|
|
},
|
|
|
- platformID: {
|
|
|
- handler: function (val, oldVal) {
|
|
|
- this.$wst.send({
|
|
|
- url: 'getInstanceTable',
|
|
|
- data: { PlatformID: val }
|
|
|
- })
|
|
|
- }
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ label: "2~5GHz",
|
|
|
},
|
|
|
- esmInstances: {
|
|
|
- handler: function (val, oldVal) {
|
|
|
-
|
|
|
- this.instancetable = val
|
|
|
- }
|
|
|
+ {
|
|
|
+ value: 3,
|
|
|
+ label: "5~18GHz",
|
|
|
},
|
|
|
- esmParams: {
|
|
|
- handler: function (val, oldVal) {
|
|
|
- this.propertyinittable = val.InitParams
|
|
|
- this.propertycontroltable = val.CtrlParams
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- data: [],
|
|
|
- ESMresults: [],
|
|
|
- currentSensor: null,
|
|
|
- frequencevalue: '',
|
|
|
- workvalue: '',
|
|
|
- frequenceAverageShow: false,
|
|
|
- radarEchart: null,
|
|
|
- instancetable: null,
|
|
|
- instanceID: null,
|
|
|
- propertyinittable: null,
|
|
|
- propertycontroltable: null,
|
|
|
- options: [{
|
|
|
- value: 1,
|
|
|
- label: '0.5~2GHz'
|
|
|
- }, {
|
|
|
- value: 2,
|
|
|
- label: '2~5GHz'
|
|
|
- }, {
|
|
|
- value: 3,
|
|
|
- label: '5~18GHz'
|
|
|
- }, {
|
|
|
- value: 4,
|
|
|
- label: '自定义'
|
|
|
- }],
|
|
|
- options1: [{
|
|
|
- value: 1,
|
|
|
- label: '干涉仪'
|
|
|
- }, {
|
|
|
- value: 2,
|
|
|
- label: 'DBF'
|
|
|
- }, {
|
|
|
- value: 3,
|
|
|
- label: 'ABF'
|
|
|
- }, {
|
|
|
- value: 4,
|
|
|
- label: 'SEI'
|
|
|
- }, {
|
|
|
- value: 5,
|
|
|
- label: '精分析'
|
|
|
- }
|
|
|
- ],
|
|
|
-
|
|
|
- echartoption: {
|
|
|
- polar: {},
|
|
|
- tooltip: {
|
|
|
- trigger: 'axis',
|
|
|
- axisPointer: {
|
|
|
- type: 'cross'
|
|
|
- }
|
|
|
- },
|
|
|
- angleAxis: {
|
|
|
- max: 360,
|
|
|
- min: 0,
|
|
|
- type: 'value',
|
|
|
- startAngle: 90,
|
|
|
-
|
|
|
+ ],
|
|
|
+ esmModes: [
|
|
|
+ {
|
|
|
+ value: 0,
|
|
|
+ label: "全面搜索模式",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ label: "精测向模式",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ label: "干涉仪",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 3,
|
|
|
+ label: "DBF",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 4,
|
|
|
+ label: "ABF",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 5,
|
|
|
+ label: "SEI",
|
|
|
+ },
|
|
|
+ ],
|
|
|
|
|
|
- },
|
|
|
- radiusAxis: {
|
|
|
- max: 10,
|
|
|
- min: 0,
|
|
|
- splitArea: {
|
|
|
- show: true,
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- color: '#f7f7f7' // 设置轴线的颜色为红色
|
|
|
- }
|
|
|
- },
|
|
|
- axisPointer: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- },
|
|
|
- series: [
|
|
|
- {
|
|
|
- coordinateSystem: 'polar',
|
|
|
- name: 'line',
|
|
|
- type: 'scatter',
|
|
|
- data: null,
|
|
|
- }
|
|
|
- ]
|
|
|
+ echartoption: {
|
|
|
+ polar: {},
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ axisPointer: {
|
|
|
+ type: "cross",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ angleAxis: {
|
|
|
+ max: 360,
|
|
|
+ min: 0,
|
|
|
+ type: "value",
|
|
|
+ startAngle: 90,
|
|
|
+ },
|
|
|
+ radiusAxis: {
|
|
|
+ max: 10,
|
|
|
+ min: 0,
|
|
|
+ splitArea: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: "#f7f7f7", // 设置轴线的颜色为红色
|
|
|
},
|
|
|
- // radarData: {
|
|
|
- // [12, 32,42]
|
|
|
- // }
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- for (let i = 0; i <= 7; i++) {
|
|
|
- let theta = (i / 100) * 180 + Math.random() * 90;
|
|
|
- let r = 5 * (1 + Math.sin((theta / 180) * Math.PI));
|
|
|
- this.data.push([r, theta]);
|
|
|
-
|
|
|
- this.ESMresults.push(
|
|
|
- {
|
|
|
- "az": theta,
|
|
|
- "range": r
|
|
|
- }
|
|
|
- );
|
|
|
- }
|
|
|
+ },
|
|
|
+ axisPointer: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ coordinateSystem: "polar",
|
|
|
+ name: "line",
|
|
|
+ type: "scatter",
|
|
|
+ data: null,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ // radarData: {
|
|
|
+ // [12, 32,42]
|
|
|
+ // }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ for (let i = 0; i <= 7; i++) {
|
|
|
+ let theta = (i / 100) * 180 + Math.random() * 90;
|
|
|
+ let r = 5 * (1 + Math.sin((theta / 180) * Math.PI));
|
|
|
+ this.data.push([r, theta]);
|
|
|
|
|
|
- this.echartoption.series[0].data = this.data
|
|
|
+ this.ESMresults.push({
|
|
|
+ az: theta,
|
|
|
+ range: r,
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
- this.echartsInit();
|
|
|
- // 页面加载设置高度自适应
|
|
|
- window.onresize = () => {
|
|
|
+ this.echartoption.series[0].data = this.data;
|
|
|
|
|
|
- this.resizeDom()
|
|
|
- };
|
|
|
- // 页面加载设置高度自适应
|
|
|
- this.resizeDom()
|
|
|
+ this.echartsInit();
|
|
|
+ // 页面加载设置高度自适应
|
|
|
+ window.onresize = () => {
|
|
|
+ this.resizeDom();
|
|
|
+ };
|
|
|
+ // 页面加载设置高度自适应
|
|
|
+ this.resizeDom();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setTimer() {
|
|
|
+ if (this.timer == null) {
|
|
|
+ this.timer = setInterval(() => {
|
|
|
+ setTimeout(this.timerRefresh, 0);
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
},
|
|
|
- methods: {
|
|
|
- frequenceChange() {
|
|
|
- if (this.frequencevalue == 4) {
|
|
|
- this.frequenceAverageShow = true;
|
|
|
- } else {
|
|
|
- this.frequenceAverageShow = false;
|
|
|
- }
|
|
|
+ timerRefresh() {
|
|
|
+ this.echartsInit();
|
|
|
+ this.$wst.send({
|
|
|
+ url: "getESMInstances",
|
|
|
+ data: {
|
|
|
+ PlatformID: this.platformID,
|
|
|
},
|
|
|
- echartsInit() {
|
|
|
- this.$echarts.init(document.getElementById('radarEchart')).setOption(this.echartoption);
|
|
|
- if (this.localEchart == null) {
|
|
|
- this.radarEchart = this.$echarts.init(document.getElementById('radarEchart'))
|
|
|
- } else {
|
|
|
- this.radarEchart.setOption(this.echartoption);
|
|
|
- }
|
|
|
+ });
|
|
|
+ if (this.currentESM != null) {
|
|
|
+ this.$wst.send({
|
|
|
+ url: "getESMParams",
|
|
|
+ data: {
|
|
|
+ InstanceID: this.currentESM,
|
|
|
+ PlatformID: this.platformID,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ this.$wst.send({
|
|
|
+ url: "getESMStatus",
|
|
|
+ data: {
|
|
|
+ InstanceID: this.currentESM,
|
|
|
+ PlatformID: this.platformID,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ this.$wst.send({
|
|
|
+ url: "getESMData",
|
|
|
+ data: {
|
|
|
+ InstanceID: this.currentESM,
|
|
|
+ PlatformID: this.platformID,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ echartsInit() {
|
|
|
+ this.$echarts
|
|
|
+ .init(document.getElementById("radarEchart"))
|
|
|
+ .setOption(this.echartoption);
|
|
|
+ if (this.localEchart == null) {
|
|
|
+ this.radarEchart = this.$echarts.init(
|
|
|
+ document.getElementById("radarEchart")
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ this.radarEchart.setOption(this.echartoption);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //通过窗体高宽计算容器高宽,渲染echart图表的div的宽高度以达到自适应目的
|
|
|
+ resizeDom() {
|
|
|
+ console.log("高度自适应");
|
|
|
+ const boxHeight =
|
|
|
+ document.getElementsByClassName("echarts-box")[0].clientHeight;
|
|
|
+ var Echart = document.getElementById("radarEchart");
|
|
|
+ Echart.style.height = boxHeight - 65 + "px";
|
|
|
+ this.$echarts.init(document.getElementById("radarEchart")).resize();
|
|
|
+ },
|
|
|
+ instanceChange(val) {
|
|
|
+ this.$wst.send({
|
|
|
+ url: "getESMParams",
|
|
|
+ data: {
|
|
|
+ InstanceID: val.instanceID,
|
|
|
+ PlatformID: this.platformID,
|
|
|
},
|
|
|
- //通过窗体高宽计算容器高宽,渲染echart图表的div的宽高度以达到自适应目的
|
|
|
- resizeDom() {
|
|
|
- console.log("高度自适应")
|
|
|
- const boxHeight = document.getElementsByClassName("echarts-box")[0].clientHeight
|
|
|
- var Echart = document.getElementById('radarEchart')
|
|
|
- Echart.style.height = (boxHeight-65)+'px';
|
|
|
- this.$echarts.init(document.getElementById('radarEchart')).resize()
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleEdit() {
|
|
|
+ this.$wst.send({
|
|
|
+ url: "setESMParams",
|
|
|
+ data: {
|
|
|
+ InstanceID: this.currentESM,
|
|
|
+ PlatformID: this.platformID,
|
|
|
+ uRrPowerOn: this.currentESMParam.uRrPowerOn,
|
|
|
+ uRrWorkMode: this.currentESMParam.uRrWorkMode,
|
|
|
+ dScanAzCentDeg: this.currentESMParam.dScanAzCentDeg,
|
|
|
+ dScanAzWidthDeg: this.currentESMParam.dScanAzWidthDeg,
|
|
|
+ dScanElCentDeg: this.currentESMParam.dScanElCentDeg,
|
|
|
+ uLineNumPerFrame: this.currentESMParam.uLineNumPerFrame,
|
|
|
+ fAntScanVel: this.currentESMParam.fAntScanVel,
|
|
|
+ fFreqMode: this.currentESMParam.fFreqMode,
|
|
|
},
|
|
|
- instanceChange(val) {
|
|
|
-
|
|
|
- this.$wst.send({
|
|
|
- url: 'getESMParams',
|
|
|
- data: {
|
|
|
- InstanceID: val.instanceID,
|
|
|
- PlatformID: this.platformID
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+ });
|
|
|
+ // currentESMParam: {
|
|
|
+ // uRrPowerOn: false,
|
|
|
+ // uRrWorkMode: 0,
|
|
|
+ // dScanAzCentDeg: 0,
|
|
|
+ // dScanAzWidthDeg: 0,
|
|
|
+ // dScanElCentDeg: 0,
|
|
|
+ // uLineNumPerFrame: 20,
|
|
|
+ // fAntScanVel: 100,
|
|
|
+ // fFreqMode: null,
|
|
|
+ // },
|
|
|
},
|
|
|
-}
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
.tableHeight {
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.echarts-box {
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.radar {
|
|
|
- height: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-.select{
|
|
|
- display: flex;
|
|
|
+.select {
|
|
|
+ display: flex;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
</style>
|