三吉-首页

src/views/home/Home.vue

@@ -2,18 +2,6 @@
 	<div class="home-wrapper">
 		<div class="aside aside-left" :class="{ collapse: layoutStore.leftCollapse }">
 			<!-- 左侧面板 -->
-			<Transition name="emerge-left">
-				<PanelLeft v-if="layoutStore.leftPanelType === 'default'" />
-			</Transition>
-			<Transition name="emerge-left">
-				<PanelKyhs v-if="layoutStore.leftPanelType === 'kyhs'" />
-			</Transition>
-			<Transition name="emerge-left">
-				<PanelQjchs v-if="layoutStore.leftPanelType === 'qjchs'" />
-			</Transition>
-			<Transition name="emerge-left">
-				<PanelHxhs v-if="layoutStore.leftPanelType === 'hxhs'" />
-			</Transition>
 			<Transition name="emerge-left">
 				<PanelSgzy v-if="layoutStore.leftPanelType === 'sgzy'" />
 			</Transition>
@@ -24,198 +12,26 @@
 				<PanelSjwg v-if="layoutStore.leftPanelType === 'kytc'" />
 			</Transition>
 		</div>
-
-		<div class="aside aside-right" :class="{ collapse: layoutStore.rightCollapse }">
-			<div class="title-main rtl">飞行动态</div>
-			<ul class="b-fxdt flex justify-between">
-				<li v-for="item in panelData.flightSummary" class="relative">
-					<img :src="item.icon" alt="" />
-					<div class="absolute">
-						<span>{{ item.label }}</span>
-						<div>
-							<!-- <span>{{ item.count }}</span> -->
-							<NumberScroll :value="item.count" />
-							<span>{{ item.unit }}</span>
-						</div>
-					</div>
-				</li>
-			</ul>
-
-			<div class="title-main rtl">实时飞行动态</div>
-			<table class="table-default mb-2">
-				<thead>
-					<tr>
-						<th>无人机编号</th>
-						<th>飞行单位/人</th>
-						<th>航线名称</th>
-						<th>飞行状态</th>
-					</tr>
-				</thead>
-				<TransitionGroup name="table-insert" tag="tbody" class="tbody-row3">
-					<tr
-						v-for="item in panelData.flightActivity"
-						:key="item.uavCode"
-						@click="CheckUav(item)"
-						class="cursor-pointer">
-						<td>{{ item.uavCode }}</td>
-						<td>{{ item.unit }}</td>
-						<td>{{ item.routeName }}</td>
-						<td>
-							<span
-								class="tag-text"
-								:class="{ orange: item.status === '计划终止', yellow: item.status === '已降落' }"
-								>{{ item.status }}</span
-							>
-						</td>
-					</tr>
-				</TransitionGroup>
-			</table>
-
-			<div class="title-main rtl" @dblclick="testAddFlightWarning">飞行告警信息</div>
-			<table class="table-default mb-2">
-				<thead>
-					<tr>
-						<th>时间</th>
-						<th>无人机编号</th>
-						<th>飞行单位/人</th>
-						<th>告警类型</th>
-					</tr>
-				</thead>
-				<TransitionGroup name="table-insert" tag="tbody" class="tbody-row3">
-					<tr
-						v-for="item in panelData.flightWarning"
-						:key="item.uavCode"
-						@click="CheckUav(item)"
-						class="cursor-pointer">
-						<td>{{ item.time }}</td>
-						<td>{{ item.uavCode }}</td>
-						<td>{{ item.unit }}</td>
-						<td>
-							<span class="tag-text red">{{ item.type }}</span>
-						</td>
-					</tr>
-				</TransitionGroup>
-			</table>
-
-			<div class="title-main rtl">各类预警类型占比次数</div>
-			<div class="b-wgzb">
-				<video autoplay muted loop id="bg-wgzb">
-					<source src="@/assets/images/motion/bg-uav.webm" type="video/webm" />
-				</video>
-				<ul>
-					<li v-for="item in panelData.violationSummary">
-						<span>{{ item.label }}</span>
-						<div>
-							<!-- <span>{{ item.count }}</span> -->
-							<NumberScroll :value="item.count" />
-							<div>
-								<span>{{
-									Math.round((item.count / panelData.violationSummary.reduce((pre, item) => pre + item.count, 0)) * 100)
-								}}</span>
-								<span>%</span>
-							</div>
-						</div>
-					</li>
-				</ul>
-			</div>
-		</div>
-
 		<!-- 工具栏 -->
 		<ToolList />
-
-		<!-- 无人机详情 -->
-		<Transition name="emerge-left">
-			<FloatPanelUav
-				class="f-panel-left"
-				v-if="layoutStore.floatPanels.uav"
-				@close="layoutStore.toggleFloatPanel('uav', false)" />
-		</Transition>
-
-		<!-- 空域栅格 -->
-		<Transition name="emerge-bottom">
-			<FloatPanelKysg v-if="layoutStore.floatPanels.kysg" />
-		</Transition>
-
-		<!-- 空域分层 -->
-		<Transition name="emerge-left">
-			<FloatPanelFcky v-if="layoutStore.floatPanels.fcky" />
-		</Transition>
-
-		<!-- 网格查询 -->
-		<Transition name="emerge-left">
-			<FloatPanelCube v-if="layoutStore.floatPanels.cube" />
-		</Transition>
-
 		<!-- gis 态势监视-选项面板 -->
 		<Transition name="emerge-left">
 			<FloatPanelTsjsGis v-if="layoutStore.floatPanels.tsjs_gis" />
 		</Transition>
-
-		<!-- ue 态势监视 -->
-		<Transition name="emerge-left">
-			<FloatPanelTsjs v-if="layoutStore.uavMonitorOn" />
-		</Transition>
 	</div>
 </template>
 
 <script setup>
-import { reactive, onMounted } from 'vue'
-import { getAssetsFile } from '@/utils/require'
+import { onMounted } from 'vue'
 import ToolList from './cpns/ToolList.vue'
-// import { setSdtj } from '@/echarts/options.js'
-// import getUeFn from '@/utils/UIInteractions'
 import useLayoutStore from '@/store/layout'
-import PanelLeft from './cpns/PanelLeft.vue'
-import PanelKyhs from './cpns/PanelKyhs.vue'
-import PanelQjchs from './cpns/PanelQjchs.vue'
-import PanelHxhs from './cpns/PanelHxhs.vue'
 import PanelSgzy from './cpns/PanelSgzy.vue'
 import PanelKypm from './cpns/PanelKypm.vue'
 import PanelSjwg from './cpns/PanelSjwg.vue'
-import FloatPanelUav from './cpns/FloatPanelUav.vue'
-import FloatPanelKysg from './cpns/FloatPanelKysg.vue'
-import FloatPanelFcky from './cpns/FloatPanelFcky.vue'
-import FloatPanelCube from './cpns/FloatPanelCube.vue'
-import FloatPanelTsjs from './cpns/FloatPanelTsjs.vue'
-import NumberScroll from '@/components/NumberScroll.vue'
 import FloatPanelTsjsGis from './cpns/FloatPanelTsjsGis.vue'
 
 const layoutStore = useLayoutStore()
 
-const panelData = reactive({
-	flightSummary: [
-		{ label: '飞行计划总数', count: 1024, unit: '次', icon: getAssetsFile('page/bg-fxjhzs.png') },
-		{ label: '告警总数', count: 14, unit: '个', icon: getAssetsFile('page/bg-gjzs.png') },
-	],
-	flightActivity: [
-		{ uavCode: 'BM11344738556', unit: '美团无人机', routeName: '合生汇-黄兴公园', status: '飞行中' },
-		{ uavCode: 'BM11344744657', unit: '美团无人机', routeName: '合生汇-黄兴公园', status: '已降落' },
-		{ uavCode: 'BM11342293853', unit: '美团无人机', routeName: '合生汇-黄兴公园', status: '计划终止' },
-	],
-	flightWarning: [
-		{ time: '11:20:09', uavCode: 'BM11344738556', unit: '美团无人机', type: '无人机碰撞' },
-		{ time: '11:03:24', uavCode: 'BM11399847563', unit: '美团无人机', type: '无人机碰撞' },
-		{ time: '10:36:02', uavCode: 'BM11302123870', unit: '美团无人机', type: '无人机碰撞' },
-	],
-	violationSummary: [
-		{ label: '无人机碰撞', count: 2 },
-		{ label: '电量低', count: 35 },
-		{ label: '偏离航线', count: 7 },
-		{ label: '天气预警', count: 67 },
-	],
-})
-
-function testAddFlightWarning() {
-	// panelData.flightWarning.pop()
-	// panelData.flightWarning.unshift({
-	//   time: '11:24:05', uavCode: new Date().getTime(), unit: '美团无人机', type: '无人机碰撞'
-	// })
-}
-
-function CheckUav(item) {
-	layoutStore.toggleFloatPanel('uav', true)
-}
-
 onMounted(() => {})
 </script>