<!--
  @description:订单评价列表/订单详情弹框
  @Modifier：dijia
  @routerPath:
  @date：  2021/7/21
-->
<template>
  <div>
    <!-- 订单详情弹框 -->
    <el-dialog
      :visible.sync="dialog.visible"
      title="订单详情"
      width="60%"
      custom-class="shop_mall_dialog"
    >
      <el-table
        :data="productList"
        style="margin: 0 auto;width:98%;"
      >
        <el-table-column label="序号" width="60" type="index" />
        <el-table-column label="商品图片">
          <template slot-scope="scope">
            <img :src="scope.row.productPicture" style="width:95px;height:95px;" alt="">
          </template>
        </el-table-column>
        <el-table-column prop="productName" label="商品名称" />
        <el-table-column prop="number" label="购买数量" align="center" />
        <el-table-column label="商品价格" align="center">
          <span slot-scope="scope" style="color: #1f94f4;">
            ￥{{ scope.row.productPrice }}
          </span>
        </el-table-column>
        <el-table-column prop="productMark" label="商品评分" align="center" />
        <el-table-column label="商品评价">
          <template slot-scope="scope">
            <span>{{ scope.row.productAssess ? scope.row.productAssess : '无' }}</span>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    dialog: {
      type: Object,
      default() {}
    },
    productList: {
      type: Array,
      default() {}
    }
  },
  data() {
    return {
    }
  }
}
</script>

<style lang="less" scoped>

</style>
