Compare commits
2 Commits
d7dd69d159
...
4bddd5b24f
| Author | SHA1 | Date |
|---|---|---|
ljw
|
4bddd5b24f | |
|
ljw
|
d0b1dd4a7a |
|
|
@ -0,0 +1,110 @@
|
||||||
|
<template>
|
||||||
|
<ATablePage
|
||||||
|
ref="tablePage"
|
||||||
|
v-bind="tablePageProps">
|
||||||
|
<template #highFormItem="formData">
|
||||||
|
<ElFormItem label="采购单号">
|
||||||
|
<ElInput placeholder="采购单号" v-model="formData.sn"/>
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="供应商名称">
|
||||||
|
<ElInput placeholder="供应商名称" v-model="formData.supplierName"/>
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="商品名称">
|
||||||
|
<ElInput placeholder="商品名称" v-model="formData.productName"/>
|
||||||
|
</ElFormItem>
|
||||||
|
</template>
|
||||||
|
<template #simpleFormItem="formData">
|
||||||
|
<ElFormItem>
|
||||||
|
<ElInput placeholder="采购单号" v-model="formData.sn"/>
|
||||||
|
</ElFormItem>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #columns>
|
||||||
|
<ElTableColumn label="采购单号" prop="sn" width="150px"/>
|
||||||
|
<ElTableColumn label="商品名称" prop="productName"/>
|
||||||
|
<ElTableColumn label="规格" prop="spec"/>
|
||||||
|
<ElTableColumn label="采购数量" prop="quantity"/>
|
||||||
|
<ElTableColumn label="单位" prop="unit"/>
|
||||||
|
<ElTableColumn label="供应商" prop="supplierName"/>
|
||||||
|
<ElTableColumn label="单价" prop="unitPrice"/>
|
||||||
|
<ElTableColumn label="总金额" prop="totalAmount"/>
|
||||||
|
<ElTableColumn label="采购日期" prop="purchaseDate"/>
|
||||||
|
</template>
|
||||||
|
<PurchaseRecordForm ref="purchaseRecordForm" :research="research"/>
|
||||||
|
<PurchaseRecordDetail ref="purchaseRecordDetail"/>
|
||||||
|
</ATablePage>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import PurchaseRecordApi from '@/pages/wh/purchase-record/purchase-record-api.ts'
|
||||||
|
import PurchaseRecordForm from '@/pages/wh/purchase-record/PurchaseRecordForm.vue'
|
||||||
|
import PurchaseRecordDetail from '@/pages/wh/purchase-record/PurchaseRecordDetail.vue'
|
||||||
|
import ATablePage, {
|
||||||
|
type ATablePageInstance,
|
||||||
|
buildTablePageProps,
|
||||||
|
} from '@/components/a-page/a-table-page/ATablePage.tsx'
|
||||||
|
|
||||||
|
const tablePageIns = useTemplateRef<ATablePageInstance>('tablePage')
|
||||||
|
const purchaseRecordFormIns = useTemplateRef<InstanceType<typeof PurchaseRecordForm>>('purchaseRecordForm')
|
||||||
|
const purchaseRecordDetailIns = useTemplateRef<InstanceType<typeof PurchaseRecordDetail>>('purchaseRecordDetail')
|
||||||
|
|
||||||
|
function research() {
|
||||||
|
tablePageIns.value?.doSearch()
|
||||||
|
}
|
||||||
|
|
||||||
|
const tablePageProps = buildTablePageProps<PurchaseRecordTypes.SearchPurchaseRecordParam, PurchaseRecordTypes.SearchPurchaseRecordResult>({
|
||||||
|
searchForm: {
|
||||||
|
paging: PurchaseRecordApi.paging,
|
||||||
|
},
|
||||||
|
toolBar: {
|
||||||
|
leftTools: [
|
||||||
|
{
|
||||||
|
icon: 'Plus',
|
||||||
|
label: '新建',
|
||||||
|
action() {
|
||||||
|
purchaseRecordFormIns.value?.open()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
table: {
|
||||||
|
actionColumn: {
|
||||||
|
tableActions: [
|
||||||
|
{
|
||||||
|
tooltip: '详情',
|
||||||
|
icon: 'Postcard',
|
||||||
|
type: 'info',
|
||||||
|
action({row}) {
|
||||||
|
purchaseRecordDetailIns.value?.open(row)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tooltip: '编辑',
|
||||||
|
icon: 'Edit',
|
||||||
|
type: 'primary',
|
||||||
|
action({row}) {
|
||||||
|
purchaseRecordFormIns.value?.open(row)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: 'Delete',
|
||||||
|
loading: false,
|
||||||
|
type: 'danger',
|
||||||
|
tooltip: '删除',
|
||||||
|
confirm: {
|
||||||
|
title: '是否删除当前数据',
|
||||||
|
},
|
||||||
|
action({row}) {
|
||||||
|
return PurchaseRecordApi.del([ row.id! ])
|
||||||
|
.then(() => {
|
||||||
|
ElMessage.success('删除成功')
|
||||||
|
return true
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,64 @@
|
||||||
|
<template>
|
||||||
|
<ADetailPanel
|
||||||
|
ref="detailPanel"
|
||||||
|
v-bind="detailPanelProps">
|
||||||
|
<template #default="detailData">
|
||||||
|
<ElDescriptions title="采购记录" border :column="2">
|
||||||
|
<ElDescriptionsItem label="采购单号" prop="sn">
|
||||||
|
{{ detailData.sn }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="经办人" prop="handlerName">
|
||||||
|
{{ detailData.handlerName }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="供应商名称" prop="supplierName">
|
||||||
|
{{ detailData.supplierName }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="商品名称" prop="productName">
|
||||||
|
{{ detailData.productName }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="规格" prop="spec">
|
||||||
|
{{ detailData.spec }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="数量" prop="quantity">
|
||||||
|
{{ detailData.quantity }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="单位" prop="unit">
|
||||||
|
{{ detailData.unit }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="单价" prop="unitPrice">
|
||||||
|
{{ detailData.unitPrice }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="总金额" prop="totalAmount">
|
||||||
|
{{ detailData.totalAmount }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="采购日期" prop="purchaseDate">
|
||||||
|
{{ detailData.purchaseDate }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
<ElDescriptionsItem label="备注" prop="remark" :span="2">
|
||||||
|
{{ detailData.remark }}
|
||||||
|
</ElDescriptionsItem>
|
||||||
|
</ElDescriptions>
|
||||||
|
</template>
|
||||||
|
</ADetailPanel>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import PurchaseRecordApi from '@/pages/wh/purchase-record/purchase-record-api.ts'
|
||||||
|
import ADetailPanel, {
|
||||||
|
type ADetailPanelInstance,
|
||||||
|
buildDetailPanelProps,
|
||||||
|
} from '@/components/a-detail-panel/ADetailPanel.tsx'
|
||||||
|
|
||||||
|
const detailPanelIns = useTemplateRef<ADetailPanelInstance>('detailPanel')
|
||||||
|
const detailPanelProps = buildDetailPanelProps<PurchaseRecordTypes.SearchPurchaseRecordResult>({
|
||||||
|
width: '700px',
|
||||||
|
title: '采购记录详情',
|
||||||
|
detailsLoader: PurchaseRecordApi.detail,
|
||||||
|
})
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
open(data: PurchaseRecordTypes.SearchPurchaseRecordResult) {
|
||||||
|
detailPanelIns.value?.open(data.id!)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,139 @@
|
||||||
|
<template>
|
||||||
|
<AFormPanel
|
||||||
|
ref="formPanel"
|
||||||
|
v-bind="formPanelProps">
|
||||||
|
<template #default="formData">
|
||||||
|
<div class="form-items">
|
||||||
|
<ElFormItem label="商品名称" prop="productName">
|
||||||
|
<ElInput placeholder="商品名称" v-model="formData.productName" />
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="规格" prop="spec">
|
||||||
|
<ElInput placeholder="规格" v-model="formData.spec" />
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="采购数量" prop="quantity">
|
||||||
|
<ElInputNumber v-model="formData.quantity" :min="0" placeholder="采购数量" :controls="false" style="width: 100%" />
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="单位" prop="unit">
|
||||||
|
<ElInput placeholder="单位" v-model="formData.unit" />
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="供应商" prop="supplierName">
|
||||||
|
<ElInput placeholder="供应商" v-model="formData.supplierName" />
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="单价" prop="unitPrice">
|
||||||
|
<ElInputNumber v-model="formData.unitPrice" :min="0" placeholder="单价" :controls="false" style="width: 100%" />
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="总金额" prop="totalAmount">
|
||||||
|
<ElInputNumber v-model="formData.totalAmount" :min="0" placeholder="总金额" :controls="false" style="width: 100%" />
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="经办人" prop="handlerId">
|
||||||
|
<ElSelect v-model="formData.handlerId" placeholder="请选择经办人" filterable>
|
||||||
|
<ElOption v-for="user in userList" :key="user.id" :label="user.nickname" :value="user.id!"/>
|
||||||
|
</ElSelect>
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="采购日期" prop="purchaseDate">
|
||||||
|
<ElDatePicker
|
||||||
|
v-model="formData.purchaseDate"
|
||||||
|
type="datetime"
|
||||||
|
placeholder="选择采购日期"
|
||||||
|
format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</ElFormItem>
|
||||||
|
<ElFormItem label="备注" class="full-width">
|
||||||
|
<ElInput type="textarea" :rows="3" placeholder="备注" v-model="formData.remark" />
|
||||||
|
</ElFormItem>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</AFormPanel>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import PurchaseRecordApi from '@/pages/wh/purchase-record/purchase-record-api.ts'
|
||||||
|
import UserApi from '@/pages/sys/user/user-api.ts'
|
||||||
|
import AFormPanel, {
|
||||||
|
type AFormPanelInstance,
|
||||||
|
buildFormPanelProps,
|
||||||
|
} from '@/components/a-form-panel/AFormPanel.tsx'
|
||||||
|
import Strings from '@/common/utils/strings.ts'
|
||||||
|
|
||||||
|
const userList = ref<UserTypes.SearchUserResult[]>([])
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
UserApi.paging({ size: 1000, current: 1 }).then(res => {
|
||||||
|
userList.value = res.data.records
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
const props = withDefaults(defineProps<{
|
||||||
|
research?: () => void
|
||||||
|
}>(), {
|
||||||
|
research: () => {
|
||||||
|
},
|
||||||
|
})
|
||||||
|
const formPanelIns = useTemplateRef<AFormPanelInstance>('formPanel')
|
||||||
|
const status = ref<'add' | 'modify'>('add')
|
||||||
|
const formPanelProps = buildFormPanelProps<PurchaseRecordTypes.SearchPurchaseRecordResult>({
|
||||||
|
width: '700px',
|
||||||
|
detailsLoader(id?: string) {
|
||||||
|
if (Strings.isBlank(id)) {
|
||||||
|
status.value = 'add'
|
||||||
|
return Promise.resolve()
|
||||||
|
} else {
|
||||||
|
status.value = 'modify'
|
||||||
|
return PurchaseRecordApi
|
||||||
|
.detail(id!)
|
||||||
|
.then(res => res.data)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
doSubmit(data) {
|
||||||
|
if (status.value === 'add') {
|
||||||
|
return PurchaseRecordApi
|
||||||
|
.add(data)
|
||||||
|
.then(props.research)
|
||||||
|
} else {
|
||||||
|
return PurchaseRecordApi
|
||||||
|
.modify(data)
|
||||||
|
.then(props.research)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
handlerId: [{ required: true, message: '请选择经办人', trigger: 'blur' }],
|
||||||
|
supplierName: [{ required: true, message: '请填写供应商名称', trigger: 'blur' }],
|
||||||
|
productName: [{ required: true, message: '请填写商品名称', trigger: 'blur' }],
|
||||||
|
spec: [{ required: true, message: '请填写规格', trigger: 'blur' }],
|
||||||
|
quantity: [
|
||||||
|
{ required: true, message: '请填写数量', trigger: 'blur' },
|
||||||
|
{ pattern: /^[1-9]\d*$/, message: '采购数量必须为正整数', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
unit: [{ required: true, message: '请填写单位', trigger: 'blur' }],
|
||||||
|
unitPrice: [{ required: true, message: '请填写单价', trigger: 'blur' }],
|
||||||
|
totalAmount: [{ required: true, message: '请填写总金额', trigger: 'blur' }],
|
||||||
|
purchaseDate: [{ required: true, message: '请填写采购日期', trigger: 'blur' }],
|
||||||
|
remark: [{ required: true, message: '请填写备注', trigger: 'blur' }],
|
||||||
|
},
|
||||||
|
})
|
||||||
|
watchEffect(() => {
|
||||||
|
formPanelProps.title = status.value === 'add' ? '新建采购记录' : '修改采购记录信息'
|
||||||
|
})
|
||||||
|
defineExpose({
|
||||||
|
open(data?: PurchaseRecordTypes.SearchPurchaseRecordResult) {
|
||||||
|
formPanelIns.value?.open(data?.id)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus" scoped>
|
||||||
|
.form-items {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
|
||||||
|
:deep(.full-width) {
|
||||||
|
grid-column: 1 / -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-input__inner) {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
export default {
|
||||||
|
component: () => import('@/pages/wh/purchase-record/PurchaseRecord.vue'),
|
||||||
|
} as RouterTypes.RouteConfig
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import {
|
||||||
|
get,
|
||||||
|
post
|
||||||
|
} from '@/common/utils/http-util.ts'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
paging(data: PurchaseRecordTypes.SearchPurchaseRecordParam) {
|
||||||
|
return get<G.PageResult<PurchaseRecordTypes.SearchPurchaseRecordResult>>('/purchase_record/paging', data)
|
||||||
|
},
|
||||||
|
detail(id: string) {
|
||||||
|
return get<PurchaseRecordTypes.SearchPurchaseRecordResult>('/purchase_record/detail', {id})
|
||||||
|
},
|
||||||
|
add(data: PurchaseRecordTypes.AddPurchaseRecordParam) {
|
||||||
|
return post('/purchase_record/add', data)
|
||||||
|
},
|
||||||
|
modify(data: PurchaseRecordTypes.ModifyPurchaseRecordParam) {
|
||||||
|
return post('/purchase_record/modify', data)
|
||||||
|
},
|
||||||
|
del(ids: string[]) {
|
||||||
|
return post('/purchase_record/del', ids)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,149 @@
|
||||||
|
export {}
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
namespace PurchaseRecordTypes {
|
||||||
|
interface SearchPurchaseRecordParam extends G.PageParam {
|
||||||
|
// Id
|
||||||
|
id?: string
|
||||||
|
// 采购单号
|
||||||
|
sn?: string
|
||||||
|
// 经办人Id
|
||||||
|
handlerId?: string
|
||||||
|
supplierName?: string
|
||||||
|
// 商品名称
|
||||||
|
productName?: string
|
||||||
|
// 规格
|
||||||
|
spec?: string
|
||||||
|
// 数量
|
||||||
|
quantity?: string
|
||||||
|
// 单位
|
||||||
|
unit?: string
|
||||||
|
// 单价
|
||||||
|
unitPrice?: string
|
||||||
|
// 总金额
|
||||||
|
totalAmount?: string
|
||||||
|
// 采购日期
|
||||||
|
purchaseDate?: string
|
||||||
|
// 备注
|
||||||
|
remark?: string
|
||||||
|
// 创建人 Id；sys_user.id
|
||||||
|
creatorId?: string
|
||||||
|
// 修改人 Id；sys_user.id
|
||||||
|
modifierId?: string
|
||||||
|
// 创建时间
|
||||||
|
createTime?: string
|
||||||
|
// 修改时间
|
||||||
|
modifyTime?: string
|
||||||
|
// 是否删除； 0-->未删除、1-->已删除
|
||||||
|
deleted?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SearchPurchaseRecordResult {
|
||||||
|
// Id
|
||||||
|
id?: string
|
||||||
|
// 采购单号
|
||||||
|
sn?: string
|
||||||
|
// 经办人Id
|
||||||
|
handlerId?: string
|
||||||
|
supplierName?: string
|
||||||
|
// 商品名称
|
||||||
|
productName?: string
|
||||||
|
// 规格
|
||||||
|
spec?: string
|
||||||
|
// 数量
|
||||||
|
quantity?: string
|
||||||
|
// 单位
|
||||||
|
unit?: string
|
||||||
|
// 单价
|
||||||
|
unitPrice?: string
|
||||||
|
// 总金额
|
||||||
|
totalAmount?: string
|
||||||
|
// 采购日期
|
||||||
|
purchaseDate?: string
|
||||||
|
// 备注
|
||||||
|
remark?: string
|
||||||
|
// 创建人 Id；sys_user.id
|
||||||
|
creatorId?: string
|
||||||
|
// 修改人 Id；sys_user.id
|
||||||
|
modifierId?: string
|
||||||
|
// 创建时间
|
||||||
|
createTime?: string
|
||||||
|
// 修改时间
|
||||||
|
modifyTime?: string
|
||||||
|
// 是否删除； 0-->未删除、1-->已删除
|
||||||
|
deleted?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
interface AddPurchaseRecordParam {
|
||||||
|
// Id
|
||||||
|
id?: string
|
||||||
|
// 采购单号
|
||||||
|
sn?: string
|
||||||
|
// 经办人Id
|
||||||
|
handlerId?: string
|
||||||
|
supplierName?: string
|
||||||
|
// 商品名称
|
||||||
|
productName?: string
|
||||||
|
// 规格
|
||||||
|
spec?: string
|
||||||
|
// 数量
|
||||||
|
quantity?: string
|
||||||
|
// 单位
|
||||||
|
unit?: string
|
||||||
|
// 单价
|
||||||
|
unitPrice?: string
|
||||||
|
// 总金额
|
||||||
|
totalAmount?: string
|
||||||
|
// 采购日期
|
||||||
|
purchaseDate?: string
|
||||||
|
// 备注
|
||||||
|
remark?: string
|
||||||
|
// 创建人 Id；sys_user.id
|
||||||
|
creatorId?: string
|
||||||
|
// 修改人 Id；sys_user.id
|
||||||
|
modifierId?: string
|
||||||
|
// 创建时间
|
||||||
|
createTime?: string
|
||||||
|
// 修改时间
|
||||||
|
modifyTime?: string
|
||||||
|
// 是否删除； 0-->未删除、1-->已删除
|
||||||
|
deleted?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ModifyPurchaseRecordParam {
|
||||||
|
// Id
|
||||||
|
id?: string
|
||||||
|
// 采购单号
|
||||||
|
sn?: string
|
||||||
|
// 经办人Id
|
||||||
|
handlerId?: string
|
||||||
|
supplierName?: string
|
||||||
|
// 商品名称
|
||||||
|
productName?: string
|
||||||
|
// 规格
|
||||||
|
spec?: string
|
||||||
|
// 数量
|
||||||
|
quantity?: string
|
||||||
|
// 单位
|
||||||
|
unit?: string
|
||||||
|
// 单价
|
||||||
|
unitPrice?: string
|
||||||
|
// 总金额
|
||||||
|
totalAmount?: string
|
||||||
|
// 采购日期
|
||||||
|
purchaseDate?: string
|
||||||
|
// 备注
|
||||||
|
remark?: string
|
||||||
|
// 创建人 Id；sys_user.id
|
||||||
|
creatorId?: string
|
||||||
|
// 修改人 Id；sys_user.id
|
||||||
|
modifierId?: string
|
||||||
|
// 创建时间
|
||||||
|
createTime?: string
|
||||||
|
// 修改时间
|
||||||
|
modifyTime?: string
|
||||||
|
// 是否删除； 0-->未删除、1-->已删除
|
||||||
|
deleted?: boolean
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue