|
|
@@ -11,20 +11,20 @@
|
|
|
<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 :data="maptable" @current-change="instanceChange" :row-style="{ height: '20px' }" :cell-style="{ padding: '0px' }">
|
|
|
+ <el-table-column prop="platID" label="ID"></el-table-column>
|
|
|
+ <el-table-column prop="platName" label="名称"></el-table-column>
|
|
|
+ <el-table-column prop="isEnemy" label="敌我属性"></el-table-column>
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
<el-card class="table2">
|
|
|
<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 :data="healthtable" @current-change="instanceChange" :row-style="{ height: '20px' }" :cell-style="{ padding: '0px' }">
|
|
|
+ <el-table-column prop="platID" label="ID"></el-table-column>
|
|
|
+ <el-table-column prop="platName" label="名称"></el-table-column>
|
|
|
+ <el-table-column prop="platState" label="健康度"></el-table-column>
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
<div v-show="pattern == 'two-dimensional'" class="echarts-box">
|
|
|
@@ -97,6 +97,100 @@ export default ({
|
|
|
propertycontroltable: null,
|
|
|
timer: null,
|
|
|
mapEchart: null,
|
|
|
+ maptable: [
|
|
|
+ {
|
|
|
+ 'platID': '1001',
|
|
|
+ 'platName': '弹道导弹1',
|
|
|
+ 'isEnemy': '我方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1002',
|
|
|
+ 'platName': '弹道导弹2',
|
|
|
+ 'isEnemy': '我方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1003',
|
|
|
+ 'platName': '弹道导弹3',
|
|
|
+ 'isEnemy': '我方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1004',
|
|
|
+ 'platName': '弹道导弹4',
|
|
|
+ 'isEnemy': '我方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1005',
|
|
|
+ 'platName': '弹道导弹5',
|
|
|
+ 'isEnemy': '我方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1006',
|
|
|
+ 'platName': '弹道导弹6',
|
|
|
+ 'isEnemy': '我方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1007',
|
|
|
+ 'platName': '弹道导弹7',
|
|
|
+ 'isEnemy': '我方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '6001',
|
|
|
+ 'platName': 'THADD系统1',
|
|
|
+ 'isEnemy': '敌方'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '6002',
|
|
|
+ 'platName': 'THADD系统2',
|
|
|
+ 'isEnemy': '敌方'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ healthtable: [
|
|
|
+ {
|
|
|
+ 'platID': '1001',
|
|
|
+ 'platName': '弹道导弹1',
|
|
|
+ 'platState': "85%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1002',
|
|
|
+ 'platName': '弹道导弹2',
|
|
|
+ 'platState': "90%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1003',
|
|
|
+ 'platName': '弹道导弹3',
|
|
|
+ 'platState': "90%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1004',
|
|
|
+ 'platName': '弹道导弹4',
|
|
|
+ 'platState': "95%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1005',
|
|
|
+ 'platName': '弹道导弹5',
|
|
|
+ 'platState': "100%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1006',
|
|
|
+ 'platName': '弹道导弹6',
|
|
|
+ 'platState': "100%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '1007',
|
|
|
+ 'platName': '弹道导弹7',
|
|
|
+ 'platState': "100%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '6001',
|
|
|
+ 'platName': 'THADD系统1',
|
|
|
+ 'platState': "80%"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 'platID': '6002',
|
|
|
+ 'platName': 'THADD系统2',
|
|
|
+ 'platState': '80%'
|
|
|
+ },
|
|
|
+ ],
|
|
|
mapOption: {
|
|
|
aria: {
|
|
|
show: true
|
|
|
@@ -469,4 +563,5 @@ export default ({
|
|
|
.tableHeight /deep/ .el-card__body {
|
|
|
height: calc(100% - 95px) !important;
|
|
|
|
|
|
-}</style>
|
|
|
+}
|
|
|
+</style>
|
