1

src/pages/client/remark/list.vue

@@ -0,0 +1,82 @@
+<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 "@/components/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>