root/allLikeMall
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

修改预约模块bug #21

Merged
root merged 1 commits from sjy into master 2024-09-25 18:15:20 +08:00
Conversation 0 Commits 1 Files Changed 17 +462 -338
17 changed files with 462 additions and 338 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
yudao-admin-vue3/src/api/subscribe/staff/index.ts
View File

@ -12,12 +12,11 @@ export interface StaffVO {
photo: string // 照片 photo: string // 照片
phone: string // 手机号 phone: string // 手机号
serviceTime: string // 服务时间段 serviceTime: string // 服务时间段
serviceStartTime: string
serviceEndTime: string
serviceScope: string // 服务范围 serviceScope: string // 服务范围
sign: number // 约满标记 sign: number // 约满标记
status: number // 状态 status: number // 状态
content: string // 介绍 content: string // 介绍
serviceTimeArray: string
} }
// 预约人员 API // 预约人员 API
@ -54,4 +53,4 @@ export const StaffApi = {
} };

15
yudao-admin-vue3/src/utils/dict.ts
View File

@ -113,6 +113,21 @@ export enum DICT_TYPE {
TERMINAL = 'terminal', // 终端 TERMINAL = 'terminal', // 终端
DATE_INTERVAL = 'date_interval', // 数据间隔 DATE_INTERVAL = 'date_interval', // 数据间隔
//预约：人员管理
STALL_SEX = 'stall_sex',
STAFF_STATUS = 'staff_status',
STAFF_FULL = 'staff_full',
STAFF_TYPE = 'staff_type',
//预约：预约管理
SUBSCRIBE_TYPE = 'subscribe_type',
SUBSCRIBE_CHECK_STATUS = 'subscribe_check_status',
SUBSCRIBE_STATUS = 'subscribe_status',
//预约：机构管理
ORGANIZATION_STATUS = 'organization_status',
// ========== SYSTEM 模块 ========== // ========== SYSTEM 模块 ==========
SYSTEM_USER_SEX = 'system_user_sex', SYSTEM_USER_SEX = 'system_user_sex',
SYSTEM_MENU_TYPE = 'system_menu_type', SYSTEM_MENU_TYPE = 'system_menu_type',

9
yudao-admin-vue3/src/views/subscribe/organization/OrganizationForm.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="800"> <Dialog :title="dialogTitle" v-model="dialogVisible" width="800px">
<el-form <el-form
ref="formRef" ref="formRef"
:model="formData" :model="formData"
@ -68,6 +68,13 @@ const formData = ref({
status: undefined, status: undefined,
}) })
const formRules = reactive({ const formRules = reactive({
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
phone: [{ required: true, message: '手机号不能为空', trigger: 'blur' }],
email: [{ required: true, message: '邮箱不能为空', trigger: 'blur' }],
picturre: [{ required: true, message: '图片不能为空', trigger: 'blur' }],
address: [{ required: true, message: '地址不能为空', trigger: 'blur' }],
depict: [{ required: true, message: '简介不能为空', trigger: 'blur' }],
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
}) })
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref

483
yudao-admin-vue3/src/views/subscribe/staff/StaffForm.vue
View File

@ -1,242 +1,277 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="800px"> <Dialog :title="dialogTitle" v-model="dialogVisible" width="800px">
<el-form <el-form ref="formRef" :model="formData" :rules="formRules" label-width="90px" v-loading="formLoading">
ref="formRef" <!-- <el-form-item label="所属机构" prop="organizationId">
:model="formData"
:rules="formRules"
label-width="90px"
v-loading="formLoading"
>
<!-- <el-form-item label="所属机构" prop="organizationId">
<el-input v-model="formData.organizationId" placeholder="请输入机构id" /> <el-input v-model="formData.organizationId" placeholder="请输入机构id" />
</el-form-item> --> </el-form-item> -->
<el-form-item label="所属机构" prop="organizationId"> <el-form-item label="所属机构" prop="organizationId">
<el-select <el-select v-model="formData.organizationId" placeholder="请选择机构" clearable class="!w-240px">
v-model="formData.organizationId" <el-option v-for="organizationNameOptions in option" :key="organizationNameOptions.id"
placeholder="请选择机构" :label="organizationNameOptions.name" :value="organizationNameOptions.id" />
clearable </el-select>
class="!w-240px" </el-form-item>
> <el-form-item label="编号" prop="serialNumber">
<el-option <el-input v-model="formData.serialNumber" placeholder="请输入编号" />
v-for="organizationNameOptions in option" </el-form-item>
:key="organizationNameOptions.id" <el-form-item label="类型" prop="type">
:label="organizationNameOptions.name" <el-select v-model="formData.type" placeholder="请选择类型">
:value="organizationNameOptions.id" <el-option v-for="dict in getIntDictOptions(DICT_TYPE.STAFF_TYPE)" :key="dict.value"
/> :label="dict.label" :value="dict.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="编号" prop="serialNumber"> <el-form-item label="名称" prop="name">
<el-input v-model="formData.serialNumber" placeholder="请输入编号" /> <el-input v-model="formData.name" placeholder="请输入名称" />
</el-form-item> </el-form-item>
<el-form-item label="类型" prop="type"> <el-form-item label="性别" prop="sex">
<el-select v-model="formData.type" placeholder="请选择类型"> <el-select v-model="formData.sex" placeholder="请选择性别">
<el-option <el-option v-for="dict in getIntDictOptions(DICT_TYPE.STALL_SEX)" :key="dict.value"
v-for="dict in getIntDictOptions(DICT_TYPE.STAFF_TYPE)" :label="dict.label" :value="dict.value" />
:key="dict.value" </el-select>
:label="dict.label" </el-form-item>
:value="dict.value" <el-form-item label="照片" prop="photo">
/> <UploadImg v-model="formData.photo" />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="手机号" prop="phone">
<el-form-item label="名称" prop="name"> <el-input v-model="formData.phone" placeholder="请输入手机号" />
<el-input v-model="formData.name" placeholder="请输入名称" /> </el-form-item>
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-select v-model="formData.sex" placeholder="请选择性别">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.STALL_SEX)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="照片" prop="photo">
<UploadImg v-model="formData.photo" />
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="formData.phone" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="服务时间段" prop="serviceTime"> <el-form-item label="服务时间段" prop="serviceTime">
<!-- <el-date-picker <div v-for="(item, index) in timeRanges" :key="index" class="time-range">
v-model="formData.serviceTime" <div class="left">
type="date" <el-time-select
value-format="x" v-model="item.start"
placeholder="选择服务时间段" :max-time="item.end"
/> --> class="mr-4"
<el-col :span="11"> placeholder="开始时间"
<el-time-select start="07:00"
placeholder="起始时间" step="00:05"
v-model="formData.serviceStartTime" end="23:30"
:picker-options="{ />
start: '08:30', </div>
step: '00:15', <div class="center">
end: '18:30' -
}"/> </div>
</el-col> <div class="right">
<el-col :span="2"> <el-time-select
<div style="text-align: center;">-</div> v-model="item.end"
</el-col> :min-time="item.start"
<el-col :span="11"> placeholder="结束时间"
<el-time-select start="07:00"
placeholder="结束时间" step="00:05"
v-model="formData.serviceEndTime" end="23:30"
:picker-options="{ />
start: '08:30', </div>
step: '00:15', <el-button @click="removeTime(index)" type="danger" size="mini">移除</el-button>
end: '18:30', </div>
minTime: formData.serviceStartTime
}"/>
</el-col>
</el-form-item>
<el-form-item label="服务范围" prop="serviceScope"> <el-button @click="addTime" type="primary" size="small">添加时间段</el-button>
<el-input v-model="formData.serviceScope" placeholder="请输入服务范围" /> </el-form-item>
</el-form-item>
<el-form-item label="约满标记" prop="sign">
<el-select v-model="formData.sign" placeholder="请选择约满标记"> <el-form-item label="服务范围" prop="serviceScope">
<el-option <el-input v-model="formData.serviceScope" placeholder="请输入服务范围" />
v-for="dict in getIntDictOptions(DICT_TYPE.STAFF_FULL)" </el-form-item>
:key="dict.value" <el-form-item label="约满标记" prop="sign">
:label="dict.label" <el-select v-model="formData.sign" placeholder="请选择约满标记">
:value="dict.value" <el-option v-for="dict in getIntDictOptions(DICT_TYPE.STAFF_FULL)" :key="dict.value"
/> :label="dict.label" :value="dict.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="formData.status" placeholder="请选择状态"> <el-select v-model="formData.status" placeholder="请选择状态">
<el-option <el-option v-for="dict in getIntDictOptions(DICT_TYPE.STAFF_STATUS)" :key="dict.value"
v-for="dict in getIntDictOptions(DICT_TYPE.STAFF_STATUS)" :label="dict.label" :value="dict.value" />
:key="dict.value" </el-select>
:label="dict.label" </el-form-item>
:value="dict.value" <el-form-item label="介绍" prop="content">
/> <Editor v-model="formData.content" height="300px" />
</el-select> </el-form-item>
</el-form-item> </el-form>
<el-form-item label="介绍" prop="content"> <template #footer>
<Editor v-model="formData.content" height="300px" /> <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
</el-form-item> <el-button @click="dialogVisible = false">取 消</el-button>
</el-form> </template>
<template #footer> </Dialog>
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</template>
</Dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict' import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { StaffApi, StaffVO } from '@/api/subscribe/staff' import { StaffApi, StaffVO } from '@/api/subscribe/staff'
import { OrganizationApi, OrganizationVO } from '@/api/subscribe/organization' import { OrganizationApi, OrganizationVO } from '@/api/subscribe/organization'
/** 预约人员 表单 */
defineOptions({ name: 'StaffForm' })
const { t } = useI18n() // 国际化 /** 预约人员 表单 */
const message = useMessage() // 消息弹窗 defineOptions({ name: 'StaffForm' })
const option = ref<OrganizationVO[]>([]);
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formData = ref({
id: undefined,
organizationId: undefined,
serialNumber: undefined,
type: undefined,
name: undefined,
sex: undefined,
photo: undefined,
phone: undefined,
serviceTime: undefined,
serviceStartTime: undefined,
serviceEndTime: undefined,
serviceScope: undefined,
sign: undefined,
status: undefined,
content: undefined,
})
const formRules = reactive({
})
const formRef = ref() // 表单 Ref
//初始化机构名称下拉框 const { t } = useI18n() // 国际化
const getOrganizations = async () => { const message = useMessage() // 消息弹窗
const option = ref<OrganizationVO[]>([]);
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formData = ref({
id: undefined,
organizationId: undefined,
serialNumber: undefined,
type: undefined,
name: undefined,
sex: undefined,
photo: undefined,
phone: undefined,
serviceTime: '',
serviceTimeArray: [{}],
serviceScope: undefined,
sign: undefined,
status: undefined,
content: undefined,
})
const formRules = reactive({
organizationId: [{ required: true, message: '所属机构不能为空', trigger: 'blur' }],
serialNumber: [{ required: true, message: '编号不能为空', trigger: 'blur' }],
type: [{ required: true, message: '类型不能为空', trigger: 'blur' }],
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
sex: [{ required: true, message: '性别不能为空', trigger: 'blur' }],
photo: [{ required: true, message: '照片不能为空', trigger: 'blur' }],
phone: [{ required: true, message: '手机号不能为空', trigger: 'blur' }],
// serviceTime: [{ required: true, message: '服务时间段不能为空', trigger: 'blur' }],
serviceScope: [{ required: true, message: '服务范围不能为空', trigger: 'blur' }],
sign: [{ required: true, message: '不能为空', trigger: 'blur' }],
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
content: [{ required: true, message: '介绍不能为空', trigger: 'blur' }]
})
const formRef = ref() // 表单 Ref
try {
option.value = await OrganizationApi.getOrganizations()
} finally {
} const timeRanges = ref([{ start: '', end: '' }]);
}
/** 打开弹窗 */ const addTime = () => {
const open = async (type: string, id?: number) => { timeRanges.value.push({ start: '', end: '' });
dialogVisible.value = true };
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时，设置数据
if (id) {
formLoading.value = true
try {
formData.value = await StaffApi.getStaff(id)
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */ const removeTime = (index : number) => {
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调 if (timeRanges.value.length > 1) {
const submitForm = async () => { timeRanges.value.splice(index, 1);
// 校验表单 }
await formRef.value.validate() };
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as StaffVO
if (formType.value === 'create') {
await StaffApi.createStaff(data)
message.success(t('common.createSuccess'))
} else {
await StaffApi.updateStaff(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */ //初始化机构名称下拉框
const resetForm = () => { const getOrganizations = async () => {
formData.value = { try {
id: undefined, option.value = await OrganizationApi.getOrganizations()
organizationId: undefined, } finally {
serialNumber: undefined,
type: undefined,
name: undefined,
sex: undefined,
photo: undefined,
phone: undefined,
serviceTime: undefined,
serviceStartTime: undefined,
serviceEndTime: undefined,
serviceScope: undefined,
sign: undefined,
status: undefined,
content: undefined,
}
formRef.value?.resetFields()
}
/** 初始化 **/ }
onMounted(() => { }
getOrganizations()
})
/** 打开弹窗 */
const open = async (type : string, id ?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
timeRanges.value = ([]) //清空timeRanges的数据
timeRanges.value.push({ start: '', end: '' }); //再将timeRaanges设置为{ start: '', end: '' }
formType.value = type
resetForm()
// 修改时，设置数据
if (id) {
formLoading.value = true
try {
timeRanges.value = ([]); //修改页面：组件设置为空
formData.value = await StaffApi.getStaff(id)
const timeRange = JSON.parse(formData.value.serviceTime)
for (var i = 0; i < timeRange.length; i++) {
timeRanges.value.push(timeRange[i]); //原有的时间段push上去
}
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
formData.value.serviceTime = JSON.stringify(timeRanges.value);
const data = formData.value as unknown as StaffVO
if (formType.value === 'create') {
await StaffApi.createStaff(data)
message.success(t('common.createSuccess'))
} else {
await StaffApi.updateStaff(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
organizationId: undefined,
serialNumber: undefined,
type: undefined,
name: undefined,
sex: undefined,
photo: undefined,
phone: undefined,
serviceTime: '',
serviceTimeArray: [{}],
serviceScope: undefined,
sign: undefined,
status: undefined,
content: undefined,
}
formRef.value?.resetFields()
}
/** 初始化 **/
onMounted(() => {
getOrganizations()
})
</script> </script>
<style scoped>
.time-range {
margin-bottom: 10px;
margin-right: 40px;
/* width: 300px;
height: 150px; */
display: flex;
/* justify-content: space-between; */
}
.left {
width: 150px;
}
.center {
width: 20px;
text-align: center;
}
.right {
width: 150px;
margin-right: 20px;
}
/* .separator {
text-align: center;
}
.remove-btn {
text-align: right;
margin-top: 5px;
} */
</style>

16
yudao-admin-vue3/src/views/subscribe/staff/index.vue
View File

@ -80,7 +80,7 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="服务时间段" prop="serviceTime"> <!-- <el-form-item label="服务时间段" prop="serviceTime">
<el-date-picker <el-date-picker
v-model="queryParams.serviceTime" v-model="queryParams.serviceTime"
value-format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
@ -99,7 +99,7 @@
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item> -->
<el-form-item label="约满标记" prop="sign"> <el-form-item label="约满标记" prop="sign">
<el-select <el-select
v-model="queryParams.sign" v-model="queryParams.sign"
@ -197,8 +197,8 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="手机号" align="center" prop="phone" /> <el-table-column label="手机号" align="center" prop="phone" />
<el-table-column label="服务时间段" align="center" prop="serviceTime" width="100" /> <el-table-column label="服务时间段" align="center" prop="serviceTimeArray" width="200" />
<el-table-column label="服务范围" align="center" prop="serviceScope" :formatter="dateFormatter"/> <el-table-column label="服务范围" align="center" prop="serviceScope" />
<el-table-column label="约满标记" align="center" prop="sign" width="100"> <el-table-column label="约满标记" align="center" prop="sign" width="100">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.STAFF_FULL" :value="scope.row.sign" /> <dict-tag :type="DICT_TYPE.STAFF_FULL" :value="scope.row.sign" />
@ -209,7 +209,11 @@
<dict-tag :type="DICT_TYPE.STAFF_STATUS" :value="scope.row.status" /> <dict-tag :type="DICT_TYPE.STAFF_STATUS" :value="scope.row.status" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="介绍" align="center" prop="content" /> <el-table-column label="介绍" align="center" prop="content" >
<template #default="scope">
<div v-html="scope.row.content"></div>
</template>
</el-table-column>
<el-table-column <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
@ -280,7 +284,7 @@ const queryParams = reactive({
sex: undefined, sex: undefined,
photo: undefined, photo: undefined,
phone: undefined, phone: undefined,
serviceTime: [], serviceTime: undefined,
serviceScope: undefined, serviceScope: undefined,
sign: undefined, sign: undefined,
status: undefined, status: undefined,

40
yudao-admin-vue3/src/views/subscribe/subscribemanage/ManageForm.vue
View File

@ -20,6 +20,12 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="所属机构" prop="organizationId">
<el-select v-model="formData.organizationId" placeholder="请选择机构" clearable class="!w-240px">
<el-option v-for="organizationNameOptions in option" :key="organizationNameOptions.id"
:label="organizationNameOptions.name" :value="organizationNameOptions.id" />
</el-select>
</el-form-item>
<el-form-item label="预约人员id" prop="staffId"> <el-form-item label="预约人员id" prop="staffId">
<el-input v-model="formData.staffId" placeholder="请输入预约人员id" /> <el-input v-model="formData.staffId" placeholder="请输入预约人员id" />
</el-form-item> </el-form-item>
@ -31,11 +37,21 @@
placeholder="选择预约时间" placeholder="选择预约时间"
/> />
</el-form-item> </el-form-item>
<el-form-item label="预约状态" prop="subscribeStatus"> <!-- <el-form-item label="预约状态" prop="subscribeStatus">
<el-radio-group v-model="formData.subscribeStatus"> <el-radio-group v-model="formData.subscribeStatus">
<el-radio label="1">请选择字典生成</el-radio> <el-radio label="1">请选择字典生成</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item> -->
<el-form-item label="预约状态" prop="subscribeStatus">
<el-select v-model="formData.subscribeStatus" placeholder="请选择预约状态">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.SUBSCRIBE_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="审核状态" prop="checkStatus"> <el-form-item label="审核状态" prop="checkStatus">
<el-select v-model="formData.checkStatus" placeholder="请选择审核状态"> <el-select v-model="formData.checkStatus" placeholder="请选择审核状态">
<el-option <el-option
@ -56,6 +72,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict' import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { ManageApi, ManageVO } from '@/api/subscribe/subscribemanage' import { ManageApi, ManageVO } from '@/api/subscribe/subscribemanage'
import { OrganizationApi, OrganizationVO } from '@/api/subscribe/organization'
/** 预约 表单 */ /** 预约 表单 */
defineOptions({ name: 'ManageForm' }) defineOptions({ name: 'ManageForm' })
@ -65,6 +82,7 @@ const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示 const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题 const dialogTitle = ref('') // 弹窗的标题
const option = ref<OrganizationVO[]>([]);
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改 const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formData = ref({ const formData = ref({
@ -77,9 +95,23 @@ const formData = ref({
checkStatus: undefined, checkStatus: undefined,
}) })
const formRules = reactive({ const formRules = reactive({
userId: [{ required: true, message: '用户不能为空', trigger: 'blur' }],
type: [{ required: true, message: '预约类型不能为空', trigger: 'blur' }],
staffId: [{ required: true, message: '预约人员不能为空', trigger: 'blur' }],
subscribeTime: [{ required: true, message: '预约时间不能为空', trigger: 'blur' }],
subscribeStatus: [{ required: true, message: '预约状态不能为空', trigger: 'blur' }],
}) })
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref
//初始化机构名称下拉框
const getOrganizations = async () => {
try {
option.value = await OrganizationApi.getOrganizations()
} finally {
}
}
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (type: string, id?: number) => { const open = async (type: string, id?: number) => {
dialogVisible.value = true dialogVisible.value = true
@ -122,6 +154,10 @@ const submitForm = async () => {
} }
} }
/** 初始化 **/
onMounted(() => {
getOrganizations()
})
/** 重置表单 */ /** 重置表单 */
const resetForm = () => { const resetForm = () => {
formData.value = { formData.value = {

19
yudao-admin-vue3/src/views/subscribe/subscribemanage/index.vue
View File

@ -8,7 +8,7 @@
:inline="true" :inline="true"
label-width="100px" label-width="100px"
> >
<el-form-item label="用户" prop="userId"> <!-- <el-form-item label="用户" prop="userId">
<el-input <el-input
v-model="queryParams.userId" v-model="queryParams.userId"
placeholder="请输入用户" placeholder="请输入用户"
@ -16,7 +16,7 @@
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item> -->
<el-form-item label="预约类型" prop="type"> <el-form-item label="预约类型" prop="type">
<el-select <el-select
v-model="queryParams.type" v-model="queryParams.type"
@ -32,7 +32,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="预约人员" prop="staffName"> <!-- <el-form-item label="预约人员" prop="staffName">
<el-input <el-input
v-model="queryParams.staffName" v-model="queryParams.staffName"
placeholder="请输入预约人员" placeholder="请输入预约人员"
@ -40,8 +40,8 @@
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item> -->
<el-form-item label="预约时间" prop="subscribeTime"> <!-- <el-form-item label="预约时间" prop="subscribeTime">
<el-date-picker <el-date-picker
v-model="queryParams.subscribeTime" v-model="queryParams.subscribeTime"
value-format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
@ -51,7 +51,7 @@
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item> -->
<el-form-item label="预约状态" prop="subscribeStatus"> <el-form-item label="预约状态" prop="subscribeStatus">
<el-select <el-select
v-model="queryParams.subscribeStatus" v-model="queryParams.subscribeStatus"
@ -59,7 +59,12 @@
clearable clearable
class="!w-240px" class="!w-240px"
> >
<el-option label="请选择字典生成" value="" /> <el-option
v-for="dict in getIntDictOptions(DICT_TYPE.SUBSCRIBE_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="审核状态" prop="checkStatus"> <el-form-item label="审核状态" prop="checkStatus">

9
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/controller/admin/staff/vo/ServiceTimeVO.java Normal file
View File

@ -0,0 +1,9 @@
package cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo;
import lombok.Data;
@Data
public class ServiceTimeVO {
private String start;
private String end;
}

11
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/controller/admin/staff/vo/StaffPageReqVO.java
View File

@ -1,5 +1,6 @@
package cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo; package cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo;
import com.baomidou.mybatisplus.annotation.TableField;
import lombok.*; import lombok.*;
import java.util.*; import java.util.*;
import io.swagger.v3.oas.annotations.media.Schema; import io.swagger.v3.oas.annotations.media.Schema;
@ -37,14 +38,12 @@ public class StaffPageReqVO extends PageParam {
private String phone; private String phone;
@Schema(description = "服务时间段") @Schema(description = "服务时间段")
@DateTimeFormat(pattern = FORMAT_YEAR_MONTH_DAY_HOUR_MINUTE_SECOND) private String serviceTime;
private String[] serviceTime;
// @Schema(description = "服务开始时间")
// private String serviceStartTime;
@Schema(description = "服务开始时间")
private String serviceStartTime;
@Schema(description = "服务结束时间")
private String serviceEndTime;
@Schema(description = "服务范围") @Schema(description = "服务范围")
private String serviceScope; private String serviceScope;

9
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/controller/admin/staff/vo/StaffRespVO.java
View File

@ -52,11 +52,10 @@ public class StaffRespVO {
@ExcelProperty("服务时间段") @ExcelProperty("服务时间段")
private String serviceTime; private String serviceTime;
@Schema(description = "服务开始时间") // @Schema(description = "服务开始时间")
private String serviceStartTime; // private String serviceStartTime;
//
@Schema(description = "服务结束时间") private String serviceTimeArray;
private String serviceEndTime;
@Schema(description = "服务范围") @Schema(description = "服务范围")
@ExcelProperty("服务范围") @ExcelProperty("服务范围")

6
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/controller/admin/staff/vo/StaffSaveReqVO.java
View File

@ -36,12 +36,6 @@ public class StaffSaveReqVO {
@Schema(description = "服务时间段") @Schema(description = "服务时间段")
private String serviceTime; private String serviceTime;
@Schema(description = "服务开始时间")
private String serviceStartTime;
@Schema(description = "服务结束时间")
private String serviceEndTime;
@Schema(description = "服务范围") @Schema(description = "服务范围")
private String serviceScope; private String serviceScope;

13
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/controller/admin/subscribemanage/vo/SubscribeManageRespVO.java
View File

@ -1,5 +1,6 @@
package cn.iocoder.yudao.module.srbscribe.controller.admin.subscribemanage.vo; package cn.iocoder.yudao.module.srbscribe.controller.admin.subscribemanage.vo;
import com.baomidou.mybatisplus.annotation.TableField;
import io.swagger.v3.oas.annotations.media.Schema; import io.swagger.v3.oas.annotations.media.Schema;
import lombok.*; import lombok.*;
import java.util.*; import java.util.*;
@ -22,6 +23,10 @@ public class SubscribeManageRespVO {
@ExcelProperty("用户id") @ExcelProperty("用户id")
private Long userId; private Long userId;
@Schema(description = "用户姓名")
@ExcelProperty("用户姓名")
private String userName;
@Schema(description = "预约类型", example = "2") @Schema(description = "预约类型", example = "2")
@ExcelProperty(value = "预约类型", converter = DictConvert.class) @ExcelProperty(value = "预约类型", converter = DictConvert.class)
@DictFormat("subscribe_type") // TODO 代码优化：建议设置到对应的 DictTypeConstants 枚举类中 @DictFormat("subscribe_type") // TODO 代码优化：建议设置到对应的 DictTypeConstants 枚举类中
@ -31,6 +36,10 @@ public class SubscribeManageRespVO {
@ExcelProperty("预约人员id") @ExcelProperty("预约人员id")
private Long staffId; private Long staffId;
@Schema(description = "预约人员")
@ExcelProperty("预约人员")
private String staffName;
@Schema(description = "预约时间") @Schema(description = "预约时间")
@ExcelProperty("预约时间") @ExcelProperty("预约时间")
private LocalDateTime subscribeTime; private LocalDateTime subscribeTime;
@ -48,8 +57,6 @@ public class SubscribeManageRespVO {
@ExcelProperty("创建时间") @ExcelProperty("创建时间")
private LocalDateTime createTime; private LocalDateTime createTime;
@Schema(description = "预约人员")
@ExcelProperty("预约人员")
private String staffName;
} }

12
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/dal/dataobject/staff/StaffDO.java
View File

@ -1,5 +1,6 @@
package cn.iocoder.yudao.module.srbscribe.dal.dataobject.staff; package cn.iocoder.yudao.module.srbscribe.dal.dataobject.staff;
import cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo.ServiceTimeVO;
import io.swagger.v3.oas.annotations.media.Schema; import io.swagger.v3.oas.annotations.media.Schema;
import lombok.*; import lombok.*;
import java.util.*; import java.util.*;
@ -64,14 +65,6 @@ public class StaffDO extends BaseDO {
* 服务时间段 * 服务时间段
*/ */
private String serviceTime; private String serviceTime;
/**
* 服务开始时间
*/
private String serviceStartTime;
/**
* 服务结束时间
*/
private String serviceEndTime;
/** /**
* 服务范围 * 服务范围
*/ */
@ -97,4 +90,7 @@ public class StaffDO extends BaseDO {
@TableField(exist = false) @TableField(exist = false)
private String organizationName; private String organizationName;
@TableField(exist = false)
private String serviceTimeArray ;
} }

4
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/dal/mysql/organization/OrganizationMapper.java
View File

@ -23,9 +23,7 @@ public interface OrganizationMapper extends BaseMapperX<OrganizationDO> {
.likeIfPresent(OrganizationDO::getName, reqVO.getName()) .likeIfPresent(OrganizationDO::getName, reqVO.getName())
.eqIfPresent(OrganizationDO::getPhone, reqVO.getPhone()) .eqIfPresent(OrganizationDO::getPhone, reqVO.getPhone())
.eqIfPresent(OrganizationDO::getEmail, reqVO.getEmail()) .eqIfPresent(OrganizationDO::getEmail, reqVO.getEmail())
.eqIfPresent(OrganizationDO::getPicture, reqVO.getPicture()) .likeIfPresent(OrganizationDO::getAddress, reqVO.getAddress())
.eqIfPresent(OrganizationDO::getAddress, reqVO.getAddress())
.eqIfPresent(OrganizationDO::getDepict, reqVO.getDepict())
.eqIfPresent(OrganizationDO::getStatus, reqVO.getStatus()) .eqIfPresent(OrganizationDO::getStatus, reqVO.getStatus())
.betweenIfPresent(OrganizationDO::getCreateTime, reqVO.getCreateTime()) .betweenIfPresent(OrganizationDO::getCreateTime, reqVO.getCreateTime())
.orderByDesc(OrganizationDO::getId)); .orderByDesc(OrganizationDO::getId));

2
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/dal/mysql/staff/StaffMapper.java
View File

@ -24,7 +24,7 @@ public interface StaffMapper extends BaseMapperX<StaffDO> {
.eqIfPresent(StaffDO::getSex, reqVO.getSex()) .eqIfPresent(StaffDO::getSex, reqVO.getSex())
.eqIfPresent(StaffDO::getPhoto, reqVO.getPhoto()) .eqIfPresent(StaffDO::getPhoto, reqVO.getPhoto())
.eqIfPresent(StaffDO::getPhone, reqVO.getPhone()) .eqIfPresent(StaffDO::getPhone, reqVO.getPhone())
.betweenIfPresent(StaffDO::getServiceTime, reqVO.getServiceTime()) // .betweenIfPresent(StaffDO::getServiceTime, reqVO.getServiceTime())
.eqIfPresent(StaffDO::getServiceScope, reqVO.getServiceScope()) .eqIfPresent(StaffDO::getServiceScope, reqVO.getServiceScope())
.eqIfPresent(StaffDO::getSign, reqVO.getSign()) .eqIfPresent(StaffDO::getSign, reqVO.getSign())
.eqIfPresent(StaffDO::getStatus, reqVO.getStatus()) .eqIfPresent(StaffDO::getStatus, reqVO.getStatus())

21
yudao-module-subscribe/yudao-module-subscribe-biz/src/main/java/cn/iocoder/yudao/module/srbscribe/service/staff/StaffServiceImpl.java
View File

@ -1,16 +1,23 @@
package cn.iocoder.yudao.module.srbscribe.service.staff; package cn.iocoder.yudao.module.srbscribe.service.staff;
import cn.iocoder.yudao.framework.common.pojo.PageResult; import cn.iocoder.yudao.framework.common.pojo.PageResult;
import cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo.ServiceTimeVO;
import cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo.StaffPageReqVO; import cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo.StaffPageReqVO;
import cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo.StaffSaveReqVO; import cn.iocoder.yudao.module.srbscribe.controller.admin.staff.vo.StaffSaveReqVO;
import cn.iocoder.yudao.module.srbscribe.dal.dataobject.organization.OrganizationDO; import cn.iocoder.yudao.module.srbscribe.dal.dataobject.organization.OrganizationDO;
import cn.iocoder.yudao.module.srbscribe.dal.dataobject.staff.StaffDO; import cn.iocoder.yudao.module.srbscribe.dal.dataobject.staff.StaffDO;
import cn.iocoder.yudao.module.srbscribe.dal.mysql.organization.OrganizationMapper; import cn.iocoder.yudao.module.srbscribe.dal.mysql.organization.OrganizationMapper;
import cn.iocoder.yudao.module.srbscribe.dal.mysql.staff.StaffMapper; import cn.iocoder.yudao.module.srbscribe.dal.mysql.staff.StaffMapper;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.alibaba.fastjson.TypeReference;
import org.springframework.stereotype.Service; import org.springframework.stereotype.Service;
import javax.annotation.Resource; import javax.annotation.Resource;
import org.springframework.validation.annotation.Validated; import org.springframework.validation.annotation.Validated;
import cn.iocoder.yudao.framework.common.util.object.BeanUtils; import cn.iocoder.yudao.framework.common.util.object.BeanUtils;
import java.util.List;
import static cn.iocoder.yudao.framework.common.exception.util.ServiceExceptionUtil.exception; import static cn.iocoder.yudao.framework.common.exception.util.ServiceExceptionUtil.exception;
import static cn.iocoder.yudao.module.subscribe.enums.ErrorCodeConstants.*; import static cn.iocoder.yudao.module.subscribe.enums.ErrorCodeConstants.*;
@ -40,6 +47,7 @@ public class StaffServiceImpl implements StaffService {
@Override @Override
public void updateStaff(StaffSaveReqVO updateReqVO) { public void updateStaff(StaffSaveReqVO updateReqVO) {
JSON.toJSONString(updateReqVO.getServiceTime());
// 校验存在 // 校验存在
validateStaffExists(updateReqVO.getId()); validateStaffExists(updateReqVO.getId());
// 更新 // 更新
@ -69,11 +77,24 @@ public class StaffServiceImpl implements StaffService {
@Override @Override
public PageResult<StaffDO> getStaffPage(StaffPageReqVO pageReqVO) { public PageResult<StaffDO> getStaffPage(StaffPageReqVO pageReqVO) {
PageResult<StaffDO> staffDOPageResult = staffMapper.selectPage(pageReqVO); PageResult<StaffDO> staffDOPageResult = staffMapper.selectPage(pageReqVO);
String serviceTime = "";
for (int i = 0; i < staffDOPageResult.getList().size(); i++) { for (int i = 0; i < staffDOPageResult.getList().size(); i++) {
StaffDO staffDO = staffDOPageResult.getList().get(i); StaffDO staffDO = staffDOPageResult.getList().get(i);
OrganizationDO organizationDO = organizationMapper.selectOne("id", staffDO.getOrganizationId()); OrganizationDO organizationDO = organizationMapper.selectOne("id", staffDO.getOrganizationId());
staffDO.setOrganizationName(organizationDO.getName()); staffDO.setOrganizationName(organizationDO.getName());
//把StringJSON格式serviceTime转成对象
List<ServiceTimeVO> serviceTimeVOS = JSON.parseObject(staffDO.getServiceTime(), new TypeReference<List<ServiceTimeVO>>() {});
for (int j = 0; j < serviceTimeVOS.size(); j++) {
ServiceTimeVO serviceTimeVO = serviceTimeVOS.get(j);
serviceTime = serviceTime + serviceTimeVO.getStart() + " - " + serviceTimeVO.getEnd() + " , ";
}
String replaceAll = serviceTime.replaceAll(",\\s*$", "");
staffDO.setServiceTimeArray(replaceAll);
serviceTime = "";
} }
return staffDOPageResult; return staffDOPageResult;
} }