pull/823/head
gnomeshgh 2025-09-16 14:46:27 +08:00
parent 7ddbf8712c
commit 317be57749
12 changed files with 1043 additions and 43 deletions

View File

@ -101,6 +101,7 @@
"cSpell.words": [ "cSpell.words": [
"brotli", "brotli",
"browserslist", "browserslist",
"CGDD",
"codemirror", "codemirror",
"commitlint", "commitlint",
"cropperjs", "cropperjs",
@ -108,14 +109,20 @@
"echarts", "echarts",
"esnext", "esnext",
"esno", "esno",
"FIXCHAR",
"gencode",
"iconify", "iconify",
"INPUTCHAR",
"INTLIFY", "INTLIFY",
"lintstagedrc", "lintstagedrc",
"logicflow", "logicflow",
"NOWDATE",
"nprogress", "nprogress",
"parttype",
"pinia", "pinia",
"pnpm", "pnpm",
"qrcode", "qrcode",
"SERIALNO",
"sider", "sider",
"sortablejs", "sortablejs",
"stylelint", "stylelint",

105
package-lock.json generated
View File

@ -1,15 +1,15 @@
{ {
"name": "yudao-ui-admin-vue3", "name": "yudao-ui-admin-vue3",
"version": "2.5.0-snapshot", "version": "2025.09-snapshot",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "yudao-ui-admin-vue3", "name": "yudao-ui-admin-vue3",
"version": "2.5.0-snapshot", "version": "2025.09-snapshot",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@element-plus/icons-vue": "^2.1.0", "@element-plus/icons-vue": "2.3.2",
"@form-create/designer": "^3.2.6", "@form-create/designer": "^3.2.6",
"@form-create/element-ui": "^3.2.11", "@form-create/element-ui": "^3.2.11",
"@iconify/iconify": "^3.1.1", "@iconify/iconify": "^3.1.1",
@ -20,7 +20,7 @@
"@wangeditor/editor-for-vue": "^5.1.10", "@wangeditor/editor-for-vue": "^5.1.10",
"@zxcvbn-ts/core": "^3.0.4", "@zxcvbn-ts/core": "^3.0.4",
"animate.css": "^4.1.1", "animate.css": "^4.1.1",
"axios": "^1.6.8", "axios": "1.9.0",
"benz-amr-recorder": "^1.1.5", "benz-amr-recorder": "^1.1.5",
"bpmn-js-token-simulation": "^0.36.0", "bpmn-js-token-simulation": "^0.36.0",
"camunda-bpmn-moddle": "^7.0.1", "camunda-bpmn-moddle": "^7.0.1",
@ -31,10 +31,11 @@
"driver.js": "^1.3.1", "driver.js": "^1.3.1",
"echarts": "^5.5.0", "echarts": "^5.5.0",
"echarts-wordcloud": "^2.1.0", "echarts-wordcloud": "^2.1.0",
"element-plus": "2.9.1", "element-plus": "2.11.1",
"fast-xml-parser": "^4.3.2", "fast-xml-parser": "^4.3.2",
"highlight.js": "^11.9.0", "highlight.js": "^11.9.0",
"jsencrypt": "^3.3.2", "jsencrypt": "^3.3.2",
"jsoneditor": "^10.1.3",
"lodash-es": "^4.17.21", "lodash-es": "^4.17.21",
"markdown-it": "^14.1.0", "markdown-it": "^14.1.0",
"markmap-common": "^0.16.0", "markmap-common": "^0.16.0",
@ -51,7 +52,6 @@
"sortablejs": "^1.15.3", "sortablejs": "^1.15.3",
"steady-xml": "^0.1.0", "steady-xml": "^0.1.0",
"url": "^0.11.3", "url": "^0.11.3",
"v3-jsoneditor": "^0.0.6",
"video.js": "^7.21.5", "video.js": "^7.21.5",
"vue": "3.5.12", "vue": "3.5.12",
"vue-dompurify-html": "^4.1.4", "vue-dompurify-html": "^4.1.4",
@ -69,6 +69,7 @@
"@iconify/json": "^2.2.187", "@iconify/json": "^2.2.187",
"@intlify/unplugin-vue-i18n": "^2.0.0", "@intlify/unplugin-vue-i18n": "^2.0.0",
"@purge-icons/generated": "^0.9.0", "@purge-icons/generated": "^0.9.0",
"@types/jsoneditor": "^9.9.5",
"@types/lodash-es": "^4.17.12", "@types/lodash-es": "^4.17.12",
"@types/node": "^20.11.21", "@types/node": "^20.11.21",
"@types/nprogress": "^0.2.3", "@types/nprogress": "^0.2.3",
@ -2310,9 +2311,9 @@
} }
}, },
"node_modules/@element-plus/icons-vue": { "node_modules/@element-plus/icons-vue": {
"version": "2.3.1", "version": "2.3.2",
"resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz", "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
"integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==", "integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
"license": "MIT", "license": "MIT",
"peerDependencies": { "peerDependencies": {
"vue": "^3.2.0" "vue": "^3.2.0"
@ -4492,6 +4493,13 @@
"node": ">=10.13.0" "node": ">=10.13.0"
} }
}, },
"node_modules/@types/ace": {
"version": "0.0.52",
"resolved": "https://registry.npmmirror.com/@types/ace/-/ace-0.0.52.tgz",
"integrity": "sha512-YPF9S7fzpuyrxru+sG/rrTpZkC6gpHBPF14W3x70kqVOD+ks6jkYLapk4yceh36xej7K4HYxcyz9ZDQ2lTvwgQ==",
"dev": true,
"license": "MIT"
},
"node_modules/@types/conventional-commits-parser": { "node_modules/@types/conventional-commits-parser": {
"version": "5.0.1", "version": "5.0.1",
"resolved": "https://registry.npmmirror.com/@types/conventional-commits-parser/-/conventional-commits-parser-5.0.1.tgz", "resolved": "https://registry.npmmirror.com/@types/conventional-commits-parser/-/conventional-commits-parser-5.0.1.tgz",
@ -4792,6 +4800,41 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/@types/jsoneditor": {
"version": "9.9.6",
"resolved": "https://registry.npmmirror.com/@types/jsoneditor/-/jsoneditor-9.9.6.tgz",
"integrity": "sha512-SJ29nWBIhnhtU5n72wxhPiuUVd8cnDHd7ZYMqVkzWtdRxTUdS8+oy1pg66yhmM1kcuanX3xmAAKfcyhhBnHEjQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"@types/ace": "*",
"ajv": "^6.12.0"
}
},
"node_modules/@types/jsoneditor/node_modules/ajv": {
"version": "6.12.6",
"resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz",
"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
"dev": true,
"license": "MIT",
"dependencies": {
"fast-deep-equal": "^3.1.1",
"fast-json-stable-stringify": "^2.0.0",
"json-schema-traverse": "^0.4.1",
"uri-js": "^4.2.2"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/epoberezkin"
}
},
"node_modules/@types/jsoneditor/node_modules/json-schema-traverse": {
"version": "0.4.1",
"resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
"dev": true,
"license": "MIT"
},
"node_modules/@types/lodash": { "node_modules/@types/lodash": {
"version": "4.17.16", "version": "4.17.16",
"resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.16.tgz", "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.16.tgz",
@ -9424,9 +9467,9 @@
"license": "ISC" "license": "ISC"
}, },
"node_modules/element-plus": { "node_modules/element-plus": {
"version": "2.9.1", "version": "2.11.1",
"resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.9.1.tgz", "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.11.1.tgz",
"integrity": "sha512-9Agqf/jt4Ugk7EZ6C5LME71sgkvauPCsnvJN12Xid2XVobjufxMGpRE4L7pS4luJMOmFAH3J0NgYEGZT5r+NDg==", "integrity": "sha512-weYFIniyNXTAe9vJZnmZpYzurh4TDbdKhBsJwhbzuo0SDZ8PLwHVll0qycJUxc6SLtH+7A9F7dvdDh5CnqeIVA==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@ctrl/tinycolor": "^3.4.1", "@ctrl/tinycolor": "^3.4.1",
@ -11866,20 +11909,19 @@
} }
}, },
"node_modules/jsoneditor": { "node_modules/jsoneditor": {
"version": "9.10.5", "version": "10.4.1",
"resolved": "https://registry.npmmirror.com/jsoneditor/-/jsoneditor-9.10.5.tgz", "resolved": "https://registry.npmmirror.com/jsoneditor/-/jsoneditor-10.4.1.tgz",
"integrity": "sha512-fVZ0NMt+zm4rqTKBv2x7zPdLeaRyKo1EjJkaR1QjK4gEM1rMwICILYSW1OPxSc1qqyAoDaA/eeNrluKoxOocCA==", "integrity": "sha512-89ao8IOKq6yTY+LSNw7FHoqcNrkATZN9W1u476P9ofGLSN/V0l2Je0MWG8HrYKMYqriJEpXmlsGT1CZbr99GWg==",
"license": "Apache-2.0", "license": "Apache-2.0",
"dependencies": { "dependencies": {
"ace-builds": "^1.31.1", "ace-builds": "^1.36.2",
"ajv": "^6.12.6", "ajv": "^6.12.6",
"javascript-natural-sort": "^0.7.1", "javascript-natural-sort": "^0.7.1",
"jmespath": "^0.16.0", "jmespath": "^0.16.0",
"json-source-map": "^0.6.1", "json-source-map": "^0.6.1",
"jsonrepair": "3.1.0", "jsonrepair": "^3.8.1",
"mobius1-selectr": "^2.4.13",
"picomodal": "^3.0.0", "picomodal": "^3.0.0",
"vanilla-picker": "^2.12.2" "vanilla-picker": "^2.12.3"
} }
}, },
"node_modules/jsoneditor/node_modules/ajv": { "node_modules/jsoneditor/node_modules/ajv": {
@ -11928,9 +11970,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/jsonrepair": { "node_modules/jsonrepair": {
"version": "3.1.0", "version": "3.13.0",
"resolved": "https://registry.npmmirror.com/jsonrepair/-/jsonrepair-3.1.0.tgz", "resolved": "https://registry.npmmirror.com/jsonrepair/-/jsonrepair-3.13.0.tgz",
"integrity": "sha512-idqReg23J0PVRAADmZMc5xQM3xeOX5bTB6OTyMnzq33IXJXmn9iJuWIEvGmrN80rQf4d7uLTMEDwpzujNcI0Rg==", "integrity": "sha512-5YRzlAQ7tuzV1nAJu3LvDlrKtBFIALHN2+a+I1MGJCt3ldRDBF/bZuvIPzae8Epot6KBXd0awRZZcuoeAsZ/mw==",
"license": "ISC", "license": "ISC",
"bin": { "bin": {
"jsonrepair": "bin/cli.js" "jsonrepair": "bin/cli.js"
@ -13025,12 +13067,6 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/mobius1-selectr": {
"version": "2.4.13",
"resolved": "https://registry.npmmirror.com/mobius1-selectr/-/mobius1-selectr-2.4.13.tgz",
"integrity": "sha512-Mk9qDrvU44UUL0EBhbAA1phfQZ7aMZPjwtL7wkpiBzGh8dETGqfsh50mWoX9EkjDlkONlErWXArHCKfoxVg0Bw==",
"license": "MIT"
},
"node_modules/moddle": { "node_modules/moddle": {
"version": "6.2.3", "version": "6.2.3",
"resolved": "https://registry.npmmirror.com/moddle/-/moddle-6.2.3.tgz", "resolved": "https://registry.npmmirror.com/moddle/-/moddle-6.2.3.tgz",
@ -16489,19 +16525,6 @@
"uuid": "dist/bin/uuid" "uuid": "dist/bin/uuid"
} }
}, },
"node_modules/v3-jsoneditor": {
"version": "0.0.6",
"resolved": "https://registry.npmmirror.com/v3-jsoneditor/-/v3-jsoneditor-0.0.6.tgz",
"integrity": "sha512-9G0sXWXUn67SBkn46ycWfwPwjuJu/lcsQaNzMtXAR2/95hMV21WfcRNsqJ+vVVrSHQehohB/9fVLwYEXz0u/KA==",
"license": "MIT",
"dependencies": {
"jsoneditor": "^9.10.0"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/pratik227"
}
},
"node_modules/vanilla-picker": { "node_modules/vanilla-picker": {
"version": "2.12.3", "version": "2.12.3",
"resolved": "https://registry.npmmirror.com/vanilla-picker/-/vanilla-picker-2.12.3.tgz", "resolved": "https://registry.npmmirror.com/vanilla-picker/-/vanilla-picker-2.12.3.tgz",

View File

@ -0,0 +1,7 @@
import request from '@/config/axios'
// 自动生成编码规则 API
export const genCodeApi = {
genCodeApi: async (ruleCode: string) => {
return await request.get({ url: `/infra/auto-code/get/` + ruleCode }) }
}

View File

@ -0,0 +1,54 @@
import request from '@/config/axios'
// 编码生成规则组成 VO
export interface AutoCodePartVO {
partId: number // 分段ID
ruleId: number // 规则ID
partIndex: number // 分段序号
partType: string // 分段类型INPUTCHAR输入字符NOWDATE当前日期时间FIXCHAR固定字符SERIALNO流水号
partCode: string // 分段编号
partName: string // 分段名称
partLength: number // 分段长度
dateFormat: string // 日期格式化
inputCharacter: string // 输入字符
fixCharacter: string // 固定字符
serialStartNo: number // 流水号起始值
serialStep: number // 流水号步长
serialNowNo: number // 流水号当前值
cycleFlag: number // 流水号是否循环
cycleMethod: string // 循环方式YEAR按年MONTH按月DAY按天HOUR按小时MINUTE按分钟OTHER按传入字符变
remark: string // 备注
}
// 编码生成规则组成 API
export const AutoCodePartApi = {
// 查询编码生成规则组成分页
getAutoCodePartPage: async (params: any) => {
return await request.get({ url: `/infra/auto-code-part/page`, params })
},
// 查询编码生成规则组成详情
getAutoCodePart: async (partId: number) => {
return await request.get({ url: `/infra/auto-code-part/get?partId=` + partId })
},
// 新增编码生成规则组成
createAutoCodePart: async (data: AutoCodePartVO) => {
return await request.post({ url: `/infra/auto-code-part/create`, data })
},
// 修改编码生成规则组成
updateAutoCodePart: async (data: AutoCodePartVO) => {
return await request.put({ url: `/infra/auto-code-part/update`, data })
},
// 删除编码生成规则组成
deleteAutoCodePart: async (partId: number) => {
return await request.delete({ url: `/infra/auto-code-part/delete?partId=` + partId })
},
// 导出编码生成规则组成 Excel
exportAutoCodePart: async (params) => {
return await request.download({ url: `/infra/auto-code-part/export-excel`, params })
}
}

View File

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

View File

@ -127,7 +127,29 @@ const remainingRouter: AppRouteRecordRaw[] = [
} }
] ]
}, },
{
path: '/autocode',
component: Layout,
name: 'part',
meta: {
hidden: true
},
children: [
{
path: 'part/data/:ruleId',
component: () => import('@/views/infra/autocode/data/index.vue'),
name: 'AutoCodePart',
meta: {
title: '规则组成',
noCache: true,
hidden: true,
canTo: true,
icon: '',
activeMenu: '/infra/autocode'
}
}
]
},
{ {
path: '/codegen', path: '/codegen',
component: Layout, component: Layout,

View File

@ -141,6 +141,8 @@ export enum DICT_TYPE {
INFRA_CODEGEN_SCENE = 'infra_codegen_scene', INFRA_CODEGEN_SCENE = 'infra_codegen_scene',
INFRA_FILE_STORAGE = 'infra_file_storage', INFRA_FILE_STORAGE = 'infra_file_storage',
INFRA_OPERATE_TYPE = 'infra_operate_type', INFRA_OPERATE_TYPE = 'infra_operate_type',
INFRA_AUTOCODE_PARTTYPE = 'infra_autocode_parttype',
INFRA_AUTOCODE_CYCLEMETHOD = 'infra_autocode_cyclemethod',
// ========== BPM 模块 ========== // ========== BPM 模块 ==========
BPM_MODEL_TYPE = 'bpm_model_type', BPM_MODEL_TYPE = 'bpm_model_type',

View File

@ -11,7 +11,17 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="订单单号" prop="no"> <el-form-item label="订单单号" prop="no">
<el-input disabled v-model="formData.no" placeholder="保存时自动生成" /> <el-input v-model="formData.no" placeholder="请输入订单单号" :disabled="autoGenFlag" />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="10px">
<el-switch
v-model="autoGenFlag"
active-color="#13ce66"
active-text="自动生成"
@change="handleAutoGenChange(autoGenFlag)"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -140,6 +150,7 @@ import PurchaseOrderItemForm from './components/PurchaseOrderItemForm.vue'
import { SupplierApi, SupplierVO } from '@/api/erp/purchase/supplier' import { SupplierApi, SupplierVO } from '@/api/erp/purchase/supplier'
import { erpPriceInputFormatter, erpPriceMultiply } from '@/utils' import { erpPriceInputFormatter, erpPriceMultiply } from '@/utils'
import * as UserApi from '@/api/system/user' import * as UserApi from '@/api/system/user'
import { genCodeApi } from '@/api/infra/autocode/gencode'
import { AccountApi, AccountVO } from '@/api/erp/finance/account' import { AccountApi, AccountVO } from '@/api/erp/finance/account'
/** ERP 销售订单表单 */ /** ERP 销售订单表单 */
@ -152,6 +163,8 @@ const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // const dialogTitle = ref('') //
const formLoading = ref(false) // 12 const formLoading = ref(false) // 12
const formType = ref('') // create - update - detail - const formType = ref('') // create - update - detail -
const autoGenFlag = ref(true) //
const formData = ref({ const formData = ref({
id: undefined, id: undefined,
supplierId: undefined, supplierId: undefined,
@ -207,9 +220,15 @@ const open = async (type: string, id?: number) => {
formLoading.value = true formLoading.value = true
try { try {
formData.value = await PurchaseOrderApi.getPurchaseOrder(id) formData.value = await PurchaseOrderApi.getPurchaseOrder(id)
autoGenFlag.value = !formData.value.no
} finally { } finally {
formLoading.value = false formLoading.value = false
} }
} else {
//
if (autoGenFlag.value) {
await handleAutoGenChange(true)
}
} }
// //
supplierList.value = await SupplierApi.getSupplierSimpleList() supplierList.value = await SupplierApi.getSupplierSimpleList()
@ -249,6 +268,17 @@ const submitForm = async () => {
} }
} }
/** 自动生成开关变化 */
const handleAutoGenChange = async (autoGenFlag: boolean) => {
if (autoGenFlag) {
await genCodeApi.genCodeApi('ERP_CGDD_CODE').then((res) => {
formData.value.no = res
})
} else {
formData.value.no = undefined
}
}
/** 重置表单 */ /** 重置表单 */
const resetForm = () => { const resetForm = () => {
formData.value = { formData.value = {
@ -264,6 +294,7 @@ const resetForm = () => {
depositPrice: 0, depositPrice: 0,
items: [] items: []
} }
autoGenFlag.value = true
formRef.value?.resetFields() formRef.value?.resetFields()
} }
</script> </script>

View File

@ -0,0 +1,175 @@
<template>
<Dialog :title="dialogTitle" width="500px" v-model="dialogVisible">
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="100px"
v-loading="formLoading"
>
<el-form-item label="规则编码" prop="ruleCode">
<el-input v-model="formData.ruleCode" placeholder="请输入规则编码" />
</el-form-item>
<el-form-item label="规则名称" prop="ruleName">
<el-input v-model="formData.ruleName" placeholder="请输入规则名称" />
</el-form-item>
<el-form-item label="描述" prop="ruleDesc">
<el-input v-model="formData.ruleDesc" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="最大长度" prop="maxLength">
<el-input-number v-model="formData.maxLength" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="是否补齐" prop="isPadded">
<el-radio-group v-model="formData.isPadded">
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:label="dict.value"
>
{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="补齐字符" prop="paddedChar" v-if="formData.isPadded == 0">
<el-input v-model="formData.paddedChar" placeholder="请输入补齐字符" />
</el-form-item>
<el-form-item label="补齐方式" prop="paddedMethod" v-if="formData.isPadded == 0">
<el-radio-group v-model="formData.paddedMethod" placeholder="请输入补齐方式">
<el-radio label="L">左补齐</el-radio>
<el-radio label="R">右补齐</el-radio>
</el-radio-group>
</el-form-item>
<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-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>
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { CommonStatusEnum } from '@/utils/constants'
import { AutoCodeRuleApi, AutoCodeRuleVO } from '@/api/infra/autocode/rule'
/** 编码生成规则 表单 */
defineOptions({ name: 'AutoCodeRuleForm' })
const { t } = useI18n() //
const message = useMessage() //
const dialogVisible = ref(false) //
const dialogTitle = ref('') //
const formLoading = ref(false) // 12
const formType = ref('') // create - update -
const formData = ref({
ruleId: undefined,
ruleCode: undefined,
ruleName: undefined,
ruleDesc: undefined,
maxLength: undefined,
isPadded: CommonStatusEnum.DISABLE,
paddedChar: undefined,
paddedMethod: undefined,
status: CommonStatusEnum.ENABLE,
remark: undefined
})
const formRules = reactive({
ruleCode: [{ required: true, message: '规则编码不能为空', trigger: 'blur' }],
ruleName: [{ required: true, message: '规则名称不能为空', trigger: 'blur' }],
isPadded: [{ required: true, message: '是否补齐不能为空', trigger: 'blur' }],
status: [{ required: true, message: '是否启用不能为空', trigger: 'blur' }]
})
const formRef = ref() // Ref
/** 打开弹窗 */
const open = async (type: string, ruleId?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
//
if (ruleId) {
formLoading.value = true
try {
formData.value = await AutoCodeRuleApi.getAutoCodeRule(ruleId)
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // open
/** 提交表单 */
const emit = defineEmits(['success']) // success
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 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 = {
ruleId: undefined,
ruleCode: undefined,
ruleName: undefined,
ruleDesc: undefined,
maxLength: undefined,
isPadded: CommonStatusEnum.DISABLE,
paddedChar: undefined,
paddedMethod: undefined,
status: CommonStatusEnum.ENABLE,
remark: undefined
}
formRef.value?.resetFields()
}
/** 监听 Enter 键触发提交表单 */
onMounted(() => {
const handleKeyDown = (event: KeyboardEvent) => {
if (event.key === 'Enter') {
submitForm()
}
}
window.addEventListener('keydown', handleKeyDown)
onBeforeUnmount(() => {
window.removeEventListener('keydown', handleKeyDown)
})
})
</script>

View File

@ -0,0 +1,255 @@
<template>
<Dialog :title="dialogTitle" width="800px" v-model="dialogVisible" :append-to-body="true">
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="100px"
v-loading="formLoading"
>
<el-row>
<el-col :span="12">
<el-form-item label="分段编号" prop="partCode">
<el-input v-model="formData.partCode" placeholder="请输入分段编号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="分段名称" prop="partName">
<el-input v-model="formData.partName" placeholder="请输入分段名称" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="分段序号" prop="partIndex">
<el-input-number v-model="formData.partIndex" placeholder="请输入分段序号" :min="0" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="分段长度" prop="partLength">
<el-input-number v-model="formData.partLength" placeholder="请输入分段长度" :min="0" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="分段类型" prop="partType">
<el-select v-model="formData.partType" placeholder="请选择">
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.INFRA_AUTOCODE_PARTTYPE)"
:key="dict.label"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="日期格式化" prop="dateFormat" v-if="formData.partType == 'NOWDATE'">
<el-input v-model="formData.dateFormat" placeholder="请输入日期格式化" />
</el-form-item>
<el-form-item
label="输入字符"
prop="inputCharacter"
v-if="formData.partType == 'INPUTCHAR'"
>
<el-input v-model="formData.inputCharacter" placeholder="请填写输入字符" />
</el-form-item>
<el-form-item label="固定字符" prop="fixCharacter" v-if="formData.partType == 'FIXCHAR'">
<el-input v-model="formData.fixCharacter" placeholder="请输入固定字符" />
</el-form-item>
<el-form-item
label="流水号起始值"
prop="serialStartNo"
v-if="formData.partType == 'SERIALNO'"
>
<el-input-number v-model="formData.serialStartNo" placeholder="请输入流水号起始值" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="流水号步长" prop="serialStep" v-if="formData.partType == 'SERIALNO'">
<el-input-number v-model="formData.serialStep" placeholder="请输入流水号步长" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否循环" prop="cycleFlag" v-if="formData.partType == 'SERIALNO'">
<el-radio-group v-model="formData.cycleFlag">
<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-row>
<el-row>
<el-col :span="12">
<el-form-item
label="循环方式"
prop="cycleMethod"
v-if="formData.partType == 'SERIALNO' && formData.cycleFlag == 0"
>
<el-select v-model="formData.cycleMethod" placeholder="请选择循环方式">
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.INFRA_AUTOCODE_CYCLEMETHOD)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" type="textarea" 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, getStrDictOptions, DICT_TYPE } from '@/utils/dict'
import { AutoCodePartApi, AutoCodePartVO } from '@/api/infra/autocode/part'
/** 编码生成规则组成 表单 */
defineOptions({ name: 'AutoCodePartForm' })
const { t } = useI18n() //
const message = useMessage() //
const dialogVisible = ref(false) //
const dialogTitle = ref('') //
const formLoading = ref(false) // 12
const formType = ref('') // create - update -
const props = defineProps({
ruleId: {
type: Number,
required: true
}
})
const formData = ref({
partId: undefined,
ruleId: props.ruleId,
partIndex: undefined,
partType: undefined,
partCode: undefined,
partName: undefined,
partLength: undefined,
dateFormat: undefined,
inputCharacter: undefined,
fixCharacter: undefined,
serialStartNo: undefined,
serialStep: undefined,
serialNowNo: undefined,
cycleFlag: undefined,
cycleMethod: undefined,
remark: undefined
})
const formRules = reactive({
partCode: [{ required: true, message: '组成编码不能为空', trigger: 'blur' }],
partName: [{ required: true, message: '组成名称不能为空', trigger: 'change' }],
partIndex: [{ required: true, message: '组成序号不能为空', trigger: 'blur' }]
})
const formRef = ref() // Ref
/** 打开弹窗 */
const open = async (type: string, partId?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
if (type === 'create') {
formData.value.ruleId = props.ruleId
}
//
if (partId) {
formLoading.value = true
try {
formData.value = await AutoCodePartApi.getAutoCodePart(partId)
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // open
/** 提交表单 */
const emit = defineEmits(['success']) // success
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 AutoCodePartVO
if (formType.value === 'create') {
data.ruleId = props.ruleId
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 = {
partId: undefined,
ruleId: props.ruleId,
partIndex: undefined,
partType: undefined,
partCode: undefined,
partName: undefined,
partLength: undefined,
dateFormat: undefined,
inputCharacter: undefined,
fixCharacter: undefined,
serialStartNo: undefined,
serialStep: undefined,
serialNowNo: undefined,
cycleFlag: undefined,
cycleMethod: undefined,
remark: undefined
}
formRef.value?.resetFields()
}
/** 监听 Enter 键触发提交表单 */
onMounted(() => {
const handleKeyDown = (event: KeyboardEvent) => {
if (event.key === 'Enter') {
submitForm()
}
}
window.addEventListener('keydown', handleKeyDown)
onBeforeUnmount(() => {
window.removeEventListener('keydown', handleKeyDown)
})
})
</script>

View File

@ -0,0 +1,185 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form
class="-mb-15px"
:model="queryParams"
ref="queryFormRef"
:inline="true"
label-width="68px"
>
<el-form-item label="组成编码" prop="partCode">
<el-input
v-model="queryParams.partCode"
placeholder="请输入组成编码"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="组成名称" prop="partName">
<el-input
v-model="queryParams.partName"
placeholder="请输入组成名称"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</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="['infra:auto-code-part:create']"
>
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
<el-button type="warning" plain @click="handleClose">
<Icon icon="ep:close" class="mr-5px" /> 关闭
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :show-overflow-tooltip="true">
<el-table-column label="组成编码" align="center" prop="partCode" />
<el-table-column label="组成名称" align="center" prop="partName" />
<el-table-column label="分段序号" align="center" prop="partIndex" />
<el-table-column label="分段类型" align="center" prop="partType">
<template #default="scope">
<dict-tag :type="DICT_TYPE.INFRA_AUTOCODE_PARTTYPE" :value="scope.row.partType" />
</template>
</el-table-column>
<el-table-column label="分段长度" align="center" prop="partLength" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" align="center" min-width="120px">
<template #default="scope">
<el-button
link
type="primary"
@click="openForm('update', scope.row.partId)"
v-hasPermi="['infra:auto-code-part:update']"
>
修改
</el-button>
<el-button
link
type="danger"
@click="handleDelete(scope.row.partId)"
v-hasPermi="['infra:auto-code-part: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>
<!-- 表单弹窗添加/修改 -->
<AutoCodePartForm ref="formRef" :ruleId="ruleId" @success="getList" />
</template>
<script setup lang="ts">
import { DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import { AutoCodePartApi, AutoCodePartVO } from '@/api/infra/autocode/part'
import AutoCodePartForm from './AutoCodePartForm.vue'
/** 编码生成规则组成 列表 */
defineOptions({ name: 'AutoCodePart' })
const message = useMessage() //
const { t } = useI18n() //
const loading = ref(true) //
const list = ref<AutoCodePartVO[]>([]) //
const total = ref(0) //
const router = useRouter() //
const route = useRoute()
const ruleId = ref(Number(route.params.ruleId) || 0)
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
ruleId: ruleId.value,
partCode: undefined,
partName: undefined,
createTime: []
})
const queryFormRef = ref() //
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
queryParams.ruleId = ruleId.value
const data = await AutoCodePartApi.getAutoCodePartPage(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, partId?: number) => {
formRef.value.open(type, partId)
}
/** 删除按钮操作 */
const handleDelete = async (partId: number) => {
try {
//
await message.delConfirm()
//
await AutoCodePartApi.deleteAutoCodePart(partId)
message.success(t('common.delSuccess'))
//
await getList()
} catch {}
}
/** 处理关闭操作 */
const handleClose = async () => {
const obj = { path: '/infra/autocode' }
router.push(obj)
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>

View File

@ -0,0 +1,191 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form
class="-mb-15px"
:model="queryParams"
ref="queryFormRef"
:inline="true"
label-width="68px"
>
<el-form-item label="规则编码" prop="ruleCode">
<el-input
v-model="queryParams.ruleCode"
placeholder="请输入规则编码"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="规则名称" prop="ruleName">
<el-input
v-model="queryParams.ruleName"
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="['infra:auto-code-rule:create']"
>
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :show-overflow-tooltip="true">
<el-table-column label="规则编码" align="center" prop="ruleCode">
<template #default="scope">
<router-link :to="`/autocode/part/data/` + scope.row.ruleId" class="link-type">
{{ scope.row.ruleCode }}
</router-link>
</template>
</el-table-column>
<el-table-column label="规则名称" align="center" prop="ruleName" />
<el-table-column label="最大长度" align="center" prop="maxLength" />
<el-table-column label="是否补齐" align="center" prop="isPadded" />
<el-table-column label="是否启用" align="center" prop="status">
<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" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" align="center" min-width="120px">
<template #default="scope">
<el-button
link
type="primary"
@click="openForm('update', scope.row.ruleId)"
v-hasPermi="['infra:auto-code-rule:update']"
>
修改
</el-button>
<el-button
link
type="danger"
@click="handleDelete(scope.row.ruleId)"
v-hasPermi="['infra: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 { AutoCodeRuleApi, AutoCodeRuleVO } from '@/api/infra/autocode/rule'
import AutoCodeRuleForm from './AutoCodeRuleForm.vue'
/** 编码生成规则 列表 */
defineOptions({ name: 'AutoCodeRule' })
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,
ruleCode: undefined,
ruleName: undefined,
status: undefined,
createTime: []
})
const queryFormRef = ref() //
/** 查询列表 */
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, ruleId?: number) => {
formRef.value.open(type, ruleId)
}
/** 删除按钮操作 */
const handleDelete = async (ruleId: number) => {
try {
//
await message.delConfirm()
//
await AutoCodeRuleApi.deleteAutoCodeRule(ruleId)
message.success(t('common.delSuccess'))
//
await getList()
} catch {}
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>