Compare commits
No commits in common. "4bddd5b24fc49f3cd78aa29eceb132b227163a56" and "d7dd69d159a265de0b7454ebea45f54df8908a7b" have entirely different histories.
4bddd5b24f
...
d7dd69d159
|
|
@ -1,110 +0,0 @@
|
||||||
<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>
|
|
||||||
|
|
@ -1,64 +0,0 @@
|
||||||
<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>
|
|
||||||
|
|
@ -1,139 +0,0 @@
|
||||||
<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>
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
export default {
|
|
||||||
component: () => import('@/pages/wh/purchase-record/PurchaseRecord.vue'),
|
|
||||||
} as RouterTypes.RouteConfig
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
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)
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
@ -1,149 +0,0 @@
|
||||||
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