| | |
| | | <view |
| | | style="width: 100%; height: 100%; display: flex; flex-direction: column" |
| | | > |
| | | <headNav idIndex="1" text="中医人物数据库" /> |
| | | <headNav idIndex="1" text="历代人物" /> |
| | | <!-- 高级搜索 --> |
| | | <view style="margin: 0.35rem 0 0.16rem 0"> |
| | | <view style="margin-top: 0.1rem"> |
| | | <advancedSearch |
| | | @onSearch="onSearch" |
| | | @onSubmit="onSubmit" |
| | |
| | | <li |
| | | @click="onSearch({ text: item }, index)" |
| | | :class="{ cursor: true, active: hotAciveIndex === index }" |
| | | hotAciveIndex |
| | | v-for="(item, index) in hotKeyList" |
| | | :key="item" |
| | | > |
| | |
| | | <!-- 关系表地图 --> |
| | | <view |
| | | id="relation" |
| | | style="margin-top: 0.2rem; flex: 1; width: 100%; position: relative" |
| | | style="margin-top: 0.1rem; flex: 1; width: 100%; position: relative" |
| | | > |
| | | <div |
| | | v-if="!loading && relationships.length == 0" |
| | |
| | | }, |
| | | { |
| | | type: "input", |
| | | label: "时间", |
| | | label: "时期", |
| | | name: "period", |
| | | value: "" |
| | | }, |
| | |
| | | let Distance = 10; |
| | | // 不同尺寸下修改echarts的字体 |
| | | if (window.innerWidth > 2560 && window.innerWidth <= 3840) { |
| | | FontSize = 28; |
| | | FontSize = 20; |
| | | BorderWidth = 5; |
| | | SymbolSize = 100; |
| | | SymbolSize = 90; |
| | | Distance = 33; |
| | | } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) { |
| | | FontSize = 28; |
| | | FontSize = 18; |
| | | BorderWidth = 4; |
| | | SymbolSize = 90; |
| | | SymbolSize = 80; |
| | | Distance = 22; |
| | | } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) { |
| | | FontSize = 18; |
| | | FontSize = 14; |
| | | BorderWidth = 4; |
| | | SymbolSize = 70; |
| | | Distance = 22; |
| | |
| | | } |
| | | }; |
| | | }); |
| | | |
| | | var option; |
| | | option = { |
| | | title: { |