diff --git a/src/components/block/index.scss b/src/components/block/index.scss
index 67e7918..117bd69 100644
--- a/src/components/block/index.scss
+++ b/src/components/block/index.scss
@@ -6,8 +6,9 @@
   display: flex;
 
   .icon {
+    // border: 1px solid red;
     width: 80px;
-    height: 100px;
+    height: 90px;
   }
 
   .right {
diff --git a/src/router/index.js b/src/router/index.js
index 3d07fd7..202ac64 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,7 +6,7 @@ const routes = [
   {
     path: '/',
     name: 'root',
-    redirect: '/resources'
+    redirect: '/property'
   },
   // 资金
   {
@@ -19,6 +19,12 @@ const routes = [
     path: '/resources',
     name: 'resources',
     component: () => import('@/views/resources/index.vue')
+  },
+  // 资产
+  {
+    path: '/property',
+    name: 'property',
+    component: () => import('@/views/property/index.vue')
   }
 ];
 
diff --git a/src/views/property/comps/buttom/1/data.js b/src/views/property/comps/buttom/1/data.js
new file mode 100644
index 0000000..33dd7a4
--- /dev/null
+++ b/src/views/property/comps/buttom/1/data.js
@@ -0,0 +1,34 @@
+export default [
+  [
+    {
+      show: true,
+      name: '农用地（亩）',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '建设用地（亩）',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '未利用地（亩）',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '农用地（宗）',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '建设用地（宗）',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '未利用地（宗）',
+      value: '103'
+    }
+  ]
+]
\ No newline at end of file
diff --git a/src/views/property/comps/buttom/1/index.html b/src/views/property/comps/buttom/1/index.html
new file mode 100644
index 0000000..6d8e753
--- /dev/null
+++ b/src/views/property/comps/buttom/1/index.html
@@ -0,0 +1,9 @@
+<div class="buttom2">
+  <table> 
+    <tr v-for="line in data">
+      <td v-for="item in line">
+        <BlockValue v-if="item.show" :data="item"></BlockValue>
+      </td>
+    </tr>
+  </table>
+</div>
\ No newline at end of file
diff --git a/src/views/property/comps/buttom/1/index.js b/src/views/property/comps/buttom/1/index.js
new file mode 100644
index 0000000..7b2a5a9
--- /dev/null
+++ b/src/views/property/comps/buttom/1/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: {
+  }
+};
diff --git a/src/views/property/comps/buttom/1/index.scss b/src/views/property/comps/buttom/1/index.scss
new file mode 100644
index 0000000..fb1b8a3
--- /dev/null
+++ b/src/views/property/comps/buttom/1/index.scss
@@ -0,0 +1,16 @@
+.buttom2 {
+  width: 960px;
+
+  table {
+    width: 100%;
+
+    tr {
+      width: 100%;
+
+      td {
+
+        width: 16.6%;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/buttom/1/index.vue b/src/views/property/comps/buttom/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/buttom/1/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>
diff --git a/src/views/property/comps/left/bottom/1/index.html b/src/views/property/comps/left/bottom/1/index.html
new file mode 100644
index 0000000..9889868
--- /dev/null
+++ b/src/views/property/comps/left/bottom/1/index.html
@@ -0,0 +1,10 @@
+<Pannel title="经营性资产分析" height="340">
+  <div class="full">
+    <div class="top">
+      <PannelTabs @change="tabChange" :data="pannelTabData"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <Bar id="bar2"></Bar>
+    </div>
+  </div>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/1/index.js b/src/views/property/comps/left/bottom/1/index.js
new file mode 100644
index 0000000..caa8597
--- /dev/null
+++ b/src/views/property/comps/left/bottom/1/index.js
@@ -0,0 +1,36 @@
+import Pannel from '@/components/pannel/index.vue';
+import PannelTabs from '@/components/pannel-tabs/index.vue';
+import Bar from '@/components/charts/bar/index.vue';
+
+export default {
+  components: {
+    Bar,
+    PannelTabs,
+    Pannel
+  },
+  data () {
+    return {
+      pannelTabData: [
+        {
+          id: '1',
+          name: '闲置'
+        },
+        {
+          id: '2',
+          name: '出租'
+        }
+      ],
+      tabIndex: '1'
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange (info) {
+      console.log(info);
+      this.tabIndex = info.id
+    }
+  }
+};
diff --git a/src/views/property/comps/left/bottom/1/index.scss b/src/views/property/comps/left/bottom/1/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/bottom/1/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/1/index.vue b/src/views/property/comps/left/bottom/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/bottom/1/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>
diff --git a/src/views/property/comps/left/bottom/2/index.html b/src/views/property/comps/left/bottom/2/index.html
new file mode 100644
index 0000000..a8cb0e7
--- /dev/null
+++ b/src/views/property/comps/left/bottom/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资金往来不规范预警分析" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/2/index.js b/src/views/property/comps/left/bottom/2/index.js
new file mode 100644
index 0000000..3b95b31
--- /dev/null
+++ b/src/views/property/comps/left/bottom/2/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/bottom/2/index.scss b/src/views/property/comps/left/bottom/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/bottom/2/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/2/index.vue b/src/views/property/comps/left/bottom/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/bottom/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>
diff --git a/src/views/property/comps/left/bottom/3/index.html b/src/views/property/comps/left/bottom/3/index.html
new file mode 100644
index 0000000..a8cb0e7
--- /dev/null
+++ b/src/views/property/comps/left/bottom/3/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资金往来不规范预警分析" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/3/index.js b/src/views/property/comps/left/bottom/3/index.js
new file mode 100644
index 0000000..3b95b31
--- /dev/null
+++ b/src/views/property/comps/left/bottom/3/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/bottom/3/index.scss b/src/views/property/comps/left/bottom/3/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/bottom/3/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/3/index.vue b/src/views/property/comps/left/bottom/3/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/bottom/3/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>
diff --git a/src/views/property/comps/left/bottom/4/index.html b/src/views/property/comps/left/bottom/4/index.html
new file mode 100644
index 0000000..a8cb0e7
--- /dev/null
+++ b/src/views/property/comps/left/bottom/4/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资金往来不规范预警分析" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/4/index.js b/src/views/property/comps/left/bottom/4/index.js
new file mode 100644
index 0000000..3b95b31
--- /dev/null
+++ b/src/views/property/comps/left/bottom/4/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/bottom/4/index.scss b/src/views/property/comps/left/bottom/4/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/bottom/4/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/bottom/4/index.vue b/src/views/property/comps/left/bottom/4/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/bottom/4/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>
diff --git a/src/views/property/comps/left/middle/1/index.html b/src/views/property/comps/left/middle/1/index.html
new file mode 100644
index 0000000..89edd1a
--- /dev/null
+++ b/src/views/property/comps/left/middle/1/index.html
@@ -0,0 +1,10 @@
+<Pannel title="固定资产类型分析" height="340">
+  <div class="full">
+    <div class="top">
+      <PannelTabs @change="tabChange" :data="pannelTabData"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <Bar :color="['rgba(134, 91, 252, 1)', 'rgba(49, 129, 246, 1)']"></Bar>
+    </div>
+  </div>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/1/index.js b/src/views/property/comps/left/middle/1/index.js
new file mode 100644
index 0000000..ea79495
--- /dev/null
+++ b/src/views/property/comps/left/middle/1/index.js
@@ -0,0 +1,35 @@
+import Pannel from '@/components/pannel/index.vue';
+import PannelTabs from '@/components/pannel-tabs/index.vue';
+import Bar from '@/components/charts/bar/index.vue';
+
+export default {
+  components: {
+    Bar,
+    PannelTabs,
+    Pannel
+  },
+  data () {
+    return {
+      pannelTabData: [
+        {
+          id: '1',
+          name: '经营性'
+        },
+        {
+          id: '2',
+          name: '非经营性'
+        }
+      ],
+      tabIndex: '1'
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange (info) {
+      this.tabIndex = info.id
+    }
+  }
+};
diff --git a/src/views/property/comps/left/middle/1/index.scss b/src/views/property/comps/left/middle/1/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/middle/1/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/1/index.vue b/src/views/property/comps/left/middle/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/middle/1/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>
diff --git a/src/views/property/comps/left/middle/2/index.html b/src/views/property/comps/left/middle/2/index.html
new file mode 100644
index 0000000..59e3098
--- /dev/null
+++ b/src/views/property/comps/left/middle/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资源不规范出租预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/2/index.js b/src/views/property/comps/left/middle/2/index.js
new file mode 100644
index 0000000..3b95b31
--- /dev/null
+++ b/src/views/property/comps/left/middle/2/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/middle/2/index.scss b/src/views/property/comps/left/middle/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/middle/2/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/2/index.vue b/src/views/property/comps/left/middle/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/middle/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>
diff --git a/src/views/property/comps/left/middle/3/index.html b/src/views/property/comps/left/middle/3/index.html
new file mode 100644
index 0000000..59e3098
--- /dev/null
+++ b/src/views/property/comps/left/middle/3/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资源不规范出租预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/3/index.js b/src/views/property/comps/left/middle/3/index.js
new file mode 100644
index 0000000..3b95b31
--- /dev/null
+++ b/src/views/property/comps/left/middle/3/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/middle/3/index.scss b/src/views/property/comps/left/middle/3/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/middle/3/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/3/index.vue b/src/views/property/comps/left/middle/3/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/middle/3/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>
diff --git a/src/views/property/comps/left/middle/4/index.html b/src/views/property/comps/left/middle/4/index.html
new file mode 100644
index 0000000..59e3098
--- /dev/null
+++ b/src/views/property/comps/left/middle/4/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资源不规范出租预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/4/index.js b/src/views/property/comps/left/middle/4/index.js
new file mode 100644
index 0000000..3b95b31
--- /dev/null
+++ b/src/views/property/comps/left/middle/4/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/middle/4/index.scss b/src/views/property/comps/left/middle/4/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/left/middle/4/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/middle/4/index.vue b/src/views/property/comps/left/middle/4/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/middle/4/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>
diff --git a/src/views/property/comps/left/top/1/1.png b/src/views/property/comps/left/top/1/1.png
new file mode 100644
index 0000000..bf8ed4a
Binary files /dev/null and b/src/views/property/comps/left/top/1/1.png differ
diff --git a/src/views/property/comps/left/top/1/2.png b/src/views/property/comps/left/top/1/2.png
new file mode 100644
index 0000000..b86d43c
Binary files /dev/null and b/src/views/property/comps/left/top/1/2.png differ
diff --git a/src/views/property/comps/left/top/1/3.png b/src/views/property/comps/left/top/1/3.png
new file mode 100644
index 0000000..1a99eb8
Binary files /dev/null and b/src/views/property/comps/left/top/1/3.png differ
diff --git a/src/views/property/comps/left/top/1/bk.png b/src/views/property/comps/left/top/1/bk.png
new file mode 100644
index 0000000..e29c638
Binary files /dev/null and b/src/views/property/comps/left/top/1/bk.png differ
diff --git a/src/views/property/comps/left/top/1/data.js b/src/views/property/comps/left/top/1/data.js
new file mode 100644
index 0000000..b851696
--- /dev/null
+++ b/src/views/property/comps/left/top/1/data.js
@@ -0,0 +1,26 @@
+export default [
+  [
+    {
+      name: '固定资产(个)',
+      icon: require('./1.png'),
+      value: '3420'
+    },
+    {
+      name: '总原值(万元)',
+      icon: require('./2.png'),
+      value: '257'
+    }
+  ],
+  [
+    {
+      name: '经营性固定资产（个）',
+      icon: require('./3.png'),
+      value: '160'
+    },
+    {
+      name: '总原值（万元）',
+      icon: require('./2.png'),
+      value: '101'
+    }
+  ]
+]
\ No newline at end of file
diff --git a/src/views/property/comps/left/top/1/index.html b/src/views/property/comps/left/top/1/index.html
new file mode 100644
index 0000000..496eaf4
--- /dev/null
+++ b/src/views/property/comps/left/top/1/index.html
@@ -0,0 +1,9 @@
+<Pannel title="固定资产概况分析" height="232">
+  <table>
+    <tr v-for="line in data">
+      <td v-for="item in line">
+        <Block :data="item"></Block>
+      </td>
+    </tr>
+  </table>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/top/1/index.js b/src/views/property/comps/left/top/1/index.js
new file mode 100644
index 0000000..dd153d1
--- /dev/null
+++ b/src/views/property/comps/left/top/1/index.js
@@ -0,0 +1,14 @@
+import Pannel from '@/components/pannel/index.vue';
+import Block from '@/components/block/index.vue';
+import data from './data.js';
+export default {
+  components: {
+    Block,
+    Pannel
+  },
+  data () {
+    return {
+      data
+    };
+  }
+};
diff --git a/src/views/property/comps/left/top/1/index.scss b/src/views/property/comps/left/top/1/index.scss
new file mode 100644
index 0000000..f157533
--- /dev/null
+++ b/src/views/property/comps/left/top/1/index.scss
@@ -0,0 +1,12 @@
+table {
+  width: 100%;
+  height: 100%;
+
+  tr {
+    width: 100%;
+
+    td {
+      width: 50%;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/left/top/1/index.vue b/src/views/property/comps/left/top/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/top/1/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>
diff --git a/src/views/property/comps/left/top/2/index.html b/src/views/property/comps/left/top/2/index.html
new file mode 100644
index 0000000..8df72b1
--- /dev/null
+++ b/src/views/property/comps/left/top/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资源处置预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/top/2/index.js b/src/views/property/comps/left/top/2/index.js
new file mode 100644
index 0000000..e2de6b0
--- /dev/null
+++ b/src/views/property/comps/left/top/2/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '处置类型', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '处置类型', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/top/2/index.scss b/src/views/property/comps/left/top/2/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property/comps/left/top/2/index.vue b/src/views/property/comps/left/top/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/top/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>
diff --git a/src/views/property/comps/left/top/3/index.html b/src/views/property/comps/left/top/3/index.html
new file mode 100644
index 0000000..8df72b1
--- /dev/null
+++ b/src/views/property/comps/left/top/3/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资源处置预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/top/3/index.js b/src/views/property/comps/left/top/3/index.js
new file mode 100644
index 0000000..e2de6b0
--- /dev/null
+++ b/src/views/property/comps/left/top/3/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '处置类型', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '处置类型', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/top/3/index.scss b/src/views/property/comps/left/top/3/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property/comps/left/top/3/index.vue b/src/views/property/comps/left/top/3/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/top/3/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>
diff --git a/src/views/property/comps/left/top/4/index.html b/src/views/property/comps/left/top/4/index.html
new file mode 100644
index 0000000..8df72b1
--- /dev/null
+++ b/src/views/property/comps/left/top/4/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资源处置预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/left/top/4/index.js b/src/views/property/comps/left/top/4/index.js
new file mode 100644
index 0000000..e2de6b0
--- /dev/null
+++ b/src/views/property/comps/left/top/4/index.js
@@ -0,0 +1,16 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['资源名称', '类别', '面积（亩）', '处置类型', '部门'],
+      data: [
+        ['资源名称', '类别', '面积（亩）', '处置类型', '部门']
+      ]
+    };
+  }
+};
diff --git a/src/views/property/comps/left/top/4/index.scss b/src/views/property/comps/left/top/4/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property/comps/left/top/4/index.vue b/src/views/property/comps/left/top/4/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/left/top/4/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>
diff --git a/src/views/property/comps/right/bottom/1/index.html b/src/views/property/comps/right/bottom/1/index.html
new file mode 100644
index 0000000..acc4586
--- /dev/null
+++ b/src/views/property/comps/right/bottom/1/index.html
@@ -0,0 +1,3 @@
+<Pannel title="合同不规范管理排名分析" height="340">
+  <ScrollTable :headers="headers"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/bottom/1/index.js b/src/views/property/comps/right/bottom/1/index.js
new file mode 100644
index 0000000..82f0947
--- /dev/null
+++ b/src/views/property/comps/right/bottom/1/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['部门名称', '合同数量', '排名']
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/bottom/1/index.scss b/src/views/property/comps/right/bottom/1/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property/comps/right/bottom/1/index.vue b/src/views/property/comps/right/bottom/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/bottom/1/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>
diff --git a/src/views/property/comps/right/bottom/2/index.html b/src/views/property/comps/right/bottom/2/index.html
new file mode 100644
index 0000000..5c56209
--- /dev/null
+++ b/src/views/property/comps/right/bottom/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同长期未执行预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/bottom/2/index.js b/src/views/property/comps/right/bottom/2/index.js
new file mode 100644
index 0000000..1b2fd92
--- /dev/null
+++ b/src/views/property/comps/right/bottom/2/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '合同截止日期', '部门'],
+      data: [['合同编码', '合同名称', '合同截止日期', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/bottom/2/index.scss b/src/views/property/comps/right/bottom/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/right/bottom/2/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/bottom/2/index.vue b/src/views/property/comps/right/bottom/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/bottom/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>
diff --git a/src/views/property/comps/right/bottom/3/index.html b/src/views/property/comps/right/bottom/3/index.html
new file mode 100644
index 0000000..5c56209
--- /dev/null
+++ b/src/views/property/comps/right/bottom/3/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同长期未执行预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/bottom/3/index.js b/src/views/property/comps/right/bottom/3/index.js
new file mode 100644
index 0000000..1b2fd92
--- /dev/null
+++ b/src/views/property/comps/right/bottom/3/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '合同截止日期', '部门'],
+      data: [['合同编码', '合同名称', '合同截止日期', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/bottom/3/index.scss b/src/views/property/comps/right/bottom/3/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/right/bottom/3/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/bottom/3/index.vue b/src/views/property/comps/right/bottom/3/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/bottom/3/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>
diff --git a/src/views/property/comps/right/bottom/4/index.html b/src/views/property/comps/right/bottom/4/index.html
new file mode 100644
index 0000000..5c56209
--- /dev/null
+++ b/src/views/property/comps/right/bottom/4/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同长期未执行预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/bottom/4/index.js b/src/views/property/comps/right/bottom/4/index.js
new file mode 100644
index 0000000..1b2fd92
--- /dev/null
+++ b/src/views/property/comps/right/bottom/4/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '合同截止日期', '部门'],
+      data: [['合同编码', '合同名称', '合同截止日期', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/bottom/4/index.scss b/src/views/property/comps/right/bottom/4/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/right/bottom/4/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/bottom/4/index.vue b/src/views/property/comps/right/bottom/4/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/bottom/4/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>
diff --git a/src/views/property/comps/right/middle/1/index.html b/src/views/property/comps/right/middle/1/index.html
new file mode 100644
index 0000000..b0ef707
--- /dev/null
+++ b/src/views/property/comps/right/middle/1/index.html
@@ -0,0 +1,10 @@
+<Pannel title="合同数量/金额排名分析" height="340">
+  <div class="full">
+    <div class="top">
+      <PannelTabs @change="tabChange" :data="pannelTabData"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <ScrollTable :headers="headers"></ScrollTable>
+    </div>
+  </div>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/1/index.js b/src/views/property/comps/right/middle/1/index.js
new file mode 100644
index 0000000..f03e899
--- /dev/null
+++ b/src/views/property/comps/right/middle/1/index.js
@@ -0,0 +1,31 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+import PannelTabs from '@/components/pannel-tabs/index.vue';
+export default {
+  components: {
+    PannelTabs,
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['部门名称', '数量', '排名'],
+      pannelTabData: [
+        {
+          id: '1',
+          name: '数量'
+        },
+        {
+          id: '2',
+          name: '金额'
+        }
+      ],
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/middle/1/index.scss b/src/views/property/comps/right/middle/1/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/right/middle/1/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/1/index.vue b/src/views/property/comps/right/middle/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/middle/1/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>
diff --git a/src/views/property/comps/right/middle/2/index.html b/src/views/property/comps/right/middle/2/index.html
new file mode 100644
index 0000000..f1d0bae
--- /dev/null
+++ b/src/views/property/comps/right/middle/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同到期预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/2/index.js b/src/views/property/comps/right/middle/2/index.js
new file mode 100644
index 0000000..1b2fd92
--- /dev/null
+++ b/src/views/property/comps/right/middle/2/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '合同截止日期', '部门'],
+      data: [['合同编码', '合同名称', '合同截止日期', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/middle/2/index.scss b/src/views/property/comps/right/middle/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/right/middle/2/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/2/index.vue b/src/views/property/comps/right/middle/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/middle/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>
diff --git a/src/views/property/comps/right/middle/3/index.html b/src/views/property/comps/right/middle/3/index.html
new file mode 100644
index 0000000..f1d0bae
--- /dev/null
+++ b/src/views/property/comps/right/middle/3/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同到期预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/3/index.js b/src/views/property/comps/right/middle/3/index.js
new file mode 100644
index 0000000..1b2fd92
--- /dev/null
+++ b/src/views/property/comps/right/middle/3/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '合同截止日期', '部门'],
+      data: [['合同编码', '合同名称', '合同截止日期', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/middle/3/index.scss b/src/views/property/comps/right/middle/3/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/right/middle/3/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/3/index.vue b/src/views/property/comps/right/middle/3/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/middle/3/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>
diff --git a/src/views/property/comps/right/middle/4/index.html b/src/views/property/comps/right/middle/4/index.html
new file mode 100644
index 0000000..f1d0bae
--- /dev/null
+++ b/src/views/property/comps/right/middle/4/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同到期预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/4/index.js b/src/views/property/comps/right/middle/4/index.js
new file mode 100644
index 0000000..1b2fd92
--- /dev/null
+++ b/src/views/property/comps/right/middle/4/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '合同截止日期', '部门'],
+      data: [['合同编码', '合同名称', '合同截止日期', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/middle/4/index.scss b/src/views/property/comps/right/middle/4/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/property/comps/right/middle/4/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/middle/4/index.vue b/src/views/property/comps/right/middle/4/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/middle/4/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>
diff --git a/src/views/property/comps/right/top/1/1.png b/src/views/property/comps/right/top/1/1.png
new file mode 100644
index 0000000..bf8ed4a
Binary files /dev/null and b/src/views/property/comps/right/top/1/1.png differ
diff --git a/src/views/property/comps/right/top/1/2.png b/src/views/property/comps/right/top/1/2.png
new file mode 100644
index 0000000..b86d43c
Binary files /dev/null and b/src/views/property/comps/right/top/1/2.png differ
diff --git a/src/views/property/comps/right/top/1/3.png b/src/views/property/comps/right/top/1/3.png
new file mode 100644
index 0000000..1a99eb8
Binary files /dev/null and b/src/views/property/comps/right/top/1/3.png differ
diff --git a/src/views/property/comps/right/top/1/data.js b/src/views/property/comps/right/top/1/data.js
new file mode 100644
index 0000000..408b061
--- /dev/null
+++ b/src/views/property/comps/right/top/1/data.js
@@ -0,0 +1,26 @@
+export default [
+  [
+    {
+      name: '总资产（万元）',
+      icon: require('./1.png'),
+      value: '8000'
+    },
+    {
+      name: '总负债（万元）',
+      icon: require('./2.png'),
+      value: '257'
+    }
+  ],
+  [
+    {
+      name: '总收入（万元）',
+      icon: require('./3.png'),
+      value: '1460'
+    },
+    {
+      name: '总支出（万元）',
+      icon: require('./2.png'),
+      value: '1011'
+    }
+  ]
+]
\ No newline at end of file
diff --git a/src/views/property/comps/right/top/1/index.html b/src/views/property/comps/right/top/1/index.html
new file mode 100644
index 0000000..9a735bb
--- /dev/null
+++ b/src/views/property/comps/right/top/1/index.html
@@ -0,0 +1,9 @@
+<Pannel title="合同概况分析" height="232">
+  <table>
+    <tr v-for="line in data">
+      <td v-for="item in line">
+        <Block :data="item"></Block>
+      </td>
+    </tr>
+  </table>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/top/1/index.js b/src/views/property/comps/right/top/1/index.js
new file mode 100644
index 0000000..dd153d1
--- /dev/null
+++ b/src/views/property/comps/right/top/1/index.js
@@ -0,0 +1,14 @@
+import Pannel from '@/components/pannel/index.vue';
+import Block from '@/components/block/index.vue';
+import data from './data.js';
+export default {
+  components: {
+    Block,
+    Pannel
+  },
+  data () {
+    return {
+      data
+    };
+  }
+};
diff --git a/src/views/property/comps/right/top/1/index.scss b/src/views/property/comps/right/top/1/index.scss
new file mode 100644
index 0000000..f157533
--- /dev/null
+++ b/src/views/property/comps/right/top/1/index.scss
@@ -0,0 +1,12 @@
+table {
+  width: 100%;
+  height: 100%;
+
+  tr {
+    width: 100%;
+
+    td {
+      width: 50%;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/comps/right/top/1/index.vue b/src/views/property/comps/right/top/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/top/1/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>
diff --git a/src/views/property/comps/right/top/2/index.html b/src/views/property/comps/right/top/2/index.html
new file mode 100644
index 0000000..d47cd90
--- /dev/null
+++ b/src/views/property/comps/right/top/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同结款到期预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/top/2/index.js b/src/views/property/comps/right/top/2/index.js
new file mode 100644
index 0000000..3166123
--- /dev/null
+++ b/src/views/property/comps/right/top/2/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '预结款日期', '结款金额', '部门'],
+      data: [['合同编码', '合同名称', '预结款日期', '结款金额', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/top/2/index.scss b/src/views/property/comps/right/top/2/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property/comps/right/top/2/index.vue b/src/views/property/comps/right/top/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/top/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>
diff --git a/src/views/property/comps/right/top/3/index.html b/src/views/property/comps/right/top/3/index.html
new file mode 100644
index 0000000..d47cd90
--- /dev/null
+++ b/src/views/property/comps/right/top/3/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同结款到期预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/top/3/index.js b/src/views/property/comps/right/top/3/index.js
new file mode 100644
index 0000000..3166123
--- /dev/null
+++ b/src/views/property/comps/right/top/3/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '预结款日期', '结款金额', '部门'],
+      data: [['合同编码', '合同名称', '预结款日期', '结款金额', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/top/3/index.scss b/src/views/property/comps/right/top/3/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property/comps/right/top/3/index.vue b/src/views/property/comps/right/top/3/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/top/3/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>
diff --git a/src/views/property/comps/right/top/4/index.html b/src/views/property/comps/right/top/4/index.html
new file mode 100644
index 0000000..d47cd90
--- /dev/null
+++ b/src/views/property/comps/right/top/4/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="合同结款到期预警" height="305">
+  <ScrollTable :headers="headers" :data="data"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/property/comps/right/top/4/index.js b/src/views/property/comps/right/top/4/index.js
new file mode 100644
index 0000000..3166123
--- /dev/null
+++ b/src/views/property/comps/right/top/4/index.js
@@ -0,0 +1,20 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['合同编码', '合同名称', '预结款日期', '结款金额', '部门'],
+      data: [['合同编码', '合同名称', '预结款日期', '结款金额', '部门']]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/property/comps/right/top/4/index.scss b/src/views/property/comps/right/top/4/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property/comps/right/top/4/index.vue b/src/views/property/comps/right/top/4/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/comps/right/top/4/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>
diff --git a/src/views/property/data.js b/src/views/property/data.js
new file mode 100644
index 0000000..cb42c5a
--- /dev/null
+++ b/src/views/property/data.js
@@ -0,0 +1,59 @@
+export const comps = {
+  '1': {
+    'left': [
+      'Left11',
+      'Left21',
+      'Left31',
+    ],
+    'right': [
+      'Right11',
+      'Right21',
+      'Right31',
+    ],
+    'buttom': [
+      'Bottom1'
+    ]
+  },
+  '2': {
+    'left': [
+      'Left12',
+      'Left22',
+      'Left32'
+    ],
+    'right': [
+      'Right12',
+      'Right22',
+      'Right32'
+    ],
+    'buttom': [
+    ]
+  },
+  '3': {
+    'left': [
+      'Left13',
+      'Left23',
+      'Left33'
+    ],
+    'right': [
+      'Right13',
+      'Right23',
+      'Right33'
+    ],
+    'buttom': [
+    ]
+  },
+  '4': {
+    'left': [
+      'Left14',
+      'Left24',
+      'Left34'
+    ],
+    'right': [
+      'Right14',
+      'Right24',
+      'Right34'
+    ],
+    'buttom': [
+    ]
+  }
+}
\ No newline at end of file
diff --git a/src/views/property/icon/yellow.png b/src/views/property/icon/yellow.png
new file mode 100644
index 0000000..f5f29b0
Binary files /dev/null and b/src/views/property/icon/yellow.png differ
diff --git a/src/views/property/index.html b/src/views/property/index.html
new file mode 100644
index 0000000..05cd464
--- /dev/null
+++ b/src/views/property/index.html
@@ -0,0 +1,18 @@
+<div class="page">
+  <div class="map" id="map"></div>
+  <Header title="资产一张图">
+    <div slot="left">
+      <Tabs @change="tabChange" :data="tabData"></Tabs>
+    </div>
+  </Header>
+  <!-- 项目初始化 -->
+  <div class="left_side col space_between">
+    <component :is="item" v-for="(item, index) in currentComp.left" :key="index"></component>
+  </div>
+  <div class="right_side col space_between">
+    <component :is="item" v-for="(item, index) in currentComp.right" :key="index"></component>
+  </div>
+  <div class="buttom_side row space_between">
+    <component :is="item" v-for="(item, index) in currentComp.buttom" :key="index"></component>
+  </div>
+</div>
diff --git a/src/views/property/index.js b/src/views/property/index.js
new file mode 100644
index 0000000..49a41c9
--- /dev/null
+++ b/src/views/property/index.js
@@ -0,0 +1,269 @@
+import Header from '@/components/header/index.vue';
+import Tabs from '@/components/tabs/index.vue';
+
+import Left11 from './comps/left/top/1/index.vue';
+import Left21 from './comps/left/middle/1/index.vue';
+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 Left12 from './comps/left/top/2/index.vue';
+import Left22 from './comps/left/middle/2/index.vue';
+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 Left13 from './comps/left/top/3/index.vue';
+import Left23 from './comps/left/middle/3/index.vue';
+import Left33 from './comps/left/bottom/3/index.vue';
+import Right13 from './comps/right/top/3/index.vue';
+import Right23 from './comps/right/middle/3/index.vue';
+import Right33 from './comps/right/bottom/3/index.vue';
+
+import Left14 from './comps/left/top/4/index.vue';
+import Left24 from './comps/left/middle/4/index.vue';
+import Left34 from './comps/left/bottom/4/index.vue';
+import Right14 from './comps/right/top/4/index.vue';
+import Right24 from './comps/right/middle/4/index.vue';
+import Right34 from './comps/right/bottom/4/index.vue'
+
+import { getConfigKey } from "@/api/system/config";
+import { getInfo } from "@/api/login";
+import { treeselect, treeselectByDeptId } from "@/api/system/dept";
+
+import GisUtils from '@/utils/gis.js';
+
+import { comps } from './data.js'
+import {
+  fromLonLat
+} from 'ol/proj'
+
+let gis = null;
+export default {
+  components: {
+    Header,
+    Tabs,
+    Left11,
+    Left21,
+    Left31,
+    Right11,
+    Right21,
+    Right31,
+    Left12,
+    Left22,
+    Left32,
+    Right12,
+    Right22,
+    Right32,
+    Bottom1,
+    Left13,
+    Left23,
+    Left33,
+    Right13,
+    Right23,
+    Right33,
+    Left14,
+    Left24,
+    Left34,
+    Right14,
+    Right24,
+    Right34
+  },
+  data () {
+    return {
+      tabData: [
+        {
+          id: '1',
+          name: '资产分析'
+        },
+        {
+          id: '2',
+          name: '债务分析'
+        },
+        {
+          id: '3',
+          name: '资产预警'
+        },
+        {
+          id: '4',
+          name: '债务预警'
+        }
+      ],
+      yellowIcon: require('./icon/yellow.png'),
+      tab: '1',
+      comps,
+      map: "",                        // 地图
+      mapGeoServerUrl: "",            // geoserver地址
+      mapBorder: "",                  // 地图边界
+      deptLayer: "",                  // 坐标点图层
+      countyBorderLayerName: "",      // 区县边界图层名称
+      townBorderLayerName: "",        // 乡镇边界图层名称
+      villageBorderLayerName: "",     // 村边界图层名称
+      groupBorderLayerName: "",       // 组边界图层名称
+      addrOptions: [],
+    };
+  },
+  computed: {
+    currentComp: function () {
+      return this.comps[this.tab]
+    }
+  },
+  created () {
+  },
+  mounted () {
+    // 获取geoserver的地址
+    this.getGeoServerUrl();
+    getInfo().then(res => {
+      // this.getData();
+      treeselectByDeptId({ deptId: res.user.deptId }).then((resp) => {
+        this.addrOptions = resp.data;
+        // 初始化地图
+        this.initMap();
+      });
+    });
+  },
+  methods: {
+    tabChange (info) {
+      this.tab = info.id;
+    },
+    // 初始化地图
+    initMap () {
+      let dept = this.addrOptions[0];
+      let mapCenterLocation;
+      if (dept.lng && dept.lat) {
+        mapCenterLocation = [dept.lng, dept.lat];
+      } else {
+        mapCenterLocation = [116.391461, 39.902359];
+      }
+      gis = new GisUtils('map')
+      gis.addTianDiTuLayer()
+      gis.addAnnotationLayer()
+      if (dept.deptLevel === '5') {
+        // 登录身份为市级领导
+        this.userRole = 'cityLeader';
+        this.cityId = dept.id;
+        this.currentDeptLevel = '5';
+        // 添加区县边界
+        this.addCountyBorder(dept.children.map(item => item.id));
+      } else if (dept.deptLevel === '4') {
+        // 登录身份为县级领导
+        this.userRole = 'countyLeader';
+        this.countyId = dept.id;
+        this.currentDeptLevel = '4';
+        // 添加乡镇边界
+        this.addTownBorder(dept.children.map(item => item.id));
+        gis.getView().setZoom(11);
+        // this.villageIds = this.findLeafNodeIds(dept);
+      } else if (dept.deptLevel === '3') {
+        // 登录身份为镇级领导
+        this.userRole = 'townLeader';
+        this.townId = dept.id;
+        this.currentDeptLevel = '3';
+        // 添加村边界
+        this.addVillageBorder(dept.children.map(item => item.id));
+        this.map.getView().setZoom(13);
+        // this.villageIds = this.findLeafNodeIds(dept);
+      }
+      // 添加坐标点图层
+      if (dept.children) {
+        this.addDeptLayer(dept.children, 'yellow.png');
+      }
+      gis.getView().setCenter(fromLonLat(mapCenterLocation))
+
+      // 地图点击事件
+      gis.getMapContainer().on("click", (evt) => {
+        let feature = this.map.forEachFeatureAtPixel(
+          evt.pixel,
+          (feature) => feature
+        );
+        if (feature) {
+          // 镇级：加载村级坐标点
+          if (feature.get('level') === 'deptPoint') {
+            let parentIds = [];
+            this.findParentNodeIds(this.addrOptions, feature.get('deptId'), parentIds);
+            this.addrText = parentIds;
+            this.selectAddress(parentIds);
+          }
+        }
+      });
+    },
+
+    selectAddress (value, isLocated = true) {  // isLocated 控制地图是否跳转
+      this.queryParams.deptId = value[value.length - 1];
+      this.getData(DEPT_CHANGED);
+      let node = this.$refs["cascader"].panel.getNodeByValue(value);
+      this.drawMap(node, isLocated);
+    },
+
+    // 查找指定deptId的所有父节点id
+    findParentNodeIds (tree, deptId, result) {
+      for (let node of tree) {
+        if (node.id === deptId) {
+          result.unshift(node.id);
+          return true;
+        }
+        if (node.children && node.children.length > 0) {
+          let isFind = this.findParentNodeIds(node.children, deptId, result);
+          if (isFind) {
+            result.unshift(node.id);
+            return true;
+          }
+        }
+      }
+      return false;
+    },
+
+
+
+    // 添加坐标点图层
+    addDeptLayer (nextDeptSet) {
+      let features = [];
+      nextDeptSet.forEach(item => {
+        let fs = gis.getFeature(item, this.yellowIcon)
+        features.push(fs);
+      });
+      console.log(features, 88);
+      gis.getVectorLayerByFs(features)
+      gis.mapSetFit(features)
+
+    },
+    // 添加区县边界
+    addCountyBorder (deptIds) {
+      gis.addImageLayer(this.mapGeoServerUrl, this.countyBorderLayerName, deptIds)
+    },
+    // 添加乡镇边界
+    addTownBorder (deptIds) {
+      gis.addImageLayer(this.mapGeoServerUrl, this.townBorderLayerName, deptIds)
+    },
+    // 添加村边界
+    addVillageBorder (deptIds) {
+      gis.addImageLayer(this.mapGeoServerUrl, this.villageBorderLayerName, deptIds)
+    },
+    // 获取geoserver的地址
+    getGeoServerUrl () {
+      // 获取geoserver的地址
+      getConfigKey("system.geoServer.url").then(response => {
+        this.mapGeoServerUrl = response.msg;
+      });
+      // 获取区县边界图层名称
+      getConfigKey("geoserver.layer.countyBorder").then(response => {
+        this.countyBorderLayerName = response.msg;
+      });
+      // 获取乡镇边界的图层名称
+      getConfigKey("geoserver.layer.townBorder").then(response => {
+        this.townBorderLayerName = response.msg;
+      });
+      // 获取村边界的图层名称
+      getConfigKey("geoserver.layer.villageBorder").then(response => {
+        this.villageBorderLayerName = response.msg;
+      });
+      // 获取组边界的图层名称
+      getConfigKey("geoserver.layer.groupBorder").then(response => {
+        this.groupBorderLayerName = response.msg;
+      });
+    }
+  }
+};
diff --git a/src/views/property/index.scss b/src/views/property/index.scss
new file mode 100644
index 0000000..1b7aaf4
--- /dev/null
+++ b/src/views/property/index.scss
@@ -0,0 +1,7 @@
+.map {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
\ No newline at end of file
diff --git a/src/views/property/index.vue b/src/views/property/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/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>