|
...
|
...
|
@@ -16,7 +16,7 @@ |
|
|
|
<image src="/static/need.png" style="width: 56rpx;height: 32rpx;margin-right: 8rpx;" mode="" v-else>
|
|
|
|
</image>
|
|
|
|
<p style=" color: #000000e6;font-size: 34rpx;font-weight: 500;">
|
|
|
|
{{info.category.name + info.brand.name + info.xinghao.name}}
|
|
|
|
{{ info.brand.name + info.xinghao.name + info.category.name }}
|
|
|
|
</p>
|
|
|
|
</view>
|
|
|
|
<view class="flexBox" style="justify-content: space-between;">
|
|
...
|
...
|
@@ -87,7 +87,7 @@ |
|
|
|
</view> -->
|
|
|
|
<view class="">
|
|
|
|
<view class="flexBox" style="margin-bottom: 24rpx;">
|
|
|
|
<image src="/static/col.png" style="width: 40rpx; height: 40rpx;margin-right: 16rpx;" mode="">
|
|
|
|
<image src="/static/ld.png" style="width: 40rpx; height: 40rpx;margin-right: 16rpx;" mode="">
|
|
|
|
</image>
|
|
|
|
<p style=" color: #000000e6;font-size: 32rpx;font-weight: 500;">设备亮点</p>
|
|
|
|
</view>
|
|
...
|
...
|
@@ -97,22 +97,34 @@ |
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="box flexBox" style="height: 128rpx;display: flex;justify-content: space-between;">
|
|
|
|
<view class="flexBox">
|
|
|
|
<view class="" style="margin-right: 24rpx;">
|
|
|
|
<image src="../../static/gj.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
|
|
|
|
</view>
|
|
|
|
<view class="" style="display: flex; flex-direction: column;">
|
|
|
|
<p style=" color: #000000e6;font-size: 28rpx;font-weight: 500;">设备乐管家</p>
|
|
|
|
<p style=" color: #00000066;font-size: 24rpx;font-weight: 400;">专注建筑工程设备经理</p>
|
|
|
|
</view>
|
|
|
|
<view class="" @click="call">
|
|
|
|
<u-button text="立即联系" type="primary"></u-button>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
<view class="phonebox" @click="call" >
|
|
|
|
<image src="../../static/dh.png" style="width: 24rpx; height: 24rpx; margin-right: 4rpx;" mode=""></image>
|
|
|
|
<text style="color:#3375D8">立即联系</text>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="box">
|
|
|
|
<view class="flexBox" style="margin-bottom: 24rpx;">
|
|
|
|
<image src="/static/col.png" style="width: 40rpx; height: 40rpx;margin-right: 16rpx;" mode="">
|
|
|
|
<image src="/static/tp.png" style="width: 40rpx; height: 40rpx;margin-right: 16rpx;" mode="">
|
|
|
|
</image>
|
|
|
|
<p style=" color: #000000e6;font-size: 32rpx;font-weight: 500;">设备图片</p>
|
|
|
|
</view>
|
|
|
|
<view class="imgbox" v-for="item in info.image_list">
|
|
|
|
<image :src="item" mode=""></image>
|
|
|
|
<image :src="item" mode="" @click="preImg = true; imgDes = item"></image>
|
|
|
|
</view>
|
|
|
|
<view class="" v-if="info.image_list.length == 0">
|
|
|
|
<u-empty>
|
|
|
|
</u-empty>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<p style="color: #000000e6;font-size: 32rpx;font-weight: 500;margin-bottom: 24rpx;">相似设备</p>
|
|
...
|
...
|
@@ -122,7 +134,7 @@ |
|
|
|
<item-sell v-else :info="item"></item-sell>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="box" v-else>
|
|
|
|
<view class="box" style="padding-bottom:120rpx;" v-else>
|
|
|
|
<u-empty>
|
|
|
|
</u-empty>
|
|
|
|
</view>
|
|
...
|
...
|
@@ -156,20 +168,36 @@ |
|
|
|
></u-button>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<u-popup :show="isShowAddGroup" round="true" closeable="true" @close="onClose">
|
|
|
|
<view class="addGroup1">
|
|
|
|
<image src="/static/code1.png"
|
|
|
|
style="width: 354rpx;height: 354rpx; position: absolute; top: 330rpx; left: 134rpx;" mode="">
|
|
|
|
|
|
|
|
<!-- <u-popup closeable="true" :show="preImg" round="true" :closeable="true" @close="onClose">
|
|
|
|
<view class="warp" style="margin-bottom: 64rpx;">
|
|
|
|
<image :src="imgDes" mode="" style="height: 80vh;">
|
|
|
|
</image>
|
|
|
|
</view>
|
|
|
|
</u-popup> -->
|
|
|
|
<u-overlay :show="preImg" @click="preImg = false">
|
|
|
|
<view class="warp" >
|
|
|
|
<image :src="imgDes" mode="" style="max-height: 80vh;">
|
|
|
|
</image>
|
|
|
|
</view>
|
|
|
|
</u-popup>
|
|
|
|
|
|
|
|
<view class="bbox" style=" margin: 10px 0 0 46%; text-align: center; padding-top: 2;" @click="show = false">
|
|
|
|
<image src="../../static/close@2x.png" style="width: 40rpx;height: 40rpx;margin-top: 20rpx;" mode=""></image>
|
|
|
|
</view>
|
|
|
|
</u-overlay>
|
|
|
|
|
|
|
|
<u-overlay :show="show" @click="show = false">
|
|
|
|
<view class="warp">
|
|
|
|
<image src="http://equiphappy.shs.broing.cn/assets/miniprogram/Group1822@2x.png" mode="" style="">
|
|
|
|
<view class="">
|
|
|
|
<image src="http://equiphappy.shs.broing.cn/assets/miniprogram/Group1822@2x.png" mode="" style="max-height: 80vh;">
|
|
|
|
</image>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
<image :src="wechat.qrcode_url" @longpress="saveImgInner(wechat.qrcode_url)" style="position: absolute;top:330rpx;left: 23%; width: 350rpx;height: 350rpx;" mode=""></image>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
<view class="bbox" style=" margin: 10px 0 0 46%; text-align: center; padding-top: 2;" @click="show = false">
|
|
|
|
<image src="../../static/close@2x.png" style="width: 40rpx;height: 40rpx;margin-top: 20rpx;" mode=""></image>
|
|
|
|
</view>
|
|
|
|
</u-overlay>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
...
|
...
|
@@ -186,9 +214,11 @@ |
|
|
|
return {
|
|
|
|
info: {},
|
|
|
|
show: false,
|
|
|
|
isShowAddGroup: false,
|
|
|
|
preImg:false,
|
|
|
|
imgDes:'',
|
|
|
|
list1: [],
|
|
|
|
images: [],
|
|
|
|
wechat:{},
|
|
|
|
isFill: false,
|
|
|
|
resList: [],
|
|
|
|
call2: '',
|
|
...
|
...
|
@@ -204,7 +234,7 @@ |
|
|
|
});
|
|
|
|
},
|
|
|
|
onClose() {
|
|
|
|
|
|
|
|
this.preImg = false
|
|
|
|
},
|
|
|
|
//立即联系
|
|
|
|
call(val) {
|
|
...
|
...
|
@@ -213,7 +243,31 @@ |
|
|
|
});
|
|
|
|
},
|
|
|
|
goQun() {
|
|
|
|
// this.show = true
|
|
|
|
this.show = true
|
|
|
|
},
|
|
|
|
// 长按保存功能--保存部分
|
|
|
|
saveImgInner (url) {
|
|
|
|
wx.getImageInfo({
|
|
|
|
src: url,
|
|
|
|
success: (res) => {
|
|
|
|
let path = res.path;
|
|
|
|
wx.saveImageToPhotosAlbum({
|
|
|
|
filePath: path,
|
|
|
|
success: (res) => {
|
|
|
|
console.log(res);
|
|
|
|
wx.showToast({
|
|
|
|
title: '已保存到相册',
|
|
|
|
})
|
|
|
|
},
|
|
|
|
fail: (res) => {
|
|
|
|
console.log(res);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
fail: (res) => {
|
|
|
|
console.log(res);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
goStar() {
|
|
|
|
uni.$u.http.post('/api/common/favorite', {
|
|
...
|
...
|
@@ -225,6 +279,10 @@ |
|
|
|
this.getList()
|
|
|
|
})
|
|
|
|
},
|
|
|
|
click(e){
|
|
|
|
this.preImg = true
|
|
|
|
this.imgDes = this.info.image_list[e]
|
|
|
|
},
|
|
|
|
appShare(scene) {
|
|
|
|
let that = this
|
|
|
|
let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
|
|
...
|
...
|
@@ -262,6 +320,8 @@ |
|
|
|
}).then(res => {
|
|
|
|
console.log(res);
|
|
|
|
this.info = res.data.data
|
|
|
|
console.log(this.info);
|
|
|
|
this.wechat = res.data.wechat
|
|
|
|
this.phone = res.data.contract
|
|
|
|
this.resList = res.data.rec_list.data
|
|
|
|
this.call2 = res.data.contract
|
|
...
|
...
|
@@ -284,6 +344,7 @@ |
|
|
|
onLoad(option) {
|
|
|
|
this.info.id = option.id
|
|
|
|
this.getList()
|
|
|
|
console.log(this.info);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
...
|
...
|
@@ -332,7 +393,19 @@ |
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.phonebox{
|
|
|
|
width: 144rpx;
|
|
|
|
height: 56rpx;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
opacity: 1;
|
|
|
|
background: #ecf2feff;
|
|
|
|
font-size: 24rpx;
|
|
|
|
line-height: 56rpx;
|
|
|
|
padding: 10rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.itembox {
|
|
|
|
width: 152rpx;
|
|
|
|
height: 112rpx;
|
|
...
|
...
|
@@ -358,7 +431,13 @@ |
|
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bbox{
|
|
|
|
width: 80rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
opacity: 1;
|
|
|
|
background: #ffffff47;
|
|
|
|
}
|
|
|
|
.title {
|
|
|
|
color: #00000066;
|
|
|
|
font-size: 26rpx;
|
|
...
|
...
|
@@ -393,8 +472,11 @@ |
|
|
|
|
|
|
|
.warp {
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
justify-content: center;
|
|
|
|
margin-top: 15%;
|
|
|
|
backdrop-filter: blur(24rpx);
|
|
|
|
margin-top: 8%;
|
|
|
|
margin-left: 64rpx;
|
|
|
|
margin-right: 64rpx;
|
|
|
|
}
|
|
|
|
</style> |
|
|
\ No newline at end of file |
...
|
...
|
|
