<style>
    .EleBillDetail .EleDiv{
        margin:10px 0;
        font-size:14px;
    }
    .EleBillDetail .EleDiv span{
        margin-right:30px;
    }
</style>
<template>
  <div class="flexOne EleBillDetail">
    <div class="EleDiv">
      <span>总金额：{{dataList.TotalMoney}}</span>
      <span>用户名称：{{dataList.UserName}}</span>
      <span>供应商名称：{{dataList.SupplierName}}</span>
    </div>
    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
      <tr>
        <th>订单号</th>
        <th>封面图</th>
        <th>商品名称</th>
        <th>商品规格</th>
        <th>数量</th>
        <th>价格</th>
        <th>状态</th>
        <th>佣金</th>
      </tr>
      <tr v-for="(item,index) in dataList.RList" :key="index">
          <td>{{item.OrderNo}}</td>
          <td>
              <img :src="item.CoverImage" style="width:90px;height:90px;" alt=""/>
          </td>
          <td>{{item.GoodsName}}</td>
          <td>
              <div v-for="(subItem,subIndex) in item.SpecificationList" :key="subIndex">
                  {{subItem}}
              </div>
          </td>
          <td>{{item.Number}}</td>
          <td>{{item.Final_Price}}</td>
          <td>
            <span style="color:red;" v-if="item.OrderIntroduction.CommissionState==1">未结算</span>
            <span style="color:green;" v-if="item.OrderIntroduction.CommissionState==2">已结算</span>
          </td>
          <td>{{item.OrderIntroduction.Commission}}</td>
      </tr>
    </table>
    <div class="noDataNotice" v-if="dataList.length<1">
      <i class="iconfont icon-kong"></i>
      <p>{{$t("active.ld_noData")}}</p>
    </div>
</div>
</template>
<script>
export default {
  data() {
    return {
      //请求
      msg: {
        BillId:0  
      },
      loading:false,
      dataList:[],
    };
  },
  mounted() {
    if(this.$route.query.BillId){
      this.msg.BillId = this.$route.query.BillId;
    }
    this.getList();
  },
  filters: {
  },
  methods: {
    //获取数据
    getList() {
      this.loading = true;
      this.mallapipost('/api/ERPOrderCommission/GetRecommendOrdersBillDetailList', this.msg, res=>{
        this.loading = false
        if (res.data.resultCode === 1) {
          this.dataList = res.data.data;
        } else {
          this.Error(res.data.message)
        }
      }, null);
    },
  }
};
</script>