| | |
| | | } |
| | | |
| | | // 查询列表 |
| | | export const getList = () => { |
| | | return request.get({ url: '/model/mpk/group/list' }) |
| | | export const getList = (params) => { |
| | | return request.get({ url: '/model/mpk/group/list', params }) |
| | | } |
| | | |
| | | // 获得 |
| | |
| | | <el-input v-model="formData.iconDesc" placeholder="请输入图标描述" /> |
| | | </el-form-item> |
| | | <el-form-item label="排序" prop="sort"> |
| | | <el-input v-model="formData.sort" placeholder="请输入排序" /> |
| | | <el-input-number v-model="formData.sort" :min="0" clearable controls-position="right" /> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | |
| | | :rules="formRules" |
| | | label-width="80px" |
| | | > |
| | | <el-form-item label="图标名称" prop="iconName"> |
| | | <el-input v-model="formData.iconName" placeholder="请输入图标名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="图标描述" prop="iconDesc"> |
| | | <el-input v-model="formData.iconDesc" placeholder="请输入图标描述" /> |
| | | <el-form-item label="菜单名称" prop="name"> |
| | | <el-input v-model="formData.name" placeholder="请输入菜单名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="排序" prop="sort"> |
| | | <el-input v-model="formData.sort" placeholder="请输入排序" /> |
| | | <el-input-number v-model="formData.sort" :min="0" clearable controls-position="right" /> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | |
| | | <el-input v-model="formData.name" placeholder="请输入分组名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="排序" prop="sort"> |
| | | <el-input v-model="formData.sort" placeholder="请输入排序" /> |
| | | <el-input-number v-model="formData.sort" :min="0" clearable controls-position="right" /> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | |
| | | const formType = ref('') // 表单的类型:create - 新增;update - 修改 |
| | | const formData = ref({ |
| | | id: undefined, |
| | | menuId: '', |
| | | name: '', |
| | | sort: undefined |
| | | }) |
| | |
| | | const formRef = ref() // 表单 Ref |
| | | |
| | | /** 打开弹窗 */ |
| | | const open = async (type: string, id?: number) => { |
| | | const open = async (type: string, id?: string, menuId?: string) => { |
| | | dialogVisible.value = true |
| | | dialogTitle.value = t('action.' + type) |
| | | formType.value = type |
| | | resetForm() |
| | | if (menuId) { |
| | | formData.value.menuId = menuId |
| | | } |
| | | // 修改时,设置数据 |
| | | if (id) { |
| | | formLoading.value = true |
| | |
| | | loading.value = true |
| | | try { |
| | | const data = await MpkGroupApi.getList(queryParams) |
| | | list.value = data.list |
| | | list.value = data |
| | | } finally { |
| | | loading.value = false |
| | | } |
| | |
| | | /** 添加/修改操作 */ |
| | | const formRef = ref() |
| | | const openForm = (type: string, id?: string) => { |
| | | formRef.value.open(type, id) |
| | | formRef.value.open(type, id, queryParams.menuId) |
| | | } |
| | | |
| | | /** 删除按钮操作 */ |
| | |
| | | :inline="true" |
| | | label-width="68px" |
| | | > |
| | | <el-form-item label="模型名称" prop="iconName"> |
| | | <el-form-item label="菜单名称" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.iconName" |
| | | v-model="queryParams.name" |
| | | placeholder="请输入名称" |
| | | clearable |
| | | class="!w-240px" |
| | |
| | | :data="list" |
| | | row-key="id" |
| | | > |
| | | <el-table-column prop="name" label="名称"/> |
| | | <el-table-column prop="name" label="菜单名称"/> |
| | | <el-table-column prop="sort" label="排序"/> |
| | | <el-table-column label="操作" align="center" width="200px"> |
| | | <template #default="scope"> |
| | |
| | | loading.value = true |
| | | try { |
| | | const data = await MpkMenuApi.getList(queryParams) |
| | | list.value = data.list |
| | | list.value = data |
| | | } finally { |
| | | loading.value = false |
| | | } |