| | |
| | | <el-button |
| | | size="mini" |
| | | style="background-color: #244a7b; color: #fff" |
| | | @click="searchFun" |
| | | @click=" |
| | | () => { |
| | | searchKey = ''; |
| | | formData.page = 1; |
| | | searchFun(); |
| | | } |
| | | " |
| | | >搜索</el-button |
| | | > |
| | | <el-button size="mini" @click="resetForm">重置</el-button> |
| | | </div> |
| | | </el-form> |
| | | <div style="font-size: 14px"> |
| | | 注:当前数据较多,可能会出现卡死的情况,请尽量精确查询或查看某一类数据关系 |
| | | </div> |
| | | <div class="fromTable"> |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | background |
| | | @size-change="handleSizeChangeForm" |
| | | @current-change="handleCurrentChangeForm" |
| | | :current-page="formData.currentPage" |
| | | :current-page="formData.page" |
| | | :page-sizes="[10, 20, 60, 100]" |
| | | :page-size="formData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | |
| | | <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> |
| | |
| | | background |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :current-page="page" |
| | | :page-sizes="[10, 20, 60, 100]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | |
| | | methods: { |
| | | // 搜索地址 |
| | | searchAddress() { |
| | | this.page = 1; |
| | | this.gridData = []; |
| | | this.getAddressList(); |
| | | }, |
| | | // 分页 |
| | | // 分页 |
| | | handleSizeChange(val) { |
| | | this.pageSize = val; |
| | | this.getAddressList(); |
| | |
| | | pageSize: 10, |
| | | total: 0, |
| | | }; |
| | | this.formData.page = 1; |
| | | this.searchFun(); |
| | | }, |
| | | searchFun() { |
| | | const palceData = this.formData.actively?.map((item) => { |
| | |
| | | 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); |
| | | 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.personName).join("、") |
| | | : "", |
| | | skilledDoctor: data.important_physician |
| | | ? data.important_physician.map((item) => item.personName).join("、") |
| | | : "", |
| | | works: data.important_work |
| | | ? data.important_work.map((item) => item.literatureTitle).join("、") |
| | | : "", |
| | | thought: data.school_introduction |
| | | ? data.school_introduction.map((item) => item).join("、") |
| | | : "", |
| | | }; |
| | | this.detailData = obj; |
| | | } |
| | |
| | | min-height: 240px; |
| | | display: none; |
| | | position: fixed; |
| | | z-index: 99999999; |
| | | z-index: 99; |
| | | border-radius: 2px; |
| | | background: #fff; |
| | | } |