Skip to content

C
conferenceLy
提交 492db797 authored 作者: FC's avatar FC
浏览文件
操作

合并分支 'fc' 到 'master'

Fc 查看合并请求 !3
上级 50cd69ed 7128c0f3
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 620 行增加 和 114 行删除
src/App.vue
浏览文件 @ 492db797
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="sureSave(1)">确 定</el-button> <el-button type="primary" @click="sureSave(1)">确 定</el-button>
</span> </span>
</el-dialog> --> </el-dialog>-->
</div> </div>
</template> </template>
...@@ -126,14 +126,23 @@ body { ...@@ -126,14 +126,23 @@ body {
// ::-webkit-scrollbar-corner 边角 // ::-webkit-scrollbar-corner 边角
// ::-webkit-resizer 定义右下角拖动块的样式 // ::-webkit-resizer 定义右下角拖动块的样式
/*滚动条样式*/ /*滚动条样式*/
.el-tooltip__popper.is-light{ .el-tooltip__popper.is-light {
max-width: 1000px; max-width: 1000px;
line-height: 26px !important; line-height: 26px !important;
} }
.el-tooltip__popper.is-dark{ .el-tooltip__popper.is-dark {
background-color: rgba(51, 50, 50, 0.52) !important; background-color: rgba(51, 50, 50, 0.52) !important;
} }
.el-tooltip__popper.is-dark .popper__arrow{ //tooltip箭头样式 .el-tooltip__popper.is-dark .popper__arrow {
//tooltip箭头样式
opacity: 0.52; opacity: 0.52;
}
.el-scrollbar {
::-webkit-scrollbar-track {
// -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 2px;
background: #fff;
opacity: 0;
} }
}
</style> </style>
src/router/index.js
浏览文件 @ 492db797
...@@ -91,6 +91,14 @@ const routes = [ ...@@ -91,6 +91,14 @@ const routes = [
title: '定制日程', title: '定制日程',
}, },
}, },
{
path:'reserveRecord',
name:'reserveRecord',
component:()=>import('../views/reserveRecord/index.vue'),
meta:{
title:'定制日程'
},
},
{ {
path: 'operation', path: 'operation',
name: 'operation', name: 'operation',
...@@ -147,6 +155,18 @@ const routes = [ ...@@ -147,6 +155,18 @@ const routes = [
previous: true previous: true
}, },
}, },
{
path:'noticeMeeting',
name:'noticeMeeting',
component: () =>
import('../views/meeting/operation/noticeMeeting/index.vue'),
meta: {
title: 'prepare',
nav: true,
next: true,
previous: true
},
},
{ {
path: 'chooseModule', path: 'chooseModule',
name: 'chooseModule', name: 'chooseModule',
......
src/views/home.vue
浏览文件 @ 492db797
<template> <template>
<div class="home"> <div class="home">
<div <div class="home_btn" @click="hideGuide" v-show="$store.state.showImageFlag"></div>
class="home_btn"
@click="hideGuide"
v-show="$store.state.showImageFlag"
></div>
<div class="home_loadings" v-show="$store.state.showImageFlag"></div> <div class="home_loadings" v-show="$store.state.showImageFlag"></div>
<div <div
class="app_header" class="app_header"
...@@ -18,7 +14,7 @@ ...@@ -18,7 +14,7 @@
" "
> >
<div class="app_header_left" @click="toHome"> <div class="app_header_left" @click="toHome">
<img src="../assets/img/logo.png" alt="" /> <img src="../assets/img/logo.png" alt />
<span>市委在线办会</span> <span>市委在线办会</span>
</div> </div>
<div class="header_router"> <div class="header_router">
...@@ -46,20 +42,16 @@ ...@@ -46,20 +42,16 @@
<!-- {{ i.value }}</span>--> <!-- {{ i.value }}</span>-->
<!-- </router-link>--> <!-- </router-link>-->
<div class="user_name"> <div class="user_name">
<img src="../assets/ty_image/user.jpeg" alt="" /> <img src="../assets/ty_image/user.jpeg" alt />
</div> </div>
<div class="user_out"> <div class="user_out">
<el-dropdown @visible-change="visibleChange"> <el-dropdown @visible-change="visibleChange">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
{{ userName }} {{ userName }}
<i <i :class="isupIcon ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
:class="isupIcon ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
></i>
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-button type="text" class="out_button" @click="outLogin" <el-button type="text" class="out_button" @click="outLogin">退出登录</el-button>
>退出登录</el-button
>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
...@@ -81,13 +73,13 @@ ...@@ -81,13 +73,13 @@
<script> <script>
export default { export default {
name: "home", name: 'home',
data() { data() {
return { return {
userName: "user", userName: 'user',
isupIcon: false, isupIcon: false,
icon: "el-icon-arrow-up", icon: 'el-icon-arrow-up',
isMeeting: "meeting", isMeeting: 'meeting',
// router_link: [ // router_link: [
// { // {
// path: "/", // path: "/",
...@@ -102,98 +94,98 @@ export default { ...@@ -102,98 +94,98 @@ export default {
// ], // ],
router_link: [ router_link: [
{ {
path: "/beforeMeeting", path: '/beforeMeeting',
name: "meeting", name: 'meeting',
value: "会议管理", value: '会议管理',
}, },
{ {
path: "/afterMeeting", path: '/reserveRecord',
name: "system", name: 'reserveRecord',
value: "会议报表", value: '会议室预定记录',
}, },
{ {
path: "/schedule", path: '/afterMeeting',
name: "meeting", name: 'system',
value: "会议日程", value: '会议报表',
}, },
{ {
path: "/system", path: '/system',
name: "system", name: 'system',
value: "系统管理", value: '系统管理',
}, },
], ],
calcHeight: 0, calcHeight: 0,
calcWidth: 1, calcWidth: 1,
disSP: null, disSP: null,
}; }
}, },
watch: { watch: {
$route(val) { $route(val) {
this.setRoute(val); this.setRoute(val)
}, },
getSession() { getSession() {
this.userName = sessionStorage.getItem("cnName") || "user"; this.userName = sessionStorage.getItem('cnName') || 'user'
}, },
}, },
computed: { computed: {
getSession() { getSession() {
return this.$store.state.casFlag; return this.$store.state.casFlag
}, },
}, },
created() { created() {
this.setRoute(this.$route); this.setRoute(this.$route)
if (sessionStorage.getItem("ty_token")) { if (sessionStorage.getItem('ty_token')) {
this.userName = sessionStorage.getItem("cnName") || "user"; this.userName = sessionStorage.getItem('cnName') || 'user'
} }
}, },
methods: { methods: {
hideGuide() { hideGuide() {
this.$store.commit("changeShowImage", false); this.$store.commit('changeShowImage', false)
let data = { let data = {
navigationStatus: 2, navigationStatus: 2,
navigationType: 2, navigationType: 2,
sysUserId: sessionStorage.getItem("userId"), sysUserId: sessionStorage.getItem('userId'),
}; }
this.$axios this.$axios
.postUpdateStatus(data) .postUpdateStatus(data)
.then((res) => { .then((res) => {
if (res.data.code === 200) { if (res.data.code === 200) {
sessionStorage.setItem("userNDirection2", 2); sessionStorage.setItem('userNDirection2', 2)
} }
}) })
.catch((err) => {}); .catch((err) => {})
}, },
toHome() { toHome() {
this.$router.push({ path: "/" }); this.$router.push({ path: '/' })
}, },
outLogin() { outLogin() {
sessionStorage.setItem("cnName", ""); sessionStorage.setItem('cnName', '')
sessionStorage.setItem("userName", ""); sessionStorage.setItem('userName', '')
sessionStorage.setItem("ty_token", ""); sessionStorage.setItem('ty_token', '')
sessionStorage.setItem("sysRoles", ""); sessionStorage.setItem('sysRoles', '')
sessionStorage.setItem("userId", ""); sessionStorage.setItem('userId', '')
sessionStorage.setItem("userNDirection1", ""); sessionStorage.setItem('userNDirection1', '')
sessionStorage.setItem("userNDirection2", ""); sessionStorage.setItem('userNDirection2', '')
this.$router.push("/login"); this.$router.push('/login')
}, },
visibleChange(val) { visibleChange(val) {
this.isupIcon = val; this.isupIcon = val
}, },
setRoute(val) { setRoute(val) {
console.log(val); console.log(val)
if (val.name === "perPreparation") { if (val.name === 'perPreparation') {
} }
if (val.matched[1].name) { if (val.matched[1].name) {
if (val.matched[1].name == "meeting") { if (val.matched[1].name == 'meeting') {
this.isMeeting = "system"; this.isMeeting = 'system'
} }
if (val.matched[1].name == "system") { if (val.matched[1].name == 'system') {
this.isMeeting = "meeting"; this.isMeeting = 'meeting'
} }
} }
}, },
}, },
}; }
</script> </script>
<style lang="less"> <style lang="less">
.el-dropdown-link { .el-dropdown-link {
...@@ -215,7 +207,7 @@ export default { ...@@ -215,7 +207,7 @@ export default {
.home_loadings { .home_loadings {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("../assets/meetingPalce/paiwei/seatLoading.png"); background-image: url('../assets/meetingPalce/paiwei/seatLoading.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: fixed; position: fixed;
...@@ -287,7 +279,8 @@ to { ...@@ -287,7 +279,8 @@ to {
display: flex; display: flex;
left: 510px; left: 510px;
.router_div { .router_div {
width: 152px; // width: 152px;
padding: 0px 35px;
height: 74px; height: 74px;
cursor: pointer; cursor: pointer;
background: transparent; background: transparent;
...@@ -303,7 +296,7 @@ to { ...@@ -303,7 +296,7 @@ to {
.bottom_border { .bottom_border {
position: absolute; position: absolute;
bottom: 2px; bottom: 2px;
left: 56px; left: 50% - 10px;
width: 40px; width: 40px;
height: 3px; height: 3px;
background: #ffffff; background: #ffffff;
...@@ -314,7 +307,7 @@ to { ...@@ -314,7 +307,7 @@ to {
.app_header_left { .app_header_left {
display: flex; display: flex;
align-items: center; align-items: center;
font-family: "MStiffHei PRC"; font-family: 'MStiffHei PRC';
font-size: 28px; font-size: 28px;
font-weight: 800; font-weight: 800;
color: #ffffff; color: #ffffff;
......
src/views/meeting/componets/ConfDialog.vue
浏览文件 @ 492db797
...@@ -14,11 +14,7 @@ ...@@ -14,11 +14,7 @@
class="demo-ruleForm" class="demo-ruleForm"
> >
<el-col :span="24"> <el-col :span="24">
<el-form-item <el-form-item label="会议主题:" class="textarea_wrap" prop="processName">
label="会议主题:"
class="textarea_wrap"
prop="processName"
>
<el-input <el-input
v-model="formData.processName" v-model="formData.processName"
v-if="dialogVisible" v-if="dialogVisible"
...@@ -42,13 +38,12 @@ ...@@ -42,13 +38,12 @@
:key="item.id" :key="item.id"
:label="item.unitName" :label="item.unitName"
:value="item.id" :value="item.id"
> ></el-option>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="12"> <!-- <el-col :span="12">
<el-form-item label="开始时间:" prop="startDate"> <el-form-item label="开始时间:" prop="startDate">
<el-date-picker <el-date-picker
:picker-options="pickerOptions0" :picker-options="pickerOptions0"
...@@ -59,8 +54,8 @@ ...@@ -59,8 +54,8 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>-->
<el-col :span="12"> <!-- <el-col :span="12">
<el-form-item label="结束时间:"> <el-form-item label="结束时间:">
<el-date-picker <el-date-picker
:picker-options="pickerOptions1" :picker-options="pickerOptions1"
...@@ -71,7 +66,7 @@ ...@@ -71,7 +66,7 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>-->
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系人:"> <el-form-item label="联系人:">
<el-input v-model="formData.processPerson"></el-input> <el-input v-model="formData.processPerson"></el-input>
...@@ -89,22 +84,18 @@ ...@@ -89,22 +84,18 @@
v-if="dialogVisible" v-if="dialogVisible"
id="textarea" id="textarea"
type="textarea" type="textarea"
maxlength="249" maxlength="500"
show-word-limit show-word-limit
:rows="2" :rows="2"
> ></el-input>
</el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="addDialogClose">取 消</el-button>
<el-button <el-button
type="primary" @click="addDialogClose"
:disabled="disableFlag" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;取 消&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-button>
@click="confirm('ruleForm')" <el-button type="primary" :disabled="disableFlag" @click="confirm('ruleForm')">进入编辑会议</el-button>
>确 定</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</template> </template>
...@@ -112,36 +103,34 @@ ...@@ -112,36 +103,34 @@
export default { export default {
data() { data() {
return { return {
danweiList: "", danweiList: '',
pickerOptions0: { pickerOptions0: {
disabledDate: (time) => { disabledDate: (time) => {
return time.getTime() < Date.now() - 8.64e7; return time.getTime() < Date.now() - 8.64e7
}, },
}, },
pickerOptions1: { pickerOptions1: {
disabledDate: (time) => { disabledDate: (time) => {
return time.getTime() < Date.now() - 8.64e7; return time.getTime() < Date.now() - 8.64e7
}, },
}, },
rules: { rules: {
unitId: [{ required: true, message: "请选择单位", trigger: "blur" }], unitId: [{ required: true, message: '请选择单位', trigger: 'blur' }],
processName: [ processName: [{ required: true, message: '请输入会议主题', trigger: 'blur' }],
{ required: true, message: "请输入会议主题", trigger: "blur" }, unitName: [{ required: true, message: '请输入单位', trigger: 'blur' }],
],
unitName: [{ required: true, message: "请输入单位", trigger: "blur" }],
processPhone: [ processPhone: [
{ {
required: false, required: false,
trigger: "blur", trigger: 'blur',
message: "请输入数字", message: '请输入数字',
pattern: /(^[1-9]\d*$)/, pattern: /(^[1-9]\d*$)/,
}, },
], ],
startDate: [ // startDate: [
{ required: true, message: "请选择会议开始时间", trigger: "blur" }, // { required: true, message: "请选择会议开始时间", trigger: "blur" },
], // ],
}, },
}; }
}, },
props: { props: {
dialogVisible: { dialogVisible: {
...@@ -156,18 +145,18 @@ export default { ...@@ -156,18 +145,18 @@ export default {
forbid: Boolean, forbid: Boolean,
}, },
mounted() { mounted() {
this.find_danwei(); this.find_danwei()
}, },
methods: { methods: {
find_danwei() { find_danwei() {
let data = { let data = {
info: "", info: '',
}; }
setTimeout(() => { setTimeout(() => {
this.$axios.findOrg(data).then((res) => { this.$axios.findOrg(data).then((res) => {
this.danweiList = res.data.data; this.danweiList = res.data.data
}); })
}, 0); }, 0)
}, },
// remoteMethodUnit(query) { // remoteMethodUnit(query) {
// console.log(123) // console.log(123)
...@@ -181,22 +170,22 @@ export default { ...@@ -181,22 +170,22 @@ export default {
// }, 0); // }, 0);
// }, // },
selectChange(e) { selectChange(e) {
this.formData.unitId = e; this.formData.unitId = e
}, },
addDialogClose() { addDialogClose() {
this.$refs["ruleForm"].resetFields(); this.$refs['ruleForm'].resetFields()
this.$emit("addDialogClose"); this.$emit('addDialogClose')
}, },
confirm(val) { confirm(val) {
this.$refs[val].validate((valid) => { this.$refs[val].validate((valid) => {
if (valid) { if (valid) {
this.$emit("update:disableFlag", true); this.$emit('update:disableFlag', true)
this.$emit("confirm"); this.$emit('confirm')
} else { } else {
return false; return false
} }
}); })
}, },
}, },
}; }
</script> </script>
\ No newline at end of file
src/views/meeting/operation/chooseModule/timeList.vue 0 → 100644
浏览文件 @ 492db797
<template>
<div class="timeList">
<div class="time_num" v-for="(item,index) in hours" :key="index">
<div class="time">{{item}}</div>
<div
class="box"
:class="[selectFuc(item,index)?'selectTrue':'',selectClk(item,index)?'selClk':'']"
@click="selectRange(item,index)"
></div>
</div>
</div>
</template>
<script>
export default {
props: ['conferenceProcessReservationRecordList'],
data() {
return {
hours: [
'07:00',
'07:15',
'07:30',
'07:45',
'08:00',
'08:15',
'08:30',
'08:45',
'09:00',
'09:15',
'09:30',
'09:45',
'10:00',
'10:15',
'10:30',
'10:45',
'11:00',
'11:15',
'11:30',
'11:45',
'12:00',
'12:15',
'12:30',
'12:45',
'13:00',
'13:15',
'13:30',
'13:45',
'14:00',
'14:15',
'14:30',
'14:45',
'15:00',
'15:15',
'15:30',
'15:45',
'16:00',
'16:15',
'16:30',
'16:45',
'17:00',
'17:15',
'17:30',
'17:45',
'18:00',
'18:15',
'18:30',
'18:45',
'19:00',
'19:15',
'19:30',
'19:45',
'20:00',
'20:15',
'20:30',
'20:45',
'21:00',
'21:15',
'21:30',
'21:45',
],
//确定创建会议室obj
timeSelectObj: {
createdTime: '',
endTime: '',
},
}
},
methods: {
//比较时间
timeStape(time) {
if (time !== null) {
let s = ''
let hour = time.split(':')[0]
let min = time.split(':')[1]
// let sec = time.split(':')[2]
// console.log(sec)
s = Number(hour * 3600) + Number(min * 60)
// console.log(s)
return s
}
},
//选中的时间区间
selectRange(item, index) {
if (this.timeSelectObj.createdTime && this.timeSelectObj.endTime) {
this.timeSelectObj.createdTime = item
this.timeSelectObj.endTime = ''
} else {
if (!this.timeSelectObj.createdTime) {
this.timeSelectObj.createdTime = item
} else {
if (this.timeStape(this.timeSelectObj.createdTime) >= this.timeStape(item)) {
this.timeSelectObj.createdTime = item
} else {
this.timeSelectObj.endTime = item
}
}
}
this.$emit('getTimeRange', this.timeSelectObj)
},
//已经选中的样式
selectFuc(item, index) {
for (let i = 0; i < this.conferenceProcessReservationRecordList.length; i++) {
if (
this.timeStape(this.conferenceProcessReservationRecordList[i].reservationStartTime) >= this.timeStape(item) &&
this.timeStape(this.conferenceProcessReservationRecordList[i].reservationEndTime) <= this.timeStape(item)
) {
return true
}
}
},
//单击选中后的样式
selectClk(item, index) {
if (this.timeSelectObj.createdTime && this.timeSelectObj.endTime) {
// console.log(1)
if (
this.timeStape(this.timeSelectObj.createdTime) <= this.timeStape(item) &&
this.timeStape(this.timeSelectObj.endTime) >= this.timeStape(item)
) {
return true
}
} else {
if (this.timeStape(this.timeSelectObj.createdTime) == this.timeStape(item)) {
return true
}
}
},
},
}
</script>
<style lang="less" scoped>
.timeList {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
.time_num {
width: 5%;
height: 112px;
text-align: center;
margin-bottom: 5px;
.time {
width: 100%;
height: 32px;
line-height: 32px;
color: #778ca2;
background: #f7f8fa;
border-top: 1px solid #ebecee;
border-bottom: 1px solid #ebecee;
}
.box {
width: 100%;
height: 80px;
background: #fff;
border-bottom: 1px solid #ebecee;
cursor: pointer;
}
.box:hover {
background: rgba(57, 135, 240, 0.2);
}
.selectTrue {
background: rgba(119, 140, 162, 0.2);
}
.selClk {
background: rgba(57, 135, 240, 0.2);
}
}
.time_num:nth-child(1),
.time_num:nth-child(21),
.time_num:nth-child(41) {
.time,
.box {
border-left: 1px solid #ebecee;
}
}
.time_num:nth-child(20),
.time_num:nth-child(40),
.time_num:nth-child(60) {
.time {
border-right: 1px solid #ebecee;
}
.box {
border-right: 1px solid #ebecee;
}
}
}
</style>
\ No newline at end of file
src/views/meeting/operation/operation.vue
浏览文件 @ 492db797
...@@ -373,6 +373,10 @@ export default { ...@@ -373,6 +373,10 @@ export default {
data() { data() {
return { return {
butList: [ butList: [
{
name: '通知参会',
path: '/operation/noticeMeeting',
},
{ {
name: '人员管理', name: '人员管理',
path: '/operation/divideArea', path: '/operation/divideArea',
......
src/views/reserveRecord/allConfence.vue 0 → 100644
浏览文件 @ 492db797
<template>
<div class="allConfence">
<div class="topData">
<div>src</div>
<div></div>
<div></div>
</div>
</div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
.allConfence {
width: 100%;
height: 100%;
}
</style>
src/views/reserveRecord/confenceTable.vue 0 → 100644
浏览文件 @ 492db797
<template>
<div class="confenceTable">单个</div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
.coonfencenTable {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
src/views/reserveRecord/index.vue 0 → 100644
浏览文件 @ 492db797
<template>
<div class="reserveRecord">
<div class="row">
<div class="box"></div>
<div class="text">会议室预定记录</div>
</div>
<div class="content">
<div class="content_nav">
<div class="all">全部会议室</div>
<div class="nav_list">
<div class="confence" v-for="(item,index) in confenceList" :key="index">
<div class="confence_name">{{item.name}}</div>
<div class="box"></div>
</div>
</div>
</div>
<div class="content_list">
<div class="list_data">
<div class="data_num_select">
<el-select class="year_select" v-model="yearValue" placeholder="请选择">
<el-option
v-for="item in yearList"
:key="item.value"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
<el-select class="month_select" v-model="monthValue" placeholder="请选择">
<el-option
v-for="item in monthList"
:key="item.value"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="data_num_tipes">
<img src="../../assets/img/explanation_i.png" alt />
<div>操作说明：初次点击“时间块”选择起点时间，再次点击选择结束时间；深灰色时间块：为已预定时间段。</div>
</div>
</div>
<div class="list_table">
<allConfence v-if="isOnce"></allConfence>
<confenceTable v-if="!isOnce"></confenceTable>
</div>
</div>
</div>
</div>
</template>
<script>
import allConfence from './allConfence.vue'
import confenceTable from './confenceTable.vue'
export default {
components: { allConfence, confenceTable },
watch: {
yearValue(newVal, oldVal) {
console.log(newVal, oldVal)
},
},
data() {
return {
confenceList: [
{ name: '1号会议室', id: '123' },
{
name: '2号会议室',
id: '321',
},
],
yearList: [
{ name: '2020年', value: 2020 },
{ name: '2021年', value: 2021 },
{ name: '2022年', value: 2022 },
],
monthList: [
{ name: '1月', value: 1 },
{ name: '2月', value: 2 },
{ name: '3月', value: 3 },
{ name: '4月', value: 4 },
{ name: '5月', value: 5 },
{ name: '6月', value: 6 },
{ name: '7月', value: 7 },
{ name: '8月', value: 8 },
{ name: '9月', value: 9 },
{ name: '10月', value: 10 },
{ name: '11月', value: 11 },
{ name: '12月', value: 12 },
],
yearValue: '',
monthValue: '',
isOnce: true,
}
},
}
</script>
<style lang="less" scoped>
// 去除滚动条
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.reserveRecord {
width: 100%;
height: 100%;
padding-top: 22px;
.row {
width: 100%;
height: 40px;
line-height: 40px;
padding-left: 32px;
display: flex;
align-items: center;
margin-bottom: 25px;
.box {
width: 2px;
height: 18px;
background: #5474e8;
border-radius: 0px 0px 0px 0px;
opacity: 1;
margin-right: 6px;
}
.text {
font-size: 18px;
line-height: 40px;
}
}
.content {
width: 1872px;
height: calc(100% - 82px);
background-color: #ffffff;
margin: 0 auto;
display: flex;
padding: 20px;
.content_nav {
width: 210px;
height: 100%;
.all {
width: 100%;
height: 60px;
background: #5474e8;
border-radius: 2px 2px 2px 2px;
color: #ffffff;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.nav_list {
width: 100%;
height: calc(100% - 60px);
background-color: rgba(226, 226, 226, 0.24);
border-radius: 4px 0px 0px 4px;
// text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 20px;
overflow: auto;
.confence {
width: 172px;
height: 80px;
background: #ffffff;
border-radius: 2px 2px 2px 2px;
text-align: center;
margin-bottom: 20px;
cursor: pointer;
.confence_name {
width: 100%;
height: 72px;
line-height: 72px;
font-size: 18px;
}
.box {
width: 100%;
height: 8px;
border-radius: 0px 0px 2px 2px;
background: #5474e8;
}
}
}
}
.content_list {
width: calc(100% - 210px);
height: 100%;
// background-color: #100;
.list_data {
width: 100%;
width: 1622px;
height: 32px;
background: #edeff2;
border-radius: 0px 0px 0px 0px;
display: flex;
align-items: center;
margin-bottom: 24px;
.data_num_select {
width: 52%;
height: 100%;
display: flex;
align-items: center;
padding-left: 58px;
.year_select,
.month_select {
// height: 100%;
width: 100px;
/deep/.el-input {
// height: 100%;
height: 22px;
width: 100%;
.el-input__inner {
height: 22px;
width: 100%;
background-color: transparent;
border: none;
}
.el-input__inner:focus {
box-shadow: none !important;
}
.el-input__suffix {
display: flex;
align-items: center;
}
}
}
}
.data_num_tipes {
display: flex;
align-items: center;
color: #778ca2;
font-size: 14px;
img {
width: 17px;
height: 15px;
margin-right: 8px;
}
}
}
.list_table {
width: 100%;
height: calc(100% - 56px);
padding: 0 30px 0 20px;
}
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论