<template>
  <view class="remark-list-container">
    <list-page-temp
      class="remark-list-inner"
      :getDataPromise="getRemarkList"
      :reloadFlag="reloadFlag"
      :requestData="requestData"
    >
      <template v-slot:item="{ data }">
        <remark-item :data="data" />
      </template>
      <view slot="bottom" class="place-view"></view>
    </list-page-temp>
  </view>
</template>

<script>
import RemarkItem from "@/components/goods/RemarkItem.vue";
import ListPageTemp from "./ListPageTemp.vue";
import { getRemarkList } from "@/api/shop";

export default {
  props: {
    //  1.商品订单 2.服务券订单
    type: {
      type: Number,
      default: 1,
    },
    guanlian_id: {
      type: String | Number,
      default: "",
    },
  },
  components: {
    RemarkItem,
    ListPageTemp,
  },
  data() {
    return {
      reloadFlag: 0,
      remarkList: [],
      requestData: {
        type: this.type,
        guanlian_id: this.guanlian_id,
      },
    };
  },
  onShow() {
    this.reloadFlag = Math.random();
  },
  onLoad(options) {
    const { type, shopId } = options;
    if (type) {
      this.requestData.type = type;
    }
    if (shopId) {
      this.requestData.guanlian_id = shopId;
    }
  },
  mounted() {},
  methods: {
    getRemarkList,
  },
};
</script>

<style lang="scss" scoped>
.remark-list-container {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background: #fbf8fc;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  padding-top: 20rpx;

  .remark-list-inner {
    height: 100%;
  }
}
</style>
