·修改部分页面数据冗余

pages/order/complain/complainInfo.vue

@@ -2,76 +2,28 @@
   <view class="wrapper">
     <view class="tips">我的投诉信息</view>
     <u-cell-group>
-      <u-cell-item
-        :arrow="false"
-        :value="detail.goodsName"
-        title="投诉商品"
-      ></u-cell-item>
-      <u-cell-item
-        :arrow="false"
-        :value="statusData[detail.complainStatus]"
-        title="投诉状态"
-      ></u-cell-item>
-      <u-cell-item
-        :arrow="false"
-        :value="detail.createTime"
-        title="投诉时间"
-      ></u-cell-item>
-      <u-cell-item
-        :arrow="false"
-        :value="detail.complainTopic"
-        title="投诉主题"
-      ></u-cell-item>
-      <u-cell-item
-        :arrow="false"
-        :value="detail.content"
-        title="投诉内容"
-      ></u-cell-item>
-      <view class="row" v-if="detail.orderComplaintImages">
-        <u-image
-          width="100rpx"
-          height="100rpx"
-          border-radius="10"
-          style="margin: 0 10rpx"
-          v-for="(item, index) in detail.orderComplaintImages"
-          :key="index"
-          :src="item"
-          @click="preview(detail.orderComplaintImages, index)"
-        />
+      <u-cell-item :arrow="false" :value="complainDetail.goodsName" title="投诉商品"></u-cell-item>
+      <u-cell-item :arrow="false" :value="statusData[complainDetail.complainStatus]" title="投诉状态"></u-cell-item>
+      <u-cell-item :arrow="false" :value="complainDetail.createTime" title="投诉时间"></u-cell-item>
+      <u-cell-item :arrow="false" :value="complainDetail.complainTopic" title="投诉主题"></u-cell-item>
+      <u-cell-item :arrow="false" :value="complainDetail.content" title="投诉内容"></u-cell-item>
+      <view class="row" v-if="complainDetail.orderComplaintImages">
+        <u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in complainDetail.orderComplaintImages" :key="index" :src="item"
+          @click="preview(complainDetail.orderComplaintImages, index)" />
       </view>
     </u-cell-group>
     <view class="tips">商家申诉信息</view>
     <u-cell-group>
-      <u-cell-item
-        :arrow="false"
-        :value="detail.appealTime || '暂无'"
-        title="申诉时间"
-      ></u-cell-item>
-      <u-cell-item
-        :arrow="false"
-        :value="detail.appealContent || '暂无'"
-        title="申诉内容"
-      ></u-cell-item>
-      <view class="row" v-if="detail.appealImagesList">
-        <u-image
-          width="100rpx"
-          height="100rpx"
-          border-radius="10"
-          style="margin: 0 10rpx"
-          v-for="(item, index) in detail.appealImagesList"
-          @click="preview(detail.appealImagesList, index)"
-          :key="index"
-          :src="item"
-        />
+      <u-cell-item :arrow="false" :value="complainDetail.appealTime || '暂无'" title="申诉时间"></u-cell-item>
+      <u-cell-item :arrow="false" :value="complainDetail.appealContent || '暂无'" title="申诉内容"></u-cell-item>
+      <view class="row" v-if="complainDetail.appealImagesList">
+        <u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in complainDetail.appealImagesList"
+          @click="preview(complainDetail.appealImagesList, index)" :key="index" :src="item" />
       </view>
     </u-cell-group>
     <view class="tips">对话详情</view>
-    <view class="speak-way" v-if="detail.orderComplaintCommunications">
-      <view
-        class="speak-msg seller"
-        :key="i"
-        v-for="(complaint, i) in detail.orderComplaintCommunications"
-      >
+    <view class="speak-way" v-if="complainDetail.orderComplaintCommunications">
+      <view class="speak-msg seller" :key="i" v-for="(complaint, i) in complainDetail.orderComplaintCommunications">
         {{
           complaint.owner == "PLATFORM"
             ? "平台"
@@ -85,11 +37,7 @@
     <view class="speak-way" v-else>暂无对话</view>
     <view class="tips">平台仲裁</view>
     <u-cell-group>
-      <u-cell-item
-        :arrow="false"
-        title="仲裁意见"
-        :value="detail.arbitrationResult || '暂无'"
-      ></u-cell-item>
+      <u-cell-item :arrow="false" title="仲裁意见" :value="complainDetail.arbitrationResult || '暂无'"></u-cell-item>
     </u-cell-group>
   </view>
 </template>
@@ -99,8 +47,7 @@ import { getComplainDetail } from "@/api/after-sale";
 export default {
   data() {
     return {
-      detail: "",
-
+      complainDetail: "", //投诉详情
       statusData: {
         NO_APPLY: "未申请",
         APPLYING: "申请中",
@@ -110,10 +57,14 @@ export default {
       },
     };
   },
+
   onLoad(option) {
     this.init(option.id);
   },
   methods: {
+    /**
+     * 点击图片放大或保存
+     */
     preview(urls, index) {
       uni.previewImage({
         current: index,
@@ -125,24 +76,29 @@ export default {
         },
       });
     },
+    /**
+     * 初始化投诉详情
+     */
     init(id) {
       uni.showLoading({
         title: "加载中",
       });
       getComplainDetail(id).then((res) => {
         if (res.data.success) {
-          this.detail = res.data.result;
-          
+          this.complainDetail = res.data.result;
+        } else {
+          uni.showToast({
+            title: res.data.message,
+            duration: 2000,
+            icon: "none",
+          });
         }
-      
         uni.hideLoading();
       });
     },
   },
-  mounted() {},
 };
 </script>
-
 <style lang="scss" scoped>
 .row {
   display: flex;