收入信息

liuqimichale
1 parent f5d4b70c
Showing 2 changed files with 52 additions and 2 deletions
src/components/VIncome.vue
src/view/VHome.vue
+<template>
+    <div class="theme-wrap">
+        <card-title> <span>收入消息</span></card-title>
+        <div class="theme-body">
+            <account-num>
+                <span>总计</span>
+            </account-num>
+            <div class="income-echart">
+
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import CardTitle from './base/CardTitle'
+import AccountNum from './base/AccountNum'
+export default {
+  name: 'VIncome',
+  components: {
+    CardTitle,
+    AccountNum
+  },
+  data() {
+    return {
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+    .theme-wrap {
+        height: 100%;
+    }
+    .theme-body {
+        height: calc(100% - 30px);
+        margin-left: 20px;
+    }
+    .income-echart{
+        height: 70%;
+        background-color: #f00;
+    }
+
+</style>
@@ -17,7 +17,9 @@
         <v-map></v-map>
       </li>
       <li class="main-right">
-        <div class="frame-wrap"></div>
+        <div class="frame-wrap">
+          <v-income></v-income>
+        </div>
         <div class="frame-wrap frame-wrap-center"></div>
         <div class="frame-wrap"></div>
       </li>
@@ -31,6 +33,7 @@ import VMap from &#39;../components/VMap&#39;
 import VParking from '../components/VParking'
 import VToll from '../components/VToll'
 import VInout from '../components/VInout'
+import VIncome from '../components/VIncome'
 export default {
   name: 'VHome',
   components: {
@@ -38,7 +41,8 @@ export default {
     VMap,
     VParking,
     VToll,
-    VInout
+    VInout,
+    VIncome
   }
 }
 </script>
@@ -71,6 +75,7 @@ export default {
     height: calc((100% - 20px)/3);
     background: url("../images/content/frame-wrap.png");
     background-size: 100% 100%;
+    overflow: hidden;
     /*border-image-source: url("../images/content/frame-wrap.png");*/
     /*border-image-slice: 3 16 11 3 fill;*/
     /*border-width: 3px 18px 11px 3px;*/