+
+
+
+
+
+
diff --git a/src/views/goverment/largeScreen/components/header.vue b/src/views/goverment/largeScreen/components/header.vue
new file mode 100644
index 0000000..13ef730
--- /dev/null
+++ b/src/views/goverment/largeScreen/components/header.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+ {{ item.number }}
+ {{ item.name }}
+
+
+
+
+
+
+
diff --git a/src/views/goverment/largeScreen/components/left.vue b/src/views/goverment/largeScreen/components/left.vue
new file mode 100644
index 0000000..69b1527
--- /dev/null
+++ b/src/views/goverment/largeScreen/components/left.vue
@@ -0,0 +1,419 @@
+
+
+
+ {{ currentDate }} {{ currentTime }}
+
+ {{ weatherInfo.weather }} {{ weatherInfo.temperature }}℃
+ 
+
+
+ 智慧工地可视化平台
+
+
+
+
+
+
+
diff --git a/src/views/goverment/largeScreen/components/map2D.vue b/src/views/goverment/largeScreen/components/map2D.vue
new file mode 100644
index 0000000..2a7e535
--- /dev/null
+++ b/src/views/goverment/largeScreen/components/map2D.vue
@@ -0,0 +1,218 @@
+
+
+
+ 项目数
+
+
+
+
+ {{ item }}
+
+
+ 实名制统计
+
+
+
+ ![]()
+
+
+
+ {{ realNameBlue.number }}
+ {{ realNameBlue.name }}
+
+ ![]()
+
+
+
+ {{ realNameGreen.number }}
+ {{ realNameGreen.name }}
+ {{ realNameGreen.percent }}
+
+ ![]()
+
+
+
+ {{ realNameRed.number }}
+ {{ realNameRed.name }}
+ {{ realNameRed.percent }}
+
+
+ 企业统计
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ item.name }}
+ {{ item.number }}
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ item.name }}
+ {{ item.number }}
+
+
+
+
+
+
+
+
diff --git a/src/views/goverment/largeScreen/components/map3D.vue b/src/views/goverment/largeScreen/components/map3D.vue
new file mode 100644
index 0000000..389dd53
--- /dev/null
+++ b/src/views/goverment/largeScreen/components/map3D.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/goverment/largeScreen/index.vue b/src/views/goverment/largeScreen/index.vue
new file mode 100644
index 0000000..3874f11
--- /dev/null
+++ b/src/views/goverment/largeScreen/index.vue
@@ -0,0 +1,65 @@
+
+
+
+ 工程数
+
+
+
+
+ {{ item }}
+
+
+
+ 在建工程分类
+
+
+ {{ item.number }}
+
+
+ 扬尘今日预警
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
diff --git a/vite.config.ts b/vite.config.ts
index 017d5c2..67e0840 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,136 +1,150 @@
-import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
-import { createHtmlPlugin } from "vite-plugin-html";
-import vue from "@vitejs/plugin-vue";
-import { resolve } from "path";
-import { wrapperEnv } from "./src/utils/getEnv";
-import { visualizer } from "rollup-plugin-visualizer";
-import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
-import viteCompression from "vite-plugin-compression";
-import vueSetupExtend from "vite-plugin-vue-setup-extend-plus";
-import eslintPlugin from "vite-plugin-eslint";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-import importToCDN from "vite-plugin-cdn-import";
-// import AutoImport from "unplugin-auto-import/vite";
-// import Components from "unplugin-vue-components/vite";
-// import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
-
-// @see: https://vitejs.dev/config/
-// export const BASE_IMAGE_URL = import.meta.env.NODE_ENV === "development" ? "./src" : "";
-export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
- const env = loadEnv(mode, process.cwd());
- const viteEnv = wrapperEnv(env);
-
- return {
- base: "./",
- resolve: {
- alias: {
- "@": resolve(__dirname, "./src"),
- "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js"
- }
- },
- css: {
- preprocessorOptions: {
- scss: {
- additionalData: `@import "@/styles/var.scss";`
- }
- }
- },
- server: {
- // 服务器主机名，如果允许外部访问，可设置为 "0.0.0.0"
- host: "0.0.0.0",
- port: viteEnv.VITE_PORT,
- open: viteEnv.VITE_OPEN,
- cors: true,
- // 跨域代理配置
- proxy: {
- "/api": {
- target: viteEnv.VITE_API_URL, // easymock
- // target: "https://www.fastmock.site/mock/f81e8333c1a9276214bcdbc170d9e0a0", // fastmock
- changeOrigin: true,
- rewrite: path => path.replace(/^\/api/, "")
- }
- }
- },
- plugins: [
- vue(),
- createHtmlPlugin({
- inject: {
- data: {
- title: viteEnv.VITE_GLOB_APP_TITLE
- }
- }
- }),
- // * 使用 svg 图标
- createSvgIconsPlugin({
- iconDirs: [resolve(process.cwd(), "src/assets/icons")],
- symbolId: "icon-[dir]-[name]"
- }),
- // * EsLint 报错信息显示在浏览器界面上
- // eslintPlugin(),
- // * vite 可以使用 jsx/tsx 语法
- vueJsx(),
- // * name 可以写在 script 标签上
- vueSetupExtend(),
- // * 是否生成包预览(分析依赖包大小,方便做优化处理)
- viteEnv.VITE_REPORT && visualizer(),
- // * gzip compress
- viteEnv.VITE_BUILD_GZIP &&
- viteCompression({
- verbose: true,
- disable: false,
- threshold: 10240,
- algorithm: "gzip",
- ext: ".gz"
- }),
- // * cdn 引入（vue按需引入会导致依赖vue的插件出现问题(列如:pinia/vuex)）
- importToCDN({
- modules: [
- // {
- // name: "vue",
- // var: "Vue",
- // path: "https://unpkg.com/vue@next"
- // },
- // 使用cdn引入element-plus时,开发环境还是需要在main.js中引入element-plus,可以不用引入css
- // {
- // name: "element-plus",
- // var: "ElementPlus",
- // path: "https://unpkg.com/element-plus",
- // css: "https://unpkg.com/element-plus/dist/index.css"
- // }
- ]
- })
- // * demand import element
- // AutoImport({
- // resolvers: [ElementPlusResolver()]
- // }),
- // Components({
- // resolvers: [ElementPlusResolver()]
- // }),
- ],
- // * 打包去除 console.log && debugger
- esbuild: {
- pure: viteEnv.VITE_DROP_CONSOLE ? ["console.log", "debugger"] : []
- },
- build: {
- outDir: "dist",
- minify: "esbuild",
- // esbuild 打包更快，但是不能去除 console.log，terser打包慢，但能去除 console.log
- // minify: "terser",
- // terserOptions: {
- // compress: {
- // drop_console: viteEnv.VITE_DROP_CONSOLE,
- // drop_debugger: true
- // }
- // },
- chunkSizeWarningLimit: 2500,
- rollupOptions: {
- output: {
- // Static resource classification and packaging
- chunkFileNames: "assets/js/[name]-[hash].js",
- entryFileNames: "assets/js/[name]-[hash].js",
- assetFileNames: "assets/[ext]/[name]-[hash].[ext]"
- }
- }
- }
- };
-});
+import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
+import { createHtmlPlugin } from "vite-plugin-html";
+import vue from "@vitejs/plugin-vue";
+import { resolve } from "path";
+import { wrapperEnv } from "./src/utils/getEnv";
+import { visualizer } from "rollup-plugin-visualizer";
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
+import viteCompression from "vite-plugin-compression";
+import vueSetupExtend from "vite-plugin-vue-setup-extend-plus";
+import eslintPlugin from "vite-plugin-eslint";
+import vueJsx from "@vitejs/plugin-vue-jsx";
+import importToCDN from "vite-plugin-cdn-import";
+// import AutoImport from "unplugin-auto-import/vite";
+// import Components from "unplugin-vue-components/vite";
+// import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+import { vitePluginMars3d } from "vite-plugin-mars3d";
+// @see: https://vitejs.dev/config/
+// export const BASE_IMAGE_URL = import.meta.env.NODE_ENV === "development" ? "./src" : "";
+export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
+ const env = loadEnv(mode, process.cwd());
+ const viteEnv = wrapperEnv(env);
+
+ return {
+ base: "./",
+ resolve: {
+ alias: {
+ "@": resolve(__dirname, "./src"),
+ "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js"
+ }
+ },
+ css: {
+ preprocessorOptions: {
+ scss: {
+ additionalData: `@import "@/styles/var.scss";`
+ }
+ }
+ },
+ server: {
+ // 服务器主机名，如果允许外部访问，可设置为 "0.0.0.0"
+ host: "0.0.0.0",
+ port: viteEnv.VITE_PORT,
+ open: viteEnv.VITE_OPEN,
+ cors: true,
+ // 跨域代理配置
+ proxy: {
+ "/api": {
+ target: viteEnv.VITE_API_URL, // easymock
+ // target: "https://www.fastmock.site/mock/f81e8333c1a9276214bcdbc170d9e0a0", // fastmock
+ changeOrigin: true,
+ rewrite: path => path.replace(/^\/api/, "")
+ }
+ }
+ // open: true,
+ // host: "localhost",
+ // port: 8520,
+ // //这里的ip和端口是前端项目的;下面为需要跨域访问后端项目
+ // proxy: {
+ // "^/token": {
+ // target: "http://192.168.34.155:8520/", //这里填入你要请求的接口的前缀
+ // ws: true, //代理websocket
+ // changeOrigin: true, //虚拟的站点需要更管origin
+ // secure: true, //是否https接口
+ // rewrite: path => path.replace(/^\/api/, "")
+ // }
+ // }
+ },
+ plugins: [
+ vue(),
+ vitePluginMars3d(),
+ createHtmlPlugin({
+ inject: {
+ data: {
+ title: viteEnv.VITE_GLOB_APP_TITLE
+ }
+ }
+ }),
+ // * 使用 svg 图标
+ createSvgIconsPlugin({
+ iconDirs: [resolve(process.cwd(), "src/assets/icons")],
+ symbolId: "icon-[dir]-[name]"
+ }),
+ // * EsLint 报错信息显示在浏览器界面上
+ // eslintPlugin(),
+ // * vite 可以使用 jsx/tsx 语法
+ vueJsx(),
+ // * name 可以写在 script 标签上
+ vueSetupExtend(),
+ // * 是否生成包预览(分析依赖包大小,方便做优化处理)
+ viteEnv.VITE_REPORT && visualizer(),
+ // * gzip compress
+ viteEnv.VITE_BUILD_GZIP &&
+ viteCompression({
+ verbose: true,
+ disable: false,
+ threshold: 10240,
+ algorithm: "gzip",
+ ext: ".gz"
+ }),
+ // * cdn 引入（vue按需引入会导致依赖vue的插件出现问题(列如:pinia/vuex)）
+ importToCDN({
+ modules: [
+ // {
+ // name: "vue",
+ // var: "Vue",
+ // path: "https://unpkg.com/vue@next"
+ // },
+ // 使用cdn引入element-plus时,开发环境还是需要在main.js中引入element-plus,可以不用引入css
+ // {
+ // name: "element-plus",
+ // var: "ElementPlus",
+ // path: "https://unpkg.com/element-plus",
+ // css: "https://unpkg.com/element-plus/dist/index.css"
+ // }
+ ]
+ })
+ // * demand import element
+ // AutoImport({
+ // resolvers: [ElementPlusResolver()]
+ // }),
+ // Components({
+ // resolvers: [ElementPlusResolver()]
+ // }),
+ ],
+ // * 打包去除 console.log && debugger
+ esbuild: {
+ pure: viteEnv.VITE_DROP_CONSOLE ? ["console.log", "debugger"] : []
+ },
+ build: {
+ outDir: "dist",
+ minify: "esbuild",
+ // esbuild 打包更快，但是不能去除 console.log，terser打包慢，但能去除 console.log
+ // minify: "terser",
+ // terserOptions: {
+ // compress: {
+ // drop_console: viteEnv.VITE_DROP_CONSOLE,
+ // drop_debugger: true
+ // }
+ // },
+ chunkSizeWarningLimit: 2500,
+ rollupOptions: {
+ output: {
+ // Static resource classification and packaging
+ chunkFileNames: "assets/js/[name]-[hash].js",
+ entryFileNames: "assets/js/[name]-[hash].js",
+ assetFileNames: "assets/[ext]/[name]-[hash].[ext]"
+ }
+ }
+ }
+ };
+});
+
+
+