<template>
  <vxe-column type="expand" width="60">
    <template #content="{ row }">
      <div class="expand-wrapper">
        <vxe-table border :data="row.shopOrders.productOrders" height="200">
          <vxe-column field="productOrderNo" title="商品订单号"></vxe-column>
          <vxe-column field="productName" title="商品名称"></vxe-column>
          <vxe-column field="productImg" title="商品图片" width="120">
            <template slot-scope="{ row }">
              <el-image
                :preview-src-list="[row.productImg]"
                :src="row.productImg"
                :width="80"
                :height="80"
              />
            </template>
          </vxe-column>
          <vxe-column field="productSpecName" title="商品规格名称"></vxe-column>
          <vxe-column field="originPrice" title="商品原价"></vxe-column>
          <vxe-column field="finalPrice" title="商品终价"></vxe-column>
          <vxe-column
            field="productOrderMoney"
            title="商品订单金额"
          ></vxe-column>
          <vxe-column field="productCount" title="商品数量"></vxe-column>
          <vxe-column field="productLimit" title="商品限购数量"></vxe-column>
          <vxe-column field="shopName" title="店铺名称"></vxe-column>
        </vxe-table>
      </div>
    </template>
  </vxe-column>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style>
</style>