|
|
|
@ -50,11 +50,38 @@ |
|
|
|
<span class="right-top-line" /> |
|
|
|
<span class="left-bottom-line" /> |
|
|
|
<h3 class="home-item-title"> |
|
|
|
服务器监控 |
|
|
|
办理时限提醒 |
|
|
|
</h3> |
|
|
|
<!-- <div class="chart-wrapper"> --> |
|
|
|
<serverProgress :system-data="systemData" /> |
|
|
|
<!-- </div> --> |
|
|
|
<!-- <serverProgress :system-data="systemData" /> --> |
|
|
|
<div class="home-flowable" style="height: calc(100% - 54px); overflow-x: hidden;"> |
|
|
|
<div class="home-flowable-list" style="height: calc(100% - 45px); overflow-y: auto; overflow-x: hidden;"> |
|
|
|
<el-table v-if="remindData.length !== 0" height="calc(100%)" :data="remindData" stripe style="width: 100%" :show-header="false"> |
|
|
|
<el-table-column prop="title" label="标题" min-width="450" show-overflow-tooltip> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>[{{ scope.row.reg_no }}] - {{ scope.row.maintitle }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="latest_time" label="申请时间" width="180" align="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>{{ scope.row.latest_time }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column prop="status" label="状态" width="100" align="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div> |
|
|
|
<span v-if="scope.row.status==='逾期'" class="row-state cancel-state">{{ scope.row.status }}</span> |
|
|
|
<span v-if="scope.row.status==='即将到期'" class="row-state soon-state">{{ scope.row.status }}</span> |
|
|
|
<span v-if="scope.row.status==='传阅中'" class="row-state end-state">{{ scope.row.status }}</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
</el-table> |
|
|
|
<div v-else class="empty-main" style="height: 100%;"> |
|
|
|
<svg-icon icon-class="empty" class-name="empty-img" /> |
|
|
|
<p>暂无数据</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
@ -115,8 +142,8 @@ import PanelGroup from './dashboard/PanelGroup' |
|
|
|
// import lendAcross from '@/views/components/echarts/lendAcross.vue' |
|
|
|
import catePie from '@/views/components/echarts/catePie.vue' |
|
|
|
import typePie from '@/views/components/echarts/typePie.vue' |
|
|
|
import serverProgress from '@/views/components/echarts/serverProgress.vue' |
|
|
|
import { FetchInitStatisBase, FetchDocumentTypeByTime, FetchDocumentByDocDepartment, FetchHomeBorrowLog } from '@/api/system/documentArchives' |
|
|
|
// import serverProgress from '@/views/components/echarts/serverProgress.vue' |
|
|
|
import { FetchInitStatisBase, FetchDocumentTypeByTime, FetchDocumentByDocDepartment, FetchHomeBorrowLog, FetchHomeRemindHandle } from '@/api/system/documentArchives' |
|
|
|
import { FetchSystemInfo } from '@/api/home/cpu/index' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
|
|
|
|
@ -126,8 +153,8 @@ export default { |
|
|
|
PanelGroup, |
|
|
|
// lendAcross, |
|
|
|
catePie, |
|
|
|
typePie, |
|
|
|
serverProgress |
|
|
|
typePie |
|
|
|
// serverProgress |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -158,7 +185,8 @@ export default { |
|
|
|
cpuPercentage: 0, |
|
|
|
memPercentage: 0, |
|
|
|
sysFilesPercentage: 0 |
|
|
|
} |
|
|
|
}, |
|
|
|
remindData: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -169,6 +197,7 @@ export default { |
|
|
|
created() { |
|
|
|
this.getTopData() |
|
|
|
this.getHomeBorrowLog() |
|
|
|
this.getHomeRemindHandle() |
|
|
|
this.getSystemInfo() |
|
|
|
this.getDocumentTypeByTime() |
|
|
|
this.getDocumentByDocDepartment() |
|
|
|
@ -208,6 +237,18 @@ export default { |
|
|
|
this.miodTableData = res |
|
|
|
}) |
|
|
|
}, |
|
|
|
getHomeRemindHandle() { |
|
|
|
FetchHomeRemindHandle().then(res => { |
|
|
|
console.log('remindData', res) |
|
|
|
this.remindData = res.map(item => { |
|
|
|
return { |
|
|
|
reg_no: item[0], |
|
|
|
maintitle: item[1], |
|
|
|
latest_time: item[2] |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
getSystemInfo() { |
|
|
|
FetchSystemInfo().then(res => { |
|
|
|
console.log('res', res) |
|
|
|
|
