bug提交
This commit is contained in:
zhangzhuliang
parent
080682f6b7
commit
9eaa4ca9bb
|
|
@ -65,6 +65,8 @@
|
|||
</el-table-column>
|
||||
</el-table>
|
||||
<el-dialog
|
||||
:destroy-on-close="true"
|
||||
:close-on-click-modal="false"
|
||||
@close="outDialog"
|
||||
:title="
|
||||
flge === 'add'
|
||||
|
|
@ -104,21 +106,24 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="会议室面积"
|
||||
label="会议室面积(m²)"
|
||||
prop="area"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<el-input v-model="ruleForm.area" style="width: 90%"></el-input>
|
||||
<el-input
|
||||
v-model.number="ruleForm.area"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="可容纳人数"
|
||||
label="可容纳人数(人)"
|
||||
prop="capacity"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<el-input
|
||||
v-model="ruleForm.capacity"
|
||||
v-model.number="ruleForm.capacity"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
|
@ -144,7 +149,7 @@
|
|||
>
|
||||
<div v-if="flge != 'look'">
|
||||
<span slot="tip" class="el-upload__tip">
|
||||
支持图片类型，且不超过500kb
|
||||
支持图片jpg、jpeg、png类型，只能上传一张图片且不超过100MB
|
||||
</span>
|
||||
</div>
|
||||
<!-- :file-list="fileList" -->
|
||||
|
|
@ -156,6 +161,7 @@
|
|||
:on-preview="handlePictureCardPreview"
|
||||
:on-success="onSuccess"
|
||||
:on-remove="onRemove"
|
||||
:on-exceed="beforeUpload"
|
||||
:file-list="fileList"
|
||||
list-type="picture-card"
|
||||
:limit="1"
|
||||
|
|
@ -240,13 +246,19 @@ export default {
|
|||
],
|
||||
area: [
|
||||
{ required: true, message: '请输入会议室面积', trigger: 'blur' },
|
||||
{ min: 1, trigger: 'blur' },
|
||||
{ min: 1, type: 'number', trigger: 'blur' },
|
||||
],
|
||||
description: [
|
||||
{ required: true, message: '请填写描述内容', trigger: 'blur' },
|
||||
{
|
||||
min: 1,
|
||||
max: 500,
|
||||
message: '长度在 1 到 500 个字符',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
},
|
||||
formLabelWidth: '100px',
|
||||
formLabelWidth: '120px',
|
||||
checkImgSuccess: true,
|
||||
dialogVisible: false,
|
||||
flge: '',
|
||||
|
|
@ -285,11 +297,21 @@ export default {
|
|||
this.dialogImageUrl = file.url
|
||||
this.dialogVisible = true
|
||||
},
|
||||
//上传个数限制
|
||||
beforeUpload(file, fileList) {
|
||||
this.$message.error('最多只能上传一张图片！')
|
||||
},
|
||||
//图片上传成功时钩子
|
||||
onSuccess(response, file, fileList) {
|
||||
const isLt2M = file.size / 1024 / 1024 < 100
|
||||
if (!isLt2M) {
|
||||
this.$message.error('上传图片大小不能超过100MB！')
|
||||
this.fileList = []
|
||||
} else {
|
||||
this.ruleForm.pic = response.data
|
||||
// this.$refs.ruleForm.clearValidate() //上传成功清除校验
|
||||
this.checkImgSuccess = true
|
||||
}
|
||||
},
|
||||
//图片删除时钩子
|
||||
onRemove(file, fileList) {
|
||||
|
|
@ -302,13 +324,16 @@ export default {
|
|||
},
|
||||
// 保存
|
||||
submitForm(formName, i) {
|
||||
console.log(i, 9999999)
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
if (i === 'add') {
|
||||
this.dialogFormVisible = false
|
||||
this.$http.post('/meeting', this.ruleForm).then(({ data: res }) => {
|
||||
if (res.msg === 'success') {
|
||||
this.queryData()
|
||||
} else {
|
||||
this.$message.error('保存接口调用失败')
|
||||
}
|
||||
})
|
||||
} else if (i === 'edit') {
|
||||
this.dialogFormVisible = false
|
||||
|
|
@ -356,11 +381,25 @@ export default {
|
|||
},
|
||||
//删除图片
|
||||
taskDelete(row) {
|
||||
console.log(row, '点击了删除')
|
||||
this.$http
|
||||
.put(`/meeting`, { delFlag: 1, id: row.id })
|
||||
.then(({ data: res }) => {
|
||||
this.$confirm('此操作将永久删除该会议室, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
})
|
||||
.then(() => {
|
||||
this.$http.put(`/meeting`, { delFlag: 1, id: row.id }).then(() => {
|
||||
this.queryData()
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '删除成功!',
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除',
|
||||
})
|
||||
})
|
||||
},
|
||||
//监听关闭按钮时间
|
||||
|
|
@ -378,4 +417,8 @@ export default {
|
|||
::v-deep .el-dialog__footer {
|
||||
text-align: center;
|
||||
}
|
||||
::v-deep .el-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,9 @@
|
|||
* @LastEditTime: 2022-08-06 15:00:49
|
||||
* @Description: 告诉大家这是什么
|
||||
*/
|
||||
import { createApp } from 'vue'
|
||||
import {
|
||||
createApp
|
||||
} from 'vue'
|
||||
import Antd from 'ant-design-vue'
|
||||
import mitt from 'mitt'
|
||||
import App from './App'
|
||||
|
|
@ -15,7 +17,8 @@ import store from './store'
|
|||
import 'ant-design-vue/dist/antd.css'
|
||||
import '@/vab'
|
||||
import * as echarts from 'echarts'
|
||||
import * as moment from 'moment'
|
||||
import * as moment from "moment"
|
||||
import "dayjs/locale/zh-cn";
|
||||
import vue3videoPlay from 'vue3-video-play-emiyagm' // 引入组件
|
||||
import 'vue3-video-play-emiyagm/dist/style.css' // 引入css
|
||||
import ElementPlus from 'element-plus'
|
||||
|
|
|
|||
|
|
@ -78,11 +78,17 @@
|
|||
v-model:value="roomCreateTime"
|
||||
placeholder="开始时间"
|
||||
value-format="HH:mm:ss"
|
||||
:disabledHours="disabledStartHours"
|
||||
:disabledMinutes="disabledStartMinutes"
|
||||
:disabledSeconds="disabledStartSeconds"
|
||||
/>
|
||||
<a-time-picker
|
||||
v-model:value="roomEndTime"
|
||||
placeholder="结束时间"
|
||||
value-format="HH:mm:ss"
|
||||
:disabledHours="disabledEndHours"
|
||||
:disabledMinutes="disabledEndMinutes"
|
||||
:disabledSeconds="disabledEndSeconds"
|
||||
/>
|
||||
</a-space>
|
||||
</div>
|
||||
|
|
@ -102,8 +108,8 @@
|
|||
<div class="topContent">{{ item.name }}</div>
|
||||
<div class="centerContent">
|
||||
<span>房间号：{{ item.num }}</span>
|
||||
<span>可容纳人数：{{ item.capacity }}</span>
|
||||
<span>面积：{{ item.area }}</span>
|
||||
<span>可容纳人数：{{ item.capacity }}人</span>
|
||||
<span>面积：{{ item.area }}m²</span>
|
||||
</div>
|
||||
<div class="bottonmContent">
|
||||
{{ item.description }}
|
||||
|
|
@ -291,6 +297,9 @@
|
|||
v-model:value="formState.startTime"
|
||||
placeholder="开始时间"
|
||||
value-format="HH:mm:ss"
|
||||
:disabledHours="disabledTimeHours"
|
||||
:disabledMinutes="disabledTimeMinutes"
|
||||
:disabledSeconds="disabledTimeSeconds"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
|
@ -299,6 +308,9 @@
|
|||
v-model:value="formState.endTime"
|
||||
placeholder="结束时间"
|
||||
value-format="HH:mm:ss"
|
||||
:disabledHours="disabledTimeEndHours"
|
||||
:disabledMinutes="disabledTimeEndMinutes"
|
||||
:disabledSeconds="disabledTimeEndSeconds"
|
||||
/>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
|
@ -641,6 +653,7 @@
|
|||
import mybus from '@/myplugins/mybus'
|
||||
import dayjs from 'dayjs'
|
||||
import { Form } from 'ant-design-vue'
|
||||
import moment from 'moment'
|
||||
const props = defineProps({
|
||||
// 模糊查
|
||||
searchValue: { type: String, default: '' },
|
||||
|
|
@ -739,12 +752,7 @@
|
|||
message: '请输入预约人',
|
||||
},
|
||||
],
|
||||
matter: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入内容',
|
||||
},
|
||||
],
|
||||
matter: [{ min: 1, max: 500, required: true, message: '可输入500字内容' }],
|
||||
phone: [
|
||||
{
|
||||
required: true,
|
||||
|
|
@ -949,6 +957,168 @@
|
|||
searchData()
|
||||
chengguoSearch()
|
||||
}
|
||||
// 时间选择器限制----可用时间查询
|
||||
//获取不可选择的小时
|
||||
const disabledStartHours = () => {
|
||||
if (roomEndTime.value) {
|
||||
let hours = []
|
||||
let hour = moment().hour()
|
||||
for (let i = hour + 1; i < 24; i++) {
|
||||
hours.push(i)
|
||||
}
|
||||
return hours
|
||||
}
|
||||
}
|
||||
//获取不可选择的分钟
|
||||
const disabledStartMinutes = (selectedHour) => {
|
||||
if (roomEndTime) {
|
||||
let minutes = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
if (selectedHour === hour) {
|
||||
for (let i = minute + 1; i < 60; i++) {
|
||||
minutes.push(i)
|
||||
}
|
||||
}
|
||||
return minutes
|
||||
}
|
||||
}
|
||||
//获取不可选择的秒
|
||||
const disabledStartSeconds = (selectedHour, selectedMinute) => {
|
||||
if (roomEndTime) {
|
||||
let seconds = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
let second = moment().second()
|
||||
if (selectedHour === hour && selectedMinute.value === minute) {
|
||||
for (let i = second + 1; i < 60; i++) {
|
||||
seconds.push(i)
|
||||
}
|
||||
}
|
||||
return seconds
|
||||
}
|
||||
}
|
||||
//获取不可选择的小时
|
||||
const disabledEndHours = () => {
|
||||
if (roomCreateTime.value) {
|
||||
let hours = []
|
||||
let hour = moment().hour()
|
||||
for (let i = 0; i < hour; i++) {
|
||||
hours.push(i)
|
||||
}
|
||||
return hours
|
||||
}
|
||||
}
|
||||
//获取不可选择的分钟
|
||||
const disabledEndMinutes = (selectedHour) => {
|
||||
if (roomCreateTime) {
|
||||
let minutes = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
if (selectedHour === hour) {
|
||||
for (let i = 0; i < minute; i++) {
|
||||
minutes.push(i)
|
||||
}
|
||||
}
|
||||
return minutes
|
||||
}
|
||||
}
|
||||
//获取不可选择的秒
|
||||
const disabledEndSeconds = (selectedHour, selectedMinute) => {
|
||||
if (roomCreateTime) {
|
||||
let seconds = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
let second = moment().second()
|
||||
if (selectedHour === hour && selectedMinute.value === minute) {
|
||||
for (let i = 0; i < second; i++) {
|
||||
seconds.push(i)
|
||||
}
|
||||
}
|
||||
return seconds
|
||||
}
|
||||
}
|
||||
// 时间选择器限制----会议室预约时段
|
||||
//获取不可选择的小时
|
||||
const disabledTimeHours = () => {
|
||||
if (formState.endTime) {
|
||||
let hours = []
|
||||
let hour = moment().hour()
|
||||
for (let i = hour + 1; i < 24; i++) {
|
||||
hours.push(i)
|
||||
}
|
||||
return hours
|
||||
}
|
||||
}
|
||||
//获取不可选择的分钟
|
||||
const disabledTimeMinutes = (selectedHour) => {
|
||||
if (formState.endTime) {
|
||||
let minutes = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
if (selectedHour === hour) {
|
||||
for (let i = minute + 1; i < 60; i++) {
|
||||
minutes.push(i)
|
||||
}
|
||||
}
|
||||
return minutes
|
||||
}
|
||||
}
|
||||
//获取不可选择的秒
|
||||
const disabledTimeSeconds = (selectedHour, selectedMinute) => {
|
||||
if (formState.endTime) {
|
||||
let seconds = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
let second = moment().second()
|
||||
if (selectedHour === hour && selectedMinute.value === minute) {
|
||||
for (let i = second + 1; i < 60; i++) {
|
||||
seconds.push(i)
|
||||
}
|
||||
}
|
||||
return seconds
|
||||
}
|
||||
}
|
||||
//获取不可选择的小时
|
||||
const disabledTimeEndHours = () => {
|
||||
if (formState.startTime) {
|
||||
let hours = []
|
||||
let hour = moment().hour()
|
||||
for (let i = 0; i < hour; i++) {
|
||||
hours.push(i)
|
||||
}
|
||||
return hours
|
||||
}
|
||||
}
|
||||
//获取不可选择的分钟
|
||||
const disabledTimeEndMinutes = (selectedHour) => {
|
||||
if (formState.startTime) {
|
||||
let minutes = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
if (selectedHour === hour) {
|
||||
for (let i = 0; i < minute; i++) {
|
||||
minutes.push(i)
|
||||
}
|
||||
}
|
||||
return minutes
|
||||
}
|
||||
}
|
||||
//获取不可选择的秒
|
||||
const disabledTimeEndSeconds = (selectedHour, selectedMinute) => {
|
||||
if (formState.startTime) {
|
||||
let seconds = []
|
||||
let hour = moment().hour()
|
||||
let minute = moment().minute()
|
||||
let second = moment().second()
|
||||
if (selectedHour === hour && selectedMinute.value === minute) {
|
||||
for (let i = 0; i < second; i++) {
|
||||
seconds.push(i)
|
||||
}
|
||||
}
|
||||
return seconds
|
||||
}
|
||||
}
|
||||
//分页
|
||||
const onRoomChange = (pageNumber) => {
|
||||
roomPage.value = pageNumber
|
||||
|
|
|
|||
Loading…
Reference in New Issue