| | |
| | | <span @click="closeDom">关闭</span> |
| | | </div> |
| | | <div class="content"> |
| | | <p>姓名:{{ detailData.name }}</p> |
| | | <p>别名:{{ detailData.alias }}</p> |
| | | <p>籍贯:{{ detailData.nativePlace }}</p> |
| | | <p>医学分科: {{ detailData.medicalBranch }}</p> |
| | | <p>小传:{{ detailData.biography }}</p> |
| | | <p>代表人物:{{ detailData.character }}</p> |
| | | <p>重要医家:{{ detailData.skilledDoctor }}</p> |
| | | <p>代表性著作:{{ detailData.works }}</p> |
| | | <p>学派思想: {{ detailData.thought }}</p> |
| | | </div> |
| | | <div class="btn" @click="spaceTimeArr(detailData.id)">查看更多>>></div> |
| | | </div> |
| | |
| | | // 分类 |
| | | categories: [ |
| | | { |
| | | name: "亲属关系", |
| | | name: "亲属关系" |
| | | }, |
| | | { |
| | | name: "师承关系", |
| | | name: "师承关系" |
| | | }, |
| | | { |
| | | name: "文献作品", |
| | | name: "文献作品" |
| | | }, |
| | | { |
| | | name: "社会关系", |
| | | name: "社会关系" |
| | | }, |
| | | { |
| | | name: "活动地", |
| | | name: "活动地" |
| | | }, |
| | | { |
| | | name: "学术流派", |
| | | }, |
| | | name: "学术流派" |
| | | } |
| | | ], |
| | | // 当前人物信息 |
| | | ownInfo: null, |
| | | detailData: { |
| | | name: "", |
| | | name: "" |
| | | }, |
| | | isAdvancedSearch: false, |
| | | formData: { |
| | |
| | | personPageInfo: { |
| | | totalCount: 0, |
| | | page: 1, |
| | | limit: 10, |
| | | limit: 10 |
| | | }, |
| | | personTag: [], |
| | | socialDistinction: [], |
| | |
| | | infoOfPersons: [], |
| | | infoOfSchools: [], |
| | | nodeDatas: [], |
| | | links: [], |
| | | links: [] |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | this.gridData = []; |
| | | this.getAddressList(); |
| | | }, |
| | | // 分页 |
| | | // 分页 |
| | | handleSizeChange(val) { |
| | | this.pageSize = val; |
| | | this.getAddressList(); |
| | |
| | | return { |
| | | ...item, |
| | | name: item.currentName, |
| | | id: item.dynastyId, |
| | | id: item.dynastyId |
| | | }; |
| | | }); |
| | | this.formData.actively = data; |
| | |
| | | return { |
| | | ...item, |
| | | name: item.currentName, |
| | | id: item.dynastyId, |
| | | id: item.dynastyId |
| | | }; |
| | | }); |
| | | this.formData.actively = data; |
| | |
| | | getAddressList() { |
| | | const data = { |
| | | page: this.page, |
| | | pageSize: this.pageSize, |
| | | pageSize: this.pageSize |
| | | }; |
| | | if (this.dynastyId != "") { |
| | | data["dynastyId"] = this.dynastyId; |
| | |
| | | this.gridData = res?.list?.map((item, i) => { |
| | | return { |
| | | ...item, |
| | | index: i, |
| | | index: i |
| | | }; |
| | | }); |
| | | } else { |
| | |
| | | parentName: parent?.NAME[0]?.content1 ?? parent.parentName, |
| | | name: personInfo?.NAME[0]?.content1, |
| | | category: type, |
| | | symbolSize: 15, |
| | | symbolSize: 15 |
| | | }; |
| | | if (order > 80) { |
| | | order = 80; |
| | |
| | | const data = item[str]?.map((e) => { |
| | | return { |
| | | ...e, |
| | | personId: item.personId, |
| | | personId: item.personId |
| | | }; |
| | | }); |
| | | if (ele[str] && data?.length) { |
| | |
| | | id: item.mainId, |
| | | name: mainPerson.NAME[0].content1, |
| | | itemStyle: { |
| | | color: "#244a7b", |
| | | }, |
| | | color: "#244a7b" |
| | | } |
| | | }); |
| | | } else { |
| | | switch (parent.thisType) { |
| | |
| | | this.nodeDatas.push({ |
| | | category: 0, |
| | | id: item.mainId, |
| | | name: p.NAME[0].content1, |
| | | name: p.NAME[0].content1 |
| | | }); |
| | | } |
| | | } |
| | |
| | | padding: [3, 8], |
| | | borderRadius: 30, |
| | | position: "middle", // 设置标签文本在线的中间位置上居中显示 |
| | | distance: -10, // 将标签放置在连接线上 |
| | | }, |
| | | distance: -10 // 将标签放置在连接线上 |
| | | } |
| | | }); |
| | | break; |
| | | case 2: |
| | |
| | | this.nodeDatas.push({ |
| | | category: 2, |
| | | id: item.mainId, |
| | | name: item.literatureName, |
| | | name: item.literatureName |
| | | }); |
| | | } |
| | | this.links.push({ |
| | | source: item.mainId, |
| | | target: parent.mainId, |
| | | target: parent.mainId |
| | | }); |
| | | break; |
| | | case 3: |
| | |
| | | this.nodeDatas.push({ |
| | | category: 4, |
| | | id: item.mainId, |
| | | name: item.ancientName, |
| | | name: item.ancientName |
| | | }); |
| | | } |
| | | this.links.push({ |
| | | source: item.mainId, |
| | | target: parent.mainId, |
| | | target: parent.mainId |
| | | }); |
| | | break; |
| | | case 4: |
| | |
| | | this.nodeDatas.push({ |
| | | category: 5, |
| | | id: item.mainId, |
| | | name: s.name[0], |
| | | name: s.name[0] |
| | | }); |
| | | } |
| | | } |
| | | this.links.push({ |
| | | source: item.mainId, |
| | | target: parent.mainId, |
| | | target: parent.mainId |
| | | }); |
| | | break; |
| | | case 5: |
| | |
| | | this.nodeDatas.push({ |
| | | category: 3, |
| | | id: item.mainId, |
| | | name: p.NAME[0].content1, |
| | | name: p.NAME[0].content1 |
| | | }); |
| | | } |
| | | } |
| | |
| | | padding: [3, 8], |
| | | borderRadius: 30, |
| | | position: "middle", // 设置标签文本在线的中间位置上居中显示 |
| | | distance: -10, // 将标签放置在连接线上 |
| | | }, |
| | | distance: -10 // 将标签放置在连接线上 |
| | | } |
| | | }); |
| | | break; |
| | | case 6: |
| | |
| | | this.nodeDatas.push({ |
| | | category: 1, |
| | | id: item.mainId, |
| | | name: p.NAME[0].content1, |
| | | name: p.NAME[0].content1 |
| | | }); |
| | | } |
| | | } |
| | |
| | | padding: [3, 8], |
| | | borderRadius: 30, |
| | | position: "middle", // 设置标签文本在线的中间位置上居中显示 |
| | | distance: -10, // 将标签放置在连接线上 |
| | | }, |
| | | distance: -10 // 将标签放置在连接线上 |
| | | } |
| | | }); |
| | | break; |
| | | } |
| | |
| | | } |
| | | return { |
| | | ...item, |
| | | symbolSize: size > 80 ? 80 : size, |
| | | symbolSize: size > 80 ? 80 : size |
| | | }; |
| | | }); |
| | | |
| | |
| | | orient: "vertical", |
| | | data: this.categories.map(function (a) { |
| | | return a.name; |
| | | }), |
| | | }, |
| | | }) |
| | | } |
| | | ], |
| | | series: [ |
| | | { |
| | |
| | | label: { |
| | | show: true, |
| | | position: "right", |
| | | formatter: "{b}", |
| | | formatter: "{b}" |
| | | }, |
| | | scaleLimit: { |
| | | min: 0.4, |
| | | max: 2, |
| | | max: 2 |
| | | }, |
| | | lineStyle: { |
| | | color: "source", |
| | | curveness: 0.2, |
| | | curveness: 0.2 |
| | | }, |
| | | emphasis: { |
| | | focus: "adjacency", |
| | | lineStyle: { |
| | | width: 5, |
| | | }, |
| | | width: 5 |
| | | } |
| | | }, |
| | | force: { |
| | | repulsion: 600, |
| | | edgeLength: 300, |
| | | }, |
| | | }, |
| | | edgeLength: 300 |
| | | } |
| | | } |
| | | ], |
| | | color: [ |
| | | "#5470c6", |
| | |
| | | "#fac858", |
| | | "#ee6666", |
| | | "#ea7ccc", |
| | | "#9a60b4", |
| | | ], |
| | | "#9a60b4" |
| | | ] |
| | | }; |
| | | // 设置点击事件监听 |
| | | myChart.off("click"); |
| | |
| | | i += 1; |
| | | return e["content" + i]; |
| | | }).join("、") ?? "", |
| | | biography: data?.BIOGRAPHY ?? "", |
| | | biography: data?.BIOGRAPHY ?? "" |
| | | }; |
| | | this.detailData = obj; |
| | | } |
| | |
| | | div.style.display = "block"; |
| | | div.style.left = e.offsetX + 50 + "px"; |
| | | div.style.top = e.offsetY - 50 + "px"; |
| | | const data = this.infoOfPersons?.find((i) => i.id == id); |
| | | const data = this.infoOfSchools?.find((i) => i.schoolId == id); |
| | | console.log(data); |
| | | debugger |
| | | const obj = { |
| | | id: params.data.id, |
| | | name: |
| | | data?.NAME?.map((e, i) => { |
| | | i += 1; |
| | | return e["content" + i]; |
| | | }).join("、") ?? "", |
| | | alias: |
| | | data?.ALIAS?.map((e, i) => { |
| | | i += 1; |
| | | return e["content" + i]; |
| | | }).join("、") ?? "", |
| | | nativePlace: |
| | | data?.NATIVE_PLACE?.map((e, i) => { |
| | | i += 1; |
| | | return e["content" + i]; |
| | | }).join("、") ?? "", |
| | | medicalBranch: |
| | | data?.MEDICAL_BRANCH?.map((e, i) => { |
| | | i += 1; |
| | | return e["content" + i]; |
| | | }).join("、") ?? "", |
| | | biography: data?.BIOGRAPHY ?? "", |
| | | name: data.name[0], |
| | | character: data.important_PEOPLE |
| | | ? data.important_PEOPLE.map((item) => item.content2).join("、") |
| | | : "", |
| | | skilledDoctor: data.important_PHYSICIAN |
| | | ? data.important_PHYSICIAN.map((item) => item.content2).join("、") |
| | | : "", |
| | | works: data.important_WORK |
| | | ? data.important_WORK.map((item) => item.content).join("、") |
| | | : "", |
| | | thought: data.school_THOUGHT |
| | | ? data.school_THOUGHT.map((item) => item.content).join("、") |
| | | : "" |
| | | }; |
| | | this.detailData = obj; |
| | | } |
| | |
| | | academicSearch({ |
| | | keyword: key, |
| | | page: this.personPageInfo.page, |
| | | pageSize: this.personPageInfo.limit, |
| | | pageSize: this.personPageInfo.limit |
| | | }).then((res) => { |
| | | this.personList = res.list.map((item) => { |
| | | return { |
| | |
| | | division: |
| | | item.medicalBranchList && item.medicalBranchList.length |
| | | ? item.medicalBranchList[0].content1 |
| | | : "-", |
| | | : "-" |
| | | }; |
| | | }); |
| | | this.showPerson = true; |
| | |
| | | spaceTimeArr(id) { |
| | | // 关系图的数据 |
| | | uni.navigateTo({ |
| | | url: "/pages/character/detail?id=" + id, |
| | | url: "/pages/character/detail?id=" + id |
| | | }); |
| | | }, |
| | | |
| | |
| | | this.hotKeyList = indexList.map((item) => { |
| | | return { |
| | | id: item, |
| | | name: res.object[item], |
| | | name: res.object[item] |
| | | }; |
| | | }); |
| | | }); |
| | |
| | | // document.querySelector(".fbox1").style.height = box1Height + "px"; |
| | | // } |
| | | // }); |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |