✨ ERP:基本完成采购订单 100%
This commit is contained in:
parent
600892b112
commit
5339cca40e
@ -26,16 +26,16 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="客户" prop="customerId">
|
<el-form-item label="供应商" prop="supplierId">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="formData.customerId"
|
v-model="formData.supplierId"
|
||||||
clearable
|
clearable
|
||||||
filterable
|
filterable
|
||||||
placeholder="请选择客户"
|
placeholder="请选择供应商"
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in customerList"
|
v-for="item in supplierList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
:label="item.name"
|
:label="item.name"
|
||||||
:value="item.id"
|
:value="item.id"
|
||||||
@ -43,24 +43,6 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="销售人员" prop="saleUserId">
|
|
||||||
<el-select
|
|
||||||
v-model="formData.saleUserId"
|
|
||||||
clearable
|
|
||||||
filterable
|
|
||||||
placeholder="请选择销售人员"
|
|
||||||
class="!w-1/1"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in userList"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.nickname"
|
|
||||||
:value="item.id"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="16">
|
<el-col :span="16">
|
||||||
<el-form-item label="备注" prop="remark">
|
<el-form-item label="备注" prop="remark">
|
||||||
<el-input
|
<el-input
|
||||||
@ -81,7 +63,7 @@
|
|||||||
<ContentWrap>
|
<ContentWrap>
|
||||||
<el-tabs v-model="subTabsName" class="-mt-15px -mb-10px">
|
<el-tabs v-model="subTabsName" class="-mt-15px -mb-10px">
|
||||||
<el-tab-pane label="订单产品清单" name="item">
|
<el-tab-pane label="订单产品清单" name="item">
|
||||||
<SaleOrderItemForm ref="itemFormRef" :items="formData.items" :disabled="disabled" />
|
<PurchaseOrderItemForm ref="itemFormRef" :items="formData.items" :disabled="disabled" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</ContentWrap>
|
</ContentWrap>
|
||||||
@ -131,13 +113,13 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="收取订金" prop="depositPrice">
|
<el-form-item label="支付订金" prop="depositPrice">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="formData.depositPrice"
|
v-model="formData.depositPrice"
|
||||||
controls-position="right"
|
controls-position="right"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
placeholder="请输入收取订金"
|
placeholder="请输入支付订金"
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -153,15 +135,15 @@
|
|||||||
</Dialog>
|
</Dialog>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { SaleOrderApi, SaleOrderVO } from '@/api/erp/sale/order'
|
import { PurchaseOrderApi, PurchaseOrderVO } from '@/api/erp/purchase/order'
|
||||||
import SaleOrderItemForm from './components/SaleOrderItemForm.vue'
|
import PurchaseOrderItemForm from './components/PurchaseOrderItemForm.vue'
|
||||||
import { CustomerApi, CustomerVO } from '@/api/erp/sale/customer'
|
import { SupplierApi, SupplierVO } from '@/api/erp/purchase/supplier'
|
||||||
import { AccountApi, AccountVO } from '@/api/erp/finance/account'
|
|
||||||
import { erpPriceInputFormatter, erpPriceMultiply } from '@/utils'
|
import { erpPriceInputFormatter, erpPriceMultiply } from '@/utils'
|
||||||
import * as UserApi from '@/api/system/user'
|
import * as UserApi from '@/api/system/user'
|
||||||
|
import { AccountApi, AccountVO } from '@/api/erp/finance/account'
|
||||||
|
|
||||||
/** ERP 销售订单表单 */
|
/** ERP 销售订单表单 */
|
||||||
defineOptions({ name: 'SaleOrderForm' })
|
defineOptions({ name: 'PurchaseOrderForm' })
|
||||||
|
|
||||||
const { t } = useI18n() // 国际化
|
const { t } = useI18n() // 国际化
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
@ -172,9 +154,8 @@ const formLoading = ref(false) // 表单的加载中:1)修改时的数据加
|
|||||||
const formType = ref('') // 表单的类型:create - 新增;update - 修改;detail - 详情
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改;detail - 详情
|
||||||
const formData = ref({
|
const formData = ref({
|
||||||
id: undefined,
|
id: undefined,
|
||||||
customerId: undefined,
|
supplierId: undefined,
|
||||||
accountId: undefined,
|
accountId: undefined,
|
||||||
saleUserId: undefined,
|
|
||||||
orderTime: undefined,
|
orderTime: undefined,
|
||||||
remark: undefined,
|
remark: undefined,
|
||||||
fileUrl: '',
|
fileUrl: '',
|
||||||
@ -186,12 +167,12 @@ const formData = ref({
|
|||||||
no: undefined // 订单单号,后端返回
|
no: undefined // 订单单号,后端返回
|
||||||
})
|
})
|
||||||
const formRules = reactive({
|
const formRules = reactive({
|
||||||
customerId: [{ required: true, message: '客户不能为空', trigger: 'blur' }],
|
supplierId: [{ required: true, message: '供应商不能为空', trigger: 'blur' }],
|
||||||
orderTime: [{ required: true, message: '订单时间不能为空', trigger: 'blur' }]
|
orderTime: [{ required: true, message: '订单时间不能为空', trigger: 'blur' }]
|
||||||
})
|
})
|
||||||
const disabled = computed(() => formType.value === 'detail')
|
const disabled = computed(() => formType.value === 'detail')
|
||||||
const formRef = ref() // 表单 Ref
|
const formRef = ref() // 表单 Ref
|
||||||
const customerList = ref<CustomerVO[]>([]) // 客户列表
|
const supplierList = ref<SupplierVO[]>([]) // 供应商列表
|
||||||
const accountList = ref<AccountVO[]>([]) // 账户列表
|
const accountList = ref<AccountVO[]>([]) // 账户列表
|
||||||
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
|
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
|
||||||
|
|
||||||
@ -225,13 +206,13 @@ const open = async (type: string, id?: number) => {
|
|||||||
if (id) {
|
if (id) {
|
||||||
formLoading.value = true
|
formLoading.value = true
|
||||||
try {
|
try {
|
||||||
formData.value = await SaleOrderApi.getSaleOrder(id)
|
formData.value = await PurchaseOrderApi.getPurchaseOrder(id)
|
||||||
} finally {
|
} finally {
|
||||||
formLoading.value = false
|
formLoading.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 加载客户列表
|
// 加载供应商列表
|
||||||
customerList.value = await CustomerApi.getCustomerSimpleList()
|
supplierList.value = await SupplierApi.getSupplierSimpleList()
|
||||||
// 加载用户列表
|
// 加载用户列表
|
||||||
userList.value = await UserApi.getSimpleUserList()
|
userList.value = await UserApi.getSimpleUserList()
|
||||||
// 加载账户列表
|
// 加载账户列表
|
||||||
@ -252,12 +233,12 @@ const submitForm = async () => {
|
|||||||
// 提交请求
|
// 提交请求
|
||||||
formLoading.value = true
|
formLoading.value = true
|
||||||
try {
|
try {
|
||||||
const data = formData.value as unknown as SaleOrderVO
|
const data = formData.value as unknown as PurchaseOrderVO
|
||||||
if (formType.value === 'create') {
|
if (formType.value === 'create') {
|
||||||
await SaleOrderApi.createSaleOrder(data)
|
await PurchaseOrderApi.createPurchaseOrder(data)
|
||||||
message.success(t('common.createSuccess'))
|
message.success(t('common.createSuccess'))
|
||||||
} else {
|
} else {
|
||||||
await SaleOrderApi.updateSaleOrder(data)
|
await PurchaseOrderApi.updatePurchaseOrder(data)
|
||||||
message.success(t('common.updateSuccess'))
|
message.success(t('common.updateSuccess'))
|
||||||
}
|
}
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
@ -272,9 +253,8 @@ const submitForm = async () => {
|
|||||||
const resetForm = () => {
|
const resetForm = () => {
|
||||||
formData.value = {
|
formData.value = {
|
||||||
id: undefined,
|
id: undefined,
|
||||||
customerId: undefined,
|
supplierId: undefined,
|
||||||
accountId: undefined,
|
accountId: undefined,
|
||||||
saleUserId: undefined,
|
|
||||||
orderTime: undefined,
|
orderTime: undefined,
|
||||||
remark: undefined,
|
remark: undefined,
|
||||||
fileUrl: undefined,
|
fileUrl: undefined,
|
@ -94,7 +94,7 @@
|
|||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="row.taxPercent"
|
v-model="row.taxPercent"
|
||||||
controls-position="right"
|
controls-position="right"
|
||||||
:min="0.01"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
class="!w-100%"
|
class="!w-100%"
|
||||||
/>
|
/>
|
||||||
@ -132,7 +132,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-row justify="center" class="mt-3" v-if="!disabled">
|
<el-row justify="center" class="mt-3" v-if="!disabled">
|
||||||
<el-button @click="handleAdd" round>+ 添加入库产品</el-button>
|
<el-button @click="handleAdd" round>+ 添加采购产品</el-button>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
@ -239,7 +239,7 @@ const onChangeProduct = (productId, row) => {
|
|||||||
if (product) {
|
if (product) {
|
||||||
row.productUnitName = product.unitName
|
row.productUnitName = product.unitName
|
||||||
row.productBarCode = product.barCode
|
row.productBarCode = product.barCode
|
||||||
row.productPrice = product.salePrice
|
row.productPrice = product.purchasePrice
|
||||||
}
|
}
|
||||||
// 加载库存
|
// 加载库存
|
||||||
setStockCount(row)
|
setStockCount(row)
|
@ -125,14 +125,14 @@
|
|||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ElTable } from 'element-plus'
|
import { ElTable } from 'element-plus'
|
||||||
import { SaleOrderApi, SaleOrderVO } from '@/api/erp/sale/order'
|
import { PurchaseOrderApi, PurchaseOrderVO } from '@/api/erp/purchase/order'
|
||||||
import { dateFormatter2 } from '@/utils/formatTime'
|
import { dateFormatter2 } from '@/utils/formatTime'
|
||||||
import { erpCountTableColumnFormatter, erpPriceTableColumnFormatter } from '@/utils'
|
import { erpCountTableColumnFormatter, erpPriceTableColumnFormatter } from '@/utils'
|
||||||
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
||||||
|
|
||||||
defineOptions({ name: 'ErpSaleOrderOutEnableList' })
|
defineOptions({ name: 'ErpPurchaseOrderOutEnableList' })
|
||||||
|
|
||||||
const list = ref<SaleOrderVO[]>([]) // 列表的数据
|
const list = ref<PurchaseOrderVO[]>([]) // 列表的数据
|
||||||
const total = ref(0) // 列表的总页数
|
const total = ref(0) // 列表的总页数
|
||||||
const loading = ref(false) // 列表的加载中
|
const loading = ref(false) // 列表的加载中
|
||||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||||
@ -167,7 +167,7 @@ defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
|||||||
|
|
||||||
/** 提交选择 */
|
/** 提交选择 */
|
||||||
const emits = defineEmits<{
|
const emits = defineEmits<{
|
||||||
(e: 'success', value: SaleOrderVO): void
|
(e: 'success', value: PurchaseOrderVO): void
|
||||||
}>()
|
}>()
|
||||||
const submitForm = () => {
|
const submitForm = () => {
|
||||||
try {
|
try {
|
||||||
@ -182,7 +182,7 @@ const submitForm = () => {
|
|||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
try {
|
try {
|
||||||
const data = await SaleOrderApi.getSaleOrderPage(queryParams)
|
const data = await PurchaseOrderApi.getPurchaseOrderPage(queryParams)
|
||||||
list.value = data.list
|
list.value = data.list
|
||||||
total.value = data.total
|
total.value = data.total
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -131,14 +131,14 @@
|
|||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ElTable } from 'element-plus'
|
import { ElTable } from 'element-plus'
|
||||||
import { SaleOrderApi, SaleOrderVO } from '@/api/erp/sale/order'
|
import { PurchaseOrderApi, PurchaseOrderVO } from '@/api/erp/purchase/order'
|
||||||
import { dateFormatter2 } from '@/utils/formatTime'
|
import { dateFormatter2 } from '@/utils/formatTime'
|
||||||
import { erpCountTableColumnFormatter, erpPriceTableColumnFormatter } from '@/utils'
|
import { erpCountTableColumnFormatter, erpPriceTableColumnFormatter } from '@/utils'
|
||||||
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
||||||
|
|
||||||
defineOptions({ name: 'SaleOrderReturnEnableList' })
|
defineOptions({ name: 'PurchaseOrderReturnEnableList' })
|
||||||
|
|
||||||
const list = ref<SaleOrderVO[]>([]) // 列表的数据
|
const list = ref<PurchaseOrderVO[]>([]) // 列表的数据
|
||||||
const total = ref(0) // 列表的总页数
|
const total = ref(0) // 列表的总页数
|
||||||
const loading = ref(false) // 列表的加载中
|
const loading = ref(false) // 列表的加载中
|
||||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||||
@ -173,7 +173,7 @@ defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
|||||||
|
|
||||||
/** 提交选择 */
|
/** 提交选择 */
|
||||||
const emits = defineEmits<{
|
const emits = defineEmits<{
|
||||||
(e: 'success', value: SaleOrderVO): void
|
(e: 'success', value: PurchaseOrderVO): void
|
||||||
}>()
|
}>()
|
||||||
const submitForm = () => {
|
const submitForm = () => {
|
||||||
try {
|
try {
|
||||||
@ -188,7 +188,7 @@ const submitForm = () => {
|
|||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
try {
|
try {
|
||||||
const data = await SaleOrderApi.getSaleOrderPage(queryParams)
|
const data = await PurchaseOrderApi.getPurchaseOrderPage(queryParams)
|
||||||
list.value = data.list
|
list.value = data.list
|
||||||
total.value = data.total
|
total.value = data.total
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -182,7 +182,7 @@
|
|||||||
<el-table-column
|
<el-table-column
|
||||||
label="入库数量"
|
label="入库数量"
|
||||||
align="center"
|
align="center"
|
||||||
prop="outCount"
|
prop="inCount"
|
||||||
:formatter="erpCountTableColumnFormatter"
|
:formatter="erpCountTableColumnFormatter"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
@ -204,7 +204,7 @@
|
|||||||
:formatter="erpPriceTableColumnFormatter"
|
:formatter="erpPriceTableColumnFormatter"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="收取订金"
|
label="支付订金"
|
||||||
align="center"
|
align="center"
|
||||||
prop="depositPrice"
|
prop="depositPrice"
|
||||||
:formatter="erpPriceTableColumnFormatter"
|
:formatter="erpPriceTableColumnFormatter"
|
||||||
@ -271,7 +271,7 @@
|
|||||||
</ContentWrap>
|
</ContentWrap>
|
||||||
|
|
||||||
<!-- 表单弹窗:添加/修改 -->
|
<!-- 表单弹窗:添加/修改 -->
|
||||||
<!-- <PurchaseOrderForm ref="formRef" @success="getList" />-->
|
<PurchaseOrderForm ref="formRef" @success="getList" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
@ -279,7 +279,7 @@ import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
|||||||
import { dateFormatter2 } from '@/utils/formatTime'
|
import { dateFormatter2 } from '@/utils/formatTime'
|
||||||
import download from '@/utils/download'
|
import download from '@/utils/download'
|
||||||
import { PurchaseOrderApi, PurchaseOrderVO } from '@/api/erp/purchase/order'
|
import { PurchaseOrderApi, PurchaseOrderVO } from '@/api/erp/purchase/order'
|
||||||
// import PurchaseOrderForm from './PurchaseOrderForm.vue'
|
import PurchaseOrderForm from './PurchaseOrderForm.vue'
|
||||||
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
||||||
import { UserVO } from '@/api/system/user'
|
import { UserVO } from '@/api/system/user'
|
||||||
import * as UserApi from '@/api/system/user'
|
import * as UserApi from '@/api/system/user'
|
||||||
|
@ -94,7 +94,7 @@
|
|||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="row.taxPercent"
|
v-model="row.taxPercent"
|
||||||
controls-position="right"
|
controls-position="right"
|
||||||
:min="0.01"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
class="!w-100%"
|
class="!w-100%"
|
||||||
/>
|
/>
|
||||||
@ -132,7 +132,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-row justify="center" class="mt-3" v-if="!disabled">
|
<el-row justify="center" class="mt-3" v-if="!disabled">
|
||||||
<el-button @click="handleAdd" round>+ 添加出库产品</el-button>
|
<el-button @click="handleAdd" round>+ 添加采购产品</el-button>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
@ -129,7 +129,7 @@
|
|||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="row.taxPercent"
|
v-model="row.taxPercent"
|
||||||
controls-position="right"
|
controls-position="right"
|
||||||
:min="0.01"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
class="!w-100%"
|
class="!w-100%"
|
||||||
/>
|
/>
|
||||||
|
@ -129,7 +129,7 @@
|
|||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="row.taxPercent"
|
v-model="row.taxPercent"
|
||||||
controls-position="right"
|
controls-position="right"
|
||||||
:min="0.01"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
class="!w-100%"
|
class="!w-100%"
|
||||||
/>
|
/>
|
||||||
|
Loading…
Reference in New Issue
Block a user