liuyiliang
/
smart-om-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
智慧运维前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 Commits
2 Branches
0 Tags
12 MiB
 
 
 
 
Tag: Branch: Tree: 830a0ccd53
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '830a0ccd53'
${ noResults }
smart-om-web/src/views/wel/index.vue

223 lines
8.3 KiB
Raw Blame History

<template>
<div>
<basic-container>
<div class="notification-container">
<div class="notification-heading">通知</div>
<p class="notification-title"><i class="el-icon-chat-line-round el-icon-home"></i> 今日消息</p>
<div class="headOverflowList">
<el-skeleton :rows="3" animated v-show="skeleton"/>
<div class="el-collapse">
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
</div>
</div>
</div>
<el-row>
<el-col :span="12">
<div class="notification-container-task">
<div class="notification-heading">任务信息</div>
<p class="notification-title"><i class="el-icon-document el-icon-home"></i> 今日任务</p>
<div class="overflowList">
<el-skeleton :rows="3" animated v-show="skeleton"/>
<div class="el-collapse">
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
</div>
</div>
</el-col>
<el-col :span="12">
<div class="notification-container-audit">
<div class="notification-heading">审核信息</div>
<p class="notification-title"><i class="el-icon-s-check el-icon-home"></i> 今日待审核</p>
<div class="overflowList">
<el-skeleton :rows="3" animated v-show="skeleton"/>
<div class="el-collapse">
<div class="el-collapse-item">
<div class="el-audit-head"><span class="el-collapse-span">待审核设备台账</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-audit-head"><span class="el-collapse-span">待审核智能两票</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-audit-head"><span class="el-collapse-span">待审核备件管理</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-audit-head"><span class="el-collapse-span">待审核工单</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
<div class="el-collapse-item">
<div class="el-collapse-item__header"><span class="el-collapse-span">一致性 Consistency</span></div>
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</basic-container>
</div>
</template>
<script>
import {mapGetters} from "vuex";
// import * as echarts from 'echarts';
// import {dayLineStatistics , activities} from '@/api/desk/dashboard'
export default {
name: "wel",
data() {
return {
data:[],
skeleton: false,
option: {
span:6,
data: []
},
};
},
computed: {
...mapGetters(["userInfo"]),
},
mounted() {
},
methods: {
}
};
</script>
<style>
.notification-container {
padding: 14px;
background-color: #f7f7f7;
height: 260px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.notification-container-task {
margin-top: 15px;
max-width: 94%;
padding: 14px;
height: 475px;
background-color: #f7f7f7;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.notification-container-audit {
margin-top: 15px;
max-width: 96%;
padding: 14px;
height: 475px;
background-color: #f7f7f7;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.notification-heading {
font-size: 24px;
margin-bottom: 10px;
}
.notification-content {
background-color: #fff; /* 白色内容背景 */
padding: 10px;
border-radius: 4px;
}
.notification-message {
font-size: 16px;
}
.notification-title {
font-size: 20px;
}
.el-icon-home {
color: #0087ff;
font-weight: bold;
}
.el-collapse-span {
margin-left: 20px;
}
.el-audit-head {
background-color: #0283f1;
color: white;
height: 40px;
line-height: 40px;
}
.headOverflowList {
height: 170px;
overflow: auto;
}
.overflowList {
height: 380px;
overflow: auto;
}
</style>