|
|
|
|
@ -1,9 +1,10 @@
|
|
|
|
|
<template> |
|
|
|
|
<div style="height: 780px;overflow: hidden; margin: 20px 10px 0px;"> |
|
|
|
|
<div style="display: flex;align-items: center;justify-content: stretch;width: 100%;height: 50%"> |
|
|
|
|
<!--待办任务--> |
|
|
|
|
<div class="top-div" style="width: 33%;height: 100%;"> |
|
|
|
|
<a-card class="div-card" title="待办" style="overflow: hidden"> |
|
|
|
|
<div style="height: 100%"> |
|
|
|
|
<div style="height: 50%;display: flex;justify-content: stretch;" > |
|
|
|
|
<a-row type="flex" :gutter="16" style="height: 100%"> |
|
|
|
|
<a-col :md="8" :sm="24" style="height: 96%;"> |
|
|
|
|
<!--待办任务--> |
|
|
|
|
<a-card title="待办" style="height: 100%;overflow: hidden;"> |
|
|
|
|
<a-table |
|
|
|
|
rowKey="id" |
|
|
|
|
:scroll="{x: false, y: 300 }" |
|
|
|
|
@ -16,27 +17,25 @@
|
|
|
|
|
> |
|
|
|
|
</a-table> |
|
|
|
|
</a-card> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!--站内消息--> |
|
|
|
|
<div class="top-div" style="width: 33%;height: 100%;margin: 0 1%;"> |
|
|
|
|
<a-card class="div-card" title="站内消息" style="overflow: hidden"> |
|
|
|
|
<a-table |
|
|
|
|
rowKey="id" |
|
|
|
|
:scroll="{x: false, y: 300 }" |
|
|
|
|
:show-header="false" |
|
|
|
|
:columns="msgColumns" |
|
|
|
|
:dataSource="msgContent" |
|
|
|
|
:pagination="false" |
|
|
|
|
:customRow="rowClickToDo" |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :md="8" :sm="24" style="height: 96%;"> |
|
|
|
|
<!--站内消息--> |
|
|
|
|
<a-card ref="cardH" title="站内消息" style="height: 100%;overflow: hidden;"> |
|
|
|
|
<a-table style="height: 100%;" |
|
|
|
|
rowKey="id" |
|
|
|
|
:scroll="{x: false, y: 300 }" |
|
|
|
|
:show-header="false" |
|
|
|
|
:columns="msgColumns" |
|
|
|
|
:dataSource="msgContent" |
|
|
|
|
:pagination="false" |
|
|
|
|
:customRow="rowClickToDo" |
|
|
|
|
> |
|
|
|
|
</a-table> |
|
|
|
|
</a-card> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!--登录日志--> |
|
|
|
|
<div class="top-div" style="width: 33%;height: 100%;"> |
|
|
|
|
<a-card class="div-card" title="登录日志" style="overflow: hidden"> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :md="8" :sm="24" style="height: 96%;"> |
|
|
|
|
<!--登录日志--> |
|
|
|
|
<a-card title="登录日志" style="height: 100%;overflow: hidden"> |
|
|
|
|
<a-table |
|
|
|
|
rowKey="id" |
|
|
|
|
:scroll="{x: false, y: 300 }" |
|
|
|
|
@ -46,37 +45,36 @@
|
|
|
|
|
:pagination="false" |
|
|
|
|
> |
|
|
|
|
</a-table> |
|
|
|
|
|
|
|
|
|
</a-card> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bottom-div" style="width: 100%;height: 60%;margin-top: 1%"> |
|
|
|
|
<a-card style="width: 100%;height: 90%;border-radius: 10px;" title="全部应用"> |
|
|
|
|
<ul class="apply-use" style="list-style-type: none;padding: 0px"> |
|
|
|
|
<li @click='informationManagement' class="ant-col-md-4"> |
|
|
|
|
<a-icon type="table" style="font-size: 25px;" /> 基础信息管理 |
|
|
|
|
</li> |
|
|
|
|
<li @click='processManage' class="ant-col-md-4"> |
|
|
|
|
<a-icon type="cluster" style="font-size: 25px;" /> 流程管理 |
|
|
|
|
</li> |
|
|
|
|
<li @click='materialManage' class="ant-col-md-4"> |
|
|
|
|
<a-icon type="setting" style="font-size: 25px;" /> 物资管理 |
|
|
|
|
</li> |
|
|
|
|
<li @click='statisticalAnalysis' class="ant-col-md-4"> |
|
|
|
|
<a-icon type="line-chart" style="font-size: 25px;" /> 统计分析 |
|
|
|
|
</li> |
|
|
|
|
<li @click='dictionaryLibrary' class="ant-col-md-4"> |
|
|
|
|
<a-icon type="read" style="font-size: 25px;" /> 标准字典库 |
|
|
|
|
</li> |
|
|
|
|
<li @click='isystemManage' class="ant-col-md-4"> |
|
|
|
|
<a-icon type="setting" style="font-size: 25px;" /> 系统管理 |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</a-card> |
|
|
|
|
</div> |
|
|
|
|
</a-col> |
|
|
|
|
|
|
|
|
|
</a-row> |
|
|
|
|
</div> |
|
|
|
|
<!--全部应用--> |
|
|
|
|
<div class="bottom-div" style="height: 50%;margin-top: 1%" > |
|
|
|
|
<a-card title="全部应用" style="height: 100%"> |
|
|
|
|
<a-row type="flex" :gutter="16" style="height: 100%;"> |
|
|
|
|
<a-col class="bottomClick" span="4" @click='informationManagement'> |
|
|
|
|
<a-icon class="bottomClick" type="table" style="font-size: 25px;" /> 基础信息管理 |
|
|
|
|
</a-col> |
|
|
|
|
<a-col class="bottomClick" span="4" @click='processManage'> |
|
|
|
|
<a-icon type="cluster" style="font-size: 25px;" /> 流程管理 |
|
|
|
|
</a-col> |
|
|
|
|
<a-col class="bottomClick" span="4" @click='materialManage'> |
|
|
|
|
<a-icon type="setting" style="font-size: 25px;" /> 物资管理 |
|
|
|
|
</a-col> |
|
|
|
|
<a-col class="bottomClick" span="4" @click='statisticalAnalysis'> |
|
|
|
|
<a-icon type="line-chart" style="font-size: 25px;" /> 统计分析 |
|
|
|
|
</a-col> |
|
|
|
|
<a-col class="bottomClick" span="4" @click='dictionaryLibrary'> |
|
|
|
|
<a-icon type="read" style="font-size: 25px;" /> 标准字典库 |
|
|
|
|
</a-col> |
|
|
|
|
<a-col class="bottomClick" span="4" @click='isystemManage'> |
|
|
|
|
<a-icon type="setting" style="font-size: 25px;" /> 系统管理 |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
</a-card> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
@ -168,7 +166,6 @@ export default {
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
created() { |
|
|
|
|
this.todoList(); |
|
|
|
|
this.loginList(); |
|
|
|
|
@ -316,38 +313,24 @@ export default {
|
|
|
|
|
background: white; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.div-card { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
font-weight: 200; |
|
|
|
|
border-radius: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ul-li li{ |
|
|
|
|
margin-top: 12px; |
|
|
|
|
display: inline-flex; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.apply-use li{ |
|
|
|
|
text-align: left; |
|
|
|
|
margin-top: 60px; |
|
|
|
|
padding: 0 40px; |
|
|
|
|
.bottomClick { |
|
|
|
|
text-align: center; |
|
|
|
|
margin: 1% 0 3% 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.apply-use li:hover { |
|
|
|
|
.bottomClick:hover { |
|
|
|
|
cursor: pointer; |
|
|
|
|
color: #5cb6ff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.ant-card-body { |
|
|
|
|
padding: 0px 24px 36px 24px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.ant-card-head-title{ |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.ant-card-body{ |
|
|
|
|
padding: 2% 3% 1% 3%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bottom-div /deep/.ant-card-head{ |
|
|
|
|
border-bottom: 0px; |
|
|
|
|
} |
|
|
|
|
@ -355,4 +338,4 @@ export default {
|
|
|
|
|
i:hover { |
|
|
|
|
color: #5cb6ff; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</style> |
|
|
|
|
|
kilo
2 years ago