资金看板-完善-数据暂时没有对接

2025-08-21 21:37:32 +08:00
parent 5870c66161
commit 40cb0589f8
11 changed files with 268 additions and 5 deletions
--- a/src/views/largeScreen/components/bottomboxconpoent.vue
+++ b/src/views/largeScreen/components/bottomboxconpoent.vue
@ -0,0 +1,45 @@
+<template>
+    <div class="bottom_box">
+        <div class="bottom_box_title">收入合同</div>
+        <div>
+            <span class="bottom_box_number">205,805.17</span>
+            <span>万元</span>
+        </div>
+        <div class="bottom_box_bottom">
+            <el-progress :percentage="50" color="rgba(255, 147, 42, 1)" />
+        </div>
+        <div class="bottom_box_text">
+            成本率
+        </div>
+    </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss">
+.bottom_box {
+    width: 225px;
+    height: 147px;
+    height: 100%;
+    padding: 10px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+
+    .bottom_box_title,
+    .bottom_box_text {
+      color: rgba(143, 171, 191, 1);
+      font-size: 14px;
+      line-height: 20px;
+    }
+
+    .bottom_box_number {
+      font-size: 24px;
+      color: #fff;
+      line-height: 30px;
+    }
+  }
+</style>