This commit is contained in:
duanxiaohai 2024-10-24 11:30:54 +08:00
commit 045bc1f155
3 changed files with 147 additions and 41 deletions

76
src/view/img_map/map.js Normal file
View File

@ -0,0 +1,76 @@
import zcd from "@/assets/images/map/zcd.png";
import dqfwzx from "@/assets/images/map/dqfwzx.png";
import cjrzj from "@/assets/images/map/cjrzj.png";
import bxjsf from "@/assets/images/map/bxjsf.png";
import bmfwzx from "@/assets/images/map/bmfwzx.png";
import csc from "@/assets/images/map/csc.png";
import tcc from "@/assets/images/map/tcc.png";
import lnhds from "@/assets/images/map/lnhds.png";
import lqc from "@/assets/images/map/lqc.png";
import zqc from "@/assets/images/map/zqc.png";
import whgc from "@/assets/images/map/whgc.png";
import lspd from "@/assets/images/map/lspd.png";
import gc from "@/assets/images/map/gc.png";
import whlt from "@/assets/images/map/whlt.png";
import njsw from "@/assets/images/map/njsw.png";
import xxg from "@/assets/images/map/xxg.png";
import j0 from "@/assets/images/map/j0.png";
import j1 from "@/assets/images/map/j1.png";
import j2 from "@/assets/images/map/j2.png";
import j3 from "@/assets/images/map/j3.png";
import j4 from "@/assets/images/map/j4.png";
import j5 from "@/assets/images/map/j5.png";
import j6 from "@/assets/images/map/j6.png";
import j7 from "@/assets/images/map/j7.png";
import j8 from "@/assets/images/map/j8.png";
import j9 from "@/assets/images/map/j9.png";
import j10 from "@/assets/images/map/j10.png";
import j11 from "@/assets/images/map/j11.png";
import j1_map from "@/assets/images/map/j1_map.png";
import j2_map from "@/assets/images/map/j2_map.png";
import j3_map from "@/assets/images/map/j3_map.png";
import j4_map from "@/assets/images/map/j4_map.png";
import j5_map from "@/assets/images/map/j5_map.png";
import j7_map from "@/assets/images/map/j7_map.png";
import j9_map from "@/assets/images/map/j9_map.png";
import j10_map from "@/assets/images/map/j10_map.png";
import j11_map from "@/assets/images/map/j11_map.png";
export {
zcd,
dqfwzx,
cjrzj,
bxjsf,
bmfwzx,
csc,
tcc,
lnhds,
lqc,
zqc,
whgc,
lspd,
gc,
whlt,
njsw,
xxg,
j0,
j1,
j2,
j3,
j4,
j5,
j6,
j7,
j8,
j9,
j10,
j11,
j1_map,
j2_map,
j3_map,
j4_map,
j5_map,
j7_map,
j9_map,
j10_map,
j11_map,
}

View File

@ -132,7 +132,11 @@
:src="item.img" :src="item.img"
class="zyys_content_item_left" class="zyys_content_item_left"
:class="{ :class="{
imgB: item.name == '菜市场' || item.name == '停车场' || item.name == '文化广场'|| item.name == '残疾人之家', imgB:
item.name == '菜市场' ||
item.name == '停车场' ||
item.name == '文化广场' ||
item.name == '残疾人之家',
}" }"
/> />
<div class="zyys_content_item_right">{{ item.name }}</div> <div class="zyys_content_item_right">{{ item.name }}</div>
@ -406,27 +410,7 @@ import http from "@/utils/request.js";
import { VideoCamera } from "@element-plus/icons-vue"; import { VideoCamera } from "@element-plus/icons-vue";
// import xkz from "@/assets/json/xkz.json"; // import xkz from "@/assets/json/xkz.json";
// import cssj from "@/assets/json/cssj.json"; // import cssj from "@/assets/json/cssj.json";
import j0 from "@/assets/images/map/j0.png";
import j1 from "@/assets/images/map/j1.png";
import j2 from "@/assets/images/map/j2.png";
import j3 from "@/assets/images/map/j3.png";
import j4 from "@/assets/images/map/j4.png";
import j5 from "@/assets/images/map/j5.png";
import j6 from "@/assets/images/map/j6.png";
import j7 from "@/assets/images/map/j7.png";
import j8 from "@/assets/images/map/j8.png";
import j9 from "@/assets/images/map/j9.png";
import j10 from "@/assets/images/map/j10.png";
import j11 from "@/assets/images/map/j11.png";
import j1_map from "@/assets/images/map/j1_map.png";
import j2_map from "@/assets/images/map/j2_map.png";
import j3_map from "@/assets/images/map/j3_map.png";
import j4_map from "@/assets/images/map/j4_map.png";
import j5_map from "@/assets/images/map/j5_map.png";
import j7_map from "@/assets/images/map/j7_map.png";
import j9_map from "@/assets/images/map/j9_map.png";
import j10_map from "@/assets/images/map/j10_map.png";
import j11_map from "@/assets/images/map/j11_map.png";
import dwd from "@/assets/images/map/dwd.png"; import dwd from "@/assets/images/map/dwd.png";
import fwqbg1 from "@/assets/images/map/qlv.png"; import fwqbg1 from "@/assets/images/map/qlv.png";
import b2 from "@/assets/images/map/b2.png"; import b2 from "@/assets/images/map/b2.png";
@ -443,22 +427,45 @@ import {
DrawingType, DrawingType,
OperateEventType, OperateEventType,
} from "bmap-draw"; } from "bmap-draw";
import zcd from "@/assets/images/map/zcd.png"; import {
import dqfwzx from "@/assets/images/map/dqfwzx.png"; zcd,
import cjrzj from "@/assets/images/map/cjrzj.png"; dqfwzx,
import bxjsf from "@/assets/images/map/bxjsf.png"; cjrzj,
import bmfwzx from "@/assets/images/map/bmfwzx.png"; bxjsf,
import csc from "@/assets/images/map/csc.png"; bmfwzx,
import tcc from "@/assets/images/map/tcc.png"; csc,
import lnhds from "@/assets/images/map/lnhds.png"; tcc,
import lqc from "@/assets/images/map/lqc.png"; lnhds,
import zqc from "@/assets/images/map/zqc.png"; lqc,
import whgc from "@/assets/images/map/whgc.png"; zqc,
import lspd from "@/assets/images/map/lspd.png"; whgc,
import gc from "@/assets/images/map/gc.png"; lspd,
import whlt from "@/assets/images/map/whlt.png"; gc,
import njsw from "@/assets/images/map/njsw.png"; whlt,
import xxg from "@/assets/images/map/xxg.png"; njsw,
xxg,
j0,
j1,
j2,
j3,
j4,
j5,
j6,
j7,
j8,
j9,
j10,
j11,
j1_map,
j2_map,
j3_map,
j4_map,
j5_map,
j7_map,
j9_map,
j10_map,
j11_map,
} from "./img_map/map.js";
//--------------- //---------------
// //
const drawing = ref(false); const drawing = ref(false);

View File

@ -78,6 +78,29 @@
</div> </div>
<!-- <eP4 :list="data.list2"></eP4> --> <!-- <eP4 :list="data.list2"></eP4> -->
</div> </div>
<div class="flex1" style="flex: 1.1">
<div class="yd_title service">
<div class="animate-border">
<i></i>
<i></i>
</div>
</div>
<div class="choose">
<div
:class="jz[1].choose == '1' ? 'choose_1' : 'choose_2'"
@click="jzChange(1, '1')"
>
享受人数
</div>
<div
:class="jz[1].choose == '2' ? 'choose_1' : 'choose_2'"
@click="jzChange(1, '2')"
>
累计待遇金额
</div>
</div>
<!-- <eP4 :list="data.list2"></eP4> -->
</div>
</div> </div>
</div> </div>
</template> </template>
@ -253,7 +276,7 @@ const getData = async () => {
}; };
onBeforeMount(async () => { onBeforeMount(async () => {
getData(); // getData();
}); });
onMounted(() => {}); onMounted(() => {});
</script> </script>
@ -1162,7 +1185,7 @@ onMounted(() => {});
.choose { .choose {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 47px; margin-top: 17px;
margin-bottom: 20px; margin-bottom: 20px;
.choose_1 { .choose_1 {