From a54c7ef9216c01ab4eaf49a361797925000ac496 Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Mon, 1 Sep 2025 21:33:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=88=B7=E5=A4=96=E5=AA=92?=
 =?UTF-8?q?=E4=BB=8B=E7=AE=A1=E7=90=86=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 +
 src/assets/images/icon-2D-active-btn.png      | Bin 0 -> 1610 bytes
 src/assets/images/icon-2D-btn.png             | Bin 0 -> 1569 bytes
 src/assets/images/icon-3D-active-btn.png      | Bin 0 -> 1668 bytes
 src/assets/images/icon-3D-btn.png             | Bin 0 -> 1655 bytes
 src/assets/images/icon-full-screen-active.png | Bin 0 -> 1533 bytes
 src/assets/images/icon-full-screen.png        | Bin 0 -> 1498 bytes
 .../images/icon-map-nofull-screen-active.png  | Bin 0 -> 1700 bytes
 src/assets/images/icon-map-nofull-screen.png  | Bin 0 -> 1643 bytes
 src/views/outdoorMedia/index.vue              | 718 ++++++++++++++++++
 10 files changed, 719 insertions(+)
 create mode 100644 src/assets/images/icon-2D-active-btn.png
 create mode 100644 src/assets/images/icon-2D-btn.png
 create mode 100644 src/assets/images/icon-3D-active-btn.png
 create mode 100644 src/assets/images/icon-3D-btn.png
 create mode 100644 src/assets/images/icon-full-screen-active.png
 create mode 100644 src/assets/images/icon-full-screen.png
 create mode 100644 src/assets/images/icon-map-nofull-screen-active.png
 create mode 100644 src/assets/images/icon-map-nofull-screen.png
 create mode 100644 src/views/outdoorMedia/index.vue

diff --git a/package.json b/package.json
index b8ad7e3..109e892 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "url": "https://gitee.com/y_project/RuoYi-Vue.git"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@element-plus/icons-vue": "2.3.1",
     "@vueup/vue-quill": "1.2.0",
     "@vueuse/core": "13.3.0",
diff --git a/src/assets/images/icon-2D-active-btn.png b/src/assets/images/icon-2D-active-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb8f9cc347b04196ae5f093a171790f0b15b4fd2
GIT binary patch
literal 1610
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
IM6N<$g3D9xpa1{>

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-2D-btn.png b/src/assets/images/icon-2D-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..53e6b59d13d1dbdb40f28d3270299ffaa9501295
GIT binary patch
literal 1569
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
T`n4<N00000NkvXXu0mjf*jwc?

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-3D-active-btn.png b/src/assets/images/icon-3D-active-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..132b76826e8612556e3103937a8729ac107bd4f6
GIT binary patch
literal 1668
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
O0000<MNUMnLSTY0`Vr9p

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-3D-btn.png b/src/assets/images/icon-3D-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..44e8ba046b1e320649390ba12f2e133df829ace2
GIT binary patch
literal 1655
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
B1_=NF

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-full-screen-active.png b/src/assets/images/icon-full-screen-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6c414f930d1f3cd9038dd92e1762f3483a6abfa
GIT binary patch
literal 1533
zcmV<Z1p@ksP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T7000HDNkl<Zcmc$g
zYp4`u7{~uJvpcivSuaP=mXOt<3#CycNrZ6hc!_Qw%s|MXEHv^{^dbCu*8C6@L?8NA
zmUhuVNCG3t+eztyNr7Z4MHmI8dvNt!+@0N>nV$bUGwo$Y+&OzZ4)dIudEe*x|9|t$
zygNt76*o@<Vxmyc(M`l@s<C*G7{CCkutme#-MWgwVFO_dKdhsh2z7W2_35P`>D>z2
z1jtDVCbN(bfPwK`3fZy&oK2~)i)nNdp$;{vO%Hm}liqEhI+`~oFquUVph`9cXC#Hu
znu%=Mk2%#ex`|MSn$)HT#EYKvCPNdG?w<#pV?w^D<8SF4dQvEt)3|Jy$T%j-x`}bq
znv$RvHK|PxdeM{KWKfX8ByhTfzn@&BfeB31t<-@x2NssUe0rCA<k`Qx18YXS!|RIP
zk+tWiB&a2tqW!0Me0K1yfkhBc)fh66#ixP*3Mq+;c@4!09Ttp(?>xA0#gh5^Gp6yl
zrlBXuo$`Zd&lHcxmOn86YkJaKF_48!@;(Zn_>!39Gy8O;U@W~aUy$P2n5K<h;<<(1
zAOl&*B>q02oXBd`V3#yhYPyv+mT_o0Lp%rQtr*60TIlTqvZWlEn61Og>T*Zd?6J}&
zE|jNugA7avn0!DEl+S6HHKxI-XuP~GL2ojUB>-pu1_N+X*AX!4E#Fo7q!G^U=?Ltm
z&Htc1_WWF?LQCvDQHkWSuI{v?#b1Ohg)LgNgYhM?ql<4z<DuJ3^yQ*5b9;0(xA^9C
zY;C85QRPl6C9ijej-4ClV&G0ou3Gn{x0`Bij^wn?B)ggv;F4QSthn34q0=@tepG^8
z_ad$w+pwdA!)I))T4-TOzZuEtWMEQ&W(wH$d@oiuLDrlGB+r}S-g~YWru;wD2~c}Z
zV!(IT&A}@xb1-GWy&pjK&r2a?G}ai;`{x;|a|%v!S;JaAp<}{yV9nwz2JZ0RIYMq*
z-;38*&q4za>U`@{v%wo+4rF5uYxU+t8Nb?|7_eP1EuD+=<QV7L^OIh84Vct0X@1v$
zbr)zXk5+rmwT>jeN({&^#P@$xl@nL%rcX*3`eHN!xpnU-Hte{7YVZ@p8rFJOx*Me!
z{gW8*WdVA7{}>e9rx)?nFBP0QS4S-Xp#|qo%h-WaHeUL;q##+tT1Pt0oK7P#Acgro
z-6U}P1dgk7$BXhiCqE^eV{mbNAgg=uE(`xdcJd8oaa&9Z@YvZZLb&Y$mq~NYwklf!
zOvvQ{<Z-EK&FJiEQh=d!MIP%5+e`TNcmJIX$9eog-qZCTmM~!_eCb%+6kP%SC|x=F
zn~n2h(dRcZ?t*jdc9UP?Q~7^z$iGEv!arU`;_Msq(H^Vs&qk`AxHl8YV_m9~Z*s^|
z81kYWG~~HO>>2}H0PPX?`Qli69<LipF=sK}4Z!S;9!6(+Fftu=GDg1pA$pU6EP<L2
zm@oQJJ(pbAW!LjC5zJ59L3xTd$UxVC$p_>>Zrp>_>mieN?V59xL(>_`Q@j-eSpst(
z@Sa~i6!R{|MqJe4e0QQaBzJTv$hqbRdeM{Kih(R-5@!L_JQQRlv!(eS7dD)guO2&f
z==i^nRI1KC&%<TOyCyre=`sA%xku?qZ;&A`uUtWxpf#;x5*MY53*f-D>#H^&J(Yd(
z^JnyBI~QoH_Vj7XcjdKZyKk71pq6M-n;t7(J93hqpf?%F60}4*$g`k}gWtI7Q8N(}
zb!4+O%y6ox7*%B5DsokON`hL{q&7Y1MNh(!A?O~-0zjThaDoYtE~3AVOt}uDuZ~&i
zD#|rKE}AuT6QNG}LQQGYgI*9%dXqs=!o3Mlx+u?Fy^p)sx?nPka^rQBvkoA@3@cwl
zH$jassEq)Oo(eAD2nd@1gAqb9n9L%^@SuY*2;NPEIy_RFK`(l$2s!-Ye*gdg|NjgH
j(6|5q00v1!K~w_(R|vSC)c}`100000NkvXXu0mjf?GfUf

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-full-screen.png b/src/assets/images/icon-full-screen.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7a02b6505c182624035bb72f18ad5c78bf0669e
GIT binary patch
literal 1498
zcmV<01tt24P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T7000G#Nkl<Zcmc$g
z+iw(Q7{;G(W)EF@;?OM>ii$S~nj+DNL0h08YP?cIqTcu~cwxNl_EvBF54;nTCVFLJ
zv?ohiJjJv%K#U0iDbjXJPjuPi%<w+n%(UCiw(NF$*zDW+=KJ3Fd4BWmH#0S`?#EF;
ziAW?2R1>8%^;~I?5`Z35qFdo|kD=q-pb0+)&l;#Ed>tNreR^p~danj80_36ulUYaz
zz{FBr2(h#Y+z#o;Cc~&Ed>v|1n;!I{C%xBz8YuoSfypd_0A*q!STi9k<|BxO-PoH8
zqnhw_s7Y;lK)mQlZ!#1y8SdEY924S60~69Y)P|5whw;dapvH<IZA7pXiEc?yi<;D?
z2fgS?Z!%~|VG=k)!u?)9p}+(t8qrYi7wyN>KfHg%9{TvM)BE0xGw@N;8M-{ZB|$CG
z6zx0W@onFi?I$3fx-n!Ri%SIo6jBl=;|j@?fhf$ruU<Xg`AW;rH4*b2rBLhTZuvp9
z>&4^k^DnpjL{EBa2C|Sz_M-rbFNsNB-((;J^GsVjA;pc@p%1;pvzy)^16jx<{w|;l
z<Ze~S&M9Q_Ml@`8aB3$*JlpB58J6ml@9hGzrJPAM8i>XWxuR|RS!q)$w5NE33{3Et
zTtH5wrxY3<Dp(oC(_IOAlYuNAzzU!@0V}kNfI)A0ugWWpaM{|jz`pM3#oD;_-y{`Q
z#qEiyKpyLC+gX)Y^2BFJbgN(oOIDPgjPGwmOMD+{qLDxX=eWk4z+wdxRRKmLVO;7s
zg+mAT2P_G9sr?ipkx*c*l8H?LHXmq2YfBR*CTGw;JPymY1D=*;qi<vk_a-0U$Wu*d
zKCm~CQ_jSu08P_C=j&}~6=NULE`sE^81DR;HkhU=hbNFzG2q$LFQV=Fqc9DD6k|d*
z)W=}Rxv$P~L){+TISnUktYNKEm4Q|a_}tSi%X`i=3|u&K5~p7}=CdsyUpsXSow8;c
zt_AlgYb)gAKMTv6n;IC#`W@M5tz0wr^2*KLg}kZ(ZD;)luU*bV`3V<YF(BU%lgT+P
zOMt;^<M?g#AAMf@=Z~>}(Jzk~{}IF*)^2b;#pTQ6iU9|%{f*HZx1iyE9mkz}Nz5;#
zRy_;3Hn+HhyZ2`>FycNZS;JbVLc)pxd1(X~^xzIP@5hBVPU^=F*BHDxcy}LeIj{n0
zt-lpmvtDcpaB5~=cg}|knPxzr5A$Nk=?C+HoN^{M1?USG<n7TnJcj$zv;Nfbk$bLp
zcoc<#wLG_(K~;d$(#ij)W|7Y10^XTy4qRim1B(?*$p3>~?&gT5+~X69Klz{&YvbsV
zgMq4N4mSt#SjYVtNM1YPvn0BlU<b{@hM;`Ut_`JvZxf}Iem}3x#YUeJ-YbBygANw!
z9hfy60&b*V^%}j&Ko(ET1&k+MsM-Y^*)(4cDQ|tp4vvEqy+H=LdQ2`LC+e0QME5zU
z3ESDcb(K>)8QN34H3L~Za~JT18xE3j8xLn}6kv^vC%fc|7QCEoKhTSw^wtbyA(J=@
zpmLCqJDDww*V@R!y71}mH~asbd^3}?esml>lDuvCQkx!we@(qbPkMt4aoKVSVS*~U
zi%Fc6F1Esgoh@Aa{OZlvyWf3ibbQmQE`Hyn&R>bEj-KW%32KQZwdv9M+0b=*g5G2x
zi`NqAAV*#o&;4TSpPGqC6%dQ%vB%0GW9AUEbEwN@w<M@VO={DFUi2g!8NBY1%md_5
zf(uN5bP>-MP?IjeY$~83oI^VA#(X4?YQonE&*rr@J?I7Tq&FD^#s3xoN*Cof*ZZ;O
zvJED)sBWo%bj$(-m=TTVQB6?84{E~$qo;=RI6T54KyQYS3?{RPF?h~`9|W%^d>tOC
z&7c=Ob@&|a@i71Z0RR7P+{>B(000I_L_t&o0Kw$Eo{7K3h5!Hn07*qoM6N<$f+O?9
A(*OVf

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-map-nofull-screen-active.png b/src/assets/images/icon-map-nofull-screen-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..383d43959df814b0c11305f07db28bccb4117bc8
GIT binary patch
literal 1700
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-map-nofull-screen.png b/src/assets/images/icon-map-nofull-screen.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fff2f95b7705ad417fd2b3600af717ee4cd0bc2
GIT binary patch
literal 1643
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

literal 0
HcmV?d00001

diff --git a/src/views/outdoorMedia/index.vue b/src/views/outdoorMedia/index.vue
new file mode 100644
index 0000000..79039a6
--- /dev/null
+++ b/src/views/outdoorMedia/index.vue
@@ -0,0 +1,718 @@
+<template>
+    <div class="app-container">
+        <div class="searchPanel">
+            <div class="more-search-pane">
+                <div class="search-where-container">
+                    <el-form :model="queryParams" ref="queryRef" :inline="true" class="searchPanelForm">
+                        <el-form-item label="媒体类型:">
+                            <el-select v-model="queryParams.mediaTypeOne" placeholder="请选择" @change="getMediaTypeTwo"
+                                clearable style="min-width: 30px">
+                                <el-option v-for="item in mediaTypeOne" :key="item.id" :label="item.name"
+                                    :value="item.id" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="媒体大类">
+                            <el-select v-model="queryParams.mediaTypeTwo" placeholder="请选择" @change="getMediaTypeThree"
+                                clearable style="min-width: 30px">
+                                <el-option v-for="item in mediaTypeTwo" :key="item.id" :label="item.name"
+                                    :value="item.id" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="展示形式">
+                            <el-select v-model="queryParams.mediaTypeThree" placeholder="请选择" clearable
+                                style="min-width: 30px">
+                                <el-option v-for="item in mediaTypeThree" :key="item.id" :label="item.name"
+                                    :value="item.id" />
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <div class="search-more-button">
+                    <el-button v-if="!unfoldFlag" text class="foladText" @click="handleFlod">展开
+                        <svg-icon icon-class="unfold" class="ml10" />
+                    </el-button>
+                    <el-button v-else text class="foladText" @click="handleFlod">收起
+                        <svg-icon icon-class="packUp" class="ml10" />
+                    </el-button>
+                </div>
+            </div>
+        </div>
+        <div class="searchSmallPanel" v-show="unfoldFlag">
+            <el-form :model="queryParams" ref="queryRef" :inline="true" class="searchSmallPanelForm">
+                <el-form-item label="城市:">
+                    <el-select v-model="queryParams.provinceId" placeholder="请选择" @change="getCityList" clearable
+                        style="min-width: 30px">
+                        <el-option v-for="item in province" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="">
+                    <el-select v-model="queryParams.cityId" placeholder="请选择" @change="getCountyList" clearable
+                        style="min-width: 30px">
+                        <el-option v-for="item in city" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="">
+                    <el-select v-model="queryParams.countyId" placeholder="请选择" @change="getTownList" clearable
+                        style="min-width: 30px">
+                        <el-option v-for="item in county" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="">
+                    <el-select v-model="queryParams.townId" placeholder="请选择" clearable style="min-width: 30px">
+                        <el-option v-for="item in town" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="商圈">
+                    <el-select v-model="queryParams.approval_document_status" placeholder="请选择" clearable
+                        style="min-width: 30px;">
+                        <el-option v-for="dict in approval_document_status" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div class="choseResultPanel">
+            <el-form :inline="true" class="searchSmallPanelForm">
+                <el-form-item label="已选媒体:">
+                    <div v-if="multipleChoseArr.length == 0" class="noChoseLabel">未选择媒体</div>
+                    <template v-else>
+                        <el-tag v-for="tag in multipleChoseArr" :key="tag.id" class="choseResultTag"
+                            @close="handleCloseTag(tag)" closable>
+                            {{ tag.mediaName }}
+                        </el-tag>
+                    </template>
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <el-card class="mt10">
+            <el-row :gutter="10" class="my_row">
+                <el-col :span="8">
+                    <el-form :model="queryParams" ref="queryRef" :inline="true" class="searchInputForm">
+                        <el-form-item label="">
+                            <el-input v-model="queryParams.postCode" placeholder="请输入媒体名称/媒体编号" :prefix-icon="Search"
+                                style="width: 400px;" />
+                        </el-form-item>
+                    </el-form>
+                </el-col>
+                <el-col :span="16" style="text-align: right;">
+                    <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
+                    <el-button type="primary" class="primaryBtn">PPT批量导出</el-button>
+                    <el-button type="primary" class="primaryBtn">清空所选媒体</el-button>
+                </el-col>
+            </el-row>
+            <el-row :gutter="10" class="my_row">
+                <el-col :span="12">
+                    <el-table v-loading="loading" :data="outdoorMediaList" @selection-change="handleSelectionChange"
+                        :height="unfoldFlag ? 'calc(100vh - 388px)' : 'calc(100vh - 354px)'">
+                        <el-table-column type="selection" width="55" align="center" />
+                        <el-table-column label="实景图片" align="left" prop="mediaName" width="170">
+                            <template #default="scope">
+                                <img :src="otherbg" fit="fill" style="width: 138px;height: 78px; border-radius: 4px" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="媒体名称" align="left" prop="mediaName" width="150">
+                            <template #default="scope">
+                                <el-popover popper-class="myImg_popover" placement="right-start">
+                                    <img :src="otherbg" />
+                                    <template #reference>
+                                        <span class="mediaNameLabel" @click="handleOpenDetail">{{ scope.row.mediaName
+                                        }}</span>
+                                    </template>
+                                </el-popover>
+
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="商圈" align="left" prop="postCode" width="150" />
+                        <el-table-column label="媒体大类" align="left" prop="postCode" width="150" />
+                        <el-table-column label="展示形式" align="left" prop="postCode" width="150" />
+                        <el-table-column label="操作" width="58" align="center" fixed="right">
+                            <template #default="scope">
+                                <el-popover popper-class="my_popover" placement="left-start">
+                                    <div class="popBtns" @click="handleLogs(scope.row)"
+                                        v-hasPermi="['problemFeedback:edit']">查看
+                                    </div>
+                                    <div class="popBtns" @click="handleDownFiles(scope.row)"
+                                        v-hasPermi="['problemFeedback:edit']">下载</div>
+                                    <template #reference>
+                                        <img style="cursor: pointer;" :src="scope.row.currentImageSrc"
+                                            @mouseenter="scope.row.currentImageSrc = hoverImageSrc"
+                                            @mouseleave="scope.row.currentImageSrc = defaultImageSrc" />
+                                    </template>
+                                </el-popover>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+
+                    <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+                        @pagination="getList" />
+                </el-col>
+                <el-col :span="12">
+                    <div id="mapContainer" class="mapContainer"></div>
+                </el-col>
+            </el-row>
+        </el-card>
+    </div>
+</template>
+<script setup name="Post">
+import { onMounted, ref } from 'vue';
+import { Search } from '@element-plus/icons-vue'
+import { sysRegionListByPid } from "@/api/system/administrativeRegion"
+import { sysMediaTypeListByPid } from "@/api/system/mediaType"
+import AMapLoader from "@amap/amap-jsapi-loader";  // 引入地图服务
+import optionIcon from '@/assets/images/optionIcon.png'
+import optionIconHover from '@/assets/images/optionIconHover.png'
+import { useBackgroundStore } from '@/store/modules/background'
+import otherbg from '@/assets/images/otherbg.png'
+
+const bgStore = useBackgroundStore()
+const { proxy } = getCurrentInstance()
+const { approval_document_status } = proxy.useDict("approval_document_status")
+
+// 省、市、县、镇数据
+const province = ref([])
+const city = ref([])
+const county = ref([])
+const town = ref([])
+// 媒体类型数据
+const mediaTypeOne = ref([])
+const mediaTypeTwo = ref([])
+const mediaTypeThree = ref([])
+// 归属选项
+const supplierList = ref([])
+// 多选数据
+const multipleChoseArr = ref([])
+const loading = ref(true)
+const total = ref(0)
+const data = reactive({
+    queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+    }
+})
+const { queryParams } = toRefs(data)
+// 操作图标
+const defaultImageSrc = ref(optionIcon);
+const hoverImageSrc = ref(optionIconHover);
+
+// 户外媒体数据
+const outdoorMediaList = ref([
+    { id: 1, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 2, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 3, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 4, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 5, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 6, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 7, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 8, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 9, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value },
+    { id: 10, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value }
+])
+
+// 折叠展开
+const unfoldFlag = ref(false)
+const handleFlod = () => {
+    unfoldFlag.value = !unfoldFlag.value
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+    queryParams.value.pageNum = 1
+    getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+    proxy.resetForm("queryRef")
+    handleQuery()
+}
+
+// 多选事件
+const handleSelectionChange = (selection) => {
+    multipleChoseArr.value = selection
+}
+// 移除选择项
+const handleCloseTag = (tag) => {
+
+}
+
+// 获取户外媒介列表数据
+const getList = () => {
+    loading.value = false
+    // listPost(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+    //     postList.value = response.rows
+    //     total.value = response.total
+    //     loading.value = false
+    // })
+}
+
+// 获取一级媒体类型
+const getMediaTypeOne = () => {
+    sysMediaTypeListByPid({ parentId: 0 }).then(res => {
+        mediaTypeOne.value = res.data
+    })
+}
+// 获取二级媒体类型
+const getMediaTypeTwo = (value) => {
+    sysMediaTypeListByPid({ parentId: value }).then(res => {
+        queryParams.value.mediaTypeTwo = undefined
+        queryParams.value.mediaTypeThree = undefined
+        mediaTypeTwo.value = res.data
+    })
+}
+// 获取三级媒体类型
+const getMediaTypeThree = (value) => {
+    sysMediaTypeListByPid({ parentId: value }).then(res => {
+        queryParams.value.mediaTypeThree = undefined
+        mediaTypeThree.value = res.data
+    })
+}
+// 获取省/直辖市数据
+const getProvinceList = () => {
+    sysRegionListByPid({ parentId: '0' }).then(res => {
+        province.value = res.data
+    })
+}
+// 获取地级市/区数据
+const getCityList = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        queryParams.value.cityId = undefined
+        queryParams.value.countyId = undefined
+        queryParams.value.townId = undefined
+        city.value = res.data
+    })
+}
+// 获取区/县数据
+const getCountyList = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        queryParams.value.countyId = undefined
+        queryParams.value.townId = undefined
+        county.value = res.data
+    })
+}
+// 获取镇数据
+const getTownList = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        queryParams.value.townId = undefined
+        town.value = res.data
+    })
+}
+// map实例
+const mapInstance = ref(null)
+const massMarks = ref(null)
+// 当前地图模式（2D/3D）
+const mapMode = ref('2D')
+// 是否全屏状态
+const isFullscreen = ref(false)
+// 初始化地图 
+const loadMap = () => {
+    return new Promise((resolve, reject) => {
+        // 设置安全密钥
+        window._AMapSecurityConfig = {
+            securityJsCode: 'a157b9d8963b598f40023f5469d3e73c'
+        };
+
+        AMapLoader.load({
+            key: "f5b170e2332903225896a7290b90793a",
+            plugins: [],
+            AMapUI: {
+                version: "1.1",
+                plugins: []
+            }
+        }).then(AMap => {
+            // 根据当前模式设置初始参数
+            const initialPitch = mapMode.value === '3D' ? 65 : 0;
+            const initialRotation = mapMode.value === '3D' ? -15 : 0;
+
+            mapInstance.value = new AMap.Map("mapContainer", {
+                resizeEnable: true,
+                zoom: 14,
+                center: [116.397428, 39.90923],
+                pitch: initialPitch, // 倾斜角度决定2D/3D模式
+                rotation: initialRotation, // 旋转角度
+                buildingAnimation: true,
+                expandZoomRange: true,
+                zooms: [3, 20],
+                viewMode: mapMode.value // 启用3D视图
+            });
+
+            // 先添加基本控件 
+            mapInstance.value.setZoom(14);
+
+            // 添加自定义控件容器
+            addCustomControls(AMap);
+
+            // 地图加载完成后隐藏Logo
+            setTimeout(() => {
+                hideAmapLogo();
+            }, 1000);
+
+            // 监听地图渲染完成事件
+            mapInstance.value.on('render', hideAmapLogo);
+
+            // 在地图完全加载后执行点数据处理
+            renderMassMarks();
+
+            resolve();
+
+        }).catch(e => {
+            console.log(e, "高德地图加载失败");
+            reject(e);
+        });
+    });
+}
+// 添加自定义控件
+const addCustomControls = (AMap) => {
+    // 创建控件容器
+    const controlContainer = document.createElement('div');
+    controlContainer.className = 'custom-map-controls';
+    controlContainer.style.position = 'absolute';
+    controlContainer.style.top = '20px';
+    controlContainer.style.right = '20px';
+    controlContainer.style.zIndex = '1000';
+    controlContainer.style.display = 'flex';
+    controlContainer.style.gap = '10px';
+    controlContainer.style.flexDirection = 'column';
+
+    // 2D/3D切换按钮 
+    const toggle2D3DBtn = document.createElement('div');
+    toggle2D3DBtn.className = mapMode.value === '2D' ? 'map-control-btn map-control-3dbtn' : 'map-control-btn map-control-2dbtn';
+    toggle2D3DBtn.onclick = toggle2D3DMode;
+
+    // 全屏按钮
+    const fullscreenBtn = document.createElement('div');
+    fullscreenBtn.className = isFullscreen.value === true ? 'map-control-btn map-full-screen' : 'map-control-btn map-nofull-screen';
+    fullscreenBtn.onclick = toggleFullscreen;
+
+    controlContainer.appendChild(toggle2D3DBtn);
+    controlContainer.appendChild(fullscreenBtn);
+
+    // 添加到地图容器
+    document.getElementById('mapContainer').appendChild(controlContainer);
+}
+
+// 切换2D/3D模式
+const toggle2D3DMode = () => {
+    if (!mapInstance.value) return;
+
+    const currentPitch = mapInstance.value.getPitch();
+
+    if (currentPitch === 0) {
+        // 切换到3D模式
+        mapInstance.value.setPitch(65);
+        mapInstance.value.setRotation(-15);
+        mapMode.value = '3D';
+        loadMap()
+    } else {
+        // 切换到2D模式
+        mapInstance.value.setPitch(0);
+        mapInstance.value.setRotation(0);
+        mapMode.value = '2D';
+        loadMap()
+    }
+}
+
+// 切换全屏模式
+const toggleFullscreen = () => {
+    const mapContainer = document.getElementById('mapContainer');
+
+    if (!document.fullscreenElement) {
+        // 进入全屏
+        if (mapContainer.requestFullscreen) {
+            mapContainer.requestFullscreen().then(() => {
+                isFullscreen.value = true;
+                const buttons = document.querySelectorAll('.map-control-btn');
+                buttons[1].className = 'map-control-btn map-full-screen';
+            }).catch(err => {
+                console.error('全屏模式错误:', err);
+            });
+        }
+    } else {
+        // 退出全屏
+        if (document.exitFullscreen) {
+            document.exitFullscreen().then(() => {
+                isFullscreen.value = false;
+                const buttons = document.querySelectorAll('.map-control-btn');
+                buttons[1].className = 'map-control-btn map-nofull-screen';
+            });
+        }
+    }
+}
+
+// 监听全屏变化事件
+document.addEventListener('fullscreenchange', () => {
+    if (!document.fullscreenElement) {
+        isFullscreen.value = false;
+    }
+});
+
+// 创建自定义点样式
+const createPointStyle = (color, size, styleType) => {
+    const canvas = document.createElement('canvas');
+    canvas.width = size * 2;
+    canvas.height = size * 2;
+    const ctx = canvas.getContext('2d');
+
+    // 根据样式类型绘制不同的图形
+    switch (styleType) {
+        case 'circle':
+            ctx.beginPath();
+            ctx.arc(size, size, size, 0, Math.PI * 2);
+            ctx.fillStyle = color;
+            ctx.fill();
+            break;
+        case 'ring':
+            ctx.beginPath();
+            ctx.arc(size, size, size, 0, Math.PI * 2);
+            ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
+            ctx.fill();
+
+            ctx.beginPath();
+            ctx.arc(size, size, size * 0.7, 0, Math.PI * 2);
+            ctx.fillStyle = color;
+            ctx.fill();
+            break;
+        case 'square':
+            ctx.fillStyle = color;
+            ctx.fillRect(0, 0, size * 2, size * 2);
+            break;
+        case 'star':
+            ctx.fillStyle = color;
+            ctx.beginPath();
+            for (let i = 0; i < 5; i++) {
+                const angle = (i * 2 * Math.PI / 5) - Math.PI / 2;
+                const x = size + size * Math.cos(angle);
+                const y = size + size * Math.sin(angle);
+                if (i === 0) {
+                    ctx.moveTo(x, y);
+                } else {
+                    ctx.lineTo(x, y);
+                }
+
+                const innerAngle = angle + Math.PI / 5;
+                const innerX = size + size * 0.4 * Math.cos(innerAngle);
+                const innerY = size + size * 0.4 * Math.sin(innerAngle);
+                ctx.lineTo(innerX, innerY);
+            }
+            ctx.closePath();
+            ctx.fill();
+            break;
+    }
+
+    return canvas;
+}
+// 渲染海量点
+const renderMassMarks = () => {
+    // 清除现有的海量点
+    if (massMarks.value) {
+        massMarks.value.clear();
+    }
+
+    // 创建三种不同大小的样式
+    const styles = [
+        {
+            url: createPointStyle('#EC1B60', 18, 'circle').toDataURL(),
+            anchor: new AMap.Pixel(18, 18),
+            size: new AMap.Size(18, 18)
+        },
+        {
+            url: createPointStyle('#058DED', 18, 'circle').toDataURL(),
+            anchor: new AMap.Pixel(18, 18),
+            size: new AMap.Size(18, 18)
+        },
+        {
+            url: createPointStyle('#FFA200', 18, 'circle').toDataURL(),
+            anchor: new AMap.Pixel(18, 18),
+            size: new AMap.Size(18, 18)
+        },
+        {
+            url: createPointStyle('#00C272', 18, 'circle').toDataURL(),
+            anchor: new AMap.Pixel(18, 18),
+            size: new AMap.Size(18, 18)
+        }
+    ];
+
+    // 测试数据
+    const points = [
+        { "lnglat": [116.258446, 37.686622], "name": "景县", "style": 1 },
+        { "lnglat": [113.559954, 22.124049], "name": "圣方济各堂区", "style": 1 },
+        { "lnglat": [116.366794, 39.915309], "name": "西城区", "style": 1 },
+        { "lnglat": [116.486409, 39.921489], "name": "朝阳区", "style": 1 },
+        { "lnglat": [116.286968, 39.863642], "name": "丰台区", "style": 1 },
+        { "lnglat": [116.195445, 39.914601], "name": "石景山区", "style": 2 },
+        { "lnglat": [116.310316, 39.956074], "name": "海淀区", "style": 2 },
+        { "lnglat": [116.105381, 39.937183], "name": "门头沟区", "style": 2 },
+        { "lnglat": [116.139157, 39.735535], "name": "房山区", "style": 2 },
+        { "lnglat": [116.658603, 39.902486], "name": "通州区", "style": 2 },
+        { "lnglat": [116.653525, 40.128936], "name": "顺义区", "style": 2 },
+        { "lnglat": [116.235906, 40.218085], "name": "昌平区", "style": 2 },
+        { "lnglat": [116.338033, 39.728908], "name": "大兴区", "style": 2 },
+        { "lnglat": [116.637122, 40.324272], "name": "怀柔区", "style": 2 },
+        { "lnglat": [117.112335, 40.144783], "name": "平谷区", "style": 3 },
+        { "lnglat": [116.843352, 40.377362], "name": "密云区", "style": 3 },
+        { "lnglat": [115.985006, 40.465325], "name": "延庆区", "style": 3 },
+        { "lnglat": [113.56925, 22.136546], "name": "路凼填海区", "style": 3 },
+        { "lnglat": [117.195907, 39.118327], "name": "和平区", "style": 2 },
+        { "lnglat": [117.226568, 39.122125], "name": "河东区", "style": 2 },
+        { "lnglat": [117.217536, 39.101897], "name": "河西区", "style": 2 },
+        { "lnglat": [117.164143, 39.120474], "name": "南开区", "style": 2 },
+        { "lnglat": [117.201569, 39.156632], "name": "河北区", "style": 2 },
+        { "lnglat": [117.163301, 39.175066], "name": "红桥区", "style": 2 },
+        { "lnglat": [117.313967, 39.087764], "name": "东丽区", "style": 2 },
+        { "lnglat": [117.012247, 39.139446], "name": "西青区", "style": 0 },
+        { "lnglat": [117.382549, 38.989577], "name": "津南区", "style": 0 },
+        { "lnglat": [117.13482, 39.225555], "name": "北辰区", "style": 0 },
+        { "lnglat": [117.057959, 39.376925], "name": "武清区", "style": 0 },
+        { "lnglat": [116.405285, 39.904989], "name": "北京市", "style": 0 }
+    ]
+    // 创建MassMarks对象
+    massMarks.value = new AMap.MassMarks(points, {
+        opacity: 1,
+        zIndex: 111,
+        cursor: 'pointer',
+        style: styles
+    });
+
+    // 将海量点添加到地图
+    massMarks.value.setMap(mapInstance.value);
+
+    // 添加点击事件
+    massMarks.value.on('click', function (e) {
+        console.log('点击了节点', e.data) 
+    });
+}
+
+// 隐藏Logo的函数
+const hideAmapLogo = () => {
+    const logos = document.querySelectorAll('.amap-logo, .amap-copyright');
+    logos.forEach(logo => {
+        logo.style.display = 'none';
+        logo.style.visibility = 'hidden';
+        logo.style.opacity = '0';
+    });
+}
+// 初始化
+onMounted(() => {
+    bgStore.setBgImage(otherbg)
+    getList()
+    getMediaTypeOne()
+    getProvinceList()
+    loadMap()
+}); 
+</script>
+
+<style lang="scss">
+.noChoseLabel {
+    height: 24px;
+    line-height: 24px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    font-size: 16px;
+    color: #ffffff90;
+}
+
+.mapContainer {
+    width: 100%;
+    height: 100%;
+    background: #3f8bff;
+}
+
+.custom-map-controls {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    z-index: 1000;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.map-control-btn {
+    cursor: pointer;
+}
+
+.map-control-2dbtn {
+    width: 40px;
+    height: 40px;
+    background: url('../../assets/images/icon-2D-btn.png');
+}
+
+.map-control-2dbtn:hover {
+    background: url('../../assets/images/icon-2D-active-btn.png');
+}
+
+.map-control-3dbtn {
+    width: 40px;
+    height: 40px;
+    background: url('../../assets/images/icon-3D-btn.png');
+}
+
+.map-control-3dbtn:hover {
+    background: url('../../assets/images/icon-3D-active-btn.png');
+}
+
+.map-nofull-screen {
+    width: 40px;
+    height: 40px;
+    background: url('../../assets/images/icon-full-screen.png');
+}
+
+.map-nofull-screen:hover {
+    background: url('../../assets/images/icon-full-screen-active.png');
+}
+
+
+.map-full-screen {
+    width: 40px;
+    height: 40px;
+    background: url('../../assets/images/icon-map-nofull-screen.png');
+}
+
+.map-full-screen:hover {
+    background: url('../../assets/images/icon-map-nofull-screen-active.png');
+}
+
+
+
+// .map-control-btn {
+//     padding: 8px 12px;
+//     background: white;
+//     border: 1px solid #ccc;
+//     border-radius: 4px;
+//     cursor: pointer;
+//     font-size: 12px;
+//     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+//     transition: all 0.3s ease;
+// }
+
+// .map-control-btn:hover {
+//     background: #f5f5f5;
+//     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+// }
+
+// .map-control-btn:active {
+//     transform: translateY(1px);
+// }
+
+/* 全屏样式 */
+.mapContainer:-webkit-full-screen {
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.mapContainer:-moz-full-screen {
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.mapContainer:-ms-fullscreen {
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.mapContainer:fullscreen {
+    width: 100% !important;
+    height: 100% !important;
+}
+</style>
\ No newline at end of file