From c423765d8a5ff0c58d23bb0a31af7df6c1fad95c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 16:10:25 +0800
Subject: [PATCH] 1
---
src/pages/zhongyi/zhongyi.vue | 1275 +++++++++++++++++++++++++++++----------------------------
1 files changed, 645 insertions(+), 630 deletions(-)
diff --git a/src/pages/zhongyi/zhongyi.vue b/src/pages/zhongyi/zhongyi.vue
index 2d907e9..f9ee5e6 100644
--- a/src/pages/zhongyi/zhongyi.vue
+++ b/src/pages/zhongyi/zhongyi.vue
@@ -1,642 +1,657 @@
<template>
- <view >
- <headNav :idIndex="idIndex" :searchBg="false" text="涓尰涓栧尰浼犳壙鏁版嵁搴�" bg="/static/image/topBg1.png"
- bg1="/static/image/line1.png" />
+ <view>
+ <headNav
+ :idIndex="idIndex"
+ :searchBg="false"
+ text="瀹跺浼犳壙"
+ bg="/static/image/topBg1.png"
+ bg1="/static/image/line1.png"
+ />
- <view class="flex" style="padding: .24rem 1.21rem ;background-color: #f0f0f0;">
- <view class="flex">
- <el-button class="MiddeBack flex flex-center" @click="goBack">杩斿洖</el-button>
- <h3 style="margin-left: .22rem;font-size: .28erm;font-weight: 500;">閭电櫥鐎�</h3>
- </view>
- <ul class="flex Lists">
- <li style="background-color: #DA7A2B;color: #fff;">涓栧尰浼犳壙</li>
- <li @click="ListClick" style="background-color: #fff;color: #DA7A2B;" >涓栧尰浼犳壙</li>
- </ul>
- <view style="width: 1rem;"></view>
- </view>
- <!-- echarts鍥� -->
- <div class="barChart" ref="barChart"></div>
- </view>
+ <view
+ class="flex"
+ style="padding: 0.24rem 1.21rem; background-color: #f0f0f0"
+ >
+ <view class="flex">
+ <el-button class="MiddeBack flex flex-center" @click="goBack"
+ >杩斿洖</el-button
+ >
+ <h3 style="margin-left: 0.22rem; font-size: 0.28erm; font-weight: 500">
+ 閭电櫥鐎�
+ </h3>
+ </view>
+ <ul class="flex Lists">
+ <li style="background-color: #da7a2b; color: #fff">涓栧尰浼犳壙</li>
+ <li @click="ListClick" style="background-color: #fff; color: #da7a2b">
+ 涓栧尰浼犳壙
+ </li>
+ </ul>
+ <view style="width: 1rem"></view>
+ </view>
+ <!-- echarts鍥� -->
+ <div class="barChart" ref="barChart"></div>
+ </view>
</template>
<script>
- import * as echarts from "echarts";
- export default {
- data() {
- return {
- // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
- idIndex: 0,
- activeIndex: 1
- }
- },
- onLoad(options) {
- this.idIndex = options.id
- },
- mounted() {
- // 鍒濆鍖� echarts
- this.initBarChart();
- },
- methods: {
- initBarChart() {
- // WMBg
- //閫氳繃 $ref 杩涜鎸傝浇
- let myChart = echarts.init(this.$refs.barChart);
+import * as echarts from "echarts";
+export default {
+ data() {
+ return {
+ // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
+ idIndex: 0,
+ activeIndex: 1
+ };
+ },
+ onLoad(options) {
+ this.idIndex = options.id;
+ },
+ mounted() {
+ // 鍒濆鍖� echarts
+ this.initBarChart();
+ },
+ methods: {
+ initBarChart() {
+ // WMBg
+ //閫氳繃 $ref 杩涜鎸傝浇
+ let myChart = echarts.init(this.$refs.barChart);
- let FontSize = 12; // 瀛椾綋澶у皬
- let BorderWidth = 2; // 杈规澶у皬
- let SymbolSize = 80; // 灏哄璺濈
- let Distance = 10;
- // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
- if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
- FontSize = 28
- BorderWidth = 5
- SymbolSize = 100
- Distance = 33
- } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
- FontSize = 28
- BorderWidth = 4
- SymbolSize = 90
- Distance = 22
- } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
- FontSize = 18
- BorderWidth = 4
- SymbolSize = 70
- Distance = 22
- }
+ let FontSize = 12; // 瀛椾綋澶у皬
+ let BorderWidth = 2; // 杈规澶у皬
+ let SymbolSize = 80; // 灏哄璺濈
+ let Distance = 10;
+ // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
+ if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
+ FontSize = 28;
+ BorderWidth = 5;
+ SymbolSize = 100;
+ Distance = 33;
+ } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
+ FontSize = 28;
+ BorderWidth = 4;
+ SymbolSize = 90;
+ Distance = 22;
+ } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
+ FontSize = 18;
+ BorderWidth = 4;
+ SymbolSize = 70;
+ Distance = 22;
+ }
- let option = {
- title: {
- text: [""],
- },
- backgroundColor: {
- type: 'image',
- image: '/static/image/WMBg.png',
- repeat: 'repeat-x', // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat'
- size: '100% 100%', // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
- position: 'center center' // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
- },
- tooltip: {},
- animationDurationUpdate: 1500,
- animationEasingUpdate: "quinticInOut",
- series: [{
- type: "graph",
- layout: "none",
- symbolSize: SymbolSize + 20,
- //鏄惁鍏佽鐢ㄦ埛鎷栧姩鍥剧墖
- roam: false,
- label: {
- show: true,
- color: 'black', // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
- fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬
- },
- edgeSymbol: ["circle", "arrow"],
- edgeSymbolSize: [4, 10],
+ let option = {
+ title: {
+ text: [""]
+ },
+ backgroundColor: {
+ type: "image",
+ image: "/static/image/WMBg.png",
+ repeat: "repeat-x", // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat'
+ size: "100% 100%", // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
+ position: "center center" // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
+ },
+ tooltip: {},
+ animationDurationUpdate: 1500,
+ animationEasingUpdate: "quinticInOut",
+ series: [
+ {
+ type: "graph",
+ layout: "none",
+ symbolSize: SymbolSize + 20,
+ //鏄惁鍏佽鐢ㄦ埛鎷栧姩鍥剧墖
+ roam: false,
+ label: {
+ show: true,
+ color: "black", // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
+ fontSize: FontSize // 璁剧疆鏂囧瓧澶у皬
+ },
+ edgeSymbol: ["circle", "arrow"],
+ edgeSymbolSize: [4, 10],
- edgeLabel: {
- show: true,
- fontSize: FontSize, //鏇存敼涓よ�呭叧绯荤殑瀛椾綋
- position: "middle",
- //杩欓噷璁剧疆鍏崇郴鏂囧瓧鏄惁鍜岀嚎娈甸噸鍙�
- // padding: [0, 0], // 璋冩暣鍐呰竟璺濅互纭繚鏍囩涓庣嚎娈电揣瀵嗚创鍚�
- // verticalAlign: 'middle', // 璁剧疆鏂囨湰鐨勫瀭鐩村榻愭柟寮忎负灞呬腑
- formatter: function(params) {
- // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚�
- // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚�
- return params.data.relationName ||
- "鐖跺瓙"; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨��
- },
- },
- //鍚勪釜鑺傜偣
- data: [{
- name: "钖涢洩",
- x: 300,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭电櫥鐎�",
- x: 400,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭甸瞾鐬�",
- x: 500,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭垫槬娉�",
- x: 600,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "寰愰敠",
- x: 650,
- y: 400,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "閭典笝鎵�",
- x: 700,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "鍐鑺�",
- x: 720,
- y: 400,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鏉庨缚绔�",
- x: 740,
- y: 500,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- {
- name: "閭垫櫙灏�",
- x: 800,
- y: 200,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭垫櫙搴�",
- x: 800,
- y: 400,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "椴嶆槆",
- x: 750,
- y: 100,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鏂囬緳",
- x: 850,
- y: 100,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鍌呭簡璐�",
- x: 950,
- y: 50,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鎴愬厑",
- x: 950,
- y: 100,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鑳＄帀鍧�",
- x: 950,
- y: 150,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "瑁曠",
- x: 950,
- y: 200,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "闄嗕箖鏄�",
- x: 950,
- y: 250,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鍒樹紶绁�",
- x: 950,
- y: 300,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "閭佃瘹",
- x: 950,
- y: 350,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鏇惧浗钘�",
- x: 1050,
- y: 200,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- {
- name: "鏇惧浗钘�01",
- x: 1050,
- y: 50,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- {
- name: "鏇惧浗钘�02",
- x: 1050,
- y: 350,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- ],
- //鍏崇郴杩炴帴
- links: [{
- source: "钖涢洩",
- target: "閭电櫥鐎�",
- relationName: "甯堝緬",
- hasArrow: "true",
- },
- {
- source: "閭电櫥鐎�",
- target: "閭甸瞾鐬�",
- relationName: "鐖跺瓙",
- },
- {
- source: "閭甸瞾鐬�",
- target: "閭垫槬娉�",
- relationName: "鐖跺瓙",
- },
- {
- source: "閭垫槬娉�",
- target: "閭典笝鎵�",
- relationName: "鍙斾緞",
- },
- //鏇茬嚎
- {
- source: "閭垫槬娉�",
- target: "寰愰敠",
- relationName: "鏈嬪弸",
- //杩欓噷璁剧疆涓轰笉甯︾澶�
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭典笝鎵�",
- target: "閭垫櫙灏�",
- relationName: "鐖跺瓙",
- },
- {
- source: "閭典笝鎵�",
- target: "閭垫櫙搴�",
- relationName: "鐖跺瓙",
- },
- //鏇茬嚎
- {
- source: "閭典笝鎵�",
- target: "鍐鑺�",
- relationName: "鏈嬪弸",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- //鏇茬嚎
- {
- source: "閭典笝鎵�",
- target: "椴嶆槆",
- relationName: "甯堝緬",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: 0.2,
- },
- },
- //鏇茬嚎
- {
- source: "鍐鑺�",
- target: "鏉庨缚绔�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "閭垫櫙搴�",
- relationName: "鍏勫紵",
- },
- {
- source: "閭垫櫙搴�",
- target: "閭垫櫙灏�",
- relationName: "鍏勫紵",
- },
- {
- source: "閭垫櫙灏�",
- target: "椴嶆槆",
- relationName: "濮讳翰",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鏂囬緳",
- relationName: "鏈嬪弸",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: 0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鍌呭簡璐�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.1,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鎴愬厑",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鑳＄帀鍧�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "瑁曠",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "闄嗕箖鏄�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鍒樹紶绁�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "閭佃瘹",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鑳＄帀鍧�",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "瑁曠",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "闄嗕箖鏄�",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鍒樹紶绁�",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鍌呭簡璐�",
- target: "鏇惧浗钘�01",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "閭佃瘹",
- target: "鏇惧浗钘�02",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- ],
- lineStyle: {
- color: "#000000",
- opacity: 0.9,
- width: 2,
- curveness: 0,
- },
- }, ],
- };
- //杩涜娓叉煋
- myChart.setOption(option);
- },
- // 杩斿洖鎸夐挳
- goBack() {
- this.$router.go(-1);
- },
- }
- }
+ edgeLabel: {
+ show: true,
+ fontSize: FontSize, //鏇存敼涓よ�呭叧绯荤殑瀛椾綋
+ position: "middle",
+ //杩欓噷璁剧疆鍏崇郴鏂囧瓧鏄惁鍜岀嚎娈甸噸鍙�
+ // padding: [0, 0], // 璋冩暣鍐呰竟璺濅互纭繚鏍囩涓庣嚎娈电揣瀵嗚创鍚�
+ // verticalAlign: 'middle', // 璁剧疆鏂囨湰鐨勫瀭鐩村榻愭柟寮忎负灞呬腑
+ formatter: function (params) {
+ // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚�
+ // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚�
+ return params.data.relationName || "鐖跺瓙"; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨��
+ }
+ },
+ //鍚勪釜鑺傜偣
+ data: [
+ {
+ name: "钖涢洩",
+ x: 300,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭电櫥鐎�",
+ x: 400,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭甸瞾鐬�",
+ x: 500,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭垫槬娉�",
+ x: 600,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "寰愰敠",
+ x: 650,
+ y: 400,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭典笝鎵�",
+ x: 700,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鍐鑺�",
+ x: 720,
+ y: 400,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏉庨缚绔�",
+ x: 740,
+ y: 500,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭垫櫙灏�",
+ x: 800,
+ y: 200,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭垫櫙搴�",
+ x: 800,
+ y: 400,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "椴嶆槆",
+ x: 750,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏂囬緳",
+ x: 850,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鍌呭簡璐�",
+ x: 950,
+ y: 50,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鎴愬厑",
+ x: 950,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鑳＄帀鍧�",
+ x: 950,
+ y: 150,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "瑁曠",
+ x: 950,
+ y: 200,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "闄嗕箖鏄�",
+ x: 950,
+ y: 250,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鍒樹紶绁�",
+ x: 950,
+ y: 300,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭佃瘹",
+ x: 950,
+ y: 350,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏇惧浗钘�",
+ x: 1050,
+ y: 200,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏇惧浗钘�01",
+ x: 1050,
+ y: 50,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏇惧浗钘�02",
+ x: 1050,
+ y: 350,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ }
+ ],
+ //鍏崇郴杩炴帴
+ links: [
+ {
+ source: "钖涢洩",
+ target: "閭电櫥鐎�",
+ relationName: "甯堝緬",
+ hasArrow: "true"
+ },
+ {
+ source: "閭电櫥鐎�",
+ target: "閭甸瞾鐬�",
+ relationName: "鐖跺瓙"
+ },
+ {
+ source: "閭甸瞾鐬�",
+ target: "閭垫槬娉�",
+ relationName: "鐖跺瓙"
+ },
+ {
+ source: "閭垫槬娉�",
+ target: "閭典笝鎵�",
+ relationName: "鍙斾緞"
+ },
+ //鏇茬嚎
+ {
+ source: "閭垫槬娉�",
+ target: "寰愰敠",
+ relationName: "鏈嬪弸",
+ //杩欓噷璁剧疆涓轰笉甯︾澶�
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭典笝鎵�",
+ target: "閭垫櫙灏�",
+ relationName: "鐖跺瓙"
+ },
+ {
+ source: "閭典笝鎵�",
+ target: "閭垫櫙搴�",
+ relationName: "鐖跺瓙"
+ },
+ //鏇茬嚎
+ {
+ source: "閭典笝鎵�",
+ target: "鍐鑺�",
+ relationName: "鏈嬪弸",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ //鏇茬嚎
+ {
+ source: "閭典笝鎵�",
+ target: "椴嶆槆",
+ relationName: "甯堝緬",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: 0.2
+ }
+ },
+ //鏇茬嚎
+ {
+ source: "鍐鑺�",
+ target: "鏉庨缚绔�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "閭垫櫙搴�",
+ relationName: "鍏勫紵"
+ },
+ {
+ source: "閭垫櫙搴�",
+ target: "閭垫櫙灏�",
+ relationName: "鍏勫紵"
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "椴嶆槆",
+ relationName: "濮讳翰",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鏂囬緳",
+ relationName: "鏈嬪弸",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: 0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鍌呭簡璐�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.1
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鎴愬厑",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鑳＄帀鍧�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "瑁曠",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "闄嗕箖鏄�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鍒樹紶绁�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "閭佃瘹",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鑳＄帀鍧�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "瑁曠",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "闄嗕箖鏄�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鍒樹紶绁�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鍌呭簡璐�",
+ target: "鏇惧浗钘�01",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "閭佃瘹",
+ target: "鏇惧浗钘�02",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ }
+ ],
+ lineStyle: {
+ color: "#000000",
+ opacity: 0.9,
+ width: 2,
+ curveness: 0
+ }
+ }
+ ]
+ };
+ //杩涜娓叉煋
+ myChart.setOption(option);
+ },
+ // 杩斿洖鎸夐挳
+ goBack() {
+ this.$router.go(-1);
+ }
+ }
+};
</script>
<style scoped>
- .Lists {
- li {
- /* background-color: #e4ebf3;
+.Lists li {
+ /* background-color: #e4ebf3;
border: 1rpx solid #5778a2;
padding: 5rpx 10rpx;
font-size: 18rpx; */
- width: 0.96rem;
- height: .3rem;
- border: 1px solid #DA7A2B;
- line-height: .3rem;
- text-align: center;
- font-size: .14rem;
- }
- }
- .MiddeBack {
- width: 0.6rem;
- height: 0.24rem;
- font-size: .12rem;
- padding: 0;
-
- }
- .barChart {
- width: 100vw;
- height: 80vh;
- }
-</style>
\ No newline at end of file
+ width: 0.96rem;
+ height: 0.3rem;
+ border: 1px solid #da7a2b;
+ line-height: 0.3rem;
+ text-align: center;
+ font-size: 0.14rem;
+}
+
+.MiddeBack {
+ width: 0.6rem;
+ height: 0.24rem;
+ font-size: 0.12rem;
+ padding: 0;
+}
+.barChart {
+ width: 100vw;
+ height: 80vh;
+}
+</style>
--
Gitblit v1.9.1