From 7db80168ad51e39ca7c170ab53541acd8acf481b Mon Sep 17 00:00:00 2001 From: fuguobin Date: Thu, 8 Feb 2024 14:46:19 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8D=A2=E7=83=AD=E7=AB=99=E5=A4=A7=E5=B1=8F?= =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E6=95=B0=E6=8D=AE=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/dataVisual/index.ts | 76 + src/api/dataVisual/types.ts | 22 + src/assets/images/dataVisual/title_bg.png | Bin 2228 -> 14918 bytes src/assets/images/dataVisual/title_bg_l.png | Bin 2356 -> 14970 bytes src/store/modules/date.js | 10 +- src/types/auto-imports.d.ts | 4 + src/types/components.d.ts | 6 - src/views/dashboard/index.vue | 1 + .../components/{bar.vue => bar - 副本.vue} | 0 .../{boxPlot.vue => boxPlot - 副本.vue} | 0 src/views/data-visual/components/charts.vue | 29 +- src/views/data-visual/components/header.vue | 97 +- src/views/data-visual/components/hxPress.vue | 1214 ++++++++++++++++ src/views/data-visual/components/hxTemp.vue | 708 ++++++++++ src/views/data-visual/components/line.vue | 8 +- src/views/data-visual/components/priPress.vue | 208 +++ src/views/data-visual/components/priTemp.vue | 188 +++ src/views/data-visual/components/secPress.vue | 208 +++ src/views/data-visual/components/secTemp.vue | 208 +++ .../data-visual/components/table - 副本.vue | 142 ++ src/views/data-visual/components/table.vue | 365 +++-- src/views/data-visual/components/temp.vue | 1221 ----------------- src/views/data-visual/index.scss | 6 +- 23 files changed, 3277 insertions(+), 1444 deletions(-) create mode 100644 src/api/dataVisual/index.ts create mode 100644 src/api/dataVisual/types.ts rename src/views/data-visual/components/{bar.vue => bar - 副本.vue} (100%) rename src/views/data-visual/components/{boxPlot.vue => boxPlot - 副本.vue} (100%) create mode 100644 src/views/data-visual/components/hxPress.vue create mode 100644 src/views/data-visual/components/hxTemp.vue create mode 100644 src/views/data-visual/components/priPress.vue create mode 100644 src/views/data-visual/components/priTemp.vue create mode 100644 src/views/data-visual/components/secPress.vue create mode 100644 src/views/data-visual/components/secTemp.vue create mode 100644 src/views/data-visual/components/table - 副本.vue delete mode 100644 src/views/data-visual/components/temp.vue diff --git a/src/api/dataVisual/index.ts b/src/api/dataVisual/index.ts new file mode 100644 index 0000000..a73f5c8 --- /dev/null +++ b/src/api/dataVisual/index.ts @@ -0,0 +1,76 @@ +import request from '@/utils/request'; +import { AxiosPromise } from 'axios'; +import { weatherVo } from './types'; + +/** + * 获取热源列表 + */ +export function getDeptList(data: any) { + return request({ + url: '/system/dept/selectList', + method: 'post', + data: data + }); +} +/** + * 获取图表数据 + */ +export function getrealTime(queryParams: any) { + return request({ + url: 'dc/heatSourceScreen/heatSource/realTime/data', + method: 'get', + params: queryParams + }); +} +/** + * 温度曲线 + */ +export function getTempChart(queryParams: any) { + return request({ + url: '/dc/heatSourceScreen/heatExchangeStation/temperature/history/Data', + method: 'get', + params: queryParams + }); +} +/** + * 温度曲线 + */ +export function getTempChartPolling(queryParams: any) { + return request({ + url: '/dc/heatSourceScreen/heatExchangeStation/temperature/realTime/data', + method: 'get', + params: queryParams + }); +} + +/** + * 压力曲线 + */ +export function getPressChart(queryParams: any) { + return request({ + url: '/dc/heatSourceScreen/heatExchangeStation/stress/history/data', + method: 'get', + params: queryParams + }); +} +/** + * 压力曲线 + */ +export function getPressChartPolling(queryParams: any) { + return request({ + url: '/dc/heatSourceScreen/heatExchangeStation/stress/realTime/data', + method: 'get', + params: queryParams + }); +} + +/** + * 获取换热站Table列表 + */ +export function getTableData(data: any) { + return request({ + url: '/dc/heatSourceScreen/heatSource/table/data', + method: 'post', + data: data + }); +} diff --git a/src/api/dataVisual/types.ts b/src/api/dataVisual/types.ts new file mode 100644 index 0000000..51a9603 --- /dev/null +++ b/src/api/dataVisual/types.ts @@ -0,0 +1,22 @@ +/** + * 天气参数 + */ +export interface weatherVo { + date: string; + tem_day: string; + tem_night: string; + wea: string; + wea_img: string; + win: string; + win_speed: string; +} + +/** + * 水消耗参数 + */ +export interface waterVo { + field1: number; + field2: number; + field3: number; + name: string; +} diff --git a/src/assets/images/dataVisual/title_bg.png b/src/assets/images/dataVisual/title_bg.png index 224cd4ccd96988a44c4305133ce1e4d1c24df0bd..4c7f9efbca62b114aa97dc3d4fc2855001563f5a 100644 GIT binary patch literal 14918 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 diff --git a/src/assets/images/dataVisual/title_bg_l.png b/src/assets/images/dataVisual/title_bg_l.png index 4d93d1a99a5bf76f33277b4d242e13bd3b17d41e..d7e751dba8aae3aabce45d1dc01a78cc23e4d65a 100644 GIT binary patch literal 14970 zcmeI3TW}Lq7{?Ew0!2heLB@`{hKn$e?rzf1WJywMQ)rNsPFjZ+W`JdP(=JW2VRuW? z4z~e(aJW3QMMS{CCwvfvVa7|V12f)0V2~L_x#)<3pa|Fz>rl{oc9SM2Y043Y$Fnot z{qmjv_kCx7=hA&SFIQL19$oN60RUjMztR^3V3-bV%ZLZy{qc8p9D|RMvC4W4fKiVc ze?!1)JI4dyER<{O^t!-YPEaC6yr?XdiV~3+R0H5HO~iPiNz$pMQiB}zSgv;+v{16> zvCMY_m_V#tYLqKmRjH=6s#a)i5?rFC)LYidY9*>}01?Hios+jGbofR@TNbE{=6jsmtOm zfRm*mJ;u>=JRUEK+lv&nfo5GU7tPpco6QOpR;?wf^9gHIn~+S> zpT{R@f-1*!S&33cUVf?4ta~gLqfq)vy;mfbE)>;L>>x!t!N+K}h@tZZi9$Li)~trj zu89IIg{6oT)ioH$=8cOrD!QUIDua|vHxF7Ej!7VpuAR5Pkx1UsnqIL2B1j?48>!W{ z#3VW>X-cyyNEIvKt4zrE_PQL(3{F-iqh-*(O9^?9Fry_IW=@6V2)W_Aa^xx>d zC}D4MmR0v7q{_>wDf8v1sKm9YZaP<;8R|?T$;a!G*T&e2t&GjeIBHpjW9*#6HjQy| z41**|DsyrK6j2VfWalWUWm&GcgmcV5b0Esx9B}D~yw3lpET|UABMMwdQ6s$Wl_PwE zM8~2HZaU*cl<5h@l`COIh24_8b~l~RjYOG~jPpk|osSBV-{*ynB3TwWhv>5Nwi1`s z7Gij-ODbM!bvcU}t0NTRS0EbiM75ld!gW3wE?v!-kWOcDDk!%lZ)ANY(w-HFG^7HPV}<+|H-|Fmh2IG9^Mp=+ zpJb16dJ)`XBlAZ0I5C=z6hUcVZGsDn2o(@qC=IMlaA6Ul0)h*rfwc)PEFx4uaG^A? zHo=8OgbD~Qlm^x&xUh&&0l|gRz}f^C77;2SxKJ8co8ZDCLIngDN&{;XTv$Y?fZ#%D zU~Pg6iwG4ETqq5!O>kimp#p*nrGd2xE-WHcKyaZnur|SkMT80nE|dn=Cb+POPyxY( z(!kmT7ZwpJAh=K(SexL&B0>cO7fJ(b6I@tCsDR)?X<%)F3yTO95L_q?tW9uX5upNt z3#Eaz2`(%mR6uZ{G_dv^aTR1v{7F%G%r6el^Zj`BrvvaTASF}=0|2y60$}ZW0B-id z=Pv*>GXVU$1OV<;c*;;|Tm0!P0EV3Q`^st)XMQ_Zy6iC?e0Kh?!r{|Dd0wH$)$bo$ zc7NHvc@57bHtgGPTXv{4EKcJ`CWek0v*hZ?2hWTs9QO!KeLG^#&J&9^?Vh=ze%0$M zeh?CSdf8(g3z}dr>O7lA!pD72!rSaOZ!AB&YtP0%0%!N``FTOx3;yrF{%TvK{Zjkp zlf&)90O)IbV`b;5qlKO7TW9AUuWGyEubTKlUGS+j*KMa;d%8P59}NI=Xm?l1!gEuO z>@5#o4{5(Qe`g$&{JZJB(5*4AxOShqwrtLpr&~RLZrVNsfZlI9E}RcO+p+TIs_u&i zlAg&&^bdP3D`Vb2IP+k2m)bdb+nVJqi@JJGnRyoW7IyC1eDcb~F8}I(c3j-C;Aqc{ zp37U4p*_nFw|Ae}c=hzHkJev1yY-a5;{k4{WR7+lyXs*q3dDe?5Ek7t-sx{03QAXx3>qspssyf z2&31Ion!=n;VO+japS{sjJtD&O1BFIo35 DH+f;# literal 2356 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 diff --git a/src/store/modules/date.js b/src/store/modules/date.js index 38b20e3..12a786b 100644 --- a/src/store/modules/date.js +++ b/src/store/modules/date.js @@ -5,7 +5,9 @@ const useCounter = defineStore('date', { * 存储全局状态 */ state: () => ({ - dateStr: '' + deptIdStr:'', + dateStr: '', + orgStr:'' }), /** @@ -17,8 +19,14 @@ const useCounter = defineStore('date', { * 编辑业务逻辑 类似于methods */ actions: { + deptStore(val) { + this.deptIdStr = val; + }, dateStore(val) { this.dateStr = val; + }, + orgStore(val) { + this.orgStr = val; } } }); diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts index acba637..5742656 100644 --- a/src/types/auto-imports.d.ts +++ b/src/types/auto-imports.d.ts @@ -2,9 +2,11 @@ export {} declare global { const EffectScope: typeof import('vue')['EffectScope'] + const ElForm: typeof import('element-plus/es')['ElForm'] const ElMessage: typeof import('element-plus/es')['ElMessage'] const ElMessageBox: typeof import('element-plus/es')['ElMessageBox'] const ElNotification: typeof import('element-plus/es')['ElNotification'] + const NEllipsis: typeof import('naive-ui')['NEllipsis'] const asyncComputed: typeof import('@vueuse/core')['asyncComputed'] const autoResetRef: typeof import('@vueuse/core')['autoResetRef'] const computed: typeof import('vue')['computed'] @@ -271,9 +273,11 @@ import { UnwrapRef } from 'vue' declare module 'vue' { interface ComponentCustomProperties { readonly EffectScope: UnwrapRef + readonly ElForm: UnwrapRef readonly ElMessage: UnwrapRef readonly ElMessageBox: UnwrapRef readonly ElNotification: UnwrapRef + readonly NEllipsis: UnwrapRef readonly asyncComputed: UnwrapRef readonly autoResetRef: UnwrapRef readonly computed: UnwrapRef diff --git a/src/types/components.d.ts b/src/types/components.d.ts index e77c575..ff9cf43 100644 --- a/src/types/components.d.ts +++ b/src/types/components.d.ts @@ -9,33 +9,27 @@ declare module '@vue/runtime-core' { export interface GlobalComponents { Breadcrumb: typeof import('./../components/Breadcrumb/index.vue')['default'] Button: typeof import('./../components/Widgets/button.vue')['default'] - ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb'] - ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem'] ElButton: typeof import('element-plus/es')['ElButton'] ElCard: typeof import('element-plus/es')['ElCard'] ElCheckbox: typeof import('element-plus/es')['ElCheckbox'] ElCol: typeof import('element-plus/es')['ElCol'] ElDatePicker: typeof import('element-plus/es')['ElDatePicker'] ElDialog: typeof import('element-plus/es')['ElDialog'] - ElDivider: typeof import('element-plus/es')['ElDivider'] ElDropdown: typeof import('element-plus/es')['ElDropdown'] ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem'] ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu'] ElForm: typeof import('element-plus/es')['ElForm'] ElFormItem: typeof import('element-plus/es')['ElFormItem'] - ElIcon: typeof import('element-plus/es')['ElIcon'] ElInput: typeof import('element-plus/es')['ElInput'] ElInputNumber: typeof import('element-plus/es')['ElInputNumber'] ElMenu: typeof import('element-plus/es')['ElMenu'] ElMenuItem: typeof import('element-plus/es')['ElMenuItem'] - ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup'] ElOption: typeof import('element-plus/es')['ElOption'] ElPagination: typeof import('element-plus/es')['ElPagination'] ElPopover: typeof import('element-plus/es')['ElPopover'] ElRow: typeof import('element-plus/es')['ElRow'] ElScrollbar: typeof import('element-plus/es')['ElScrollbar'] ElSelect: typeof import('element-plus/es')['ElSelect'] - ElSubMenu: typeof import('element-plus/es')['ElSubMenu'] ElSwitch: typeof import('element-plus/es')['ElSwitch'] ElTable: typeof import('element-plus/es')['ElTable'] ElTableColumn: typeof import('element-plus/es')['ElTableColumn'] diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue index ade526c..ec80068 100644 --- a/src/views/dashboard/index.vue +++ b/src/views/dashboard/index.vue @@ -171,6 +171,7 @@ const timePeriod = computed(() => { onMounted(() => { getWeatherData(); const webVersion = sessionStorage.getItem('webVersion'); + debugger if (webVersion != '') { const version = JSON.parse(webVersion); notice.value = ElNotification({ diff --git a/src/views/data-visual/components/bar.vue b/src/views/data-visual/components/bar - 副本.vue similarity index 100% rename from src/views/data-visual/components/bar.vue rename to src/views/data-visual/components/bar - 副本.vue diff --git a/src/views/data-visual/components/boxPlot.vue b/src/views/data-visual/components/boxPlot - 副本.vue similarity index 100% rename from src/views/data-visual/components/boxPlot.vue rename to src/views/data-visual/components/boxPlot - 副本.vue diff --git a/src/views/data-visual/components/charts.vue b/src/views/data-visual/components/charts.vue index a8e05a1..0465ae1 100644 --- a/src/views/data-visual/components/charts.vue +++ b/src/views/data-visual/components/charts.vue @@ -6,15 +6,15 @@ 一网温度
- +
- 一网热力站流量 + 一网压力
- +
@@ -24,7 +24,7 @@ 温度
- +
@@ -32,7 +32,7 @@ 压力
- +
@@ -42,26 +42,27 @@ 二网温度
- +
- 二网热力站压力 + 二网压力
- +
diff --git a/src/views/data-visual/components/hxTemp.vue b/src/views/data-visual/components/hxTemp.vue new file mode 100644 index 0000000..a3f41c0 --- /dev/null +++ b/src/views/data-visual/components/hxTemp.vue @@ -0,0 +1,708 @@ + + + diff --git a/src/views/data-visual/components/line.vue b/src/views/data-visual/components/line.vue index 974d125..f03a8a7 100644 --- a/src/views/data-visual/components/line.vue +++ b/src/views/data-visual/components/line.vue @@ -25,7 +25,7 @@ const options = { itemWidth: 11, itemHeight: 2, textStyle: { - color: '#fff', + color: '#D1E1FF', fontSize: 14 } }, @@ -48,7 +48,7 @@ const options = { boundaryGap: false, axisLabel: { show: true, - color: '#99CFFF' + color: '#D1E1FF' }, axisLine: { lineStyle: { @@ -61,7 +61,7 @@ const options = { type: 'value', name: '单位', nameTextStyle: { - color: '#546778', + color: '#D1E1FF', fontSize: 12, padding: [0, 0, 0, 0] //name文字位置 对应 上右下左 }, @@ -71,7 +71,7 @@ const options = { }, axisLabel: { show: true, - color: '#546778' + color: '#D1E1FF' }, splitLine: { // 网格线 diff --git a/src/views/data-visual/components/priPress.vue b/src/views/data-visual/components/priPress.vue new file mode 100644 index 0000000..d2b31e3 --- /dev/null +++ b/src/views/data-visual/components/priPress.vue @@ -0,0 +1,208 @@ + + + diff --git a/src/views/data-visual/components/priTemp.vue b/src/views/data-visual/components/priTemp.vue new file mode 100644 index 0000000..d5e6052 --- /dev/null +++ b/src/views/data-visual/components/priTemp.vue @@ -0,0 +1,188 @@ + + + diff --git a/src/views/data-visual/components/secPress.vue b/src/views/data-visual/components/secPress.vue new file mode 100644 index 0000000..90c198e --- /dev/null +++ b/src/views/data-visual/components/secPress.vue @@ -0,0 +1,208 @@ + + + diff --git a/src/views/data-visual/components/secTemp.vue b/src/views/data-visual/components/secTemp.vue new file mode 100644 index 0000000..73fac6d --- /dev/null +++ b/src/views/data-visual/components/secTemp.vue @@ -0,0 +1,208 @@ + + + diff --git a/src/views/data-visual/components/table - 副本.vue b/src/views/data-visual/components/table - 副本.vue new file mode 100644 index 0000000..c0ad83d --- /dev/null +++ b/src/views/data-visual/components/table - 副本.vue @@ -0,0 +1,142 @@ + + + diff --git a/src/views/data-visual/components/table.vue b/src/views/data-visual/components/table.vue index 578a5d3..f01c432 100644 --- a/src/views/data-visual/components/table.vue +++ b/src/views/data-visual/components/table.vue @@ -1,143 +1,258 @@ diff --git a/src/views/data-visual/components/temp.vue b/src/views/data-visual/components/temp.vue deleted file mode 100644 index ef52d60..0000000 --- a/src/views/data-visual/components/temp.vue +++ /dev/null @@ -1,1221 +0,0 @@ - - - diff --git a/src/views/data-visual/index.scss b/src/views/data-visual/index.scss index 033ed57..fa3ab23 100644 --- a/src/views/data-visual/index.scss +++ b/src/views/data-visual/index.scss @@ -7,14 +7,14 @@ transition: 0.3s; color: #fff; font-size: 16px; - background-color: #142036; + background-color: #24344E; z-index: 100; .header { position: relative; height: 125px; padding: 21px 40px 0 40px; - background-color: #0C182C; - border-bottom: 1px solid #3D4C64; + background-color: #1A2537; + border-bottom: 1px solid #47556C; // span { // line-height: 62px; // font-size: 30px;