| | |
| | | 籍贯: {{ 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" |
| | |
| | | }, |
| | | 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> |