会议室代码提交
This commit is contained in:
zhangzhuliang
parent
810e183611
commit
b1aae6175b
|
|
@ -0,0 +1,330 @@
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="roomBox">
|
||||||
|
<div class="roomExamineSearch">
|
||||||
|
<el-input
|
||||||
|
v-model="roomName"
|
||||||
|
style="width: 160px"
|
||||||
|
placeholder="请输入会议室名称"
|
||||||
|
></el-input>
|
||||||
|
<el-select
|
||||||
|
v-model="value"
|
||||||
|
style="width: 160px"
|
||||||
|
clearable
|
||||||
|
placeholder="请选择审核状态"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in options"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-button type="primary" @click="searchData">查询</el-button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-table border style="width: 100%" :data="tableData">
|
||||||
|
<el-table-column
|
||||||
|
label="申请人"
|
||||||
|
prop="name"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="申请部门"
|
||||||
|
prop="dept"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="申请会议室"
|
||||||
|
prop="roomName"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="申请时段"
|
||||||
|
prop="bookDate"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="申请状态"
|
||||||
|
prop="state"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
:formatter="formatter"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="taskDetails(scope.row, scope.row.state)"
|
||||||
|
>{{ scope.row.state == '1' ? '处理' : '详情' }}</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:page-sizes="[10, 20, 50]"
|
||||||
|
:page-size="100"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="total"
|
||||||
|
>
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
<el-dialog
|
||||||
|
:title="lookData.roomName"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="50%"
|
||||||
|
>
|
||||||
|
<div class="modalResult" style="margin-bottom: 20px">处理结果</div>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
width: 100%;
|
||||||
|
height: 0.01rem;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
transform: scaleY(0.5);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<div
|
||||||
|
class="modalExamine"
|
||||||
|
style="display: flex; flex-direction: column; margin-top: 20px"
|
||||||
|
>
|
||||||
|
<span style="margin-bottom: 20px">
|
||||||
|
审核结果：{{ lookData.state === '2' ? '通过' : '不通过' }}
|
||||||
|
</span>
|
||||||
|
<span style="width: 90%; margin-bottom: 20px">
|
||||||
|
审核意见：{{ lookData.auditViem }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="modalYuyue" style="margin-bottom: 20px">预约信息</div>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
width: 100%;
|
||||||
|
height: 0.01rem;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
transform: scaleY(0.5);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<div class="modalTime" style="margin-bottom: 20px">
|
||||||
|
<div style="margin: 20px 0 20px 0">
|
||||||
|
预约日期：{{ lookData.bookDate }}
|
||||||
|
</div>
|
||||||
|
<div>预约时段：{{ lookData.startTime }}-{{ lookData.endTime }}</div>
|
||||||
|
<div
|
||||||
|
class="modalContent"
|
||||||
|
style="
|
||||||
|
width: 85%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 15px 0 15px 0;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span>预约人：{{ lookData.name }}</span>
|
||||||
|
<span>联系方式：{{ lookData.phone }}</span>
|
||||||
|
<span>预约部门：{{ lookData.dept }}</span>
|
||||||
|
</div>
|
||||||
|
<div style="width: 800px; margin-bottom: 30px">
|
||||||
|
使用事项：{{ lookData.matter }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div style="display: flex; align-items: center">
|
||||||
|
<span>附件：</span>
|
||||||
|
<el-button
|
||||||
|
v-show="file != ''"
|
||||||
|
size="mini"
|
||||||
|
@click="downloadTemplate(file)"
|
||||||
|
>下载</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
:title="lookData.roomName"
|
||||||
|
:visible.sync="dialogVisibleChuli"
|
||||||
|
width="50%"
|
||||||
|
>
|
||||||
|
<div class="modalResult" style="margin-bottom: 10px">预约信息</div>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
width: 100%;
|
||||||
|
height: 0.01rem;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
transform: scaleY(0.5);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<el-row style="display: flex; margin-top: 20px">
|
||||||
|
<el-col :span="8">预约日期：{{ lookData.bookDate }}</el-col>
|
||||||
|
<el-col :span="8"
|
||||||
|
>预约时段：{{ lookData.startTime }}-{{ lookData.endTime }}</el-col
|
||||||
|
>
|
||||||
|
</el-row>
|
||||||
|
<div class="modalTime">
|
||||||
|
<el-row class="modalContent" style="margin: 15px 0 15px 0">
|
||||||
|
<el-col :span="8">申请人：{{ lookData.name }}</el-col>
|
||||||
|
<el-col :span="8">联系方式：{{ lookData.phone }}</el-col>
|
||||||
|
<el-col :span="8">申请部门：{{ lookData.dept }}</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row style="margin-bottom: 30px">
|
||||||
|
<el-col :span="24"> 使用事项：{{ lookData.matter }} </el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="2">审核结果：</el-col>
|
||||||
|
<el-col :span="8" style="display: flex">
|
||||||
|
<el-radio v-model="radio" label="2">通过</el-radio>
|
||||||
|
<el-radio v-model="radio" label="3">不通过</el-radio>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row style="display: flex; margin-top: 20px">
|
||||||
|
<el-col :span="2">审核意见：</el-col>
|
||||||
|
<el-col :span="16">
|
||||||
|
<el-input type="textarea" v-model="desc"></el-input>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="No">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="ok">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import Cookies from 'js-cookie'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
value: '1',
|
||||||
|
label: '待审核',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '0',
|
||||||
|
label: '审核完成',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
value: '',
|
||||||
|
limit: 10,
|
||||||
|
page: 1,
|
||||||
|
total: 0,
|
||||||
|
roomName: '',
|
||||||
|
tableData: [],
|
||||||
|
dialogVisible: false,
|
||||||
|
dialogVisibleChuli: false,
|
||||||
|
lookData: {},
|
||||||
|
radio: '2',
|
||||||
|
desc: '',
|
||||||
|
id: '',
|
||||||
|
num: '',
|
||||||
|
file: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getSerach()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getSerach() {
|
||||||
|
this.$http
|
||||||
|
.get(
|
||||||
|
`/bookMeeting/auditPage?page=${this.page}&limit=${this.limit}&roomName=${this.roomName}&state=${this.value}`
|
||||||
|
)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
console.log(res, 7777777)
|
||||||
|
this.tableData = res.data.list
|
||||||
|
this.total = res.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
downloadTemplate(file) {
|
||||||
|
// window.SITE_CONFIG.apiURL +
|
||||||
|
window.open(`${file}?token=` + Cookies.get('ucsToken'))
|
||||||
|
},
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.limit = val
|
||||||
|
this.getSerach()
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.page = val
|
||||||
|
this.getSerach()
|
||||||
|
},
|
||||||
|
searchData() {
|
||||||
|
this.getSerach()
|
||||||
|
},
|
||||||
|
taskDetails(item, num) {
|
||||||
|
if (num == '1') {
|
||||||
|
this.dialogVisibleChuli = true
|
||||||
|
this.id = item.id
|
||||||
|
} else {
|
||||||
|
this.dialogVisible = true
|
||||||
|
this.$http.get(`bookMeeting/${item.id}`).then(({ data: res }) => {
|
||||||
|
console.log(55555555)
|
||||||
|
this.file = res.data.file
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.lookData = item
|
||||||
|
},
|
||||||
|
|
||||||
|
ok() {
|
||||||
|
let query = {
|
||||||
|
auditViem: this.desc,
|
||||||
|
state: this.radio,
|
||||||
|
id: this.id,
|
||||||
|
}
|
||||||
|
this.$http.put('/bookMeeting', query).then(({ data: res }) => {
|
||||||
|
this.dialogVisibleChuli = false
|
||||||
|
this.radio = '2'
|
||||||
|
this.desc = ''
|
||||||
|
this.getSerach()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
No() {
|
||||||
|
this.radio = '2'
|
||||||
|
this.desc = ''
|
||||||
|
this.dialogVisibleChuli = false
|
||||||
|
},
|
||||||
|
formatter(row, column) {
|
||||||
|
return row.state == '1' ? '待审核' : '审核完成'
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.roomBox {
|
||||||
|
min-height: calc(calc(100vh - 50px - 38px - 30px));
|
||||||
|
.roomHeadSpan {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.roomExamineSearch {
|
||||||
|
display: flex;
|
||||||
|
width: 410px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
// ::v-deep .el-input {
|
||||||
|
// margin-right: 15px;
|
||||||
|
// display: inline-block;
|
||||||
|
// }
|
||||||
|
// ::v-deep .el-select {
|
||||||
|
// margin-right: 20px;
|
||||||
|
// display: inline-block;
|
||||||
|
// }
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,381 @@
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="roomBox">
|
||||||
|
<div>
|
||||||
|
<div slot="header" class="roomHeadSpan">
|
||||||
|
<span>会议室管理</span>
|
||||||
|
<el-button
|
||||||
|
style="float: right; padding: 5px 5px"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-circle-plus-outline"
|
||||||
|
@click="addRooom"
|
||||||
|
>新增</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<el-table border style="width: 100%" :data="tableData">
|
||||||
|
<el-table-column
|
||||||
|
label="会议室名称"
|
||||||
|
prop="name"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="房间号"
|
||||||
|
prop="num"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="面积（m²）"
|
||||||
|
prop="area"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="可容纳人数（人）"
|
||||||
|
prop="capacity"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button type="text" size="small" @click="taskDetails(scope.row)"
|
||||||
|
>详情</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="taskUpdate(scope.row)"
|
||||||
|
>{{ $t('update') }}</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="taskDelete(scope.row)"
|
||||||
|
>{{ $t('delete') }}</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-dialog
|
||||||
|
@close="outDialog"
|
||||||
|
:title="
|
||||||
|
flge === 'add'
|
||||||
|
? '会议室新增'
|
||||||
|
: flge === 'look'
|
||||||
|
? '会议室详情'
|
||||||
|
: '会议室修改'
|
||||||
|
"
|
||||||
|
:visible.sync="dialogFormVisible"
|
||||||
|
>
|
||||||
|
<el-form
|
||||||
|
:model="ruleForm"
|
||||||
|
:label-position="labelPosition"
|
||||||
|
size="small"
|
||||||
|
:rules="rules"
|
||||||
|
ref="ruleForm"
|
||||||
|
:disabled="flge === 'look' ? true : flge === 'edit' ? false : false"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item
|
||||||
|
label="会议室名称"
|
||||||
|
prop="name"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
>
|
||||||
|
<el-input v-model="ruleForm.name" style="width: 90%"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item
|
||||||
|
label="房间号"
|
||||||
|
prop="num"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
>
|
||||||
|
<el-input v-model="ruleForm.num" style="width: 90%"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item
|
||||||
|
label="会议室面积"
|
||||||
|
prop="area"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
>
|
||||||
|
<el-input v-model="ruleForm.area" style="width: 90%"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item
|
||||||
|
label="可容纳人数"
|
||||||
|
prop="capacity"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="ruleForm.capacity"
|
||||||
|
style="width: 90%"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item
|
||||||
|
label="描述"
|
||||||
|
prop="description"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
v-model="ruleForm.description"
|
||||||
|
style="width: 96%"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col>
|
||||||
|
<el-form-item
|
||||||
|
label="会议室图片"
|
||||||
|
prop="pic"
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
>
|
||||||
|
<div v-if="flge != 'look'">
|
||||||
|
<span slot="tip" class="el-upload__tip">
|
||||||
|
支持图片类型，且不超过500kb
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- :file-list="fileList" -->
|
||||||
|
<el-upload
|
||||||
|
v-if="flge != 'look'"
|
||||||
|
class="upload-demo"
|
||||||
|
accept=".jpg, .jpeg, .png"
|
||||||
|
:action="apiURL"
|
||||||
|
:on-preview="handlePictureCardPreview"
|
||||||
|
:on-success="onSuccess"
|
||||||
|
:on-remove="onRemove"
|
||||||
|
:file-list="fileList"
|
||||||
|
list-type="picture-card"
|
||||||
|
:limit="1"
|
||||||
|
>
|
||||||
|
<i class="el-icon-plus"></i>
|
||||||
|
</el-upload>
|
||||||
|
<el-dialog :visible.sync="dialogVisible">
|
||||||
|
<img width="100%" :src="picImg" alt="" />
|
||||||
|
</el-dialog>
|
||||||
|
<div
|
||||||
|
class="block"
|
||||||
|
style="width: 15rem; height: 10rem"
|
||||||
|
v-if="flge == 'look' && picImg != ''"
|
||||||
|
>
|
||||||
|
<el-image :src="picImg"></el-image>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<!-- <el-button @click="dialogFormVisible = false">取 消</el-button> -->
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
v-if="flge != 'look'"
|
||||||
|
@click="submitForm('ruleForm', flge)"
|
||||||
|
>保 存</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<el-pagination
|
||||||
|
:current-page="page"
|
||||||
|
:page-sizes="[10, 20, 50, 100]"
|
||||||
|
:page-size="limit"
|
||||||
|
:total="total"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
>
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import Cookies from 'js-cookie'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
// let validatorImg = (rule, value, callback) => {
|
||||||
|
// console.log(value, 11111111)
|
||||||
|
// //验证器
|
||||||
|
// if (!this.checkImgSuccess) {
|
||||||
|
// //为true代表图片在 false报错
|
||||||
|
// callback(new Error('请上传图片'))
|
||||||
|
// } else {
|
||||||
|
// callback()
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
return {
|
||||||
|
apiURL:
|
||||||
|
window.SITE_CONFIG.apiURL + '/upload?token=' + Cookies.get('ucsToken'),
|
||||||
|
labelPosition: 'left',
|
||||||
|
dialogFormVisible: false,
|
||||||
|
// dialogImageUrl: '',
|
||||||
|
ruleForm: {
|
||||||
|
name: '',
|
||||||
|
num: '',
|
||||||
|
area: '',
|
||||||
|
capacity: '',
|
||||||
|
pic: '',
|
||||||
|
id: '',
|
||||||
|
},
|
||||||
|
limit: 10,
|
||||||
|
page: 1,
|
||||||
|
total: 0,
|
||||||
|
picImg: '',
|
||||||
|
tableData: [],
|
||||||
|
fileList: [],
|
||||||
|
rules: {
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入会议室名称', trigger: 'blur' },
|
||||||
|
{ min: 1, trigger: 'blur' },
|
||||||
|
],
|
||||||
|
area: [
|
||||||
|
{ required: true, message: '请输入会议室面积', trigger: 'blur' },
|
||||||
|
{ min: 1, trigger: 'blur' },
|
||||||
|
],
|
||||||
|
description: [
|
||||||
|
{ required: true, message: '请填写描述内容', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
formLabelWidth: '100px',
|
||||||
|
checkImgSuccess: true,
|
||||||
|
dialogVisible: false,
|
||||||
|
flge: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.queryData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 页面查询接口
|
||||||
|
queryData() {
|
||||||
|
this.$http
|
||||||
|
.get(`/meeting/page?limit=${this.limit}&page=${this.page}`)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
this.total = res.data.total
|
||||||
|
this.tableData = res.data.list
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 分页
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.limit = val
|
||||||
|
this.queryData()
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.page = val
|
||||||
|
this.queryData()
|
||||||
|
},
|
||||||
|
// 新增
|
||||||
|
addRooom() {
|
||||||
|
this.dialogFormVisible = true
|
||||||
|
this.flge = 'add'
|
||||||
|
this.ruleForm = {}
|
||||||
|
this.fileList = []
|
||||||
|
},
|
||||||
|
handlePictureCardPreview(file) {
|
||||||
|
this.dialogImageUrl = file.url
|
||||||
|
this.dialogVisible = true
|
||||||
|
},
|
||||||
|
//图片上传成功时钩子
|
||||||
|
onSuccess(response, file, fileList) {
|
||||||
|
this.ruleForm.pic = response.data
|
||||||
|
// this.$refs.ruleForm.clearValidate() //上传成功清除校验
|
||||||
|
this.checkImgSuccess = true
|
||||||
|
},
|
||||||
|
//图片删除时钩子
|
||||||
|
onRemove(file, fileList) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (fileList.length == 0) {
|
||||||
|
this.checkImgSuccess = false //检查图片是否加载成功
|
||||||
|
// this.$refs.ruleForm.validate() //删除图片,重新触发校验
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 保存
|
||||||
|
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 }) => {
|
||||||
|
this.queryData()
|
||||||
|
})
|
||||||
|
} else if (i === 'edit') {
|
||||||
|
this.dialogFormVisible = false
|
||||||
|
this.$http.put(`/meeting`, this.ruleForm).then(({ data: res }) => {
|
||||||
|
this.ruleForm = res.data
|
||||||
|
let imgUrl = { name: res.data.name, url: res.data.pic }
|
||||||
|
this.fileList.push(imgUrl)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.log('error submit!!')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 详情
|
||||||
|
taskDetails(row) {
|
||||||
|
this.ruleForm = {}
|
||||||
|
this.fileList = []
|
||||||
|
this.flge = 'look'
|
||||||
|
this.$http.get(`/meeting/${row.id}`).then(({ data: res }) => {
|
||||||
|
this.dialogFormVisible = true
|
||||||
|
this.ruleForm = res.data
|
||||||
|
if (res.data.pic != null) {
|
||||||
|
// let imgUrl = { name: res.data.name, url: res.data.pic }
|
||||||
|
// this.fileList.push(imgUrl)
|
||||||
|
this.picImg = res.data.pic
|
||||||
|
} else {
|
||||||
|
this.picImg = ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//修改
|
||||||
|
taskUpdate(row) {
|
||||||
|
this.dialogFormVisible = true
|
||||||
|
this.fileList = []
|
||||||
|
this.flge = 'edit'
|
||||||
|
this.ruleForm = row
|
||||||
|
if (row.pic != null) {
|
||||||
|
let imgUrl = { name: row.name, url: row.pic }
|
||||||
|
this.fileList.push(imgUrl)
|
||||||
|
} else {
|
||||||
|
this.fileList = []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//删除图片
|
||||||
|
taskDelete(row) {
|
||||||
|
console.log(row, '点击了删除')
|
||||||
|
this.$http
|
||||||
|
.put(`/meeting`, { delFlag: 1, id: row.id })
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
this.queryData()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//监听关闭按钮时间
|
||||||
|
outDialog() {},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.roomBox {
|
||||||
|
min-height: calc(calc(100vh - 50px - 38px - 30px));
|
||||||
|
.roomHeadSpan {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__footer {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -370,6 +370,39 @@ export function getDevelopDocTree(params) {
|
||||||
params,
|
params,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//会议室查询接口
|
||||||
|
export function getRoomSearch(params) {
|
||||||
|
return request({
|
||||||
|
url: '/bookMeeting/list',
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//预约弹框选择日期接口
|
||||||
|
export function getDate(params) {
|
||||||
|
return request({
|
||||||
|
url: '/bookMeeting/availableDate',
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//预约提交
|
||||||
|
export function setSubmit(data) {
|
||||||
|
return request({
|
||||||
|
url: '/bookMeeting',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//预约结果查询按钮
|
||||||
|
export function getYuyue(params) {
|
||||||
|
return request({
|
||||||
|
url: '/bookMeeting/page',
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
}
|
||||||
// 能力广场 应用资源
|
// 能力广场 应用资源
|
||||||
export function selectAppList(params) {
|
export function selectAppList(params) {
|
||||||
return request({
|
return request({
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 705 B |
|
|
@ -6,7 +6,7 @@
|
||||||
<detailsPageconetentTree />
|
<detailsPageconetentTree />
|
||||||
</div>
|
</div>
|
||||||
<div class="details-pageconetent-left" v-else>
|
<div class="details-pageconetent-left" v-else>
|
||||||
<detailsPageInfrastructureTree />
|
<detailsPageInfrastructureTree v-show="flag != '6'" />
|
||||||
</div>
|
</div>
|
||||||
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
|
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
|
||||||
<div class="top-title">
|
<div class="top-title">
|
||||||
|
|
@ -178,7 +178,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top-content-father">
|
<div class="top-content-father">
|
||||||
<infrastructurePage />
|
<infrastructurePage @add="handleAdd" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top" v-else>
|
<div class="top" v-else>
|
||||||
|
|
@ -742,6 +742,12 @@
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
|
//会议室传的标识6
|
||||||
|
const flag = ref('')
|
||||||
|
|
||||||
|
const handleAdd = (value) => {
|
||||||
|
flag.value = value
|
||||||
|
}
|
||||||
const titleName = ref(titleNameArray)
|
const titleName = ref(titleNameArray)
|
||||||
|
|
||||||
const openMonitor = () => {
|
const openMonitor = () => {
|
||||||
|
|
@ -1446,6 +1452,8 @@
|
||||||
getShoppingCartList,
|
getShoppingCartList,
|
||||||
whoShow1,
|
whoShow1,
|
||||||
applyAll,
|
applyAll,
|
||||||
|
handleAdd,
|
||||||
|
flag,
|
||||||
abilitySquare,
|
abilitySquare,
|
||||||
visibleAbilitySquare,
|
visibleAbilitySquare,
|
||||||
showAbilitySquare,
|
showAbilitySquare,
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue