| | |
| | | * @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: 2025-01-04 20:25:11 |
| | | * @FilePath: \bigScreen\src\views\space\components\leftContainer.vue |
| | | * @Description: |
| | | * |
| | |
| | | data: [] |
| | | }) |
| | | |
| | | const gawList = ref([ |
| | | { |
| | | label: '污水管网', |
| | | value: "3-3-2", |
| | | select: true |
| | | }, |
| | | { |
| | | label: '雨水管网', |
| | | value: "3-3-4", |
| | | select: false |
| | | }, |
| | | ]) |
| | | const curSelect = ref('') |
| | | |
| | | // 获取下拉字典 |
| | |
| | | code: code, |
| | | } |
| | | getDictionary(param).then((res) => { |
| | | resData.data = res.data.data.filter(i => i.dictKey != 7 && i.dictKey != 9 && i.dictKey != 11).map(item => { |
| | | resData.data = res.data.data.map(item => { |
| | | return { |
| | | label: item.dictValue, |
| | | value: item.dictKey |
| | |
| | | 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}`) |
| | | } |
| | | EventBus.emit('restHandleDelChange', `3-${curSelect.value}`) |
| | | } |
| | | curSelect.value = item.value |
| | | if (item.value == '3') { |
| | | EventBus.emit('restHandleCheckChange', `3-3-2`) |
| | | } else { |
| | | EventBus.emit('restHandleCheckChange', `3-${item.value}`) |
| | | } |
| | | EventBus.emit('spaceTabChange', item.value) |
| | | EventBus.emit('flyToyqfw', 'flyToyqfw') |
| | | } |
| | | |
| | | const tabClickGW = (item) => { |
| | | if (item.select) { |
| | | EventBus.emit('restHandleDelChange', item.value) |
| | | item.select = false |
| | | } else { |
| | | EventBus.emit('restHandleCheckChange', item.value) |
| | | item.select = true |
| | | } |
| | | EventBus.emit('restHandleCheckChange', `3-${item.value}`) |
| | | |
| | | EventBus.emit('spaceTabChange', item.value) |
| | | // EventBus.emit('flyToyqfw', 'flyToyqfw') |
| | | } |
| | | |
| | | const showOn = computed(() => (item) => { |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div v-if="curSelect == '3'"> |
| | | <div class="cur-container-title"> |
| | | <div class="tablist"> |
| | | <div class="cursor-p" :class="{ on: item.select }" v-for="item, index in gawList" :key="index" |
| | | @click="tabClickGW(item)"> |
| | | <div class="label-box"> |
| | | {{ item.label }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |