You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.0 KiB
41 lines
1.0 KiB
import FineUi, {FineType} from '../../shared/FineUI'; |
|
import TitleItem from './TitleItem'; |
|
|
|
export default class Title extends FineUi { |
|
public onSelect: SelectType; |
|
private linkSet: TitleItem; |
|
private lintStatus: TitleItem; |
|
public constructor() { |
|
super(); |
|
this.linkSet = new TitleItem({title:'数据连接管理'}); |
|
this.lintStatus = new TitleItem({title:'连接池状态'}); |
|
this.linkSet.onClick = () => { |
|
this.linkSet.setSelect(true); |
|
this.lintStatus.setSelect(false); |
|
this.onSelect ? this.onSelect('linkSet') : null; |
|
}; |
|
|
|
this.lintStatus.onClick = () => { |
|
this.lintStatus.setSelect(true); |
|
this.linkSet.setSelect(false); |
|
this.onSelect ? this.onSelect('lintStatus') : null; |
|
}; |
|
} |
|
public render(): FineType { |
|
return { |
|
type: 'bi.left', |
|
cls: 'title', |
|
items:[ |
|
this.linkSet.widget, |
|
this.lintStatus.widget, |
|
], |
|
}; |
|
} |
|
|
|
protected mounted(): void{ |
|
this.linkSet.setSelect(true); |
|
} |
|
} |
|
interface SelectType { |
|
(type: 'linkSet'|'lintStatus'): void; |
|
}
|
|
|