businessDetail.vue
3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<template>
<!-- 商务合作详情 -->
<view class="page">
<view class="page-info">
<view class="banner">
<view class="title">{{tableData.title}}</view>
<view class="banner-info-top">
<!-- <view class="times">{{tableData.startTime}}至{{tableData.endTime}}</view> -->
<view><u-icon name="eye"></u-icon>{{tableData.contactPhone}}人</view>
</view>
<view class="banner-info-item">
<u-parse :html="tableData.content"></u-parse>
</view>
</view>
<view class="info-box banner good-item">
<view class="img">
<u-image width="100%" height="100%" :src="$imgUrl('/img/2.jpg')"></u-image>
</view>
<view class="info">
<view class="title">{{tableData.contactPerson}}</view>
<!-- <view class="info-item" style="margin-bottom: 30rpx;">
<u-tag text="标签标签" type="success" size="mini"/>
<u-tag text="标签标签" type="success" size="mini"/>
</view> -->
<view class="info-item">
<u-image :showLoading="true" :src="tableData.coverImage" width="20rpx" height="20rpx"></u-image>
<text>{{tableData.cooperationType}}</text>
</view>
</view>
</view>
<view class="info-box banner">
<view class="title">场地往期活动回顾</view>
<u-row gutter="16">
<u-col span="4">
<image :src="tableData.previousEvents" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<!-- <u-col span="4">
<image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col> -->
</u-row>
</view>
<!-- <view class="info-box banner">
<view class="title">联系我们</view>
<view class="info-item">合作类型：品牌推广合作</view>
<view class="info-item">联系人：张三</view>
<view class="info-item">联系方式：135465489</view>
<view class="info-item">邮箱：89499814@qq.com</view>
</view> -->
</view>
</view>
</template>
<script>
export default {
data() {
return {
tableData:{},
swiperList: [
{
id: 0,
type: 'image',
url: this.$imgUrl('/img/1.jpg')
}
],
joinShow: false,
form: {
name: '',
pahone: '',
}
};
},
onLoad(option){
this.tableData = JSON.parse(option.item)
console.log(this.tableData)
},
methods: {
submit() {
this.joinShow = false;
},
leaseAdd(){
uni.navigateTo({
url: '/pages/leaseAdd/leaseAdd'
})
},
}
};
</script>
<style scoped lang="scss">
@import 'businessDetail.scss';
</style>