债务分析

src/views/property/comps/buttom/2/data.js

@@ -0,0 +1,41 @@
+export default [
+  [
+    {
+      show: true,
+      name: '短期借款（万）',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '应付款（万）',
+      value: '103'
+    },
+    {
+      show: true,
+      name: '应付工资（万）',
+      value: '716'
+    }
+  ],
+  [
+    {
+      show: true,
+      name: '应付劳务费（万）',
+      value: '301'
+    },
+    {
+      show: true,
+      name: '长期借款及应付款（万）',
+      value: '103'
+    },
+    {
+      show: true,
+      name: '一事一议资金（万）',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '专项应付款（万）',
+      value: '716'
+    }
+  ]
+]

src/views/property/comps/buttom/2/index.html

@@ -0,0 +1,8 @@
+<div class="buttom2">
+  <div class="line">
+    <BlockValue v-for="item in data[0]" :data="item" class="item"></BlockValue>
+  </div>
+  <div class="line">
+    <BlockValue v-for="item in data[1]" :data="item" class="item"></BlockValue>
+  </div>
+</div>

src/views/property/comps/buttom/2/index.js

@@ -0,0 +1,18 @@
+import BlockValue from '@/components/value/index.vue';
+import data from './data.js';
+export default {
+  components: {
+    BlockValue
+  },
+  data () {
+    return {
+      data
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};

src/views/property/comps/buttom/2/index.scss

@@ -0,0 +1,13 @@
+.buttom2 {
+  width: 860px;
+
+  .line {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+
+    .item {
+      margin: 0px 20px;
+    }
+  }
+}

src/views/property/comps/buttom/2/index.vue

@@ -0,0 +1,4 @@
+<template src='./index.html'/>
+<script lang='js' src='./index.js'></script>
+<style lang='scss' src='./index.scss' scoped>
+</style>

src/views/property/data.js

@@ -26,6 +26,7 @@ export const comps = {
       'Right32'
     ],
     'buttom': [
+      'Bottom2'
     ]
   },
   '3': {

src/views/property/index.js

@@ -7,6 +7,7 @@ import Left31 from './comps/left/bottom/1/index.vue';
 import Right11 from './comps/right/top/1/index.vue';
 import Right21 from './comps/right/middle/1/index.vue';
 import Right31 from './comps/right/bottom/1/index.vue';
+import Bottom1 from './comps/buttom/1/index.vue';
 
 import Left12 from './comps/left/top/2/index.vue';
 import Left22 from './comps/left/middle/2/index.vue';
@@ -14,7 +15,8 @@ import Left32 from './comps/left/bottom/2/index.vue';
 import Right12 from './comps/right/top/2/index.vue';
 import Right22 from './comps/right/middle/2/index.vue';
 import Right32 from './comps/right/bottom/2/index.vue';
-import Bottom1 from './comps/buttom/1/index.vue';
+import Bottom2 from './comps/buttom/2/index.vue';
+
 
 import Left13 from './comps/left/top/3/index.vue';
 import Left23 from './comps/left/middle/3/index.vue';
@@ -65,6 +67,7 @@ export default {
     Right13,
     Right23,
     Right33,
+    Bottom2,
     Left14,
     Left24,
     Left34,