| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-03-13 14:54:26 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-11-08 20:17:16 |
| | | * @LastEditTime: 2024-11-12 17:55:45 |
| | | * @FilePath: \bigScreen\src\views\space\components\box\dataContent.vue |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. |
| | | --> |
| | | <script setup> |
| | | import EventBus from 'utils/bus' |
| | | |
| | | import publicContent from "./publicContent.vue" |
| | | import { getList } from "@/api/space/space" |
| | | import { getDictionary } from "@/api/dict/dict" |
| | | import { nextTick, reactive } from "vue" |
| | | import { nextTick, onUnmounted, reactive } from "vue" |
| | | const SeachBarCondition = ref(null) |
| | | const loading = ref(false) |
| | | const TableContent = ref(null) |
| | | const curTableHeight = ref(0) |
| | | const curSelectTabType = ref('') |
| | | |
| | | // 搜索项配置 |
| | | const options = reactive({ |
| | |
| | | placeholder: '请输入名称', |
| | | changeSearch: true, |
| | | flex: 1, |
| | | }, |
| | | { |
| | | label: "类型", |
| | | type: "select", |
| | | props: "type", |
| | | data: [], |
| | | changeSearch: true, |
| | | clearable: true, |
| | | flex: 1, |
| | | }, |
| | | } |
| | | ] |
| | | }) |
| | | |
| | |
| | | curTableHeight.value = TableContent.value.offsetHeight |
| | | }) |
| | | |
| | | watch( |
| | | () => TableContent, |
| | | (newData) => { |
| | | console.log(newData.value?.clientHeight, 456465456) |
| | | }, |
| | | { |
| | | immediate: true, |
| | | deep: true |
| | | }) |
| | | |
| | | // 分页改变 |
| | | const handleCurrentChange = (val) => { |
| | | pages.page = val |
| | | getLists(SeachBarCondition.value.getSeachCondition()) |
| | | } |
| | | |
| | | // 获取下拉字典 |
| | | const getDictData = (code) => { |
| | | const param = { |
| | | code: code, |
| | | } |
| | | getDictionary(param).then((res) => { |
| | | options.columns[1].data = res.data.data.map(item => { |
| | | return { |
| | | label: item.dictValue, |
| | | value: item.dictKey |
| | | } |
| | | }) |
| | | |
| | | searchBtn(SeachBarCondition.value.getSeachCondition()) |
| | | }) |
| | | } |
| | | |
| | | // 查询分页数据 |
| | |
| | | param.current = pages.page |
| | | param.size = pages.pageSize |
| | | loading.value = true |
| | | getList(param) |
| | | getList({ |
| | | ...param, |
| | | type: curSelectTabType.value |
| | | }) |
| | | .then((res) => { |
| | | const data = res.data.data |
| | | tableData.value = data.records |
| | |
| | | // layer.addOverlay(label) |
| | | // }) |
| | | } |
| | | |
| | | function generatePosition (lng, lat) { |
| | | let list = [] |
| | | list.push(new DC.Position(lng, lat, 100)) |
| | |
| | | getLists(SeachBarCondition.value.getSeachCondition()) |
| | | } |
| | | |
| | | getDictData("emergency_space_type") |
| | | const spaceTabChange = (type) => { |
| | | curSelectTabType.value = type |
| | | |
| | | nextTick(() => { |
| | | searchBtn(SeachBarCondition.value.getSeachCondition()) |
| | | }) |
| | | } |
| | | |
| | | EventBus.on('spaceTabChange', spaceTabChange) |
| | | |
| | | onUnmounted(() => { |
| | | EventBus.off('spaceTabChange', spaceTabChange) |
| | | }) |
| | | </script> |
| | | |
| | | <template> |