From 264617edf254068ee0a3e282d86a7baf71fa17db Mon Sep 17 00:00:00 2001 From: "DESKTOP-VMMLSOQ\\wangzg" <1161909281@qq.com> Date: Tue, 27 Feb 2024 00:16:55 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8A=A8=E5=9B=BE=E5=92=8C?= =?UTF-8?q?=E6=95=B0=E5=AD=97=E5=8A=A8=E7=94=BB=EF=BC=8C=E5=AE=8C=E5=96=84?= =?UTF-8?q?=E7=AD=9B=E9=80=89=E5=99=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 46 ++------- components/AirQuality.vue | 2 +- components/DeviceRun.vue | 12 +-- components/EnergyUse.vue | 4 +- components/EnterpriseOperations.vue | 6 +- components/Number.vue | 49 ++++++++++ components/OverviewPollutants.vue | 4 +- components/WarningStatistics.vue | 2 +- package.json | 2 + pages/visual/PeakCoalView.vue | 140 ++++++++++++++++++++++++---- plugins/dialog.js | 42 +++++++++ plugins/setup.js | 2 + static/media/footer.webm | Bin 0 -> 117814 bytes static/media/toubu.webm | Bin 0 -> 737725 bytes yarn.lock | 82 +++------------- 15 files changed, 251 insertions(+), 142 deletions(-) create mode 100644 components/Number.vue create mode 100644 plugins/dialog.js create mode 100644 static/media/footer.webm create mode 100644 static/media/toubu.webm diff --git a/README.md b/README.md index 7b690c2..c8ff9c3 100644 --- a/README.md +++ b/README.md @@ -17,53 +17,23 @@ $ yarn start $ yarn generate ``` -For detailed explanation on how things work, check out the [documentation](https://nuxtjs.org). - ## Special Directories -You can create the following extra directories, some of which have special behaviors. Only `pages` is required; you can delete them if you don't want to use their functionality. +### mixins + +vue混入代码,主要是自适应相关的代码 ### `assets` -The assets directory contains your uncompiled assets such as Stylus or Sass files, images, or fonts. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/assets). +静态资源 ### `components` -The components directory contains your Vue.js components. Components make up the different parts of your page and can be reused and imported into your pages, layouts and even other components. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/components). +公共组件目录 ### `layouts` -Layouts are a great help when you want to change the look and feel of your Nuxt app, whether you want to include a sidebar or have distinct layouts for mobile and desktop. +布局目录,多了一个管理页 -More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/layouts). - - -### `pages` - -This directory contains your application views and routes. Nuxt will read all the `*.vue` files inside this directory and setup Vue Router automatically. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/get-started/routing). - -### `plugins` - -The plugins directory contains JavaScript plugins that you want to run before instantiating the root Vue.js Application. This is the place to add Vue plugins and to inject functions or constants. Every time you need to use `Vue.use()`, you should create a file in `plugins/` and add its path to plugins in `nuxt.config.js`. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/plugins). - -### `static` - -This directory contains your static files. Each file inside this directory is mapped to `/`. - -Example: `/static/robots.txt` is mapped as `/robots.txt`. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/static). - -### `store` - -This directory contains your Vuex store files. Creating a file in this directory automatically activates Vuex. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/store). +## 组件库文档地址 +https://1x.antdv.com/components/icon/ diff --git a/components/AirQuality.vue b/components/AirQuality.vue index e87f028..6847ade 100644 --- a/components/AirQuality.vue +++ b/components/AirQuality.vue @@ -7,7 +7,7 @@
空气质量
优良率
- 90% + %
diff --git a/components/DeviceRun.vue b/components/DeviceRun.vue index e53eb70..edb7db1 100644 --- a/components/DeviceRun.vue +++ b/components/DeviceRun.vue @@ -10,14 +10,14 @@
监控点
-
287
+
在线率
-
98%
+
%
@@ -30,14 +30,14 @@
微站
-
287
+
在线率
-
98%
+
%
@@ -50,14 +50,14 @@
深度检测仪
-
287
+
在线率
-
98%
+
%
diff --git a/components/EnergyUse.vue b/components/EnergyUse.vue index 005c6c6..e3a0347 100644 --- a/components/EnergyUse.vue +++ b/components/EnergyUse.vue @@ -17,14 +17,14 @@
今日用电[kwh]
-
1244
+
今日用水[m³]
-
185
+
diff --git a/components/EnterpriseOperations.vue b/components/EnterpriseOperations.vue index 5bfa108..1436da2 100644 --- a/components/EnterpriseOperations.vue +++ b/components/EnterpriseOperations.vue @@ -15,17 +15,17 @@
氮气外供[m³]
-
124
+
液化石油气[t]
-
1123
+
氧气外供[m³]
-
185
+
diff --git a/components/Number.vue b/components/Number.vue new file mode 100644 index 0000000..b3d167b --- /dev/null +++ b/components/Number.vue @@ -0,0 +1,49 @@ + + + + + diff --git a/components/OverviewPollutants.vue b/components/OverviewPollutants.vue index cf2538c..6ce9630 100644 --- a/components/OverviewPollutants.vue +++ b/components/OverviewPollutants.vue @@ -8,10 +8,10 @@
{{ item.pollutantName }}
-
标准:{{ item.standardValue }}
+
标准:
-
{{ item.actualValue }}
+
{{ item.unit }}
diff --git a/components/WarningStatistics.vue b/components/WarningStatistics.vue index b84037f..e084f2b 100644 --- a/components/WarningStatistics.vue +++ b/components/WarningStatistics.vue @@ -7,7 +7,7 @@
报警总数
-
234
+
diff --git a/package.json b/package.json index 27b678a..078761a 100644 --- a/package.json +++ b/package.json @@ -12,12 +12,14 @@ "ant-design-vue": "^1.7.8", "axios": "^1.6.1", "core-js": "^3.25.3", + "countup.js": "^2.8.0", "echarts": "^5.4.3", "lodash": "^4.17.21", "loglevel": "^1.9.1", "mars3d": "^3.7.3", "nuxt": "^2.15.8", "vue": "^2.7.10", + "vue-countup-v2": "^4.0.0", "vue-echarts": "^4.1.0", "vue-seamless-scroll": "^1.1.23", "vue-server-renderer": "^2.7.10", diff --git a/pages/visual/PeakCoalView.vue b/pages/visual/PeakCoalView.vue index d4f4eb0..f284c54 100644 --- a/pages/visual/PeakCoalView.vue +++ b/pages/visual/PeakCoalView.vue @@ -2,8 +2,11 @@
-

峰煤焦化超低排放"管控治"

-

一体化平台

+
+

峰煤焦化超低排放"管控治"

+

一体化平台

+
+
@@ -57,19 +60,50 @@