<template>
  <view>
    <!-- banner，标题 -->
    <view class="banner-title">
      <!-- banner -->
      <view class="banner">
        <swiper class="screen-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" interval="5000"
                duration="500">
          <swiper-item v-for="(val, index) in swiperList" :key="index">
			
            <image :src="val.url" mode="aspectFill"></image>
          </swiper-item>
        </swiper>
      </view>
	  <!-- 标题 -->
	  <view class="goods-title">
	    <text>{{tableList.shopName}}</text>
	  </view>
	  <view class="goods-icon">
		  <view class="goods-icon-list">靠近地铁</view>
		  <view class="goods-icon-list">采光好</view>
	  </view>
      <!-- 价格 -->
      <view class="price-info">
        <view class="price">
          <view>单价<text>（元/m²/月）</text></view>
		  <view class="price-num">100</view>
        </view>
		<view class="price-line"></view>
		<view class="price">
		  <view>面积<text>（m²）</text></view>
		  <view class="price-num">265</view>
		</view>
		<view class="price-line"></view>
		<view class="price">
		  <view>月租金<text>（元/月）</text></view>
		  <view class="price-num">26500</view>
		</view>
      </view>
	  <view class="goods-icon">
	  		  <view class="goods-icon-list">2押1付</view>
	  		  <view class="goods-icon-list">使用率80%</view>
	  </view>
    </view>
    <!-- 评价 -->
    <view class="evaluate-data">
      <view class="title-more">
        <view class="title">
          <text>更多信息</text>
        </view>
        <view class="more">
          <text class="iconfont icon-more"></text>
        </view>
      </view>
      <view class="evaluate-list">
        <view class="content">
          <view class="character">
            <text>地址：{{tableList.detailedLocation}}</text>
          </view>
		  <view class="character">
		    <text>业态：零售</text>
		  </view>
		  <view class="character">
		    <text>招商要求：不可使用明火</text>
		  </view>
        </view>
      </view>
    </view>
    <!-- 底部 -->
    <view class="page-footer">
      <view class="footer-buy" @click="leaseAdd">
        <view class="cart-add">
          <text>申请租赁</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>

export default {
  data() {
    return {
		tableList:{},
      swiperList: [
        {
          id: 0,
          type: 'image',
          url: this.$imgUrl('/img/1.jpg')
        }
      ],
    };
  },
  onLoad(option){
	  this.tableList = JSON.parse(option.item)
	  this.swiperList[0].url =  this.tableList.displayMainImage || this.tableList.locationDiagram
	  				console.log( this.swiperList)
					console.log( this.tableList)	

  },
  methods: {
		leaseAdd(){
			uni.navigateTo({
				url: '/pages/leaseAdd/leaseAdd'
			})
		}
  }
};
</script>

<style scoped lang="scss">
@import 'details.scss';
</style>
