From 35f5de5e734fa7a3e00b943984f9a1519c2c412a Mon Sep 17 00:00:00 2001
From: yuzongping <835949940@qq.com>
Date: Wed, 11 Jun 2025 14:31:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E4=BA=A7=E4=B8=80=E5=BC=A0=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/block/index.scss               |   3 +-
 src/router/index.js                           |   8 +-
 src/views/property/comps/buttom/1/data.js     |  34 +++
 src/views/property/comps/buttom/1/index.html  |   9 +
 src/views/property/comps/buttom/1/index.js    |  18 ++
 src/views/property/comps/buttom/1/index.scss  |  16 ++
 src/views/property/comps/buttom/1/index.vue   |   4 +
 .../property/comps/left/bottom/1/index.html   |  10 +
 .../property/comps/left/bottom/1/index.js     |  36 +++
 .../property/comps/left/bottom/1/index.scss   |  17 ++
 .../property/comps/left/bottom/1/index.vue    |   4 +
 .../property/comps/left/bottom/2/index.html   |   4 +
 .../property/comps/left/bottom/2/index.js     |  16 ++
 .../property/comps/left/bottom/2/index.scss   |  17 ++
 .../property/comps/left/bottom/2/index.vue    |   4 +
 .../property/comps/left/bottom/3/index.html   |   4 +
 .../property/comps/left/bottom/3/index.js     |  16 ++
 .../property/comps/left/bottom/3/index.scss   |  17 ++
 .../property/comps/left/bottom/3/index.vue    |   4 +
 .../property/comps/left/bottom/4/index.html   |   4 +
 .../property/comps/left/bottom/4/index.js     |  16 ++
 .../property/comps/left/bottom/4/index.scss   |  17 ++
 .../property/comps/left/bottom/4/index.vue    |   4 +
 .../property/comps/left/middle/1/index.html   |  10 +
 .../property/comps/left/middle/1/index.js     |  35 +++
 .../property/comps/left/middle/1/index.scss   |  17 ++
 .../property/comps/left/middle/1/index.vue    |   4 +
 .../property/comps/left/middle/2/index.html   |   4 +
 .../property/comps/left/middle/2/index.js     |  16 ++
 .../property/comps/left/middle/2/index.scss   |  17 ++
 .../property/comps/left/middle/2/index.vue    |   4 +
 .../property/comps/left/middle/3/index.html   |   4 +
 .../property/comps/left/middle/3/index.js     |  16 ++
 .../property/comps/left/middle/3/index.scss   |  17 ++
 .../property/comps/left/middle/3/index.vue    |   4 +
 .../property/comps/left/middle/4/index.html   |   4 +
 .../property/comps/left/middle/4/index.js     |  16 ++
 .../property/comps/left/middle/4/index.scss   |  17 ++
 .../property/comps/left/middle/4/index.vue    |   4 +
 src/views/property/comps/left/top/1/1.png     | Bin 0 -> 2934 bytes
 src/views/property/comps/left/top/1/2.png     | Bin 0 -> 2890 bytes
 src/views/property/comps/left/top/1/3.png     | Bin 0 -> 2848 bytes
 src/views/property/comps/left/top/1/bk.png    | Bin 0 -> 9446 bytes
 src/views/property/comps/left/top/1/data.js   |  26 ++
 .../property/comps/left/top/1/index.html      |   9 +
 src/views/property/comps/left/top/1/index.js  |  14 +
 .../property/comps/left/top/1/index.scss      |  12 +
 src/views/property/comps/left/top/1/index.vue |   4 +
 .../property/comps/left/top/2/index.html      |   4 +
 src/views/property/comps/left/top/2/index.js  |  16 ++
 .../property/comps/left/top/2/index.scss      |   0
 src/views/property/comps/left/top/2/index.vue |   4 +
 .../property/comps/left/top/3/index.html      |   4 +
 src/views/property/comps/left/top/3/index.js  |  16 ++
 .../property/comps/left/top/3/index.scss      |   0
 src/views/property/comps/left/top/3/index.vue |   4 +
 .../property/comps/left/top/4/index.html      |   4 +
 src/views/property/comps/left/top/4/index.js  |  16 ++
 .../property/comps/left/top/4/index.scss      |   0
 src/views/property/comps/left/top/4/index.vue |   4 +
 .../property/comps/right/bottom/1/index.html  |   3 +
 .../property/comps/right/bottom/1/index.js    |  20 ++
 .../property/comps/right/bottom/1/index.scss  |   0
 .../property/comps/right/bottom/1/index.vue   |   4 +
 .../property/comps/right/bottom/2/index.html  |   4 +
 .../property/comps/right/bottom/2/index.js    |  20 ++
 .../property/comps/right/bottom/2/index.scss  |  17 ++
 .../property/comps/right/bottom/2/index.vue   |   4 +
 .../property/comps/right/bottom/3/index.html  |   4 +
 .../property/comps/right/bottom/3/index.js    |  20 ++
 .../property/comps/right/bottom/3/index.scss  |  17 ++
 .../property/comps/right/bottom/3/index.vue   |   4 +
 .../property/comps/right/bottom/4/index.html  |   4 +
 .../property/comps/right/bottom/4/index.js    |  20 ++
 .../property/comps/right/bottom/4/index.scss  |  17 ++
 .../property/comps/right/bottom/4/index.vue   |   4 +
 .../property/comps/right/middle/1/index.html  |  10 +
 .../property/comps/right/middle/1/index.js    |  31 ++
 .../property/comps/right/middle/1/index.scss  |  17 ++
 .../property/comps/right/middle/1/index.vue   |   4 +
 .../property/comps/right/middle/2/index.html  |   4 +
 .../property/comps/right/middle/2/index.js    |  20 ++
 .../property/comps/right/middle/2/index.scss  |  17 ++
 .../property/comps/right/middle/2/index.vue   |   4 +
 .../property/comps/right/middle/3/index.html  |   4 +
 .../property/comps/right/middle/3/index.js    |  20 ++
 .../property/comps/right/middle/3/index.scss  |  17 ++
 .../property/comps/right/middle/3/index.vue   |   4 +
 .../property/comps/right/middle/4/index.html  |   4 +
 .../property/comps/right/middle/4/index.js    |  20 ++
 .../property/comps/right/middle/4/index.scss  |  17 ++
 .../property/comps/right/middle/4/index.vue   |   4 +
 src/views/property/comps/right/top/1/1.png    | Bin 0 -> 2934 bytes
 src/views/property/comps/right/top/1/2.png    | Bin 0 -> 2890 bytes
 src/views/property/comps/right/top/1/3.png    | Bin 0 -> 2848 bytes
 src/views/property/comps/right/top/1/data.js  |  26 ++
 .../property/comps/right/top/1/index.html     |   9 +
 src/views/property/comps/right/top/1/index.js |  14 +
 .../property/comps/right/top/1/index.scss     |  12 +
 .../property/comps/right/top/1/index.vue      |   4 +
 .../property/comps/right/top/2/index.html     |   4 +
 src/views/property/comps/right/top/2/index.js |  20 ++
 .../property/comps/right/top/2/index.scss     |   0
 .../property/comps/right/top/2/index.vue      |   4 +
 .../property/comps/right/top/3/index.html     |   4 +
 src/views/property/comps/right/top/3/index.js |  20 ++
 .../property/comps/right/top/3/index.scss     |   0
 .../property/comps/right/top/3/index.vue      |   4 +
 .../property/comps/right/top/4/index.html     |   4 +
 src/views/property/comps/right/top/4/index.js |  20 ++
 .../property/comps/right/top/4/index.scss     |   0
 .../property/comps/right/top/4/index.vue      |   4 +
 src/views/property/data.js                    |  59 ++++
 src/views/property/icon/yellow.png            | Bin 0 -> 1769 bytes
 src/views/property/index.html                 |  18 ++
 src/views/property/index.js                   | 269 ++++++++++++++++++
 src/views/property/index.scss                 |   7 +
 src/views/property/index.vue                  |   4 +
 118 files changed, 1471 insertions(+), 2 deletions(-)
 create mode 100644 src/views/property/comps/buttom/1/data.js
 create mode 100644 src/views/property/comps/buttom/1/index.html
 create mode 100644 src/views/property/comps/buttom/1/index.js
 create mode 100644 src/views/property/comps/buttom/1/index.scss
 create mode 100644 src/views/property/comps/buttom/1/index.vue
 create mode 100644 src/views/property/comps/left/bottom/1/index.html
 create mode 100644 src/views/property/comps/left/bottom/1/index.js
 create mode 100644 src/views/property/comps/left/bottom/1/index.scss
 create mode 100644 src/views/property/comps/left/bottom/1/index.vue
 create mode 100644 src/views/property/comps/left/bottom/2/index.html
 create mode 100644 src/views/property/comps/left/bottom/2/index.js
 create mode 100644 src/views/property/comps/left/bottom/2/index.scss
 create mode 100644 src/views/property/comps/left/bottom/2/index.vue
 create mode 100644 src/views/property/comps/left/bottom/3/index.html
 create mode 100644 src/views/property/comps/left/bottom/3/index.js
 create mode 100644 src/views/property/comps/left/bottom/3/index.scss
 create mode 100644 src/views/property/comps/left/bottom/3/index.vue
 create mode 100644 src/views/property/comps/left/bottom/4/index.html
 create mode 100644 src/views/property/comps/left/bottom/4/index.js
 create mode 100644 src/views/property/comps/left/bottom/4/index.scss
 create mode 100644 src/views/property/comps/left/bottom/4/index.vue
 create mode 100644 src/views/property/comps/left/middle/1/index.html
 create mode 100644 src/views/property/comps/left/middle/1/index.js
 create mode 100644 src/views/property/comps/left/middle/1/index.scss
 create mode 100644 src/views/property/comps/left/middle/1/index.vue
 create mode 100644 src/views/property/comps/left/middle/2/index.html
 create mode 100644 src/views/property/comps/left/middle/2/index.js
 create mode 100644 src/views/property/comps/left/middle/2/index.scss
 create mode 100644 src/views/property/comps/left/middle/2/index.vue
 create mode 100644 src/views/property/comps/left/middle/3/index.html
 create mode 100644 src/views/property/comps/left/middle/3/index.js
 create mode 100644 src/views/property/comps/left/middle/3/index.scss
 create mode 100644 src/views/property/comps/left/middle/3/index.vue
 create mode 100644 src/views/property/comps/left/middle/4/index.html
 create mode 100644 src/views/property/comps/left/middle/4/index.js
 create mode 100644 src/views/property/comps/left/middle/4/index.scss
 create mode 100644 src/views/property/comps/left/middle/4/index.vue
 create mode 100644 src/views/property/comps/left/top/1/1.png
 create mode 100644 src/views/property/comps/left/top/1/2.png
 create mode 100644 src/views/property/comps/left/top/1/3.png
 create mode 100644 src/views/property/comps/left/top/1/bk.png
 create mode 100644 src/views/property/comps/left/top/1/data.js
 create mode 100644 src/views/property/comps/left/top/1/index.html
 create mode 100644 src/views/property/comps/left/top/1/index.js
 create mode 100644 src/views/property/comps/left/top/1/index.scss
 create mode 100644 src/views/property/comps/left/top/1/index.vue
 create mode 100644 src/views/property/comps/left/top/2/index.html
 create mode 100644 src/views/property/comps/left/top/2/index.js
 create mode 100644 src/views/property/comps/left/top/2/index.scss
 create mode 100644 src/views/property/comps/left/top/2/index.vue
 create mode 100644 src/views/property/comps/left/top/3/index.html
 create mode 100644 src/views/property/comps/left/top/3/index.js
 create mode 100644 src/views/property/comps/left/top/3/index.scss
 create mode 100644 src/views/property/comps/left/top/3/index.vue
 create mode 100644 src/views/property/comps/left/top/4/index.html
 create mode 100644 src/views/property/comps/left/top/4/index.js
 create mode 100644 src/views/property/comps/left/top/4/index.scss
 create mode 100644 src/views/property/comps/left/top/4/index.vue
 create mode 100644 src/views/property/comps/right/bottom/1/index.html
 create mode 100644 src/views/property/comps/right/bottom/1/index.js
 create mode 100644 src/views/property/comps/right/bottom/1/index.scss
 create mode 100644 src/views/property/comps/right/bottom/1/index.vue
 create mode 100644 src/views/property/comps/right/bottom/2/index.html
 create mode 100644 src/views/property/comps/right/bottom/2/index.js
 create mode 100644 src/views/property/comps/right/bottom/2/index.scss
 create mode 100644 src/views/property/comps/right/bottom/2/index.vue
 create mode 100644 src/views/property/comps/right/bottom/3/index.html
 create mode 100644 src/views/property/comps/right/bottom/3/index.js
 create mode 100644 src/views/property/comps/right/bottom/3/index.scss
 create mode 100644 src/views/property/comps/right/bottom/3/index.vue
 create mode 100644 src/views/property/comps/right/bottom/4/index.html
 create mode 100644 src/views/property/comps/right/bottom/4/index.js
 create mode 100644 src/views/property/comps/right/bottom/4/index.scss
 create mode 100644 src/views/property/comps/right/bottom/4/index.vue
 create mode 100644 src/views/property/comps/right/middle/1/index.html
 create mode 100644 src/views/property/comps/right/middle/1/index.js
 create mode 100644 src/views/property/comps/right/middle/1/index.scss
 create mode 100644 src/views/property/comps/right/middle/1/index.vue
 create mode 100644 src/views/property/comps/right/middle/2/index.html
 create mode 100644 src/views/property/comps/right/middle/2/index.js
 create mode 100644 src/views/property/comps/right/middle/2/index.scss
 create mode 100644 src/views/property/comps/right/middle/2/index.vue
 create mode 100644 src/views/property/comps/right/middle/3/index.html
 create mode 100644 src/views/property/comps/right/middle/3/index.js
 create mode 100644 src/views/property/comps/right/middle/3/index.scss
 create mode 100644 src/views/property/comps/right/middle/3/index.vue
 create mode 100644 src/views/property/comps/right/middle/4/index.html
 create mode 100644 src/views/property/comps/right/middle/4/index.js
 create mode 100644 src/views/property/comps/right/middle/4/index.scss
 create mode 100644 src/views/property/comps/right/middle/4/index.vue
 create mode 100644 src/views/property/comps/right/top/1/1.png
 create mode 100644 src/views/property/comps/right/top/1/2.png
 create mode 100644 src/views/property/comps/right/top/1/3.png
 create mode 100644 src/views/property/comps/right/top/1/data.js
 create mode 100644 src/views/property/comps/right/top/1/index.html
 create mode 100644 src/views/property/comps/right/top/1/index.js
 create mode 100644 src/views/property/comps/right/top/1/index.scss
 create mode 100644 src/views/property/comps/right/top/1/index.vue
 create mode 100644 src/views/property/comps/right/top/2/index.html
 create mode 100644 src/views/property/comps/right/top/2/index.js
 create mode 100644 src/views/property/comps/right/top/2/index.scss
 create mode 100644 src/views/property/comps/right/top/2/index.vue
 create mode 100644 src/views/property/comps/right/top/3/index.html
 create mode 100644 src/views/property/comps/right/top/3/index.js
 create mode 100644 src/views/property/comps/right/top/3/index.scss
 create mode 100644 src/views/property/comps/right/top/3/index.vue
 create mode 100644 src/views/property/comps/right/top/4/index.html
 create mode 100644 src/views/property/comps/right/top/4/index.js
 create mode 100644 src/views/property/comps/right/top/4/index.scss
 create mode 100644 src/views/property/comps/right/top/4/index.vue
 create mode 100644 src/views/property/data.js
 create mode 100644 src/views/property/icon/yellow.png
 create mode 100644 src/views/property/index.html
 create mode 100644 src/views/property/index.js
 create mode 100644 src/views/property/index.scss
 create mode 100644 src/views/property/index.vue

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 0000000000000000000000000000000000000000..bf8ed4a435ada2d7529b7e8d4de98c616e317cd6
GIT binary patch
literal 2934
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

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..b86d43c03afe6ae85c876584ac93668f7ec2c27c
GIT binary patch
literal 2890
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

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..1a99eb80230b53694db4051ff33835bc98d94da3
GIT binary patch
literal 2848
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

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..e29c638a29d121f0a213df1d3ab910a07298b010
GIT binary patch
literal 9446
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

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..bf8ed4a435ada2d7529b7e8d4de98c616e317cd6
GIT binary patch
literal 2934
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

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..b86d43c03afe6ae85c876584ac93668f7ec2c27c
GIT binary patch
literal 2890
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

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..1a99eb80230b53694db4051ff33835bc98d94da3
GIT binary patch
literal 2848
zcmV+*3*YpKP)<h;3K|Lk000e1NJLTq001)p002J-1^@s6O=Iv;00001b5ch_0Itp)
z=>Px<+DSw~RA@u(nR{$pSDnYdzjMyLcOLfG9zWtFj*~cPp+sp)%2rUIgxwWYg-XT4
zMJ+FtLV|#x0;LF4ZCrJ=Dy#BnC@Wg3Qq=NFc41d&VG&dW5J_4RQuRSw*KzE;9M|^P
zGvk^2I_Lb*y$(?+e`Gw{SO|Hf8C}ijJU+kg?{&@){*GSscf^8an7>sumz7yoW(h2?
z>}E?~<ffKbR;DSlEy18=WtPCmO)askOjBlCf<ep5EP;`mT4Gt5rp&ekgO-(90wXuI
z#IiCkGaG>!xZ{o{4YLc_1qKl}CC5t!HMs!*gDktd|Cr4Lvjs<Ti-^d9+r)OXWfm%`
zm~dX0s5%*x1MI!tG%-_?w=;t*H)QsAYKk{xbMB>mZ(Om(8qN|eem(+Q0JY)&n|KT^
zJ&PPhk55ljngMD`nSt$x+O!{R-unK5TUT#wzi#}u!;rZSu-0%|I$^>ZgqH_LJ|N_R
zk=a5xS!llkm1~2p&45$}x;_h{7z6*j2~T~0?A{lCed0S2qGu-`zPh$pb((+~66-$p
zmi}T-ad7KR>;C;m@4XW({g*)Hi|{(v0y=_Q>_=RggwxssT`xg;1+X=+x(=D`fUcZ@
zaP#n|kAY(!!SpfslcRY5qxa&`p~r5nO-DZ)f8?q&i3t`1w0M|pzf$W5)TaI``);ca
z|MJEY2ZrIau7FoulUm;ETnCN=IE5aVpbF`=!deX?EGSW(gzyRoXO4lbMp!xyU7bc$
zIgK~mb`vI_&)qdMJpJJ4LsyLei%SZNhZ)@C4&+yF>AP~(?bC;T^p43RFF>_)Lgk8Z
z+gC$K2Tt2cFf*jrl0qcr70OFpOJ)iwK;m}c><O598PWVys^IHBc@t(&cYVD)QoC=Y
zKK9&V<EAN?^@ZNcR$spM_US`=uAO-N2vn{ED%TE~ZH3da0>a6p&m>%skRZo{4eKD+
zLtLIjlFH-i8JJ)mx>kY-D$srzul>ZwP@e4hM)g$rn@20Bo?SAS-b>fsKK=M3*G~T7
z36OH3vIPjY1u~OQt)IA@aNN|j*u)^|!1&eFb98MEHmau(Cak8QR!7*f;}fWsy1y|$
zQC&iqZ0}{=Th@MY=JD^nWAYFC(~UzYNH>en2pDo9+)N5WiJu7tHc_fb0%79-!bZqQ
z3#)y=TG-gfrVoFbf@<%*^Dma~TN-7yA94nw@Ur5o*L-p6@rSRQdHS(5;iR$RIQael
z-b3sAdd{1K#!pY-@@sZ-6ow0+ka*RNpQ1QgwYxr3yMJVEiDG6$+se&_{xx5iIsD!0
zN>Bfe(po}9#f}1v9elXqI9&hw5AgI%QfCCL(Y$f+voNN2cQ{k}*2w&s=P!KBY(L~|
zjO&|oYx-|39sb@s=Y|i6#H`FrU7hV1JNU5pb8$#A+H83q#r9Sle)0uee(6Q$6ibNL
z{=*GiD%X-4#3ZHdzh);xuD+*MsXRDdJ~6x`FzdDdnwH+aTV{^@;60U*{SIIgX#^WX
z8wb|liC^4Du~|Uc_O8$H@BZhjbnCx9fV;kMbDE|dN!a?f?HE2b0kC1B#1^dkuKtW6
z)$_H;uRk<8H-7ZO!wj+7IR4v<oz9h?oO|lOZm1mH?+LPwwMG&VS!?m_-MjFQZ+=}`
zYyRWG|HQ#VPvcFm-+~<<dRGd#|MySg#vT8X)*2#8dTvWX=-#*Nj74VE-DYn3yGJ)}
z8^sVMeOtq?hW-28jDvgRKz8K@r`UaS`I-OzQ0@3*d8<PYfMT|YVoisC^J6$lfx-Cc
z&-dZJ2Y-kiAAT?1e)U_^X)H5dd*!uoJvYg4OhOq3MLloa5vbPwFGYdBcl?1X#x8sZ
zu>Fv;24R23YrCQH{7<*n#}5{)i8HX;$+zUiBM*HGN~&}0nT&@oeR(%N|JhF=2*PvU
z8*A{s4}OGe^*V!u7Sahiw!W|Kv=987;qWJ8&;9%)_6_NVWdRn`vNK@_glG18eT5CH
zT@TmRM}M`We)33{jjDMV?d0=$@zt;2pZd*9BRzrB`Y-pDl%HF6ew1tTH72EEa<YE=
z=69A<@#4EoU>`khyG~=>x(Gu_m^Id;HST6ZEHE?TbcE%M=cqmpW?Ojtzz2hgr`K~-
z%d?GKC8W6Jb9ai4V%K>MIyYCsSMJ_rtkw+SMC4@r){Fn?s4QOm&Ctq&zN;tZOpA{*
zM|7i!ph1{Km3^}N#h#3bbUP%i$vNhVc;d(hZ0*GX6NecS$BL~HQ5cXhX_uVz$!U^<
z5FjBEcS@Zh33?I&p6eyufsrbCdx0vhJ4Ws69?-G-L>$K_k@YL3Q2Dt3a@~kJjl=95
zaa*U$t!Q^Tl~e;_^2v`2FMA1-*9Be6SRF}bL$HQmEJ38_`t)#?6vd?BOkmRXhExK`
zpu~lw1<0^)0^wv!CJc^={L0;y#b{L5)AO=WS#Y=WXST**2KUHS9RuE+E83mdS*5tX
z$((s=m+ZSD4_(i}8kf@Tvsh^O4W)<S)ZNd5oK-3LhJ>_?q_!rpz)Z|Zf{UTNx~-g=
zN4EQJqnsxcg{PdHSDGBZG{9au@4Z07Fe}zxm5FDjim}UmQmTvS)WO?CwrwpsE^-*0
zoQ=hTU!8?mczDVD3y+)tq>t$br^P6x7Mh|tZT<2r71rFz#LqF?6DrEiOjlo3e+6M!
zuE;!@i9NqVtJYPLu#v!*Q0cjMJEnRG3jM~o9TZa{(AmBI6-)|{D6s&=Nfja}0d^2E
z1!WOgJ7zMyKV;bF3FZY@=Y&#Jnwolz|H{E6ne3SZUQ1_Bt7GdcAnaOV+5jomlZgl1
zsI)of=#{yA!DFWdMtCq#uuQOL#Yy9a2uc#9Ajl+~IEFu8j^~5;Okm|74SB<Y<8e#k
zC`gV)+MjF(%BN>X!$vY%V{Qf}Y(K0zfE+uyb{WULAh8;RJ}YP?F?U<0HUZm~b<mad
z+(I^+$$FWr>$;vIsgiX#j<t!RDDr*ZuLnW39>z1;U{=CbnP`fbCP4Nih)x;i<U(V%
zJa)2<pIsBZg4ry&^xGr*`uf}o+OibOHWm6^R>*FaqDwG}u(kt2v@keFOc{nvt^}0@
zCwG;^1QsMLthFR4VxoXRbyzzOl5>EWWu_@%?NqGPjP=8E!LhYQRe4!}p0Ca^VGyDZ
z2i$5`OGd_=hg1a!U4Rh<kS$n&Jh8|Tk;eoV%!-(k)I}n>#1)jVX<|ey5DHM888vND
zRnk@vi!x`qYHBp!BK_d>s%nIxZKe@b773GvZ3=|m5!F?jbVHT#9P4DHwAs4IW~B(T
zLX*b=uF!BG)878<Ent$rgoUu$TGFIsXl)z`D}80PKTkSv&{}tDvr(zo8RE?wHLgce
zgBrd&YcOVBrdpB^uuov7Pp+7&tFY5Lxq42`!8jImr%k%bw??wa3Z_`VBoS|!*s;kO
zAuF_rjL@Nubb%2EZ4`TIW!xH8^+@MQ18lR4>B;`QyXIidu_a3F6`1O#P2D}>8I<LU
zOkNnr6GqJojwEq5$y;ahv~QSP!&0}{={U3qYIb99w;kDEw)p(0#r1=WQsU)-@&AN*
z>2yp$^0&q=U=W0<eG79}TmN#6)+(cW8)I)$aP9!GtKqKrd{O-h!kllZ3;+8v%!Rjc
yb1N(>)12Kd{HSGRF1(GKTVYw5=InOiNBs$Qk~E8q+y;^W0000<MNUMnLSTaC#+9M~

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..f5f29b0c15f4da567b805c837574805e26fef6d1
GIT binary patch
literal 1769
zcmaJ?X;2eq7~TP-a#{sJppY1}P>vix0*QohEMO|(22qQWV}StK4as5x208*QSca=g
ztuQExCm=9VWt1ZY+R9;7<j?}5U=_5MLjey^yP-h)qjYC>zhj=~d7t<F-f#9$puex4
zwy8D%0DA20U@$fsU@va1CiY$P?OZ)Jn4sPfXb2LG%D55;@DLz82+tOAW1wJ&D@ac4
zfLsAU-BK7Dfktrr7<@!T<f<@4xk!w$0l<|d7jyaX5Q^tPF+!M0m~2oI@InETu#?Im
zbHrXytZ;jZ1PV#<59O!C^XUQt%MI@;XJ7&%2<77Cq6ApVkTVI3x(sZt+9nb3ix4!P
zN%-4T1Sb&hg-9Sgl}NMaQ=DAz&U7M$=0tX++2I|?6gr9QLZUd@lPL@`jX`zBFFgb-
znnV!I2nKzYVqq&LAr?i&3=&BulM!W(L_`upqR{D>h6BmL!5%}{OOs)gE4PQGmdgqt
zB;`wlVpNF0c$FfTha{m)0_ODZ6hz_`Sy;MMCahp2Iaf@g5Xq{PmVq43|3gKh6|@u$
zhW_#UpTg46WHCevhNMW6gpVCuw52MPnBgUXxF{kCMUaH$Dh9?PC?btT#CQkH65e{J
z5EdXZ>1T@s4u`>pr6?EXLu`;qz$A!5p@2cAyEsxEs6JjkAcaEl_Vl26P`qf)E@Yac
z6UEcTVVMge{3H<sqsv^u3YSJ+m8<Fnkr;~%LK5MANZ=zuMEJ#=8N$`QfUD{)aRsY-
zp?a^%C1GYrs+0ZKNiT0<?W3Bm^ewhn>3j&r+FgS6wG;XER_wZb!3I4-<pVdu1G0<4
z3|V7C^H26Y(H+3~nf8*6uO0Sm=V)|SoXOc=tu~*L4VDkOcbIN6PKS4o!$uxp_b(jK
z<Kx1@K<%LNH6a<3^q0}Y^Aq&z58f#(k>*#qE~BkFM`g;%<MRz;ueN>Je0{<{KW;6v
zb^TKV;^tI#yR&1*hC(gn^VTdy;kw{5_B~N+0{?x-=!5CnTfwJr<Fq_D<dk{T-OW6f
z^ezigPcY2+DJCH(&tR-FDm1L+rRH8uhH?1JCRU~Sz@eSCCZA5u>hHEy)YvK-HMFSi
z$+bu4suiI9f@kZahrYe-Q5PG|pPhENp+BYmtPPmeRDNHai}N@>{y=w5?Qo)NLe~qM
znR^8fbv1_z@6(K<WA$(C5BfTZNW8rvw`f9NfBTNR<a)k;?{0VBLSFEKw$fi@QGT+x
zq=Q5rBt}f~@0iQo!X^oJTN*c}`sqhY5>k!1&IM^(s}S4prg{!=;>Qb#&v7Pzp8~L%
zPOHweXPHfBWgA`Xsu(@<ksSaw+PFIQjFoM$?tcvQ=ot(2JAY-i?Rb;Z{rq59rEjLr
zd{bkQW^A*`g`A?<35j-Y`j&B9AkxeR8s!!n4~()7P|B>1Wtr61cDXx_g+3XvF@P0?
z@is#Z??X;oy)lF5E|tzZ;fJdXYg+5_r__|LLesOgX%$uJpNENScU=+6yJ3YWGMQh_
z9<=I!3TKM%sf}BuoWNZ(dAy}g#@w9PmK~J+bY13x)M}VqP>^<rr!2N4K}TBX;*@+v
zhG^qKozhYBr`C^6s9*JgO$T*9=vKC^I~``Wmx&xzZ2NHenZ{tRY22QotoP+3Nh!NN
zSOZtKGBYe(m2sxY`LA|NDecY*-&t97{RyQut#3JUvy)SLuK5$FR4=~nvUkZ$N@HYt
z-_Mpo@HdA0p5>MI{Lrrme7&b8jc3$$KCQ~a&H82arP4q4w!6)i+^Gn+n!oB{dbOhG
z;z_W}df+xmou+d=^?r7EP2cc(QGRa+Z=odMH+#3z1D(v8??(Fkw~YkU^>+%byqa!L
ztv%M`<C!=7sG?WPfZ=I5+hP7jE7Ccx<xY2~(@klOCf_bkVlZUXPv`9$I+rQ-uW?E{
rqaQH3=dG-aH~H>GK5mdjlxb`Nc1fat56XFqQ~i9{-u_^<XH@!MsVuv&

literal 0
HcmV?d00001

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>