xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-07-24 18:45:03 +08:00
parent dc0501c193
commit b3336a9a16
3 changed files with 42 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/view/guide.vue
View File

@ -11,7 +11,7 @@
<div class="rightPage"></div>
<div class="btnPage"></div>
<div class="btnPp"></div>
<div class="wall">
<div class="wall" @click="toPage(tabData.PageUrl)">
<!-- 旋转ring的dom元素实现整个照片墙的偏转 -->
<div
class="ring"
@ -143,6 +143,7 @@ window.addEventListener("resize", function () {
// 底部数据
const tabData = reactive({
tabNum: 0,
PageUrl: "/home/index/table",
tabList: [
{
name: "评估模型",
@ -214,6 +215,7 @@ const tabData = reactive({
});
const changeTab = (val) => {
tabData.PageUrl = tabData.scenList[val].url;
transTime.value = 0.8;
tabData.tabNum = val;
rotateY.value = 360 - 45 * val;
@ -343,6 +345,7 @@ body {
margin: auto;
margin-top: 190px;
pointer-events: all;
cursor: pointer;
}
.ring {
@ -575,5 +578,4 @@ body {
}
}
}
</style>

29
src/view/sy.vue
View File

@ -487,7 +487,7 @@
<div class="jtsyname">{{ data.jtsyList[0].name }}</div>
<div class="jtsytext">
{{ data.jtsyList[0].key1 }}：
<span>{{ data.jtsyList[0].key1_value }}</span>
<span>{{ data.jtsyList[0].key1_value }}人次</span>
</div>
<div>
{{ data.jtsyList[0].key2 }}：
@ -502,11 +502,11 @@
<div class="jtsyname">{{ data.jtsyList[1].name }}</div>
<div class="jtsytext">
{{ data.jtsyList[1].key1 }}：
<span>{{ data.jtsyList[1].key1_value }}</span>
<span>{{ data.jtsyList[1].key1_value }}人次</span>
</div>
<div>
{{ data.jtsyList[1].key2 }}：
<span>{{ data.jtsyList[1].key2_value }}h</span>
<span>{{ data.jtsyList[1].key2_value }}时</span>
</div>
</div>
</div>
@ -519,7 +519,7 @@
<div class="jtsyname">{{ data.jtsyList[2].name }}</div>
<div class="jtsytext">
{{ data.jtsyList[2].key1 }}：
<span>{{ data.jtsyList[2].key1_value }}</span>
<span>{{ data.jtsyList[2].key1_value }}条</span>
</div>
<div>
{{ data.jtsyList[2].key2 }}：
@ -534,7 +534,7 @@
<div class="jtsyname">{{ data.jtsyList[3].name }}</div>
<div class="jtsytext">
{{ data.jtsyList[3].key1 }}：
<span>{{ data.jtsyList[3].key1_value }}</span>
<span>{{ data.jtsyList[3].key1_value }}次</span>
</div>
<div>
{{ data.jtsyList[3].key2 }}：
@ -549,11 +549,11 @@
<div class="jtsyname">{{ data.jtsyList[4].name }}</div>
<div class="jtsytext">
{{ data.jtsyList[4].key1 }}：
<span>{{ data.jtsyList[4].key1_value }}</span>
<span>{{ data.jtsyList[4].key1_value }}次</span>
</div>
<div>
{{ data.jtsyList[4].key2 }}：
<span>{{ data.jtsyList[4].key2_value }}</span>
<span>{{ data.jtsyList[4].key2_value }}人次</span>
</div>
</div>
</div>
@ -1075,40 +1075,45 @@ const data = reactive({
name: "公共自行车",
key1: "骑行次数",
key1_value: "117231",
dw:"人次",
key2: "骑行时长",
key2_value: "1283h",
key2_value: "1283时",
img: ggjtimg,
},
{
name: "电动单车",
key1: "骑行次数",
key1_value: "1172491",
dw:"人次",
key2: "骑行时长",
key2_value: "1283h",
key2_value: "1283时",
img: ggjtimg1,
},
{
name: "公共汽车",
key1: "公交线路",
key1_value: "176",
dw:"条",
key2: "乘坐人次",
key2_value: "239741",
key2_value: "239741人次",
img: ggjtimg2,
},
{
name: "长途汽车",
key1: "班车次数",
key1_value: "133",
dw:"次",
key2: "客流量",
key2_value: "192874",
key2_value: "192874人次",
img: ggjtimg3,
},
{
name: "高铁",
key1: "列车班次",
key1_value: "23",
dw:"次",
key2: "客流量",
key2_value: "113414",
key2_value: "113414人次",
img: ggjtimg4,
},
],

30
src/view/sy_map.vue
View File

@ -200,6 +200,7 @@ const csh = () => {
//选中社区
const chooseCsList = ref([]);
const unChooseList = ref([]);
const sqname = ref();
//中心点坐标
const center_now = ref([]);
const center_center = ref([119.178783, 29.034583]);
@ -367,14 +368,22 @@ const xkzCenter = reactive([
var map = null;
// 鼠标点击添加点位
let currentMarker = null; // 用于保存当前标记的引用
const BMAP = () => {
const BMAP = (name) => {
// console.log(name, 666);
// 添加鼠标点击事件监听器
map.addEventListener("click", function (e) {
// console.log(e.latlng, name, 777);
xkzCenter.forEach((item, index) => {
if (item.name == name) {
item.center = [e.latlng.lng, e.latlng.lat];
}
});
// console.log(xkzCenter,888);
// addCs();
// 检查并移除当前标记
if (currentMarker !== null) {
map.removeOverlay(currentMarker);
}
// 创建新标记
let icons = new BMapGL.Icon(AED, new BMapGL.Size(24, 62));
var marker = new BMapGL.Marker(
@ -387,6 +396,7 @@ const BMAP = () => {
// 将新标记添加到地图中并更新当前标记引用
map.addOverlay(marker);
currentMarker = marker;
// addCs();
});
};
@ -401,7 +411,7 @@ const initMap = () => {
//渲染地块
addPolygonCounty();
//添加街道名
BMAP();
// BMAP();
addJd();
};
const loadTown = () => {
@ -446,7 +456,7 @@ const addPolygonCounty = () => {
map.addOverlay(polygon);
polygon.addEventListener("click", () => {
console.log(item.name);
// console.log(11111, item.name);
// if(item.name !== "溪口镇"){
// jrcs.value=false;
@ -459,9 +469,9 @@ const addPolygonCounty = () => {
// jrcs.value=true;
if (item.name == cfjiedao.value) {
console.log(2222);
// console.log(2222);
} else {
console.log(111);
// console.log(111);
cfjiedao.value = item.name;
let jdCenter = [];
if (item.name == "溪口镇") {
@ -560,7 +570,7 @@ const addPolygonCountyCs = () => {
});
map.addOverlay(cs_qk_arr.value[index]);
cs_qk_arr.value[index].addEventListener("click", () => {
console.log(item.name);
console.log(66666666, item.name);
console.log(111, xkzDk);
chooseCsList.value.length = 0;
unChooseList.value.length = 0;
@ -586,7 +596,9 @@ const addPolygonCountyCs = () => {
//添加选中社区
const addCsChoose = () => {
chooseCsList.value.map((item, index) => {
console.log("item", item);
console.log("item11", item.name);
sqname.value = item.name;
BMAP(item.name);
let fillColor = "blue";
//地区的坐标范围
let points = [];
@ -1869,7 +1881,7 @@ const getData = async (i, e) => {
personTotal.value[0].rksl = res.data.total;
personTotal.value[0].ages = "总人口";
res.data.age.forEach((item, index) => {
console.log(index);
// console.log(index);
personTotal.value.push({
id: index + 1,
rksl: item.rksl,