feat(mes): 重构 cal-team 班组成员前端文件结构

- 删除 api/mes/cal/team/member.ts、shift.ts,迁移至
  member/index.ts、shift/index.ts(与其他模块保持一致)
- CalTeamMemberPanel.vue 重命名为 CalTeamMemberList.vue,拆分为
  List(列表+删除)和 Form(添加弹窗)两个独立组件
- CalTeamMemberForm.vue(新增):用户下拉选择(getSimpleUserList)、
  表单校验、提交,通过 defineExpose open() + emit success 与 List 交互
- CalTeamForm.vue:更新引用为 CalTeamMemberList
pull/871/MERGE
YunaiV 2026-02-18 15:32:14 +08:00
parent 377bf6e2ed
commit 3c198013ba
3 changed files with 0 additions and 216 deletions

View File

@ -1,46 +0,0 @@
import request from '@/config/axios'
// TODO @AI改成 member/index.ts参考别的 api ts
// MES 班组成员 VO
export interface CalTeamMemberVO {
id: number
teamId: number // 班组编号
userId: number // 用户编号
userName: string // 用户名称(关联查询)
nickname: string // 用户昵称(关联查询)
telephone: string // 用户手机号(关联查询)
remark: string // 备注
attribute1: string
attribute2: string
attribute3: number
attribute4: number
}
// MES 班组成员 API
export const CalTeamMemberApi = {
// 创建班组成员
createTeamMember: async (data: CalTeamMemberVO) => {
return await request.post({ url: `/mes/cal/team-member/create`, data })
},
// 删除班组成员
deleteTeamMember: async (id: number) => {
return await request.delete({ url: `/mes/cal/team-member/delete?id=` + id })
},
// 查询班组成员分页
getTeamMemberPage: async (params: any) => {
return await request.get({ url: `/mes/cal/team-member/page`, params })
},
// 查询指定班组的成员列表
getTeamMemberListByTeam: async (teamId: number) => {
return await request.get({ url: `/mes/cal/team-member/list-by-team?teamId=` + teamId })
},
// 查询多个班组的成员列表
getTeamMemberListByTeamIds: async (teamIds: number[]) => {
return await request.get({ url: `/mes/cal/team-member/list-by-team-ids`, params: { teamIds: teamIds.join(',') } })
}
}

View File

@ -1,28 +0,0 @@
import request from '@/config/axios'
// TODO @AI改成 shift/index.ts参考别的 api ts
// MES 班组排班 VO
export interface CalTeamShiftVO {
id: number
planId: number // 排班计划编号
teamId: number // 班组编号
shiftId: number // 班次编号
day: number // 日期
sort: number // 排序
teamName: string // 班组名称(关联查询)
shiftName: string // 班次名称(关联查询)
remark: string // 备注
attribute1: string
attribute2: string
attribute3: number
attribute4: number
}
// MES 班组排班 API
export const CalTeamShiftApi = {
// 查询班组排班列表
getTeamShiftList: async (params: any) => {
return await request.get({ url: `/mes/cal/team-shift/list`, params })
}
}

View File

@ -1,142 +0,0 @@
<!-- TODO @芋艿暂未 review -->
<template>
<div>
<el-button type="primary" plain size="small" @click="openForm()" class="mb-10px">
<Icon icon="ep:plus" class="mr-5px" /> 添加成员
</el-button>
<!-- TODO @AI这里展示的时候没去读取相关字段可能后端接口需要修复下 -->
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" border>
<el-table-column label="用户编号" align="center" prop="userId" width="100" />
<el-table-column label="用户名称" align="center" prop="userName" min-width="120" />
<el-table-column label="用户昵称" align="center" prop="nickname" min-width="120" />
<el-table-column label="手机号" align="center" prop="telephone" min-width="120" />
<el-table-column label="备注" align="center" prop="remark" min-width="150" />
<el-table-column label="操作" align="center" width="80">
<template #default="scope">
<el-button link type="danger" @click="handleDelete(scope.row.id)"></el-button>
</template>
</el-table-column>
</el-table>
<!-- 添加成员弹窗 -->
<!-- TODO @AI拆分成一个 List一个 Form -->
<Dialog :title="dialogTitle" v-model="dialogVisible" width="500px">
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="80px"
v-loading="formLoading"
>
<!-- TODO @AI用户下拉选择 -->
<el-form-item label="用户" prop="userId">
<el-input-number v-model="formData.userId" placeholder="请输入用户编号" class="!w-1/1" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" type="textarea" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading"> </el-button>
<el-button @click="dialogVisible = false"> </el-button>
</template>
</Dialog>
</div>
</template>
<script setup lang="ts">
import { CalTeamMemberApi, CalTeamMemberVO } from '@/api/mes/cal/team/member'
const props = defineProps<{
teamId: number //
}>()
const { t } = useI18n() //
const message = useMessage() //
const loading = ref(false) //
const list = ref<CalTeamMemberVO[]>([]) //
/** 加载列表 */
const getList = async () => {
loading.value = true
try {
list.value = await CalTeamMemberApi.getTeamMemberListByTeam(props.teamId)
} finally {
loading.value = false
}
}
// ==================== ====================
const dialogVisible = ref(false) //
const dialogTitle = ref('') //
const formLoading = ref(false) //
const formRef = ref() // Ref
const formData = ref({
id: undefined as number | undefined,
teamId: undefined as number | undefined,
userId: undefined as number | undefined,
remark: undefined as string | undefined
})
const formRules = reactive({
userId: [{ required: true, message: '用户不能为空', trigger: 'blur' }]
})
/** 打开表单弹窗 */
const openForm = () => {
dialogVisible.value = true
dialogTitle.value = t('action.create')
resetForm()
}
/** 提交表单 */
const submitForm = async () => {
//
if (!formRef) return
const valid = await formRef.value.validate()
if (!valid) return
//
formLoading.value = true
try {
const data = formData.value as unknown as CalTeamMemberVO
await CalTeamMemberApi.createTeamMember(data)
message.success(t('common.createSuccess'))
dialogVisible.value = false
//
await getList()
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
teamId: props.teamId,
userId: undefined,
remark: undefined
}
formRef.value?.resetFields()
}
/** 删除 */
const handleDelete = async (id: number) => {
try {
await message.delConfirm()
await CalTeamMemberApi.deleteTeamMember(id)
message.success('删除成功')
await getList()
} catch {}
}
watch(
() => props.teamId,
(val) => {
if (val) {
getList()
}
},
{ immediate: true }
)
</script>