|
|
@ -1,29 +1,145 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<basic-container> |
|
|
|
<basic-container> |
|
|
|
<avue-data-display :option="option"></avue-data-display> |
|
|
|
<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> |
|
|
|
</basic-container> |
|
|
|
<el-col :span="16"> |
|
|
|
|
|
|
|
<basic-container> |
|
|
|
|
|
|
|
<div id="main" style="height: 360px"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</basic-container> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import {mapGetters} from "vuex"; |
|
|
|
import {mapGetters} from "vuex"; |
|
|
|
import * as echarts from 'echarts'; |
|
|
|
// import * as echarts from 'echarts'; |
|
|
|
import {dayLineStatistics , activities} from '@/api/desk/dashboard' |
|
|
|
// import {dayLineStatistics , activities} from '@/api/desk/dashboard' |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: "wel", |
|
|
|
name: "wel", |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
data:[], |
|
|
|
data:[], |
|
|
|
|
|
|
|
skeleton: false, |
|
|
|
option: { |
|
|
|
option: { |
|
|
|
span:6, |
|
|
|
span:6, |
|
|
|
data: [] |
|
|
|
data: [] |
|
|
@ -34,75 +150,74 @@ |
|
|
|
...mapGetters(["userInfo"]), |
|
|
|
...mapGetters(["userInfo"]), |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
activities().then(res =>{ |
|
|
|
|
|
|
|
this.option.data = res.data.data |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
return false; |
|
|
|
|
|
|
|
dayLineStatistics().then(res =>{ |
|
|
|
|
|
|
|
this.data = res.data.data |
|
|
|
|
|
|
|
const myChart = echarts.init(document.getElementById('main')); |
|
|
|
|
|
|
|
myChart.setOption({ |
|
|
|
|
|
|
|
dataset: { |
|
|
|
|
|
|
|
dimensions: ['hours', 'T', 'Q'], |
|
|
|
|
|
|
|
source: this.data |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
title: { |
|
|
|
|
|
|
|
text: '每日请求' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
tooltip: { |
|
|
|
|
|
|
|
trigger: 'axis' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
legend: { |
|
|
|
|
|
|
|
data: ['T', 'Q'], |
|
|
|
|
|
|
|
name: '123' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
grid: { |
|
|
|
|
|
|
|
left: '3%', |
|
|
|
|
|
|
|
right: '4%', |
|
|
|
|
|
|
|
bottom: '3%', |
|
|
|
|
|
|
|
containLabel: true |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
toolbox: { |
|
|
|
|
|
|
|
feature: { |
|
|
|
|
|
|
|
saveAsImage: {} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
xAxis: { |
|
|
|
|
|
|
|
type: 'category', |
|
|
|
|
|
|
|
boundaryGap: false, |
|
|
|
|
|
|
|
data: ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
yAxis: { |
|
|
|
|
|
|
|
type: 'value' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
series: [ |
|
|
|
|
|
|
|
{ type: 'line' ,smooth: true}, |
|
|
|
|
|
|
|
{ type: 'line' ,smooth: true}, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
handleChange(val) { |
|
|
|
|
|
|
|
console.log(val); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
<style> |
|
|
|
.el-divider--horizontal { |
|
|
|
.notification-container { |
|
|
|
margin: 12px 0 !important; |
|
|
|
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); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-font-size { |
|
|
|
.notification-heading { |
|
|
|
font-size: 14px; |
|
|
|
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; |
|
|
|
} |
|
|
|
} |
|
|
|
.like { |
|
|
|
.overflowList { |
|
|
|
cursor: pointer; |
|
|
|
height: 380px; |
|
|
|
font-size: 25px; |
|
|
|
overflow: auto; |
|
|
|
display: inline-block; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|