56 changed files with 599 additions and 4324 deletions
@ -1,200 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="year"> |
|
||||
<el-input v-model="formData.year" placeholder="请输入年" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="月" prop="month"> |
|
||||
<el-input v-model="formData.month" placeholder="请输入月" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="描述" prop="descriiption"> |
|
||||
<el-input v-model="formData.descriiption" placeholder="请输入描述" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="开始时间" prop="beginTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.beginTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择开始时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="结束时间" prop="endTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.endTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择结束时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="转换生效时间" prop="converttotime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.converttotime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择转换生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as AccountcalendarApi from '@/api/wms/accountcalendar' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
year: undefined, |
|
||||
month: undefined, |
|
||||
descriiption: undefined, |
|
||||
beginTime: undefined, |
|
||||
endTime: undefined, |
|
||||
converttotime: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
year: [{ required: true, message: '年不能为空', trigger: 'blur' }], |
|
||||
month: [{ required: true, message: '月不能为空', trigger: 'blur' }], |
|
||||
beginTime: [{ required: true, message: '开始时间不能为空', trigger: 'blur' }], |
|
||||
endTime: [{ required: true, message: '结束时间不能为空', trigger: 'blur' }], |
|
||||
converttotime: [{ required: true, message: '转换生效时间不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await AccountcalendarApi.getAccountcalendar(id) |
|
||||
} 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 AccountcalendarApi.AccountcalendarVO |
|
||||
if (formType.value === 'create') { |
|
||||
await AccountcalendarApi.createAccountcalendar(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await AccountcalendarApi.updateAccountcalendar(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
year: undefined, |
|
||||
month: undefined, |
|
||||
descriiption: undefined, |
|
||||
beginTime: undefined, |
|
||||
endTime: undefined, |
|
||||
converttotime: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,197 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="仓库代码" prop="warehouseCode"> |
|
||||
<el-input v-model="formData.warehouseCode" placeholder="请输入仓库代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.AREA_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="isFunctional"> |
|
||||
<el-select v-model="formData.isFunctional" placeholder="请选择是否是功能区"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as AreaApi from '@/api/wms/areabasic' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
type: undefined, |
|
||||
isFunctional: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
warehouseCode: [{ required: true, message: '仓库代码不能为空', trigger: 'blur' }], |
|
||||
isFunctional: [{ required: true, message: '是否是功能区不能为空', trigger: 'change' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await AreaApi.getArea(id) |
|
||||
} 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 AreaApi.AreaVO |
|
||||
if (formType.value === 'create') { |
|
||||
await AreaApi.createArea(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await AreaApi.updateArea(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
type: undefined, |
|
||||
isFunctional: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,162 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="currency"> |
|
||||
<el-input v-model="formData.currency" placeholder="请输入货币" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="基础货币" prop="basiccurrency"> |
|
||||
<el-input v-model="formData.basiccurrency" placeholder="请输入基础货币" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="比率" prop="rate"> |
|
||||
<el-input v-model="formData.rate" placeholder="请输入比率" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as CurrencyexchangeApi from '@/api/wms/currencyexchange' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
currency: undefined, |
|
||||
basiccurrency: undefined, |
|
||||
rate: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
currency: [{ required: true, message: '货币不能为空', trigger: 'blur' }], |
|
||||
basiccurrency: [{ required: true, message: '基础货币不能为空', trigger: 'blur' }], |
|
||||
rate: [{ required: true, message: '比率不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await CurrencyexchangeApi.getCurrencyexchange(id) |
|
||||
} 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 CurrencyexchangeApi.CurrencyexchangeVO |
|
||||
if (formType.value === 'create') { |
|
||||
await CurrencyexchangeApi.createCurrencyexchange(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await CurrencyexchangeApi.updateCurrencyexchange(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
currency: undefined, |
|
||||
basiccurrency: undefined, |
|
||||
rate: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,261 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="简称" prop="shortName"> |
|
||||
<el-input v-model="formData.shortName" placeholder="请输入简称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="地址" prop="address"> |
|
||||
<el-input v-model="formData.address" placeholder="请输入地址" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="国家" prop="country"> |
|
||||
<el-input v-model="formData.country" placeholder="请输入国家" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="城市" prop="city"> |
|
||||
<el-input v-model="formData.city" placeholder="请输入城市" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="电话" prop="phone"> |
|
||||
<el-input v-model="formData.phone" placeholder="请输入电话" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="传真" prop="fax"> |
|
||||
<el-input v-model="formData.fax" placeholder="请输入传真" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="邮编" prop="postId"> |
|
||||
<el-input v-model="formData.postId" placeholder="请输入邮编" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="联系人" prop="contacts"> |
|
||||
<el-input v-model="formData.contacts" placeholder="请输入联系人" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="银行" prop="bank"> |
|
||||
<el-input v-model="formData.bank" placeholder="请输入银行" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="币种" prop="currency"> |
|
||||
<el-select v-model="formData.currency" placeholder="请选择币种"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.CURRENCY)" |
|
||||
: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="taxRate"> |
|
||||
<el-input v-model="formData.taxRate" placeholder="请输入税率" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.CUSTOMER_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="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as CustomerApi from '@/api/wms/customer' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
shortName: undefined, |
|
||||
address: undefined, |
|
||||
country: undefined, |
|
||||
city: undefined, |
|
||||
phone: undefined, |
|
||||
fax: undefined, |
|
||||
postId: undefined, |
|
||||
contacts: undefined, |
|
||||
bank: undefined, |
|
||||
currency: undefined, |
|
||||
taxRate: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
shortName: [{ required: true, message: '简称不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await CustomerApi.getCustomer(id) |
|
||||
} 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 CustomerApi.CustomerVO |
|
||||
if (formType.value === 'create') { |
|
||||
await CustomerApi.createCustomer(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await CustomerApi.updateCustomer(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
shortName: undefined, |
|
||||
address: undefined, |
|
||||
country: undefined, |
|
||||
city: undefined, |
|
||||
phone: undefined, |
|
||||
fax: undefined, |
|
||||
postId: undefined, |
|
||||
contacts: undefined, |
|
||||
bank: undefined, |
|
||||
currency: undefined, |
|
||||
taxRate: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,217 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="城市" prop="city"> |
|
||||
<el-input v-model="formData.city" placeholder="请输入城市" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="地址" prop="address"> |
|
||||
<el-input v-model="formData.address" placeholder="请输入地址" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="联系人姓名" prop="contactPerson"> |
|
||||
<el-input v-model="formData.contactPerson" placeholder="请输入联系人姓名" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="联系人电话" prop="contactPhone"> |
|
||||
<el-input v-model="formData.contactPhone" placeholder="请输入联系人电话" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="客户代码" prop="customerCode"> |
|
||||
<el-input v-model="formData.customerCode" placeholder="请输入客户代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="仓库" prop="warehouseCode"> |
|
||||
<el-input v-model="formData.warehouseCode" placeholder="请输入仓库" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="默认库位" prop="defaultLocationCode"> |
|
||||
<el-input v-model="formData.defaultLocationCode" placeholder="请输入默认库位" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as CustomerdockApi from '@/api/wms/customerdock' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
city: undefined, |
|
||||
address: undefined, |
|
||||
contactPerson: undefined, |
|
||||
contactPhone: undefined, |
|
||||
customerCode: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
defaultLocationCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
customerCode: [{ required: true, message: '客户代码不能为空', trigger: 'blur' }], |
|
||||
defaultLocationCode: [{ required: true, message: '默认库位不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await CustomerdockApi.getCustomerdock(id) |
|
||||
} 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 CustomerdockApi.CustomerdockVO |
|
||||
if (formType.value === 'create') { |
|
||||
await CustomerdockApi.createCustomerdock(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await CustomerdockApi.updateCustomerdock(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
city: undefined, |
|
||||
address: undefined, |
|
||||
contactPerson: undefined, |
|
||||
contactPhone: undefined, |
|
||||
customerCode: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
defaultLocationCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,238 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="customerCode"> |
|
||||
<el-input v-model="formData.customerCode" placeholder="请输入客户代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="物料代码" prop="itemCode"> |
|
||||
<el-input v-model="formData.itemCode" placeholder="请输入物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="客户物料代码" prop="customerItemCode"> |
|
||||
<el-input v-model="formData.customerItemCode" placeholder="请输入客户物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="客户计量单位" prop="cusotmerUom"> |
|
||||
<el-select v-model="formData.cusotmerUom" placeholder="请选择客户计量单位"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.UOM)" |
|
||||
: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="convertRate"> |
|
||||
<el-input v-model="formData.convertRate" placeholder="请输入转换率" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="客户包装单位" prop="packUnit"> |
|
||||
<el-select v-model="formData.packUnit" placeholder="请选择客户包装单位"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.PACK_UNIT)" |
|
||||
: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="packQty"> |
|
||||
<el-input v-model="formData.packQty" placeholder="请输入客户包装量" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="客户替代包装单位" prop="altPackUnit"> |
|
||||
<el-select v-model="formData.altPackUnit" placeholder="请选择客户替代包装单位"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.PACK_UNIT)" |
|
||||
: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="altPackQty"> |
|
||||
<el-input v-model="formData.altPackQty" placeholder="请输入客户替代包装量" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="每器具包装数" prop="packQtyOfContainer"> |
|
||||
<el-input v-model="formData.packQtyOfContainer" placeholder="请输入每器具包装数" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as CustomeritemApi from '@/api/wms/customeritem' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
customerCode: undefined, |
|
||||
itemCode: undefined, |
|
||||
customerItemCode: undefined, |
|
||||
cusotmerUom: undefined, |
|
||||
convertRate: undefined, |
|
||||
packUnit: undefined, |
|
||||
packQty: undefined, |
|
||||
altPackUnit: undefined, |
|
||||
altPackQty: undefined, |
|
||||
packQtyOfContainer: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
customerCode: [{ required: true, message: '客户代码不能为空', trigger: 'blur' }], |
|
||||
itemCode: [{ required: true, message: '物料代码不能为空', trigger: 'blur' }], |
|
||||
packUnit: [{ required: true, message: '客户包装单位不能为空', trigger: 'change' }], |
|
||||
packQty: [{ required: true, message: '客户包装量不能为空', trigger: 'blur' }], |
|
||||
packQtyOfContainer: [{ required: true, message: '每器具包装数不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await CustomeritemApi.getCustomeritem(id) |
|
||||
} 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 CustomeritemApi.CustomeritemVO |
|
||||
if (formType.value === 'create') { |
|
||||
await CustomeritemApi.createCustomeritem(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await CustomeritemApi.updateCustomeritem(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
customerCode: undefined, |
|
||||
itemCode: undefined, |
|
||||
customerItemCode: undefined, |
|
||||
cusotmerUom: undefined, |
|
||||
convertRate: undefined, |
|
||||
packUnit: undefined, |
|
||||
packQty: undefined, |
|
||||
altPackUnit: undefined, |
|
||||
altPackQty: undefined, |
|
||||
packQtyOfContainer: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,224 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="城市" prop="city"> |
|
||||
<el-input v-model="formData.city" placeholder="请输入城市" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="地址" prop="address"> |
|
||||
<el-input v-model="formData.address" placeholder="请输入地址" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.DOCK_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="warehouseCode"> |
|
||||
<el-input v-model="formData.warehouseCode" placeholder="请输入仓库代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="默认库位代码" prop="defaultLocationCode"> |
|
||||
<el-input v-model="formData.defaultLocationCode" placeholder="请输入默认库位代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="联系人姓名" prop="contactPerson"> |
|
||||
<el-input v-model="formData.contactPerson" placeholder="请输入联系人姓名" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="联系人电话" prop="contactPhone"> |
|
||||
<el-input v-model="formData.contactPhone" placeholder="请输入联系人电话" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as DockApi from '@/api/wms/dock' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
city: undefined, |
|
||||
address: undefined, |
|
||||
type: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
defaultLocationCode: undefined, |
|
||||
contactPerson: undefined, |
|
||||
contactPhone: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
type: [{ required: true, message: '类型不能为空', trigger: 'change' }], |
|
||||
warehouseCode: [{ required: true, message: '仓库代码不能为空', trigger: 'blur' }], |
|
||||
defaultLocationCode: [{ required: true, message: '默认库位代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await DockApi.getDock(id) |
|
||||
} 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 DockApi.DockVO |
|
||||
if (formType.value === 'create') { |
|
||||
await DockApi.createDock(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await DockApi.updateDock(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
city: undefined, |
|
||||
address: undefined, |
|
||||
type: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
defaultLocationCode: undefined, |
|
||||
contactPerson: undefined, |
|
||||
contactPhone: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,290 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="仓库代码" prop="warehouseCode"> |
|
||||
<el-input v-model="formData.warehouseCode" placeholder="请输入仓库代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="区域代码" prop="areaCode"> |
|
||||
<el-input v-model="formData.areaCode" placeholder="请输入区域代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="库位组代码" prop="locationGroupCode"> |
|
||||
<el-input v-model="formData.locationGroupCode" placeholder="请输入库位组代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="ERP库位代码" prop="erpLocationCode"> |
|
||||
<el-select v-model="formData.erpLocationCode" placeholder="请选择ERP库位代码"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.ERP_LOCATION)" |
|
||||
: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="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.LOCATION_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="aisle"> |
|
||||
<el-input v-model="formData.aisle" placeholder="请输入巷道" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="货架" prop="shelf"> |
|
||||
<el-input v-model="formData.shelf" placeholder="请输入货架" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="行" prop="locationRow"> |
|
||||
<el-input v-model="formData.locationRow" placeholder="请输入行" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="列" prop="locationColum"> |
|
||||
<el-input v-model="formData.locationColum" placeholder="请输入列" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="拣料优先级" prop="pickPriority"> |
|
||||
<el-input v-model="formData.pickPriority" placeholder="请输入拣料优先级" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="最大承重" prop="maxWeight"> |
|
||||
<el-input v-model="formData.maxWeight" placeholder="请输入最大承重" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="最大面积" prop="maxArea"> |
|
||||
<el-input v-model="formData.maxArea" placeholder="请输入最大面积" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="最大体积" prop="maxVolume"> |
|
||||
<el-input v-model="formData.maxVolume" placeholder="请输入最大体积" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="用户组代码" prop="userGroupCode"> |
|
||||
<el-input v-model="formData.userGroupCode" placeholder="请输入用户组代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as LocationApi from '@/api/wms/location' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
areaCode: undefined, |
|
||||
locationGroupCode: undefined, |
|
||||
erpLocationCode: undefined, |
|
||||
type: undefined, |
|
||||
aisle: undefined, |
|
||||
shelf: undefined, |
|
||||
locationRow: undefined, |
|
||||
locationColum: undefined, |
|
||||
pickPriority: undefined, |
|
||||
maxWeight: undefined, |
|
||||
maxArea: undefined, |
|
||||
maxVolume: undefined, |
|
||||
userGroupCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
warehouseCode: [{ required: true, message: '仓库代码不能为空', trigger: 'blur' }], |
|
||||
areaCode: [{ required: true, message: '区域代码不能为空', trigger: 'blur' }], |
|
||||
locationGroupCode: [{ required: true, message: '库位组代码不能为空', trigger: 'blur' }], |
|
||||
erpLocationCode: [{ required: true, message: 'ERP库位代码不能为空', trigger: 'change' }], |
|
||||
type: [{ required: true, message: '类型不能为空', trigger: 'change' }], |
|
||||
pickPriority: [{ required: true, message: '拣料优先级不能为空', trigger: 'blur' }], |
|
||||
userGroupCode: [{ required: true, message: '用户组代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await LocationApi.getLocation(id) |
|
||||
} 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 LocationApi.LocationVO |
|
||||
if (formType.value === 'create') { |
|
||||
await LocationApi.createLocation(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await LocationApi.updateLocation(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
areaCode: undefined, |
|
||||
locationGroupCode: undefined, |
|
||||
erpLocationCode: undefined, |
|
||||
type: undefined, |
|
||||
aisle: undefined, |
|
||||
shelf: undefined, |
|
||||
locationRow: undefined, |
|
||||
locationColum: undefined, |
|
||||
pickPriority: undefined, |
|
||||
maxWeight: undefined, |
|
||||
maxArea: undefined, |
|
||||
maxVolume: undefined, |
|
||||
userGroupCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,177 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="仓库代码" prop="warehouseCode"> |
|
||||
<el-input v-model="formData.warehouseCode" placeholder="请输入仓库代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="区域代码" prop="areaCode"> |
|
||||
<el-input v-model="formData.areaCode" placeholder="请输入区域代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as LocationgroupApi from '@/api/wms/locationgroup' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
areaCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
warehouseCode: [{ required: true, message: '仓库代码不能为空', trigger: 'blur' }], |
|
||||
areaCode: [{ required: true, message: '区域代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await LocationgroupApi.getLocationgroup(id) |
|
||||
} 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 LocationgroupApi.LocationgroupVO |
|
||||
if (formType.value === 'create') { |
|
||||
await LocationgroupApi.createLocationgroup(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await LocationgroupApi.updateLocationgroup(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
warehouseCode: undefined, |
|
||||
areaCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,191 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.PROCESS_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="workshopCode"> |
|
||||
<el-input v-model="formData.workshopCode" placeholder="请输入车间代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="生产线代码" prop="productionLineCode"> |
|
||||
<el-input v-model="formData.productionLineCode" placeholder="请输入生产线代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as ProcessApi from '@/api/wms/process' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
workshopCode: undefined, |
|
||||
productionLineCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
workshopCode: [{ required: true, message: '车间代码不能为空', trigger: 'blur' }], |
|
||||
productionLineCode: [{ required: true, message: '生产线代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await ProcessApi.getProcess(id) |
|
||||
} 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 ProcessApi.ProcessVO |
|
||||
if (formType.value === 'create') { |
|
||||
await ProcessApi.createProcess(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await ProcessApi.updateProcess(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
workshopCode: undefined, |
|
||||
productionLineCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,199 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.PRODUCTION_LINE_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="workshopCode"> |
|
||||
<el-input v-model="formData.workshopCode" placeholder="请输入车间代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="原料库位" prop="rawLocationCode"> |
|
||||
<el-input v-model="formData.rawLocationCode" placeholder="请输入原料库位" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="成品库位" prop="fgLocationCode"> |
|
||||
<el-input v-model="formData.fgLocationCode" placeholder="请输入成品库位" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as ProductionlineApi from '@/api/wms/productionline' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
workshopCode: undefined, |
|
||||
rawLocationCode: undefined, |
|
||||
fgLocationCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
type: [{ required: true, message: '类型不能为空', trigger: 'change' }], |
|
||||
workshopCode: [{ required: true, message: '车间代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await ProductionlineApi.getProductionline(id) |
|
||||
} 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 ProductionlineApi.ProductionlineVO |
|
||||
if (formType.value === 'create') { |
|
||||
await ProductionlineApi.createProductionline(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await ProductionlineApi.updateProductionline(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
workshopCode: undefined, |
|
||||
rawLocationCode: undefined, |
|
||||
fgLocationCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,167 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="客户代码" prop="customerCode"> |
|
||||
<el-input v-model="formData.customerCode" placeholder="请输入客户代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as ProjectApi from '@/api/wms/project' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
customerCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await ProjectApi.getProject(id) |
|
||||
} 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 ProjectApi.ProjectVO |
|
||||
if (formType.value === 'create') { |
|
||||
await ProjectApi.createProject(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await ProjectApi.updateProject(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
customerCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,177 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="supplierCode"> |
|
||||
<el-input v-model="formData.supplierCode" placeholder="请输入供应商代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="物料代码" prop="itemCode"> |
|
||||
<el-input v-model="formData.itemCode" placeholder="请输入物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="货币" prop="currency"> |
|
||||
<el-select v-model="formData.currency" placeholder="请选择货币"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.CURRENCY)" |
|
||||
: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="price"> |
|
||||
<el-input v-model="formData.price" placeholder="请输入价格" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as PurchasepriceApi from '@/api/wms/purchaseprice' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
supplierCode: undefined, |
|
||||
itemCode: undefined, |
|
||||
currency: undefined, |
|
||||
price: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
supplierCode: [{ required: true, message: '供应商代码不能为空', trigger: 'blur' }], |
|
||||
itemCode: [{ required: true, message: '物料代码不能为空', trigger: 'blur' }], |
|
||||
currency: [{ required: true, message: '货币不能为空', trigger: 'change' }], |
|
||||
price: [{ required: true, message: '价格不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await PurchasepriceApi.getPurchaseprice(id) |
|
||||
} 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 PurchasepriceApi.PurchasepriceVO |
|
||||
if (formType.value === 'create') { |
|
||||
await PurchasepriceApi.createPurchaseprice(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await PurchasepriceApi.updatePurchaseprice(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
supplierCode: undefined, |
|
||||
itemCode: undefined, |
|
||||
currency: undefined, |
|
||||
price: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,177 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="customercode"> |
|
||||
<el-input v-model="formData.customercode" placeholder="请输入客户代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="物料代码" prop="itemcode"> |
|
||||
<el-input v-model="formData.itemcode" placeholder="请输入物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="货币" prop="currency"> |
|
||||
<el-select v-model="formData.currency" placeholder="请选择货币"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.CURRENCY)" |
|
||||
: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="price"> |
|
||||
<el-input v-model="formData.price" placeholder="请输入价格" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as SalepriceApi from '@/api/wms/saleprice' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
customercode: undefined, |
|
||||
itemcode: undefined, |
|
||||
currency: undefined, |
|
||||
price: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
customercode: [{ required: true, message: '客户代码不能为空', trigger: 'blur' }], |
|
||||
itemcode: [{ required: true, message: '物料代码不能为空', trigger: 'blur' }], |
|
||||
currency: [{ required: true, message: '货币不能为空', trigger: 'change' }], |
|
||||
price: [{ required: true, message: '价格不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await SalepriceApi.getSaleprice(id) |
|
||||
} 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 SalepriceApi.SalepriceVO |
|
||||
if (formType.value === 'create') { |
|
||||
await SalepriceApi.createSaleprice(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await SalepriceApi.updateSaleprice(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
customercode: undefined, |
|
||||
itemcode: undefined, |
|
||||
currency: undefined, |
|
||||
price: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,261 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="简称" prop="shortName"> |
|
||||
<el-input v-model="formData.shortName" placeholder="请输入简称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="地址" prop="address"> |
|
||||
<el-input v-model="formData.address" placeholder="请输入地址" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="国家" prop="country"> |
|
||||
<el-input v-model="formData.country" placeholder="请输入国家" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="城市" prop="city"> |
|
||||
<el-input v-model="formData.city" placeholder="请输入城市" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="电话" prop="phone"> |
|
||||
<el-input v-model="formData.phone" placeholder="请输入电话" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="传真" prop="fax"> |
|
||||
<el-input v-model="formData.fax" placeholder="请输入传真" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="邮编" prop="postId"> |
|
||||
<el-input v-model="formData.postId" placeholder="请输入邮编" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="联系人" prop="contacts"> |
|
||||
<el-input v-model="formData.contacts" placeholder="请输入联系人" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="银行" prop="bank"> |
|
||||
<el-input v-model="formData.bank" placeholder="请输入银行" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="币种" prop="currency"> |
|
||||
<el-select v-model="formData.currency" placeholder="请选择币种"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.CURRENCY)" |
|
||||
: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="taxRate"> |
|
||||
<el-input v-model="formData.taxRate" placeholder="请输入税率" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.SUPPLIER_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="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as SupplierApi from '@/api/wms/supplier' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
shortName: undefined, |
|
||||
address: undefined, |
|
||||
country: undefined, |
|
||||
city: undefined, |
|
||||
phone: undefined, |
|
||||
fax: undefined, |
|
||||
postId: undefined, |
|
||||
contacts: undefined, |
|
||||
bank: undefined, |
|
||||
currency: undefined, |
|
||||
taxRate: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
shortName: [{ required: true, message: '简称不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await SupplierApi.getSupplier(id) |
|
||||
} 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 SupplierApi.SupplierVO |
|
||||
if (formType.value === 'create') { |
|
||||
await SupplierApi.createSupplier(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await SupplierApi.updateSupplier(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
shortName: undefined, |
|
||||
address: undefined, |
|
||||
country: undefined, |
|
||||
city: undefined, |
|
||||
phone: undefined, |
|
||||
fax: undefined, |
|
||||
postId: undefined, |
|
||||
contacts: undefined, |
|
||||
bank: undefined, |
|
||||
currency: undefined, |
|
||||
taxRate: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,268 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="supplierCode"> |
|
||||
<el-input v-model="formData.supplierCode" placeholder="请输入供应商代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="物料代码" prop="itemCode"> |
|
||||
<el-input v-model="formData.itemCode" placeholder="请输入物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="供应商物料代码" prop="supplierItemCode"> |
|
||||
<el-input v-model="formData.supplierItemCode" placeholder="请输入供应商物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="供应商计量单位" prop="supplierUom"> |
|
||||
<el-select v-model="formData.supplierUom" placeholder="请选择供应商计量单位"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.UOM)" |
|
||||
: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="convertRate"> |
|
||||
<el-input v-model="formData.convertRate" placeholder="请输入转换率" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="供应商包装单位" prop="packUnit"> |
|
||||
<el-select v-model="formData.packUnit" placeholder="请选择供应商包装单位"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.PACK_UNIT)" |
|
||||
: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="packQty"> |
|
||||
<el-input v-model="formData.packQty" placeholder="请输入供应商包装量" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="供应商替代包装单位" prop="altPackUnit"> |
|
||||
<el-select v-model="formData.altPackUnit" placeholder="请选择供应商替代包装单位"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.PACK_UNIT)" |
|
||||
: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="altPackQty"> |
|
||||
<el-input v-model="formData.altPackQty" placeholder="请输入供应商替代包装量" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="每器具包装数" prop="packQtyOfContainer"> |
|
||||
<el-input v-model="formData.packQtyOfContainer" placeholder="请输入每器具包装数" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="默认收货仓库" prop="defaultWarehouseCode"> |
|
||||
<el-input v-model="formData.defaultWarehouseCode" placeholder="请输入默认收货仓库" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="默认收货库位" prop="defaultLocationCode"> |
|
||||
<el-input v-model="formData.defaultLocationCode" placeholder="请输入默认收货库位" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="结算方式" prop="settlementType"> |
|
||||
<el-select v-model="formData.settlementType" placeholder="请选择结算方式"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.SETTLEMENT_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="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as SupplieritemApi from '@/api/wms/supplieritem' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
supplierCode: undefined, |
|
||||
itemCode: undefined, |
|
||||
supplierItemCode: undefined, |
|
||||
supplierUom: undefined, |
|
||||
convertRate: undefined, |
|
||||
packUnit: undefined, |
|
||||
packQty: undefined, |
|
||||
altPackUnit: undefined, |
|
||||
altPackQty: undefined, |
|
||||
packQtyOfContainer: undefined, |
|
||||
defaultWarehouseCode: undefined, |
|
||||
defaultLocationCode: undefined, |
|
||||
settlementType: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
supplierCode: [{ required: true, message: '供应商代码不能为空', trigger: 'blur' }], |
|
||||
itemCode: [{ required: true, message: '物料代码不能为空', trigger: 'blur' }], |
|
||||
packUnit: [{ required: true, message: '供应商包装单位不能为空', trigger: 'change' }], |
|
||||
packQty: [{ required: true, message: '供应商包装量不能为空', trigger: 'blur' }], |
|
||||
packQtyOfContainer: [{ required: true, message: '每器具包装数不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await SupplieritemApi.getSupplieritem(id) |
|
||||
} 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 SupplieritemApi.SupplieritemVO |
|
||||
if (formType.value === 'create') { |
|
||||
await SupplieritemApi.createSupplieritem(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await SupplieritemApi.updateSupplieritem(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
supplierCode: undefined, |
|
||||
itemCode: undefined, |
|
||||
supplierItemCode: undefined, |
|
||||
supplierUom: undefined, |
|
||||
convertRate: undefined, |
|
||||
packUnit: undefined, |
|
||||
packQty: undefined, |
|
||||
altPackUnit: undefined, |
|
||||
altPackQty: undefined, |
|
||||
packQtyOfContainer: undefined, |
|
||||
defaultWarehouseCode: undefined, |
|
||||
defaultLocationCode: undefined, |
|
||||
settlementType: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,168 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="module"> |
|
||||
<el-input v-model="formData.module" placeholder="请输入模块" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="开始时间" prop="startTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.startTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择开始时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="结束时间" prop="stopTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.stopTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择结束时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as SystemcalendarApi from '@/api/wms/systemcalendar' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
module: undefined, |
|
||||
startTime: undefined, |
|
||||
stopTime: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
module: [{ required: true, message: '模块不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await SystemcalendarApi.getSystemcalendar(id) |
|
||||
} 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 SystemcalendarApi.SystemcalendarVO |
|
||||
if (formType.value === 'create') { |
|
||||
await SystemcalendarApi.createSystemcalendar(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await SystemcalendarApi.updateSystemcalendar(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
module: undefined, |
|
||||
startTime: undefined, |
|
||||
stopTime: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,173 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.WAREHOUSE_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="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as WarehouseApi from '@/api/wms/warehouse' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await WarehouseApi.getWarehouse(id) |
|
||||
} 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 WarehouseApi.WarehouseVO |
|
||||
if (formType.value === 'create') { |
|
||||
await WarehouseApi.createWarehouse(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await WarehouseApi.updateWarehouse(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,173 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.WORKSHOP_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="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict' |
|
||||
import * as WorkshopApi from '@/api/wms/workshop' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await WorkshopApi.getWorkshop(id) |
|
||||
} 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 WorkshopApi.WorkshopVO |
|
||||
if (formType.value === 'create') { |
|
||||
await WorkshopApi.createWorkshop(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await WorkshopApi.updateWorkshop(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,211 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 600px;overflow-y: auto;"> |
|
||||
<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="code"> |
|
||||
<el-input v-model="formData.code" placeholder="请输入代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="名称" prop="name"> |
|
||||
<el-input v-model="formData.name" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="描述"> |
|
||||
<Editor v-model="formData.description" height="150px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="类型" prop="type"> |
|
||||
<el-select v-model="formData.type" placeholder="请选择类型"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.WORK_STATION_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="workshopCode"> |
|
||||
<el-input v-model="formData.workshopCode" placeholder="请输入车间代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="生产线代码" prop="productionLineCode"> |
|
||||
<el-input v-model="formData.productionLineCode" placeholder="请输入生产线代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="原料库位" prop="rawLocationCode"> |
|
||||
<el-input v-model="formData.rawLocationCode" placeholder="请输入原料库位" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="成品库位" prop="fgLocationCode"> |
|
||||
<el-input v-model="formData.fgLocationCode" placeholder="请输入成品库位" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="是否可用" prop="available"> |
|
||||
<el-select v-model="formData.available" placeholder="请选择是否可用"> |
|
||||
<el-option |
|
||||
v-for="dict in getStrDictOptions(DICT_TYPE.TRUE_FALSE)" |
|
||||
: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="activeTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.activeTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择生效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="失效时间" prop="expireTime"> |
|
||||
<el-date-picker |
|
||||
v-model="formData.expireTime" |
|
||||
type="date" |
|
||||
value-format="x" |
|
||||
placeholder="选择失效时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="备注" prop="remark"> |
|
||||
<el-input v-model="formData.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<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 { DICT_TYPE, getStrDictOptions } from '@/utils/dict' |
|
||||
import * as WorkstationApi from '@/api/wms/workstation' |
|
||||
import { log } from 'console' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formData = ref({ |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
workshopCode: undefined, |
|
||||
productionLineCode: undefined, |
|
||||
rawLocationCode: undefined, |
|
||||
fgLocationCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
code: [{ required: true, message: '代码不能为空', trigger: 'blur' }], |
|
||||
workshopCode: [{ required: true, message: '车间代码不能为空', trigger: 'blur' }], |
|
||||
productionLineCode: [{ required: true, message: '生产线代码不能为空', trigger: 'blur' }], |
|
||||
available: [{ required: true, message: '是否可用不能为空', trigger: 'change' }] |
|
||||
}) |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = async (type: string, id?: number) => { |
|
||||
console.log(dialogVisible.value); |
|
||||
|
|
||||
dialogVisible.value = true |
|
||||
dialogTitle.value = t('action.' + type) |
|
||||
formType.value = type |
|
||||
resetForm() |
|
||||
// 修改时，设置数据 |
|
||||
if (id) { |
|
||||
formLoading.value = true |
|
||||
try { |
|
||||
formData.value = await WorkstationApi.getWorkstation(id) |
|
||||
console.log('formData.value=' + JSON.stringify(formData.value)); |
|
||||
} 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 WorkstationApi.WorkstationVO |
|
||||
if (formType.value === 'create') { |
|
||||
await WorkstationApi.createWorkstation(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await WorkstationApi.updateWorkstation(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
description: undefined, |
|
||||
type: undefined, |
|
||||
workshopCode: undefined, |
|
||||
productionLineCode: undefined, |
|
||||
rawLocationCode: undefined, |
|
||||
fgLocationCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
Loading…
Reference in new issue