| | |
| | | > |
| | | <advancedSearch |
| | | class="Search" |
| | | placehold="输入姓名/别名/朝代/传主职业搜索" |
| | | placehold="输入姓名/别名/时期/传主职业搜索" |
| | | @onSearch="onSearch" |
| | | :isAvancedTrue="false" |
| | | :keyword="keyword" |
| | |
| | | 籍贯: {{ currentMark.nativePlace ? currentMark.nativePlace : "-" }} |
| | | </li> |
| | | <li>医学分科: {{ currentMark.barnch ? currentMark.barnch : "-" }}</li> |
| | | <li>小传: {{ currentMark.medical ? currentMark.medical : "-" }}</li> |
| | | <li |
| | | class="medicalLi" |
| | | :title="currentMark.medical ? currentMark.medical : '-'" |
| | | > |
| | | 小传: {{ currentMark.medical ? currentMark.medical : "-" }} |
| | | </li> |
| | | </ul> |
| | | <el-button |
| | | class="flex" |
| | |
| | | <!-- <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(); |
| | | }, |
| | |
| | | }, |
| | | showCard(info) { |
| | | const item = this.markerList.find((f) => f.id == info.id); |
| | | console.log(item, "item"); |
| | | var latlng = L.latLng(item.yCoord, item.xCoord); |
| | | this.map.setView(latlng, 10); |
| | | setTimeout(() => { |
| | | this.isEchTrue = true; |
| | | this.currentMark = { |
| | | name: item?.WEAK_NAME[0]?.content1, |
| | | name: item?.NAME[0]?.content1, |
| | | nikeName: item?.ALIAS[0]?.content2, |
| | | nativePlace: item?.content1, |
| | | barnch: item?.MEDICAL_BRANCH[0]?.content1, |
| | | medical: item?.MEDICAL_EXPERTISE[0]?.content1, |
| | | medical: item?.BIOGRAPHY, |
| | | id: item.id, |
| | | }; |
| | | this.$nextTick(() => { |
| | | this.isTop = |
| | | document.getElementById("mapBox").offsetHeight / 2 - 275 + "px"; |
| | | document.getElementById("mapBox").offsetHeight / 2 - 295 + "px"; |
| | | this.isLeft = |
| | | document.getElementById("mapBox").offsetWidth / 2 - 171 + "px"; |
| | | }); |
| | |
| | | setTimeout(() => { |
| | | this.isEchTrue = true; |
| | | this.currentMark = { |
| | | name: ele?.WEAK_NAME[0]?.content1, |
| | | name: ele?.NAME[0]?.content1, |
| | | nikeName: ele?.ALIAS[0]?.content2, |
| | | nativePlace: ele?.content1, |
| | | barnch: ele?.MEDICAL_BRANCH[0]?.content1, |
| | | medical: ele?.MEDICAL_EXPERTISE[0]?.content1, |
| | | medical: ele?.BIOGRAPHY, |
| | | id: ele.id, |
| | | }; |
| | | this.isTop = e.containerPoint.y - 275 + "px"; |
| | | this.isTop = e.containerPoint.y - 295 + "px"; |
| | | this.isLeft = e.containerPoint.x - 171 + "px"; |
| | | }, 300); |
| | | }); |
| | |
| | | nikeName: item?.ALIAS[0]?.content2, |
| | | nativePlace: item?.content1, |
| | | barnch: item?.MEDICAL_BRANCH[0]?.content1, |
| | | medical: item?.MEDICAL_EXPERTISE[0]?.content1, |
| | | medical: item?.BIOGRAPHY, |
| | | id: item.id, |
| | | }; |
| | | this.isTop = e.containerPoint.y - 275 + "px"; |
| | | this.isTop = e.containerPoint.y - 295 + "px"; |
| | | this.isLeft = e.containerPoint.x - 171 + "px"; |
| | | }, 300); |
| | | }); |
| | |
| | | } |
| | | } */ |
| | | |
| | | ::v-deep .cleanupBtn{ |
| | | ::v-deep .cleanupBtn { |
| | | right: 60px !important; |
| | | } |
| | | |
| | | ::v-deep .widget_input{ |
| | | ::v-deep .widget_input { |
| | | min-width: 240px !important; |
| | | } |
| | | |
| | | .medicalLi { |
| | | height: 50px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | } |
| | | </style> |