mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-06-21 04:29:36 +08:00
加入统计页面跳转
This commit is contained in:
471615499@qq.com
parent
f63f788a76
commit
7e67ca7e1d
@ -11,10 +11,10 @@
|
||||
<a-icon type='ordered-list' style='font-size: 50px;color: #FFF' />
|
||||
</div>
|
||||
<div class='des'>
|
||||
<div class='title'>
|
||||
<div class='title' @click='goOrder'>
|
||||
已预约会议室
|
||||
</div>
|
||||
<div class='num'>
|
||||
<div class='num' @click='goOrder'>
|
||||
{{ roomNum.alreadyBooking }}
|
||||
</div>
|
||||
</div>
|
||||
@ -26,10 +26,10 @@
|
||||
<a-icon type='unordered-list' style='font-size: 50px;color: #FFF' />
|
||||
</div>
|
||||
<div class='des'>
|
||||
<div class='title'>
|
||||
<div class='title' @click='goOrder'>
|
||||
未预约会议室
|
||||
</div>
|
||||
<div class='num'>
|
||||
<div class='num' @click='goOrder'>
|
||||
{{ roomNum.noBooking }}
|
||||
</div>
|
||||
</div>
|
||||
@ -41,10 +41,10 @@
|
||||
<a-icon type='team' style='font-size: 50px;color: #FFF' />
|
||||
</div>
|
||||
<div class='des'>
|
||||
<div class='title'>
|
||||
<div class='title' @click='goOrder'>
|
||||
开会中会议室
|
||||
</div>
|
||||
<div class='num'>
|
||||
<div class='num' @click='goOrder'>
|
||||
{{ roomNum.going }}
|
||||
</div>
|
||||
</div>
|
||||
@ -56,10 +56,10 @@
|
||||
<a-icon type='profile' style='font-size: 50px;color: #FFF' />
|
||||
</div>
|
||||
<div class='des'>
|
||||
<div class='title'>
|
||||
<div class='title' @click='goOrder'>
|
||||
空闲中会议室
|
||||
</div>
|
||||
<div class='num'>
|
||||
<div class='num' @click='goOrder'>
|
||||
{{ roomNum.free }}
|
||||
</div>
|
||||
</div>
|
||||
@ -70,10 +70,12 @@
|
||||
<a-row>
|
||||
<a-col :span='18'>
|
||||
<a-card title='会议日历' bodyStyle='height: 780px'>
|
||||
<a-calendar :header-render='headerRender' @select="onSelect">
|
||||
<ul slot='dateCellRender' slot-scope='value' class='c_meeting' style='padding: 0;text-align: center; font-size: 24px;font-weight: 700; margin-top: 10px'>
|
||||
{{getListData(value).length == 0 ? '' : getListData(value).length}}
|
||||
<a-popover style='display: none' @click.stop='showMeeting(item.id)' :title='item.title' v-for='item in getListData(value)'>
|
||||
<a-calendar :header-render='headerRender' @select='onSelect'>
|
||||
<ul slot='dateCellRender' slot-scope='value' class='c_meeting'
|
||||
style='padding: 0;text-align: center; font-size: 24px;font-weight: 700; margin-top: 10px'>
|
||||
{{ getListData(value).length == 0 ? '' : getListData(value).length }}
|
||||
<a-popover style='display: none' @click.stop='showMeeting(item.id)' :title='item.title'
|
||||
v-for='item in getListData(value)'>
|
||||
<template slot='content'>
|
||||
<div>预约部门：{{ item.org }}</div>
|
||||
<div>会议时间：{{ item.time }}</div>
|
||||
@ -88,15 +90,17 @@
|
||||
</a-col>
|
||||
<a-col :span='6'>
|
||||
<a-card title='会议状态'>
|
||||
<a-row >
|
||||
<a-row>
|
||||
<a-col :span='18'>
|
||||
<a-icon type='message' theme='filled' style='font-size: 24px;color: #E6A23C' />
|
||||
<label @click='goRes({status: "9"})' style='position: relative;top: -1px;left: 10px;font-size: 20px;cursor:pointer;'>
|
||||
<label @click='goRes({status: "9"})'
|
||||
style='position: relative;top: -1px;left: 10px;font-size: 20px;cursor:pointer;'>
|
||||
进行中
|
||||
</label>
|
||||
</a-col>
|
||||
<a-col :span='6'>
|
||||
<div @click='goRes({status: "9"})' style='text-align: right; font-weight: 700;font-size: 20px; position: relative;top: -1px;cursor:pointer;'>
|
||||
<div @click='goRes({status: "9"})'
|
||||
style='text-align: right; font-weight: 700;font-size: 20px; position: relative;top: -1px;cursor:pointer;'>
|
||||
{{ statusNum.going }}
|
||||
</div>
|
||||
</a-col>
|
||||
@ -104,12 +108,14 @@
|
||||
<a-row style='margin-top: 15px'>
|
||||
<a-col :span='18'>
|
||||
<a-icon type='flag' theme='filled' style='font-size: 24px;color: #409EFF' />
|
||||
<label @click='goRes({status: "7"})' style='position: relative;top: -1px;left: 10px;font-size: 20px;cursor:pointer;'>
|
||||
<label @click='goRes({status: "7"})'
|
||||
style='position: relative;top: -1px;left: 10px;font-size: 20px;cursor:pointer;'>
|
||||
待开始
|
||||
</label>
|
||||
</a-col>
|
||||
<a-col :span='6'>
|
||||
<div @click='goRes({status: "7"})' style='text-align: right; font-weight: 700;font-size: 20px; position: relative;top: -1px;cursor:pointer;'>
|
||||
<div @click='goRes({status: "7"})'
|
||||
style='text-align: right; font-weight: 700;font-size: 20px; position: relative;top: -1px;cursor:pointer;'>
|
||||
{{ statusNum.wait }}
|
||||
</div>
|
||||
</a-col>
|
||||
@ -117,20 +123,22 @@
|
||||
<a-row style='margin-top: 15px'>
|
||||
<a-col :span='18'>
|
||||
<a-icon type='carry-out' theme='filled' style='font-size: 24px;color: #919399' />
|
||||
<label @click='goRes({status: "11"})' style='position: relative;top: -1px;left: 10px;font-size: 20px;cursor:pointer;'>
|
||||
<label @click='goRes({status: "11"})'
|
||||
style='position: relative;top: -1px;left: 10px;font-size: 20px;cursor:pointer;'>
|
||||
已结束
|
||||
</label>
|
||||
</a-col>
|
||||
<a-col :span='6'>
|
||||
<div @click='goRes({status: "11"})' style='text-align: right; font-weight: 700;font-size: 20px; position: relative;top: -1px;cursor:pointer;'>
|
||||
<div @click='goRes({status: "11"})'
|
||||
style='text-align: right; font-weight: 700;font-size: 20px; position: relative;top: -1px;cursor:pointer;'>
|
||||
{{ statusNum.closed }}
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-card>
|
||||
<a-card title='任务代办' bodyStyle='height: 554px'>
|
||||
<a-card title='任务代办' bodyStyle='height: 554px'>
|
||||
<a-list item-layout='horizontal' :data-source='waitList'>
|
||||
<a-list-item @click='goRes({status: "5"})' slot='renderItem' slot-scope='item, index'>
|
||||
<a-list-item @click='goRes({status: "5"})' slot='renderItem' slot-scope='item, index'>
|
||||
<!-- <a slot='actions'>审核</a>-->
|
||||
<a-list-item-meta
|
||||
:description="item.time + '（' +item.org + '）'"
|
||||
@ -210,6 +218,7 @@
|
||||
line-height: 45px;
|
||||
font-size: 20px;
|
||||
color: #9D9D9D;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.eachNum .num {
|
||||
@ -219,6 +228,7 @@
|
||||
font-size: 30px;
|
||||
color: #666666;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.c_meeting li {
|
||||
@ -280,12 +290,16 @@ export default {
|
||||
methods: {
|
||||
onSelect(nowDate) {
|
||||
let date = nowDate.format('YYYY-MM-DD')
|
||||
this.goRes({date: date})
|
||||
this.goRes({ date: date })
|
||||
},
|
||||
// 跳转预约列表
|
||||
goRes(query) {
|
||||
this.$router.push({ name: 'reservation', query: query })
|
||||
},
|
||||
// 跳转到会议预约页面
|
||||
goOrder() {
|
||||
this.$router.push({ name: 'manger' })
|
||||
},
|
||||
/**
|
||||
* 改变会议室管理统计日期
|
||||
* @param date
|
||||
@ -634,7 +648,7 @@ export default {
|
||||
type: 'bar',
|
||||
barWidth: '20px',
|
||||
itemStyle: {
|
||||
color: '#FFEC6D', // 设置柱状图的颜色
|
||||
color: '#FFEC6D' // 设置柱状图的颜色
|
||||
}
|
||||
}
|
||||
]
|
||||
@ -675,8 +689,8 @@ export default {
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0, 0, 0, 1, // 这四个参数分别表示渐变的起点 (x1, y1) 与终点 (x2, y2)
|
||||
[
|
||||
{offset: 0, color: '#28A9FF'}, // 0% 处的颜色
|
||||
{offset: 1, color: '#C8E8FE'} // 100% 处的颜色
|
||||
{ offset: 0, color: '#28A9FF' }, // 0% 处的颜色
|
||||
{ offset: 1, color: '#C8E8FE' } // 100% 处的颜色
|
||||
]
|
||||
)
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user