github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

主机列表添加过期时间信息展示

4.0
vapao 2022-10-31 20:04:14 +08:00
parent dc3437b239
commit 3c43095daa
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
spug_web/src/pages/host/Table.js
View File

@ -12,6 +12,7 @@ import IPAddress from './IPAddress';
import { http, hasPermission, blobToExcel, humanDate } from 'libs';
import store from './store';
import icons from './icons';
import moment from 'moment';
function ComTable() {
const [loading, setLoading] = useState(false)
@ -47,6 +48,21 @@ function ComTable() {
.finally(() => setLoading(false))
}
function ExpTime(props) {
if (!props.value) return null
let value = moment(props.value)
const days = value.diff(moment(), 'days')
if (days > 30) {
return <span>剩余 <b style={{color: '#389e0d'}}>{days}</b> 天</span>
} else if (days > 7) {
return <span>剩余 <b style={{color: '#faad14'}}>{days}</b> 天</span>
} else if (days >= 0) {
return <span>剩余 <b style={{color: '#d9363e'}}>{days}</b> 天</span>
} else {
return <span>过期 <b style={{color: '#d9363e'}}>{Math.abs(days)}</b> 天</span>
}
}
return (
<TableCard
tKey="hi"
@ -131,6 +147,7 @@ function ComTable() {
<span>{info.cpu}核 {info.memory}GB</span>
</Space>
)}/>
<Table.Column hide title="到期信息" dataIndex="expired_time" render={v => <ExpTime value={v}/>}/>
<Table.Column hide title="备注信息" dataIndex="desc"/>
<Table.Column
title="状态"