救援队伍统计、应急空间统计、风险源统计图表样式初步调整，园区概况布局调整 倾斜模型加载配置微调后续看加载效果 企业名录样式调整

shuishen

2024-11-05 7bcdaba7faad85bf16bf0f2a1dbd3e390bdb15dd

 src/views/layout/components/mainTool.vue

@@ -6,16 +6,17 @@
    </el-button>
  </div>

  <base-map v-show="showBaseMap" @close="closeBox"></base-map>

  <base-map v-show="currentComponent == 'map'" @close="closeBox"></base-map>
  <layers-control v-show="currentComponent == 'layers'" @close="closeBox"></layers-control>
  <tool-list :moreToolShow="moreToolShow" @close="closeBox"></tool-list>
</template>

<script setup>
import baseMap from './scomponents/baseMap.vue'
import layersControl from './scomponents/layersControl.vue'
import toolList from './scomponents/toolList.vue'

let showBaseMap = ref(false)
const currentComponent = ref('')
let moreToolShow = ref(false)

const btnGroup = [
@@ -27,31 +28,29 @@
  {
    name: '图层',
    icon: 'fa fa-tasks',
    key: 'task'
    key: 'layers',
  },
  {
    name: '工具',
    icon: 'fa fa-cubes',
    key: 'tool'
    key: 'tool',
  },
]

const btnClick = (item) => {

  if (item.key == 'map') {
    showBaseMap.value = !showBaseMap.value

  }

  if (item.key == 'tool') {
    moreToolShow.value = !moreToolShow.value
  } else {
    currentComponent.value = item.key
  }
}

const closeBox = (type) => {
  if (type == 'map') showBaseMap.value = false

  if (type == 'tool') moreToolShow.value = false
  if (type == 'tool') {
    moreToolShow.value = false
  } else {
    currentComponent.value = ''
  }
}
</script>