diff --git a/src/views/simulationScene/database/zzllsjk.vue b/src/views/simulationScene/database/zzllsjk.vue index a7319ee..b78dcb7 100644 --- a/src/views/simulationScene/database/zzllsjk.vue +++ b/src/views/simulationScene/database/zzllsjk.vue @@ -1,39 +1,20 @@
- +
+
@@ -173,6 +117,7 @@ import { getAction, postAction } from '@/api/manage' import Jcsx from './Jcsx.vue' import Zzxd from './Zzxd.vue' +import BzTask from './BzTask.vue' export default { props: { @@ -181,9 +126,12 @@ export default { components: { Jcsx, Zzxd, + BzTask }, data() { return { + resourceid: null, // 分队id + type: null, // 红蓝类型 scenarioDetail: {}, zzbzll: { treeData: [], @@ -206,17 +154,19 @@ export default { { title: '蓝方', id: 1 }, ], typeOptions: [ - { title: '飞机', id: 1 }, - { title: '地面设施与兵力', id: 2 }, - { title: '舰船', id: 3 }, - { title: '潜艇', id: 4 }, + // { title: '飞机', id: 1 }, + // { title: '地面设施与兵力', id: 2 }, + // { title: '舰船', id: 3 }, + // { title: '潜艇', id: 4 }, { title: '作战分队', id: 5 }, { title: '保障分队', id: 6 }, + { title: '医院', id: 7 }, + { title: '仓库', id: 8 }, ], queryParams: { keyword: '', force: 0, - type: 1, + type: 5, }, listData: [], }, @@ -441,9 +391,12 @@ export default { } }, - handleSelectZzbzll(selectedKeys, { node }) { + handleSelectZzbzll(selectedKeys, { node }) { + console.log('选择信息', node.dataRef) this.cesium.setClientByCenter({ longitude: +node.dataRef.lng, latitude: +node.dataRef.lat }) this.blbz.modelData = node.dataRef + this.resourceid = node.dataRef.id + this.type = node.dataRef.type this.getBlbzTreeData() this.getJcsxData() }, @@ -504,26 +457,33 @@ export default { .tool-wrapper { grid-column: ~'1 / 4'; } + .simulation-tree::v-deep { color: #a1c2d0; + li .ant-tree-node-content-wrapper { color: #a1c2d0; } + li .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bae7ff44; } + li .ant-tree-node-content-wrapper:hover { background-color: #bae7ff22; } } + .model-item { width: calc(100% / 3); + .model-image { width: 74px; height: 62px; object-fit: cover; margin: 16px 0 8px; } + .model-name { white-space: nowrap; max-width: 100%; @@ -531,6 +491,7 @@ export default { text-overflow: ellipsis; } } + .model-item:hover { .model-name { overflow: visible;