离线地图修改

package.json

@@ -33,6 +33,7 @@
     "use-element-plus-theme": "^0.0.5",
     "vue": "^3.3.11",
     "vue-baidu-map-3x": "^1.0.35",
+    "vue-baidu-map-offline": "^1.0.7",
     "vue-draggable-resizable": "3.0.0-beta.2",
     "vue-router": "4",
     "vxe-table": "^4.5.17",

pnpm-lock.yaml

@@ -73,6 +73,9 @@ dependencies:
   vue-baidu-map-3x:
     specifier: ^1.0.35
     version: 1.0.35(vue@3.3.13)
+  vue-baidu-map-offline:
+    specifier: ^1.0.7
+    version: 1.0.7
   vue-draggable-resizable:
     specifier: 3.0.0-beta.2
     version: 3.0.0-beta.2(vue@3.3.13)
@@ -3087,6 +3090,10 @@ packages:
       vue-router: 4.2.5(vue@3.3.13)
     dev: false
 
+  /vue-baidu-map-offline@1.0.7:
+    resolution: {integrity: sha512-8gje38sG/8o03PSghoWsYxsuKUfLVj48kWWHGp6+zeE5nb7rtiyH8fTMKgO8Stf1deRIBr9PVsc1BqwFoz+pXg==}
+    dev: false
+
   /vue-demi@0.14.6(vue@3.3.13):
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==, tarball: https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.6.tgz}
     engines: {node: '>=12'}

src/main.ts

@@ -15,6 +15,7 @@ import '@/styles/index.scss'
 import '@/assets/font/iconfont.css'
 import { ElDialog } from 'element-plus'
 import BaiduMap from 'vue-baidu-map-3x'
+import BaiduMapOffline from 'vue-baidu-map-offline';
 import ExcelJS from 'exceljs'
 import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'
 // 方式1：NPM 安装，注入 ExcelJS 对象
@@ -24,12 +25,15 @@ VXETable.use(VXETablePluginExportXLSX, {
 window.XEUtils = XEUtils
 
 const app = createApp(App)
-
+//开启离线地图
+// app.use(BaiduMapOffline, {
+//     offline: true,
+//     offlineUrl: window.location.origin + '/map/',
+// });
 app.use(BaiduMap, {
-    ak: 'RpQi6WNFZ9tseKzhdwOQsXwFsoVntnsN',
+    ak: 'Yp57V71dkOPiXjiN8VdcFRsVELzlVNKK',
-
+    v: '3.0',
-    // type: 'WebGL' // ||API 默认API  (使用此模式 BMap=BMapGL)
+});
-})
 app.use(router)
 app.use(pinia)
 app.use(ElementPlus)

src/views/pms/voltageSags/monitoringPoint/online/runningCondition/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div style='display: flex;flex-direction: column;height: 100%' v-loading='loading'>
+    <div v-loading='loading' class='running-condition'>
         <el-form :inline='true'>
             <el-form-item label='日期'>
                 <DatePicker ref='datePickerRef'></DatePicker>
@@ -12,11 +12,11 @@
             <div
                 style='position: absolute; right: 10px; top: 10px;  z-index: 2;display: flex;align-items: center;font-size: 12px'>
                 <el-tag style='width: 20px;height: 12px' :style='{background: gradeColor[2]}'></el-tag>
-                <span  class='ml2' :style='{color: gradeColor[2]}'> {{ 'X<60%' }} </span>
+                <span class='ml2' :style='{color: gradeColor[2]}'> {{ 'X<60%' }} </span>
                 <el-tag class='ml10' style='width: 20px;height: 12px' :style='{background: gradeColor[1]}'></el-tag>
-                <span  class='ml2' :style='{color: gradeColor[1]}'>{{ '60%≤X<90%' }} </span>
+                <span class='ml2' :style='{color: gradeColor[1]}'>{{ '60%≤X<90%' }} </span>
                 <el-tag class='ml10' style='width: 20px;height: 12px' :style='{background: gradeColor[0]}'></el-tag>
-                <span  class='ml2' :style='{color: gradeColor[0]}'>  {{ 'X≥90 %' }}</span>
+                <span class='ml2' :style='{color: gradeColor[0]}'>  {{ 'X≥90 %' }}</span>
             </div>
             <my-echart :options='secondOptions' style='flex: 1;height: 100%' />
             <my-echart :options='firstOptions' style='flex: 1;height: 100%' />
@@ -313,9 +313,18 @@ onMounted(() => {
 
 </script>
 <style lang='scss'>
-.zanjiangfenbutongji {
+.running-condition {
-    position: relative;
     display: flex;
-    overflow: hidden;
+    flex-direction: column;
+    height: 100%;
+    box-sizing: border-box;
+    padding: 14px;
+    border: 1px solid var(--el-border-color);
+
+    .zanjiangfenbutongji {
+        position: relative;
+        display: flex;
+        overflow: hidden;
+    }
 }
 </style>

vite.config.ts

@@ -14,6 +14,10 @@ export default defineConfig({
                 target: 'http://192.168.1.81:10215', //数据中心
                 changeOrigin: true,
                 rewrite: path => path.replace(/^\/api/, '') //路径重写，把'/api'替换为''
+            },
+            '/map': {
+                target: 'http://192.168.1.81:8088', //数据中心
+                changeOrigin: true,
             }
         }
     },

vite.config.ts.timestamp-1709021487815-153b26a45c9ee.mjs

@@ -0,0 +1,39 @@
+// vite.config.ts
+import { defineConfig } from "file:///Users/zhongchunyang/Documents/canneng/admin-sjzx/node_modules/.pnpm/vite@5.0.10_@types+node@20.10.5_sass@1.69.5/node_modules/vite/dist/node/index.js";
+import vue from "file:///Users/zhongchunyang/Documents/canneng/admin-sjzx/node_modules/.pnpm/@vitejs+plugin-vue@4.5.2_vite@5.0.10_vue@3.3.13/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import vueJsx from "file:///Users/zhongchunyang/Documents/canneng/admin-sjzx/node_modules/.pnpm/@vitejs+plugin-vue-jsx@3.1.0_vite@5.0.10_vue@3.3.13/node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs";
+import path from "path";
+var __vite_injected_original_dirname = "/Users/zhongchunyang/Documents/canneng/admin-sjzx";
+var nodeResolve = (dir) => path.resolve(__vite_injected_original_dirname, ".", dir);
+var vite_config_default = defineConfig({
+  plugins: [vue(), vueJsx()],
+  server: {
+    host: "0.0.0.0",
+    proxy: {
+      "/api": {
+        target: "http://192.168.1.81:10215",
+        //数据中心
+        changeOrigin: true,
+        rewrite: (path2) => path2.replace(/^\/api/, "")
+        //路径重写，把'/api'替换为''
+      },
+      "/tilesApi": {
+        target: "http://192.168.1.81:10215",
+        //数据中心
+        changeOrigin: true,
+        rewrite: (path2) => path2.replace(/^\/tilesApi/, "")
+        //路径重写，把'/api'替换为''
+      }
+    }
+  },
+  resolve: {
+    alias: {
+      "@": nodeResolve("src"),
+      "~": nodeResolve("public")
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvemhvbmdjaHVueWFuZy9Eb2N1bWVudHMvY2FubmVuZy9hZG1pbi1zanp4XCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvemhvbmdjaHVueWFuZy9Eb2N1bWVudHMvY2FubmVuZy9hZG1pbi1zanp4L3ZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy96aG9uZ2NodW55YW5nL0RvY3VtZW50cy9jYW5uZW5nL2FkbWluLXNqengvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJ1xuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXG5pbXBvcnQgdnVlSnN4IGZyb20gJ0B2aXRlanMvcGx1Z2luLXZ1ZS1qc3gnXG5pbXBvcnQgcGF0aCBmcm9tICdwYXRoJ1xuXG5jb25zdCBub2RlUmVzb2x2ZSA9IChkaXI6IHN0cmluZykgPT4gcGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJy4nLCBkaXIpXG4vLyBodHRwczovL3ZpdGVqcy5kZXYvY29uZmlnL1xuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcbiAgICBwbHVnaW5zOiBbdnVlKCksIHZ1ZUpzeCgpXSxcbiAgICBzZXJ2ZXI6IHtcbiAgICAgICAgaG9zdDogJzAuMC4wLjAnLFxuICAgICAgICBwcm94eToge1xuICAgICAgICAgICAgJy9hcGknOiB7XG4gICAgICAgICAgICAgICAgdGFyZ2V0OiAnaHR0cDovLzE5Mi4xNjguMS44MToxMDIxNScsIC8vXHU2NTcwXHU2MzZFXHU0RTJEXHU1RkMzXG4gICAgICAgICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgICAgICAgIHJld3JpdGU6IHBhdGggPT4gcGF0aC5yZXBsYWNlKC9eXFwvYXBpLywgJycpIC8vXHU4REVGXHU1Rjg0XHU5MUNEXHU1MTk5XHVGRjBDXHU2MjhBJy9hcGknXHU2NkZGXHU2MzYyXHU0RTNBJydcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAnL3RpbGVzQXBpJzoge1xuICAgICAgICAgICAgICAgIHRhcmdldDogJ2h0dHA6Ly8xOTIuMTY4LjEuODE6MTAyMTUnLCAvL1x1NjU3MFx1NjM2RVx1NEUyRFx1NUZDM1xuICAgICAgICAgICAgICAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICByZXdyaXRlOiBwYXRoID0+IHBhdGgucmVwbGFjZSgvXlxcL3RpbGVzQXBpLywgJycpIC8vXHU4REVGXHU1Rjg0XHU5MUNEXHU1MTk5XHVGRjBDXHU2MjhBJy9hcGknXHU2NkZGXHU2MzYyXHU0RTNBJydcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH0sXG4gICAgcmVzb2x2ZToge1xuICAgICAgICBhbGlhczoge1xuICAgICAgICAgICAgJ0AnOiBub2RlUmVzb2x2ZSgnc3JjJyksXG4gICAgICAgICAgICAnfic6IG5vZGVSZXNvbHZlKCdwdWJsaWMnKVxuICAgICAgICB9XG4gICAgfVxufSlcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBcVUsU0FBUyxvQkFBb0I7QUFDbFcsT0FBTyxTQUFTO0FBQ2hCLE9BQU8sWUFBWTtBQUNuQixPQUFPLFVBQVU7QUFIakIsSUFBTSxtQ0FBbUM7QUFLekMsSUFBTSxjQUFjLENBQUMsUUFBZ0IsS0FBSyxRQUFRLGtDQUFXLEtBQUssR0FBRztBQUVyRSxJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUN4QixTQUFTLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztBQUFBLEVBQ3pCLFFBQVE7QUFBQSxJQUNKLE1BQU07QUFBQSxJQUNOLE9BQU87QUFBQSxNQUNILFFBQVE7QUFBQSxRQUNKLFFBQVE7QUFBQTtBQUFBLFFBQ1IsY0FBYztBQUFBLFFBQ2QsU0FBUyxDQUFBQSxVQUFRQSxNQUFLLFFBQVEsVUFBVSxFQUFFO0FBQUE7QUFBQSxNQUM5QztBQUFBLE1BQ0EsYUFBYTtBQUFBLFFBQ1QsUUFBUTtBQUFBO0FBQUEsUUFDUixjQUFjO0FBQUEsUUFDZCxTQUFTLENBQUFBLFVBQVFBLE1BQUssUUFBUSxlQUFlLEVBQUU7QUFBQTtBQUFBLE1BQ25EO0FBQUEsSUFDSjtBQUFBLEVBQ0o7QUFBQSxFQUNBLFNBQVM7QUFBQSxJQUNMLE9BQU87QUFBQSxNQUNILEtBQUssWUFBWSxLQUFLO0FBQUEsTUFDdEIsS0FBSyxZQUFZLFFBQVE7QUFBQSxJQUM3QjtBQUFBLEVBQ0o7QUFDSixDQUFDOyIsCiAgIm5hbWVzIjogWyJwYXRoIl0KfQo=