<template>
  <div class="un-comment-list">
    <div class="un-comment-scroll">
      <div class="empty" />
      <list-item
        v-for="(item, index) of unCommentOrders"
        :key="`list-item-${index}`"
        :oid="oid"
        :data="item"
        :merchantName="merchantName"
        :i="index"
      />
      <div class="empty" />
    </div>
  </div>
</template>

<script>
import ListItem from "./list-item";
import { mapState } from "vuex";
export default {
  components: {
    ListItem,
  },
  computed: {
    ...mapState(["unCommentOrders"]),
  },
  data() {
    return {
      oid: "",
      merchantName: "",
    };
  },
  mounted() {
    this.oid = this.$route.query.oid;
    this.merchantName = this.$route.query.merchantName;
  },
};
</script>

<style lang="less">
.un-comment-list {
  height: 100%;
  background: #f5f7fb;
  .un-comment-scroll {
    height: 100%;
    overflow-y: auto;
  }
  .empty {
    height: 10px;
  }
}
</style>

