feature_20250704_陈列SKU图片识别

src/views/historicalVisit/skuRecognize.vue

@@ -10,7 +10,7 @@
       <div class="tipsTitle">目前仅识别</div>
       <deleteUploadImg :imgs="detail.fileInfoList"></deleteUploadImg>
       <div class="skuDeatil" v-if="detail.skuDeatil">
-        <div class="skuNum" style="padding: 10px 0">SKU识别：{{ detail.skuDeatil.length }}个</div>
+        <div class="tableTitle">SKU识别：{{ detail.skuDeatil.length }}个</div>
         <el-table
           :data="detail.skuDeatil"
           style="width: 100%; border-radius: 10px"
@@ -24,11 +24,31 @@
           <el-table-column label="数量" prop="count" align="center"></el-table-column>
         </el-table>
       </div>
+      <!-- 返回历史 -->
+      <div class="feedbackHistorical" v-if="historicalData.length">
+        <div class="tableTitle">识别异常反馈</div>
+        <div class="historicalContent">
+          <div class="rejectMsgItem" v-for="(item, index) in historicalData" :key="index">
+            <div class="item approver">
+              <span class="label">反馈人：</span>
+              <span class="value">{{ item.approvalUserName }}</span>
+            </div>
+            <div class="item approvalTime">
+              <span class="label">反馈时间：</span>
+              <span class="value">{{ item.approvalTime }}</span>
+            </div>
+            <div class="item rejectCause">
+              <span class="label">反馈内容：</span>
+              <span class="value">{{ item.approvalDesc }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
     <!-- 识别异常反馈 -->
     <van-popup v-model="feedbackShow" round class="feedbackMsgBox" :close-on-click-overlay="false">
-      <div class="title">SKU图像识别结果异常反馈</div>
-      <div class="content">
+      <div class="feedbackTitle">SKU图像识别结果异常反馈</div>
+      <div class="feedbackContent">
         <van-field
           v-model="feedbackMessage"
           rows="2"
@@ -51,14 +71,15 @@ export default {
   components: { deleteUploadImg },
   data() {
     return {
-      id: '',
+      visitsId: '',
       detail: null,
       feedbackShow: false,
       feedbackMessage: '', //反馈内容
+      historicalData: [],
     };
   },
   activated() {
-    this.id = this.$route.query.id;
+    this.visitsId = this.$route.query.visitsId;
     this.getDetail();
   },
   methods: {
@@ -80,6 +101,73 @@ export default {
 </script>
 <style lang="scss" scoped>
 .skuRecognize {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  .content {
+    flex: 1;
+    overflow-y: auto;
+    background: #fff;
+    padding: 10px 15px;
+    margin-top: 10px;
+    .title {
+      font-size: 16px;
+      padding-bottom: 10px;
+    }
+    .tipsTitle {
+      font-size: 14px;
+      padding-bottom: 10px;
+    }
+    .tableTitle {
+      padding: 10px 0;
+      font-size: 16px;
+      font-weight: bold;
+      background: #f5f5f5;
+    }
+    .skuDeatil {
+      .table-headermd {
+        font-size: 12px;
+        text-align: center;
+        position: initial;
+        width: 98% !important;
+        margin: 0 auto;
+        border-right: 0;
+        border-radius: 10px;
+        .el-table__cell {
+          padding: 6px 0 !important;
+        }
+      }
+      .table-headermd th.el-table__cell {
+        background-color: #1989fa;
+        color: #fff;
+      }
+    }
+    .feedbackHistorical {
+      .historicalContent {
+        flex: 1;
+        overflow-y: auto;
+        .rejectMsgItem {
+          margin-bottom: 20px;
+          .item {
+            padding: 5px 0;
+            span {
+              display: inline-block;
+            }
+          }
+          .label {
+            width: 80px;
+            font-size: 14px;
+            font-weight: 600;
+          }
+          .value {
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  }
   .feedbackMsgBox {
     min-height: 30%;
     width: 90%;
@@ -87,13 +175,13 @@ export default {
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    .title {
+    .feedbackTitle {
       padding: 10px 0;
       text-align: center;
       font-size: 16px;
       font-weight: 600px;
     }
-    .content {
+    .feedbackContent {
       flex: 1;
       overflow-y: auto;
       .rejectMsgItem {