yudao-team/oa-ui
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

会议室管理

Browse Source
This commit is contained in:
XaoLi717 2024-11-13 17:22:32 +08:00
parent 912a7e3e5e
commit 887a65dee0
2 changed files with 63 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
src/views/Home/hysgl/HysglForm.vue
View File

@ -1,58 +1,76 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible"> <Dialog :title="dialogTitle" v-model="dialogVisible" style="width: 80%">
<el-form <el-form
ref="formRef" ref="formRef"
:model="formData" :model="formData"
:rules="formRules" :rules="formRules"
label-width="100px" label-width="120px"
v-loading="formLoading" v-loading="formLoading"
> >
<el-form-item label="标题" prop="title"> <el-form-item label="标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入标题" /> <el-input v-model="formData.title" placeholder="请输入标题" />
</el-form-item> </el-form-item>
<el-form-item label="会议室名" prop="name"> <el-row>
<el-input v-model="formData.name" placeholder="请输入会议室名" /> <el-col :span="12">
</el-form-item> <el-form-item label="会议室名" prop="name">
<el-form-item label="会议室地址" prop="location"> <el-input v-model="formData.name" placeholder="请输入会议室名" />
<el-input v-model="formData.location" type="textarea" placeholder="请输入会议室地址" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="会议室类型" prop="roomType"> <el-col :span="12">
<el-select v-model="formData.roomType" placeholder="请选择会议室类型"> <el-form-item label="会议室管理员" prop="manager">
<el-option <el-input v-model="formData.manager" placeholder="请输入会议室管理员" />
v-for="dict in getIntDictOptions(DICT_TYPE.HSGL_TYPE)" </el-form-item>
:key="dict.value" </el-col>
:label="dict.label" </el-row>
:value="dict.value" <el-row>
/> <el-col :span="12">
</el-select> <el-form-item label="会议室大小" prop="roomMax">
</el-form-item> <el-input v-model="formData.roomMax" placeholder="请输入会议室大小" />
<el-form-item label="会议室管理员" prop="manager"> </el-form-item>
<el-input v-model="formData.manager" placeholder="请输入会议室管理员" /> </el-col>
</el-form-item> <el-col :span="12">
<el-form-item label="会议室大小" prop="roomMax"> <el-form-item label="会议室类型" prop="roomType">
<el-input v-model="formData.roomMax" placeholder="请输入会议室大小" /> <el-select v-model="formData.roomType" placeholder="请选择会议室类型">
</el-form-item> <el-option
<el-form-item label="容纳人数" prop="capacity"> v-for="dict in getIntDictOptions(DICT_TYPE.HSGL_TYPE)"
<el-input v-model="formData.capacity" placeholder="请输入容纳人数" /> :key="dict.value"
</el-form-item> :label="dict.label"
<el-form-item label="会议室设备" prop="facilities"> :value="dict.value"
<el-input v-model="formData.facilities" type="textarea" placeholder="请输入会议室设备" /> />
</el-form-item> </el-select>
<el-form-item label="使用状态" prop="roomStatus"> </el-form-item>
<el-select v-model="formData.roomStatus" placeholder="请选择使用状态"> </el-col>
<el-option </el-row>
v-for="dict in getIntDictOptions(DICT_TYPE.HSGL_STATUS)" <el-row>
:key="dict.value" <el-col :span="12">
:label="dict.label" <el-form-item label="容纳人数" prop="capacity">
:value="dict.value" <el-input v-model="formData.capacity" placeholder="请输入容纳人数" />
/> </el-form-item>
</el-select> </el-col>
</el-form-item> <el-col :span="12">
<el-form-item label="使用状态" prop="roomStatus">
<el-select v-model="formData.roomStatus" placeholder="请选择使用状态">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HSGL_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="会议室照片" prop="photo"> <el-form-item label="会议室照片" prop="photo">
<UploadImg v-model="formData.photo" /> <UploadImg v-model="formData.photo" />
</el-form-item> </el-form-item>
<el-form-item label="会议室地址" prop="location">
<el-input autosize v-model="formData.location" type="textarea" placeholder="请输入会议室地址" />
</el-form-item>
<el-form-item label="会议室设备" prop="facilities">
<el-input autosize v-model="formData.facilities" type="textarea" placeholder="请输入会议室设备" />
</el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" type="textarea" placeholder="请输入备注" /> <el-input autosize v-model="formData.remark" type="textarea" placeholder="请输入备注" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>

74
src/views/Home/hysgl/index.vue
View File

@ -6,35 +6,8 @@
:model="queryParams" :model="queryParams"
ref="queryFormRef" ref="queryFormRef"
:inline="true" :inline="true"
label-width="68px" label-width="100px"
> >
<el-form-item label="会议室管理id" prop="id">
<el-input
v-model="queryParams.id"
placeholder="请输入会议室管理id"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="会议室名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入会议室名"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="会议室类型" prop="roomType"> <el-form-item label="会议室类型" prop="roomType">
<el-select <el-select
v-model="queryParams.roomType" v-model="queryParams.roomType"
@ -59,24 +32,6 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="会议室大小" prop="roomMax">
<el-input
v-model="queryParams.roomMax"
placeholder="请输入会议室大小"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="容纳人数" prop="capacity">
<el-input
v-model="queryParams.capacity"
placeholder="请输入容纳人数"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="使用状态" prop="roomStatus"> <el-form-item label="使用状态" prop="roomStatus">
<el-select <el-select
v-model="queryParams.roomStatus" v-model="queryParams.roomStatus"
@ -92,17 +47,6 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
class="!w-240px"
/>
</el-form-item>
<el-form-item> <el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button> <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button> <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
@ -130,37 +74,25 @@
<!-- 列表 --> <!-- 列表 -->
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="会议室管理id" align="center" prop="id" /> <el-table-column label="序号" align="center" type="index" width="70" />
<el-table-column label="标题" align="center" prop="title" /> <el-table-column label="标题" align="center" prop="title" />
<el-table-column label="会议室名" align="center" prop="name" /> <el-table-column label="会议室名" align="center" prop="name" />
<el-table-column label="会议室地址" align="center" prop="location" />
<el-table-column label="会议室类型" align="center" prop="roomType"> <el-table-column label="会议室类型" align="center" prop="roomType">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.HSGL_TYPE" :value="scope.row.roomType" /> <dict-tag :type="DICT_TYPE.HSGL_TYPE" :value="scope.row.roomType" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="会议室管理员" align="center" prop="manager" /> <el-table-column label="会议室管理员" align="center" prop="manager" />
<el-table-column label="会议室大小" align="center" prop="roomMax" />
<el-table-column label="容纳人数" align="center" prop="capacity" />
<el-table-column label="会议室设备" align="center" prop="facilities" />
<el-table-column label="使用状态" align="center" prop="roomStatus"> <el-table-column label="使用状态" align="center" prop="roomStatus">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.HSGL_STATUS" :value="scope.row.roomStatus" /> <dict-tag :type="DICT_TYPE.HSGL_STATUS" :value="scope.row.roomStatus" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="会议室照片" align="center" prop="photo" > <el-table-column label="会议室照片" align="center" prop="photo" width="100" >
<template #default="scope"> <template #default="scope">
<el-image :src="scope.row.photo"/> <el-image :src="scope.row.photo"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" align="center"> <el-table-column label="操作" align="center">
<template #default="scope"> <template #default="scope">
<el-button <el-button