<template>
  <view class="OrderTemplate" >
    <view class="top" v-if="isTop">
      <view class="company">
        <view class="company-logo">
          <image :src="item.shop.cover" mode="aspectFill" />
          <view class="name ellipsis">{{item.shop.name}}</view>
        </view>
        <view class="flexrow">
        	<view class="no ellipsis">区块链地址： {{item.account.addr}}</view> <span class="copy" @click="copy(item.account.addr)">复制</span>
        </view>
      </view>
    </view>
    <view class="goods-info" @click="goDetail(item.goods.goods_id)">
      <image class="goods-img" :src="item.goods.cover" mode="aspectFill" />
      <view class="goods">
        <view class="name">
          <view class="name1 ellipsis-2">{{item.goods.goods_name}}</view> 
		  <!-- <span>￥{{item.account.balance}}</span> -->
        </view>
        <view class="sku">权证个数 <span>x {{item.account.balance}}</span> </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name: "OrderTemplate",
    data() {
      return {

      };
    },
	props:{
		item	: Object,
		isTop	: {
			type: Boolean,
			default: true
		}
	},
	onShow() {
		console.log(this.item,'onshow,numtempa')
	},
    methods: {
      // 跳转到商品详情页面
      goDetail(id) {
        uni.navigateTo({
          url: '/pages/goods/detail?id='+id
        })
      },
	  // 复制
	  copy(e){
		  uni.setClipboardData({
		      data: e,
		      success: res=>{
				  console.log('res',res)
			  }
		  })
	  }
    }
  }
</script>

<style lang="scss" scoped>
  // 顶部信息
  .top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 20rpx;
    border-bottom: solid 1rpx #f7f7f7;

    .company-logo {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      box-sizing: border-box;

      image {
        width: 40rpx;
        height: 40rpx;
        border-radius: 50%;
        margin-right: 20rpx;
      }

      .name {
		width: 600rpx;
        font-size: 30rpx;
        color: #484848;
        font-weight: bold;
      }
    }


    .no {
      margin-top: 10rpx;
      font-size: $title-size*0.8;
      color: #999;
	  width: 500rpx;
    }

    .status {
      color: #999;
      font-size: $title-size;
    }
  }

  // 商品信息
  .goods-info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    margin-top: 36rpx;
    .goods-img {
      width: 120rpx;
      height: 120rpx;
      border-radius: 10rpx;
    }
    .goods {
      flex: 1;
      margin-left: 20rpx;
	margin-bottom: 10rpx;

      .name {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        box-sizing: border-box;
        font-size: 30rpx;
        // font-weight: bold;

        .name1 {
          // width: 340rpx;
		  
        }

        span {
          font-size: 32rpx;
          font-weight: normal;
        }
      }

      .sku {
        flex: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        margin-top: 10rpx;
        font-size: 28rpx;
        color: #999;
      }
    }
  }
  .flexrow{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: space-between;
	  box-sizing: border-box;
	  width: 100%;
	  .copy{
		  color: $main-color;
			font-size: $title-size*0.8;
		  font-weight: 400;
		  padding: 0 30rpx;
	  }
  }
</style>
