Merge branch 'feature_20250822_经销商逾期改成单选' into release

src/views/agentList/index.vue

@@ -119,6 +119,31 @@
                           <van-icon :name="require('@/assets/icon/ord.png')" size="26" /></div
                       ></template>
                     </el-popover>
+                    <!-- 应收账款逾期 -->
+                    <el-popover
+                      :popper-class="yu7Class(item.chainLabels.beOverdue)"
+                      placement="bottom"
+                      trigger="click"
+                      :content="yu7Content(item.chainLabels.beOverdue)">
+                      <div
+                        v-if="item.chainLabels && item.chainLabels.beOverdue"
+                        class="visitStoreIco"
+                        style="background-color: #fff"
+                        slot="reference">
+                        <van-icon
+                          v-if="item.chainLabels.beOverdue == 1"
+                          :name="require('@/assets/icon/yu71.png')"
+                          size="26" />
+                        <van-icon
+                          v-if="item.chainLabels.beOverdue == 2"
+                          :name="require('@/assets/icon/yu72.png')"
+                          size="26" />
+                        <van-icon
+                          v-if="item.chainLabels.beOverdue == 3"
+                          :name="require('@/assets/icon/yu73.png')"
+                          size="26" />
+                      </div>
+                    </el-popover>
                     <!-- <el-popover
                       popper-class="zpover zpover5"
                       placement="bottom"
@@ -1256,6 +1281,24 @@ export default {
         }
       });
     },
+    yu7Class(val) {
+      if (val == 1) {
+        return 'yu7Class yu71';
+      } else if (val == 2) {
+        return 'yu7Class yu72';
+      } else if (val == 3) {
+        return 'yu7Class yu73';
+      }
+    },
+    yu7Content(val) {
+      if (val == 1) {
+        return '已逾期1~30天（含）';
+      } else if (val == 2) {
+        return '已逾期31~90天（含）';
+      } else if (val == 3) {
+        return '已逾期91天及以上';
+      }
+    },
   },
 };
 </script>
@@ -1501,4 +1544,36 @@ export default {
   min-width: 100px;
   text-align: center;
 }
+.yu71 {
+  background-color: #610000 !important;
+}
+.yu72 {
+  background-color: #450202 !important;
+}
+.yu73 {
+  background-color: #1d2129 !important;
+}
+.yu71 .popper__arrow::after {
+  border-bottom-color: #610000 !important;
+  border-top-color: #610000 !important;
+}
+.yu72 .popper__arrow::after {
+  border-bottom-color: #450202 !important;
+  border-top-color: #450202 !important;
+}
+.yu73 .popper__arrow::after {
+  border-bottom-color: #1d2129 !important;
+  border-top-color: #1d2129 !important;
+}
+.yu7Class {
+  color: #fff !important;
+  padding: 8px 10px !important;
+  z-index: 1 !important;
+  border-radius: 20px !important;
+  border: 0 !important;
+  box-shadow: none !important;
+}
+.yu7Class p {
+  margin: 0;
+}
 </style>