应急空间位置更新

shuishen

2025-01-15 548dcb58164aaeb7ec8a4f3425953bcd25d83c65

 src/views/space/components/leftContainer.vue

@@ -2,32 +2,58 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-03-10 15:27:59
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-28 11:35:07
 * @LastEditTime: 2024-12-16 17:42:03
 * @FilePath: \bigScreen\src\views\space\components\leftContainer.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 * @Description:
 *
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
import EventBus from 'utils/bus'

import { getDictionary } from "@/api/dict/dict"
import { onUnmounted, reactive } from 'vue'
const resData = reactive({
  data: []
  data: [
    {
      label: '应急池',
      value: 1,
    },
    {
      label: '阀门',
      value: 2,
    },
    {
      label: '水库',
      value: 5,
    },
    {
      label: '坑塘',
      value: 6,
    },
    {
      label: '明渠',
      value: 7,
    },
    {
      label: '桥梁',
      value: 8,
    },
    {
      label: '湿地',
      value: 9,
    },
    {
      label: '洼地',
      value: 10,
    },
    {
      label: '闸坝',
      value: 11,
    },
  ]
})

const gawList = ref([
  {
    label: '给水管网',
    value: "3-3-1",
    select: false
  },
  {
    label: '燃气管网',
    value: "3-3-3",
    select: false
  },
  {
    label: '污水管网',
    value: "3-3-2",
@@ -36,43 +62,34 @@
  {
    label: '雨水管网',
    value: "3-3-4",
    select: true
    select: false
  },
])
const curSelect = ref('')

// 获取下拉字典
const getDictData = (code) => {
  const param = {
    code: code,
  }
  getDictionary(param).then((res) => {
    resData.data = res.data.data.filter(i => i.dictKey != 7 && i.dictKey != 9 && i.dictKey != 11).map(item => {
      return {
        label: item.dictValue,
        value: item.dictKey
      }
    })

    tabClick(resData.data[0])
  })
}

const tabClick = (item) => {
  EventBus.emit('destroyPop', 'destroyPop')
  if (curSelect.value) {
    if (curSelect.value == '3') {
      EventBus.emit('restHandleDelChange', `3-3`)
      EventBus.emit('restHandleDelChange', `3-3-1`)
      EventBus.emit('restHandleDelChange', `3-3-2`)
      EventBus.emit('restHandleDelChange', `3-3-3`)
      EventBus.emit('restHandleDelChange', `3-3-4`)
    } else {
      gawList.value.forEach(element => {
        if (element.value == `3-3-2`) {
          element.select = true
        } else {
          element.select = false
        }
      })
      EventBus.emit('restHandleDelChange', `3-${curSelect.value}`)
    }
  }
  curSelect.value = item.value
  if (item.value == '3') {
    EventBus.emit('restHandleCheckChange', `3-3-2`)
    EventBus.emit('restHandleCheckChange', `3-3-4`)
  } else {
    EventBus.emit('restHandleCheckChange', `3-${item.value}`)
  }
@@ -97,7 +114,9 @@
  return false
})

getDictData("emergency_space_type")
onMounted(() => {
  tabClick(resData.data[0])
})

onUnmounted(() => {
  if (curSelect.value) EventBus.emit('restHandleDelChange', `3-${curSelect.value}`)
@@ -182,7 +201,7 @@
  background: transparent;
  pointer-events: none;
  margin-left: 120px;
  margin-top: 60px;
  margin-top: 120px;

  .tablist {
    pointer-events: all;
@@ -216,4 +235,4 @@
    }
  }
}
</style>
</style>