| | |
| | | if (dataList && dataList.length) { |
| | | const G6Data = dataList.map((f) => { |
| | | return { |
| | | id: f.name, |
| | | id: f.value + "-" + f.name, |
| | | name: f.name, |
| | | personId: f.personId, |
| | | relationInfo: f?.relationInfo?.relation |
| | | ? f.relationInfo.relation |
| | |
| | | const data = { |
| | | isRoot: true, |
| | | id: this.dataList.name, |
| | | name:this.dataList.name, |
| | | style: { |
| | | fill: "red" |
| | | }, |
| | |
| | | linkCenter: true, |
| | | modes: { |
| | | default: [ |
| | | // { |
| | | // type: "collapse-expand", |
| | | // onChange: function onChange(item, collapsed) { |
| | | // const data = item.get("model"); |
| | | // data.collapsed = collapsed; |
| | | // return true; |
| | | // }, |
| | | // }, |
| | | "drag-canvas", |
| | | "zoom-canvas" |
| | | ] |
| | |
| | | fill: node.relationType ? "#EDF4FF" : "#FCEFE3", |
| | | stroke: node.relationType ? "#5E7AA7" : "#D3791E" |
| | | }, |
| | | label: node.id, |
| | | label: node.name, |
| | | labelCfg: { |
| | | position: "center", |
| | | offset: 5, |
| | |
| | | <!-- <script src="https://api.map.baidu.com/api?v=3.0&ak=5USVDAhhS4ssz44HLq3gNPZai7naXf4Q&callback=initializeMap"></script> --> |
| | | <!-- 5USVDAhhS4ssz44HLq3gNPZai7naXf4Q --> |
| | | <script> |
| | | import { loadBMap } from "@/static/map.js"; |
| | | import L from "leaflet"; |
| | | import "leaflet.chinatmsproviders"; |
| | | import * as echarts from "echarts"; |
| | | import "echarts/extension/bmap/bmap"; |
| | | import { |
| | | getRetrieval, |
| | |
| | | }, |
| | | mounted() { |
| | | this.getDynastyList(); |
| | | |
| | | this.getDataList(); |
| | | this.getHaveDataDynasty(); |
| | | }, |