·修改部分页面数据冗余

pages/order/complain/complainList.vue

@@ -1,10 +1,6 @@
 <template>
   <view>
-    <view
-      class="seller-view"
-      v-for="(item, index) in complaionData"
-      :key="index"
-    >
+    <view class="seller-view" v-for="(item, index) in complaionData" :key="index">
       <view class="seller-info u-flex u-row-between">
         <view class="seller-name">
           <view class="name">{{ item.storeName }}</view>
@@ -14,12 +10,7 @@
       <u-line color="#DCDFE6"></u-line>
       <view class="goods-item-view">
         <view class="goods-img" @click="handleToGoods(item)">
-          <u-image
-            border-radius="6"
-            width="131rpx"
-            height="131rpx"
-            :src="item.goodsImage"
-          ></u-image>
+          <u-image border-radius="6" width="131rpx" height="131rpx" :src="item.goodsImage"></u-image>
         </view>
         <view class="goods-info" @click="handleToGoods(item)">
           <view class="goods-title u-line-2">{{ item.goodsName }}</view>
@@ -37,34 +28,16 @@
         <view class="complain-speak"> {{ item.complainTopic }} </view>
       </view>
       <view class="complain-btn">
-        <u-tag
-          mode="plain"
-          @click="handleClear(item)"
-          class="complain-tag"
-          text="撤销投诉"
-          type="info"
-          v-if="
+        <u-tag mode="plain" @click="handleClear(item)" class="complain-tag" text="撤销投诉" type="info" v-if="
             item.complainStatus != 'EXPIRED' && item.complainStatus != 'CANCEL'
-          "
-        />
-        <u-tag
-          mode="plain"
-          @click="handleInfo(item)"
-          class="complain-tag"
-          text="投诉详情"
-          type="info"
-        />
+          " />
+        <u-tag mode="plain" @click="handleInfo(item)" class="complain-tag" text="投诉详情" type="info" />
       </view>
     </view>
-    <view v-if="empty" style="margin-top: 40rpx">
-      <u-empty text="暂无投诉列表" mode="list"></u-empty>
-    </view>
-    <u-modal
-      show-cancel-button
-      @confirm="handleClearConfirm"
-      v-model="show"
-      :content="content"
-    ></u-modal>
+
+    <u-empty v-if="empty" :style="{'marginTop':complaionDetail.total == 0 ? '200rpx':'0rpx'}" class="empty" style="" text="暂无投诉列表" mode="list"></u-empty>
+
+    <u-modal show-cancel-button @confirm="handleClearConfirm" v-model="show" :content="content"></u-modal>
   </view>
 </template>
 
@@ -87,38 +60,49 @@ export default {
       params: {
         pageNumber: 1,
         pageSize: 20,
-        // memberId: "",
-        // memberName: "",
       },
-      complaionData: [],
+      complaionDetail: "", //返回的整个response
+      complaionData: [], //投诉列表
       empty: false,
-      rows: "",
+      checkComplainData: "", //存储投诉信息
     };
   },
   mounted() {
     this.init();
   },
+  /**
+   * 触底加载
+   */
   onReachBottom() {
-    this.params.pageNumber++;
-    this.init();
+    if (
+      this.complaionDetail &&
+      this.complaionDetail.total < this.params.pageNumber * this.params.pageSize
+    ) {
+      this.params.pageNumber++;
+      this.init();
+    }
   },
 
   methods: {
     // 点击跳转到商品
     handleToGoods(val) {
       uni.navigateTo({
-        url: "/pages/product/goods?id=" + val.skuId+"&goodsId="+val.goodsId,
+        url: "/pages/product/goods?id=" + val.skuId + "&goodsId=" + val.goodsId,
       });
     },
 
-    //   撤销投诉
+    /**
+     * 点击撤销投诉
+     */
     handleClear(val) {
-      console.log(val);
       this.show = true;
-      this.rows = val;
+      this.checkComplainData = val;
     },
+    /**
+     * 执行撤销
+     */
     handleClearConfirm() {
-      clearComplain(this.rows.id).then((res) => {
+      clearComplain(this.checkComplainData.id).then((res) => {
         if (res.data.success) {
           uni.showToast({
             title: "撤销成功",
@@ -131,19 +115,25 @@ export default {
         }
       });
     },
+
+    /**
+     * 查看详情
+     */
     handleInfo(val) {
       uni.navigateTo({
         url: "./complainInfo?id=" + val.id,
       });
     },
 
+    /**
+     * 初始化投诉列表
+     */
     init() {
       uni.showLoading({
         title: "加载中",
       });
-
       getComplain(this.params).then((res) => {
-        console.log(res);
+        this.complaionDetail = res.data.result;
         if (res.data.result.records.length >= 1) {
           this.complaionData.push(...res.data.result.records);
         } else {
@@ -185,4 +175,7 @@ export default {
 .complain-tag {
   margin-left: 10rpx;
 }
+.empty {
+  margin-top: 40rpx;
+}
 </style>