Browse Source

公文首页

master
xuhuajiao 1 month ago
parent
commit
9192c40cea
  1. 8
      src/views/dashboard/PanelGroup.vue
  2. 47
      src/views/home.vue

8
src/views/dashboard/PanelGroup.vue

@ -6,7 +6,7 @@
<img src="@/assets/images/home-icon1.png" alt="">
</div>
<div class="card-panel-description">
档案盒
公文总量
<div class="card-panel-text">
<count-to :start-val="0" :end-val="topObjectNum && topObjectNum.caseNum" :duration="3200" class="card-panel-num" />
</div>
@ -19,7 +19,7 @@
<img src="@/assets/images/home-icon2.png" alt="">
</div>
<div class="card-panel-description">
案卷条目
未传阅数量
<div class="card-panel-text">
<count-to :start-val="0" :end-val="topObjectNum && topObjectNum.archivesNum" :duration="3200" class="card-panel-num" />
</div>
@ -32,7 +32,7 @@
<img src="@/assets/images/home-icon3.png" alt="">
</div>
<div class="card-panel-description">
文件条目
传阅中数量
<div class="card-panel-text">
<count-to :start-val="0" :end-val="topObjectNum && topObjectNum.documentNum" :duration="3200" class="card-panel-num" />
</div>
@ -45,7 +45,7 @@
<img src="@/assets/images/home-icon4.png" alt="">
</div>
<div class="card-panel-description">
电子文件
已完成数量
<div class="card-panel-text">
<count-to :start-val="0" :end-val="topObjectNum && topObjectNum.fileNum" :duration="3200" class="card-panel-num" />
</div>

47
src/views/home.vue

@ -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

Loading…
Cancel
Save