From 54d6114f0ce1e9a3722656e96ed3bf4cc547535f Mon Sep 17 00:00:00 2001
From: yuzongping <835949940@qq.com>
Date: Tue, 10 Jun 2025 14:20:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E6=BA=90=E5=8F=91=E5=8C=85=E5=88=86?=
 =?UTF-8?q?=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tabs/actice.png                | Bin 4410 -> 0 bytes
 src/components/tabs/index.scss                |   5 +-
 src/components/tabs/normal.png                | Bin 1033 -> 0 bytes
 src/components/tabs/未选.png                  | Bin 0 -> 2046 bytes
 src/components/tabs/高亮.png                  | Bin 0 -> 4467 bytes
 src/router/index.js                           |  10 +-
 src/views/capital/index.html                  |   2 +-
 src/views/resources/comps/buttom/1/data.js    |  62 +++++
 src/views/resources/comps/buttom/1/index.html |   9 +
 src/views/resources/comps/buttom/1/index.js   |  18 ++
 src/views/resources/comps/buttom/1/index.scss |  16 ++
 src/views/resources/comps/buttom/1/index.vue  |   4 +
 src/views/resources/comps/buttom/2/index.html |   4 +
 src/views/resources/comps/buttom/2/index.js   |  25 ++
 src/views/resources/comps/buttom/2/index.scss |  17 ++
 src/views/resources/comps/buttom/2/index.vue  |   4 +
 .../resources/comps/left/bottom/1/index.html  |  10 +
 .../resources/comps/left/bottom/1/index.js    |  36 +++
 .../resources/comps/left/bottom/1/index.scss  |  17 ++
 .../resources/comps/left/bottom/1/index.vue   |   4 +
 .../resources/comps/left/bottom/2/index.html  |  11 +
 .../resources/comps/left/bottom/2/index.js    |  33 +++
 .../resources/comps/left/bottom/2/index.scss  |  17 ++
 .../resources/comps/left/bottom/2/index.vue   |   4 +
 .../resources/comps/left/middle/1/index.html  |  10 +
 .../resources/comps/left/middle/1/index.js    |  39 +++
 .../resources/comps/left/middle/1/index.scss  |  17 ++
 .../resources/comps/left/middle/1/index.vue   |   4 +
 .../resources/comps/left/middle/2/index.html  |  11 +
 .../resources/comps/left/middle/2/index.js    |  33 +++
 .../resources/comps/left/middle/2/index.scss  |  17 ++
 .../resources/comps/left/middle/2/index.vue   |   4 +
 src/views/resources/comps/left/top/1/1.png    | Bin 0 -> 2934 bytes
 src/views/resources/comps/left/top/1/2.png    | Bin 0 -> 2890 bytes
 src/views/resources/comps/left/top/1/3.png    | Bin 0 -> 2848 bytes
 src/views/resources/comps/left/top/1/data.js  |  26 ++
 .../resources/comps/left/top/1/index.html     |   9 +
 src/views/resources/comps/left/top/1/index.js |  14 ++
 .../resources/comps/left/top/1/index.scss     |  12 +
 .../resources/comps/left/top/1/index.vue      |   4 +
 .../resources/comps/left/top/2/index.html     |   4 +
 src/views/resources/comps/left/top/2/index.js |  19 ++
 .../resources/comps/left/top/2/index.scss     |   0
 .../resources/comps/left/top/2/index.vue      |   4 +
 .../resources/comps/right/bottom/1/index.html |   3 +
 .../resources/comps/right/bottom/1/index.js   |  19 ++
 .../resources/comps/right/bottom/1/index.scss |   0
 .../resources/comps/right/bottom/1/index.vue  |   4 +
 .../resources/comps/right/bottom/2/index.html |  11 +
 .../resources/comps/right/bottom/2/index.js   |  35 +++
 .../resources/comps/right/bottom/2/index.scss |  17 ++
 .../resources/comps/right/bottom/2/index.vue  |   4 +
 .../resources/comps/right/middle/1/index.html |   3 +
 .../resources/comps/right/middle/1/index.js   |  19 ++
 .../resources/comps/right/middle/1/index.scss |   0
 .../resources/comps/right/middle/1/index.vue  |   4 +
 .../resources/comps/right/middle/2/index.html |  11 +
 .../resources/comps/right/middle/2/index.js   |  35 +++
 .../resources/comps/right/middle/2/index.scss |  17 ++
 .../resources/comps/right/middle/2/index.vue  |   4 +
 src/views/resources/comps/right/top/1/1.png   | Bin 0 -> 2934 bytes
 src/views/resources/comps/right/top/1/2.png   | Bin 0 -> 2890 bytes
 src/views/resources/comps/right/top/1/3.png   | Bin 0 -> 2848 bytes
 src/views/resources/comps/right/top/1/data.js |  26 ++
 .../resources/comps/right/top/1/index.html    |   9 +
 .../resources/comps/right/top/1/index.js      |  14 ++
 .../resources/comps/right/top/1/index.scss    |  12 +
 .../resources/comps/right/top/1/index.vue     |   4 +
 .../resources/comps/right/top/2/index.html    |   4 +
 .../resources/comps/right/top/2/index.js      |  19 ++
 .../resources/comps/right/top/2/index.scss    |   0
 .../resources/comps/right/top/2/index.vue     |   4 +
 src/views/resources/data.js                   |  32 +++
 src/views/resources/icon/yellow.png           | Bin 0 -> 1769 bytes
 src/views/resources/index.html                |  18 ++
 src/views/resources/index.js                  | 237 ++++++++++++++++++
 src/views/resources/index.scss                |   8 +
 src/views/resources/index.vue                 |   4 +
 78 files changed, 1107 insertions(+), 5 deletions(-)
 delete mode 100644 src/components/tabs/actice.png
 delete mode 100644 src/components/tabs/normal.png
 create mode 100644 src/components/tabs/未选.png
 create mode 100644 src/components/tabs/高亮.png
 create mode 100644 src/views/resources/comps/buttom/1/data.js
 create mode 100644 src/views/resources/comps/buttom/1/index.html
 create mode 100644 src/views/resources/comps/buttom/1/index.js
 create mode 100644 src/views/resources/comps/buttom/1/index.scss
 create mode 100644 src/views/resources/comps/buttom/1/index.vue
 create mode 100644 src/views/resources/comps/buttom/2/index.html
 create mode 100644 src/views/resources/comps/buttom/2/index.js
 create mode 100644 src/views/resources/comps/buttom/2/index.scss
 create mode 100644 src/views/resources/comps/buttom/2/index.vue
 create mode 100644 src/views/resources/comps/left/bottom/1/index.html
 create mode 100644 src/views/resources/comps/left/bottom/1/index.js
 create mode 100644 src/views/resources/comps/left/bottom/1/index.scss
 create mode 100644 src/views/resources/comps/left/bottom/1/index.vue
 create mode 100644 src/views/resources/comps/left/bottom/2/index.html
 create mode 100644 src/views/resources/comps/left/bottom/2/index.js
 create mode 100644 src/views/resources/comps/left/bottom/2/index.scss
 create mode 100644 src/views/resources/comps/left/bottom/2/index.vue
 create mode 100644 src/views/resources/comps/left/middle/1/index.html
 create mode 100644 src/views/resources/comps/left/middle/1/index.js
 create mode 100644 src/views/resources/comps/left/middle/1/index.scss
 create mode 100644 src/views/resources/comps/left/middle/1/index.vue
 create mode 100644 src/views/resources/comps/left/middle/2/index.html
 create mode 100644 src/views/resources/comps/left/middle/2/index.js
 create mode 100644 src/views/resources/comps/left/middle/2/index.scss
 create mode 100644 src/views/resources/comps/left/middle/2/index.vue
 create mode 100644 src/views/resources/comps/left/top/1/1.png
 create mode 100644 src/views/resources/comps/left/top/1/2.png
 create mode 100644 src/views/resources/comps/left/top/1/3.png
 create mode 100644 src/views/resources/comps/left/top/1/data.js
 create mode 100644 src/views/resources/comps/left/top/1/index.html
 create mode 100644 src/views/resources/comps/left/top/1/index.js
 create mode 100644 src/views/resources/comps/left/top/1/index.scss
 create mode 100644 src/views/resources/comps/left/top/1/index.vue
 create mode 100644 src/views/resources/comps/left/top/2/index.html
 create mode 100644 src/views/resources/comps/left/top/2/index.js
 create mode 100644 src/views/resources/comps/left/top/2/index.scss
 create mode 100644 src/views/resources/comps/left/top/2/index.vue
 create mode 100644 src/views/resources/comps/right/bottom/1/index.html
 create mode 100644 src/views/resources/comps/right/bottom/1/index.js
 create mode 100644 src/views/resources/comps/right/bottom/1/index.scss
 create mode 100644 src/views/resources/comps/right/bottom/1/index.vue
 create mode 100644 src/views/resources/comps/right/bottom/2/index.html
 create mode 100644 src/views/resources/comps/right/bottom/2/index.js
 create mode 100644 src/views/resources/comps/right/bottom/2/index.scss
 create mode 100644 src/views/resources/comps/right/bottom/2/index.vue
 create mode 100644 src/views/resources/comps/right/middle/1/index.html
 create mode 100644 src/views/resources/comps/right/middle/1/index.js
 create mode 100644 src/views/resources/comps/right/middle/1/index.scss
 create mode 100644 src/views/resources/comps/right/middle/1/index.vue
 create mode 100644 src/views/resources/comps/right/middle/2/index.html
 create mode 100644 src/views/resources/comps/right/middle/2/index.js
 create mode 100644 src/views/resources/comps/right/middle/2/index.scss
 create mode 100644 src/views/resources/comps/right/middle/2/index.vue
 create mode 100644 src/views/resources/comps/right/top/1/1.png
 create mode 100644 src/views/resources/comps/right/top/1/2.png
 create mode 100644 src/views/resources/comps/right/top/1/3.png
 create mode 100644 src/views/resources/comps/right/top/1/data.js
 create mode 100644 src/views/resources/comps/right/top/1/index.html
 create mode 100644 src/views/resources/comps/right/top/1/index.js
 create mode 100644 src/views/resources/comps/right/top/1/index.scss
 create mode 100644 src/views/resources/comps/right/top/1/index.vue
 create mode 100644 src/views/resources/comps/right/top/2/index.html
 create mode 100644 src/views/resources/comps/right/top/2/index.js
 create mode 100644 src/views/resources/comps/right/top/2/index.scss
 create mode 100644 src/views/resources/comps/right/top/2/index.vue
 create mode 100644 src/views/resources/data.js
 create mode 100644 src/views/resources/icon/yellow.png
 create mode 100644 src/views/resources/index.html
 create mode 100644 src/views/resources/index.js
 create mode 100644 src/views/resources/index.scss
 create mode 100644 src/views/resources/index.vue

diff --git a/src/components/tabs/actice.png b/src/components/tabs/actice.png
deleted file mode 100644
index 19c5c205711b93f15f414685217441cc4149fdd0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4410
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
A$p8QV

diff --git a/src/components/tabs/index.scss b/src/components/tabs/index.scss
index b12ff09..93cc54b 100644
--- a/src/components/tabs/index.scss
+++ b/src/components/tabs/index.scss
@@ -3,14 +3,15 @@
   height: 43px;
   line-height: 43px;
   text-align: center;
-  background: url('./normal.png');
+  background: url('./未选.png');
   background-size: 100% 100%;
+  margin-right: 10px;
 }
 
 .active {
   width: 111px;
   height: 43px;
   text-align: center;
-  background: url('./actice.png') !important;
+  background: url('./高亮.png') !important;
   background-size: 100% 100% !important;
 }
\ No newline at end of file
diff --git a/src/components/tabs/normal.png b/src/components/tabs/normal.png
deleted file mode 100644
index e72431456413c0cb9bed199d2df7750846e1406c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1033
zcmV+k1or!hP)<h;3K|Lk000e1NJLTq001}u000&U1^@s6l^|bO00001b5ch_0Itp)
z=>Px&!%0LzR9Hvlm(6QjRT##f_ndq0e5R8~(v4NzxO7on*ktrS5GhC(E(AA<i#9bu
zEfj<<Tvh0V78h~VRrlJZAc9U3K@bu12T1E8lQL=2$>e^V^OpCVJLH;~Hj9!>NiW<*
zhJl<PzxO=PJA@Pd&<W?miw#(x`{Hz2ne)W_5iFktPy=}E(ivnybf2Jp0`cum*jU9c
z*RoLudxF6W`laTXj}_Zxj{Djsy8tqPEx-m~9t$Rs9G3vn{?!q5sRjhm9|q=wZu{oH
z2O&oQUeGhmSC(wLcaf7F5T{^yZ3b9@6G#E%<CB@6lAr*AR0^a55Cs5*U{!{$OzdW?
z&UIH?e-|N#0H@~`KY@wA=VTkOG1$nPfUQ90_IONVD)PkO08oV>U4qgj2dOHP8=WkB
z9lzh&9zgyNu>S6)nTpZ>*}ZN6+XrWT*erH0o7|wd8v;B^;Qb>yI59}%4eAgoC_x1k
zP*?`^1Q6D)Z?4?9G7@mQx$q^j{&ghVuxSrA6~H}j&}81A8_lBxdP;^lRsxX%9AE$y
zl%Ya-tDv9?Dov#wRt>DS`u^L6=XCS)HI5&?&1nxNc?6s8dcaIZ)Eo3@V*>Pe`8_NE
z3S?A+j_N?vfK{dQ4^~<~3<1u}UEV>mRkz6wOe_X_emt`Tuo)N<Fk^0sf<+lo%12bv
zR7G`A)DV+jZM0k84g)qXXNbFcA8;2o%|}!Wy3u?N2%SXjM%0B&Sn&o+0yqhT)vr6h
zwZ0hvxNwh>?#pgG<3})s5p@RhiWsXyXHaTF0L5VBLPk5l2~cSgR+T^7Y~NTO0-Szl
z@s3J&J`{sC5x~9+8Xq!J5xyq;GY*r3qL&mM0D6Nu^akY)CX6??R&V_|3^=>^o}%<F
z(uXjygp98V--XhHlAw0HfR1rsQ0z%fNXS&(9pvEDU!8VK)=FpKK+($<bLLkvy;(_8
zm!jz&Y+e&$(05>Qi#ckOg(JGVCx5H_{)MjOT}?z)AUFkUgZDSrT6ahGpnN#hoPRZh
zT8HV?c+i8cCS+xk6fLZ3$9x(0i(b1CRqhU!okaw7unNEHw3jYEbyahavkPy8ntz6g
zr(tBH@jd9ekZoa;Icj?cjw&0BTh#>6Z!!`xP*qvJmp8U1=kd?A<WNBQLjCNenQ|q#
zLS*NOvv5B}2Y2wegJ!UC=bMcCMIp;}ux=PvAFQ-~9F=^B{@|T@>(fS1uFhFjuPMdR
zF;C^_e`ncRs4iK%zPYv}Y5BxaIu!7^0D6W)oOr;;3f$KwAW^`V00000NkvXXu0mjf
D0nX9i

diff --git a/src/components/tabs/未选.png b/src/components/tabs/未选.png
new file mode 100644
index 0000000000000000000000000000000000000000..144bfffcc2e66d2ca920ede1098e53edfc714d35
GIT binary patch
literal 2046
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

literal 0
HcmV?d00001

diff --git a/src/components/tabs/高亮.png b/src/components/tabs/高亮.png
new file mode 100644
index 0000000000000000000000000000000000000000..38c7a5f2fdd77e94d07cd11cffa1df796c435093
GIT binary patch
literal 4467
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
FV1hEJonrt1

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index eb9ac57..3d07fd7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,13 +6,19 @@ const routes = [
   {
     path: '/',
     name: 'root',
-    redirect: '/capital'
+    redirect: '/resources'
   },
-  // 首页
+  // 资金
   {
     path: '/capital',
     name: 'capital',
     component: () => import('@/views/capital/index.vue')
+  },
+  // 资源
+  {
+    path: '/resources',
+    name: 'resources',
+    component: () => import('@/views/resources/index.vue')
   }
 ];
 
diff --git a/src/views/capital/index.html b/src/views/capital/index.html
index 6d41470..bf55124 100644
--- a/src/views/capital/index.html
+++ b/src/views/capital/index.html
@@ -1,6 +1,6 @@
 <div class="page">
   <div class="map" id="map"></div>
-  <Header>
+  <Header title="资金一张图">
     <div slot="left">
       <Tabs @change="tabChange" :data="tabData"></Tabs>
     </div>
diff --git a/src/views/resources/comps/buttom/1/data.js b/src/views/resources/comps/buttom/1/data.js
new file mode 100644
index 0000000..4798bc8
--- /dev/null
+++ b/src/views/resources/comps/buttom/1/data.js
@@ -0,0 +1,62 @@
+export default [
+  [
+    {
+      show: false
+    },
+    {
+      show: true,
+      name: '经营收入',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '投资收益',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '补助收入',
+      value: '716'
+    },
+    {
+      show: true,
+      name: '其他收入',
+      value: '716'
+    },
+    {
+      show: false
+    }
+  ],
+  [
+    {
+      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/resources/comps/buttom/1/index.html b/src/views/resources/comps/buttom/1/index.html
new file mode 100644
index 0000000..6d8e753
--- /dev/null
+++ b/src/views/resources/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/resources/comps/buttom/1/index.js b/src/views/resources/comps/buttom/1/index.js
new file mode 100644
index 0000000..7b2a5a9
--- /dev/null
+++ b/src/views/resources/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/resources/comps/buttom/1/index.scss b/src/views/resources/comps/buttom/1/index.scss
new file mode 100644
index 0000000..fb1b8a3
--- /dev/null
+++ b/src/views/resources/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/resources/comps/buttom/1/index.vue b/src/views/resources/comps/buttom/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/buttom/2/index.html b/src/views/resources/comps/buttom/2/index.html
new file mode 100644
index 0000000..8a0c469
--- /dev/null
+++ b/src/views/resources/comps/buttom/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="xx预警清单" height="305" width="960">
+  <ScrollTable :headers="headers" :data="data" details></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/buttom/2/index.js b/src/views/resources/comps/buttom/2/index.js
new file mode 100644
index 0000000..795b1b9
--- /dev/null
+++ b/src/views/resources/comps/buttom/2/index.js
@@ -0,0 +1,25 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['摘要', '日期', '借方金额', '贷方金额'],
+      data: [
+        ['摘要内容摘要内容摘要内容摘要内容摘要内容摘', '2025-12', '234', '3434']
+      ]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange () {
+
+    }
+  }
+};
diff --git a/src/views/resources/comps/buttom/2/index.scss b/src/views/resources/comps/buttom/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/resources/comps/buttom/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/resources/comps/buttom/2/index.vue b/src/views/resources/comps/buttom/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/comps/buttom/2/index.vue
@@ -0,0 +1,4 @@
+<template src='./index.html'/>
+<script lang='js' src='./index.js'></script>
+<style lang='scss' src='./index.scss' scoped>
+</style>
diff --git a/src/views/resources/comps/left/bottom/1/index.html b/src/views/resources/comps/left/bottom/1/index.html
new file mode 100644
index 0000000..8b6800b
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/bottom/1/index.js b/src/views/resources/comps/left/bottom/1/index.js
new file mode 100644
index 0000000..caa8597
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/bottom/1/index.scss b/src/views/resources/comps/left/bottom/1/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/bottom/1/index.vue b/src/views/resources/comps/left/bottom/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/bottom/2/index.html b/src/views/resources/comps/left/bottom/2/index.html
new file mode 100644
index 0000000..c257077
--- /dev/null
+++ b/src/views/resources/comps/left/bottom/2/index.html
@@ -0,0 +1,11 @@
+
+<Pannel title="资金往来不规范预警分析" height="305">
+  <div class="full">
+    <div class="top">
+      <PannelTabs @change="tabChange" :data="pannelTabsData"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <BarSign id="bar3"></BarSign>
+    </div>
+  </div>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/left/bottom/2/index.js b/src/views/resources/comps/left/bottom/2/index.js
new file mode 100644
index 0000000..e3836ec
--- /dev/null
+++ b/src/views/resources/comps/left/bottom/2/index.js
@@ -0,0 +1,33 @@
+import Pannel from '@/components/pannel/index.vue';
+import BarSign from '@/components/charts/bar-sign/index.vue';
+import PannelTabs from '@/components/pannel-tabs/index.vue';
+export default {
+  components: {
+    BarSign,
+    PannelTabs,
+    Pannel
+  },
+  data () {
+    return {
+      pannelTabsData: [
+        {
+          id: '1',
+          name: '支出'
+        },
+        {
+          id: '2',
+          name: '收入'
+        }
+      ]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange () {
+
+    }
+  }
+};
diff --git a/src/views/resources/comps/left/bottom/2/index.scss b/src/views/resources/comps/left/bottom/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/bottom/2/index.vue b/src/views/resources/comps/left/bottom/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/middle/1/index.html b/src/views/resources/comps/left/middle/1/index.html
new file mode 100644
index 0000000..d50f843
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/middle/1/index.js b/src/views/resources/comps/left/middle/1/index.js
new file mode 100644
index 0000000..583a715
--- /dev/null
+++ b/src/views/resources/comps/left/middle/1/index.js
@@ -0,0 +1,39 @@
+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: '建设用地'
+        },
+        {
+          id: '3',
+          name: '未利用地'
+        }
+      ],
+      tabIndex: '1'
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange (info) {
+      this.tabIndex = info.id
+    }
+  }
+};
diff --git a/src/views/resources/comps/left/middle/1/index.scss b/src/views/resources/comps/left/middle/1/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/middle/1/index.vue b/src/views/resources/comps/left/middle/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/middle/2/index.html b/src/views/resources/comps/left/middle/2/index.html
new file mode 100644
index 0000000..cf3cd25
--- /dev/null
+++ b/src/views/resources/comps/left/middle/2/index.html
@@ -0,0 +1,11 @@
+
+<Pannel title="资金往来敏感词预警分析" height="305">
+  <div class="full">
+    <div class="top">
+      <PannelTabs @change="tabChange" :data="pannelTabsData"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <Bar id="bar2" :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/resources/comps/left/middle/2/index.js b/src/views/resources/comps/left/middle/2/index.js
new file mode 100644
index 0000000..7f2b884
--- /dev/null
+++ b/src/views/resources/comps/left/middle/2/index.js
@@ -0,0 +1,33 @@
+import Pannel from '@/components/pannel/index.vue';
+import Bar from '@/components/charts/bar/index.vue';
+import PannelTabs from '@/components/pannel-tabs/index.vue';
+export default {
+  components: {
+    PannelTabs,
+    Bar,
+    Pannel
+  },
+  data () {
+    return {
+      pannelTabsData: [
+        {
+          id: '1',
+          name: '支出'
+        },
+        {
+          id: '2',
+          name: '收入'
+        }
+      ]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange () {
+
+    }
+  }
+};
diff --git a/src/views/resources/comps/left/middle/2/index.scss b/src/views/resources/comps/left/middle/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/middle/2/index.vue b/src/views/resources/comps/left/middle/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/top/1/1.png b/src/views/resources/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/resources/comps/left/top/1/2.png b/src/views/resources/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/resources/comps/left/top/1/3.png b/src/views/resources/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/resources/comps/left/top/1/data.js b/src/views/resources/comps/left/top/1/data.js
new file mode 100644
index 0000000..7f9e969
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/top/1/index.html b/src/views/resources/comps/left/top/1/index.html
new file mode 100644
index 0000000..264b3b6
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/top/1/index.js b/src/views/resources/comps/left/top/1/index.js
new file mode 100644
index 0000000..dd153d1
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/top/1/index.scss b/src/views/resources/comps/left/top/1/index.scss
new file mode 100644
index 0000000..f157533
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/top/1/index.vue b/src/views/resources/comps/left/top/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/left/top/2/index.html b/src/views/resources/comps/left/top/2/index.html
new file mode 100644
index 0000000..2d9ed1f
--- /dev/null
+++ b/src/views/resources/comps/left/top/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资金支出大额预警分析" height="305">
+  <Bar></Bar>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/left/top/2/index.js b/src/views/resources/comps/left/top/2/index.js
new file mode 100644
index 0000000..016a9f5
--- /dev/null
+++ b/src/views/resources/comps/left/top/2/index.js
@@ -0,0 +1,19 @@
+import Pannel from '@/components/pannel/index.vue';
+import Bar from '@/components/charts/bar/index.vue';
+
+export default {
+  components: {
+    Bar,
+    Pannel
+  },
+  data () {
+    return {
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/resources/comps/left/top/2/index.scss b/src/views/resources/comps/left/top/2/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/resources/comps/left/top/2/index.vue b/src/views/resources/comps/left/top/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/bottom/1/index.html b/src/views/resources/comps/right/bottom/1/index.html
new file mode 100644
index 0000000..95bb6de
--- /dev/null
+++ b/src/views/resources/comps/right/bottom/1/index.html
@@ -0,0 +1,3 @@
+<Pannel title="资金支出排名" height="340">
+  <ScrollTable></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/right/bottom/1/index.js b/src/views/resources/comps/right/bottom/1/index.js
new file mode 100644
index 0000000..bcaba7d
--- /dev/null
+++ b/src/views/resources/comps/right/bottom/1/index.js
@@ -0,0 +1,19 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/resources/comps/right/bottom/1/index.scss b/src/views/resources/comps/right/bottom/1/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/resources/comps/right/bottom/1/index.vue b/src/views/resources/comps/right/bottom/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/bottom/2/index.html b/src/views/resources/comps/right/bottom/2/index.html
new file mode 100644
index 0000000..3f2cfcf
--- /dev/null
+++ b/src/views/resources/comps/right/bottom/2/index.html
@@ -0,0 +1,11 @@
+
+<Pannel title="资金往来不规范预警排名" height="305">
+  <div class="full">
+    <div class="top">
+      <PannelTabs :data="pannelTabsData" @change="tabChange"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <ScrollTable :headers="headers" :bodyHeight="160"></ScrollTable>
+    </div>
+  </div>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/right/bottom/2/index.js b/src/views/resources/comps/right/bottom/2/index.js
new file mode 100644
index 0000000..75f36de
--- /dev/null
+++ b/src/views/resources/comps/right/bottom/2/index.js
@@ -0,0 +1,35 @@
+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 {
+      pannelTabsData: [
+        {
+          id: '1',
+          name: '支出'
+        },
+        {
+          id: '2',
+          name: '收入'
+        }
+      ],
+      tabIndex: '1',
+      headers: ['部门名称', '支出金额', '排名']
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange (info) {
+      this.tabIndex = info.id
+    }
+  }
+};
diff --git a/src/views/resources/comps/right/bottom/2/index.scss b/src/views/resources/comps/right/bottom/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/bottom/2/index.vue b/src/views/resources/comps/right/bottom/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/middle/1/index.html b/src/views/resources/comps/right/middle/1/index.html
new file mode 100644
index 0000000..2063689
--- /dev/null
+++ b/src/views/resources/comps/right/middle/1/index.html
@@ -0,0 +1,3 @@
+<Pannel title="资金收入排名" height="340">
+  <ScrollTable></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/right/middle/1/index.js b/src/views/resources/comps/right/middle/1/index.js
new file mode 100644
index 0000000..bcaba7d
--- /dev/null
+++ b/src/views/resources/comps/right/middle/1/index.js
@@ -0,0 +1,19 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+  }
+};
diff --git a/src/views/resources/comps/right/middle/1/index.scss b/src/views/resources/comps/right/middle/1/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/resources/comps/right/middle/1/index.vue b/src/views/resources/comps/right/middle/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/middle/2/index.html b/src/views/resources/comps/right/middle/2/index.html
new file mode 100644
index 0000000..4264549
--- /dev/null
+++ b/src/views/resources/comps/right/middle/2/index.html
@@ -0,0 +1,11 @@
+
+<Pannel title="资金往来敏感词预警排名" height="305">
+  <div class="full">
+    <div class="top">
+      <PannelTabs :data="pannelTabsData" @change="tabChange"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <ScrollTable :headers="headers" :bodyHeight="160"></ScrollTable>
+    </div>
+  </div>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/right/middle/2/index.js b/src/views/resources/comps/right/middle/2/index.js
new file mode 100644
index 0000000..75f36de
--- /dev/null
+++ b/src/views/resources/comps/right/middle/2/index.js
@@ -0,0 +1,35 @@
+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 {
+      pannelTabsData: [
+        {
+          id: '1',
+          name: '支出'
+        },
+        {
+          id: '2',
+          name: '收入'
+        }
+      ],
+      tabIndex: '1',
+      headers: ['部门名称', '支出金额', '排名']
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange (info) {
+      this.tabIndex = info.id
+    }
+  }
+};
diff --git a/src/views/resources/comps/right/middle/2/index.scss b/src/views/resources/comps/right/middle/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/middle/2/index.vue b/src/views/resources/comps/right/middle/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/top/1/1.png b/src/views/resources/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/resources/comps/right/top/1/2.png b/src/views/resources/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/resources/comps/right/top/1/3.png b/src/views/resources/comps/right/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/resources/comps/right/top/1/data.js b/src/views/resources/comps/right/top/1/data.js
new file mode 100644
index 0000000..408b061
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/top/1/index.html b/src/views/resources/comps/right/top/1/index.html
new file mode 100644
index 0000000..558d141
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/top/1/index.js b/src/views/resources/comps/right/top/1/index.js
new file mode 100644
index 0000000..dd153d1
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/top/1/index.scss b/src/views/resources/comps/right/top/1/index.scss
new file mode 100644
index 0000000..f157533
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/top/1/index.vue b/src/views/resources/comps/right/top/1/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/comps/right/top/2/index.html b/src/views/resources/comps/right/top/2/index.html
new file mode 100644
index 0000000..2aec445
--- /dev/null
+++ b/src/views/resources/comps/right/top/2/index.html
@@ -0,0 +1,4 @@
+
+<Pannel title="资金支出大额预警排名" height="305">
+  <ScrollTable :headers="headers"></ScrollTable>
+</Pannel>
\ No newline at end of file
diff --git a/src/views/resources/comps/right/top/2/index.js b/src/views/resources/comps/right/top/2/index.js
new file mode 100644
index 0000000..3822ab1
--- /dev/null
+++ b/src/views/resources/comps/right/top/2/index.js
@@ -0,0 +1,19 @@
+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/resources/comps/right/top/2/index.scss b/src/views/resources/comps/right/top/2/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/resources/comps/right/top/2/index.vue b/src/views/resources/comps/right/top/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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/resources/data.js b/src/views/resources/data.js
new file mode 100644
index 0000000..2d99b3f
--- /dev/null
+++ b/src/views/resources/data.js
@@ -0,0 +1,32 @@
+export const comps = {
+  '1': {
+    'left': [
+      'Left11',
+      'Left21',
+      'Left31',
+    ],
+    'right': [
+      'Right11',
+      'Right21',
+      'Right31',
+    ],
+    'buttom': [
+      'Bottom1'
+    ]
+  },
+  '2': {
+    'left': [
+      'Left12',
+      'Left22',
+      'Left32'
+    ],
+    'right': [
+      'Right12',
+      'Right22',
+      'Right32'
+    ],
+    'buttom': [
+      'Bottom2'
+    ]
+  }
+}
\ No newline at end of file
diff --git a/src/views/resources/icon/yellow.png b/src/views/resources/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/resources/index.html b/src/views/resources/index.html
new file mode 100644
index 0000000..d6f10c4
--- /dev/null
+++ b/src/views/resources/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/resources/index.js b/src/views/resources/index.js
new file mode 100644
index 0000000..7270aa4
--- /dev/null
+++ b/src/views/resources/index.js
@@ -0,0 +1,237 @@
+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 Bottom2 from './comps/buttom/2/index.vue';
+import Bottom1 from './comps/buttom/1/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,
+    Bottom2,
+    Bottom1
+  },
+  data () {
+    return {
+      tabData: [
+        {
+          id: '1',
+          name: '统计分析'
+        },
+        {
+          id: '2',
+          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/resources/index.scss b/src/views/resources/index.scss
new file mode 100644
index 0000000..11352e6
--- /dev/null
+++ b/src/views/resources/index.scss
@@ -0,0 +1,8 @@
+.map {
+  border: 1px solid red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
\ No newline at end of file
diff --git a/src/views/resources/index.vue b/src/views/resources/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/resources/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>