| | |
| | | class="customDrawer" |
| | | > |
| | | <div class="drawerContent"> |
| | | <div class="drawerTips">選中的地址:</div> |
| | | <div class="drawerTips">选中的地址:</div> |
| | | <div class="drawerTable"> |
| | | <div class="tableTabs"> |
| | | <div class="inputItem"> |
| | | <el-input |
| | | placeholder="請輸入地名搜索" |
| | | placeholder="请输入地名搜索" |
| | | v-model="tableKey" |
| | | class="input-with-select" |
| | | @keyup.enter="searchAddress" |
| | |
| | | </el-input> |
| | | </div> |
| | | <div class="selectItem"> |
| | | <el-select v-model="dynastyId" placeholder="請選擇時期"> |
| | | <el-select v-model="dynastyId" placeholder="请选择时期"> |
| | | <el-option |
| | | v-for="item in dynastyData" |
| | | :key="item.dynastyId + '0'" |
| | |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | | <el-table-column prop="currentName" label="地名"> </el-table-column> |
| | | <el-table-column width="250" label="年代區間"> |
| | | <el-table-column width="250" label="年代区间"> |
| | | <template slot-scope="scope">{{ |
| | | scope.row.start + "-" + scope.row.end |
| | | }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="dynastyName" |
| | | label="時期" |
| | | label="时期" |
| | | width="250" |
| | | show-overflow-tooltip |
| | | > |
| | |
| | | </el-pagination> |
| | | </div> |
| | | <div class="drawerBtn"> |
| | | <el-button @click="setCurrent">全選當前頁</el-button> |
| | | <el-button @click="setCurrent('cancle')">取消全選</el-button> |
| | | <el-button @click="drawer = false" type="primary">確定</el-button> |
| | | <el-button @click="setCurrent">全选当前页</el-button> |
| | | <el-button @click="setCurrent('cancle')">取消全选</el-button> |
| | | <el-button @click="drawer = false" type="primary">确定</el-button> |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | |
| | | // 分类 |
| | | categories: [ |
| | | { |
| | | 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() { |
| | |
| | | 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; |
| | | } |
| | |
| | | division: |
| | | item.medicalBranchList && item.medicalBranchList.length |
| | | ? item.medicalBranchList[0].content1 |
| | | : "-", |
| | | : "-" |
| | | }; |
| | | }); |
| | | this.showPerson = true; |
| | |
| | | this.hotKeyList = indexList.map((item) => { |
| | | return { |
| | | id: item, |
| | | name: res.object[item], |
| | | name: res.object[item] |
| | | }; |
| | | }); |
| | | }); |
| | |
| | | // document.querySelector(".fbox1").style.height = box1Height + "px"; |
| | | // } |
| | | // }); |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | |
| | | .hotSearch { |
| | | font-size: 0.12rem; |
| | | color: #2c2c2c; |
| | | } |
| | | |
| | | li { |
| | | color: #244a7b; |
| | | margin: 0 0.1rem; |
| | | color: #244a7b; |
| | | &.active { |
| | | color: #027edc; |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | .hotSearch li { |
| | | color: #244a7b; |
| | | margin: 0 0.1rem; |
| | | color: #244a7b; |
| | | } |
| | | |
| | | .hotSearch li.active { |
| | | color: #027edc; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .searchDialog { |
| | |
| | | background: #fff; |
| | | border-radius: 6px; |
| | | box-shadow: 0 0 10px -3px #000; |
| | | .closeBtn { |
| | | |
| | | } |
| | | |
| | | .personDialog .closeBtn { |
| | | position: absolute; |
| | | right: -10px; |
| | | top: -10px; |
| | |
| | | color: #f56c6c; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | .selectActivelyBox { |
| | | cursor: pointer; |