diff --git a/.env.development b/.env.development
index 71611db..0a6098f 100644
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,4 @@
 NODE_ENV=development
-VUE_APP_API_BASE_URL=http://192.168.31.195:8081/jeecg-boot
+VUE_APP_API_BASE_URL=http://rcproject.natapp1.cc/jeecg-boot
 VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
 VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
\ No newline at end of file
diff --git a/src/assets/img/buttonbg.png b/src/assets/img/buttonbg.png
new file mode 100644
index 0000000..f2a2456
Binary files /dev/null and b/src/assets/img/buttonbg.png differ
diff --git a/src/assets/img/homebg.png b/src/assets/img/homebg.png
new file mode 100644
index 0000000..80c7c8d
Binary files /dev/null and b/src/assets/img/homebg.png differ
diff --git a/src/assets/img/loginbg.png b/src/assets/img/loginbg.png
index 73c1383..0bc0d6a 100644
Binary files a/src/assets/img/loginbg.png and b/src/assets/img/loginbg.png differ
diff --git a/src/assets/img/任务管理.png b/src/assets/img/任务管理.png
new file mode 100644
index 0000000..897d165
Binary files /dev/null and b/src/assets/img/任务管理.png differ
diff --git a/src/assets/img/数据导入.png b/src/assets/img/数据导入.png
new file mode 100644
index 0000000..d6a68d7
Binary files /dev/null and b/src/assets/img/数据导入.png differ
diff --git a/src/assets/img/数据接入.png b/src/assets/img/数据接入.png
new file mode 100644
index 0000000..08e82a7
Binary files /dev/null and b/src/assets/img/数据接入.png differ
diff --git a/src/assets/img/数据统计.png b/src/assets/img/数据统计.png
new file mode 100644
index 0000000..11e2f88
Binary files /dev/null and b/src/assets/img/数据统计.png differ
diff --git a/src/assets/img/系统管理.png b/src/assets/img/系统管理.png
new file mode 100644
index 0000000..30f9f89
Binary files /dev/null and b/src/assets/img/系统管理.png differ
diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue
index 6728515..befa296 100644
--- a/src/views/dashboard/Analysis.vue
+++ b/src/views/dashboard/Analysis.vue
@@ -1,103 +1,29 @@
 <template>
-  <div>
-    <a-row :gutter="20" class="analysisBG">
-      <a-col :span="6">
-        <div class="linese"></div>
-        <div class="echartsL">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            任务 -- 时间 -- 采集数据量
-          </div>
-          <div class="echarts" ref="echartsL1"></div>
-        </div>
-        <div class="linese"></div>
-        <div class="linese"></div>
-        <div class="echartsL">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            数据质量对比分析
-          </div>
-          <div class="echarts" ref="echartsL2"></div>
-        </div>
-        <div class="linese"></div>
-        <div class="linese"></div>
-        <div class="echartsL">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            数据能力支撑
-          </div>
-          <div class="echarts" ref="echartsL3"></div>
-        </div>
-        <div class="linese"></div>
-      </a-col>
-      <a-col :span="12">
-        <div class="linese"></div>
-        <div class="echartsCT">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            数据统计
-          </div>
-          <div class="echrtsC1">
-            <div class="num num1">162</div>
-            <div class="name1">平台</div>
-            <div class="num num2">474</div>
-            <div class="name2">总和</div>
-            <div class="num num3">15</div>
-            <div class="name3">编队</div>
-            <div class="num num4">36</div>
-            <div class="name4">反潜</div>
-            <div class="num num5">59</div>
-            <div class="name5">航空兵</div>
-            <div class="num num6">56</div>
-            <div class="name6">作战</div>
-            <div class="num num7">18</div>
-            <div class="name7">舰炮</div>
-            <div class="num num8">128</div>
-            <div class="name8">陆战队</div>
-          </div>
-        </div>
-        <div class="linese"></div>
-        <div class="linese"></div>
-        <div class="echartsL">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            UDP报文接引数据量
-          </div>
-          <div class="echarts" ref="echartsC2"></div>
-        </div>
-        <div class="linese"></div>
-      </a-col>
-      <a-col :span="6">
-        <div class="linese"></div>
-        <div class="echartsL">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            数据应用排行
-          </div>
-          <div class="echarts" ref="echartsR1"></div>
-        </div>
-        <div class="linese"></div>
-        <div class="linese"></div>
-        <div class="echartsL">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            数据联系
-          </div>
-          <div class="echarts" ref="echartsR2"></div>
-        </div>
-        <div class="linese"></div>
-        <div class="linese"></div>
-        <div class="echartsL">
-          <div class="echartsTitle">
-            <div class="ecicon"></div>
-            数据编目
-          </div>
-          <div class=icons9><img src="~@/assets/img/数据9.png" /></div>
-          <div class="echarts echartsR3" ref="echartsR3"></div>
-        </div>
-        <div class="linese"></div>
-      </a-col>
-    </a-row>
+  <div class="analysisBG">
+    <div class="buttonBG">
+      <a-row :gutter="20">
+        <a-col :span="4" class="clickbutton" @click="openlink('/#/task/index')">
+          <div class="buttontext">任务管理</div> 
+          <div class="buttonicon"><img src="~@/assets/img/任务管理.png"></div>
+        </a-col>
+        <a-col :span="4" class="clickbutton" @click="openlink('/#/datalink/water')">
+          <div class="buttontext">数据导入</div> 
+          <div class="buttonicon"><img src="~@/assets/img/数据导入.png"></div>
+        </a-col>
+        <a-col :span="4" class="clickbutton" @click="openlink('/#/datalink/dblink')">
+          <div class="buttontext">数据接入</div> 
+          <div class="buttonicon"><img src="~@/assets/img/数据接入.png"></div>
+        </a-col>
+        <a-col :span="4" class="clickbutton" @click="openlink('/#/data/statistics')">
+          <div class="buttontext">数据统计</div> 
+          <div class="buttonicon"><img src="~@/assets/img/数据统计.png"></div>
+        </a-col>
+        <a-col :span="4" class="clickbutton" @click="openlink('/#/isystem/user')">
+          <div class="buttontext">系统管理</div> 
+          <div class="buttonicon"><img src="~@/assets/img/系统管理.png"></div>
+        </a-col>
+      </a-row>
+    </div>
   </div>
 </template>
 
@@ -107,2196 +33,16 @@ export default {
   components: {},
   data() {
     return {
-      xAxis: {
-        type: 'category',
-        axisLabel: { color: '#fff' },
-        axisLine: { lineStyle: { color: 'rgb(117,156,186)' } },
-        axisTick: { show: false },
-      },
-      yAxis: {
-        axisLabel: { color: '#fff' },
-        axisLine: { show: false },
-        splitLine: { lineStyle: { type: 'dashed', color: 'rgba(117,156,186,0.5)' } },
-      },
-      backgroundColor: 'rgba(20,50,75,0.6)',
+      
     }
   },
   mounted() {
-    this.initEcharts1()
-    this.initEcharts2()
-    this.initEcharts3()
-    this.initEcharts4()
-    this.initEcharts5()
-    this.initEcharts6()
-    this.initEcharts7()
+
   },
   created() {},
   methods: {
-    initEcharts1() {
-      var myChart = this.$echarts.init(this.$refs.echartsL1)
-      var option = {
-        tooltip: {},
-        backgroundColor: this.backgroundColor,
-        grid: {
-          left: '40px',
-          right: '20px',
-          top: '20px',
-          bottom: '20px',
-        },
-        xAxis: { data: ['9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00'], ...this.xAxis },
-        yAxis: this.yAxis,
-        series: [
-          { type: 'line', symbol: 'none', data: [18, 20, 20, 22, 23, 23, 24] },
-          { type: 'line', symbol: 'none', data: [15, 17, 17, 17, 19, 20, 21] },
-          { type: 'line', symbol: 'none', data: [13, 15, 17, 18, 19, 21, 22] },
-          { type: 'line', symbol: 'none', data: [12, 13, 14, 15, 16, 18, 20] },
-          { type: 'line', symbol: 'none', data: [10, 14, 18, 21, 23, 24, 24] },
-          { type: 'line', symbol: 'none', data: [8, 12, 16, 19, 22, 23, 23] },
-          { type: 'line', symbol: 'none', data: [10, 10, 10, 12, 14, 15, 16] },
-        ],
-        color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],
-      }
-      myChart.setOption(option)
-    },
-    initEcharts2() {
-      var myChart = this.$echarts.init(this.$refs.echartsL2)
-      var option = {
-        // legend: {},
-        backgroundColor: this.backgroundColor,
-        tooltip: {},
-        grid: {
-          left: '40px',
-          right: '20px',
-          top: '20px',
-          bottom: '20px',
-        },
-        xAxis: { data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战', '反潜'], ...this.xAxis },
-        yAxis: this.yAxis,
-        series: [
-          { type: 'bar', name: '原始数据', barWidth: 10, data: [68, 46, 46, 90, 90, 68, 90] },
-          { type: 'bar', name: '清洗后数据', barWidth: 10, data: [59, 40, 40, 78, 78, 59, 78] },
-        ],
-        color: ['#91cc75', '#73c0de'],
-      }
-      myChart.setOption(option)
-    },
-    initEcharts3() {
-      var myChart = this.$echarts.init(this.$refs.echartsL3)
-      var option = {
-        // legend: {},
-        tooltip: {},
-        backgroundColor: this.backgroundColor,
-        radar: {
-          shape: 'circle',
-          center: ['50%', '55%'],
-          axisName: { color: '#fff' },
-          splitLine: { lineStyle: { color: 'rgba(86, 144, 148, 1)' } },
-          splitArea: { show: false },
-          indicator: [
-            { name: '远洋补给', max: 80 },
-            { name: '两栖登陆', max: 80 },
-            { name: '对海打击', max: 80 },
-            { name: '舰载机起降', max: 80 },
-            { name: '反潜', max: 80 },
-            { name: '远海巡航', max: 80 },
-            { name: '编队协同', max: 80 },
-          ],
-        },
-        series: [{ type: 'radar', data: [{ value: [60, 24, 60, 46, 60, 68, 72] }] }],
-        color: ['#ee6666'],
-      }
-      myChart.setOption(option)
-    },
-    initEcharts4() {
-      var myChart = this.$echarts.init(this.$refs.echartsC2)
-      var option = {
-        backgroundColor: this.backgroundColor,
-        tooltip: {},
-        grid: {
-          left: '40px',
-          right: '20px',
-          top: '20px',
-          bottom: '20px',
-        },
-        xAxis: { data: ['一月', '二月', '三月', '四月', '五月', '六月'], ...this.xAxis },
-        yAxis: this.yAxis,
-        series: [{ type: 'bar', name: '原始数据', barWidth: 30, data: [82, 58, 82, 58, 82, 58] }],
-        color: ['#91cc75', '#73c0de'],
-      }
-      myChart.setOption(option)
-    },
-    initEcharts5() {
-      var myChart = this.$echarts.init(this.$refs.echartsR1)
-      var option = {
-        backgroundColor: this.backgroundColor,
-        tooltip: {},
-        grid: {
-          left: '40px',
-          right: '20px',
-          top: '20px',
-          bottom: '20px',
-        },
-        xAxis: { data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战', '反潜'], ...this.xAxis },
-        yAxis: this.yAxis,
-        series: [{ type: 'bar', name: '原始数据', barWidth: 10, data: [68, 46, 46, 90, 90, 68, 90] }],
-        color: ['#91cc75', '#73c0de'],
-      }
-      myChart.setOption(option)
-    },
-    initEcharts6() {
-      var myChart = this.$echarts.init(this.$refs.echartsR2)
-      var graph = {
-        nodes: [
-          {
-            id: '0',
-            name: 'Myriel',
-            symbolSize: 19.12381,
-            x: -266.82776,
-            y: 299.6904,
-            value: 28.685715,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '1',
-            name: 'Napoleon',
-            symbolSize: 2.6666666666666665,
-            x: -418.08344,
-            y: 446.8853,
-            value: 4,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '2',
-            name: 'MlleBaptistine',
-            symbolSize: 6.323809333333333,
-            x: -212.76357,
-            y: 245.29176,
-            value: 9.485714,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '3',
-            name: 'MmeMagloire',
-            symbolSize: 6.323809333333333,
-            x: -242.82404,
-            y: 235.26283,
-            value: 9.485714,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '4',
-            name: 'CountessDeLo',
-            symbolSize: 2.6666666666666665,
-            x: -379.30386,
-            y: 429.06424,
-            value: 4,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '5',
-            name: 'Geborand',
-            symbolSize: 2.6666666666666665,
-            x: -417.26337,
-            y: 406.03506,
-            value: 4,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '6',
-            name: 'Champtercier',
-            symbolSize: 2.6666666666666665,
-            x: -332.6012,
-            y: 485.16974,
-            value: 4,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '7',
-            name: 'Cravatte',
-            symbolSize: 2.6666666666666665,
-            x: -382.69568,
-            y: 475.09113,
-            value: 4,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '8',
-            name: 'Count',
-            symbolSize: 2.6666666666666665,
-            x: -320.384,
-            y: 387.17325,
-            value: 4,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '9',
-            name: 'OldMan',
-            symbolSize: 2.6666666666666665,
-            x: -344.39832,
-            y: 451.16772,
-            value: 4,
-            category: 0,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '10',
-            name: 'Labarre',
-            symbolSize: 2.6666666666666665,
-            x: -89.34107,
-            y: 234.56128,
-            value: 4,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '11',
-            name: 'Valjean',
-            symbolSize: 66.66666666666667,
-            x: -87.93029,
-            y: -6.8120565,
-            value: 100,
-            category: 1,
-            label: {
-              show: true,
-            },
-          },
-          {
-            id: '12',
-            name: 'Marguerite',
-            symbolSize: 4.495239333333333,
-            x: -339.77908,
-            y: -184.69139,
-            value: 6.742859,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '13',
-            name: 'MmeDeR',
-            symbolSize: 2.6666666666666665,
-            x: -194.31313,
-            y: 178.55301,
-            value: 4,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '14',
-            name: 'Isabeau',
-            symbolSize: 2.6666666666666665,
-            x: -158.05168,
-            y: 201.99768,
-            value: 4,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '15',
-            name: 'Gervais',
-            symbolSize: 2.6666666666666665,
-            x: -127.701546,
-            y: 242.55057,
-            value: 4,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '16',
-            name: 'Tholomyes',
-            symbolSize: 17.295237333333333,
-            x: -385.2226,
-            y: -393.5572,
-            value: 25.942856,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '17',
-            name: 'Listolier',
-            symbolSize: 13.638097333333334,
-            x: -516.55884,
-            y: -393.98975,
-            value: 20.457146,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '18',
-            name: 'Fameuil',
-            symbolSize: 13.638097333333334,
-            x: -464.79382,
-            y: -493.57944,
-            value: 20.457146,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '19',
-            name: 'Blacheville',
-            symbolSize: 13.638097333333334,
-            x: -515.1624,
-            y: -456.9891,
-            value: 20.457146,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '20',
-            name: 'Favourite',
-            symbolSize: 13.638097333333334,
-            x: -408.12122,
-            y: -464.5048,
-            value: 20.457146,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '21',
-            name: 'Dahlia',
-            symbolSize: 13.638097333333334,
-            x: -456.44113,
-            y: -425.13303,
-            value: 20.457146,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '22',
-            name: 'Zephine',
-            symbolSize: 13.638097333333334,
-            x: -459.1107,
-            y: -362.5133,
-            value: 20.457146,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '23',
-            name: 'Fantine',
-            symbolSize: 28.266666666666666,
-            x: -313.42786,
-            y: -289.44803,
-            value: 42.4,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '24',
-            name: 'MmeThenardier',
-            symbolSize: 20.95238266666667,
-            x: 4.6313396,
-            y: -273.8517,
-            value: 31.428574,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '25',
-            name: 'Thenardier',
-            symbolSize: 30.095235333333335,
-            x: 82.80825,
-            y: -203.1144,
-            value: 45.142853,
-            category: 7,
-            label: {
-              show: true,
-            },
-          },
-          {
-            id: '26',
-            name: 'Cosette',
-            symbolSize: 20.95238266666667,
-            x: 78.64646,
-            y: -31.512747,
-            value: 31.428574,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '27',
-            name: 'Javert',
-            symbolSize: 31.923806666666668,
-            x: -81.46074,
-            y: -204.20204,
-            value: 47.88571,
-            category: 7,
-            label: {
-              show: true,
-            },
-          },
-          {
-            id: '28',
-            name: 'Fauchelevent',
-            symbolSize: 8.152382000000001,
-            x: -225.73984,
-            y: 82.41631,
-            value: 12.228573,
-            category: 4,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '29',
-            name: 'Bamatabois',
-            symbolSize: 15.466666666666667,
-            x: -385.6842,
-            y: -20.206686,
-            value: 23.2,
-            category: 3,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '30',
-            name: 'Perpetue',
-            symbolSize: 4.495239333333333,
-            x: -403.92447,
-            y: -197.69823,
-            value: 6.742859,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '31',
-            name: 'Simplice',
-            symbolSize: 8.152382000000001,
-            x: -281.4253,
-            y: -158.45137,
-            value: 12.228573,
-            category: 2,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '32',
-            name: 'Scaufflaire',
-            symbolSize: 2.6666666666666665,
-            x: -122.41348,
-            y: 210.37503,
-            value: 4,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '33',
-            name: 'Woman1',
-            symbolSize: 4.495239333333333,
-            x: -234.6001,
-            y: -113.15067,
-            value: 6.742859,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '34',
-            name: 'Judge',
-            symbolSize: 11.809524666666666,
-            x: -387.84915,
-            y: 58.7059,
-            value: 17.714287,
-            category: 3,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '35',
-            name: 'Champmathieu',
-            symbolSize: 11.809524666666666,
-            x: -338.2307,
-            y: 87.48405,
-            value: 17.714287,
-            category: 3,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '36',
-            name: 'Brevet',
-            symbolSize: 11.809524666666666,
-            x: -453.26874,
-            y: 58.94648,
-            value: 17.714287,
-            category: 3,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '37',
-            name: 'Chenildieu',
-            symbolSize: 11.809524666666666,
-            x: -386.44904,
-            y: 140.05937,
-            value: 17.714287,
-            category: 3,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '38',
-            name: 'Cochepaille',
-            symbolSize: 11.809524666666666,
-            x: -446.7876,
-            y: 123.38005,
-            value: 17.714287,
-            category: 3,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '39',
-            name: 'Pontmercy',
-            symbolSize: 6.323809333333333,
-            x: 336.49738,
-            y: -269.55914,
-            value: 9.485714,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '40',
-            name: 'Boulatruelle',
-            symbolSize: 2.6666666666666665,
-            x: 29.187843,
-            y: -460.13132,
-            value: 4,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '41',
-            name: 'Eponine',
-            symbolSize: 20.95238266666667,
-            x: 238.36697,
-            y: -210.00926,
-            value: 31.428574,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '42',
-            name: 'Anzelma',
-            symbolSize: 6.323809333333333,
-            x: 189.69513,
-            y: -346.50662,
-            value: 9.485714,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '43',
-            name: 'Woman2',
-            symbolSize: 6.323809333333333,
-            x: -187.00418,
-            y: -145.02663,
-            value: 9.485714,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '44',
-            name: 'MotherInnocent',
-            symbolSize: 4.495239333333333,
-            x: -252.99521,
-            y: 129.87549,
-            value: 6.742859,
-            category: 4,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '45',
-            name: 'Gribier',
-            symbolSize: 2.6666666666666665,
-            x: -296.07935,
-            y: 163.11964,
-            value: 4,
-            category: 4,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '46',
-            name: 'Jondrette',
-            symbolSize: 2.6666666666666665,
-            x: 550.3201,
-            y: 522.4031,
-            value: 4,
-            category: 5,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '47',
-            name: 'MmeBurgon',
-            symbolSize: 4.495239333333333,
-            x: 488.13535,
-            y: 356.8573,
-            value: 6.742859,
-            category: 5,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '48',
-            name: 'Gavroche',
-            symbolSize: 41.06667066666667,
-            x: 387.89572,
-            y: 110.462326,
-            value: 61.600006,
-            category: 8,
-            label: {
-              show: true,
-            },
-          },
-          {
-            id: '49',
-            name: 'Gillenormand',
-            symbolSize: 13.638097333333334,
-            x: 126.4831,
-            y: 68.10622,
-            value: 20.457146,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '50',
-            name: 'Magnon',
-            symbolSize: 4.495239333333333,
-            x: 127.07365,
-            y: -113.05923,
-            value: 6.742859,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '51',
-            name: 'MlleGillenormand',
-            symbolSize: 13.638097333333334,
-            x: 162.63559,
-            y: 117.6565,
-            value: 20.457146,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '52',
-            name: 'MmePontmercy',
-            symbolSize: 4.495239333333333,
-            x: 353.66415,
-            y: -205.89165,
-            value: 6.742859,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '53',
-            name: 'MlleVaubois',
-            symbolSize: 2.6666666666666665,
-            x: 165.43939,
-            y: 339.7736,
-            value: 4,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '54',
-            name: 'LtGillenormand',
-            symbolSize: 8.152382000000001,
-            x: 137.69348,
-            y: 196.1069,
-            value: 12.228573,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '55',
-            name: 'Marius',
-            symbolSize: 35.58095333333333,
-            x: 206.44687,
-            y: -13.805411,
-            value: 53.37143,
-            category: 6,
-            label: {
-              show: true,
-            },
-          },
-          {
-            id: '56',
-            name: 'BaronessT',
-            symbolSize: 4.495239333333333,
-            x: 194.82993,
-            y: 224.78036,
-            value: 6.742859,
-            category: 6,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '57',
-            name: 'Mabeuf',
-            symbolSize: 20.95238266666667,
-            x: 597.6618,
-            y: 135.18481,
-            value: 31.428574,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '58',
-            name: 'Enjolras',
-            symbolSize: 28.266666666666666,
-            x: 355.78366,
-            y: -74.882454,
-            value: 42.4,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '59',
-            name: 'Combeferre',
-            symbolSize: 20.95238266666667,
-            x: 515.2961,
-            y: -46.167564,
-            value: 31.428574,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '60',
-            name: 'Prouvaire',
-            symbolSize: 17.295237333333333,
-            x: 614.29285,
-            y: -69.3104,
-            value: 25.942856,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '61',
-            name: 'Feuilly',
-            symbolSize: 20.95238266666667,
-            x: 550.1917,
-            y: -128.17537,
-            value: 31.428574,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '62',
-            name: 'Courfeyrac',
-            symbolSize: 24.609526666666667,
-            x: 436.17184,
-            y: -12.7286825,
-            value: 36.91429,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '63',
-            name: 'Bahorel',
-            symbolSize: 22.780953333333333,
-            x: 602.55225,
-            y: 16.421427,
-            value: 34.17143,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '64',
-            name: 'Bossuet',
-            symbolSize: 24.609526666666667,
-            x: 455.81955,
-            y: -115.45826,
-            value: 36.91429,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '65',
-            name: 'Joly',
-            symbolSize: 22.780953333333333,
-            x: 516.40784,
-            y: 47.242233,
-            value: 34.17143,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '66',
-            name: 'Grantaire',
-            symbolSize: 19.12381,
-            x: 646.4313,
-            y: -151.06331,
-            value: 28.685715,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '67',
-            name: 'MotherPlutarch',
-            symbolSize: 2.6666666666666665,
-            x: 668.9568,
-            y: 204.65488,
-            value: 4,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '68',
-            name: 'Gueulemer',
-            symbolSize: 19.12381,
-            x: 78.4799,
-            y: -347.15146,
-            value: 28.685715,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '69',
-            name: 'Babet',
-            symbolSize: 19.12381,
-            x: 150.35959,
-            y: -298.50797,
-            value: 28.685715,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '70',
-            name: 'Claquesous',
-            symbolSize: 19.12381,
-            x: 137.3717,
-            y: -410.2809,
-            value: 28.685715,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '71',
-            name: 'Montparnasse',
-            symbolSize: 17.295237333333333,
-            x: 234.87747,
-            y: -400.85983,
-            value: 25.942856,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '72',
-            name: 'Toussaint',
-            symbolSize: 6.323809333333333,
-            x: 40.942253,
-            y: 113.78272,
-            value: 9.485714,
-            category: 1,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '73',
-            name: 'Child1',
-            symbolSize: 4.495239333333333,
-            x: 437.939,
-            y: 291.58234,
-            value: 6.742859,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '74',
-            name: 'Child2',
-            symbolSize: 4.495239333333333,
-            x: 466.04922,
-            y: 283.3606,
-            value: 6.742859,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '75',
-            name: 'Brujon',
-            symbolSize: 13.638097333333334,
-            x: 238.79364,
-            y: -314.06345,
-            value: 20.457146,
-            category: 7,
-            label: {
-              show: false,
-            },
-          },
-          {
-            id: '76',
-            name: 'MmeHucheloup',
-            symbolSize: 13.638097333333334,
-            x: 712.18353,
-            y: 4.8131495,
-            value: 20.457146,
-            category: 8,
-            label: {
-              show: false,
-            },
-          },
-        ],
-        links: [
-          {
-            source: '1',
-            target: '0',
-          },
-          {
-            source: '2',
-            target: '0',
-          },
-          {
-            source: '3',
-            target: '0',
-          },
-          {
-            source: '3',
-            target: '2',
-          },
-          {
-            source: '4',
-            target: '0',
-          },
-          {
-            source: '5',
-            target: '0',
-          },
-          {
-            source: '6',
-            target: '0',
-          },
-          {
-            source: '7',
-            target: '0',
-          },
-          {
-            source: '8',
-            target: '0',
-          },
-          {
-            source: '9',
-            target: '0',
-          },
-          {
-            source: '11',
-            target: '0',
-          },
-          {
-            source: '11',
-            target: '2',
-          },
-          {
-            source: '11',
-            target: '3',
-          },
-          {
-            source: '11',
-            target: '10',
-          },
-          {
-            source: '12',
-            target: '11',
-          },
-          {
-            source: '13',
-            target: '11',
-          },
-          {
-            source: '14',
-            target: '11',
-          },
-          {
-            source: '15',
-            target: '11',
-          },
-          {
-            source: '17',
-            target: '16',
-          },
-          {
-            source: '18',
-            target: '16',
-          },
-          {
-            source: '18',
-            target: '17',
-          },
-          {
-            source: '19',
-            target: '16',
-          },
-          {
-            source: '19',
-            target: '17',
-          },
-          {
-            source: '19',
-            target: '18',
-          },
-          {
-            source: '20',
-            target: '16',
-          },
-          {
-            source: '20',
-            target: '17',
-          },
-          {
-            source: '20',
-            target: '18',
-          },
-          {
-            source: '20',
-            target: '19',
-          },
-          {
-            source: '21',
-            target: '16',
-          },
-          {
-            source: '21',
-            target: '17',
-          },
-          {
-            source: '21',
-            target: '18',
-          },
-          {
-            source: '21',
-            target: '19',
-          },
-          {
-            source: '21',
-            target: '20',
-          },
-          {
-            source: '22',
-            target: '16',
-          },
-          {
-            source: '22',
-            target: '17',
-          },
-          {
-            source: '22',
-            target: '18',
-          },
-          {
-            source: '22',
-            target: '19',
-          },
-          {
-            source: '22',
-            target: '20',
-          },
-          {
-            source: '22',
-            target: '21',
-          },
-          {
-            source: '23',
-            target: '11',
-          },
-          {
-            source: '23',
-            target: '12',
-          },
-          {
-            source: '23',
-            target: '16',
-          },
-          {
-            source: '23',
-            target: '17',
-          },
-          {
-            source: '23',
-            target: '18',
-          },
-          {
-            source: '23',
-            target: '19',
-          },
-          {
-            source: '23',
-            target: '20',
-          },
-          {
-            source: '23',
-            target: '21',
-          },
-          {
-            source: '23',
-            target: '22',
-          },
-          {
-            source: '24',
-            target: '11',
-          },
-          {
-            source: '24',
-            target: '23',
-          },
-          {
-            source: '25',
-            target: '11',
-          },
-          {
-            source: '25',
-            target: '23',
-          },
-          {
-            source: '25',
-            target: '24',
-          },
-          {
-            source: '26',
-            target: '11',
-          },
-          {
-            source: '26',
-            target: '16',
-          },
-          {
-            source: '26',
-            target: '24',
-          },
-          {
-            source: '26',
-            target: '25',
-          },
-          {
-            source: '27',
-            target: '11',
-          },
-          {
-            source: '27',
-            target: '23',
-          },
-          {
-            source: '27',
-            target: '24',
-          },
-          {
-            source: '27',
-            target: '25',
-          },
-          {
-            source: '27',
-            target: '26',
-          },
-          {
-            source: '28',
-            target: '11',
-          },
-          {
-            source: '28',
-            target: '27',
-          },
-          {
-            source: '29',
-            target: '11',
-          },
-          {
-            source: '29',
-            target: '23',
-          },
-          {
-            source: '29',
-            target: '27',
-          },
-          {
-            source: '30',
-            target: '23',
-          },
-          {
-            source: '31',
-            target: '11',
-          },
-          {
-            source: '31',
-            target: '23',
-          },
-          {
-            source: '31',
-            target: '27',
-          },
-          {
-            source: '31',
-            target: '30',
-          },
-          {
-            source: '32',
-            target: '11',
-          },
-          {
-            source: '33',
-            target: '11',
-          },
-          {
-            source: '33',
-            target: '27',
-          },
-          {
-            source: '34',
-            target: '11',
-          },
-          {
-            source: '34',
-            target: '29',
-          },
-          {
-            source: '35',
-            target: '11',
-          },
-          {
-            source: '35',
-            target: '29',
-          },
-          {
-            source: '35',
-            target: '34',
-          },
-          {
-            source: '36',
-            target: '11',
-          },
-          {
-            source: '36',
-            target: '29',
-          },
-          {
-            source: '36',
-            target: '34',
-          },
-          {
-            source: '36',
-            target: '35',
-          },
-          {
-            source: '37',
-            target: '11',
-          },
-          {
-            source: '37',
-            target: '29',
-          },
-          {
-            source: '37',
-            target: '34',
-          },
-          {
-            source: '37',
-            target: '35',
-          },
-          {
-            source: '37',
-            target: '36',
-          },
-          {
-            source: '38',
-            target: '11',
-          },
-          {
-            source: '38',
-            target: '29',
-          },
-          {
-            source: '38',
-            target: '34',
-          },
-          {
-            source: '38',
-            target: '35',
-          },
-          {
-            source: '38',
-            target: '36',
-          },
-          {
-            source: '38',
-            target: '37',
-          },
-          {
-            source: '39',
-            target: '25',
-          },
-          {
-            source: '40',
-            target: '25',
-          },
-          {
-            source: '41',
-            target: '24',
-          },
-          {
-            source: '41',
-            target: '25',
-          },
-          {
-            source: '42',
-            target: '24',
-          },
-          {
-            source: '42',
-            target: '25',
-          },
-          {
-            source: '42',
-            target: '41',
-          },
-          {
-            source: '43',
-            target: '11',
-          },
-          {
-            source: '43',
-            target: '26',
-          },
-          {
-            source: '43',
-            target: '27',
-          },
-          {
-            source: '44',
-            target: '11',
-          },
-          {
-            source: '44',
-            target: '28',
-          },
-          {
-            source: '45',
-            target: '28',
-          },
-          {
-            source: '47',
-            target: '46',
-          },
-          {
-            source: '48',
-            target: '11',
-          },
-          {
-            source: '48',
-            target: '25',
-          },
-          {
-            source: '48',
-            target: '27',
-          },
-          {
-            source: '48',
-            target: '47',
-          },
-          {
-            source: '49',
-            target: '11',
-          },
-          {
-            source: '49',
-            target: '26',
-          },
-          {
-            source: '50',
-            target: '24',
-          },
-          {
-            source: '50',
-            target: '49',
-          },
-          {
-            source: '51',
-            target: '11',
-          },
-          {
-            source: '51',
-            target: '26',
-          },
-          {
-            source: '51',
-            target: '49',
-          },
-          {
-            source: '52',
-            target: '39',
-          },
-          {
-            source: '52',
-            target: '51',
-          },
-          {
-            source: '53',
-            target: '51',
-          },
-          {
-            source: '54',
-            target: '26',
-          },
-          {
-            source: '54',
-            target: '49',
-          },
-          {
-            source: '54',
-            target: '51',
-          },
-          {
-            source: '55',
-            target: '11',
-          },
-          {
-            source: '55',
-            target: '16',
-          },
-          {
-            source: '55',
-            target: '25',
-          },
-          {
-            source: '55',
-            target: '26',
-          },
-          {
-            source: '55',
-            target: '39',
-          },
-          {
-            source: '55',
-            target: '41',
-          },
-          {
-            source: '55',
-            target: '48',
-          },
-          {
-            source: '55',
-            target: '49',
-          },
-          {
-            source: '55',
-            target: '51',
-          },
-          {
-            source: '55',
-            target: '54',
-          },
-          {
-            source: '56',
-            target: '49',
-          },
-          {
-            source: '56',
-            target: '55',
-          },
-          {
-            source: '57',
-            target: '41',
-          },
-          {
-            source: '57',
-            target: '48',
-          },
-          {
-            source: '57',
-            target: '55',
-          },
-          {
-            source: '58',
-            target: '11',
-          },
-          {
-            source: '58',
-            target: '27',
-          },
-          {
-            source: '58',
-            target: '48',
-          },
-          {
-            source: '58',
-            target: '55',
-          },
-          {
-            source: '58',
-            target: '57',
-          },
-          {
-            source: '59',
-            target: '48',
-          },
-          {
-            source: '59',
-            target: '55',
-          },
-          {
-            source: '59',
-            target: '57',
-          },
-          {
-            source: '59',
-            target: '58',
-          },
-          {
-            source: '60',
-            target: '48',
-          },
-          {
-            source: '60',
-            target: '58',
-          },
-          {
-            source: '60',
-            target: '59',
-          },
-          {
-            source: '61',
-            target: '48',
-          },
-          {
-            source: '61',
-            target: '55',
-          },
-          {
-            source: '61',
-            target: '57',
-          },
-          {
-            source: '61',
-            target: '58',
-          },
-          {
-            source: '61',
-            target: '59',
-          },
-          {
-            source: '61',
-            target: '60',
-          },
-          {
-            source: '62',
-            target: '41',
-          },
-          {
-            source: '62',
-            target: '48',
-          },
-          {
-            source: '62',
-            target: '55',
-          },
-          {
-            source: '62',
-            target: '57',
-          },
-          {
-            source: '62',
-            target: '58',
-          },
-          {
-            source: '62',
-            target: '59',
-          },
-          {
-            source: '62',
-            target: '60',
-          },
-          {
-            source: '62',
-            target: '61',
-          },
-          {
-            source: '63',
-            target: '48',
-          },
-          {
-            source: '63',
-            target: '55',
-          },
-          {
-            source: '63',
-            target: '57',
-          },
-          {
-            source: '63',
-            target: '58',
-          },
-          {
-            source: '63',
-            target: '59',
-          },
-          {
-            source: '63',
-            target: '60',
-          },
-          {
-            source: '63',
-            target: '61',
-          },
-          {
-            source: '63',
-            target: '62',
-          },
-          {
-            source: '64',
-            target: '11',
-          },
-          {
-            source: '64',
-            target: '48',
-          },
-          {
-            source: '64',
-            target: '55',
-          },
-          {
-            source: '64',
-            target: '57',
-          },
-          {
-            source: '64',
-            target: '58',
-          },
-          {
-            source: '64',
-            target: '59',
-          },
-          {
-            source: '64',
-            target: '60',
-          },
-          {
-            source: '64',
-            target: '61',
-          },
-          {
-            source: '64',
-            target: '62',
-          },
-          {
-            source: '64',
-            target: '63',
-          },
-          {
-            source: '65',
-            target: '48',
-          },
-          {
-            source: '65',
-            target: '55',
-          },
-          {
-            source: '65',
-            target: '57',
-          },
-          {
-            source: '65',
-            target: '58',
-          },
-          {
-            source: '65',
-            target: '59',
-          },
-          {
-            source: '65',
-            target: '60',
-          },
-          {
-            source: '65',
-            target: '61',
-          },
-          {
-            source: '65',
-            target: '62',
-          },
-          {
-            source: '65',
-            target: '63',
-          },
-          {
-            source: '65',
-            target: '64',
-          },
-          {
-            source: '66',
-            target: '48',
-          },
-          {
-            source: '66',
-            target: '58',
-          },
-          {
-            source: '66',
-            target: '59',
-          },
-          {
-            source: '66',
-            target: '60',
-          },
-          {
-            source: '66',
-            target: '61',
-          },
-          {
-            source: '66',
-            target: '62',
-          },
-          {
-            source: '66',
-            target: '63',
-          },
-          {
-            source: '66',
-            target: '64',
-          },
-          {
-            source: '66',
-            target: '65',
-          },
-          {
-            source: '67',
-            target: '57',
-          },
-          {
-            source: '68',
-            target: '11',
-          },
-          {
-            source: '68',
-            target: '24',
-          },
-          {
-            source: '68',
-            target: '25',
-          },
-          {
-            source: '68',
-            target: '27',
-          },
-          {
-            source: '68',
-            target: '41',
-          },
-          {
-            source: '68',
-            target: '48',
-          },
-          {
-            source: '69',
-            target: '11',
-          },
-          {
-            source: '69',
-            target: '24',
-          },
-          {
-            source: '69',
-            target: '25',
-          },
-          {
-            source: '69',
-            target: '27',
-          },
-          {
-            source: '69',
-            target: '41',
-          },
-          {
-            source: '69',
-            target: '48',
-          },
-          {
-            source: '69',
-            target: '68',
-          },
-          {
-            source: '70',
-            target: '11',
-          },
-          {
-            source: '70',
-            target: '24',
-          },
-          {
-            source: '70',
-            target: '25',
-          },
-          {
-            source: '70',
-            target: '27',
-          },
-          {
-            source: '70',
-            target: '41',
-          },
-          {
-            source: '70',
-            target: '58',
-          },
-          {
-            source: '70',
-            target: '68',
-          },
-          {
-            source: '70',
-            target: '69',
-          },
-          {
-            source: '71',
-            target: '11',
-          },
-          {
-            source: '71',
-            target: '25',
-          },
-          {
-            source: '71',
-            target: '27',
-          },
-          {
-            source: '71',
-            target: '41',
-          },
-          {
-            source: '71',
-            target: '48',
-          },
-          {
-            source: '71',
-            target: '68',
-          },
-          {
-            source: '71',
-            target: '69',
-          },
-          {
-            source: '71',
-            target: '70',
-          },
-          {
-            source: '72',
-            target: '11',
-          },
-          {
-            source: '72',
-            target: '26',
-          },
-          {
-            source: '72',
-            target: '27',
-          },
-          {
-            source: '73',
-            target: '48',
-          },
-          {
-            source: '74',
-            target: '48',
-          },
-          {
-            source: '74',
-            target: '73',
-          },
-          {
-            source: '75',
-            target: '25',
-          },
-          {
-            source: '75',
-            target: '41',
-          },
-          {
-            source: '75',
-            target: '48',
-          },
-          {
-            source: '75',
-            target: '68',
-          },
-          {
-            source: '75',
-            target: '69',
-          },
-          {
-            source: '75',
-            target: '70',
-          },
-          {
-            source: '75',
-            target: '71',
-          },
-          {
-            source: '76',
-            target: '48',
-          },
-          {
-            source: '76',
-            target: '58',
-          },
-          {
-            source: '76',
-            target: '62',
-          },
-          {
-            source: '76',
-            target: '63',
-          },
-          {
-            source: '76',
-            target: '64',
-          },
-          {
-            source: '76',
-            target: '65',
-          },
-          {
-            source: '76',
-            target: '66',
-          },
-        ],
-        categories: [
-          {
-            name: 'A',
-          },
-          {
-            name: 'B',
-          },
-          {
-            name: 'C',
-          },
-          {
-            name: 'D',
-          },
-          {
-            name: 'E',
-          },
-          {
-            name: 'F',
-          },
-          {
-            name: 'G',
-          },
-          {
-            name: 'H',
-          },
-          {
-            name: 'I',
-          },
-        ],
-      }
-      graph.nodes.forEach(function (node) {
-        node.label = {
-          show: node.symbolSize > 30,
-        }
-      })
-      var option = {
-        tooltip: {},
-        backgroundColor: this.backgroundColor,
-        // legend: [
-        //   {
-        //     orient: 'vertical',
-        //     top: 'center',
-        //     left: '20',
-        //     data: graph.categories.map(function (a) {
-        //       return a.name
-        //     }),
-        //   },
-        // ],
-        animationDurationUpdate: 1500,
-        animationEasingUpdate: 'quinticInOut',
-        series: [
-          {
-            name: 'Les Miserables',
-            type: 'graph',
-            layout: 'circular',
-            circular: {
-              rotateLabel: true,
-            },
-            data: graph.nodes,
-            links: graph.links,
-            categories: graph.categories,
-            roam: true,
-            label: {
-              position: 'right',
-              formatter: '{b}',
-            },
-            lineStyle: {
-              color: 'source',
-              curveness: 0.3,
-            },
-          },
-        ],
-      }
-      myChart.setOption(option)
-    },
-    initEcharts7() {
-      var myChart = this.$echarts.init(this.$refs.echartsR3)
-      var option = {
-        tooltip: {},
-        backgroundColor: this.backgroundColor,
-        angleAxis: {
-          type: 'category',
-          axisLabel: { show: false },
-          axisLine: { show: false },
-          axisTick: { show: false },
-          splitLine: { show: false },
-          startAngle: 120,
-          data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战'],
-        },
-        radiusAxis: {
-          axisLabel: { show: false },
-          axisLine: { show: false },
-          axisTick: { show: false },
-          splitLine: { show: false },
-        },
-        polar: {},
-        series: [
-          {
-            type: 'bar',
-            barWidth: 110,
-            data: [50, 32, 40, 54, 40, 44],
-            coordinateSystem: 'polar',
-            color: ['rgb(45,86,172)'],
-          },
-        ],
-      }
-      myChart.setOption(option)
+    openlink(url){
+      window.location.href = url;
     },
   },
 }
@@ -2304,73 +50,40 @@ export default {
 
 <style scoped>
 .analysisBG {
-  background-image: url('~@/assets/img/analysisBG.jpg');
-  background-position: -10px -128px;
-  padding: 12px 10px;
+  background-image: url('~@/assets/img/homebg.png');
 }
-.analysisBG .linese {
-  margin-bottom: 5px;
+.buttonBG{
+  margin-top: 12px;
+  margin-left: 30px;
+  height: 900px;
+  
 }
-.echartsL {
-  width: 100%;
-  height: calc(33vh - 82px);
-  position: relative;
-}
-.echartsCT {
-  width: 100%;
-  height: calc(66vh - 135px);
-  background-color: rgba(20, 50, 75, 0.6);
-}
-.echarts {
-  width: 100%;
-  height: calc(100% - 36px);
-}
-.echartsR3 {
-  background-image: url('~@/assets/img/echarts8bg.png');
-  background-repeat: no-repeat;
-  background-position: center 6px;
-}
-.icons9{
-  width: 60px;
-  height: 60px;
-  padding: 12px;
-  background: rgb(26,31,54);
-  border-radius: 30px;
-  border: 2px solid rgb(85,100,171);
-  position: absolute;
-  left:calc(50% - 30px);
-  top:calc(50% - 12px);
-  z-index: 9;
-}
-.echrtsC1 {
-  width: 879px;
-  height: 499px;
-  background-image: url('~@/assets/img/echarts4bg.png');
-  background-repeat: no-repeat;
-  background-position: center 6px;
-  margin: calc(33vh - 335px) auto;
-  position: relative;
+.clickbutton {
+  margin-top: 5%;
+  background-image: url('~@/assets/img/buttonbg.png');
+  height: 484px;
+  width: 366px;
   cursor: pointer;
-  div {
-    position: absolute;
-    color: #fff;
-    cursor: pointer;
-  }
-  .num1 {left: 160px;top: 90px;font-size: 36px;}
-  .num2 {left: 395px;top: 80px;font-size: 40px;}
-  .num3 {left: 663px;top: 90px;font-size: 36px;}
-  .num4 {left: 48px;top: 205px;font-size: 36px;}
-  .num5 {left: 770px;top: 216px;font-size: 36px;}
-  .num6 {left: 175px;top: 324px;font-size: 36px;}
-  .num7 {left: 423px;top: 383px;font-size: 36px;}
-  .num8 {left: 650px;top: 315px;font-size: 36px;}
-  .name1 {left: 175px;top: 175px;font-size: 18px;}
-  .name2 {left: 410px;top: 180px;font-size: 30px;}
-  .name3 {left: 668px;top: 174px;font-size: 18px;}
-  .name4 {left: 58px;top: 274px;font-size: 18px;}
-  .name5 {left: 772px;top: 292px;font-size: 18px;}
-  .name6 {left: 183px;top: 400px;font-size: 18px;}
-  .name7 {left: 426px;top: 446px;font-size: 18px;}
-  .name8 {left: 660px;top: 400px;font-size: 18px;}
+}
+.button:hover {
+  background-color: #0056b3;
+  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+  transform: translateY(1px); 
+}
+.buttonicon {
+  display: flex;
+  justify-content: center; 
+  align-items: center;    
+  margin-top: 22%; 
+}
+.buttontext{
+  margin-top: 16%;
+  display: flex;
+  justify-content: center; 
+  align-items: center;
+  font-size: 24px;
+  color: white;    
+  line-height: 1.8;
+  letter-spacing: 5px;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/Analysis_bak.vue b/src/views/dashboard/Analysis_bak.vue
new file mode 100644
index 0000000..6728515
--- /dev/null
+++ b/src/views/dashboard/Analysis_bak.vue
@@ -0,0 +1,2376 @@
+<template>
+  <div>
+    <a-row :gutter="20" class="analysisBG">
+      <a-col :span="6">
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            任务 -- 时间 -- 采集数据量
+          </div>
+          <div class="echarts" ref="echartsL1"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据质量对比分析
+          </div>
+          <div class="echarts" ref="echartsL2"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据能力支撑
+          </div>
+          <div class="echarts" ref="echartsL3"></div>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :span="12">
+        <div class="linese"></div>
+        <div class="echartsCT">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据统计
+          </div>
+          <div class="echrtsC1">
+            <div class="num num1">162</div>
+            <div class="name1">平台</div>
+            <div class="num num2">474</div>
+            <div class="name2">总和</div>
+            <div class="num num3">15</div>
+            <div class="name3">编队</div>
+            <div class="num num4">36</div>
+            <div class="name4">反潜</div>
+            <div class="num num5">59</div>
+            <div class="name5">航空兵</div>
+            <div class="num num6">56</div>
+            <div class="name6">作战</div>
+            <div class="num num7">18</div>
+            <div class="name7">舰炮</div>
+            <div class="num num8">128</div>
+            <div class="name8">陆战队</div>
+          </div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            UDP报文接引数据量
+          </div>
+          <div class="echarts" ref="echartsC2"></div>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :span="6">
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据应用排行
+          </div>
+          <div class="echarts" ref="echartsR1"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据联系
+          </div>
+          <div class="echarts" ref="echartsR2"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据编目
+          </div>
+          <div class=icons9><img src="~@/assets/img/数据9.png" /></div>
+          <div class="echarts echartsR3" ref="echartsR3"></div>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Analysis',
+  components: {},
+  data() {
+    return {
+      xAxis: {
+        type: 'category',
+        axisLabel: { color: '#fff' },
+        axisLine: { lineStyle: { color: 'rgb(117,156,186)' } },
+        axisTick: { show: false },
+      },
+      yAxis: {
+        axisLabel: { color: '#fff' },
+        axisLine: { show: false },
+        splitLine: { lineStyle: { type: 'dashed', color: 'rgba(117,156,186,0.5)' } },
+      },
+      backgroundColor: 'rgba(20,50,75,0.6)',
+    }
+  },
+  mounted() {
+    this.initEcharts1()
+    this.initEcharts2()
+    this.initEcharts3()
+    this.initEcharts4()
+    this.initEcharts5()
+    this.initEcharts6()
+    this.initEcharts7()
+  },
+  created() {},
+  methods: {
+    initEcharts1() {
+      var myChart = this.$echarts.init(this.$refs.echartsL1)
+      var option = {
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [
+          { type: 'line', symbol: 'none', data: [18, 20, 20, 22, 23, 23, 24] },
+          { type: 'line', symbol: 'none', data: [15, 17, 17, 17, 19, 20, 21] },
+          { type: 'line', symbol: 'none', data: [13, 15, 17, 18, 19, 21, 22] },
+          { type: 'line', symbol: 'none', data: [12, 13, 14, 15, 16, 18, 20] },
+          { type: 'line', symbol: 'none', data: [10, 14, 18, 21, 23, 24, 24] },
+          { type: 'line', symbol: 'none', data: [8, 12, 16, 19, 22, 23, 23] },
+          { type: 'line', symbol: 'none', data: [10, 10, 10, 12, 14, 15, 16] },
+        ],
+        color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts2() {
+      var myChart = this.$echarts.init(this.$refs.echartsL2)
+      var option = {
+        // legend: {},
+        backgroundColor: this.backgroundColor,
+        tooltip: {},
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战', '反潜'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [
+          { type: 'bar', name: '原始数据', barWidth: 10, data: [68, 46, 46, 90, 90, 68, 90] },
+          { type: 'bar', name: '清洗后数据', barWidth: 10, data: [59, 40, 40, 78, 78, 59, 78] },
+        ],
+        color: ['#91cc75', '#73c0de'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts3() {
+      var myChart = this.$echarts.init(this.$refs.echartsL3)
+      var option = {
+        // legend: {},
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        radar: {
+          shape: 'circle',
+          center: ['50%', '55%'],
+          axisName: { color: '#fff' },
+          splitLine: { lineStyle: { color: 'rgba(86, 144, 148, 1)' } },
+          splitArea: { show: false },
+          indicator: [
+            { name: '远洋补给', max: 80 },
+            { name: '两栖登陆', max: 80 },
+            { name: '对海打击', max: 80 },
+            { name: '舰载机起降', max: 80 },
+            { name: '反潜', max: 80 },
+            { name: '远海巡航', max: 80 },
+            { name: '编队协同', max: 80 },
+          ],
+        },
+        series: [{ type: 'radar', data: [{ value: [60, 24, 60, 46, 60, 68, 72] }] }],
+        color: ['#ee6666'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts4() {
+      var myChart = this.$echarts.init(this.$refs.echartsC2)
+      var option = {
+        backgroundColor: this.backgroundColor,
+        tooltip: {},
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['一月', '二月', '三月', '四月', '五月', '六月'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [{ type: 'bar', name: '原始数据', barWidth: 30, data: [82, 58, 82, 58, 82, 58] }],
+        color: ['#91cc75', '#73c0de'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts5() {
+      var myChart = this.$echarts.init(this.$refs.echartsR1)
+      var option = {
+        backgroundColor: this.backgroundColor,
+        tooltip: {},
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战', '反潜'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [{ type: 'bar', name: '原始数据', barWidth: 10, data: [68, 46, 46, 90, 90, 68, 90] }],
+        color: ['#91cc75', '#73c0de'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts6() {
+      var myChart = this.$echarts.init(this.$refs.echartsR2)
+      var graph = {
+        nodes: [
+          {
+            id: '0',
+            name: 'Myriel',
+            symbolSize: 19.12381,
+            x: -266.82776,
+            y: 299.6904,
+            value: 28.685715,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '1',
+            name: 'Napoleon',
+            symbolSize: 2.6666666666666665,
+            x: -418.08344,
+            y: 446.8853,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '2',
+            name: 'MlleBaptistine',
+            symbolSize: 6.323809333333333,
+            x: -212.76357,
+            y: 245.29176,
+            value: 9.485714,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '3',
+            name: 'MmeMagloire',
+            symbolSize: 6.323809333333333,
+            x: -242.82404,
+            y: 235.26283,
+            value: 9.485714,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '4',
+            name: 'CountessDeLo',
+            symbolSize: 2.6666666666666665,
+            x: -379.30386,
+            y: 429.06424,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '5',
+            name: 'Geborand',
+            symbolSize: 2.6666666666666665,
+            x: -417.26337,
+            y: 406.03506,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '6',
+            name: 'Champtercier',
+            symbolSize: 2.6666666666666665,
+            x: -332.6012,
+            y: 485.16974,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '7',
+            name: 'Cravatte',
+            symbolSize: 2.6666666666666665,
+            x: -382.69568,
+            y: 475.09113,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '8',
+            name: 'Count',
+            symbolSize: 2.6666666666666665,
+            x: -320.384,
+            y: 387.17325,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '9',
+            name: 'OldMan',
+            symbolSize: 2.6666666666666665,
+            x: -344.39832,
+            y: 451.16772,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '10',
+            name: 'Labarre',
+            symbolSize: 2.6666666666666665,
+            x: -89.34107,
+            y: 234.56128,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '11',
+            name: 'Valjean',
+            symbolSize: 66.66666666666667,
+            x: -87.93029,
+            y: -6.8120565,
+            value: 100,
+            category: 1,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '12',
+            name: 'Marguerite',
+            symbolSize: 4.495239333333333,
+            x: -339.77908,
+            y: -184.69139,
+            value: 6.742859,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '13',
+            name: 'MmeDeR',
+            symbolSize: 2.6666666666666665,
+            x: -194.31313,
+            y: 178.55301,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '14',
+            name: 'Isabeau',
+            symbolSize: 2.6666666666666665,
+            x: -158.05168,
+            y: 201.99768,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '15',
+            name: 'Gervais',
+            symbolSize: 2.6666666666666665,
+            x: -127.701546,
+            y: 242.55057,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '16',
+            name: 'Tholomyes',
+            symbolSize: 17.295237333333333,
+            x: -385.2226,
+            y: -393.5572,
+            value: 25.942856,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '17',
+            name: 'Listolier',
+            symbolSize: 13.638097333333334,
+            x: -516.55884,
+            y: -393.98975,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '18',
+            name: 'Fameuil',
+            symbolSize: 13.638097333333334,
+            x: -464.79382,
+            y: -493.57944,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '19',
+            name: 'Blacheville',
+            symbolSize: 13.638097333333334,
+            x: -515.1624,
+            y: -456.9891,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '20',
+            name: 'Favourite',
+            symbolSize: 13.638097333333334,
+            x: -408.12122,
+            y: -464.5048,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '21',
+            name: 'Dahlia',
+            symbolSize: 13.638097333333334,
+            x: -456.44113,
+            y: -425.13303,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '22',
+            name: 'Zephine',
+            symbolSize: 13.638097333333334,
+            x: -459.1107,
+            y: -362.5133,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '23',
+            name: 'Fantine',
+            symbolSize: 28.266666666666666,
+            x: -313.42786,
+            y: -289.44803,
+            value: 42.4,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '24',
+            name: 'MmeThenardier',
+            symbolSize: 20.95238266666667,
+            x: 4.6313396,
+            y: -273.8517,
+            value: 31.428574,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '25',
+            name: 'Thenardier',
+            symbolSize: 30.095235333333335,
+            x: 82.80825,
+            y: -203.1144,
+            value: 45.142853,
+            category: 7,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '26',
+            name: 'Cosette',
+            symbolSize: 20.95238266666667,
+            x: 78.64646,
+            y: -31.512747,
+            value: 31.428574,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '27',
+            name: 'Javert',
+            symbolSize: 31.923806666666668,
+            x: -81.46074,
+            y: -204.20204,
+            value: 47.88571,
+            category: 7,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '28',
+            name: 'Fauchelevent',
+            symbolSize: 8.152382000000001,
+            x: -225.73984,
+            y: 82.41631,
+            value: 12.228573,
+            category: 4,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '29',
+            name: 'Bamatabois',
+            symbolSize: 15.466666666666667,
+            x: -385.6842,
+            y: -20.206686,
+            value: 23.2,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '30',
+            name: 'Perpetue',
+            symbolSize: 4.495239333333333,
+            x: -403.92447,
+            y: -197.69823,
+            value: 6.742859,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '31',
+            name: 'Simplice',
+            symbolSize: 8.152382000000001,
+            x: -281.4253,
+            y: -158.45137,
+            value: 12.228573,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '32',
+            name: 'Scaufflaire',
+            symbolSize: 2.6666666666666665,
+            x: -122.41348,
+            y: 210.37503,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '33',
+            name: 'Woman1',
+            symbolSize: 4.495239333333333,
+            x: -234.6001,
+            y: -113.15067,
+            value: 6.742859,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '34',
+            name: 'Judge',
+            symbolSize: 11.809524666666666,
+            x: -387.84915,
+            y: 58.7059,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '35',
+            name: 'Champmathieu',
+            symbolSize: 11.809524666666666,
+            x: -338.2307,
+            y: 87.48405,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '36',
+            name: 'Brevet',
+            symbolSize: 11.809524666666666,
+            x: -453.26874,
+            y: 58.94648,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '37',
+            name: 'Chenildieu',
+            symbolSize: 11.809524666666666,
+            x: -386.44904,
+            y: 140.05937,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '38',
+            name: 'Cochepaille',
+            symbolSize: 11.809524666666666,
+            x: -446.7876,
+            y: 123.38005,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '39',
+            name: 'Pontmercy',
+            symbolSize: 6.323809333333333,
+            x: 336.49738,
+            y: -269.55914,
+            value: 9.485714,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '40',
+            name: 'Boulatruelle',
+            symbolSize: 2.6666666666666665,
+            x: 29.187843,
+            y: -460.13132,
+            value: 4,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '41',
+            name: 'Eponine',
+            symbolSize: 20.95238266666667,
+            x: 238.36697,
+            y: -210.00926,
+            value: 31.428574,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '42',
+            name: 'Anzelma',
+            symbolSize: 6.323809333333333,
+            x: 189.69513,
+            y: -346.50662,
+            value: 9.485714,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '43',
+            name: 'Woman2',
+            symbolSize: 6.323809333333333,
+            x: -187.00418,
+            y: -145.02663,
+            value: 9.485714,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '44',
+            name: 'MotherInnocent',
+            symbolSize: 4.495239333333333,
+            x: -252.99521,
+            y: 129.87549,
+            value: 6.742859,
+            category: 4,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '45',
+            name: 'Gribier',
+            symbolSize: 2.6666666666666665,
+            x: -296.07935,
+            y: 163.11964,
+            value: 4,
+            category: 4,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '46',
+            name: 'Jondrette',
+            symbolSize: 2.6666666666666665,
+            x: 550.3201,
+            y: 522.4031,
+            value: 4,
+            category: 5,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '47',
+            name: 'MmeBurgon',
+            symbolSize: 4.495239333333333,
+            x: 488.13535,
+            y: 356.8573,
+            value: 6.742859,
+            category: 5,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '48',
+            name: 'Gavroche',
+            symbolSize: 41.06667066666667,
+            x: 387.89572,
+            y: 110.462326,
+            value: 61.600006,
+            category: 8,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '49',
+            name: 'Gillenormand',
+            symbolSize: 13.638097333333334,
+            x: 126.4831,
+            y: 68.10622,
+            value: 20.457146,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '50',
+            name: 'Magnon',
+            symbolSize: 4.495239333333333,
+            x: 127.07365,
+            y: -113.05923,
+            value: 6.742859,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '51',
+            name: 'MlleGillenormand',
+            symbolSize: 13.638097333333334,
+            x: 162.63559,
+            y: 117.6565,
+            value: 20.457146,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '52',
+            name: 'MmePontmercy',
+            symbolSize: 4.495239333333333,
+            x: 353.66415,
+            y: -205.89165,
+            value: 6.742859,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '53',
+            name: 'MlleVaubois',
+            symbolSize: 2.6666666666666665,
+            x: 165.43939,
+            y: 339.7736,
+            value: 4,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '54',
+            name: 'LtGillenormand',
+            symbolSize: 8.152382000000001,
+            x: 137.69348,
+            y: 196.1069,
+            value: 12.228573,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '55',
+            name: 'Marius',
+            symbolSize: 35.58095333333333,
+            x: 206.44687,
+            y: -13.805411,
+            value: 53.37143,
+            category: 6,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '56',
+            name: 'BaronessT',
+            symbolSize: 4.495239333333333,
+            x: 194.82993,
+            y: 224.78036,
+            value: 6.742859,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '57',
+            name: 'Mabeuf',
+            symbolSize: 20.95238266666667,
+            x: 597.6618,
+            y: 135.18481,
+            value: 31.428574,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '58',
+            name: 'Enjolras',
+            symbolSize: 28.266666666666666,
+            x: 355.78366,
+            y: -74.882454,
+            value: 42.4,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '59',
+            name: 'Combeferre',
+            symbolSize: 20.95238266666667,
+            x: 515.2961,
+            y: -46.167564,
+            value: 31.428574,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '60',
+            name: 'Prouvaire',
+            symbolSize: 17.295237333333333,
+            x: 614.29285,
+            y: -69.3104,
+            value: 25.942856,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '61',
+            name: 'Feuilly',
+            symbolSize: 20.95238266666667,
+            x: 550.1917,
+            y: -128.17537,
+            value: 31.428574,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '62',
+            name: 'Courfeyrac',
+            symbolSize: 24.609526666666667,
+            x: 436.17184,
+            y: -12.7286825,
+            value: 36.91429,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '63',
+            name: 'Bahorel',
+            symbolSize: 22.780953333333333,
+            x: 602.55225,
+            y: 16.421427,
+            value: 34.17143,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '64',
+            name: 'Bossuet',
+            symbolSize: 24.609526666666667,
+            x: 455.81955,
+            y: -115.45826,
+            value: 36.91429,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '65',
+            name: 'Joly',
+            symbolSize: 22.780953333333333,
+            x: 516.40784,
+            y: 47.242233,
+            value: 34.17143,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '66',
+            name: 'Grantaire',
+            symbolSize: 19.12381,
+            x: 646.4313,
+            y: -151.06331,
+            value: 28.685715,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '67',
+            name: 'MotherPlutarch',
+            symbolSize: 2.6666666666666665,
+            x: 668.9568,
+            y: 204.65488,
+            value: 4,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '68',
+            name: 'Gueulemer',
+            symbolSize: 19.12381,
+            x: 78.4799,
+            y: -347.15146,
+            value: 28.685715,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '69',
+            name: 'Babet',
+            symbolSize: 19.12381,
+            x: 150.35959,
+            y: -298.50797,
+            value: 28.685715,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '70',
+            name: 'Claquesous',
+            symbolSize: 19.12381,
+            x: 137.3717,
+            y: -410.2809,
+            value: 28.685715,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '71',
+            name: 'Montparnasse',
+            symbolSize: 17.295237333333333,
+            x: 234.87747,
+            y: -400.85983,
+            value: 25.942856,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '72',
+            name: 'Toussaint',
+            symbolSize: 6.323809333333333,
+            x: 40.942253,
+            y: 113.78272,
+            value: 9.485714,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '73',
+            name: 'Child1',
+            symbolSize: 4.495239333333333,
+            x: 437.939,
+            y: 291.58234,
+            value: 6.742859,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '74',
+            name: 'Child2',
+            symbolSize: 4.495239333333333,
+            x: 466.04922,
+            y: 283.3606,
+            value: 6.742859,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '75',
+            name: 'Brujon',
+            symbolSize: 13.638097333333334,
+            x: 238.79364,
+            y: -314.06345,
+            value: 20.457146,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '76',
+            name: 'MmeHucheloup',
+            symbolSize: 13.638097333333334,
+            x: 712.18353,
+            y: 4.8131495,
+            value: 20.457146,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+        ],
+        links: [
+          {
+            source: '1',
+            target: '0',
+          },
+          {
+            source: '2',
+            target: '0',
+          },
+          {
+            source: '3',
+            target: '0',
+          },
+          {
+            source: '3',
+            target: '2',
+          },
+          {
+            source: '4',
+            target: '0',
+          },
+          {
+            source: '5',
+            target: '0',
+          },
+          {
+            source: '6',
+            target: '0',
+          },
+          {
+            source: '7',
+            target: '0',
+          },
+          {
+            source: '8',
+            target: '0',
+          },
+          {
+            source: '9',
+            target: '0',
+          },
+          {
+            source: '11',
+            target: '0',
+          },
+          {
+            source: '11',
+            target: '2',
+          },
+          {
+            source: '11',
+            target: '3',
+          },
+          {
+            source: '11',
+            target: '10',
+          },
+          {
+            source: '12',
+            target: '11',
+          },
+          {
+            source: '13',
+            target: '11',
+          },
+          {
+            source: '14',
+            target: '11',
+          },
+          {
+            source: '15',
+            target: '11',
+          },
+          {
+            source: '17',
+            target: '16',
+          },
+          {
+            source: '18',
+            target: '16',
+          },
+          {
+            source: '18',
+            target: '17',
+          },
+          {
+            source: '19',
+            target: '16',
+          },
+          {
+            source: '19',
+            target: '17',
+          },
+          {
+            source: '19',
+            target: '18',
+          },
+          {
+            source: '20',
+            target: '16',
+          },
+          {
+            source: '20',
+            target: '17',
+          },
+          {
+            source: '20',
+            target: '18',
+          },
+          {
+            source: '20',
+            target: '19',
+          },
+          {
+            source: '21',
+            target: '16',
+          },
+          {
+            source: '21',
+            target: '17',
+          },
+          {
+            source: '21',
+            target: '18',
+          },
+          {
+            source: '21',
+            target: '19',
+          },
+          {
+            source: '21',
+            target: '20',
+          },
+          {
+            source: '22',
+            target: '16',
+          },
+          {
+            source: '22',
+            target: '17',
+          },
+          {
+            source: '22',
+            target: '18',
+          },
+          {
+            source: '22',
+            target: '19',
+          },
+          {
+            source: '22',
+            target: '20',
+          },
+          {
+            source: '22',
+            target: '21',
+          },
+          {
+            source: '23',
+            target: '11',
+          },
+          {
+            source: '23',
+            target: '12',
+          },
+          {
+            source: '23',
+            target: '16',
+          },
+          {
+            source: '23',
+            target: '17',
+          },
+          {
+            source: '23',
+            target: '18',
+          },
+          {
+            source: '23',
+            target: '19',
+          },
+          {
+            source: '23',
+            target: '20',
+          },
+          {
+            source: '23',
+            target: '21',
+          },
+          {
+            source: '23',
+            target: '22',
+          },
+          {
+            source: '24',
+            target: '11',
+          },
+          {
+            source: '24',
+            target: '23',
+          },
+          {
+            source: '25',
+            target: '11',
+          },
+          {
+            source: '25',
+            target: '23',
+          },
+          {
+            source: '25',
+            target: '24',
+          },
+          {
+            source: '26',
+            target: '11',
+          },
+          {
+            source: '26',
+            target: '16',
+          },
+          {
+            source: '26',
+            target: '24',
+          },
+          {
+            source: '26',
+            target: '25',
+          },
+          {
+            source: '27',
+            target: '11',
+          },
+          {
+            source: '27',
+            target: '23',
+          },
+          {
+            source: '27',
+            target: '24',
+          },
+          {
+            source: '27',
+            target: '25',
+          },
+          {
+            source: '27',
+            target: '26',
+          },
+          {
+            source: '28',
+            target: '11',
+          },
+          {
+            source: '28',
+            target: '27',
+          },
+          {
+            source: '29',
+            target: '11',
+          },
+          {
+            source: '29',
+            target: '23',
+          },
+          {
+            source: '29',
+            target: '27',
+          },
+          {
+            source: '30',
+            target: '23',
+          },
+          {
+            source: '31',
+            target: '11',
+          },
+          {
+            source: '31',
+            target: '23',
+          },
+          {
+            source: '31',
+            target: '27',
+          },
+          {
+            source: '31',
+            target: '30',
+          },
+          {
+            source: '32',
+            target: '11',
+          },
+          {
+            source: '33',
+            target: '11',
+          },
+          {
+            source: '33',
+            target: '27',
+          },
+          {
+            source: '34',
+            target: '11',
+          },
+          {
+            source: '34',
+            target: '29',
+          },
+          {
+            source: '35',
+            target: '11',
+          },
+          {
+            source: '35',
+            target: '29',
+          },
+          {
+            source: '35',
+            target: '34',
+          },
+          {
+            source: '36',
+            target: '11',
+          },
+          {
+            source: '36',
+            target: '29',
+          },
+          {
+            source: '36',
+            target: '34',
+          },
+          {
+            source: '36',
+            target: '35',
+          },
+          {
+            source: '37',
+            target: '11',
+          },
+          {
+            source: '37',
+            target: '29',
+          },
+          {
+            source: '37',
+            target: '34',
+          },
+          {
+            source: '37',
+            target: '35',
+          },
+          {
+            source: '37',
+            target: '36',
+          },
+          {
+            source: '38',
+            target: '11',
+          },
+          {
+            source: '38',
+            target: '29',
+          },
+          {
+            source: '38',
+            target: '34',
+          },
+          {
+            source: '38',
+            target: '35',
+          },
+          {
+            source: '38',
+            target: '36',
+          },
+          {
+            source: '38',
+            target: '37',
+          },
+          {
+            source: '39',
+            target: '25',
+          },
+          {
+            source: '40',
+            target: '25',
+          },
+          {
+            source: '41',
+            target: '24',
+          },
+          {
+            source: '41',
+            target: '25',
+          },
+          {
+            source: '42',
+            target: '24',
+          },
+          {
+            source: '42',
+            target: '25',
+          },
+          {
+            source: '42',
+            target: '41',
+          },
+          {
+            source: '43',
+            target: '11',
+          },
+          {
+            source: '43',
+            target: '26',
+          },
+          {
+            source: '43',
+            target: '27',
+          },
+          {
+            source: '44',
+            target: '11',
+          },
+          {
+            source: '44',
+            target: '28',
+          },
+          {
+            source: '45',
+            target: '28',
+          },
+          {
+            source: '47',
+            target: '46',
+          },
+          {
+            source: '48',
+            target: '11',
+          },
+          {
+            source: '48',
+            target: '25',
+          },
+          {
+            source: '48',
+            target: '27',
+          },
+          {
+            source: '48',
+            target: '47',
+          },
+          {
+            source: '49',
+            target: '11',
+          },
+          {
+            source: '49',
+            target: '26',
+          },
+          {
+            source: '50',
+            target: '24',
+          },
+          {
+            source: '50',
+            target: '49',
+          },
+          {
+            source: '51',
+            target: '11',
+          },
+          {
+            source: '51',
+            target: '26',
+          },
+          {
+            source: '51',
+            target: '49',
+          },
+          {
+            source: '52',
+            target: '39',
+          },
+          {
+            source: '52',
+            target: '51',
+          },
+          {
+            source: '53',
+            target: '51',
+          },
+          {
+            source: '54',
+            target: '26',
+          },
+          {
+            source: '54',
+            target: '49',
+          },
+          {
+            source: '54',
+            target: '51',
+          },
+          {
+            source: '55',
+            target: '11',
+          },
+          {
+            source: '55',
+            target: '16',
+          },
+          {
+            source: '55',
+            target: '25',
+          },
+          {
+            source: '55',
+            target: '26',
+          },
+          {
+            source: '55',
+            target: '39',
+          },
+          {
+            source: '55',
+            target: '41',
+          },
+          {
+            source: '55',
+            target: '48',
+          },
+          {
+            source: '55',
+            target: '49',
+          },
+          {
+            source: '55',
+            target: '51',
+          },
+          {
+            source: '55',
+            target: '54',
+          },
+          {
+            source: '56',
+            target: '49',
+          },
+          {
+            source: '56',
+            target: '55',
+          },
+          {
+            source: '57',
+            target: '41',
+          },
+          {
+            source: '57',
+            target: '48',
+          },
+          {
+            source: '57',
+            target: '55',
+          },
+          {
+            source: '58',
+            target: '11',
+          },
+          {
+            source: '58',
+            target: '27',
+          },
+          {
+            source: '58',
+            target: '48',
+          },
+          {
+            source: '58',
+            target: '55',
+          },
+          {
+            source: '58',
+            target: '57',
+          },
+          {
+            source: '59',
+            target: '48',
+          },
+          {
+            source: '59',
+            target: '55',
+          },
+          {
+            source: '59',
+            target: '57',
+          },
+          {
+            source: '59',
+            target: '58',
+          },
+          {
+            source: '60',
+            target: '48',
+          },
+          {
+            source: '60',
+            target: '58',
+          },
+          {
+            source: '60',
+            target: '59',
+          },
+          {
+            source: '61',
+            target: '48',
+          },
+          {
+            source: '61',
+            target: '55',
+          },
+          {
+            source: '61',
+            target: '57',
+          },
+          {
+            source: '61',
+            target: '58',
+          },
+          {
+            source: '61',
+            target: '59',
+          },
+          {
+            source: '61',
+            target: '60',
+          },
+          {
+            source: '62',
+            target: '41',
+          },
+          {
+            source: '62',
+            target: '48',
+          },
+          {
+            source: '62',
+            target: '55',
+          },
+          {
+            source: '62',
+            target: '57',
+          },
+          {
+            source: '62',
+            target: '58',
+          },
+          {
+            source: '62',
+            target: '59',
+          },
+          {
+            source: '62',
+            target: '60',
+          },
+          {
+            source: '62',
+            target: '61',
+          },
+          {
+            source: '63',
+            target: '48',
+          },
+          {
+            source: '63',
+            target: '55',
+          },
+          {
+            source: '63',
+            target: '57',
+          },
+          {
+            source: '63',
+            target: '58',
+          },
+          {
+            source: '63',
+            target: '59',
+          },
+          {
+            source: '63',
+            target: '60',
+          },
+          {
+            source: '63',
+            target: '61',
+          },
+          {
+            source: '63',
+            target: '62',
+          },
+          {
+            source: '64',
+            target: '11',
+          },
+          {
+            source: '64',
+            target: '48',
+          },
+          {
+            source: '64',
+            target: '55',
+          },
+          {
+            source: '64',
+            target: '57',
+          },
+          {
+            source: '64',
+            target: '58',
+          },
+          {
+            source: '64',
+            target: '59',
+          },
+          {
+            source: '64',
+            target: '60',
+          },
+          {
+            source: '64',
+            target: '61',
+          },
+          {
+            source: '64',
+            target: '62',
+          },
+          {
+            source: '64',
+            target: '63',
+          },
+          {
+            source: '65',
+            target: '48',
+          },
+          {
+            source: '65',
+            target: '55',
+          },
+          {
+            source: '65',
+            target: '57',
+          },
+          {
+            source: '65',
+            target: '58',
+          },
+          {
+            source: '65',
+            target: '59',
+          },
+          {
+            source: '65',
+            target: '60',
+          },
+          {
+            source: '65',
+            target: '61',
+          },
+          {
+            source: '65',
+            target: '62',
+          },
+          {
+            source: '65',
+            target: '63',
+          },
+          {
+            source: '65',
+            target: '64',
+          },
+          {
+            source: '66',
+            target: '48',
+          },
+          {
+            source: '66',
+            target: '58',
+          },
+          {
+            source: '66',
+            target: '59',
+          },
+          {
+            source: '66',
+            target: '60',
+          },
+          {
+            source: '66',
+            target: '61',
+          },
+          {
+            source: '66',
+            target: '62',
+          },
+          {
+            source: '66',
+            target: '63',
+          },
+          {
+            source: '66',
+            target: '64',
+          },
+          {
+            source: '66',
+            target: '65',
+          },
+          {
+            source: '67',
+            target: '57',
+          },
+          {
+            source: '68',
+            target: '11',
+          },
+          {
+            source: '68',
+            target: '24',
+          },
+          {
+            source: '68',
+            target: '25',
+          },
+          {
+            source: '68',
+            target: '27',
+          },
+          {
+            source: '68',
+            target: '41',
+          },
+          {
+            source: '68',
+            target: '48',
+          },
+          {
+            source: '69',
+            target: '11',
+          },
+          {
+            source: '69',
+            target: '24',
+          },
+          {
+            source: '69',
+            target: '25',
+          },
+          {
+            source: '69',
+            target: '27',
+          },
+          {
+            source: '69',
+            target: '41',
+          },
+          {
+            source: '69',
+            target: '48',
+          },
+          {
+            source: '69',
+            target: '68',
+          },
+          {
+            source: '70',
+            target: '11',
+          },
+          {
+            source: '70',
+            target: '24',
+          },
+          {
+            source: '70',
+            target: '25',
+          },
+          {
+            source: '70',
+            target: '27',
+          },
+          {
+            source: '70',
+            target: '41',
+          },
+          {
+            source: '70',
+            target: '58',
+          },
+          {
+            source: '70',
+            target: '68',
+          },
+          {
+            source: '70',
+            target: '69',
+          },
+          {
+            source: '71',
+            target: '11',
+          },
+          {
+            source: '71',
+            target: '25',
+          },
+          {
+            source: '71',
+            target: '27',
+          },
+          {
+            source: '71',
+            target: '41',
+          },
+          {
+            source: '71',
+            target: '48',
+          },
+          {
+            source: '71',
+            target: '68',
+          },
+          {
+            source: '71',
+            target: '69',
+          },
+          {
+            source: '71',
+            target: '70',
+          },
+          {
+            source: '72',
+            target: '11',
+          },
+          {
+            source: '72',
+            target: '26',
+          },
+          {
+            source: '72',
+            target: '27',
+          },
+          {
+            source: '73',
+            target: '48',
+          },
+          {
+            source: '74',
+            target: '48',
+          },
+          {
+            source: '74',
+            target: '73',
+          },
+          {
+            source: '75',
+            target: '25',
+          },
+          {
+            source: '75',
+            target: '41',
+          },
+          {
+            source: '75',
+            target: '48',
+          },
+          {
+            source: '75',
+            target: '68',
+          },
+          {
+            source: '75',
+            target: '69',
+          },
+          {
+            source: '75',
+            target: '70',
+          },
+          {
+            source: '75',
+            target: '71',
+          },
+          {
+            source: '76',
+            target: '48',
+          },
+          {
+            source: '76',
+            target: '58',
+          },
+          {
+            source: '76',
+            target: '62',
+          },
+          {
+            source: '76',
+            target: '63',
+          },
+          {
+            source: '76',
+            target: '64',
+          },
+          {
+            source: '76',
+            target: '65',
+          },
+          {
+            source: '76',
+            target: '66',
+          },
+        ],
+        categories: [
+          {
+            name: 'A',
+          },
+          {
+            name: 'B',
+          },
+          {
+            name: 'C',
+          },
+          {
+            name: 'D',
+          },
+          {
+            name: 'E',
+          },
+          {
+            name: 'F',
+          },
+          {
+            name: 'G',
+          },
+          {
+            name: 'H',
+          },
+          {
+            name: 'I',
+          },
+        ],
+      }
+      graph.nodes.forEach(function (node) {
+        node.label = {
+          show: node.symbolSize > 30,
+        }
+      })
+      var option = {
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        // legend: [
+        //   {
+        //     orient: 'vertical',
+        //     top: 'center',
+        //     left: '20',
+        //     data: graph.categories.map(function (a) {
+        //       return a.name
+        //     }),
+        //   },
+        // ],
+        animationDurationUpdate: 1500,
+        animationEasingUpdate: 'quinticInOut',
+        series: [
+          {
+            name: 'Les Miserables',
+            type: 'graph',
+            layout: 'circular',
+            circular: {
+              rotateLabel: true,
+            },
+            data: graph.nodes,
+            links: graph.links,
+            categories: graph.categories,
+            roam: true,
+            label: {
+              position: 'right',
+              formatter: '{b}',
+            },
+            lineStyle: {
+              color: 'source',
+              curveness: 0.3,
+            },
+          },
+        ],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts7() {
+      var myChart = this.$echarts.init(this.$refs.echartsR3)
+      var option = {
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        angleAxis: {
+          type: 'category',
+          axisLabel: { show: false },
+          axisLine: { show: false },
+          axisTick: { show: false },
+          splitLine: { show: false },
+          startAngle: 120,
+          data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战'],
+        },
+        radiusAxis: {
+          axisLabel: { show: false },
+          axisLine: { show: false },
+          axisTick: { show: false },
+          splitLine: { show: false },
+        },
+        polar: {},
+        series: [
+          {
+            type: 'bar',
+            barWidth: 110,
+            data: [50, 32, 40, 54, 40, 44],
+            coordinateSystem: 'polar',
+            color: ['rgb(45,86,172)'],
+          },
+        ],
+      }
+      myChart.setOption(option)
+    },
+  },
+}
+</script>
+
+<style scoped>
+.analysisBG {
+  background-image: url('~@/assets/img/analysisBG.jpg');
+  background-position: -10px -128px;
+  padding: 12px 10px;
+}
+.analysisBG .linese {
+  margin-bottom: 5px;
+}
+.echartsL {
+  width: 100%;
+  height: calc(33vh - 82px);
+  position: relative;
+}
+.echartsCT {
+  width: 100%;
+  height: calc(66vh - 135px);
+  background-color: rgba(20, 50, 75, 0.6);
+}
+.echarts {
+  width: 100%;
+  height: calc(100% - 36px);
+}
+.echartsR3 {
+  background-image: url('~@/assets/img/echarts8bg.png');
+  background-repeat: no-repeat;
+  background-position: center 6px;
+}
+.icons9{
+  width: 60px;
+  height: 60px;
+  padding: 12px;
+  background: rgb(26,31,54);
+  border-radius: 30px;
+  border: 2px solid rgb(85,100,171);
+  position: absolute;
+  left:calc(50% - 30px);
+  top:calc(50% - 12px);
+  z-index: 9;
+}
+.echrtsC1 {
+  width: 879px;
+  height: 499px;
+  background-image: url('~@/assets/img/echarts4bg.png');
+  background-repeat: no-repeat;
+  background-position: center 6px;
+  margin: calc(33vh - 335px) auto;
+  position: relative;
+  cursor: pointer;
+  div {
+    position: absolute;
+    color: #fff;
+    cursor: pointer;
+  }
+  .num1 {left: 160px;top: 90px;font-size: 36px;}
+  .num2 {left: 395px;top: 80px;font-size: 40px;}
+  .num3 {left: 663px;top: 90px;font-size: 36px;}
+  .num4 {left: 48px;top: 205px;font-size: 36px;}
+  .num5 {left: 770px;top: 216px;font-size: 36px;}
+  .num6 {left: 175px;top: 324px;font-size: 36px;}
+  .num7 {left: 423px;top: 383px;font-size: 36px;}
+  .num8 {left: 650px;top: 315px;font-size: 36px;}
+  .name1 {left: 175px;top: 175px;font-size: 18px;}
+  .name2 {left: 410px;top: 180px;font-size: 30px;}
+  .name3 {left: 668px;top: 174px;font-size: 18px;}
+  .name4 {left: 58px;top: 274px;font-size: 18px;}
+  .name5 {left: 772px;top: 292px;font-size: 18px;}
+  .name6 {left: 183px;top: 400px;font-size: 18px;}
+  .name7 {left: 426px;top: 446px;font-size: 18px;}
+  .name8 {left: 660px;top: 400px;font-size: 18px;}
+}
+</style>
\ No newline at end of file