离线地图修改

This commit is contained in:
仲么了
2024-02-28 09:42:07 +08:00
parent 374971c828
commit 38a4183276
6 changed files with 76 additions and 12 deletions

View File

@@ -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",

7
pnpm-lock.yaml generated
View File

@@ -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'}

View File

@@ -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'
// 方式1NPM 安装,注入 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',
// type: 'WebGL' // ||API 默认API (使用此模式 BMap=BMapGL)
})
ak: 'Yp57V71dkOPiXjiN8VdcFRsVELzlVNKK',
v: '3.0',
});
app.use(router)
app.use(pinia)
app.use(ElementPlus)

View File

@@ -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 {
position: relative;
.running-condition {
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>

View File

@@ -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,
}
}
},

View File

@@ -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=