From 27147afa5710cbf5bfb50adf0d6ecceb4f63e6fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com> Date: Thu, 24 Jul 2025 15:51:22 +0800 Subject: [PATCH] =?UTF-8?q?task=2044941=20BUG=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../main-gis/asset-details/close.png | Bin 352 -> 478 bytes .../main-gis/asset-details/index.html | 15 +++--- .../resources/main-gis/asset-details/index.js | 5 ++ .../main-gis/asset-details/index.scss | 46 ++++++++++++------ .../main-gis/asset-details/tt_icon.png | Bin 0 -> 536 bytes src/views/resources/main-gis/index.html | 7 ++- src/views/resources/main-gis/index.js | 7 +++ src/views/resources/main-gis/index.scss | 23 ++++++++- 8 files changed, 76 insertions(+), 27 deletions(-) create mode 100644 src/views/resources/main-gis/asset-details/tt_icon.png diff --git a/src/views/resources/main-gis/asset-details/close.png b/src/views/resources/main-gis/asset-details/close.png index 0a8337dd9feb7dc35f84978c9c5dd9ea699d907c..6f536c6ce470d40359c7eeedaadf7e3830fd69c7 100644 GIT binary patch literal 478 zcmV<40U`d0P)FXfrv>A=HlPph@dyvPr3`ejPhu~& zcJaT&U0kRgb%iT%Kdb5m&#((`nh1yR9BX?d>);1AV>-V33&+C+kOh|FF&34C2eG{h z{Q4iHqc~L(o~Q!8VGxHKl5ggTzo_gdu{a2KG_)FR9Kj8oDeSj!2)nVa%2|SmxHdZ* zs)&uQVL8s_JsiOS?8ogct&a^f>{Q}x`uC;n5{|dT5BH}YZ5SzhqyLDVpOonq|8*S2 zRjkAwyw1v-@Hq&laJq8-!uecr2*=X?DmDF%iw)g9=}gK8tSTI{SeDw|sgfqM;&)hI z*nf63lmR6MQ;M1_a3$Mb(;&}mImPx# 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.name}}
+
@@ -56,14 +56,11 @@

附件

- - - - - - +

-
\ 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 index 3d28186..a9c83c6 100644 --- a/src/views/resources/main-gis/asset-details/index.js +++ b/src/views/resources/main-gis/asset-details/index.js @@ -22,6 +22,11 @@ export default { mounted () { }, methods: { + openImage (url) { + this.$emit('openImage',url) + // this.dialogImageUrl = url; + // this.dialogVisible = true; + }, 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 index 5e98e8a..d175fb4 100644 --- a/src/views/resources/main-gis/asset-details/index.scss +++ b/src/views/resources/main-gis/asset-details/index.scss @@ -1,19 +1,36 @@ .gl_pop_cash { background: rgba(10, 25, 47, 0.8); position: absolute; - padding: 0 10px; + border: 2px solid #3181f6; + box-shadow: 0 0 5px #3181f6; + border-radius: 0 0 100px 0; + padding: 0!important; + // border-left: 0.15vw solid #357dfa; z-index: 11; .head_main { - height: 40px; + height: 60px; display: flex; align-items: center; position: relative; justify-content: space-between; - + padding: 0 20px; + background: linear-gradient(to right, rgba(49, 129, 246, .8), rgba(49, 129, 246, 0)); .title { color: #ffad00; - font-size: 16px !important; + font-size: 20px !important; + display: flex; + align-items: center; + line-height: 1; + text-shadow: 0 0 15px #3181f6; + i{ + display: block; + width: 20px; + height: 20px; + background: url("tt_icon.png") no-repeat center; + background-size: 100% 100%; + margin-right: 10px; + } } .close { @@ -127,18 +144,18 @@ .pop_statistical_desc { width: 600px; margin: 0; - left: 480px !important; - top: 180px !important; + left: 480px; + top: 180px; padding-bottom: 1.04vw !important; .head_main { + .title { color: #fff; } } .echarts_main { - overflow-y: auto; margin-top: 16px; div { @@ -146,25 +163,22 @@ align-items: center; &:nth-child(even) { - background: rgba(32, 89, 188, 0.2); + //background: rgba(32, 89, 188, 0.2); } p { + font-size: 16px; &:nth-child(1) { width: 8vw; - padding-left: 1vw; + padding-right: 1vw; + text-align: right; flex-shrink: 0; + color: #b0cfec; } - - &: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/tt_icon.png b/src/views/resources/main-gis/asset-details/tt_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..59f4001c5a0480c1edd936a298af27bcb5187edc GIT binary patch literal 536 zcmV+z0_XjSP)c1qNL5Gx_XK*UQKLcC&=BKZr7`O+j2t*i}! zh@I&^qiAy~jq%FJdthDnXuubi1G_WN?CzPFEqio!MnsiBpGGIp0Q>_=z)#>a@Wtj* z=Wck%fc?M>&?3kd@JDL~Zd1S=U@UcRB@bw!-T`lbL*Nsz3LFIiYk(eL7^qe7iPX9C z5I8N^1~3%?g);D4pv$1Cb7MYm09XRnfJxxu9$2PC&}YD4>fEvc?LK}3RlxI{oz>}k zkh9Ze;1p=G2!lWY_!xoNaf-lKjiTm!9qGOsfuTgHaSVKqz~&V!Q$cef^qUxc2J8T~ zfxm&#sNHeoh-F&ybt1-71J(okfkAz+vrq-u_}T*=CraLmJDmSl*NjBu+Q4aFWtOK> z5%K-oVHz=5?^slIAu7+g>q>eqvXuVjhy% z&Dl>GmD7~&HPk^4ERm1-zDk`t$(*f@XH}DPih7@FJfGRrIb+;vUyHzq{-Bl9dQSW5 z23}a+0Uv;uvG$e88pM0A!CDqrYLyG{#A~qQ)?s|-yPg1R8rHqrRrsb|;D??7JL1hJ a0Js9(HHS=6wtR{J0000 - +
@@ -21,5 +21,10 @@ + +
+
+ +
diff --git a/src/views/resources/main-gis/index.js b/src/views/resources/main-gis/index.js index 48d102a..4eee445 100644 --- a/src/views/resources/main-gis/index.js +++ b/src/views/resources/main-gis/index.js @@ -184,6 +184,8 @@ export default { checkStrictly: true, }, addrOptions: [], + dialogImageUrl: '', + dialogVisible: false, //资产信息详情弹窗 showResourceDetail: false, mapGeoServerUrl: "", // geoserver地址 @@ -267,6 +269,11 @@ export default { }) }, methods: { + openImage (url) { + console.log(url) + this.dialogImageUrl = url; + this.dialogVisible = true; + }, // 获取村边界的图层名称 getVillageBorderLayerName () { getConfigKey("geoserver.layer.villageBorder").then(response => { diff --git a/src/views/resources/main-gis/index.scss b/src/views/resources/main-gis/index.scss index 1f4cac6..d190543 100644 --- a/src/views/resources/main-gis/index.scss +++ b/src/views/resources/main-gis/index.scss @@ -220,7 +220,28 @@ } -.pop_statistical_desc { +.imgBox{ + position: absolute; + left: 0; + top: 0; + z-index: 999999; + width: 100vw; + height: 100%; + .box_bg{ + background-color: rgba(0,0,0,0.5); + width: 100%; + height: 100%; + } + img{ + height: 60vh; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + } +} + +.a .pop_statistical_desc { width: 20.2vw; margin: 0; right: 23vw;