{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\InvestmentFinancingAssets\\InvestmentFinancingEnter\\EquityRelationshipMap\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\InvestmentFinancingAssets\\InvestmentFinancingEnter\\EquityRelationshipMap\\index.vue","mtime":1701770513400},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.match\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nconsole.log(echarts);\nimport pagination from '@/components/pagination';\nimport { TableMixin } from '@/mixins/tableMixin';\nimport utils from '@/utils.js';\nimport SuperSearch from '@/components/SuperSearch/index.vue';\nimport api from '@/api/InvestmentFinancingAssets/InvestmentFinancingEnter/EquityRelationshipMap.js';\nimport treeSide from '@/components/treeSide/index.vue';\nexport default {\n name: 'EquityRelationshipMap',\n // 股权关系图谱\n components: {\n SuperSearch: SuperSearch,\n pagination: pagination,\n treeSide: treeSide\n },\n mixins: [TableMixin],\n data: function data() {\n return {\n tableLoading: false,\n tabList: ['单位'],\n //左边tab\n defaultProps: {\n children: 'children',\n label: 'name'\n },\n dataList: [],\n nodeList: [],\n linkList: [],\n treeData: [],\n loading: false,\n queryParams: {\n orgId: null,\n orgName: null\n }\n };\n },\n created: function created() {\n // let curUserDetail = this.$store.state.user.currentUserDetail\n // this.queryParams.orgId = curUserDetail.org[0].orgId\n // this.queryParams.orgName = curUserDetail.org[0].orgName\n this.getUserOrgTree();\n },\n mounted: function mounted() {\n this.loadData();\n },\n methods: {\n // node数据处理\n nodeProcessing: function nodeProcessing(data) {\n var result = [];\n\n function traverse(node, level) {\n var name = node.name;\n var id = node.id;\n result.push({\n name: name,\n level: level,\n id: id\n });\n\n if (node.list && node.list.length > 0) {\n node.list.forEach(function (childNode) {\n traverse(childNode, childNode.level);\n });\n }\n }\n\n traverse(data, data.level);\n return result;\n },\n // link数据处理\n linkProcessing: function linkProcessing(data) {\n var result = [];\n\n function traverse(node, parentId) {\n var id = node.id;\n var type = node.type;\n var equityRatio = node.equityRatio;\n\n if (type === 2) {\n result.push({\n source: parentId,\n target: id,\n eq: \"\\u6301\\u80A1\".concat(equityRatio, \"%\")\n });\n } else if (type === 1) {\n result.push({\n source: id,\n target: parentId,\n eq: \"\\u6301\\u80A1\".concat(equityRatio, \"%\")\n });\n }\n\n if (node.list && node.list.length > 0) {\n node.list.forEach(function (childNode) {\n traverse(childNode, id);\n });\n }\n }\n\n traverse(data, '');\n return result;\n },\n initChat: function initChat() {\n var chartDom = echarts.init(document.getElementById('chartDom'));\n var color1 = '#006acc';\n var color2 = '#e7b178';\n var color3 = '#96e9be';\n this.nodeList.forEach(function (node) {\n if (node.level === 1) {\n node.symbolSize = 140;\n node.itemStyle = {\n color: color1\n };\n } else if (node.level === 2) {\n node.symbolSize = 120;\n node.itemStyle = {\n color: color2\n };\n } else if (node.level === 3) {\n node.symbolSize = 100;\n node.itemStyle = {\n color: color3\n };\n }\n });\n this.linkList.forEach(function (link, index) {\n // link.id = index\n link.label = {\n align: 'center',\n fontSize: 16,\n color: '#000',\n offset: [0, -5] // 微调文字位置,根据需要调整偏移量\n\n };\n link.lineStyle = {\n color: color2,\n curveness: 0.3\n };\n });\n var option = {\n title: {\n text: '股权关系图谱'\n },\n series: [{\n type: 'graph',\n layout: 'force',\n symbolSize: 20,\n draggable: true,\n roam: true,\n focusNodeAdjacency: true,\n edgeSymbol: ['', 'arrow'],\n edgeSymbolSize: [15, 15],\n edgeLabel: {\n normal: {\n show: true,\n textStyle: {\n fontSize: 20\n },\n formatter: function formatter(x) {\n return x.data.eq;\n }\n }\n },\n label: {\n show: true,\n fontSize: 16,\n formatter: function formatter(params) {\n console.log(params);\n var name = params.name; // 将字符串按照每 10 个字符进行分割,并插入换行符\n\n var nameArr = [];\n\n if (params.data.level === 1) {\n nameArr = name.match(/.{1,10}/g);\n } else if (params.data.level === 2) {\n nameArr = name.match(/.{1,8}/g);\n } else if (params.data.level === 3) {\n nameArr = name.match(/.{1,6}/g);\n }\n\n return nameArr.join('\\n');\n }\n },\n force: {\n repulsion: 2000,\n edgeLength: 120\n },\n data: this.nodeList,\n links: this.linkList\n }]\n };\n chartDom.setOption(option);\n console.log(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n },\n //获取数据\n loadData: function loadData() {\n var _this = this;\n\n this.tableLoading = true;\n this.nodeList = [];\n this.linkList = [];\n api.queryData(this.queryParams, function (res) {\n _this.dataList = [res];\n _this.linkList = _this.linkProcessing(res);\n _this.nodeList = _this.nodeProcessing(res);\n _this.tableLoading = false;\n\n _this.initChat();\n });\n },\n currentChange: function currentChange(value, data) {\n if (value) {\n this.queryParams.orgId = value.id;\n this.queryParams.orgName = value.name;\n } else {\n this.queryParams.orgId = null;\n this.queryParams.orgName = null;\n }\n\n this.loadData();\n },\n tabChange: function tabChange(tab, event) {\n console.log(tab);\n },\n filterChange: function filterChange(value) {},\n //获取组织树\n getUserOrgTree: function getUserOrgTree() {\n var _this2 = this;\n\n var curUserDetail = this.$store.state.user.currentUserDetail;\n var orgId = curUserDetail.org[0].orgId;\n api.getUserOrgTree(orgId, function (res) {\n if (res) {\n _this2.treeData = res;\n }\n });\n }\n }\n};",null]}