14 changed files with 603 additions and 1471 deletions
@ -1,202 +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="productItemCode"> |
|
||||
<el-input v-model="formData.productItemCode" placeholder="请输入父物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="子物料代码" prop="componentItemCode"> |
|
||||
<el-input v-model="formData.componentItemCode" placeholder="请输入子物料代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item label="子物料计量单位" prop="componentUom"> |
|
||||
<el-select v-model="formData.componentUom" 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="componentQty"> |
|
||||
<el-input v-model="formData.componentQty" placeholder="请输入子物料数量" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="工序代码" prop="processCode"> |
|
||||
<el-input v-model="formData.processCode" placeholder="请输入工序代码" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="版本" prop="version"> |
|
||||
<el-input v-model="formData.version" placeholder="请输入版本" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
|
|
||||
<el-form-item label="层级" prop="layer"> |
|
||||
<el-input v-model="formData.layer" 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 BomApi from '@/api/wms/bom' |
|
||||
|
|
||||
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({ |
|
||||
productItemCode: undefined, |
|
||||
componentItemCode: undefined, |
|
||||
componentUom: undefined, |
|
||||
componentQty: undefined, |
|
||||
processCode: undefined, |
|
||||
version: undefined, |
|
||||
layer: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
productItemCode: [{ required: true, message: '父物料代码不能为空', trigger: 'blur' }], |
|
||||
componentItemCode: [{ required: true, message: '子物料代码不能为空', trigger: 'blur' }], |
|
||||
componentUom: [{ required: true, message: '子物料计量单位不能为空', trigger: 'change' }], |
|
||||
componentQty: [{ required: true, message: '子物料数量不能为空', trigger: 'blur' }], |
|
||||
processCode: [{ 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 BomApi.getBom(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 BomApi.BomVO |
|
||||
if (formType.value === 'create') { |
|
||||
await BomApi.createBom(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await BomApi.updateBom(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
productItemCode: undefined, |
|
||||
componentItemCode: undefined, |
|
||||
componentUom: undefined, |
|
||||
componentQty: undefined, |
|
||||
processCode: undefined, |
|
||||
version: undefined, |
|
||||
layer: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,176 +0,0 @@ |
|||||
<template> |
|
||||
<ContentWrap> |
|
||||
<div class="font-size-18px"> |
|
||||
{{ detailData.code }} <span class="ml-20px font-size-16px">{{ detailData.name }}</span> |
|
||||
</div> |
|
||||
</ContentWrap> |
|
||||
<Tabs :tabsList="tabsList" :current="current" @change="change" /> |
|
||||
<div class="flex" v-if="current == 0"> |
|
||||
<!-- 详情 --> |
|
||||
<ContentWrap class="w-[73%]"> |
|
||||
<Descriptions :data="detailData" :schema="ItemBasic.allSchemas.detailSchema" :columns="2" /> |
|
||||
</ContentWrap> |
|
||||
<ContentWrap class="w-[27%] ml-16px"> |
|
||||
<!-- 附件组件 --> |
|
||||
<Annex :data="annexData" @handleImport="handleImport" @deleteAnnex="deleteAnnexSuccess" /> |
|
||||
<!-- 备注组件 --> |
|
||||
<Remarks :data="remarksData" class="mt-20px" @submitSucss="remarksSubmitSucss" /> |
|
||||
<!-- 变更记录组件 --> |
|
||||
<ChangeRecord :data="changeRecordData" class="mt-20px" /> |
|
||||
</ContentWrap> |
|
||||
<!-- 用户导入对话框 --> |
|
||||
<ImportForm ref="importFormRef" :importTemplateData="importTemplateData" @success="importSuccess" /> |
|
||||
</div> |
|
||||
<ContentWrap v-else> |
|
||||
<Table :columns="ItemBasic.allSchemas.tableColumns" :data="tableObject.tableList" :loading="tableObject.loading" |
|
||||
:pagination="{ |
|
||||
total: tableObject.total |
|
||||
}" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage" /> |
|
||||
</ContentWrap> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
defineOptions({ name: 'Detail' }) |
|
||||
import Annex from '@/components/Annex/src/Annex.vue' |
|
||||
import Remarks from '@/components/Remarks/src/Remarks.vue' |
|
||||
import ImportForm from '@/components/ImportForm/src/ImportForm.vue' |
|
||||
import ChangeRecord from '@/components/ChangeRecord/src/ChangeRecord.vue' |
|
||||
import Tabs from '@/components/Tabs/src/Tabs.vue' |
|
||||
import { ItemBasic } from '@/utils/disposition/tableColumns.ts' |
|
||||
import { ItemBasicTabsList } from '@/utils/disposition/tabsList.ts' |
|
||||
import { getItembasic } from '@/api/wms/itembasic' |
|
||||
const { query } = useRoute() // 路由的查询 |
|
||||
import * as ItembasicApi from '@/api/wms/itembasic' |
|
||||
const tabsList = ref(JSON.parse(JSON.stringify(ItemBasicTabsList))) |
|
||||
tabsList.value.unshift({ |
|
||||
label: '详情', |
|
||||
prop: 'Detail' |
|
||||
}) |
|
||||
// 搜索参数 |
|
||||
const queryParams = reactive({ |
|
||||
title: '', |
|
||||
name: undefined, |
|
||||
status: undefined, |
|
||||
pageNo: 1, |
|
||||
pageSize: 100 |
|
||||
}) |
|
||||
const queryFormRef = ref() // 搜索的表单 |
|
||||
// const formLabel = ref(ItemBasic)//form表单label列表 |
|
||||
// 附件默认数据 |
|
||||
const annexData = reactive({ |
|
||||
annexList: [{ |
|
||||
title: '文件名文件名2023-12-12.docx', |
|
||||
size: '150.02KB', |
|
||||
people: '贾先生', |
|
||||
time: '2023年5月6日 17:16:00', |
|
||||
}, { |
|
||||
title: '文件名文件名2023-12-15.docx', |
|
||||
size: '242KB', |
|
||||
people: '张张', |
|
||||
time: '2022年12月12日 17:16:00', |
|
||||
}] |
|
||||
}) |
|
||||
// 备注默认数据 |
|
||||
const remarksData = reactive({ |
|
||||
remarksList: [{ |
|
||||
name: '诸葛亮', |
|
||||
text: '转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。', |
|
||||
time: '2023年5月6日 17:16:00', |
|
||||
}, { |
|
||||
name: '刘备', |
|
||||
text: '转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。', |
|
||||
time: '2022年12月12日 17:16:00', |
|
||||
}] |
|
||||
}) |
|
||||
|
|
||||
// 变更记录默认数据 |
|
||||
const changeRecordData = reactive({ |
|
||||
changeRecordList: [{ |
|
||||
name: '诸葛亮', |
|
||||
type: 1, |
|
||||
time: '2023年5月6日 17:16:00', |
|
||||
}, { |
|
||||
name: '刘备', |
|
||||
type: 2, |
|
||||
time: '2023年5月6日 17:16:00', |
|
||||
}, { |
|
||||
name: '曹操', |
|
||||
type: 3, |
|
||||
time: '2023年5月6日 17:16:00', |
|
||||
file: [{ |
|
||||
name: '这是个附件的名字.docx', |
|
||||
url: 'http://localhost:12080//wms/itembasic/get-import-template' |
|
||||
}, { |
|
||||
name: '这是个附件的名字.docx', |
|
||||
url: 'http://localhost:12080/wms/itembasic/get-import-template' |
|
||||
}] |
|
||||
}] |
|
||||
}) |
|
||||
const detailData = ref("")//详情数据 |
|
||||
// 导入附件弹窗所需的参数 |
|
||||
const importTemplateData = reactive({ |
|
||||
templateUrl: '', |
|
||||
templateTitle: '导入模版99.xls' |
|
||||
}) |
|
||||
onMounted(async () => { |
|
||||
// 获取详情 |
|
||||
detailData.value = await getItembasic(query.id) |
|
||||
importTemplateData.templateUrl = await ItembasicApi.importTemplate() |
|
||||
}) |
|
||||
|
|
||||
// 导入成功之后 |
|
||||
const importSuccess = () => { |
|
||||
|
|
||||
|
|
||||
} |
|
||||
/** 搜索按钮操作 */ |
|
||||
const handleQuery = () => { |
|
||||
|
|
||||
importFormRef.value.open() |
|
||||
} |
|
||||
|
|
||||
/** 重置按钮操作 */ |
|
||||
const resetQuery = () => { |
|
||||
queryParams.pageNo = 1 |
|
||||
queryFormRef.value.resetFields() |
|
||||
} |
|
||||
|
|
||||
/** 用户导入 */ |
|
||||
const importFormRef = ref() |
|
||||
const handleImport = () => { |
|
||||
importFormRef.value.open() |
|
||||
} |
|
||||
// 删除附件成功之后所走的方法 |
|
||||
const deleteAnnexSuccess = async () => { |
|
||||
console.log('删除成功'); |
|
||||
} |
|
||||
// 备注提交成功之后 |
|
||||
const remarksSubmitSucss = () => { |
|
||||
console.log('提交成功'); |
|
||||
} |
|
||||
// 供应商物品数据 |
|
||||
// const supplierItems = reactive({ |
|
||||
// supplierItemsList: [{ |
|
||||
// code: '646456', |
|
||||
// name: '978978' |
|
||||
// }], |
|
||||
// total: 20, |
|
||||
// pageSize: 1, |
|
||||
// currentPage: 2 |
|
||||
// }) |
|
||||
|
|
||||
|
|
||||
const current = ref(0) |
|
||||
// 获取表格数据 |
|
||||
const { tableObject, tableMethods } = useTable({ |
|
||||
getListApi: ItembasicApi.getItembasicPage // 分页接口 |
|
||||
}) |
|
||||
const change = (item, index) => { |
|
||||
current.value = index |
|
||||
} |
|
||||
|
|
||||
// 获得表格的各种操作 |
|
||||
const { getList, setSearchParams } = tableMethods |
|
||||
getList() |
|
||||
|
|
||||
</script> |
|
||||
@ -1,156 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible"> |
|
||||
<div class="p-20px m--10px" style="max-height: 500px;overflow-y: auto;"> |
|
||||
<Form ref="formRef" v-loading="formLoading" :rules="ItemBasicRules" :schema="ItemBasic.allSchemas.formSchema" |
|
||||
:model="formData" :is-col="true" /> |
|
||||
<div class="table"> |
|
||||
<TableForm ref="tableFormRef" :tableFields="PurchaseclaimRequestMain.allSchemas.tableFormColumns" :tableData="tableData" class="w-[100%]" @handleAdd="handleAdd" :tableFormRules="ItemBasicRules" @handleDelete="handleDelete" @inpuFocus="inpuFocus"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<template #footer> |
|
||||
<!-- 列表头部 --> |
|
||||
<TableHead :HeadButttondata="Butttondata" @buttonBaseClick="buttonBaseClick" /> |
|
||||
</template> |
|
||||
</Dialog> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import * as ItembasicApi from '@/api/wms/itembasic' |
|
||||
import { ItemBasic, ItemBasicRules, PurchaseclaimRequestMain } from '@/utils/disposition/tableColumns.ts' |
|
||||
import TableForm from '@/components/TableForm/src/TableForm.vue' |
|
||||
import * as defaultButtons from '@/utils/disposition/defaultButtons' |
|
||||
|
|
||||
const { t } = useI18n() // 国际化 |
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const dialogTitle = ref('') // 弹窗的标题 |
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
||||
const formData = ref('') |
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改 |
|
||||
const formRef = ref() // 表单 Ref |
|
||||
const tableFormRef = 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 { |
|
||||
const data = await ItembasicApi.getItembasic(id) |
|
||||
formRef.value.setValues(data) |
|
||||
|
|
||||
} 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 ItembasicApi.ItembasicVO |
|
||||
if (formType.value === 'create') { |
|
||||
await ItembasicApi.createItembasic(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await ItembasicApi.updateItembasic(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
code: undefined, |
|
||||
name: undefined, |
|
||||
desc1: undefined, |
|
||||
desc2: undefined, |
|
||||
status: undefined, |
|
||||
uom: undefined, |
|
||||
altUom: undefined, |
|
||||
isStdPack: undefined, |
|
||||
enableBuy: undefined, |
|
||||
enableMake: undefined, |
|
||||
enableOutsourcing: undefined, |
|
||||
isRecycled: undefined, |
|
||||
isPhantom: undefined, |
|
||||
abcClass: undefined, |
|
||||
type: undefined, |
|
||||
category: undefined, |
|
||||
itemGroup: undefined, |
|
||||
color: undefined, |
|
||||
configuration: undefined, |
|
||||
project: undefined, |
|
||||
eqLevel: undefined, |
|
||||
validityDays: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
} |
|
||||
formRef.value?.resetFields() |
|
||||
} |
|
||||
|
|
||||
// 弹窗按钮 |
|
||||
const Butttondata = [ |
|
||||
defaultButtons.formSaveBtn(null), // 保存 |
|
||||
defaultButtons.formCloseBtn(null), // 关闭 |
|
||||
] |
|
||||
// 按钮事件 |
|
||||
const buttonBaseClick = (val, item) => { |
|
||||
// 保存 |
|
||||
if (val == 'save') { |
|
||||
tableFormRef.value.validateForm() |
|
||||
} |
|
||||
// 关闭 |
|
||||
else if (val == 'close') { |
|
||||
dialogVisible.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
const tableFormKeys ={} |
|
||||
PurchaseclaimRequestMain.allSchemas.tableFormColumns.forEach(item=>{ |
|
||||
tableFormKeys[item.field]=item.default? item.default:'' |
|
||||
}) |
|
||||
const tableData = ref([]) |
|
||||
// 添加明细 |
|
||||
const handleAdd = ()=>{ |
|
||||
tableData.value.push(tableFormKeys) |
|
||||
} |
|
||||
// 删除明细 |
|
||||
|
|
||||
const handleDelete =(item,index)=>{ |
|
||||
tableData.value.splice(index,1) |
|
||||
} |
|
||||
// input聚焦的时候操作 |
|
||||
const inpuFocus = () => { |
|
||||
console.log(1); |
|
||||
|
|
||||
} |
|
||||
</script> |
|
||||
<style scoped> |
|
||||
.table { |
|
||||
border: 1px solid #dedede; |
|
||||
border-radius: 8px; |
|
||||
padding: 10px; |
|
||||
display: flex; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,133 +0,0 @@ |
|||||
<template> |
|
||||
<Dialog v-model="dialogVisible" title="物品基本信息导入" width="400"> |
|
||||
<el-upload |
|
||||
ref="uploadRef" |
|
||||
v-model:file-list="fileList" |
|
||||
:action="importUrl + '?updateSupport=' + updateSupport" |
|
||||
:auto-upload="false" |
|
||||
:disabled="formLoading" |
|
||||
:headers="uploadHeaders" |
|
||||
:limit="1" |
|
||||
:on-error="submitFormError" |
|
||||
:on-exceed="handleExceed" |
|
||||
:on-success="submitFormSuccess" |
|
||||
accept=".xlsx, .xls" |
|
||||
drag |
|
||||
> |
|
||||
<Icon icon="ep:upload" /> |
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div> |
|
||||
<template #tip> |
|
||||
<div class="el-upload__tip text-center"> |
|
||||
<div class="el-upload__tip"> |
|
||||
<el-checkbox v-model="updateSupport" /> |
|
||||
是否更新已经存在的物品基本信息数据 |
|
||||
</div> |
|
||||
<span>仅允许导入 xls、xlsx 格式文件。</span> |
|
||||
<el-link |
|
||||
:underline="false" |
|
||||
style="font-size: 12px; vertical-align: baseline" |
|
||||
type="primary" |
|
||||
@click="importTemplate" |
|
||||
> |
|
||||
下载模板 |
|
||||
</el-link> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-upload> |
|
||||
<template #footer> |
|
||||
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button> |
|
||||
<el-button @click="dialogVisible = false">取 消</el-button> |
|
||||
</template> |
|
||||
</Dialog> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import * as ItembasicApi from '@/api/wms/itembasic' |
|
||||
import { getAccessToken, getTenantId } from '@/utils/auth' |
|
||||
import download from '@/utils/download' |
|
||||
|
|
||||
defineOptions({ name: 'WmsItembasicImportForm' }) |
|
||||
|
|
||||
const message = useMessage() // 消息弹窗 |
|
||||
|
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
||||
const formLoading = ref(false) // 表单的加载中 |
|
||||
const uploadRef = ref() |
|
||||
const importUrl = |
|
||||
import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL + '/wms/itembasic/import' |
|
||||
const uploadHeaders = ref() // 上传 Header 头 |
|
||||
const fileList = ref([]) // 文件列表 |
|
||||
const updateSupport = ref(0) // 是否更新已经存在的物品基本信息数据 |
|
||||
|
|
||||
/** 打开弹窗 */ |
|
||||
const open = () => { |
|
||||
dialogVisible.value = true |
|
||||
resetForm() |
|
||||
} |
|
||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗 |
|
||||
|
|
||||
/** 提交表单 */ |
|
||||
const submitForm = async () => { |
|
||||
if (fileList.value.length == 0) { |
|
||||
message.error('请上传文件') |
|
||||
return |
|
||||
} |
|
||||
// 提交请求 |
|
||||
uploadHeaders.value = { |
|
||||
Authorization: 'Bearer ' + getAccessToken(), |
|
||||
'tenant-id': getTenantId() |
|
||||
} |
|
||||
formLoading.value = true |
|
||||
uploadRef.value!.submit() |
|
||||
} |
|
||||
|
|
||||
/** 文件上传成功 */ |
|
||||
const emits = defineEmits(['success']) |
|
||||
const submitFormSuccess = (response: any) => { |
|
||||
if (response.code !== 0) { |
|
||||
message.error(response.msg) |
|
||||
formLoading.value = false |
|
||||
return |
|
||||
} |
|
||||
// 拼接提示语 |
|
||||
const data = response.data |
|
||||
let text = '上传成功数量：' + data.createUsernames.length + ';' |
|
||||
for (let username of data.createUsernames) { |
|
||||
text += '< ' + username + ' >' |
|
||||
} |
|
||||
text += '更新成功数量：' + data.updateUsernames.length + ';' |
|
||||
for (const username of data.updateUsernames) { |
|
||||
text += '< ' + username + ' >' |
|
||||
} |
|
||||
text += '更新失败数量：' + Object.keys(data.failureUsernames).length + ';' |
|
||||
for (const username in data.failureUsernames) { |
|
||||
text += '< ' + username + ': ' + data.failureUsernames[username] + ' >' |
|
||||
} |
|
||||
message.alert(text) |
|
||||
// 发送操作成功的事件 |
|
||||
emits('success') |
|
||||
} |
|
||||
|
|
||||
/** 上传错误提示 */ |
|
||||
const submitFormError = (): void => { |
|
||||
message.error('上传失败，请您重新上传！') |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
// 重置上传状态和文件 |
|
||||
formLoading.value = false |
|
||||
uploadRef.value?.clearFiles() |
|
||||
} |
|
||||
|
|
||||
/** 文件数超出提示 */ |
|
||||
const handleExceed = (): void => { |
|
||||
message.error('最多只能上传一个文件！') |
|
||||
} |
|
||||
|
|
||||
/** 下载模板操作 */ |
|
||||
const importTemplate = async () => { |
|
||||
const res = await ItembasicApi.importUserTemplate() |
|
||||
download.excel(res, '物品基本信息导入模版.xls') |
|
||||
} |
|
||||
</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="fgLocationCode"> |
|
||||
<el-input v-model="formData.fgLocationCode" 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="itemCode"> |
|
||||
<el-input v-model="formData.itemCode" 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 ProductionlineitemApi from '@/api/wms/productionlineitem' |
|
||||
|
|
||||
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({ |
|
||||
fgLocationCode: undefined, |
|
||||
productionLineCode: undefined, |
|
||||
itemCode: undefined, |
|
||||
available: undefined, |
|
||||
activeTime: undefined, |
|
||||
expireTime: undefined, |
|
||||
remark: undefined |
|
||||
}) |
|
||||
const formRules = reactive({ |
|
||||
fgLocationCode: [{ required: true, message: '完工收货库位不能为空', trigger: 'blur' }], |
|
||||
productionLineCode: [{ required: true, message: '产线代码不能为空', trigger: 'blur' }], |
|
||||
itemCode: [{ 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 ProductionlineitemApi.getProductionlineitem(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 ProductionlineitemApi.ProductionlineitemVO |
|
||||
if (formType.value === 'create') { |
|
||||
await ProductionlineitemApi.createProductionlineitem(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await ProductionlineitemApi.updateProductionlineitem(data) |
|
||||
message.success(t('common.updateSuccess')) |
|
||||
} |
|
||||
dialogVisible.value = false |
|
||||
// 发送操作成功的事件 |
|
||||
emit('success') |
|
||||
} finally { |
|
||||
formLoading.value = false |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** 重置表单 */ |
|
||||
const resetForm = () => { |
|
||||
formData.value = { |
|
||||
fgLocationCode: undefined, |
|
||||
productionLineCode: undefined, |
|
||||
itemCode: 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 StdcostpriceApi from '@/api/wms/stdcostprice' |
|
||||
|
|
||||
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 StdcostpriceApi.getStdcostprice(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 StdcostpriceApi.StdcostpriceVO |
|
||||
if (formType.value === 'create') { |
|
||||
await StdcostpriceApi.createStdcostprice(data) |
|
||||
message.success(t('common.createSuccess')) |
|
||||
} else { |
|
||||
await StdcostpriceApi.updateStdcostprice(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> |
|
||||
Loading…
Reference in new issue