|
|
@ -8,22 +8,22 @@ |
|
|
|
<span class="right-top-line" /> |
|
|
|
<span class="left-bottom-line" /> |
|
|
|
<h3 class="home-item-title"> |
|
|
|
流程中心 |
|
|
|
公文传阅 |
|
|
|
</h3> |
|
|
|
<div class="home-flowable" style="height: calc(100% - 54px); overflow-x: hidden;"> |
|
|
|
<div class="home-tab"> |
|
|
|
<!-- <div class="home-tab"> |
|
|
|
<span :class="{'home-tab-active': flowableTabIndex == 0}">待处理({{ flowableData.length !==0? flowableData.length: 0 }})</span> |
|
|
|
<span :class="{'home-tab-active': flowableTabIndex == 1}" @click="toMoreProcess">更多流程</span> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="home-flowable-list" style="height: calc(100% - 45px); overflow-y: auto; overflow-x: hidden;"> |
|
|
|
<el-table v-if="flowableData.length !== 0" height="calc(100%)" :data="flowableData" stripe style="width: 100%"> |
|
|
|
<el-table-column prop="title" label="标题" /> |
|
|
|
<el-table-column prop="applicant" label="申请人" width="100" /> |
|
|
|
<el-table-column prop="createTime" label="申请时间" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>{{ scope.row.createTime | parseTime }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="applicant" label="状态" width="100" /> |
|
|
|
</el-table> |
|
|
|
<div v-else class="empty-main" style="height: 100%;"> |
|
|
|
<svg-icon icon-class="empty" class-name="empty-img" /> |
|
|
@ -47,24 +47,23 @@ |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="20" style="height:calc(50vh - 174px);"> |
|
|
|
<el-col :xs="24" :sm="24" :lg="8"> |
|
|
|
<!-- 档案借阅 --> |
|
|
|
<div class="container-wrap"> |
|
|
|
<span class="right-top-line" /> |
|
|
|
<span class="left-bottom-line" /> |
|
|
|
<h3 class="home-item-title"> |
|
|
|
档案统计 |
|
|
|
</h3> |
|
|
|
<div v-if="lendData.otherData.length !== 0" class="chart-wrapper"> |
|
|
|
<lend-across :lend-data="lendData" /> |
|
|
|
</div> |
|
|
|
<div v-else class="empty-main"> |
|
|
|
<svg-icon icon-class="empty" class-name="empty-img" /> |
|
|
|
<p>暂无数据</p> |
|
|
|
</div> |
|
|
|
<!-- <el-col :xs="24" :sm="24" :lg="8"> |
|
|
|
<div class="container-wrap"> |
|
|
|
<span class="right-top-line" /> |
|
|
|
<span class="left-bottom-line" /> |
|
|
|
<h3 class="home-item-title"> |
|
|
|
档案统计 |
|
|
|
</h3> |
|
|
|
<div v-if="lendData.otherData.length !== 0" class="chart-wrapper"> |
|
|
|
<lend-across :lend-data="lendData" /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :xs="24" :sm="24" :lg="8"> |
|
|
|
<div v-else class="empty-main"> |
|
|
|
<svg-icon icon-class="empty" class-name="empty-img" /> |
|
|
|
<p>暂无数据</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> --> |
|
|
|
<el-col :xs="24" :sm="24" :lg="12"> |
|
|
|
<!-- 档案类型 --> |
|
|
|
<div class="container-wrap"> |
|
|
|
<span class="right-top-line" /> |
|
|
@ -77,7 +76,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :xs="24" :sm="24" :lg="8"> |
|
|
|
<el-col :xs="24" :sm="24" :lg="12"> |
|
|
|
<!-- 档案门类 --> |
|
|
|
<div class="container-wrap"> |
|
|
|
<span class="right-top-line" /> |
|
|
@ -101,7 +100,7 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import PanelGroup from './dashboard/PanelGroup' |
|
|
|
import lendAcross from '@/views/components/echarts/lendAcross.vue' |
|
|
|
// 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' |
|
|
@ -113,7 +112,7 @@ export default { |
|
|
|
name: 'Dashboard', |
|
|
|
components: { |
|
|
|
PanelGroup, |
|
|
|
lendAcross, |
|
|
|
// lendAcross, |
|
|
|
catePie, |
|
|
|
typePie, |
|
|
|
serverProgress |
|
|
|