From f27ca082eb0a839449dd50c49007b58e5ed6946f Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Thu, 19 Jun 2025 19:08:01 +0800
Subject: [PATCH] feat: 服务名修改
---
src/pages/page-web/projects/project_list/index.vue | 43 +++++++++++++++++++++++++++++++++++--------
1 files changed, 35 insertions(+), 8 deletions(-)
diff --git a/src/pages/page-web/projects/project_list/index.vue b/src/pages/page-web/projects/project_list/index.vue
index fa35a36..79f7c7c 100644
--- a/src/pages/page-web/projects/project_list/index.vue
+++ b/src/pages/page-web/projects/project_list/index.vue
@@ -1,11 +1,21 @@
+<!--
+ * @Author: GuLiMmo 2820890765@qq.com
+ * @Date: 2024-03-12 17:59:03
+ * @LastEditors: GuLiMmo 2820890765@qq.com
+ * @LastEditTime: 2024-08-27 16:51:28
+ * @FilePath: /drone-web/src/pages/page-web/projects/project_list/index.vue
+ * @Description:
+ * Copyright (c) 2024 by GuLiMmo, All Rights Reserved.
+-->
<template>
<div class="project_list">
- <div class="left_content">
+ <div :class="[isHidden? 'w50' : 'left_content']">
<router-view />
</div>
<div class="right_content">
<div class="map">
- <Map />
+ <!-- <Map /> -->
+ <GMap />
</div>
<div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA">
<MediaPanel />
@@ -13,17 +23,28 @@
<div class="task-wrapper" v-if="root.$route.name === ERouterName.TASK">
<TaskPanel />
</div>
+ <div class="device-wrapper" v-if="root.$route.name === ERouterName.IMPLEMENT">
+ <Devices />
+ </div>
</div>
</div>
</template>
<script setup lang="ts">
-import Map from '/@/components/cesiumMap/cesium.vue'
+// import Map from '/@/components/cesiumMap/cesium.vue'
+import GMap from '/@/components/GMap.vue'
import MediaPanel from '/@/components/MediaPanel.vue'
import TaskPanel from '/@/components/task/TaskPanel.vue'
+import Devices from '/@/pages/page-web/projects/devices.vue'
import { EBizCode, ERouterName } from '/@/types'
import { getRoot } from '/@/root'
+const route = useRoute()
+const isHidden = computed(() => {
+ const flag = !!route.meta?.hidden
+ return flag
+})
const root = getRoot()
+
</script>
<style scoped lang="scss">
@@ -32,12 +53,17 @@
transition: width 0.2s ease;
height: 100%;
width: 100%;
-
- .left_content {
- width: 335px;
- min-height: 100vh;
+ .w50 {
+ width: 50px;
+ max-height: 100vh;
background-color: black;
- color: $text-white-basic;
+ color: $text-white-basic !important;
+ }
+ .left_content {
+ width: 370px;
+ max-height: 100vh;
+ background-color: black;
+ color: $text-white-basic !important;
}
.right_content {
@@ -50,6 +76,7 @@
}
.media-wrapper,
+ .device-wrapper,
.task-wrapper {
position: absolute;
top: 0;
--
Gitblit v1.9.3