chenkainan
/
changshu_map
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

打包

master
chenkainan 3 months ago
parent
9217b3a67b
commit
cce78a2db8
6 changed files with 108 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      dist/index.html
  2. 2
      dist/static/css/app.6c3afbd5.css
  3. 1
      dist/static/js/app.ae059f5a.js
  4. 1
      dist/static/js/app.e0ffc1f6.js
  5. 2
      src/libs/utils.js
  6. 111
      src/views/Index.vue

2
dist/index.html
View File

@ -1 +1 @@
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><link rel="icon" href="favicon.ico"><title>地图</title><script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=YVOBZ-MWJ3Z-34IXK-7J2GL-O33US-QLF5X"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script defer="defer" src="/static/js/chunk-vendors.ae711bda.js"></script><script defer="defer" src="/static/js/app.ae059f5a.js"></script><link href="/static/css/chunk-vendors.befb54be.css" rel="stylesheet"><link href="/static/css/app.1d534f9a.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but taihulake doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html> <!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><link rel="icon" href="favicon.ico"><title>地图</title><script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=YVOBZ-MWJ3Z-34IXK-7J2GL-O33US-QLF5X"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script defer="defer" src="/static/js/chunk-vendors.ae711bda.js"></script><script defer="defer" src="/static/js/app.e0ffc1f6.js"></script><link href="/static/css/chunk-vendors.befb54be.css" rel="stylesheet"><link href="/static/css/app.6c3afbd5.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but taihulake doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

2
dist/static/css/app.1d534f9a.css → dist/static/css/app.6c3afbd5.css
View File

File diff suppressed because one or more lines are too long

1
dist/static/js/app.ae059f5a.js
View File

File diff suppressed because one or more lines are too long

1
dist/static/js/app.e0ffc1f6.js
View File

File diff suppressed because one or more lines are too long

2
src/libs/utils.js
View File

@ -91,7 +91,7 @@ export default {
}else if(item.link_type == 2){ }else if(item.link_type == 2){
// 外部H5 // 外部H5
// window.location.href = item.ext_link // window.location.href = item.ext_link
window.location.href = 'https://m.cloud.sz-trip.com/MailMerchandiseDetail?type=ticket&id=' + item.id window.location.href = 'https://m.cloud.sz-trip.com/MailMerchandiseDetail?type=ticket&platform=changshu&id=' + item.id
return return
} }
// switch (item.genre){ // switch (item.genre){

111
src/views/Index.vue
View File

@ -1,16 +1,23 @@
<template> <template>
<div> <div>
<div id="mapContainer" class="mapContainer"></div> <div id="mapContainer" class="mapContainer"></div>
<!-- 搜索框 --> <!-- 搜索框 -->
<div class="search-box flex-around"> <van-popup v-model="isSearch" position="top">
<div class="search-box flex-around">
</div> <input type="text" v-model="keyword" placeholder="请输入搜索关键字">
<div class="search-text" @click="search">搜索</div>
</div>
<div class="search-result" v-if="isSearch && searchList.length > 0">
<div class="search-item" v-for="(item,index) in searchList" @click="searchClick(item)">
{{item.name}}
</div>
</div>
</van-popup>
<!-- 点位分类 --> <!-- 点位分类 -->
<div class="type-box" v-if="typeShow"> <div class="type-box" v-if="typeShow">
<div class="search"> <div class="search" @click="keyword = ''; searchList = []; isSearch = true">
<img src="https://static.ticket.sz-trip.com/changshu/images/map/search.png" alt="" /> <img src="https://static.ticket.sz-trip.com/changshu/images/map/search.png" alt="" />
搜索 搜索
</div> </div>
@ -143,7 +150,10 @@
detailContent: '', detailContent: '',
imgList: '', imgList: '',
isCanBuy: false, isCanBuy: false,
tel: '' tel: '',
keyword: '',
isSearch: false,
searchList: []
}; };
}, },
mounted() { mounted() {
@ -209,7 +219,7 @@
}, },
// 根据code、热点分类获取热点 // 根据code、热点分类获取热点
getSpotsByCategory(index) { getSpotsByCategory(index) {
this.typeIndex = index if (index > -1) this.typeIndex = index
this.post({ this.post({
code: this.areaList[this.areaIndex].code, code: this.areaList[this.areaIndex].code,
category_id: this.mapType[this.typeIndex].id category_id: this.mapType[this.typeIndex].id
@ -227,6 +237,51 @@
if (this.maps.length > 0) this.setMarkers() if (this.maps.length > 0) this.setMarkers()
}) })
}, },
// 搜索
search() {
this.post({
code: this.areaList[this.areaIndex].code,
category_id: this.mapType[this.typeIndex].id,
keyword: this.keyword
}, '/api/emap/getSpotsByCategory').then(res => {
this.searchList = res.data
})
},
// 点击搜索结果
searchClick(item) {
this.isSearch = false
// 设置地图中心
this.changeMapCenter(JSON.parse(item.poi))
// 查找当前搜索结果对应的点位数据
const markerData = this.maps.find(marker => {
// 根据id或name匹配对应的点位（根据实际数据结构调整）
return marker.id === item.id || marker.name === item.name;
});
if (markerData) {
// 构造模拟的标记点点击事件数据
const mockEvent = {
geometry: {
id: markerData.goods ? markerData.goods.id : '',
genre: markerData.goods ? markerData.goods.genre : '',
name: markerData.name,
address: markerData.address,
audioSrc: markerData.audio_file,
spotId: markerData.id,
detailContent: markerData.detail_content,
imgList: markerData.album_images,
tel: markerData.tel,
position: new TMap.LatLng(
JSON.parse(markerData.poi)[1],
JSON.parse(markerData.poi)[0]
)
}
};
// 触发标记点点击事件
this.markerClick(mockEvent);
}
},
// 查询是否有我的线路 // 查询是否有我的线路
getMyLine() { getMyLine() {
this.post({ this.post({
@ -337,7 +392,7 @@
this.maps.forEach(item => { this.maps.forEach(item => {
markers.push({ markers.push({
"styleId": 'marker', "styleId": 'marker',
id: item.goods.id, // 产品id id: item.goods ? item.goods.id : '', // 产品id
genre: item.goods ? item.goods.genre : '', // 产品类型 genre: item.goods ? item.goods.genre : '', // 产品类型
name: item.name, // 产品名称 name: item.name, // 产品名称
address: item.address, // 详情地址, address: item.address, // 详情地址,
@ -352,7 +407,8 @@
labels.push({ labels.push({
id: 'label', // 点图形数据的标志信息 id: 'label', // 点图形数据的标志信息
styleId: 'label', // 样式id styleId: 'label', // 样式id
position: new TMap.LatLng(JSON.parse(item.poi)[1], JSON.parse(item.poi)[0]), // 标注点位置 position: new TMap.LatLng(JSON.parse(item.poi)[1], JSON.parse(item.poi)[
0]), // 标注点位置
content: item.name, // 标注文本 content: item.name, // 标注文本
properties: { properties: {
// 标注点的属性数据 // 标注点的属性数据
@ -455,7 +511,7 @@
}, '/api/product/get_product_detail').then(res => { }, '/api/product/get_product_detail').then(res => {
if (res.data) { if (res.data) {
// 酒店类型展示购买按钮 // 酒店类型展示购买按钮
if(evt.geometry.genre == 'ticket') { if (evt.geometry.genre == 'ticket') {
this.isCanBuy = true this.isCanBuy = true
this.productType = true this.productType = true
} }
@ -709,10 +765,37 @@
width: 750px; width: 750px;
height: 93px; height: 93px;
background: #FFFFFF; background: #FFFFFF;
position: fixed;
top: 0; input {
left: 0; width: 593px;
z-index: 9999; height: 60px;
background: #F2F2F2;
border-radius: 13px;
font-weight: 500;
font-size: 27px;
color: #999999;
border: none;
padding: 0 20px;
}
.search-text {
font-weight: bold;
font-size: 27px;
color: #00AEA0;
margin-right: 10px;
}
}
.search-result {
width: 100%;
padding: 0 28px;
.search-item {
font-weight: 500;
font-size: 27px;
color: #111111;
margin: 30px 0;
}
} }
.type-box { .type-box {

Write Preview
Loading…
Cancel
Save