投诉管理

src/views/optimization/complain/components/complain-item.vue

@@ -2,47 +2,64 @@
   <div class="complain-item flex mt-2 pr-4">
     <el-avatar
       shape="square"
-      :size="70"
+      :size="40"
       fit="cover"
-      src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+      :src="item.userType === '1' ? item.imgPath : Logo"
     />
 
     <div class="flex-1 flex flex-col ml-2">
       <div class="flex justify-between">
-        <ele-text size="small" type="info">{{ item.userType || '用户' }}</ele-text>
-        <ele-text size="small" type="info">{{ item.createTime || '' }}</ele-text>
+        <ele-text size="small" type="info">{{ item.userName }}</ele-text>
+        <ele-text size="small" type="info">{{
+          item.createTime || ''
+        }}</ele-text>
       </div>
       <div class="mt-2">
-        <ele-text>{{ item.description || '' }}</ele-text>
+        <ele-text v-if="item.userType === '1'"
+          >用户发起投诉，投诉原因： {{ item.reason }}，投诉说明：{{
+            item.description || ''
+          }}</ele-text
+        >
+        <ele-text v-else>{{ item.description || '' }}</ele-text>
       </div>
       <!-- 显示图片列表 -->
-      <div v-if="item.fileUrls && item.fileUrls.length" class="mt-2 flex flex-wrap">
+      <div
+        v-if="item.imgList && item.imgList.length"
+        class="mt-2 flex flex-wrap"
+      >
         <el-image
-          v-for="(img, imgIndex) in item.fileUrls"
+          v-for="(img, imgIndex) in item.imgList"
           :key="imgIndex"
-          style="width: 70px; height: 70px; border-radius: 5px; margin-right: 8px; margin-bottom: 8px;"
+          style="
+            width: 70px;
+            height: 70px;
+            border-radius: 5px;
+            margin-right: 8px;
+            margin-bottom: 8px;
+          "
           :src="img"
           fit="cover"
-          :preview-src-list="item.fileUrls"
+          :preview-src-list="item.imgList"
           :initial-index="imgIndex"
           preview-teleported
         />
       </div>
     </div>
   </div>
-  <el-divider />
+  <el-divider style="margin: 10px 0" />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    default: () => ({
-      userType: '用户',
-      createTime: '',
-      description: '',
-      fileUrls: []
-    })
-  }
-});
+  import Logo from '@/assets/logo.png';
+  defineProps({
+    item: {
+      type: Object,
+      default: () => ({
+        userType: '用户',
+        createTime: '',
+        description: '',
+        fileUrls: []
+      })
+    }
+  });
 </script>