| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | <!-- 关系表地图 --> |
|---|
| | | <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: { |
|---|
