From c3f2cc0b3d9db89f2359faa80a3476d1b4b8a335 Mon Sep 17 00:00:00 2001 From: wzy-warehouse <18135009705@163.com> Date: Tue, 14 Apr 2026 16:00:39 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E6=8C=89=E9=92=AE=E7=BB=84?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/left-blue-button.png | Bin 0 -> 3285 bytes src/assets/images/left-orange-button.png | Bin 0 -> 2246 bytes src/assets/images/right-blue-button.png | Bin 0 -> 3272 bytes src/assets/images/right-orange-button.png | Bin 0 -> 3725 bytes src/assets/index.ts | 4 + .../DisasterChainPointComponent.vue | 2 +- .../rain-earthquake/LeftButtonComponent.vue | 97 ++++++++++++++++++ .../earthquake/useEarthquakeDisasterChain.ts | 65 +++++++++++- src/hooks/rainstorm/useRainDisasterChain.ts | 77 +++++++++++++- src/views/home/earthquake/EarthquakeView.vue | 8 ++ src/views/home/rainstorm/RainstormView.vue | 8 ++ 11 files changed, 250 insertions(+), 11 deletions(-) create mode 100644 src/assets/images/left-blue-button.png create mode 100644 src/assets/images/left-orange-button.png create mode 100644 src/assets/images/right-blue-button.png create mode 100644 src/assets/images/right-orange-button.png create mode 100644 src/component/rain-earthquake/LeftButtonComponent.vue diff --git a/src/assets/images/left-blue-button.png b/src/assets/images/left-blue-button.png new file mode 100644 index 0000000000000000000000000000000000000000..09d5a75b824ff1e0e01afb7875757c475be3d314 GIT binary patch literal 3285 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/left-orange-button.png b/src/assets/images/left-orange-button.png new file mode 100644 index 0000000000000000000000000000000000000000..ab48de9dd8ee88ec47c83aebc1b1f0381254e45c GIT binary patch literal 2246 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 Ai2wiq literal 0 HcmV?d00001 diff --git a/src/assets/images/right-orange-button.png b/src/assets/images/right-orange-button.png new file mode 100644 index 0000000000000000000000000000000000000000..b82ec4f6bddec52afe1543add87e283b2253567a GIT binary patch literal 3725 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 literal 0 HcmV?d00001 diff --git a/src/assets/index.ts b/src/assets/index.ts index 205c83c..fb4196d 100644 --- a/src/assets/index.ts +++ b/src/assets/index.ts @@ -11,6 +11,10 @@ export { default as riskAreaIcon } from '@/assets/images/icon/risk-area.png'; export { default as backgroundImage } from '@/assets/images/background-image.png'; export { default as logoImage } from '@/assets/images/logo.png'; export { default as mainLogoImage } from '@/assets/images/main-logo.png'; +export { default as leftBlueButton } from '@/assets/images/left-blue-button.png'; +export { default as leftOrangeButton } from '@/assets/images/left-orange-button.png'; +export { default as rightBlueButton } from '@/assets/images/right-blue-button.png'; +export { default as rightOrangeButton } from '@/assets/images/right-orange-button.png'; // json export { default as baQiao } from '@/assets/json/BaQiao.json'; diff --git a/src/component/rain-earthquake/DisasterChainPointComponent.vue b/src/component/rain-earthquake/DisasterChainPointComponent.vue index 22b8e41..141a5e5 100644 --- a/src/component/rain-earthquake/DisasterChainPointComponent.vue +++ b/src/component/rain-earthquake/DisasterChainPointComponent.vue @@ -169,7 +169,7 @@ padding: 15px; border-radius: 2px; z-index: 1000; - width: 550px; + width: 500px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); font-size: 14px; border: 1px solid rgba(0, 225, 255, 0.5); diff --git a/src/component/rain-earthquake/LeftButtonComponent.vue b/src/component/rain-earthquake/LeftButtonComponent.vue new file mode 100644 index 0000000..cfc74a0 --- /dev/null +++ b/src/component/rain-earthquake/LeftButtonComponent.vue @@ -0,0 +1,97 @@ + + + + + diff --git a/src/hooks/earthquake/useEarthquakeDisasterChain.ts b/src/hooks/earthquake/useEarthquakeDisasterChain.ts index 7d08273..cdaf682 100644 --- a/src/hooks/earthquake/useEarthquakeDisasterChain.ts +++ b/src/hooks/earthquake/useEarthquakeDisasterChain.ts @@ -54,20 +54,74 @@ export const useEarthquakeDisasterChain = () => { * 修改搜索条件 * @param value - 新的搜索条件 */ - function changeConditions(value: { + const changeConditions = (value: { tableData: string; hiddenPoint: PointType; - }): void { + }): void => { conditions.value = value; - } + }; /** * 修改页码 * @param value - 新的页码 */ - function changeCurrentPage(value: number) { + const changeCurrentPage = (value: number) => { paginationConfig.value.currentPage = value; - } + }; + + /** + * 左侧按钮信息 + */ + const leftButtonInfo = [ + { + name: '周边分析', + callback: () => { + console.log('周边分析'); + }, + }, + { + name: '关联分析', + callback: () => { + console.log('关联分析'); + }, + }, + { + name: '次生衍生灾害链分析', + callback: () => { + console.log('次生衍生灾害链分析'); + }, + }, + { + name: '历史相似性分析', + callback: () => { + console.log('历史相似性分析'); + }, + }, + { + name: '灾害链模型库测试', + callback: () => { + console.log('灾害链模型库测试'); + }, + }, + { + name: '承灾体信息提取', + callback: () => { + console.log('承灾体信息提取'); + }, + }, + { + name: '地震滑坡堰塞湖泥石流(7级)', + callback: () => { + console.log('地震滑坡堰塞湖泥石流(7级)'); + }, + }, + { + name: '地震滑坡堰塞湖泥石流(8级)', + callback: () => { + console.log('地震滑坡堰塞湖泥石流(8级)'); + }, + }, + ]; // 把所有需要用到的数据/方法 return 出去 return { @@ -76,6 +130,7 @@ export const useEarthquakeDisasterChain = () => { tableDatas, tableColumns, paginationConfig, + leftButtonInfo, changeConditions, changeCurrentPage, }; diff --git a/src/hooks/rainstorm/useRainDisasterChain.ts b/src/hooks/rainstorm/useRainDisasterChain.ts index 662c113..1990c57 100644 --- a/src/hooks/rainstorm/useRainDisasterChain.ts +++ b/src/hooks/rainstorm/useRainDisasterChain.ts @@ -55,20 +55,86 @@ export const useRainDisasterChain = () => { * 修改搜索条件 * @param value - 新的搜索条件 */ - function changeConditions(value: { + const changeConditions = (value: { tableData: string; hiddenPoint: PointType; - }): void { + }): void => { conditions.value = value; - } + }; /** * 修改页码 * @param value - 新的页码 */ - function changeCurrentPage(value: number) { + const changeCurrentPage = (value: number) => { paginationConfig.value.currentPage = value; - } + }; + + /** + * 左侧按钮信息 + */ + const leftButtonInfo = [ + { + name: '周边分析', + callback: () => { + console.log('周边分析'); + }, + }, + { + name: '关联分析', + callback: () => { + console.log('关联分析'); + }, + }, + { + name: '次生衍生灾害链分析', + callback: () => { + console.log('次生衍生灾害链分析'); + }, + }, + { + name: '历史相似性分析', + callback: () => { + console.log('历史相似性分析'); + }, + }, + { + name: '灾害链模型库测试', + callback: () => { + console.log('灾害链模型库测试'); + }, + }, + { + name: '承灾体信息提取', + callback: () => { + console.log('承灾体信息提取'); + }, + }, + { + name: '暴雨内涝灾害链(50mm)', + callback: () => { + console.log('暴雨内涝灾害链(50mm)'); + }, + }, + { + name: '暴雨滑坡灾害链(80mm)', + callback: () => { + console.log('暴雨滑坡灾害链(80mm)'); + }, + }, + { + name: '暴雨洪涝灾害链(100mm)', + callback: () => { + console.log('暴雨洪涝灾害链(100mm)'); + }, + }, + { + name: '暴雨山洪灾害链(110mm)', + callback: () => { + console.log('暴雨山洪灾害链(110mm)'); + }, + }, + ]; // 把所有需要用到的数据/方法 return 出去 return { @@ -77,6 +143,7 @@ export const useRainDisasterChain = () => { tableDatas, tableColumns, paginationConfig, + leftButtonInfo, changeConditions, changeCurrentPage, }; diff --git a/src/views/home/earthquake/EarthquakeView.vue b/src/views/home/earthquake/EarthquakeView.vue index 5679011..2e2df0b 100644 --- a/src/views/home/earthquake/EarthquakeView.vue +++ b/src/views/home/earthquake/EarthquakeView.vue @@ -1,10 +1,12 @@