yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ feat(mes): 更新 MES 编码相关的 API 路径并添加编码规则分段功能

pull/871/MERGE
YunaiV 2026-03-04 23:55:26 +08:00
parent 2e87bf55b5
commit 78f7110770
8 changed files with 849 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/api/mes/md/autocode/part/index.ts Normal file
View File

@ -0,0 +1,40 @@
import request from '@/config/axios'
// MES 编码规则分段 VO
export interface AutoCodePartVO {
id: number // 分段编号
ruleId: number // 规则编号
sort: number // 排序
type: number // 分段类型
length: number // 长度
dateFormat: string // 日期格式
fixCharacter: string // 固定字符
serialStartNo: number // 流水号起始值
serialStep: number // 流水号步长
cycleFlag: boolean // 是否循环
cycleMethod: number // 循环方式
remark: string // 备注
}
// MES 编码规则分段 API
export const AutoCodePartApi = {
// 查询编码规则分段列表
getAutoCodePartListByRuleId: async (ruleId: number) => {
return await request.get({ url: `/mes/md/auto-code-part/list-by-rule-id?ruleId=` + ruleId })
},
// 新增编码规则分段
createAutoCodePart: async (data: AutoCodePartVO) => {
return await request.post({ url: `/mes/md/auto-code-part/create`, data })
},
// 修改编码规则分段
updateAutoCodePart: async (data: AutoCodePartVO) => {
return await request.put({ url: `/mes/md/auto-code-part/update`, data })
},
// 删除编码规则分段
deleteAutoCodePart: async (id: number) => {
return await request.delete({ url: `/mes/md/auto-code-part/delete?id=` + id })
}
}

12
src/api/mes/md/autocode/record/index.ts Normal file
View File

@ -0,0 +1,12 @@
import request from '@/config/axios'
// MES 编码生成 API
export const AutoCodeRecordApi = {
// 生成编码
generateAutoCode: async (ruleCode: string, inputChar?: string) => {
return await request.post({
url: `/mes/md/auto-code-record/generate`,
data: { ruleCode, inputChar }
})
}
}

48
src/api/mes/md/autocode/rule/index.ts Normal file
View File

@ -0,0 +1,48 @@
import request from '@/config/axios'
// MES 编码规则 VO
export interface AutoCodeRuleVO {
id: number // 规则编号
code: string // 规则编码
name: string // 规则名称
description: string // 规则描述
maxLength: number // 最大长度
padded: boolean // 是否补齐
paddedChar: string // 补齐字符
paddedMethod: number // 补齐方式
status: number // 状态
remark: string // 备注
}
// MES 编码规则 API
export const AutoCodeRuleApi = {
// 查询编码规则分页
getAutoCodeRulePage: async (params: any) => {
return await request.get({ url: `/mes/md/auto-code-rule/page`, params })
},
// 查询编码规则详情
getAutoCodeRule: async (id: number) => {
return await request.get({ url: `/mes/md/auto-code-rule/get?id=` + id })
},
// 新增编码规则
createAutoCodeRule: async (data: AutoCodeRuleVO) => {
return await request.post({ url: `/mes/md/auto-code-rule/create`, data })
},
// 修改编码规则
updateAutoCodeRule: async (data: AutoCodeRuleVO) => {
return await request.put({ url: `/mes/md/auto-code-rule/update`, data })
},
// 删除编码规则
deleteAutoCodeRule: async (id: number) => {
return await request.delete({ url: `/mes/md/auto-code-rule/delete?id=` + id })
},
// 导出编码规则 Excel
exportAutoCodeRule: async (params: any) => {
return await request.download({ url: `/mes/md/auto-code-rule/export-excel`, params })
}
}

3
src/utils/dict.ts
View File

@ -309,4 +309,7 @@ export enum DICT_TYPE {
MES_WM_MISC_RECEIPT_TYPE = 'mes_wm_misc_receipt_type', // MES 杂项单类型
MES_WM_OUTSOURCE_RECEIPT_STATUS = 'mes_wm_outsource_receipt_status', // MES 外协入库单状态
MES_WM_OUTSOURCE_ISSUE_STATUS = 'mes_wm_outsource_issue_status', // MES 外协出库单状态
MES_MD_AUTO_CODE_PART_TYPE = 'mes_md_auto_code_part_type', // MES 编码规则分段类型
MES_MD_AUTO_CODE_PADDED_METHOD = 'mes_md_auto_code_padded_method', // MES 编码规则补齐方式
MES_MD_AUTO_CODE_CYCLE_METHOD = 'mes_md_auto_code_cycle_method', // MES 编码规则循环方式
}

243
src/views/mes/autocode/rule/AutoCodePartForm.vue Normal file
View File

@ -0,0 +1,243 @@
<!-- MES 编码规则分段的新增/修改 -->
<!-- TODO @AI：每行一个； -->
<!-- TODO @AI：所有 magic number 枚举的，都使用 mes utils 里的枚举；没有就新建 -->
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="800px">
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="120px"
v-loading="formLoading"
>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="分段类型" prop="type">
<el-select
v-model="formData.type"
placeholder="请选择分段类型"
class="!w-1/1"
@change="handleTypeChange"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.MES_MD_AUTO_CODE_PART_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="长度" prop="length">
<el-input-number
v-model="formData.length"
placeholder="请输入长度"
:min="1"
:max="50"
class="!w-1/1"
/>
</el-form-item>
</el-col>
<!-- 输入字符类型 -->
<template v-if="formData.type === 1">
<!-- 输入字符类型不需要额外配置 -->
</template>
<!-- 当前日期类型 -->
<template v-if="formData.type === 2">
<el-col :span="12">
<el-form-item label="日期格式" prop="dateFormat">
<el-select v-model="formData.dateFormat" placeholder="请选择日期格式" class="!w-1/1">
<el-option label="yyyy" value="yyyy" />
<el-option label="yyyyMM" value="yyyyMM" />
<el-option label="yyyyMMdd" value="yyyyMMdd" />
<el-option label="yyyyMMddHH" value="yyyyMMddHH" />
<el-option label="yyyyMMddHHmm" value="yyyyMMddHHmm" />
</el-select>
</el-form-item>
</el-col>
</template>
<!-- 固定字符类型 -->
<template v-if="formData.type === 3">
<el-col :span="12">
<el-form-item label="固定字符" prop="fixCharacter">
<el-input v-model="formData.fixCharacter" placeholder="请输入固定字符" />
</el-form-item>
</el-col>
</template>
<!-- 流水号类型 -->
<template v-if="formData.type === 4">
<el-col :span="12">
<el-form-item label="流水号起始值" prop="serialStartNo">
<el-input-number
v-model="formData.serialStartNo"
placeholder="请输入流水号起始值"
:min="1"
class="!w-1/1"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="流水号步长" prop="serialStep">
<el-input-number
v-model="formData.serialStep"
placeholder="请输入流水号步长"
:min="1"
class="!w-1/1"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否循环" prop="cycleFlag">
<el-switch v-model="formData.cycleFlag" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.cycleFlag">
<el-form-item label="循环方式" prop="cycleMethod">
<el-select v-model="formData.cycleMethod" placeholder="请选择循环方式" class="!w-1/1">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.MES_MD_AUTO_CODE_CYCLE_METHOD)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</template>
<el-col :span="12">
<el-form-item label="排序" prop="sort">
<el-input-number
v-model="formData.sort"
placeholder="请输入排序"
:min="1"
class="!w-1/1"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { AutoCodePartApi, AutoCodePartVO } from '@/api/mes/md/autocode/part'
defineOptions({ name: 'AutoCodePartForm' })
const { t } = useI18n()
const message = useMessage()
const dialogVisible = ref(false)
const dialogTitle = ref('')
const formLoading = ref(false)
const formType = ref('')
const formData = ref({
id: undefined,
ruleId: undefined,
sort: 1,
type: undefined,
length: 1,
dateFormat: undefined,
fixCharacter: undefined,
serialStartNo: 1,
serialStep: 1,
cycleFlag: false,
cycleMethod: undefined,
remark: undefined
})
const formRules = reactive({
sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
type: [{ required: true, message: '分段类型不能为空', trigger: 'change' }],
length: [{ required: true, message: '长度不能为空', trigger: 'blur' }],
dateFormat: [{ required: true, message: '日期格式不能为空', trigger: 'change' }],
fixCharacter: [{ required: true, message: '固定字符不能为空', trigger: 'blur' }],
serialStartNo: [{ required: true, message: '流水号起始值不能为空', trigger: 'blur' }],
serialStep: [{ required: true, message: '流水号步长不能为空', trigger: 'blur' }],
cycleMethod: [{ required: true, message: '循环方式不能为空', trigger: 'change' }]
})
const formRef = ref()
/** 分段类型变化 */
const handleTypeChange = () => {
// 清空其他类型的字段
formData.value.dateFormat = undefined
formData.value.fixCharacter = undefined
formData.value.serialStartNo = 1
formData.value.serialStep = 1
formData.value.cycleFlag = false
formData.value.cycleMethod = undefined
}
/** 打开弹窗 */
const open = async (type: string, id?: number, ruleId?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
formData.value.ruleId = ruleId
if (id) {
formLoading.value = true
try {
const data = await AutoCodePartApi.getAutoCodePartListByRuleId(ruleId!)
const part = data.find((item) => item.id === id)
if (part) {
formData.value = part
}
} finally {
formLoading.value = false
}
}
}
defineExpose({ open })
/** 提交表单 */
const emit = defineEmits(['success'])
const submitForm = async () => {
await formRef.value.validate()
formLoading.value = true
try {
const data = formData.value as unknown as AutoCodePartVO
if (formType.value === 'create') {
await AutoCodePartApi.createAutoCodePart(data)
message.success(t('common.createSuccess'))
} else {
await AutoCodePartApi.updateAutoCodePart(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
ruleId: undefined,
sort: 1,
type: undefined,
length: 1,
dateFormat: undefined,
fixCharacter: undefined,
serialStartNo: 1,
serialStep: 1,
cycleFlag: false,
cycleMethod: undefined,
remark: undefined
}
formRef.value?.resetFields()
}
</script>

99
src/views/mes/autocode/rule/AutoCodePartList.vue Normal file
View File

@ -0,0 +1,99 @@
<!-- MES 编码规则分段列表 -->
<template>
<ContentWrap>
<el-button type="primary" plain @click="openForm('create')" class="mb-10px">
<Icon icon="ep:plus" class="mr-5px" /> 新增分段
</el-button>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="排序" align="center" prop="sort" width="80" />
<el-table-column label="分段类型" align="center" prop="type" width="120">
<template #default="scope">
<dict-tag :type="DICT_TYPE.MES_MD_AUTO_CODE_PART_TYPE" :value="scope.row.type" />
</template>
</el-table-column>
<el-table-column label="长度" align="center" prop="length" width="80" />
<el-table-column label="日期格式" align="center" prop="dateFormat" width="150" />
<el-table-column label="固定字符" align="center" prop="fixCharacter" width="120" />
<el-table-column label="流水号起始" align="center" prop="serialStartNo" width="100" />
<el-table-column label="流水号步长" align="center" prop="serialStep" width="100" />
<el-table-column label="是否循环" align="center" prop="cycleFlag" width="100">
<template #default="scope">
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.cycleFlag" />
</template>
</el-table-column>
<el-table-column label="循环方式" align="center" prop="cycleMethod" width="120">
<template #default="scope">
<dict-tag
v-if="scope.row.cycleFlag"
:type="DICT_TYPE.MES_MD_AUTO_CODE_CYCLE_METHOD"
:value="scope.row.cycleMethod"
/>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
<el-table-column label="操作" align="center" width="150" fixed="right">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id)">
编辑
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<AutoCodePartForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { DICT_TYPE } from '@/utils/dict'
import { AutoCodePartApi, AutoCodePartVO } from '@/api/mes/md/autocode/part'
import AutoCodePartForm from './AutoCodePartForm.vue'
defineOptions({ name: 'AutoCodePartList' })
const message = useMessage()
const { t } = useI18n()
const props = defineProps({
ruleId: {
type: Number,
required: true
}
})
const loading = ref(true)
const list = ref<AutoCodePartVO[]>([])
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
list.value = await AutoCodePartApi.getAutoCodePartListByRuleId(props.ruleId)
} finally {
loading.value = false
}
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
formRef.value.open(type, id, props.ruleId)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
await message.delConfirm()
await AutoCodePartApi.deleteAutoCodePart(id)
message.success(t('common.delSuccess'))
await getList()
} catch {}
}
/** 初始化 **/
onMounted(async () => {
await getList()
})
</script>

190
src/views/mes/autocode/rule/AutoCodeRuleForm.vue Normal file
View File

@ -0,0 +1,190 @@
<!-- MES 编码规则的新增/修改 -->
<!-- TODO @AI：最大长度，默认是有的把；-->
<!-- TODO @AI：所有 magic number 枚举的，都使用 mes utils 里的枚举；没有就新建 -->
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="1000px">
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="120px"
v-loading="formLoading"
>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="规则编码" prop="code">
<el-input v-model="formData.code" placeholder="请输入规则编码" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规则名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入规则名称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="状态" prop="status">
<el-radio-group v-model="formData.status">
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:value="dict.value"
>
{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="规则描述" prop="description">
<el-input v-model="formData.description" placeholder="请输入规则描述" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否补齐" prop="padded">
<el-switch v-model="formData.padded" />
</el-form-item>
</el-col>
<el-col :span="8" v-if="formData.padded">
<el-form-item label="最大长度" prop="maxLength">
<el-input-number
v-model="formData.maxLength"
placeholder="请输入最大长度"
:min="1"
:max="100"
class="!w-1/1"
/>
</el-form-item>
</el-col>
<el-col :span="8" v-if="formData.padded">
<el-form-item label="补齐字符" prop="paddedChar">
<el-input v-model="formData.paddedChar" placeholder="请输入补齐字符" maxlength="1" />
</el-form-item>
</el-col>
<el-col :span="8" v-if="formData.padded">
<el-form-item label="补齐方式" prop="paddedMethod">
<el-select v-model="formData.paddedMethod" placeholder="请选择补齐方式" class="!w-1/1">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.MES_MD_AUTO_CODE_PADDED_METHOD)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- 底部 Tab：仅修改时展示 -->
<!-- TODO @AI：el- 风格先的交互，参考别的界面； -->
<el-tabs v-model="activeTab" v-if="formType === 'update' && formData.id">
<el-tab-pane label="编码分段" name="parts" lazy>
<AutoCodePartList :ruleId="formData.id!" />
</el-tab-pane>
</el-tabs>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { AutoCodeRuleApi, AutoCodeRuleVO } from '@/api/mes/md/autocode/rule'
import AutoCodePartList from './AutoCodePartList.vue'
import { CommonStatusEnum } from '@/utils/constants'
defineOptions({ name: 'AutoCodeRuleForm' })
const { t } = useI18n()
const message = useMessage()
// TODO @AI：/Users/yunai/Java/yudao-all-in-one/yudao-ui-admin-vue3/src/views/system/user/UserForm.vue 注释风格；
const dialogVisible = ref(false)
const dialogTitle = ref('')
const formLoading = ref(false)
const formType = ref('')
const activeTab = ref('parts')
const formData = ref({
id: undefined,
code: undefined,
name: undefined,
description: undefined,
maxLength: 20,
padded: false,
paddedChar: '0',
paddedMethod: 1, // TODO @AI：这里有枚举，需要使用下；
status: CommonStatusEnum.ENABLE,
remark: undefined
})
const formRules = reactive({
code: [{ required: true, message: '规则编码不能为空', trigger: 'blur' }],
name: [{ required: true, message: '规则名称不能为空', trigger: 'blur' }],
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
maxLength: [{ required: true, message: '最大长度不能为空', trigger: 'blur' }],
paddedChar: [{ required: true, message: '补齐字符不能为空', trigger: 'blur' }],
paddedMethod: [{ required: true, message: '补齐方式不能为空', trigger: 'change' }]
})
const formRef = ref()
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
activeTab.value = 'parts'
resetForm()
if (id) {
formLoading.value = true
try {
formData.value = await AutoCodeRuleApi.getAutoCodeRule(id)
} finally {
formLoading.value = false
}
}
}
defineExpose({ open })
/** 提交表单 */
const emit = defineEmits(['success'])
const submitForm = async () => {
await formRef.value.validate()
formLoading.value = true
try {
const data = formData.value as unknown as AutoCodeRuleVO
if (formType.value === 'create') {
await AutoCodeRuleApi.createAutoCodeRule(data)
message.success(t('common.createSuccess'))
} else {
await AutoCodeRuleApi.updateAutoCodeRule(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
code: undefined,
name: undefined,
description: undefined,
maxLength: 20,
padded: false,
paddedChar: '0',
paddedMethod: 1, // TODO @AI：这里有枚举，需要使用下；
status: CommonStatusEnum.ENABLE,
remark: undefined
}
formRef.value?.resetFields()
}
</script>

214
src/views/mes/autocode/rule/index.vue Normal file
View File

@ -0,0 +1,214 @@
<!-- MES 编码规则列表 -->
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form
class="-mb-15px"
:model="queryParams"
ref="queryFormRef"
:inline="true"
label-width="68px"
>
<el-form-item label="规则编码" prop="code">
<el-input
v-model="queryParams.code"
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="status">
<el-select
v-model="queryParams.status"
placeholder="请选择状态"
clearable
class="!w-240px"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<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
type="primary"
plain
@click="openForm('create')"
v-hasPermi="['mes:auto-code-rule:create']"
>
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
<el-button
type="success"
plain
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['mes:auto-code-rule:export']"
>
<Icon icon="ep:download" class="mr-5px" /> 导出
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="规则编码" align="center" prop="code" width="150" />
<el-table-column label="规则名称" align="center" prop="name" width="200" />
<el-table-column label="规则描述" align="center" prop="description" show-overflow-tooltip />
<el-table-column label="最大长度" align="center" prop="maxLength" width="100" />
<el-table-column label="是否补齐" align="center" prop="padded" width="100">
<template #default="scope">
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.padded" />
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" width="100">
<template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" align="center" width="150" fixed="right">
<template #default="scope">
<el-button
link
type="primary"
@click="openForm('update', scope.row.id)"
v-hasPermi="['mes:auto-code-rule:update']"
>
编辑
</el-button>
<el-button
link
type="danger"
@click="handleDelete(scope.row.id)"
v-hasPermi="['mes:auto-code-rule:delete']"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<AutoCodeRuleForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { AutoCodeRuleApi, AutoCodeRuleVO } from '@/api/mes/md/autocode/rule'
import AutoCodeRuleForm from './AutoCodeRuleForm.vue'
defineOptions({ name: 'MesAutoCodeRule' })
const message = useMessage()
const { t } = useI18n()
const loading = ref(true)
const list = ref<AutoCodeRuleVO[]>([])
const total = ref(0)
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
code: undefined,
name: undefined,
status: undefined
})
const queryFormRef = ref()
const exportLoading = ref(false)
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
const data = await AutoCodeRuleApi.getAutoCodeRulePage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value.resetFields()
handleQuery()
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
formRef.value.open(type, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
await message.delConfirm()
await AutoCodeRuleApi.deleteAutoCodeRule(id)
message.success(t('common.delSuccess'))
await getList()
} catch {}
}
/** 导出按钮操作 */
const handleExport = async () => {
try {
await message.exportConfirm()
exportLoading.value = true
const data = await AutoCodeRuleApi.exportAutoCodeRule(queryParams)
download.excel(data, '编码规则.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 初始化 **/
onMounted(async () => {
await getList()
})
</script>