From deb4be4363e114b6fbf249114f9ac5ded85fb449 Mon Sep 17 00:00:00 2001 From: yuzongping <835949940@qq.com> Date: Thu, 17 Jul 2025 10:49:00 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E6=BA=90gis=E6=8E=A5=E5=8F=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../resources/main-gis/asset-details/api.js | 9 + .../main-gis/asset-details/close.png | Bin 0 -> 352 bytes .../main-gis/asset-details/index.html | 69 +++++++ .../resources/main-gis/asset-details/index.js | 29 +++ .../main-gis/asset-details/index.scss | 170 ++++++++++++++++++ .../main-gis/asset-details/index.vue | 4 + src/views/resources/main-gis/index.html | 78 +------- src/views/resources/main-gis/index.js | 65 ++----- 8 files changed, 296 insertions(+), 128 deletions(-) create mode 100644 src/views/resources/main-gis/asset-details/api.js create mode 100644 src/views/resources/main-gis/asset-details/close.png create mode 100644 src/views/resources/main-gis/asset-details/index.html create mode 100644 src/views/resources/main-gis/asset-details/index.js create mode 100644 src/views/resources/main-gis/asset-details/index.scss create mode 100644 src/views/resources/main-gis/asset-details/index.vue diff --git a/src/views/resources/main-gis/asset-details/api.js b/src/views/resources/main-gis/asset-details/api.js new file mode 100644 index 0000000..df0e0e9 --- /dev/null +++ b/src/views/resources/main-gis/asset-details/api.js @@ -0,0 +1,9 @@ +import request from '@/utils/request' + +// 河南资源一张图-预警分析-左上-资源处置预警(分页) +export function zyDetail (id) { + return request({ + url: `api/home/xixia/resource/zyDetail/${id}`, + method: 'get' + }) +} \ No newline at end of file diff --git a/src/views/resources/main-gis/asset-details/close.png b/src/views/resources/main-gis/asset-details/close.png new file mode 100644 index 0000000000000000000000000000000000000000..0a8337dd9feb7dc35f84978c9c5dd9ea699d907c GIT binary patch literal 352 zcmV-m0iXVfP)Px$8c9S!R47wjP_aq_Q4pNDcM%eE$rWN@3cviZinp0(1XN6FSJ8Yceux1=6WkGhjUc&H>D1 zzz%^+j&Yl{G`%6PS;XHU?JEqYV0K7gxzIbTr|BJljY8-P*v_PHM_vJ#&vmK8T9TZQ zJn}pNRzu*Jz^qBTj=TpD3%F)kYD}5E0;mG$1Bi +
+
+
{{resourceDetail.name}}
+
+
+
+
+

资源编码

+

{{resourceDetail.code}}

+
+
+

资源名称

+

{{resourceDetail.name}}

+
+
+

资源类型

+

{{resourceDetail.resourceSort}}

+
+
+

总面积(亩)

+

{{resourceDetail.totalArea}}

+
+
+

资产状态

+

{{resourceDetail.status}}

+
+
+

使用情况

+

{{resourceDetail.useType}}

+
+
+

坐落位置

+

{{resourceDetail.location}}

+
+
+

东至

+

{{resourceDetail.east}}

+
+
+

西至

+

{{resourceDetail.west}}

+
+
+

南至

+

{{resourceDetail.south}}

+
+
+

北至

+

{{resourceDetail.north}}

+
+
+

备注

+

{{resourceDetail.remark}}

+
+
+

附件

+

+ + + + + + +

+
+
+ +
\ No newline at end of file diff --git a/src/views/resources/main-gis/asset-details/index.js b/src/views/resources/main-gis/asset-details/index.js new file mode 100644 index 0000000..3d28186 --- /dev/null +++ b/src/views/resources/main-gis/asset-details/index.js @@ -0,0 +1,29 @@ + +import { zyDetail } from "./api.js"; +export default { + props: { + data: {} + }, + data () { + return { + isLoad: false, + resourceDetail: {} + }; + }, + computed: { + }, + created () { + this.isLoad = false + zyDetail(this.data).then(res => { + this.resourceDetail = res.data; + this.isLoad = true + }) + }, + mounted () { + }, + methods: { + close () { + this.$emit('close') + } + } +}; diff --git a/src/views/resources/main-gis/asset-details/index.scss b/src/views/resources/main-gis/asset-details/index.scss new file mode 100644 index 0000000..5e98e8a --- /dev/null +++ b/src/views/resources/main-gis/asset-details/index.scss @@ -0,0 +1,170 @@ +.gl_pop_cash { + background: rgba(10, 25, 47, 0.8); + position: absolute; + padding: 0 10px; + z-index: 11; + + .head_main { + height: 40px; + display: flex; + align-items: center; + position: relative; + justify-content: space-between; + + .title { + color: #ffad00; + font-size: 16px !important; + } + + .close { + background: url('./close.png') no-repeat; + background-size: 100% 100%; + width: 20px; + height: 20px; + cursor: pointer; + } + + .xs_main { + height: 30px; + position: absolute; + width: 100%; + display: flex; + align-items: center; + + .block { + width: 20px; + display: flex; + + .point { + width: .55vh; + height: .55vh; + margin-right: 0.36vw; + + &.p1 { + background: rgba(53, 125, 250, 1) + } + + &.p2 { + background: rgba(53, 125, 250, .7) + } + + &.p3 { + background: rgba(53, 125, 250, .4) + } + } + + } + + .xs_x { + height: 1px; + flex: 1; + background: #214284; + } + } + } + + .echarts_main { + height: 600px; + overflow-y: auto; + + div { + font-size: 10px; + // height: 40px; + line-height: 20px; + + p { + // white-space: nowrap; + } + } + + .headers { + height: 30px; + font-size: 14px; + color: #0befca; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-right: 0.53vw; + background: rgba(11, 239, 202, .2); + margin-bottom: 0.9vh + } + + .desc_main { + overflow-y: scroll; + padding-right: 0.33vw; + + .analysisTable_list { + margin: 0; + padding: 0; + flex: 1; + display: flex; + flex-direction: column; + + .flex_item { + cursor: pointer; + list-style: none; + margin: 0; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + color: #fff; + font-size: 12px; + position: relative; + height: 30px; + + &:nth-child(2n) { + background: rgba(53, 125, 250, .1); + } + } + } + } + } + +} + +.pop_statistical_desc { + width: 600px; + margin: 0; + left: 480px !important; + top: 180px !important; + padding-bottom: 1.04vw !important; + + .head_main { + .title { + color: #fff; + } + } + + .echarts_main { + overflow-y: auto; + margin-top: 16px; + + div { + display: flex; + align-items: center; + + &:nth-child(even) { + background: rgba(32, 89, 188, 0.2); + } + + p { + &:nth-child(1) { + width: 8vw; + padding-left: 1vw; + flex-shrink: 0; + } + + &:nth-child(2) { + color: #ffad00; + } + + margin: 0; + color: #ffffff; + font-size:1.33vh; + line-height: 3.92vh; + } + } + } +} \ No newline at end of file diff --git a/src/views/resources/main-gis/asset-details/index.vue b/src/views/resources/main-gis/asset-details/index.vue new file mode 100644 index 0000000..5ac9224 --- /dev/null +++ b/src/views/resources/main-gis/asset-details/index.vue @@ -0,0 +1,4 @@ +