liyongle
3 years ago
@ -0,0 +1,56 @@ |
|||
{ |
|||
"code": 200, |
|||
"msg": "操作成功", |
|||
"data": [ |
|||
{ |
|||
"id": 193, |
|||
"title": "SKP-S", |
|||
"content": { |
|||
"name": "SKP-S", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/skps.png" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 194, |
|||
"title": "全部区域", |
|||
"content": { |
|||
"name": "全部区域", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/all.svg" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 195, |
|||
"title": "K大道", |
|||
"content": { |
|||
"name": "K大道", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/k.png" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 196, |
|||
"title": "美食大道", |
|||
"content": { |
|||
"name": "美食大道", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/food.png" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 197, |
|||
"title": "SKP", |
|||
"content": { |
|||
"name": "SKP", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/skp.png" |
|||
] |
|||
} |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,114 @@ |
|||
{ |
|||
"code": 200, |
|||
"msg": "操作成功", |
|||
"data": [ |
|||
{ |
|||
"id": 171, |
|||
"title": "1", |
|||
"content": { |
|||
"name": "花之泉广场", |
|||
"nameEn": "NORTH ENTRANCE FOUNTAIN SQUARE", |
|||
"point": "0_0_65" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 172, |
|||
"title": "2", |
|||
"content": { |
|||
"name": "魔法水星", |
|||
"nameEn": "MAGIC WATER BALL ", |
|||
"point": "0_0_9" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 173, |
|||
"title": "3", |
|||
"content": { |
|||
"name": "家庭乐园", |
|||
"nameEn": "THE FAMILY PARK", |
|||
"point": "0_0_1" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 174, |
|||
"title": "4", |
|||
"content": { |
|||
"name": "精灵之泉", |
|||
"nameEn": "THE FOUNTAIN PLAYGROUND", |
|||
"point": "0_0_161" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 175, |
|||
"title": "1", |
|||
"content": { |
|||
"name": "花之泉广场", |
|||
"nameEn": "NORTH ENTRANCE FOUNTAIN SQUARE", |
|||
"point": "0_0_65" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 176, |
|||
"title": "2", |
|||
"content": { |
|||
"name": "魔法水星", |
|||
"nameEn": "MAGIC WATER BALL ", |
|||
"point": "0_0_9" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 177, |
|||
"title": "3", |
|||
"content": { |
|||
"name": "家庭乐园", |
|||
"nameEn": "THE FAMILY PARK", |
|||
"point": "0_0_1" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 178, |
|||
"title": "4", |
|||
"content": { |
|||
"name": "精灵之泉", |
|||
"nameEn": "THE FOUNTAIN PLAYGROUND", |
|||
"point": "0_0_161" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 180, |
|||
"title": "1", |
|||
"content": { |
|||
"name": "花之泉广场", |
|||
"nameEn": "NORTH ENTRANCE FOUNTAIN SQUARE", |
|||
"point": "0_0_65" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 181, |
|||
"title": "2", |
|||
"content": { |
|||
"name": "魔法水星", |
|||
"nameEn": "MAGIC WATER BALL ", |
|||
"point": "0_0_9" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 182, |
|||
"title": "3", |
|||
"content": { |
|||
"name": "家庭乐园", |
|||
"nameEn": "THE FAMILY PARK", |
|||
"point": "0_0_1" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 183, |
|||
"title": "4", |
|||
"content": { |
|||
"name": "精灵之泉", |
|||
"nameEn": "THE FOUNTAIN PLAYGROUND", |
|||
"point": "0_0_161" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,91 @@ |
|||
{ |
|||
"code": 200, |
|||
"msg": "操作成功", |
|||
"data": [ |
|||
{ |
|||
"id": 198, |
|||
"title": "猩猩的太空漫步", |
|||
"content": { |
|||
"name": "猩猩的太空漫步", |
|||
"nameEn": "dddd", |
|||
"file_code": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/vwcYXFrhK1CbEB6uFy76R.png" |
|||
], |
|||
"point": "0_0_4", |
|||
"content": "vnasfkvl", |
|||
"contentEn": "fwefwqe", |
|||
"icon": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/DEB6NDQ8975GvfR5yKclw.png" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 199, |
|||
"title": "共生", |
|||
"content": { |
|||
"name": "共生", |
|||
"nameEn": "dddd", |
|||
"file_code": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/CkR9FMDrKtej6Rt0GDAUR.png" |
|||
], |
|||
"point": "0_0_129", |
|||
"content": "1235", |
|||
"contentEn": "fwerf", |
|||
"icon": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/RyWHWQugQvDwEjEY_MwHb.png" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 200, |
|||
"title": "超新星", |
|||
"content": { |
|||
"name": "超新星", |
|||
"nameEn": "dddd", |
|||
"file_code": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/6DH-CKwe8pzVt4qmP-Knm.png" |
|||
], |
|||
"point": "0_0_129", |
|||
"content": "1326", |
|||
"contentEn": "56456", |
|||
"icon": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/ea-Q5M6K-ri1xw3UfY18_.png" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 201, |
|||
"title": "盛开的山谷", |
|||
"content": { |
|||
"name": "盛开的山谷", |
|||
"nameEn": "dadd", |
|||
"file_code": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/fH0IKTz9Nhg7nnVhtJg_o.png" |
|||
], |
|||
"point": "0_0_84", |
|||
"content": "i7u", |
|||
"contentEn": "hhrt", |
|||
"icon": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/j49AhcyUGy3ooRveXNTAt.png" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 202, |
|||
"title": "琥珀", |
|||
"content": { |
|||
"name": "琥珀", |
|||
"nameEn": "t534", |
|||
"file_code": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/rQjWB5AzY05NM7YSmWgtT.png" |
|||
], |
|||
"point": "0_0_84", |
|||
"content": "213", |
|||
"contentEn": "545", |
|||
"icon": [ |
|||
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230713/GeJT_PoeLfW6e2SgxCGmQ.png" |
|||
] |
|||
} |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,72 @@ |
|||
{ |
|||
"code": 200, |
|||
"msg": "操作成功", |
|||
"data": [ |
|||
{ |
|||
"id": 181, |
|||
"title": "1", |
|||
"content": { |
|||
"name": "", |
|||
"floorOrder": "0", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/minMap.svg" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 182, |
|||
"title": "2", |
|||
"content": { |
|||
"name": "", |
|||
"floorOrder": "1", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/minMap.svg" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 183, |
|||
"title": "3", |
|||
"content": { |
|||
"name": "", |
|||
"floorOrder": "2", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/minMap.svg" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 184, |
|||
"title": "4", |
|||
"content": { |
|||
"name": "", |
|||
"floorOrder": "3", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/minMap.svg" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 185, |
|||
"title": "5", |
|||
"content": { |
|||
"name": "", |
|||
"floorOrder": "4", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/minMap.svg" |
|||
] |
|||
} |
|||
}, |
|||
{ |
|||
"id": 186, |
|||
"title": "6", |
|||
"content": { |
|||
"name": "", |
|||
"floorOrder": "5", |
|||
"file_code": [ |
|||
"/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/minMap.svg" |
|||
] |
|||
} |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,102 @@ |
|||
{ |
|||
"code": 200, |
|||
"msg": "操作成功", |
|||
"data": [ |
|||
{ |
|||
"id": 91, |
|||
"moduleName": "地图导览", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/", |
|||
"sort": 1, |
|||
"moduleNameEn": "MAP", |
|||
"moduleDescription": "导览", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
}, |
|||
{ |
|||
"id": 92, |
|||
"moduleName": "品牌列表", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/brand", |
|||
"sort": 2, |
|||
"moduleNameEn": "BRAND", |
|||
"moduleDescription": "品牌", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
}, |
|||
{ |
|||
"id": 93, |
|||
"moduleName": "活动精选", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/activity", |
|||
"sort": 3, |
|||
"moduleNameEn": "SELECTION", |
|||
"moduleDescription": "活动", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
}, |
|||
{ |
|||
"id": 94, |
|||
"moduleName": "会员专享", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/member", |
|||
"sort": 4, |
|||
"moduleNameEn": "MEMBER", |
|||
"moduleDescription": "会员", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
}, |
|||
{ |
|||
"id": 95, |
|||
"moduleName": "自主寻车", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/parking", |
|||
"sort": 5, |
|||
"moduleNameEn": "PARKING", |
|||
"moduleDescription": "泊车", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
}, |
|||
{ |
|||
"id": 96, |
|||
"moduleName": "贴心服务", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/service", |
|||
"sort": 6, |
|||
"moduleNameEn": "SERVICE", |
|||
"moduleDescription": "服务", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
}, |
|||
{ |
|||
"id": 97, |
|||
"moduleName": "交通信息", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/traffic", |
|||
"sort": 7, |
|||
"moduleNameEn": "TRAFFIC", |
|||
"moduleDescription": "交通", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
}, |
|||
{ |
|||
"id": 98, |
|||
"moduleName": "艺术装置", |
|||
"moduleLogo": "/iotFile/project-odubitlp9mjy2wyuqkpfga/20230609/activity.svg", |
|||
"routePath": "/art", |
|||
"sort": 8, |
|||
"moduleNameEn": "ARTWORK", |
|||
"moduleDescription": "艺术装置", |
|||
"moduleDisplay": 1, |
|||
"projectCode": "project-ey_fpaur6s6fkgvszywana", |
|||
"isDelete": 0 |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
{ |
|||
"code": 200, |
|||
"msg": "操作成功", |
|||
"data": [ |
|||
{ |
|||
"id": 178, |
|||
"title": "1", |
|||
"content": { |
|||
"name": "车行通道", |
|||
"nameEn": "TRAVEL LANE", |
|||
"backgroundColor": "#615C59", |
|||
"borderColor": "#615C59" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 179, |
|||
"title": "2", |
|||
"content": { |
|||
"name": "人行通道", |
|||
"nameEn": "PEDESTRIAN LANE", |
|||
"backgroundColor": "#FFFFFF", |
|||
"borderColor": "#615C59" |
|||
} |
|||
}, |
|||
{ |
|||
"id": 180, |
|||
"title": "3", |
|||
"content": { |
|||
"name": "水景", |
|||
"nameEn": "WATERSCAPE", |
|||
"backgroundColor": "#61B5D0", |
|||
"borderColor": "#61B5D0" |
|||
} |
|||
} |
|||
] |
|||
} |
|||
|
Before Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 2.5 MiB |
|
Before Width: | Height: | Size: 2.8 MiB |
|
Before Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 93 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 2.6 MiB |
|
Before Width: | Height: | Size: 691 KiB |
|
Before Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 2.6 MiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 2.8 MiB |
|
Before Width: | Height: | Size: 2.4 MiB |
|
Before Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 2.4 MiB |
|
Before Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 2.9 MiB |
|
Before Width: | Height: | Size: 2.5 MiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.4 MiB |
|
Before Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.4 MiB |
|
Before Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 703 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 195 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 2.6 MiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 2.9 MiB |
|
Before Width: | Height: | Size: 2.5 MiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 196 KiB After Width: | Height: | Size: 196 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 696 B |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 947 B |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 983 B |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 654 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 681 B |
|
Before Width: | Height: | Size: 587 B |
|
Before Width: | Height: | Size: 571 B |
@ -0,0 +1,211 @@ |
|||
<template> |
|||
<div class="recommend-container"> |
|||
<div class="masker" @click="close"></div> |
|||
<div class="close-icon" @click="close"> |
|||
<img src="@/assets/images/shopDetail/close.svg" alt="" /> |
|||
</div> |
|||
|
|||
<div class="content"> |
|||
<div class="name-container"> |
|||
<div class="name">餐饮推荐</div> |
|||
<div class="line">/</div> |
|||
<div class="nameEn">DINING RECOMMENDATION</div> |
|||
</div> |
|||
<ScrollView v-if="list?.length" :pull-up="false" observe-image :list="list" class="shop-scroll" scrollbar> |
|||
<div v-masonry transition-duration="0.5s" :gutter="24" class="item" item-selector=".card"> |
|||
<div v-for="(item, index) in list" :key="index" v-masonry-tile class="card" @click="clickShop(item)"> |
|||
<img :src="item.fileUrl" alt="" class="imgs" /> |
|||
<div class="bottom"> |
|||
<div class="name">{{ switchLanguage(item, 'name') }}</div> |
|||
<div v-if="item.shopCode" class="pos"> |
|||
<div class="shopName">{{ switchLanguage(item, 'shopName') }}</div> |
|||
<div class="number"> |
|||
<img src="" alt="" /> |
|||
<div>{{ item.houseNumber }}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</ScrollView> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { toRefs } from 'vue' |
|||
import { useRootStore } from '@/store/root' |
|||
import { useRouter } from 'vue-router' |
|||
import { useSwitchLanguage } from '@/composables/useSwitchLanguage' |
|||
import Brand from '@/utils/Class/Brand' |
|||
import ScrollView from '@/base/ScrollView/ScrollView.vue' |
|||
const store = useRootStore() |
|||
const { shopList } = toRefs(store) |
|||
const list: any = [] |
|||
const router = useRouter() |
|||
const { switchLanguage } = useSwitchLanguage() |
|||
|
|||
const emits = defineEmits(['close']) |
|||
function close() { |
|||
emits('close') |
|||
} |
|||
function clickShop(item: FeaturedList) { |
|||
if (item.shopCode) { |
|||
const arr = shopList.value.filter(shop => shop.shopCode === item.shopCode) |
|||
store.SET_SHOP(arr[0]) |
|||
store.SET_SHOW_DETAIL(true) |
|||
} else { |
|||
store.SET_SHOP( |
|||
new Brand({ |
|||
shopName: item.name, |
|||
floorOrder: item.floorOrder, |
|||
floor: item.floor, |
|||
logoUrl: item.fileUrl, |
|||
yaxis: item.point, |
|||
shopCode: item.shopCode, |
|||
shopNameEn: item.nameEn |
|||
}) |
|||
) |
|||
router.push('/nav') |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.recommend-container { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1001; |
|||
width: 1920px; |
|||
height: 1080px; |
|||
background: rgb(142 144 145 / 50%); |
|||
backdrop-filter: blur(50px); |
|||
|
|||
.masker { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1; |
|||
width: 1920px; |
|||
height: 1080px; |
|||
} |
|||
.close-icon { |
|||
@include fl(center); |
|||
|
|||
position: fixed; |
|||
top: 72px; |
|||
right: 128px; |
|||
z-index: 3; |
|||
width: 100px; |
|||
height: 100px; |
|||
background: rgb(255 255 255 / 60%); |
|||
border: 2px solid #fff; |
|||
border-radius: 50px; |
|||
backdrop-filter: blur(20px); |
|||
img { |
|||
width: 48px; |
|||
height: 48px; |
|||
} |
|||
} |
|||
|
|||
.content { |
|||
position: fixed; |
|||
top: 112px; |
|||
left: 160px; |
|||
z-index: 2; |
|||
width: 1600px; |
|||
height: 856px; |
|||
padding-top: 48px; |
|||
padding-left: 74px; |
|||
background: #f5f5f5; |
|||
border-radius: 24px; |
|||
.name-container { |
|||
@include fl(); |
|||
.name { |
|||
font-size: 48px; |
|||
font-family: 'font_bold'; |
|||
color: #534f46; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 56px; |
|||
} |
|||
.line { |
|||
margin: 0 20px; |
|||
font-size: 48px; |
|||
font-family: 'font_regular'; |
|||
color: #615c59; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 56px; |
|||
} |
|||
.nameEn { |
|||
font-size: 20px; |
|||
font-family: 'font_regular'; |
|||
color: #615c59; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
} |
|||
} |
|||
.shop-scroll { |
|||
overflow: hidden; |
|||
height: 712px; |
|||
.item { |
|||
display: block; |
|||
.card { |
|||
width: 354px; |
|||
margin-bottom: 12px; |
|||
.imgs { |
|||
width: 354px; |
|||
background: #fff; |
|||
border-radius: 16px 16px 0 0; |
|||
} |
|||
.bottom { |
|||
width: 354px; |
|||
padding: 20px 30px; |
|||
background: rgb(255 255 255 / 80%); |
|||
border-radius: 0 0 16px 16px; |
|||
.name { |
|||
@include no-wrap; |
|||
|
|||
width: 290px; |
|||
margin-bottom: 4px; |
|||
font-size: 20px; |
|||
font-family: font-bold; |
|||
color: rgb(0 0 0 / 80%); |
|||
font-weight: 700; |
|||
line-height: 28px; |
|||
} |
|||
.pos { |
|||
@include fl(space-between); |
|||
|
|||
font-size: 14px; |
|||
font-family: font-bold; |
|||
color: #8e9090; |
|||
font-weight: 700; |
|||
line-height: 22px; |
|||
.shopName { |
|||
@include no-wrap; |
|||
|
|||
max-width: 190px; |
|||
} |
|||
.number { |
|||
@include fl(); |
|||
@include no-wrap; |
|||
|
|||
max-width: 80px; |
|||
img { |
|||
width: 16px; |
|||
height: 16px; |
|||
margin-right: 8px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,19 +0,0 @@ |
|||
import { ref, shallowRef, toRefs } from 'vue' |
|||
import { useRootStore } from '@/store/root' |
|||
import { hideMapDialog } from '@/composables/useInitMap' |
|||
export const useArea = () => { |
|||
const store = useRootStore() |
|||
const { shopList, device } = toRefs(store) |
|||
|
|||
const areaName = ref('全部区域') //楼层选中索引
|
|||
const selectedShopListA = shallowRef<Shop[]>(shopList.value.filter(item => item.floor === device.value.floor)) //选中楼层的店铺列表
|
|||
|
|||
// 切换楼层
|
|||
function changeArea(name: string) { |
|||
areaName.value = name |
|||
selectedShopListA.value = shopList.value.filter(item => item.floor === name) |
|||
hideMapDialog() |
|||
} |
|||
|
|||
return { areaName, selectedShopListA, changeArea } |
|||
} |
|||
@ -0,0 +1,8 @@ |
|||
import { request } from '@/http/http' |
|||
import { PREFIX } from '@/enums' |
|||
|
|||
//获取艺术列表
|
|||
export const getArtList = () => request<Art[]>({ url: `${PREFIX.STATIC_URL}/JSON/getArtList.json` }) |
|||
|
|||
// 获取艺术装置列表
|
|||
export const getArtWorkList = () => request<ArtPlace[]>({ url: `${PREFIX.STATIC_URL}/JSON/getArtWorkList.json` }) |
|||
@ -0,0 +1,4 @@ |
|||
import { request } from '../../http' |
|||
import { PREFIX } from '@/enums' |
|||
// 菜单列表
|
|||
export const getMenuList = () => request<MenuType[]>({ url: `${PREFIX.STATIC_URL}/JSON/getHomeBtn.json` }) |
|||
@ -1,7 +1,8 @@ |
|||
import { request } from '../../http' |
|||
import { getPrefixUrl } from '../../http' |
|||
import { PREFIX } from '@/enums' |
|||
//找车
|
|||
export const getFindCar = (license: string) => |
|||
request<CarInfo>({ url: `${getPrefixUrl().interfaceUrl}/ThirdPark/GetPlaceInfo?carCode=${license}` }) |
|||
|
|||
export const getParkingInfo = () => request<ParkingInfo>({ url: `/JSON/getParkingInfo.json` }) |
|||
export const getParkingInfo = () => request<ParkingInfo>({ url: `${PREFIX.STATIC_URL}/JSON/getParkingInfo.json` }) |
|||
|
|||
@ -0,0 +1,5 @@ |
|||
import { request } from '@/http/http' |
|||
import { PREFIX } from '@/enums' |
|||
|
|||
//获取地图图示列表
|
|||
export const getPlaceList = () => request<PlaceType[]>({ url: `${PREFIX.STATIC_URL}/JSON/getPlaceList.json` }) |
|||
@ -1,7 +1,10 @@ |
|||
import { request } from '../../http' |
|||
import type { Query, Clickquery } from './types' |
|||
import { getPrefixUrl } from '@/http/http' |
|||
//数据统计
|
|||
export const getStatistics = (data: Query) => request({ url: `/analysis/v1/web/deviceUseClickDataUpload`, data, method: 'post' }) |
|||
export const getStatistics = (data: Query) => |
|||
request({ url: `${getPrefixUrl().interfaceUrl}/analysis/v1/web/deviceUseClickDataUpload`, data, method: 'post' }) |
|||
|
|||
//数据统计(模块点击、活动点击、使用人次点击)
|
|||
export const getGuideClickDataUpload = (data: Clickquery) => request({ url: '/analysis/v1/web/guideClickDataUpload', data, method: 'post' }) |
|||
export const getGuideClickDataUpload = (data: Clickquery) => |
|||
request({ url: `${getPrefixUrl().interfaceUrl}/analysis/v1/web/guideClickDataUpload`, data, method: 'post' }) |
|||
|
|||
@ -0,0 +1,23 @@ |
|||
declare type Art = { |
|||
id: number |
|||
title: string |
|||
content: { |
|||
name: string |
|||
nameEn: string |
|||
point: string |
|||
} |
|||
} |
|||
|
|||
declare type ArtPlace = { |
|||
id: number |
|||
title: string |
|||
content: { |
|||
name: string |
|||
nameEn: string |
|||
file_code: string[] |
|||
point: string |
|||
content: string |
|||
contentEn: string |
|||
icon: string[] |
|||
} |
|||
} |
|||