Merge branch 'master' of http://182.92.203.7:2001/r/TCM_CharacterLibrary
| | |
| | | > |
| | | 暂无相关数据 |
| | | </div> |
| | | <div |
| | | v-if="loading" |
| | | v-loading="loading" |
| | | style=" |
| | | position: absolute; |
| | | top: 30%; |
| | | left: 0; |
| | | right: 0; |
| | | text-align: center; |
| | | font-size: 0.2rem; |
| | | color: #666; |
| | | " |
| | | > |
| | | </div> |
| | | </div> |
| | | <div id="customDialog" class="customDialog"> |
| | | <div class="title"> |
| | |
| | | relationTypeName: ele.relationTypeName, |
| | | parentName: parent?.NAME[0]?.content1 ?? parent.parentName, |
| | | name2: personInfo?.NAME[0]?.content1, |
| | | category: type |
| | | category: type, |
| | | symbolSize: order, |
| | | }; |
| | | if (order > 80) { |
| | | order = 80; |
| | | } |
| | | if (str == "literatureList") { |
| | | obj.relationTypeName = ele.literatureName; |
| | | } |
| | |
| | | } |
| | | newArr.push(obj); |
| | | if (ele["kinList"] && ele["kinList"]?.length) { |
| | | order++; |
| | | order += 15; |
| | | this.getPersonInfo( |
| | | ele["kinList"], |
| | | "kinList", |
| | |
| | | ); |
| | | } |
| | | if (ele["teacherStudentList"] && ele["teacherStudentList"]?.length) { |
| | | order++; |
| | | order += 15; |
| | | this.getPersonInfo( |
| | | ele["teacherStudentList"], |
| | | "teacherStudentList", |
| | |
| | | ele["literatureList"], |
| | | "literatureList" |
| | | ); |
| | | order++; |
| | | order += 15; |
| | | this.getPersonInfo( |
| | | data, |
| | | "literatureList", |
| | |
| | | |
| | | if (ele["socialList"] && ele["socialList"]?.length) { |
| | | const data = this.changeLiterature(ele["socialList"], "socialList"); |
| | | order++; |
| | | order += 15; |
| | | this.getPersonInfo( |
| | | data, |
| | | "socialList", |
| | |
| | | } |
| | | if (ele["placeList"] && ele["placeList"]?.length) { |
| | | const data = this.changeLiterature(ele["placeList"], "placeList"); |
| | | order++; |
| | | order += 15; |
| | | this.getPersonInfo(data, "placeList", newArr, order, 4, personInfo); |
| | | } |
| | | if (ele["schoolList"] && ele["schoolList"]?.length) { |
| | | const data = this.changeLiterature(ele["schoolList"], "schoolList"); |
| | | order++; |
| | | order += 15; |
| | | this.getPersonInfo( |
| | | data, |
| | | "schoolList", |
| | |
| | | let place = []; |
| | | let school = []; |
| | | if (res && res.success && res.object) { |
| | | // console.log(res.object); |
| | | |
| | | this.infoOfPersons = res.object?.infoOfPersons; |
| | | this.infoOfSchools = res.object?.infoOfSchools; |
| | | if (res.object?.personChain) { |
| | |
| | | school = [...newArr]; |
| | | } |
| | | } |
| | | console.log(kinData); |
| | | console.log(kinData.map(item=>item.name2).join("、")); |
| | | debugger |
| | | const personData = [ |
| | | ...kinData, |
| | | ...teacher, |
| | |
| | | var nodeData = nodes; |
| | | var option; |
| | | option = { |
| | | backgroundColor: { |
| | | type: "image", |
| | | image: "/static/image/characterRelationBg.png", |
| | | size: "100% 100%", // 背景图片的尺寸,可以是百分比或者像素 |
| | | position: "center center" // 背景图片的位置,可以是 top, bottom, middle 或者百分比 |
| | | }, |
| | | tooltip: {}, |
| | | // backgroundColor: { |
| | | // type: "image", |
| | | // image: "/static/image/characterRelationBg.png", |
| | | // size: "100% 100%", // 背景图片的尺寸,可以是百分比或者像素 |
| | | // position: "center center", // 背景图片的位置,可以是 top, bottom, middle 或者百分比 |
| | | // }, |
| | | // tooltip: {}, |
| | | legend: [ |
| | | { |
| | | left: 20, |
| | |
| | | series: [ |
| | | { |
| | | type: "graph", |
| | | legendHoverLink: true, |
| | | legendHoverLink: false, |
| | | layout: "force", |
| | | symbolSize: 15, |
| | | data: nodeData, |
| | |
| | | show: true, |
| | | position: "right", |
| | | formatter: "{b}" |
| | | }, |
| | | labelLayout: { |
| | | hideOverlap: true |
| | | }, |
| | | scaleLimit: { |
| | | min: 0.4, |
| | |
| | | </script> |
| | | |
| | | <style> |
| | | #relatio { |
| | | #relation { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: relative; |
| | | background-image: url('../../static/image/characterRelationBg.png'); |
| | | background-size: 100% 100%; |
| | | background-repeat: no-repeat; |
| | | background-position: center; |
| | | } |
| | | |
| | | .customDialog { |