|
|
@@ -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>
|
