From 0d5c79bd2eea9d9c73748d58907e7e18f80df2a7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=89=88=E5=85=86=E5=A2=9E?= <你的邮箱@example.com> Date: Fri, 8 May 2026 19:11:10 +0800 Subject: [PATCH] =?UTF-8?q?bug=E4=BF=AE=E6=94=B9=EF=BC=8C=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E8=BF=87=E9=B1=BC=E5=88=B0=E6=95=B0=E7=BB=9F=E8=AE=A1?= =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=85=AC=E5=85=B1=E5=BC=B9=E6=A1=86?= =?UTF-8?q?=E5=9F=BA=E7=A1=80=E4=BF=A1=E6=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/.env.development | 10 +- frontend/src/components/BasicTable/index.vue | 4 + .../src/components/MapModal/column.config.ts | 1805 ++++++ .../MapModal/components/BasicInfo.vue | 5057 ++++++++++++++++- frontend/src/components/MapModal/index.vue | 126 +- frontend/src/store/modules/model.ts | 14 + .../views/home/shuiDianKaiFaZhuangKuang.vue | 42 +- frontend/src/views/login-sjtb/index.vue | 3 + .../shuJuTianBao/guoYuDaoShuTongJi/index.vue | 326 ++ .../shengPiJiLu/approvalDetailSearch.vue | 36 +- frontend/src/views/system/review/index.vue | 6 +- 11 files changed, 7317 insertions(+), 112 deletions(-) create mode 100644 frontend/src/components/MapModal/column.config.ts create mode 100644 frontend/src/store/modules/model.ts create mode 100644 frontend/src/views/shuJuTianBao/guoYuDaoShuTongJi/index.vue diff --git a/frontend/.env.development b/frontend/.env.development index 764f5c7..4754193 100644 --- a/frontend/.env.development +++ b/frontend/.env.development @@ -6,9 +6,15 @@ NODE_ENV='development' VITE_APP_TITLE = '水电水利建设项目全过程环境管理信息平台' VITE_APP_PORT = 3000 VITE_APP_BASE_API = '/dev-api' -## 开发环境API地址 +# 本地环境 # VITE_APP_BASE_URL = 'http://localhost:8093' +# 测试环境 +# VITE_APP_BASE_URL = 'http://172.16.21.142:8096' +# 汤伟 VITE_APP_BASE_URL = 'http://10.84.121.21:8093' -VITE_APP_BASE_API_URL = 'http://10.84.121.21:8093' + + +# 开发环境导入预览地址 +VITE_APP_BASE_API_URL = 'http://172.16.21.14:8096' ## 开发环境预览 图片视频地址 VITE_APP_PREVIEW_URL = 'https://211.99.26.225:12125' diff --git a/frontend/src/components/BasicTable/index.vue b/frontend/src/components/BasicTable/index.vue index fe78a79..db157bb 100644 --- a/frontend/src/components/BasicTable/index.vue +++ b/frontend/src/components/BasicTable/index.vue @@ -27,6 +27,7 @@ interface Props { scrollY?: string | number; // 请求数据的函数,由父组件传入 listUrl: (params: any) => Promise; + data?: any[]; // 是否开启行选择 enableRowSelection?: boolean; // 行数据的 Key,用来优化 Table 的渲染 @@ -44,6 +45,7 @@ interface Props { const props = withDefaults(defineProps(), { enableRowSelection: false, rowKey: "id", + data: () => ([]), isOneLoad: true, searchParams: () => ({}), defaultPageSize: 20, @@ -105,6 +107,7 @@ const paginationConfig = computed(() => ({ * @param extraParams 额外的临时参数(可选) */ const getList = async (filter?: Record) => { + if(props.data.length > 0) return loading.value = true; tableData.value = []; total.value = 0; @@ -215,6 +218,7 @@ watch( // --- Lifecycle --- onMounted(() => { + if(props.data && props.data.length > 0) tableData.value = props.data || []; }); diff --git a/frontend/src/components/MapModal/column.config.ts b/frontend/src/components/MapModal/column.config.ts new file mode 100644 index 0000000..9bb530e --- /dev/null +++ b/frontend/src/components/MapModal/column.config.ts @@ -0,0 +1,1805 @@ +//ModalTab详细信息弹框列的配置 + +// 电站基础信息 +const BasicColumns: Array = [ + { + key: 'a4d3b02a466677324278a9a153fb4adb', + name: '概述', + filed: 'a4d3b02a466677324278a9a153fb4adb', + visible: false, + ruleTips: '', + type: '', + url: '' + }, + { + key: '72B97BE77AB64444A961EF184BCE776F', + name: '电站名称', + filed: 'ennm', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '1CE83818DA304429BEBA965DBACE2FE0', + name: '基地', + filed: 'baseName', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '1CE83818DA304429BEBA965DBACE2FE0', + name: '所在位置', + filed: 'addvcdName', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '1CE83818DA304429BEBA965DBACE2FE0', + name: '详细地址', + filed: 'stlc', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '1CE83818DA304429BEBA965DBACE2FE0', + name: '所在河段', + filed: 'hbrvcdName', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '1CE83818DA304429BEBA965DBACE2FE0', + name: '所属公司', + filed: 'hynm', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '1CE83818DA304429BEBA965DBACE2FE0', + name: '所属集团', + filed: 'topHynm', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '2950C68264BF494B9C5E1748569D026C', + name: '坝址经度(°)', + filed: 'lgtd', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '', + unitConfig: ['Other', 'LGTD' ] + }, + { + key: '70423E92994B4620A73BA6DCF3861669', + name: '坝址纬度(°)', + filed: 'lttd', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '', + unitConfig: ['Other', 'LTTD' ] + }, + { + key: '3EAC90E681014714A32E425A7C691D7D', + name: '建设状态', + filed: 'bldsttCcodeName', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: '', + url: '' + }, + { + key: '3EAC90E681014714A32E425A7C691D7D', + name: '建设时间', + filed: 'jcdt', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: 'date', + format: 'YYYY-MM-DD', + url: '' + }, + { + key: 'D77E04DF590342959214F8ACD4D3ECC1', + name: '第一台机组投产时间', + filed: 'piodt', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: 'date', + format: 'YYYY-MM-DD', + url: '' + }, + { + key: '68C8F7DD279F4A33A1D3EE23243F1C33', + name: '全部机组投产时间', + filed: 'aiodt', + visible: true, + ruleTips: 'a4d3b02a466677324278a9a153fb4adb', + type: 'date', + format: 'YYYY-MM-DD', + url: '' + }, + { + key: '17bccbfa812362fa403c0bed06e58d0d', + name: '水文', + filed: '17bccbfa812362fa403c0bed06e58d0d', + visible: false, + ruleTips: '', + type: '', + url: '' + }, + { + key: 'B0C630EAA8E54FE68A0163D7ACD71983', + name: '坝址以上流域面积(km²)', + filed: 'nrupar', + visible: true, + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '955B3BC9DAE24965AB0C08482519AF06', + name: '距河源距离(km)', + filed: 'dstcrvr', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '6E07FD8EC9A145A686317C3A07A897B9', + name: '多年平均降雨量(mm)', + filed: 'avyrp', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '80376049D8D94894B687C583CE376EFA', + name: '多年平均年径流量(亿m³)', + filed: 'avw', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC61', + name: '多年平均流量(m³/s)', + filed: 'avq', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC62', + name: '1月多年平均流量(m³/s)', + filed: 'avq01', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC63', + name: '2月多年平均流量(m³/s)', + filed: 'avq02', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC64', + name: '3月多年平均流量(m³/s)', + filed: 'avq03', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC65', + name: '4月多年平均流量(m³/s)', + filed: 'avq04', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC66', + name: '5月多年平均流量(m³/s)', + filed: 'avq05', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC67', + name: '6月多年平均流量(m³/s)', + filed: 'avq06', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC68', + name: '7月多年平均流量(m³/s)', + filed: 'avq07', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC69', + name: '8月多年平均流量(m³/s)', + filed: 'avq08', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC70', + name: '9月多年平均流量(m³/s)', + filed: 'avq09', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC71', + name: '10月多年平均流量(m³/s)', + filed: 'avq10', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC72', + name: '11月多年平均流量(m³/s)', + filed: 'avq11', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '403300B4F41549E09A3F8D5F7610CC73', + name: '12月多年平均流量(m³/s)', + filed: 'avq12', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: 'number', + toFixed: 0, + url: '' + }, + { + key: '0B1B33B4C6E24C02B843AC3EBED456E3', + name: '实测最大流量(m³/s)', + filed: 'obmxq', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '68681C3323A6477888D53EF248A93E69', + name: '实测最小流量(m³/s)', + filed: 'obmnq', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '9B17D694765240C5A4A92858B4D2B5CE', + name: '调查历史最大流量(m³/s)', + filed: 'hmxq', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: 'A3EEB5D482B24B939744FFF9C2BDEB7B', + name: '设计入库洪水流量(m³/s)', + filed: 'dsnfqfrq', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: 'c4a678e3da7f474f858d3f54dbf03d78', + name: '设计洪水重现期(年)', + filed: 'dsrcin', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: 'EEDCC9BB01CA4E689E6D568D214B8A02', + name: '校核入库洪水流量(m³/s)', + filed: 'ckfqfqr', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '3cb4538327ca4472815a4410a19b8bfb', + name: '校核洪水重现期(年)', + filed: 'chrcin', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '111D74CBAAC440AF8CC52F6F180EDB12', + name: '实测最大洪量(三天)(亿m³)', + filed: 'obmxw3', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '6D75D094E0374FCC846624B04C4F53A1', + name: '设计洪量(三天)(亿m³)', + filed: 'dsw3', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: 'DF1CD1709E464C55B26531CD7A8E5034', + name: '校核洪量(三天)(亿m³)', + filed: 'ckw3', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: 'A86F9510EC804536A967A57747B57AA5', + name: '多年平均输沙量(万t)', + filed: 'avsd', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: 'C2C7C34AAEB945178EE10C241DFB311B', + name: '多年平均含沙量(kg/m³)', + filed: 'avs', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '8784E8C676C04C19B456DFF4DE831C1D', + name: '实测最大含沙量(kg/m³)', + filed: 'obmxs', + + visible: true, + + ruleTips: '17bccbfa812362fa403c0bed06e58d0d', + + type: '', + url: '' + }, + { + key: '1b2c05e5ad59d6dda928317fac64a490', + name: '水库', + filed: '1b2c05e5ad59d6dda928317fac64a490', + + visible: false, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'E3FD7C1ACCC84EEBAB017EAF807EEDD5', + name: '校核洪水位(m)', + filed: 'ckflz', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '6146A4A36B454DA4BFE4910739F69C93', + name: '设计洪水位(m)', + filed: 'dsflz', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: 'AA4EF70648BF44A3929FF64D3CFCFDE1', + name: '正常蓄水位(m)', + filed: 'normz', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '31E54152BE924B07B27A12FBE8D46C00', + name: '防洪高水位(m)', + filed: 'uzfc', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: 'C7179D8F029546478C17A61E157823C1', + name: '防洪限制水位(m)', + filed: 'fsltdz', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '53D370FA41344467B3BAF95A6C69E263', + name: '年消落水位(m)', + filed: 'ydownz', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: 'E550041810614850BB1DF15EA2711499', + name: '死水位(m)', + filed: 'ddz', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: 'D682B174871D4B6D9484978E24E9C0BF', + name: '正常蓄水位水库面积(km²)', + filed: 'nrzar', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + type: 'number', + toFixed: 2, + url: '' + }, + { + key: 'A6F751FA185C4573851431CF9ADD00B1', + name: '回水长度(km)', + filed: 'bcklen', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '766B432F01154EA1971FCFBB858DB4F8', + name: '总库容(亿m³)', + filed: 'ttcp', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + type: 'number', + toFixed: 2, + url: '' + }, + { + key: 'C4BA9EA14F25470CA45EBBB57CBFCB26', + name: '正常蓄水位以下库容(亿m³)', + filed: 'nmzcp', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: '', + url: '' + }, + { + key: 'F6178CC33A2F41579E15F7453484657A', + name: '防洪库容(亿m³)', + filed: 'fldcp', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: '', + url: '' + }, + { + key: 'D3682105F25C4CEFA46AE657908F553B', + name: '调节库容(亿m³)', + filed: 'actcp', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: '', + url: '' + }, + { + key: '5F4E514E8BE94C83B83E0349110AB65C', + name: '死库容(亿m³)', + filed: 'ddcp', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: '', + url: '' + }, + { + key: '6BD119F2EE554E3A97703E2AA7B2CFEE', + name: '库容系数(%)', + filed: 'cpsc', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: '', + url: '' + }, + { + key: '5144864F346A4429BF900CC356088BFD', + name: '调节性能', + filed: 'rgcpName', + + visible: true, + + ruleTips: '1b2c05e5ad59d6dda928317fac64a490', + + type: '', + url: '' + }, + { + key: 'b06aaa1411e77fa50d181687829fcabf', + name: '下泄流量及相应下游水位', + filed: 'b06aaa1411e77fa50d181687829fcabf', + + visible: false, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: '4C1681794D05410E80CCB6A5FA12C7F9', + name: '设计洪水位时最大下泄流量(m³/s)', + filed: 'dsflzmxq', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: 'F7A1359F103B4B3690D85088548C4D79', + name: '设计洪水位时最大下泄流量相应下游水位(m)', + filed: 'dsflzxyz', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: 'B4EB16357CCB4CD4A0CDBD3BE0049AAF', + name: '校核洪水位时最大下泄流量(m³/s)', + filed: 'ckflzmxq', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: '857610E46FB440038101CD0C3412CDF2', + name: '校核洪水位时最大下泄流量相应下游水位(m)', + filed: 'ckflzxyz', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: '6660B967FFFF4CE699E0B1253C80B7DA', + name: '枯水期调节流量(m³/s)', + filed: 'ksqadjq', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: '67016E170F27489EAAB3532C6621351D', + name: '枯水期调节流量相应下游水位(m)', + filed: 'ksqxyz', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: '44D7D057E84446B488CD96990DD5089A', + name: '发电最大引用流量(m³/s)', + filed: 'gemaxrq', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: '6BB95D0165684E9EB3E425268A45277E', + name: '发电最大引用流量相应下游水位(m)', + filed: 'mxgeqxyz', + + visible: true, + + ruleTips: 'b06aaa1411e77fa50d181687829fcabf', + + type: '', + url: '' + }, + { + key: '6f8386f3b948dbf3a3507611c2e2f777', + name: '工程效益指标', + filed: '6f8386f3b948dbf3a3507611c2e2f777', + + visible: false, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'A3872CE4C88B46EF8F4D407F59E5CB98', + name: '装机容量(MW)', + filed: 'ttpwr', + + visible: true, + + ruleTips: '6f8386f3b948dbf3a3507611c2e2f777', + + type: 'number', + toFixed: 2, + url: '', + + unitConfig: ['Other', 'ZJRL' ] + }, + { + key: 'A0C8FE7AB24747C383EECBBA0F1C4FD9', + name: '装机台数(台)', + filed: 'gncnt', + + visible: true, + + ruleTips: '6f8386f3b948dbf3a3507611c2e2f777', + + type: '', + url: '' + }, + { + key: '575AAC99880C479B948ABE38EA0603DC', + name: '容量构成(台*MW)', + filed: 'gntp', + + visible: true, + + ruleTips: '6f8386f3b948dbf3a3507611c2e2f777', + + type: '', + url: '' + }, + { + key: 'FE01484725814B89A4C2C155EFC2ED53', + name: '保证出力(MW)', + filed: 'grntpwr', + + visible: true, + + ruleTips: '6f8386f3b948dbf3a3507611c2e2f777', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '08E626F3271745CD84ECB9CC2C9FE1D0', + name: '多年平均年发电量(亿kW·h)', + filed: 'yrge', + + visible: true, + + ruleTips: '6f8386f3b948dbf3a3507611c2e2f777', + + type: '', + url: '' + }, + { + key: 'ED9678BE10CD44E68F00D1497880FC0A', + name: '年利用小时数(h)', + filed: 'ushr', + + visible: true, + + ruleTips: '6f8386f3b948dbf3a3507611c2e2f777', + + type: '', + url: '' + }, + { + key: '35DD75EACA0C4454B1FB11BEB0A6CB3C', + name: '机组综合出力系数', + filed: 'k', + + visible: true, + + ruleTips: '6f8386f3b948dbf3a3507611c2e2f777', + + type: '', + url: '' + }, + { + key: 'd085d8361a89374da7a301690c1be32f', + name: '大坝', + filed: 'd085d8361a89374da7a301690c1be32f', + + visible: false, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: '8C39E0D195944439B85E18ABA5F1DB04', + name: '坝型', + filed: 'dmtp', + + visible: true, + + ruleTips: 'd085d8361a89374da7a301690c1be32f', + + type: '', + url: '' + }, + { + key: 'A62C7BB814A345699D9AB29DFBE2509E', + name: '坝顶高程(m)', + filed: 'dmcrel', + + visible: true, + + ruleTips: 'd085d8361a89374da7a301690c1be32f', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '5C8284B23C794F7CAD2D36363420B520', + name: '最大坝高(m)', + filed: 'mxdmhg', + + visible: true, + + ruleTips: 'd085d8361a89374da7a301690c1be32f', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '5B14BAC64C094489A8F78F36A9301AC3', + name: '坝顶长度(m)', + filed: 'dmlen', + + visible: true, + + ruleTips: 'd085d8361a89374da7a301690c1be32f', + + type: 'number', + toFixed: 2, + url: '' + }, + { + key: '0d98c74797e49d00bcc4c17c9d557a2b', + name: '其他', + filed: '0d98c74797e49d00bcc4c17c9d557a2b', + + visible: false, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: '44A80DC39F6845AF837D0E707549E5E3', + name: '单独年发电量(亿kW·h)', + filed: 'sgyge', + + visible: true, + + ruleTips: '0d98c74797e49d00bcc4c17c9d557a2b', + + type: '', + url: '' + }, + { + key: '3C242CDBD87440AD83BE9BC40BBEFE3F', + name: '联合年发电量(亿kW·h)', + filed: 'unyge', + + visible: true, + + ruleTips: '0d98c74797e49d00bcc4c17c9d557a2b', + + type: '', + url: '' + }, + // { + // + // "key": "1EAEED21DF32418F8E1064041EA2F20C", + // "name": "控制流域面积(km²)", + // "filed": "cntrar", + // "children": [], + // "visible": true, + // "fixed": "", + // "ellipsis": true, + // "wrap": false, + // "dictType": "", + // "dictCode": "", + // "dictDatas": {}, + // "fromType": "", + // "dataFormat": "", + // "selectMode": "", + // "unit": "", + // "remark": "", + // "rules": "", + // "ruleTips": "0d98c74797e49d00bcc4c17c9d557a2b", + // "notRows": [], + // "action": {}, + // "type": "", + // "url": "", + // "params": "", + // "datas": [], + // "chartColor": "", + // "elementCode": "", + // "disabledDate": true, + // "multiLink": false + // }, + { + key: '6F02E38952364606BC231D5E912C3BB4', + name: '利用落差(m)', + filed: 'gap', + + visible: true, + + ruleTips: '0d98c74797e49d00bcc4c17c9d557a2b', + + type: '', + url: '' + }, + { + key: '3CDF9BC2F53440BD8B75CD30C7E4D5F0', + name: '开发方式', + filed: 'dvtpName', + + visible: true, + + ruleTips: '0d98c74797e49d00bcc4c17c9d557a2b', + + type: '', + url: '' + } +]; + +//阶段属性 +const basicFilterColumns: Array = [ + { + key: 'type', + title: '类别', + dataIndex: 'type', + + visible: true, + merge: true, + + ruleTips: '', + setting: { } + }, + { + key: 'keyName', + title: '属性', + dataIndex: 'keyName', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: '1001000', + title: '规划', + dataIndex: '1001000', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: '1002000', + title: '预可研', + dataIndex: '1002000', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: '1003000', + title: '环评', + dataIndex: '1003000', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: '1004000|1005000', + title: '可研/核准', + dataIndex: '1004000|1005000', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: '1009000', + title: '建设', + dataIndex: '1009000', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: '1011000', + title: '竣工', + dataIndex: '1011000', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: '1013000', + title: '后评价', + dataIndex: '1013000', + + visible: true, + + ruleTips: '', + setting: { } + } +]; + +//实时视频 +//全景影像 + +//电站监测数据 - 电站过程运行线,elem [1,2,3,4,5] +const tabsWithTwoColumns: Array = [ + { + key: 'tm', + name: '时间', + filed: 'tm', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'rz', + name: '坝上水位(m)', + filed: 'rz', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'dz', + name: '坝下水位(m)', + filed: 'dz', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'qec', + name: '生态流量(m³/s)', + filed: 'qec', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'qi', + name: '入库流量(m³/s)', + filed: 'qi', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'qo', + name: '出库流量(m³/s)', + filed: 'qo', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + } +]; + +//电站监测数据--左侧图表 +const tabs: any = { + total: 0, + heads: [ + { + key: 'tm', + name: '时间', + filed: 'tm', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'rz', + name: '坝上水位(m)', + filed: 'rz', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'dz', + name: '坝下水位(m)', + filed: 'dz', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'qec', + name: '生态流量(m³/s)', + filed: 'qec', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'qi', + name: '入库流量(m³/s)', + filed: 'qi', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + }, + { + key: 'qo', + name: '出库流量(m³/s)', + filed: 'qo', + + visible: true, + + ruleTips: '', + + type: '', + url: '' + } + ], + list: [ ], + options: [ ], + title: '', + showTitle: true, + remarks: [ ], + summarys: [ ], + footers: [ ], + returnDictData: false, + checkbox: false, + pages: true, + width: 102, + options_text: '', + options_type: '', + rowNums: [ ], + order: true, + unit: { + m: '水位', + 'm³/s': '流量' + }, + elem: [ 1, 2, 3, 4, 5 ], + split: [ 2 ], + stacking: [ ], + rowCheckRes: [ ], + warnList: [ ], + rows: [ ] +}; + +//预警提示 -设计参数变更提示 +const tableColumns1: Array = [ + { + key: 'stage', + title: '重大变动类型', + dataIndex: 'stage', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'contrastphase', + title: '依据阶段', + dataIndex: 'contrastphase', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'currentstage', + title: '有重大变动的阶段', + dataIndex: 'currentstage', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'phasevalue', + title: '依据阶段数据', + dataIndex: 'phasevalue', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'stagevalue', + title: '重大变动阶段数据', + dataIndex: 'stagevalue', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'messagename', + title: '预警描述', + dataIndex: 'messagename', + + visible: true, + + ruleTips: '', + setting: { } + } +]; + +//预警提示 -施工期环保措施落实预警 +const tableColumns2: Array = [ + { + key: 'stnm', + title: '措施名称', + dataIndex: 'stnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'addvnm', + title: '行政区', + dataIndex: 'addvnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'rvnm', + title: '流域', + dataIndex: 'rvnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'kyhzhb', + title: '可研(核准)', + dataIndex: 'kyhzhb', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'prdsgn', + title: '预可是否设计', + dataIndex: 'prdsgn', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'eiarqst', + title: '环评是否有要求', + dataIndex: 'eiarqst', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'zxsjhb', + title: '专项设计', + dataIndex: 'zxsjhb', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'isbuild', + title: '建设', + dataIndex: 'isbuild', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'file', + title: '证明材料', + dataIndex: 'file', + + visible: true, + + ruleTips: '', + setting: { }, + + notExport: true + } +]; + +//预警提示 -环保设施建设预警 +const tableColumns3: Array = [ + { + key: 'stnm', + title: '措施名称', + dataIndex: 'stnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'addvnm', + title: '行政区', + dataIndex: 'addvnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'rvnm', + title: '流域', + dataIndex: 'rvnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'kyhzhb', + title: '可研(核准)', + dataIndex: 'kyhzhb', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'prdsgn', + title: '预可是否设计', + dataIndex: 'prdsgn', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'eiarqst', + title: '环评是否有要求', + dataIndex: 'eiarqst', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'zxsjhb', + title: '专项设计', + dataIndex: 'zxsjhb', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'isbuild', + title: '建设', + dataIndex: 'isbuild', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'file', + title: '证明材料', + dataIndex: 'file', + + visible: true, + + ruleTips: '', + setting: { }, + + notExport: true + } +]; + +//预警提示 -环保设施运行预警 +const tableColumns4: Array = [ + { + key: 'stnm', + title: '设施名称', + dataIndex: 'stnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'addvnm', + title: '所属行政区域', + dataIndex: 'addvnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'status', + title: '运行状态', + dataIndex: 'status', + + visible: true, + + ruleTips: '', + setting: { } + } +]; + +//预警提示 - 鱼类放流预警 +const tableColumns5: Array = [ + { + key: 'year', + title: '时间', + dataIndex: 'year', + + visible: true, + merge: true, + + ruleTips: '', + setting: { } + }, + { + key: 'ftp', + title: '鱼类', + dataIndex: 'ftp', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'fsz', + title: '放鱼规格(cm)', + dataIndex: 'fsz', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'fcnt', + title: '放鱼数量(尾)', + dataIndex: 'fcnt', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'stlc', + title: '放流地点', + dataIndex: 'stlc', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'rvnm', + title: '所在河流', + dataIndex: 'rvnm', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'fage', + title: '鱼龄(年)', + dataIndex: 'fage', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'bjtp', + title: '标记方式', + dataIndex: 'bjtp', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'bjftp', + title: '标记种类', + dataIndex: 'bjftp', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'bjfcnt', + title: '标记数量(尾)', + dataIndex: 'bjfcnt', + + visible: true, + + ruleTips: '', + setting: { } + }, + { + key: 'normal', + title: '运行状态', + dataIndex: 'normal', + + visible: true, + merge: true, + + ruleTips: '', + setting: { } + } +]; + +//生态流量 +const EcologicalFlowColumns: Array = [ ]; + +//生态流量泄放设施 +const FlowDischargeColumns: Array = [ ]; + +//水质 +const WaterQualityColumns: Array = [ ]; + +//水温 +const WaterTemperatureColumns: Array = [ ]; + +//流量 +const FlowMeasureColumns: Array = [ ]; + +//垂向水温 +const VerticalWaterTemperatureColumns: Array = [ ]; + +//自定义监测数据 +const NormalColumns: Array = [ ]; + +export { + BasicColumns, + basicFilterColumns, + tabsWithTwoColumns, + tableColumns1, + tableColumns2, + tableColumns3, + tableColumns4, + tableColumns5 +}; diff --git a/frontend/src/components/MapModal/components/BasicInfo.vue b/frontend/src/components/MapModal/components/BasicInfo.vue index a5b4f3b..315fef9 100644 --- a/frontend/src/components/MapModal/components/BasicInfo.vue +++ b/frontend/src/components/MapModal/components/BasicInfo.vue @@ -1,12 +1,5061 @@ \ No newline at end of file +.modal-baseic-container { + max-height: 600px; + overflow-x: hidden; + overflow-y: auto; + .ant-row { + border: 1px solid rgba(0, 127, 204, 0.65); + .ant-col:nth-last-child(-n + 2) { + .col-left, + .col-right { + border-bottom: none !important; + } + } + } + .ant-col { + display: flex; + color: rgba(0, 0, 0, 0.65); + padding: 0 !important; + .col-title { + font-weight: 400; + font-size: 14px; + height: 44px; + line-height: 44px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + text-indent: 24px; + } + .col-left { + background: #f4f7f9; + border-bottom: 1px solid rgba(0, 127, 204, 0.65); + flex: 4 1; + padding: 0 16px; + text-align: right; + border-right: 1px solid rgba(0, 127, 204, 0.65); + font-weight: 400; + font-size: 14px; + height: 44px; + line-height: 44px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } + .col-right { + border-bottom: 1px solid rgba(0, 127, 204, 0.65); + border-right: 1px solid rgba(0, 127, 204, 0.65); + flex: 6 1; + padding: 0 16px; + text-align: left; + height: 44px; + line-height: 44px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } + .border-none { + border-right: none !important; + } + } + .ant-col-12:nth-child(even) { + border-left: none; + } + .ant-col-24 { + border-bottom: 1px solid rgba(0, 127, 204, 0.65); + border-top: 1px solid rgba(0, 127, 204, 0.65); + margin-top: -1px; + z-index: 1; + } +} + diff --git a/frontend/src/components/MapModal/index.vue b/frontend/src/components/MapModal/index.vue index 11cef15..36a8d62 100644 --- a/frontend/src/components/MapModal/index.vue +++ b/frontend/src/components/MapModal/index.vue @@ -1,57 +1,44 @@ \ No newline at end of file + diff --git a/frontend/src/store/modules/model.ts b/frontend/src/store/modules/model.ts new file mode 100644 index 0000000..0326686 --- /dev/null +++ b/frontend/src/store/modules/model.ts @@ -0,0 +1,14 @@ +import { defineStore } from 'pinia'; +import { ref } from 'vue'; + +export const useModelStore = defineStore('model', () => { + // state + const info = ref<{ + type: string; + }>({ + type: 'zh' + }); + return { + info, + }; +}); diff --git a/frontend/src/views/home/shuiDianKaiFaZhuangKuang.vue b/frontend/src/views/home/shuiDianKaiFaZhuangKuang.vue index db17f1c..5f94f16 100644 --- a/frontend/src/views/home/shuiDianKaiFaZhuangKuang.vue +++ b/frontend/src/views/home/shuiDianKaiFaZhuangKuang.vue @@ -1,9 +1,13 @@