83 lines
1.6 KiB
Vue
83 lines
1.6 KiB
Vue
<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>
|