feat(dormitory): 添加宿舍管理系统相关接口和组件

- 新增宿舍审批管理模块,包括申请、审核、合同等流程功能
- 新增宿舍床铺管理模块,支持床位分配、上下铺设置、充电口配置
- 新增宿舍楼栋管理模块,支持楼栋信息维护和状态管理
- 新增宿舍楼层管理模块,支持楼层信息维护和排序功能
- 新增宿舍房间记录管理模块,支持房间基本信息和设施配置
- 新增商城用户管理模块,完善用户信息和权限管理
- 新增学生选择器组件,支持双击选择和单选操作
- 新增宿舍仪表盘搜索组件,集成字段扩展、字典管理等快捷入口
- 新增小程序编辑组件,支持Logo上传、域名配置、SEO设置等功能
This commit is contained in:
2025-10-04 15:14:03 +08:00
parent 398737d46d
commit 650c80f5fe
49 changed files with 6835 additions and 39 deletions

View File

@@ -0,0 +1,137 @@
<template>
<ele-modal
:width="750"
:visible="visible"
:maskClosable="false"
:title="title"
:footer="null"
:body-style="{ paddingBottom: '28px' }"
@update:visible="updateVisible"
>
<ele-pro-table
ref="tableRef"
row-key="userId"
:datasource="datasource"
:columns="columns"
:customRow="customRow"
:pagination="false"
>
<template #toolbar>
<a-space>
<span class="text-orange-400 px-3">操作提示双击选择</span>
</a-space>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'websiteLogo'">
<a-avatar :src="record.websiteLogo" />
</template>
<template v-if="column.key === 'action'">
<a-radio @click="onRadio(record)" />
</template>
</template>
</ele-pro-table>
</ele-modal>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import {
ColumnItem,
DatasourceFunction
} from 'ele-admin-pro/es/ele-pro-table/types';
import { EleProTable } from 'ele-admin-pro';
import {User, UserParam} from "@/api/system/user/model";
import {pageUsers} from "@/api/system/user";
const props = defineProps<{
// 弹窗是否打开
visible: boolean;
// 标题
title?: string;
// 修改回显的数据
data?: User | null;
}>();
const emit = defineEmits<{
(e: 'done', data: User): void;
(e: 'update:visible', visible: boolean): void;
}>();
/* 更新visible */
const updateVisible = (value: boolean) => {
emit('update:visible', value);
};
// 搜索内容
const searchText = ref(null);
// 表格实例
const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
// 表格配置
const columns = ref<ColumnItem[]>([
{
title: 'LOGO',
dataIndex: 'websiteLogo',
key: 'websiteLogo',
width: 90,
align: 'center'
},
{
title: '网站名称',
dataIndex: 'websiteName',
key: 'websiteName'
},
{
title: '域名',
dataIndex: 'domain',
key: 'domain'
},
// {
// title: '状态',
// dataIndex: 'status',
// key: 'status',
// align: 'center'
// }
]);
// 表格数据源
const datasource: DatasourceFunction = ({ page, limit, where, orders }) => {
if(searchText.value){
where.keywords = searchText.value;
}
return pageUsers({
...where,
...orders,
page,
limit
});
};
/* 搜索 */
const reload = (where?: UserParam) => {
tableRef?.value?.reload({ page: 1, ...where });
};
const onRadio = (record: User) => {
updateVisible(false);
emit('done', record);
};
/* 自定义行属性 */
const customRow = (record: User) => {
return {
// 行点击事件
// onClick: () => {
// updateVisible(false);
// emit('done', record);
// },
// 行双击事件
onDblclick: () => {
updateVisible(false);
emit('done', record);
}
};
};
</script>
<style lang="less"></style>

View File

@@ -0,0 +1,53 @@
<template>
<div>
<a-button @click="openEdit">
<template #icon><BulbOutlined v-if="value > 20" class="ele-text-heading" /><BulbOutlined v-else class="ele-text-danger" /></template>
</a-button>
<!-- 选择弹窗 -->
<SelectData
v-model:visible="showEdit"
:data="current"
:title="placeholder"
:customer-type="customerType"
@done="onChange"
/>
</div>
</template>
<script lang="ts" setup>
import { BulbOutlined } from '@ant-design/icons-vue';
import { ref } from 'vue';
import SelectData from './components/select-data.vue';
import {User} from "@/api/system/user/model";
const props = withDefaults(
defineProps<{
value?: any;
customerType?: string;
placeholder?: string;
}>(),
{
placeholder: '请选择数据'
}
);
const emit = defineEmits<{
(e: 'done', data: User): void;
(e: 'clear'): void;
}>();
// 是否显示编辑弹窗
const showEdit = ref(false);
// 当前编辑数据
const current = ref<User | null>(null);
/* 打开编辑弹窗 */
const openEdit = (row?: User) => {
current.value = row ?? null;
showEdit.value = true;
};
const onChange = (row: User) => {
emit('done', row);
};
</script>