提交 55d4d835 作者: ZhangLingKun

Merge branch 'develop'

...@@ -13,4 +13,4 @@ patches: ...@@ -13,4 +13,4 @@ patches:
images: images:
- name: REGISTRY/NAMESPACE/IMAGE:TAG - name: REGISTRY/NAMESPACE/IMAGE:TAG
newName: mmc-registry.cn-shenzhen.cr.aliyuncs.com/sharefly-dev/h5 newName: mmc-registry.cn-shenzhen.cr.aliyuncs.com/sharefly-dev/h5
newTag: fd29e8b214f66be537ad4af0b51742bfb5b46d08 newTag: e748e155ed05e7ae1fbd92eb6610101f9d62f7ba
...@@ -21,4 +21,6 @@ onHide(() => { ...@@ -21,4 +21,6 @@ onHide(() => {
<style lang="scss"> <style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */ /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import 'uview-plus/theme.scss'; @import 'uview-plus/theme.scss';
//动画
@import '@/static/style/animate.css';
</style> </style>
<template> <template>
<view class="network-list"> <view class="network-list animate__animated animate__fadeIn">
<scroll-view v-if="!isclick" class="list-view" scroll-y> <scroll-view v-if="!isclick" class="list-view" scroll-y>
<view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)"> <view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)">
<image class="item-image" :src="i.brandLogo" mode="widthFix" /> <image class="item-image" :src="i.brandLogo" mode="widthFix" />
...@@ -35,13 +35,9 @@ ...@@ -35,13 +35,9 @@
<view class="item-distance">据你{{ i.distance }}km </view> <view class="item-distance">据你{{ i.distance }}km </view>
</view> </view>
</scroll-view> </scroll-view>
<scroll-view v-else class="list-view-click" scroll-y> <scroll-view v-else class="list-view-click animate__animated animate__slideInRight" scroll-y>
<view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)"> <view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)">
<image <image class="item-image" :src="i.brandLogo" mode="widthFix" />
class="item-image"
src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/e9381486ae2144058e2743f3a92178ce_mergeImage.png"
mode="widthFix"
/>
<view class="item-content"> <view class="item-content">
<view class="content-title">{{ i.companyName }}</view> <view class="content-title">{{ i.companyName }}</view>
<view class="serve"> <view class="serve">
...@@ -95,14 +91,16 @@ onMounted(() => { ...@@ -95,14 +91,16 @@ onMounted(() => {
.network-list { .network-list {
position: fixed; position: fixed;
// top: calc(100vh - 704rpx + 110rpx); // top: calc(100vh - 704rpx + 110rpx);
bottom: 44rpx; //bottom: 44rpx;
bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 20; z-index: 20;
.list-view { .list-view {
height: calc(100vh - 156rpx - 110rpx - (100vh - 504rpx)); //height: calc(100vh - 156rpx - 110rpx - (100vh - 504rpx));
// 屏幕高度 - 底部 - 搜索 - 地图 // 屏幕高度 - 底部 - 搜索 - 地图
height: 424rpx; //height: 424rpx;
height: 464rpx;
overflow-y: auto; overflow-y: auto;
//background-color: lightpink; //background-color: lightpink;
background-color: #fff; background-color: #fff;
...@@ -142,6 +140,7 @@ onMounted(() => { ...@@ -142,6 +140,7 @@ onMounted(() => {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 16rpx;
} }
.serve { .serve {
display: flex; display: flex;
...@@ -153,7 +152,7 @@ onMounted(() => { ...@@ -153,7 +152,7 @@ onMounted(() => {
height: 32rpx; height: 32rpx;
padding: 0 6rpx; padding: 0 6rpx;
line-height: 28rpx; line-height: 28rpx;
height: 28rpx; //height: 28rpx;
background: linear-gradient(270deg, #fff1ec 0%, #ffffff 54%, #ffe5db 100%); background: linear-gradient(270deg, #fff1ec 0%, #ffffff 54%, #ffe5db 100%);
border-radius: 4rpx; border-radius: 4rpx;
border: 1rpx solid #ffb099; border: 1rpx solid #ffb099;
...@@ -205,7 +204,7 @@ onMounted(() => { ...@@ -205,7 +204,7 @@ onMounted(() => {
.item-distance { .item-distance {
position: absolute; position: absolute;
right: 22rpx; right: 22rpx;
top: 38rpx; top: 18rpx;
// width: 90rpx; // width: 90rpx;
height: 28rpx; height: 28rpx;
font-size: 20rpx; font-size: 20rpx;
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<text>列表</text> <text>列表</text>
</view> </view>
<!-- 入驻飞享云 --> <!-- 入驻飞享云 -->
<view v-if="!isclick" class="network-enter"> <view v-if="!isclick" class="network-enter animate__animated animate__slideInUp">
<view class="network-enter-super"> <view class="network-enter-super">
<image src="../../static/img/supermen.png" mode="widthFix" /> <image src="../../static/img/supermen.png" mode="widthFix" />
</view> </view>
...@@ -65,8 +65,20 @@ export default { ...@@ -65,8 +65,20 @@ export default {
return { return {
location: { lat: 22.539692, lng: 113.888588 }, location: { lat: 22.539692, lng: 113.888588 },
networkTypeList: [ networkTypeList: [
{ type: 0, name: '飞手团队', action: '派单', tagId: 5 }, {
{ type: 1, name: '租赁商家', action: '租设备', tagId: 3 }, type: 0,
name: '飞手团队',
action: '派单',
tagId: 5,
path: '/page-service/service-category/index'
},
{
type: 1,
name: '租赁商家',
action: '租设备',
tagId: 3,
path: '/page-rent/rent-store/index'
},
{ type: 2, name: '培训机构', action: '报名培训', tagId: 4 }, { type: 2, name: '培训机构', action: '报名培训', tagId: 4 },
{ type: 3, name: '维修网点', action: '维修设备', tagId: 10 } { type: 3, name: '维修网点', action: '维修设备', tagId: 10 }
], ],
...@@ -108,7 +120,7 @@ export default { ...@@ -108,7 +120,7 @@ export default {
this.networkList = res.result.list || [] this.networkList = res.result.list || []
setTimeout(() => { setTimeout(() => {
if (this.networkList.length !== 0) { if (this.networkList.length !== 0) {
this.handleSelect(this.networkList[0]) this.handleSelect(this.networkList[0], 'map')
} else { } else {
this.removeAllOverlay() this.removeAllOverlay()
} }
...@@ -116,7 +128,17 @@ export default { ...@@ -116,7 +128,17 @@ export default {
} }
}, },
// 网点点击事件 // 网点点击事件
handleSelect(e) { handleSelect(e, from) {
if (from !== 'map') {
// 当前选择的类型
const item = this.networkTypeList[this.currentTypeIndex]
// 如果存在路径
if (item?.path) {
weChatSDK.miniProgram.navigateTo({
url: `${item?.path}?id=${e?.backUserAccountId}`
})
}
}
this.setCenterPoint(e) this.setCenterPoint(e)
}, },
// 显示网点列表 // 显示网点列表
...@@ -243,7 +265,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -243,7 +265,7 @@ import weChatSDK from 'z-weixin-ts'
openInfo(obj) { openInfo(obj) {
// 构建信息窗体中显示的内容 // 构建信息窗体中显示的内容
const domStr = ` const domStr = `
<div class="map-open-info"> <div class="map-open-info animate__animated animate__fadeIn">
<div class="info-left"> <div class="info-left">
<div class="park-name"> <div class="park-name">
${obj.companyName || '-'} ${obj.companyName || '-'}
...@@ -266,7 +288,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -266,7 +288,7 @@ import weChatSDK from 'z-weixin-ts'
infoWindow.open(this.map, obj.position); infoWindow.open(this.map, obj.position);
const navigate = document.querySelector('.navigate'); const navigate = document.querySelector('.navigate');
navigate.onclick = () => { navigate.onclick = () => {
uni.openLocation({ weChatSDK.openLocation({
latitude: obj.lat, latitude: obj.lat,
longitude: obj.lon, longitude: obj.lon,
name: obj.companyName, name: obj.companyName,
...@@ -285,11 +307,10 @@ import weChatSDK from 'z-weixin-ts' ...@@ -285,11 +307,10 @@ import weChatSDK from 'z-weixin-ts'
}, },
// 设置中心点 // 设置中心点
setCenterPoint(e){ setCenterPoint(e){
console.log('执行到此处 --->',e)
this.map.setCenter([e.lon, e.lat]) this.map.setCenter([e.lon, e.lat])
this.openInfo({position:[e.lon, e.lat],...e}); this.openInfo({position:[e.lon, e.lat],...e});
}, }
}, }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -394,7 +415,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -394,7 +415,7 @@ import weChatSDK from 'z-weixin-ts'
} }
.network-enter { .network-enter {
position: fixed; position: fixed;
bottom: calc(424rpx + 44rpx); bottom: calc(424rpx + 40rpx);
left: 0; left: 0;
width: 100%; width: 100%;
height: 238rpx; height: 238rpx;
...@@ -422,20 +443,20 @@ import weChatSDK from 'z-weixin-ts' ...@@ -422,20 +443,20 @@ import weChatSDK from 'z-weixin-ts'
} }
text { text {
display: block; display: block;
width: 318rpx; width: 338rpx;
height: 42rpx; height: 42rpx;
line-height: 42rpx; line-height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
margin-top: 10rpx; margin-top: 10rpx;
font-family: PingFangSC-Medium, PingFang SC; //font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
} }
} }
.network-enter-willjoin { .network-enter-willjoin {
padding-top: 22rpx; padding-top: 32rpx;
margin-left: 82rpx; margin-left: 82rpx;
animation: scale-animation 0.638s infinite; animation: scale-animation 2.638s infinite;
margin-right: 30rpx; margin-right: 30rpx;
image { image {
width: 198rpx; width: 198rpx;
...@@ -445,10 +466,10 @@ import weChatSDK from 'z-weixin-ts' ...@@ -445,10 +466,10 @@ import weChatSDK from 'z-weixin-ts'
} }
.network-type { .network-type {
position: fixed; position: fixed;
bottom: calc(424rpx + 44rpx); bottom: calc(424rpx + 40rpx);
left: 0; left: 0;
width: 100%; width: 100%;
height: 104rpx; height: 86rpx;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%);
// box-shadow: 0rpx -8rpx 16rpx 0rpx rgba(219, 45, 0, 0.5); // box-shadow: 0rpx -8rpx 16rpx 0rpx rgba(219, 45, 0, 0.5);
border-radius: 48rpx 48rpx 0rpx 0rpx; border-radius: 48rpx 48rpx 0rpx 0rpx;
...@@ -470,7 +491,8 @@ import weChatSDK from 'z-weixin-ts' ...@@ -470,7 +491,8 @@ import weChatSDK from 'z-weixin-ts'
// box-shadow: 4rpx 8rpx 12rpx 0 rgba(135, 135, 135, 0.17); // box-shadow: 4rpx 8rpx 12rpx 0 rgba(135, 135, 135, 0.17);
} }
.item-active { .item-active {
line-height: 34rpx; //line-height: 34rpx;
font-size: 30rpx;
font-weight: 600; font-weight: 600;
color: #000000; color: #000000;
position: relative; position: relative;
...@@ -483,7 +505,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -483,7 +505,7 @@ import weChatSDK from 'z-weixin-ts'
background: #ff5321; background: #ff5321;
border-radius: 5rpx; border-radius: 5rpx;
position: absolute; position: absolute;
top: 64rpx; top: 54rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论