oa初步完成

This commit is contained in:
2024-11-20 21:02:30 +08:00
parent 76403c1cf8
commit 446b669c75

View File

@@ -1,45 +1,50 @@
<template>
<div class="app-container home">
<div style="display: flex;flex-flow:wrap;">
<div style="display: flex;flex-flow:row wrap;margin-right: 15px">
<div @click="goTarget('project/project')" class="work">
<el-badge class="item-ico" type="warning">
<i class="el-icon-s-operation fz cl1"></i>
<div size="small">项目管理</div>
</el-badge>
</div>
<div @click="goTarget('produce/attendance')" class="work">
<!-- :value="ownCount" -->
<el-badge class="item-ico" type="warning">
<i class="el-icon-date fz cl2"></i>
<div size="small">人员考勤</div>
</el-badge>
</div>
<div @click="goTarget('notice/notice')" class="work">
<el-badge class="item-ico" type="warning">
<i class="el-icon-chat-line-round fz cl3"></i>
<div size="small">通知公告</div>
</el-badge>
</div>
<div @click="goTarget('finance/costing')" class="work">
<el-badge class="item-ico" type="warning" v-on:click="goTarget('finance/costing')">
<i class="el-icon-set-up fz cl4"></i>
<div size="small">财务管理</div>
</el-badge>
</div>
</div>
<el-card class="box-card" style="width: 250px">
<div slot="header" class="clearfix">
<span><i class="el-icon-microphone"></i> 通知公告</span>
<!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>-->
</div>
<div v-for="(v, k) in noticeList" :key="k" class="text item" @click="toDrawer(v.noticeId)" type="primary" style="margin-left: 3px;margin-bottom: 5px;">
<span class="pull-right">{{ parseTime(v.createTime, '{y}-{m}-{d}') }}</span>
<i class="el-icon-arrow-right"></i>
{{v.noticeTitle}}
</div>
</el-card>
</div>
<el-row :gutter="20">
<el-col :span="16">
<el-row :gutter="20">
<el-col :span="6">
<div @click="goTarget('project/project')" class="work">
<el-badge class="item-ico" type="warning">
<i class="el-icon-s-operation fz cl1"></i>
<div size="small">项目管理</div>
</el-badge>
</div>
</el-col>
<el-col :span="6">
<div @click="goTarget('produce/attendance')" class="work">
<!-- :value="ownCount" -->
<el-badge class="item-ico" type="warning">
<i class="el-icon-date fz cl2"></i>
<div size="small">人员考勤</div>
</el-badge>
</div>
</el-col>
<el-col :span="6">
<div @click="goTarget('notice/notice')" class="work">
<el-badge class="item-ico" type="warning">
<i class="el-icon-chat-line-round fz cl3"></i>
<div size="small">通知公告</div>
</el-badge>
</div>
</el-col>
<el-col :span="6">
<div @click="goTarget('finance/costing')" class="work">
<el-badge class="item-ico" type="warning" v-on:click="goTarget('finance/costing')">
<i class="el-icon-set-up fz cl4"></i>
<div size="small">财务管理</div>
</el-badge>
</div>
</el-col>
</el-row>
<!-- <div class="card-info" style="margin-top: 30px">
<el-card class="box-card">
@@ -91,29 +96,7 @@
</div>-->
</el-col>
<el-col :span="8">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span><i class="el-icon-microphone"></i> 通知公告</span>
<!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>-->
</div>
<div v-for="(v, k) in noticeList" :key="k" class="text item" @click="toDrawer(v.noticeId)" type="primary" style="margin-left: 3px;margin-bottom: 5px;">
<span class="pull-right">{{ parseTime(v.createTime, '{y}-{m}-{d}') }}</span>
<i class="el-icon-arrow-right"></i>
{{v.noticeTitle}}
</div>
</el-card>
</el-col>
<el-col :span="16" >
</el-col>
<el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
</el-row>
<h2>新的一天从这里开始助力工作,让办公更轻松!!!</h2>
<el-drawer
@@ -246,12 +229,12 @@ export default {
width: 100%;
height: 208px;
margin-top: 10px;
margin-right: 80px;
padding: 30px;
padding: 50px;
background-color: #ffffff;
font-size: 18px;
text-align: center;
color: #999999;
}
.item-ico .fz{font-size: 88px;margin-bottom: 12px;}
.item-ico .cl1{color: #67C23A}