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