<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">2024-10-1</view>
				<view><u-icon name="eye"></u-icon>0人</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" v-for="(item,index) in tableData.previousEvents">
					<image :src="$img+item" 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">合作类型：{{tableData.cooperationType}}</view>
			<view class="info-item">联系人：{{tableData.contactPerson}}</view>
			<view class="info-item">联系方式：{{tableData.contactPhone}}</view>
			<view class="info-item">邮箱：{{tableData.email}}</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)
	  if (typeof this.tableData.previousEvents === 'string') {
	            this.tableData.previousEvents = this.tableData.previousEvents.split(',');
	  }
  	  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>
