From 09946a79821295bd03144808c0670e399af1ed31 Mon Sep 17 00:00:00 2001
From: 13404089107 <puwei@sinata.cn>
Date: 星期一, 24 三月 2025 18:17:04 +0800
Subject: [PATCH] 对接大屏下面接口
---
src/components/datascreen/CenterPanel.vue | 67 ++++++++++++---------------------
1 files changed, 24 insertions(+), 43 deletions(-)
diff --git a/src/components/datascreen/CenterPanel.vue b/src/components/datascreen/CenterPanel.vue
index ecc7d6b..bc97b17 100644
--- a/src/components/datascreen/CenterPanel.vue
+++ b/src/components/datascreen/CenterPanel.vue
@@ -40,22 +40,24 @@
<div class="compensation-table">
<div class="table-header">
<div class="batch-number txt-center">安置批次</div>
- <div class="household-count txt-center">安置户数</div>
+ <div class="household-count txt-center">户主名称</div>
<div class="people-count txt-center">安置人数</div>
<div class="progress-wrapper txt-center">补偿阶段</div>
</div>
<div class="table-content">
- <div class="table-row" v-for="(item, index) in compensationList" :key="index">
- <div class="batch-number pl-20">{{ item.batchNumber }}</div>
- <div class="household-count">{{ item.householdCount }}</div>
- <div class="people-count">{{ item.peopleCount }}</div>
+ <div class="table-row" v-for="(item, index) in data.quarterProcessResponses" :key="index">
+ <div class="batch-number text-center">{{ item.batchNumber }}</div>
+ <div class="household-count text-center">{{ item.householdHead }}</div>
+ <div class="people-count text-center">{{ item.currentCount }}</div>
<div class="progress-wrapper">
<div class="progress-bar">
<div class="progress-fill">
- <div class="progress-color" :class="item.point>=25?'progress-yellow':item.point>=50?'progress-green':item.point>=75?'progress-blue':'progress-gray'"></div>
+ <div class="progress-color"
+ :class="item.process <= 5 ? 'progress-yellow' : item.process <= 10&&item.process>5 ? 'progress-green' : item.process <= 15&&item.process>10 ? 'progress-blue' : 'progress-gray'">
+ </div>
</div>
</div>
- <div class="progress-text">{{ item.stage }}/20</div>
+ <div class="progress-text">{{ item.process }}/20</div>
</div>
</div>
</div>
@@ -85,42 +87,7 @@
{ label: '已完成', value: '2021103000003', percentage: 50 }
],
compensationList: [
- {
- batchNumber: '2021103000001',
- householdCount: '8355',
- peopleCount: '238355',
- progress: 50,
- yellowProgress: 20,
- blueProgress: 30,
- stage: '1'
- },
- {
- batchNumber: '2021103000001',
- householdCount: '8355',
- peopleCount: '238355',
- progress: 60,
- yellowProgress: 25,
- blueProgress: 35,
- stage: '2'
- },
- {
- batchNumber: '2021103000001',
- householdCount: '8355',
- peopleCount: '238355',
- progress: 75,
- yellowProgress: 30,
- blueProgress: 45,
- stage: '2'
- },
- {
- batchNumber: '2021103000001',
- householdCount: '8355',
- peopleCount: '238355',
- progress: 90,
- yellowProgress: 35,
- blueProgress: 55,
- stage: '2'
- }
+
]
};
}
@@ -130,6 +97,10 @@
<style lang="less" scoped>
.pl-20 {
padding-left: 20px;
+}
+
+.text-center {
+ text-align: center;
}
.center-panel {
@@ -206,6 +177,16 @@
height: 174px;
display: flex;
overflow-y: auto;
+ scrollbar-width: none;
+ /* Firefox */
+ -ms-overflow-style: none;
+
+ /* IE 和 Edge */
+ &::-webkit-scrollbar {
+ display: none;
+ /* Chrome, Safari 和 Opera */
+ }
+
flex-direction: column;
justify-content: space-between;
--
Gitblit v1.7.1