zhyq/bigScreen.git

			@@ -2,11 +2,11 @@
			* @Author: shuishen 1109946754@qq.com
			* @Date: 2023-03-13 14:54:26
			* @LastEditors: shuishen 1109946754@qq.com
			* @LastEditTime: 2024-11-12 17:55:45
			* @LastEditTime: 2024-11-19 17:41:11
			* @FilePath: \bigScreen\src\views\space\components\box\dataContent.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'
			@@ -28,7 +28,6 @@
			exportBtn: false,
			columns: [
			{
			label: "名称",
			type: 'input',
			props: 'name',
			placeholder: '请输入名称',
			@@ -41,7 +40,7 @@
			const tableData = ref([])
			const pages = {
			page: 1,
			pageSize: 10,
			pageSize: 20,
			total: 0,
			}

			@@ -106,48 +105,37 @@
			})
			}

			let state = reactive({
			layer: {}
			})


			// 行点击
			function rowClick (row) {
			// 读取定位飞
			window.$viewer.zoomToPosition(new DC.Position(
			Number(row.lng),
			Number(row.lat),
			800,
			0,
			-80,
			0
			), () => {
			})

			// let layer = new DC.VectorLayer('layer')
			// if (state.layer) {
			// window.$viewer.removeLayer(state.layer)
			// }
			// let layer = new DC.HtmlLayer(`${row.id}`)
			// state.layer = layer
			// window.$viewer.addLayer(layer)
			// let positions = generatePosition(row.lng, row.lat)
			// let material = new DC.PolylineDashMaterialProperty({
			// color: DC.Color.ORANGE
			// })
			// positions.forEach(item => {
			// let label = new DC.CustomLabel(
			// item,
			// row.name
			// )
			// label.setStyle({
			// fillColor: DC.Color.YELLOW,
			// font: '12px',
			// pixelOffset: { x: 0, y: -10 }
			// })
			// label.setVLine({
			// width: 2,
			// material
			// })
			// layer.addOverlay(label)
			// })
			// let iconEl = `<div class="marsBlueGradientPnl">
			// <div>${row.name}</div>
			// </div>`
			// let divIcon = new DC.DivIcon(
			// new DC.Position(row.lng, row.lat, 0),
			// `<div class="public-map-popup">
			// ${iconEl}
			// </div>`
			// )
			// let incident = () => { }
			// divIcon.on(DC.MouseEventType.CLICK, incident)
			// layer.addOverlay(divIcon)

			window.$viewer.flyToPosition(new DC.Position(row.lng, row.lat, 600, 0, -90, 0))

			}

			function generatePosition (lng, lat) {
			let list = []
			list.push(new DC.Position(lng, lat, 100))
			return list
			}

			// 查看详情
			function goDetail (row) { }
			@@ -165,7 +153,7 @@
			// 重置分页数据
			const resetPage = () => {
			pages.page = 1
			pages.pageSize = 10
			pages.pageSize = 20
			pages.total = 0
			}

			@@ -195,12 +183,18 @@
			<global-search :options="options" @searchBtn="searchBtn" @resetBtn="resetBtn"
			ref="SeachBarCondition"></global-search>

			<div class="h0 flex-1 table-content" ref="TableContent">
			<el-table :data="tableData" :height="curTableHeight" style="width: 100%" v-loading="loading">
			<el-table-column prop="name" label="名称" />
			<el-table-column prop="emergencySpaceType" label="类型" width="70" />
			<el-table-column prop="mainFuncName" label="作用" width="60" />
			<el-table-column width="60" label="操作" align="center">
			<div class="h0 flex-1 table-content" ref="TableContent" v-loading="loading"
			element-loading-background="rgba(46, 81, 136, 0.9)">
			<el-table border :data="tableData" :height="curTableHeight" style="width: 100%">
			<el-table-column align="center" label="序号" width="62" prop="rank">
			<template #default="{ $index, row }">
			{{ (pages.page - 1) * pages.pageSize + $index + 1 }}
			</template>
			</el-table-column>
			<el-table-column align="center" show-overflow-tooltip prop="firmName" label="企业名称" />
			<el-table-column align="center" show-overflow-tooltip prop="name" label="名称" />
			<el-table-column align="center" prop="mainFuncName" label="作用" width="62" />
			<el-table-column align="center" width="62" label="操作">
			<template #default="scope">
			<el-button link type="primary" size="small" :disabled="scope.row.lng == ''" @click="rowClick(scope.row)">
			定位
			@@ -228,14 +222,5 @@
			.table-content {
			flex-basis: auto;
			height: calc(100% - 40px);
			}

			.el-page {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 40px;
			line-height: 40px;
			}
			</style>