commit message

pages/order/complain/complainInfo.vue

@@ -0,0 +1,169 @@
+<template>
+  <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)"
+        />
+      </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"
+        />
+      </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"
+      >
+        {{
+          complaint.owner == "PLATFORM"
+            ? "平台"
+            : complaint.owner == "BUYER"
+            ? "买家"
+            : "卖家"
+        }}：
+        <span>{{ complaint.content }}</span>
+      </view>
+    </view>
+    <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-group>
+  </view>
+</template>
+
+<script>
+import { getComplainDetail } from "@/api/after-sale";
+export default {
+  data() {
+    return {
+      detail: "",
+
+      statusData: {
+        NO_APPLY: "未申请",
+        APPLYING: "申请中",
+        COMPLETE: "已完成，此时可申请",
+        EXPIRED: "已失效，不可申请",
+        CANCEL: "已取消",
+      },
+    };
+  },
+  onLoad(option) {
+    this.init(option.id);
+  },
+  methods: {
+    preview(urls, index) {
+      uni.previewImage({
+        current: index,
+        urls: urls,
+        longPressActions: {
+          itemList: ["保存图片"],
+          success: function (data) {},
+          fail: function (err) {},
+        },
+      });
+    },
+    init(id) {
+      uni.showLoading({
+        title: "加载中",
+      });
+      getComplainDetail(id).then((res) => {
+        if (res.data.success) {
+          this.detail = res.data.result;
+          
+        }
+      
+        uni.hideLoading();
+      });
+    },
+  },
+  mounted() {},
+};
+</script>
+
+<style lang="scss" scoped>
+.row {
+  display: flex;
+  flex-wrap: wrap;
+}
+.speak-msg {
+  padding: 26rpx 32rpx;
+  > span {
+    color: #999 !important;
+  }
+}
+.admin {
+  color: $main-color;
+}
+.speak-way {
+  background: #fff;
+}
+.wrapper {
+  padding: 16rpx;
+}
+.tips {
+  margin: 40rpx 0;
+}
+</style>