diff --git a/src/assets/img/finance/left-center.png b/src/assets/img/finance/left-center.png
new file mode 100644
index 0000000..bb320a6
Binary files /dev/null and b/src/assets/img/finance/left-center.png differ
diff --git a/src/assets/img/finance/left-top.png b/src/assets/img/finance/left-top.png
new file mode 100644
index 0000000..caf63f8
Binary files /dev/null and b/src/assets/img/finance/left-top.png differ
diff --git a/src/components/header.vue b/src/components/header.vue
index 3bff98f..a2213b9 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -83,7 +83,7 @@ export default {
         {
           index: "6",
           title: "财务",
-          path: "/06"
+          path: "/finance"
         },
         {
           index: "8",
diff --git a/src/pages/finance/home.vue b/src/pages/finance/home.vue
new file mode 100644
index 0000000..1c245b1
--- /dev/null
+++ b/src/pages/finance/home.vue
@@ -0,0 +1,1102 @@
+<template>
+  <div class="main_box">
+    <div class="home_left">
+      <div class="left-top"></div>
+      <InnerBox :echartObj="echartObj1"  header_title="本年每月收/支统计" little_font="（万元）" />
+      <div class="inner_box">
+        <!-- 标题 -->
+        <div class="inner_header">
+          <div class="header_left"></div>
+          <div class="header_icon">
+            <div style="width: 12px; height: 10px; margin-bottom: -6px"><img src="../../assets/img/bigScreen/polygon1.png"></div>
+            <div style="width: 12px; height: 10px; margin-bottom: 10px"><img src="../../assets/img/bigScreen/polygon2.png"></div>
+          </div>
+          <div class="header_title">
+            <div>
+              <span>机构财务状况TOP5</span>
+              <span class="little_font">(万元)</span>
+            </div>
+          </div>
+        </div>
+        <!-- 内容-->
+        <div class="box_content">
+          <div style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center">
+            <div style="width: 40%;height: 70%">
+              <Echarts
+                  class="echarts"
+                  :echartObj="echartObj2"
+              ></Echarts>
+            </div>
+            <div class="left-center"></div>
+          </div>
+        </div>
+      </div>
+      <InnerBox :echartObj="echartObj3"  header_title="近五年每月收/支统计" little_font="（万元）" />
+      <InnerBox :echartObj="echartObj4"  header_title="机构每月收入统计TOP5" little_font="（万元）" />
+      <div class="inner_box" style="width: 24%">
+        <div class="inner_header">
+          <div class="header_left"></div>
+          <div class="header_icon">
+            <div style="width: 12px; height: 10px; margin-bottom: -6px"><img src="@/assets/img/bigScreen/polygon1.png"></div>
+            <div style="width: 12px; height: 10px; margin-bottom: 10px"><img src="@/assets/img/bigScreen/polygon2.png"></div>
+          </div>
+          <div class="header_title">
+            <div>
+              <span>按欠费类型统计TOP5</span>
+              <span class="little_font">（万元）</span>
+            </div>
+          </div>
+        </div>
+        <div class="box_content echart5">
+          <div v-for="(item,index) in echartObj6.title" :key="index" style="margin: 2% 0">
+            <div style="flex-shrink: 0;margin-left: 10px;width: 30%;">{{item}}</div>
+            <div style="width: 5%;height: 1px;border-bottom: 1px dashed rgba(230, 247, 255, 0.5);"></div>
+            <div style="display: flex;justify-content: center;align-items: center;width: 100%;">
+              <div :style="'width:' + (100 - (echartObj6.data[index]/echartObj6Max*100)) / 2 + '%;height: 1px;border-bottom: 1px dashed rgba(230, 247, 255, 0.5);flex: 1;margin-right: 10px;'"></div>
+              <div :style="'width: '+ echartObj6.data[index]/echartObj6Max*100 + '%;min-width: 15%;height: 25px;border-radius: 2px;text-align: center;' + 'background:' + echartObj6.colors[index]">
+                <span style="font-size: 14px; font-weight: bold">{{echartObj6.data[index]}}</span>
+              </div>
+              <div :style="'width:' + (100 - (echartObj6.data[index]/echartObj6Max*100)) / 2 + '%;height: 1px;border-bottom: 1px dashed rgba(230, 247, 255, 0.5);flex: 1;margin-left: 10px;'"></div>
+            </div>
+            <div style="width: 5%;height: 1px;margin-right: 10px;border-bottom: 1px dashed rgba(230, 247, 255, 0.5);"></div>
+          </div>
+        </div>
+      </div>
+      <InnerBox style="width: 24%" :echartObj="echartObj7"  header_title="各欠费类型按机构统计TOP5" little_font="（万元）" />
+
+
+      <InnerBox :echartObj="echartObj5"  header_title="机构每月收入统计TOP5" little_font="（万元）" />
+
+    </div>
+    <div class="home_right" >
+      <InnerBox :echartObj="echartObj8"  header_title="收入费用类型占比分析" little_font="（%）" />
+      <InnerBox :echartObj="echartObj9"  header_title="支出费用类型占比分析" little_font="（%）" />
+      <InnerBox :echartObj="echartObj10"  header_title="捐赠来源占比分析" little_font="（%）" />
+
+    </div>
+    </div>
+</template>
+
+<script>
+import echarts from "echarts";
+import Vue from 'vue'
+import Echarts from "@/components/echarts";
+import { Progress,Divider } from 'ant-design-vue';
+import SvgIcon from '@/components/svgIcon.vue';
+Vue.use(Progress);
+Vue.use(Divider);
+export default {
+  data() {
+    let self = this
+    return {
+      echartObjKey: "echartObjKey",
+      echartObj1: {
+        legend: {
+          show: true,
+          bottom: 10,
+          data: ['收入(万元)','支出(万元)'],
+          itemHeight: 8, // 图例高度
+          itemWidth: 15, // 图例高度
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 10,
+            fontSize: 10,
+          },
+        },
+        color: ['#48E5E5','#F5B12D',],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            axisLabel: {//x轴文字的配置
+              show: true,
+              interval: 0, // 强制文字全部显示
+              textStyle: {
+                color: "#fff",
+                fontSize: 10,
+              }
+            },
+            data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            axisLabel: {//y轴文字的配置
+              textStyle: {
+                color: "#fff",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: 'dashed',
+                color: ['#1F7DAF']
+              }
+            },
+          }
+        ],
+        series: [
+          {
+            name:'收入(万元)',
+            type: 'line',
+            stack: 'Total',
+            smooth: true,
+            lineStyle: {
+              width: 2,
+              color: ['rgba(41,241,250,1)']
+            },
+            showSymbol: false,
+            areaStyle: {
+              opacity: 0.8,
+              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(41,241,250,0.35)'
+                },
+                {
+                  offset: 0.48,
+                  color: 'rgba(41,241,250,0.21)'
+                },
+                {
+                  offset: 0.99,
+                  color: 'rgba(41,241,250,0.00)'
+                }
+              ])
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: [60, 67, 70, 126, 110, 50, 80, 160, 140, 130,160,180]
+          },
+          {
+            name:'支出(万元)',
+            type: 'line',
+            stack: 'Total',
+            smooth: true,
+            lineStyle: {
+              width: 2,
+              color: ['rgba(255,167,85,1)']
+            },
+            showSymbol: false,
+            areaStyle: {
+              opacity: 0.8,
+              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(255,167,85,0.35)'
+                },
+                {
+                  offset: 0.48,
+                  color: 'rgba(255,167,85,0.21)'
+                },
+                {
+                  offset: 0.99,
+                  color: 'rgba(255,167,85,0.00)'
+                }
+              ])
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: [110, 87, 100, 146, 130, 90, 150, 190, 180, 140,110,150]
+          },
+        ]
+      },
+      echartObj2: {
+        color: ['#F5B12D','#18DFE8','#3D7DFA',],
+        series: [
+          {
+            name: 'Access From',
+            type: 'pie',
+            radius: ['55%', '76%'],
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: 'center'
+            },
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 20,
+              }
+            },
+            labelLine: {
+              show: false
+            },
+            data: [
+              { value: 21, name: '深业颐居' },
+              { value: 21, name: '深业龙投' },
+              { value: 21, name: '深业世纪' },
+            ]
+          }
+        ]
+      },
+      echartObj3: {
+        legend: {
+          show: true,
+          bottom: 10,
+          data: ['收入(万元)','支出(万元)'],
+          itemHeight: 8, // 图例高度
+          itemWidth: 15, // 图例高度
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 10,
+            fontSize: 10,
+          },
+        },
+        color: ['#48E5E5','#F5B12D',],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            axisLabel: {//x轴文字的配置
+              show: true,
+              interval: 0, // 强制文字全部显示
+              textStyle: {
+                color: "#fff",
+                fontSize: 10,
+              }
+            },
+            data: ['2019年','2020年','2021年','2022年','2023年',],
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            axisLabel: {//y轴文字的配置
+              textStyle: {
+                color: "#fff",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: 'dashed',
+                color: ['#1F7DAF']
+              }
+            },
+          }
+        ],
+        series: [
+          {
+            name:'收入(万元)',
+            type: 'line',
+            stack: 'Total',
+            smooth: true,
+            lineStyle: {
+              width: 2,
+              color: ['rgba(41,241,250,1)']
+            },
+            showSymbol: false,
+            areaStyle: {
+              opacity: 0.8,
+              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(41,241,250,0.35)'
+                },
+                {
+                  offset: 0.48,
+                  color: 'rgba(41,241,250,0.21)'
+                },
+                {
+                  offset: 0.99,
+                  color: 'rgba(41,241,250,0.00)'
+                }
+              ])
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: [400, 280, 590, 410, 600]
+          },
+          {
+            name:'支出(万元)',
+            type: 'line',
+            stack: 'Total',
+            smooth: true,
+            lineStyle: {
+              width: 2,
+              color: ['rgba(255,167,85,1)']
+            },
+            showSymbol: false,
+            areaStyle: {
+              opacity: 0.8,
+              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(255,167,85,0.35)'
+                },
+                {
+                  offset: 0.48,
+                  color: 'rgba(255,167,85,0.21)'
+                },
+                {
+                  offset: 0.99,
+                  color: 'rgba(255,167,85,0.00)'
+                }
+              ])
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: [210, 310, 300, 280,80]
+          },
+        ]
+      },
+      echartObj4: {
+        legend: {
+          show: true,
+          bottom: 10,
+          data: ['深业颐居(万元)','深业龙投(万元)','深业世纪山谷(万元)'],
+          itemHeight: 8, // 图例高度
+          itemWidth: 15, // 图例高度
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 10,
+            fontSize: 10,
+          },
+        },
+        color: ['#29F1FAFF','#1B7EF2FF','FFA755FF'],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            axisLabel: {//x轴文字的配置
+              show: true,
+              interval: 0, // 强制文字全部显示
+              textStyle: {
+                color: "#fff",
+                fontSize: 10,
+              }
+            },
+            data: ['0705','0706','0709','0710','0711','0714','0715','0716','0717','0718','0719'],
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            axisLabel: {//y轴文字的配置
+              textStyle: {
+                color: "#fff",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: 'dashed',
+                color: ['#1F7DAF']
+              }
+            },
+          }
+        ],
+        series: [
+          {
+            name:'深业世纪山谷(万元)',
+            type: 'line',
+            stack: 'Total',
+            smooth: true,
+            lineStyle: {
+              width: 2,
+              color: ['rgba(41,241,250,1)']
+            },
+            showSymbol: false,
+            areaStyle: {
+              opacity: 0.8,
+              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(41,241,250,0.35)'
+                },
+                {
+                  offset: 0.48,
+                  color: 'rgba(41,241,250,0.21)'
+                },
+                {
+                  offset: 0.99,
+                  color: 'rgba(41,241,250,0.00)'
+                }
+              ])
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: [60, 67, 10, 126, 110, 50, 80, 160, 140, 130,160]
+          },
+          {
+            name:'深业龙投(万元)',
+            type: 'line',
+            stack: 'Total',
+            smooth: true,
+            lineStyle: {
+              width: 2,
+              color: ['rgba(27,126,242,1)']
+            },
+            showSymbol: false,
+            areaStyle: {
+              opacity: 0.8,
+              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(27,126,242,0.35)'
+                },
+                {
+                  offset: 0.48,
+                  color: 'rgba(27,126,242,0.21)'
+                },
+                {
+                  offset: 0.99,
+                  color: 'rgba(27,126,242,0.00)'
+                }
+              ])
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: [60, 67, 200, 126, 110, 50, 80, 160, 140, 130,160]
+          },
+          {
+            name:'深业颐居(万元)',
+            type: 'line',
+            stack: 'Total',
+            smooth: true,
+            lineStyle: {
+              width: 2,
+              color: ['rgba(255,167,85,1)']
+            },
+            showSymbol: false,
+            areaStyle: {
+              opacity: 0.8,
+              color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(255,167,85,0.35)'
+                },
+                {
+                  offset: 0.48,
+                  color: 'rgba(255,167,85,0.21)'
+                },
+                {
+                  offset: 0.99,
+                  color: 'rgba(255,167,85,0.00)'
+                }
+              ])
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: [110, 87, 100, 146, 130, 90, 150, 190, 180, 140,110]
+          },
+        ]
+      },
+      echartObj5: {
+        legend: {
+          show: true,
+          bottom: 10,
+          data: ['深业颐居(万元)','深业龙投(万元)','深业世纪山谷(万元)'],
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 10
+          },
+        },
+        color: ['#2B8EF3','#F5B12D','#48E5E5'],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        xAxis: {
+          type: 'category',
+          axisLabel: {//x轴文字的配置
+            show: true,
+            textStyle: {
+              color: "#fff",
+              fontSize: 10,
+            }
+          },
+          data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
+        },
+        yAxis: {
+          type: 'value',
+          axisLabel: {//y轴文字的配置
+            textStyle: {
+              color: "#fff",
+            },
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: 'dashed',
+              color: ['#1F7DAF']
+            }
+          },
+        },
+        series: [
+          {
+            name: '深业颐居(万元)',
+            data: [
+              {name: '深业颐居(万元)', value: 1500},
+              {name: '深业颐居(万元)', value: 2400},
+              {name: '深业颐居(万元)', value: 2000},
+              {name: '深业颐居(万元)', value: 2300},
+              {name: '深业颐居(万元)', value: 2450},
+              {name: '深业颐居(万元)', value: 1450},
+              {name: '深业颐居(万元)', value: 1000},
+              {name: '深业颐居(万元)', value: 2500},
+              {name: '深业颐居(万元)', value: 1980},
+              {name: '深业颐居(万元)', value: 2500},
+              {name: '深业颐居(万元)', value: 2300},
+              {name: '深业颐居(万元)', value: 1600},
+            ],
+            type: 'bar',
+            barWidth: 10,
+            barGap:0.5,
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true,
+                  position: 'top',
+                  textStyle: {
+                    color: '#FFFFFF',
+                    fontSize: 10
+                  },
+                },
+                // color: '#1B7EF2'
+                color: () => {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: '#1976E2' },
+                    { offset: 1, color: 'rgba(25,118,226,0.30)' },
+                  ]);
+                },
+              }
+            },
+          },
+          {
+            name: '深业龙投(万元)',
+            data: [
+              {name: '深业龙投(万元)', value: 2200} ,
+              {name: '深业龙投(万元)', value: 1500},
+              {name: '深业龙投(万元)', value: 800},
+              {name: '深业龙投(万元)', value: 1500},
+              {name: '深业龙投(万元)', value: 1900},
+              {name: '深业龙投(万元)', value: 2300},
+              {name: '深业龙投(万元)', value: 1500},
+              {name: '深业龙投(万元)', value: 1500},
+              {name: '深业龙投(万元)', value: 1490},
+              {name: '深业龙投(万元)', value: 1490},
+              {name: '深业龙投(万元)', value: 1500},
+              {name: '深业龙投(万元)', value: 2300},
+            ],
+            type: 'bar',
+            barGap:0.5,
+            barWidth: 10,
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true,
+                  position: 'top',
+                  textStyle: {
+                    color: '#FFFFFF',
+                    fontSize: 10
+                  },
+                },
+                // color: '#1B7EF2'
+                color: () => {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: '#FF7B00' },
+                    { offset: 1, color: 'rgba(255,123,0,0.30)' },
+                  ]);
+                },
+              }
+            },
+          },
+          {
+            name: '深业世纪山谷(万元)',
+            data: [
+              {name: '深业世纪山谷(万元)', value: 1100} ,
+              {name: '深业世纪山谷(万元)', value: 1150},
+              {name: '深业世纪山谷(万元)', value: 1200},
+              {name: '深业世纪山谷(万元)', value: 1100},
+              {name: '深业世纪山谷(万元)', value: 700},
+              {name: '深业世纪山谷(万元)', value: 1100},
+              {name: '深业世纪山谷(万元)', value: 2400},
+              {name: '深业世纪山谷(万元)', value: 1200},
+              {name: '深业世纪山谷(万元)', value: 1250},
+              {name: '深业世纪山谷(万元)', value: 900},
+              {name: '深业世纪山谷(万元)', value: 1200},
+              {name: '深业世纪山谷(万元)', value: 1150}
+            ],
+            type: 'bar',
+            barGap:0.5,
+            barWidth: 10,
+            //同一系列的柱间距离
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true,
+                  position: 'top',
+                  textStyle: {
+                    color: '#FFFFFF',
+                    fontSize: 12
+                  },
+                },
+                // color: '#1B7EF2'
+                color: () => {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: '#48E5E5' },
+                    { offset: 1, color: 'rgba(72,228,229,0.30)' },
+                  ]);
+                }
+              }
+            },
+          },
+        ]
+      },
+      echartObj6Max: 135,
+      echartObj6: {
+        title: ['床位费','护理费','医疗费','用餐费','活动费'],
+        data: [135,132,88,70,60],
+        colors: ['#FA6C06', '#F5B12D', '#1974DF', '#18DFE8', '#0CB872'],
+      },
+      echartObj7: {
+        legend: {
+          show: true,
+          bottom: 10,
+          data: ['深业颐居(万元)','深业龙投(万元)','深业世纪山谷(万元)'],
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 10
+          },
+        },
+        color: ['#2B8EF3','#F5B12D','#48E5E5'],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        xAxis: {
+          type: 'category',
+          axisLabel: {//x轴文字的配置
+            show: true,
+            textStyle: {
+              color: "#fff",
+              fontSize: 10,
+            }
+          },
+          data: ['深业颐居','深业龙投','深业世纪山谷'],
+        },
+        yAxis: {
+          type: 'value',
+          axisLabel: {//y轴文字的配置
+            textStyle: {
+              color: "#fff",
+            },
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: 'dashed',
+              color: ['#1F7DAF']
+            }
+          },
+        },
+        series: [
+          {
+            name: '深业颐居(万元)',
+            data: [
+              {name: '深业颐居(万元)', value: 457},
+              {name: '深业颐居(万元)', value: 1300},
+              {name: '深业颐居(万元)', value: 950},
+            ],
+            type: 'bar',
+            barWidth: 10,
+            barGap:0.5,
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true,
+                  position: 'top',
+                  textStyle: {
+                    color: '#FFFFFF',
+                    fontSize: 10
+                  },
+                },
+                // color: '#1B7EF2'
+                color: () => {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: '#1976E2' },
+                    { offset: 1, color: 'rgba(25,118,226,0.30)' },
+                  ]);
+                },
+              }
+            },
+          },
+          {
+            name: '深业龙投(万元)',
+            data: [
+              {name: '深业龙投(万元)', value: 136} ,
+              {name: '深业龙投(万元)', value: 600},
+              {name: '深业龙投(万元)', value: 245},
+            ],
+            type: 'bar',
+            barGap:0.5,
+            barWidth: 10,
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true,
+                  position: 'top',
+                  textStyle: {
+                    color: '#FFFFFF',
+                    fontSize: 10
+                  },
+                },
+                // color: '#1B7EF2'
+                color: () => {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: '#FF7B00' },
+                    { offset: 1, color: 'rgba(255,123,0,0.30)' },
+                  ]);
+                },
+              }
+            },
+          },
+          {
+            name: '深业世纪山谷(万元)',
+            data: [
+              {name: '深业世纪山谷(万元)', value: 321} ,
+              {name: '深业世纪山谷(万元)', value: 700},
+              {name: '深业世纪山谷(万元)', value: 750},
+            ],
+            type: 'bar',
+            barGap:0.5,
+            barWidth: 10,
+            //同一系列的柱间距离
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true,
+                  position: 'top',
+                  textStyle: {
+                    color: '#FFFFFF',
+                    fontSize: 12
+                  },
+                },
+                // color: '#1B7EF2'
+                color: () => {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: '#48E5E5' },
+                    { offset: 1, color: 'rgba(72,228,229,0.30)' },
+                  ]);
+                }
+              }
+            },
+          },
+        ]
+      },
+      echartObj8: {
+        legend: {
+          show: true,
+          top: 'middle',
+          right: 0,
+          orient: 'vertical',
+          data: ['护理','材料','入住','其他'],
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 18
+          },
+          formatter:  (name) => {
+            let data = this.echartObj8.series[0].data
+            let total = 0
+            let tarValue
+            for (let i = 0; i < data.length; i++) {
+              total += data[i].value
+              if (data[i].name == name) {
+                tarValue = data[i].value
+              }
+            }
+            //计算出百分比
+            let p = Math.round((tarValue / total) * 100) + '%'
+            return `${name}${p}`
+          }
+        },
+        color: ['#2B8EF3','#48E5E5','#F5B12D','#68A400',],
+        series: [
+          {
+            name: 'Access From',
+            type: 'pie',
+            radius: [60, 90],
+            top: 'middle',
+            left: -50,
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: 'center'
+            },
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 20,
+              }
+            },
+            labelLine: {
+              show: false
+            },
+            data: [
+              { value: 40, name: '护理' },
+              { value: 30, name: '材料' },
+              { value: 20, name: '入住' },
+              { value: 10, name: '其他' },
+            ]
+          }
+        ]
+      },
+      echartObj9: {
+        legend: {
+          show: true,
+          top: 'middle',
+          right: 0,
+          orient: 'vertical',
+          data: ['电费','水费','天然气','设备采购','食材费','维修费','护理材料费','日用品'],
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 18
+          },
+          formatter:  (name) => {
+            let data = this.echartObj9.series[0].data
+            let total = 0
+            let tarValue
+            for (let i = 0; i < data.length; i++) {
+              total += data[i].value
+              if (data[i].name == name) {
+                tarValue = data[i].value
+              }
+            }
+            //计算出百分比
+            let p = Math.round((tarValue / total) * 100) + '%'
+            return `${name}${p}`
+          }
+        },
+        color: ['#2B8EF3','#48E5E5','#F5B12D','#4AA2CB','#68A400','#3D7DFA','#D599FD','#93BEFF',],
+        series: [
+          {
+            name: 'Access From',
+            type: 'pie',
+            radius: [60, 90],
+            top: 'middle',
+            left: -50,
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: 'center'
+            },
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 20,
+              }
+            },
+            labelLine: {
+              show: false
+            },
+            data: [
+              { value: 15, name: '电费' },
+              { value: 20, name: '水费' },
+              { value: 20, name: '天然气' },
+              { value: 10, name: '设备采购' },
+              { value: 5, name: '食材费' },
+              { value: 10, name: '维修费' },
+              { value: 10, name: '护理材料费' },
+              { value: 10, name: '日用品' },
+            ]
+          }
+        ]
+      },
+      echartObj10: {
+        legend: {
+          show: true,
+          top: 'middle',
+          right: 0,
+          orient: 'vertical',
+          data: ['基金会','政府拨款','个人捐赠','其他'],
+          textStyle: {
+            color: '#FFFFFF',
+            lineHeight: 18
+          },
+          formatter:  (name) => {
+            let data = this.echartObj10.series[0].data
+            let total = 0
+            let tarValue
+            for (let i = 0; i < data.length; i++) {
+              total += data[i].value
+              if (data[i].name == name) {
+                tarValue = data[i].value
+              }
+            }
+            //计算出百分比
+            let p = Math.round((tarValue / total) * 100) + '%'
+            return `${name}${p}`
+          }
+        },
+        color: ['#2B8EF3','#48E5E5','#F5B12D','#68A400',],
+        series: [
+          {
+            name: 'Access From',
+            type: 'pie',
+            radius: [60, 90],
+            top: 'middle',
+            left: -50,
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: 'center'
+            },
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 20,
+              }
+            },
+            labelLine: {
+              show: false
+            },
+            data: [
+              { value: 40, name: '基金会' },
+              { value: 30, name: '政府拨款' },
+              { value: 20, name: '个人捐赠' },
+              { value: 10, name: '其他' },
+            ]
+          }
+        ]
+      },
+
+    }
+  },
+  created() {
+    this.init();
+  },
+  components: {
+    Echarts,
+    SvgIcon,
+  },
+  methods: {
+    init() {
+      this.getData();
+    },
+    setSeriesItemStyle(color, obj={}){
+      let colors = {
+        qing: ['#48E5E5', 'rgba(72,228,229,0.30)'],
+        lan: ['#2B8EF3', 'rgba(25,118,226,0.30)'],
+        // huang: ['#F5B12D', 'rgba(255,123,0,0.30)'],
+        huang: ['#FF7B00', 'rgba(255,123,0,0.30)'],
+        lv: ['#07F090', 'rgba(60,212,149,0.28)'],
+        zi: ['#9B64D3', 'rgba(155,100,211,0.24)'],
+      }
+      return {
+        normal: {
+          label: {
+            show: true,
+            position: 'top',
+            textStyle: {
+              color: '#FFFFFF',
+              fontSize: 12
+            },
+          },
+          color: () => {
+            return new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: colors[color][0] },
+              { offset: 1, color: colors[color][1] },
+            ]);
+          },
+          ...obj,
+        }
+      }
+    },
+
+    search() {
+      this.init();
+    },
+    getData() {
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.home_left {
+  width: 74%;
+  .inner_box{
+    width: 49%;
+    height: 28%;
+  }
+  .left-top{
+    width: 100%;
+    height: 12%;
+    background-image: url(../../assets/img/finance/left-top.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+  .left-center{
+    width: 50%;
+    height: 70%;
+    background-image: url(../../assets/img/finance/left-center.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+}
+.home_right {
+  width: 25%;
+  .inner_box{
+    width: 100%;
+    height: 32%;
+  }
+}
+/deep/ .ant-progress-circle .ant-progress-text {
+  color: #FFFFFF;
+  font-size: 20px;
+}
+/deep/ .ant-progress-circle-trail{
+  stroke:#334D60 !important;
+}
+.echart5{
+  padding: 1rem 0;
+  > div{
+    font-size: 1rem;
+    color: #FFFFFF;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+  }
+}
+</style>
diff --git a/src/pages/page/06.vue b/src/pages/finance/index.vue
similarity index 79%
rename from src/pages/page/06.vue
rename to src/pages/finance/index.vue
index 05101b8..65139e0 100644
--- a/src/pages/page/06.vue
+++ b/src/pages/finance/index.vue
@@ -1,11 +1,19 @@
 <template>
   <div class="main">
+    <!--    <userStatus />-->
+    <!-- <h1>首页</h1> -->
+    <!--    <img class="h1" src="../../assets/img/h1.png" />-->
     <Header :headerObj="{title:'中科软养老大数据分析平台', index: '6'}"/>
-    <img src="@/assets/img/page2/06财务.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);">
+    <home></home>
+    <!--    <Nav />-->
+    <!--    <img class="b" src="../../assets/img/1.png" alt="" />-->
   </div>
 </template>
 <script>
 import Header from '@/components/header'
+import home from './home.vue'
+import userStatus from "@/components/userStatus";
+import { Index } from "@/api/index";
 
 export default {
   name: "index",
@@ -26,9 +34,11 @@ export default {
   },
   components: {
     Header,
+    home,
+    userStatus,
   },
   methods: {
-     init() {
+    init() {
       this.getData();
     },
     getData() {
diff --git a/src/pages/marketing/home.vue b/src/pages/marketing/home.vue
index 56501ba..3bd4a46 100644
--- a/src/pages/marketing/home.vue
+++ b/src/pages/marketing/home.vue
@@ -393,7 +393,7 @@
         </div>
         <!-- 内容-->
         <div>
-          <div style="margin-bottom: 25px;margin-top:25px;display: flex; justify-content: center;align-items: center">
+          <div style="margin:5% 0;display: flex; justify-content: center;align-items: center">
             <span style="font-size: 16px">预定总人数：</span>
             <div style="display: flex">
               <img src="../../assets/img/bigScreen/number-bg.png">
diff --git a/src/router.js b/src/router.js
index 36fea66..2c9e2f4 100644
--- a/src/router.js
+++ b/src/router.js
@@ -66,9 +66,9 @@ export default new Router({
       }
     },
     {
-      path: '/06',
-      name: '06',
-      component: () => import('@/pages/page/06'),
+      path: '/finance',
+      name: 'finance',
+      component: () => import('@/pages/finance/index'),
       meta: {
         index: 0,
       }