-
-
+
@@ -39,7 +39,7 @@ function handleMouseMove(event) {
// 3. 转换为WGS84
try {
const [lng, lat] = transform(coordinate, 'EPSG:4528', 'EPSG:4326');
- //console.log('WGS84坐标:', lng, lat);
+ // console.log('WGS84坐标:', lng, lat);
wgs84Text.value = `WGS84: 经度=${lng.toFixed(6)}°, 纬度=${lat.toFixed(6)}°`;
} catch (error) {
// console.error('坐标转换失败:', error);
diff --git a/src/components/map/controls/OpenLayersZoomControl.vue b/src/components/map/controls/OpenLayersZoomControl.vue
index 51470f9..f73e124 100644
--- a/src/components/map/controls/OpenLayersZoomControl.vue
+++ b/src/components/map/controls/OpenLayersZoomControl.vue
@@ -1,25 +1,7 @@
-
- 道路图层
-
-
-
-
+
-
车辆列表 ({{ totalCount }})
+
+ 
+
+ 车辆列表 ({{ totalCount }})
+
+
全部
@@ -181,10 +185,9 @@ onMounted(() => {
});
-
diff --git a/src/views/car/type/index.vue b/src/views/car/type/index.vue
index 3affbf7..abea01e 100644
--- a/src/views/car/type/index.vue
+++ b/src/views/car/type/index.vue
@@ -1,483 +1,383 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/views/login.vue b/src/views/login.vue
index d62e0bf..2a1e476 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -154,22 +154,31 @@ getCookie();
justify-content: center;
align-items: center;
height: 100%;
- background-image: url("../assets/images/login-background.jpg");
- background-size: cover;
+ background-image: url("../assets/images/login-background.png");
+ background-size: 100% 100%;
+
}
.title {
margin: 0px auto 30px auto;
text-align: center;
- color: #707070;
+ color: #ffffff;
+ font-size: 20px;
+ font-weight: normal;
}
.login-form {
- border-radius: 6px;
- background: #ffffff;
+ border-radius: 8px;
+ background: rgba(41, 44, 56, 0.8);
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
width: 400px;
padding: 25px 25px 5px 25px;
.el-input {
height: 40px;
+ :deep(.el-input__inner) {
+ color: #ffffff;
+ height: 40px;
+ }
+
input {
height: 40px;
}
diff --git a/src/views/platform/index.vue b/src/views/platform/index.vue
index cf48178..29da97f 100644
--- a/src/views/platform/index.vue
+++ b/src/views/platform/index.vue
@@ -1,16 +1,29 @@
- ![]()
@@ -22,12 +35,54 @@ import Eventlist from '../../components/map/info/eventlist.vue';
import btn_left from '../../assets/images/btn_left.png';
import btn_right from '../../assets/images/btn_right.png';
-const showEventList = ref(false);
+const showEventList = ref(false); // 默认不显示列表
+const mapRef = ref(null);
function toggleEventList() {
showEventList.value = !showEventList.value;
}
+function getRouteDrawControlExpose() {
+ // 通过OpenLayersMap的ref获取RouteDrawControl的ref
+ return mapRef.value?.$refs?.routeDrawControlRef;
+}
+
+function startDrawLine() {
+ const routeDraw = getRouteDrawControlExpose();
+ if (routeDraw && routeDraw.startDrawLine) {
+ routeDraw.startDrawLine();
+ }
+}
+
+function startDrawPolygon() {
+ const routeDraw = getRouteDrawControlExpose();
+ if (routeDraw && routeDraw.startDrawPolygon) {
+ routeDraw.startDrawPolygon();
+ }
+}
+
+function clearDraw() {
+ const routeDraw = getRouteDrawControlExpose();
+ if (routeDraw && routeDraw.clearDraw) {
+ routeDraw.clearDraw();
+ }
+}
+
+function exportRouteData() {
+ const routeDraw = getRouteDrawControlExpose();
+ if (routeDraw && routeDraw.exportRouteData) {
+ routeDraw.exportRouteData();
+ }
+}
+
+function importRouteData() {
+ const routeDraw = getRouteDrawControlExpose();
+ if (routeDraw && routeDraw.showImportDialog) {
+ // 调用RouteDrawControl组件中的方法显示导入对话框
+ routeDraw.showImportDialog = true;
+ }
+}
+
onMounted(() => {
document.querySelector('.app-main')?.classList.add('platform-no-padding');
});
@@ -57,13 +112,90 @@ onUnmounted(() => {
height: 80px;
transform: translateY(-50%);
cursor: pointer;
+ transition: right 0.3s ease;
+}
+
+/* 按钮打开状态 - 移到左侧 */
+.eventlist-toggle-btn.btn-opened {
+ right: 405px;
+}
+
+/* 绘制工具栏 */
+.draw-toolbar {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ background-color: rgba(255, 255, 255, 0.9);
+ border-radius: 4px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+ z-index: 2000;
+ width: 200px;
+ overflow: hidden;
+}
+
+.toolbar-title {
+ padding: 10px;
+ background-color: #0096ff;
+ color: white;
+ font-weight: bold;
+ text-align: center;
+}
+
+.toolbar-buttons {
+ padding: 10px;
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+
+.toolbar-button {
+ padding: 8px 12px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ background-color: #f5f5f5;
+ cursor: pointer;
+ transition: all 0.2s;
+}
+
+.toolbar-button:hover {
+ background-color: #e0e0e0;
+}
+
+.toolbar-button.clear {
+ background-color: #f44336;
+ color: white;
+ border-color: #d32f2f;
+}
+
+.toolbar-button.clear:hover {
+ background-color: #d32f2f;
+}
+
+.toolbar-button.export {
+ background-color: #4caf50;
+ color: white;
+ border-color: #388e3c;
+}
+
+.toolbar-button.export:hover {
+ background-color: #388e3c;
+}
+
+.toolbar-button.import {
+ background-color: #ff9800;
+ color: white;
+ border-color: #f57c00;
+}
+
+.toolbar-button.import:hover {
+ background-color: #f57c00;
}
/* 只影响本页，精准去除AppMain的左右padding */
-:deep(.platform-no-padding) .app-main {
- padding-left: 0 !important;
- padding-right: 0 !important;
-}
+// :deep(.platform-no-padding) .app-main {
+// padding-left: 0 !important;
+// padding-right: 0 !important;
+// }