From 59d4d9d60b6e89235eaef251a1e4150d3aa9b5d6 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Tue, 12 Mar 2019 14:53:47 +0800
Subject: [PATCH] 设备

---
 src/components/VBerth.vue     |  4 ++--
 src/components/VEquipment.vue | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 84 insertions(+), 2 deletions(-)
 create mode 100644 src/components/VEquipment.vue

diff --git a/src/components/VBerth.vue b/src/components/VBerth.vue
index bbad672..9fd58ec 100644
--- a/src/components/VBerth.vue
+++ b/src/components/VBerth.vue
@@ -10,8 +10,8 @@
                    <pie-echart :chart-data="pieChartData"></pie-echart>
                </li>
                <li class="berth-inf">
-                   <p><span class="free-berth">11834</span><span>空余</span></p>
-                   <p><span class="buss-berth">4496</span><span>占有</span></p>
+                   <p><span class="free-berth">{{11834|filterTotal}}</span><span>空余</span></p>
+                   <p><span class="buss-berth">{{4496|filterTotal}}</span><span>占有</span></p>
                </li>
             </ul>
         </div>
diff --git a/src/components/VEquipment.vue b/src/components/VEquipment.vue
new file mode 100644
index 0000000..cc0d9ce
--- /dev/null
+++ b/src/components/VEquipment.vue
@@ -0,0 +1,82 @@
+<template>
+    <div class="theme-wrap">
+        <card-title> <span>设备监控消息</span></card-title>
+        <div class="theme-body">
+            <account-num>
+                <span>总计</span>
+            </account-num>
+            <ul class="income-echart">
+                <li>
+                    <pie-echart :chart-data="pieChartData"></pie-echart>
+                </li>
+                <li class="berth-inf">
+                    <p><span class="free-berth">11834</span><span>空余</span></p>
+                    <p><span class="buss-berth">4496</span><span>占有</span></p>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+import CardTitle from './base/CardTitle'
+import AccountNum from './base/AccountNum'
+import PieEchart from './base/PieEchart'
+export default {
+  name: 'VEquipment',
+  components: {
+    CardTitle,
+    AccountNum,
+    PieEchart
+  },
+  data() {
+    return {
+      pieChartData: {
+        yData: [1,1],
+        legendData: ['空余','占有']
+      },
+    }
+  },
+  mounted(){
+    //this.drawBar();
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+    .theme-wrap {
+        height: 100%;
+    }
+    .theme-body {
+        height: calc(100% - 30px);
+        margin-left: 20px;
+    }
+    .income-echart{
+        height: 70%;
+        display: flex;
+        >li{
+            flex: 1;
+        }
+        .berth-inf{
+            p{
+                height: 50%;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding-right: 20px;
+            }
+            .free-berth{
+                @include fontStyle(24px);
+                background-image: $fontBlue;
+            }
+            .buss-berth{
+                @include fontStyle(24px);
+                background-image: $fontOrange;
+            }
+        }
+    }
+
+</style>
--
libgit2 0.21.4