feat(psi): 添加商品仓储订单相关功能
- 新增商品仓储订单列表、添加、编辑、删除等接口 - 实现供应商户表和门店列表的相关接口 - 添加商品仓储订单复制、编辑、删除等功能组件 - 实现订单流程 drawers 和完结功能
This commit is contained in:
parent
764e8f48bf
commit
b4ac918ded
42
src/api/psi/psi_order.ts
Normal file
42
src/api/psi/psi_order.ts
Normal file
@ -0,0 +1,42 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 商品仓储订单列表
|
||||
export function apiWarehouseOrderLists(params: any) {
|
||||
return request.get({ url: '/psi_order/psiorder/lists', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 添加商品仓储订单
|
||||
export function apiWarehouseOrderAdd(params: any) {
|
||||
return request.post({ url: '/psi_order/psiorder/add', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 添加出库单
|
||||
export function apiWarehouseOrderOutbound(params: any) {
|
||||
return request.post({ url: '/psi_order/psiorder/outbound', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
// 编辑商品仓储订单
|
||||
export function apiWarehouseOrderEdit(params: any) {
|
||||
return request.post({ url: '/psi_order/psiorder/edit', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 删除商品仓储订单
|
||||
export function apiWarehouseOrderDelete(params: any) {
|
||||
return request.post({ url: '/psi_order/psiorder/delete', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 商品仓储订单详情
|
||||
export function apiWarehouseOrderDetail(params: any) {
|
||||
return request.get({ url: '/psi_order/psiorder/detail', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
// 导出商品仓储入库订单
|
||||
export function apiWarehouseOrderRentryExport(params: any) {
|
||||
return request.post({ url: '/psi_order/psiorder/rentry_export', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
// 导出商品仓储出库订单
|
||||
export function apiWarehouseOrderExport(params: any) {
|
||||
return request.post({ url: '/psi_order/psiorder/export', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
// 编辑商品仓储订单
|
||||
export function apiWarehouseOrderUpdateEdit(params: any) {
|
||||
return request.post({ url: '/psi_order/psiorder/update_edit', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
26
src/api/supplier.ts
Normal file
26
src/api/supplier.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 供应商户表列表
|
||||
export function apiSupplierLists(params: any) {
|
||||
return request.get({ url: '/supplier/supplier/lists', params })
|
||||
}
|
||||
|
||||
// 添加供应商户表
|
||||
export function apiSupplierAdd(params: any) {
|
||||
return request.post({ url: '/supplier/supplier/add', params })
|
||||
}
|
||||
|
||||
// 编辑供应商户表
|
||||
export function apiSupplierEdit(params: any) {
|
||||
return request.post({ url: '/supplier/supplier/edit', params })
|
||||
}
|
||||
|
||||
// 删除供应商户表
|
||||
export function apiSupplierDelete(params: any) {
|
||||
return request.post({ url: '/supplier/supplier/delete', params })
|
||||
}
|
||||
|
||||
// 供应商户表详情
|
||||
export function apiSupplierDetail(params: any) {
|
||||
return request.get({ url: '/supplier/supplier/detail', params })
|
||||
}
|
||||
66
src/api/system_store.ts
Normal file
66
src/api/system_store.ts
Normal file
@ -0,0 +1,66 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 门店列表列表
|
||||
export function apiSystemStoreLists(params: any) {
|
||||
return request.get({ url: '/system_store/systemstore/lists', params })
|
||||
}
|
||||
|
||||
// 添加门店列表
|
||||
export function apiSystemStoreAdd(params: any) {
|
||||
return request.post({ url: '/system_store/systemstore/add', params })
|
||||
}
|
||||
|
||||
// 编辑门店列表
|
||||
export function apiSystemStoreEdit(params: any) {
|
||||
return request.post({ url: '/system_store/systemstore/edit', params })
|
||||
}
|
||||
|
||||
// 删除门店列表
|
||||
export function apiSystemStoreDelete(params: any) {
|
||||
return request.post({ url: '/system_store/systemstore/delete', params })
|
||||
}
|
||||
|
||||
// 门店列表详情
|
||||
export function apiSystemStoreDetail(params: any) {
|
||||
return request.get({ url: '/system_store/systemstore/detail', params })
|
||||
}
|
||||
|
||||
// 根据商品来源获取门店
|
||||
export function apiSourceProductStoreLists(params: any) {
|
||||
return request.get({ url: '/system_store/systemstore/source_product_store_lists', params })
|
||||
}
|
||||
|
||||
// 根据商品编辑门店库存
|
||||
export function apiStoreBranchProductEdit(params: any) {
|
||||
return request.post({ url: '/store_branch_product/StoreBranchProduct/edit', params })
|
||||
}
|
||||
|
||||
// 根据商品编辑门店库存
|
||||
export function apiStoreBranchProductEditPrice(params: any) {
|
||||
return request.post({ url: '/store_branch_product/StoreBranchProduct/edit_price', params })
|
||||
}
|
||||
|
||||
// 运营概况-头部统计
|
||||
export function apiSystemStoreStatisticsHeader(params: any) {
|
||||
return request.get({ url: '/system_store/SystemStoreStatistics/header', params })
|
||||
}
|
||||
|
||||
// 运营概况-营业趋势
|
||||
export function apiSystemStoreStatisticsOperate(params: any) {
|
||||
return request.get({ url: '/system_store/SystemStoreStatistics/operate', params })
|
||||
}
|
||||
|
||||
// 运营概况-交易/类型数据
|
||||
export function apiSystemStoreStatisticsOrderChart(params: any) {
|
||||
return request.get({ url: '/system_store/SystemStoreStatistics/orderChart', params })
|
||||
}
|
||||
|
||||
// 运营概况-门店业绩
|
||||
export function apiSystemStoreStatisticsStore(params: any) {
|
||||
return request.get({ url: '/system_store/SystemStoreStatistics/store', params })
|
||||
}
|
||||
|
||||
// 门店交易统计
|
||||
export function apiWorkbenchStoreIndex(params: any) {
|
||||
return request.get({ url: '/workbench/store_index', params })
|
||||
}
|
||||
2
src/views/psi/purchase/lists.vue
Normal file
2
src/views/psi/purchase/lists.vue
Normal file
@ -0,0 +1,2 @@
|
||||
<template><div></div></template>
|
||||
<script setup lang="ts"></script>
|
||||
77
src/views/psi/purchase_order/component/copyPop.vue
Normal file
77
src/views/psi/purchase_order/component/copyPop.vue
Normal file
@ -0,0 +1,77 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" title="复制订单" :async="true" width="550px" @confirm="handleSubmit"
|
||||
@close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-form-item label="门店" prop="store_id" style="width: 300px">
|
||||
<el-select v-model="formData.store_id" filterable remote reserve-keyword placeholder="输入门店名称搜索"
|
||||
remote-show-suffix :remote-method="remoteMethod" :loading="storeloading" style="width: 240px">
|
||||
<el-option v-for="item in storeList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input v-model="formData.mark" clearable placeholder="请输入备注" :readonly="false" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="warehouseOrderEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import {
|
||||
apiBeforehandOrderCopy
|
||||
} from '@/api/beforehand_order'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
|
||||
const storeloading = ref(false)
|
||||
const storeList = ref([])
|
||||
const remoteMethod = (e = '') => {
|
||||
storeloading.value = true
|
||||
apiSystemStoreLists({
|
||||
name: e,
|
||||
page_size: 50
|
||||
}).then((res) => {
|
||||
storeList.value = res.lists
|
||||
setTimeout(() => {
|
||||
storeloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
store_id: '',
|
||||
mark: ''
|
||||
})
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
const data = { ...formData }
|
||||
await apiBeforehandOrderCopy(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (id) => {
|
||||
formData.id = id
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
170
src/views/psi/purchase_order/component/damage.vue
Normal file
170
src/views/psi/purchase_order/component/damage.vue
Normal file
@ -0,0 +1,170 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form class="inline-block" :model="queryParams" inline>
|
||||
<el-form-item label="名称" prop="store_name">
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.store_name"
|
||||
clearable
|
||||
placeholder="请输入名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<export-data
|
||||
class="ml-2.5"
|
||||
:fetch-fun="apiPurchaseProductOfferLists"
|
||||
:params="queryParams"
|
||||
:page-size="pager.size"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="OclickDialogBuyer"
|
||||
v-perms="['beforehand_order.beforehand_order/oneClickStorage']"
|
||||
class="mb-4"
|
||||
>
|
||||
一键报损
|
||||
</el-button>
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
|
||||
<el-table-column prop="id" label="ID" width="60" />
|
||||
<el-table-column label="商品图片" prop="image" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
style="width: 50px; height: 50px"
|
||||
:src="row.image"
|
||||
:preview-teleported="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
|
||||
<el-table-column label="数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="仓库" prop="warehouse_name" show-overflow-tooltip />
|
||||
<el-table-column label="原因" prop="mark" show-overflow-tooltip />
|
||||
<el-table-column label="操作" fixed="right" width="180">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
@click="resetWarehouseClick(row)"
|
||||
v-perms="['warehouse_product.warehouse_product/resetNums']"
|
||||
>重置数量</el-button
|
||||
>
|
||||
<el-button
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDelete(row.id)"
|
||||
v-perms="['purchase_product_offer.purchase_product_offer/delete']"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-if="pager.lists" v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import {
|
||||
apiPurchaseProductOfferLists,
|
||||
apiPurchaseProductOfferDelete
|
||||
} from '@/api/purchase_product_offer'
|
||||
import { apiBeforehandOrderCartInfoOneClickStorage } from '@/api/beforehand_order_cart_info'
|
||||
import { apiWarehouseLists } from '@/api/warehouse'
|
||||
import { apiSupplierLists } from '@/api/supplier'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
const order_id = ref({ id: 0 })
|
||||
const dialogBuyer = ref(false)
|
||||
const warehouse_list = ref([])
|
||||
const resetWarehouseShow = ref(false)
|
||||
|
||||
const one_click_storage = ref({
|
||||
bhoid: order_id.value.id,
|
||||
warehouse_id: '',
|
||||
remark: ''
|
||||
})
|
||||
const formData = ref({
|
||||
id: '',
|
||||
bhoid: order_id.value.id,
|
||||
supplier_id: '',
|
||||
purchase: 0,
|
||||
outbound_price: 0,
|
||||
total_price: 0,
|
||||
buyer_nums: 0,
|
||||
package: '',
|
||||
store_info: '',
|
||||
marques: '',
|
||||
after_sales: '',
|
||||
pay_type: 1
|
||||
})
|
||||
const resetWarehouseData = ref({
|
||||
id: '',
|
||||
store_name: '',
|
||||
nums: ''
|
||||
})
|
||||
const resetWarehouseClick = (data: any) => {
|
||||
resetWarehouseShow.value = true
|
||||
resetWarehouseData.value.id = data.id
|
||||
resetWarehouseData.value.store_name = data.store_name
|
||||
resetWarehouseData.value.nums = data.nums
|
||||
}
|
||||
const OclickDialogBuyer = () => {
|
||||
dialogBuyer.value = true
|
||||
apiWarehouseLists({}).then((res) => {
|
||||
warehouse_list.value = res.lists
|
||||
})
|
||||
}
|
||||
const queryParams = reactive({
|
||||
order_id: order_id.value.id,
|
||||
store_name: '',
|
||||
is_adopt: '',
|
||||
is_mer: 1
|
||||
})
|
||||
const supplierLoading = ref(false)
|
||||
const supplierList = ref([])
|
||||
const remoteMethodSupplier = (e = '') => {
|
||||
supplierLoading.value = true
|
||||
apiSupplierLists({ mer_name: e })
|
||||
.then((res) => {
|
||||
supplierList.value = res.lists
|
||||
setTimeout(() => {
|
||||
supplierLoading.value = false
|
||||
}, 300)
|
||||
})
|
||||
.catch((err) => {
|
||||
setTimeout(() => {
|
||||
supplierLoading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiPurchaseProductOfferLists,
|
||||
params: queryParams
|
||||
})
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('outbound_floating')
|
||||
function getList(id) {
|
||||
order_id.value.id = id
|
||||
one_click_storage.value.bhoid = id
|
||||
formData.value.bhoid = id
|
||||
queryParams.order_id = id
|
||||
getLists()
|
||||
}
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiPurchaseProductOfferDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
defineExpose({
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
151
src/views/psi/purchase_order/component/drawer.vue
Normal file
151
src/views/psi/purchase_order/component/drawer.vue
Normal file
@ -0,0 +1,151 @@
|
||||
<template>
|
||||
<el-drawer title="订单流程" v-model="visible" :size="700">
|
||||
<el-card class="step-card mb-1" v-for="item in dataList">
|
||||
<el-row>
|
||||
<el-form-item label="用户" prop="nickname">
|
||||
<el-input v-model="item.admin.name" type="input" disabled />
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="item.remark" type="input" />
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="图片" prop="images">
|
||||
<div v-for="image in item.images">
|
||||
<el-image :src="image" style="width: 120px; height: 120px" :preview-src-list="item.images" />
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-form-item v-if="item.status == 0" label="">
|
||||
<el-button @click="handleConfirm(item)" type="primary" class="w-40">确认</el-button>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
<el-card class="step-card mt-1" v-if="!auditStatus">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-row>
|
||||
<el-form-item label="用户" prop="admin_id">
|
||||
<el-select v-model="formData.admin_id" filterable remote reserve-keyword placeholder="输入用户名称搜索"
|
||||
remote-show-suffix :remote-method="remoteMethodUser" :loading="userloading"
|
||||
style="width: 220px">
|
||||
<el-option v-for="item in userList" :key="item.id"
|
||||
:label="`${item.name}|${item.account} (ID:${item.id})`" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" type="input" />
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="图片" prop="images">
|
||||
<material-picker v-model="formData.images" :limit="20" />
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-form-item label="">
|
||||
<el-button @click="handleSubmit" type="primary" class="w-40">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="step-card mt-1" v-if="!auditStatus">
|
||||
<el-button @click="handleSettle" type="primary" class="w-40">完结</el-button>
|
||||
</el-card>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { defineProps, defineEmits, type FormInstance } from 'vue'
|
||||
import {
|
||||
apiBeforehandOrderLogLists,
|
||||
apiBeforehandOrderLogSave,
|
||||
apiBeforehandOrderSettle,
|
||||
apiBeforehandOrderLogConfirm
|
||||
} from '@/api/beforehand_order'
|
||||
import { Plus } from '@element-plus/icons-vue'
|
||||
import type { UploadProps, UploadUserFile } from 'element-plus'
|
||||
import { adminLists } from '@/api/perms/admin'
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
|
||||
const visible = computed({
|
||||
get: () => props.modelValue,
|
||||
set: (value) => emit('update:modelValue', value)
|
||||
})
|
||||
|
||||
const formData = reactive({
|
||||
order_id: '',
|
||||
images: [],
|
||||
remark: '',
|
||||
admin_id: ''
|
||||
})
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data : any = { ...formData }
|
||||
await apiBeforehandOrderLogSave(data)
|
||||
handleClose()
|
||||
}
|
||||
|
||||
const fileList = ref([])
|
||||
|
||||
const auditStatus = ref(false)
|
||||
const dataList = ref([])
|
||||
const open = (id) => {
|
||||
formData.order_id = id
|
||||
auditStatus.value = false
|
||||
dataList.value = []
|
||||
apiBeforehandOrderLogLists({ order_id: id }).then((res : any) => {
|
||||
if (res.audit_status == 1) {
|
||||
auditStatus.value = true
|
||||
}
|
||||
dataList.value = res.list
|
||||
})
|
||||
}
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
const userloading = ref(false)
|
||||
const userList = ref([])
|
||||
const remoteMethodUser = (e = '') => {
|
||||
userloading.value = true
|
||||
adminLists({
|
||||
name: e,
|
||||
page_size: 10
|
||||
})
|
||||
.then((res) => {
|
||||
userList.value = res.lists
|
||||
setTimeout(() => {
|
||||
userloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
.catch((err) => {
|
||||
setTimeout(() => {
|
||||
userloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
|
||||
const handleConfirm = async (row) => {
|
||||
await apiBeforehandOrderLogConfirm(row)
|
||||
emit('close')
|
||||
}
|
||||
|
||||
const handleSettle = async () => {
|
||||
await apiBeforehandOrderSettle({ id: formData.order_id })
|
||||
emit('close')
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
141
src/views/psi/purchase_order/component/editProduct.vue
Normal file
141
src/views/psi/purchase_order/component/editProduct.vue
Normal file
@ -0,0 +1,141 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="popupTitle"
|
||||
:async="true"
|
||||
width="550px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
|
||||
<el-form-item label="商品名称" prop="store_name">
|
||||
<el-input v-model="formData.store_name" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="nums">
|
||||
<el-input
|
||||
v-model="formData.nums"
|
||||
clearable
|
||||
placeholder="请输入数量"
|
||||
:readonly="false"
|
||||
@change="compute"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="零售价" prop="purchases">
|
||||
<el-input
|
||||
v-model="formData.purchases"
|
||||
clearable
|
||||
placeholder="请输入价格"
|
||||
:readonly="false"
|
||||
@change="compute"
|
||||
:disabled="formData.type == 0"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="总价" prop="total_price">
|
||||
<el-input
|
||||
v-model="formData.total_price"
|
||||
clearable
|
||||
placeholder="请输入价格"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input
|
||||
v-model="formData.mark"
|
||||
clearable
|
||||
placeholder="请输入备注"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="warehouseOrderEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import {
|
||||
apiBeforehandOrderCartInfoEdit,
|
||||
apiBeforehandOrderCartInfoDetail
|
||||
} from '@/api/beforehand_order_cart_info'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const mode = ref('add')
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑商品' : '新增商品仓储订单'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
bhoid: '',
|
||||
type: 0,
|
||||
store_name: '',
|
||||
total_price: '',
|
||||
nums: '',
|
||||
purchases: '',
|
||||
mark: ''
|
||||
})
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({})
|
||||
const compute = () => {
|
||||
formData.total_price = (formData.nums * formData.purchases).toFixed(2)
|
||||
}
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
formData.nums = data.cart_num
|
||||
formData.purchases = data.price
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiBeforehandOrderCartInfoDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData }
|
||||
await apiBeforehandOrderCartInfoEdit(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
||||
547
src/views/psi/purchase_order/component/goodsOffer.vue
Normal file
547
src/views/psi/purchase_order/component/goodsOffer.vue
Normal file
@ -0,0 +1,547 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form class="inline-block" :model="queryParams" inline>
|
||||
<el-form-item label="名称" prop="store_name">
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.store_name"
|
||||
clearable
|
||||
placeholder="请输入名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<export-data
|
||||
class="ml-2.5"
|
||||
:fetch-fun="apiPurchaseProductOfferLists"
|
||||
:params="queryParams"
|
||||
:page-size="pager.size"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-button type="primary" @click="no_storage(0)" class="mb-4"> 未入库 </el-button>
|
||||
<el-button type="primary" @click="no_storage(1)" class="mb-4"> 已入库 </el-button>
|
||||
<!-- <el-button
|
||||
type="primary"
|
||||
@click="OclickDialogBuyer"
|
||||
v-perms="['beforehand_order.beforehand_order/oneClickStorage']"
|
||||
class="mb-4"
|
||||
>
|
||||
一键入库
|
||||
</el-button> -->
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
|
||||
<el-table-column prop="id" label="ID" width="60" />
|
||||
<el-table-column label="商品图片" prop="image" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
style="width: 50px; height: 50px"
|
||||
:src="row.image"
|
||||
:preview-teleported="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
|
||||
|
||||
<el-table-column label="供应商" prop="supplier_name" show-overflow-tooltip />
|
||||
<el-table-column label="需求数量" prop="need_num" show-overflow-tooltip />
|
||||
|
||||
<el-table-column label="采购数量" prop="buyer_nums" show-overflow-tooltip />
|
||||
<el-table-column label="采购价" prop="price" show-overflow-tooltip />
|
||||
<el-table-column label="采购总价" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="采购人员" prop="buyer_name" show-overflow-tooltip />
|
||||
|
||||
<el-table-column label="采购状态" prop="buyer_confirm_name" show-overflow-tooltip />
|
||||
<el-table-column label="支付方式" prop="pay_type_name" show-overflow-tooltip />
|
||||
<el-table-column label="是否入库" prop="is_storage_name" show-overflow-tooltip />
|
||||
<el-table-column label="来源订单信息" prop="unit_name" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<div v-for="item in row.source_order_info">
|
||||
<div>订单id：{{ item.source_order_id }}</div>
|
||||
<div>数量：{{ item.need_num }}</div>
|
||||
<div>订单备注：{{ item.mark }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" width="180">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-if="row.is_storage == 0"
|
||||
type="primary"
|
||||
link
|
||||
@click="procureClick(row)"
|
||||
>采购设置</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="row.is_storage == 0"
|
||||
type="primary"
|
||||
link
|
||||
v-perms="['beforehand_order.beforehand_order/oneClickStorage']"
|
||||
@click="storeroomClick(row)"
|
||||
>分拣入库</el-button
|
||||
>
|
||||
<!-- <el-button
|
||||
type="primary"
|
||||
link
|
||||
@click="productOfferClick(row)"
|
||||
v-perms="['purchase_product_offer.purchase_product_offer/warehouse']"
|
||||
>修改入库</el-button
|
||||
> -->
|
||||
<el-button
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDelete(row.id)"
|
||||
v-perms="['purchase_product_offer.purchase_product_offer/delete']"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- <div class="flex mt-4 justify-end">
|
||||
<pagination
|
||||
v-if="pager.lists"
|
||||
v-model="pager"
|
||||
@change="getLists"
|
||||
/>
|
||||
</div> -->
|
||||
</div>
|
||||
<el-dialog v-model="dialogBuyer" title="入库设置" width="600">
|
||||
<el-form ref="formRef" :model="one_click_storage" label-width="90px">
|
||||
<el-form-item label="仓库">
|
||||
<el-select
|
||||
v-model="one_click_storage.warehouse_id"
|
||||
placeholder="请选择仓库"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in warehouse_list"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input
|
||||
v-model="one_click_storage.remark"
|
||||
clearable
|
||||
placeholder="请输入备注"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="dialogBuyer = false">取消</el-button>
|
||||
<el-button type="primary" @click="oneClickStorage" :disabled="disableClick">
|
||||
确认
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="procureShow" title="采购设置" width="600">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-form-item label="供应商">
|
||||
<el-select
|
||||
v-model="formData.supplier_id"
|
||||
filterable
|
||||
reserve-keyword
|
||||
placeholder="输入供应商名称搜索"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in supplierList"
|
||||
:key="item.id"
|
||||
:label="item.mer_name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="buyer_nums">
|
||||
<el-input
|
||||
v-model="formData.buyer_nums"
|
||||
clearable
|
||||
placeholder="请输入采购数量"
|
||||
:readonly="false"
|
||||
@change="compute"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="采购价" prop="purchase_price">
|
||||
<el-input
|
||||
v-model="formData.purchase_price"
|
||||
clearable
|
||||
placeholder="请输入采购价"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="采购净价" prop="purchase">
|
||||
<el-input
|
||||
v-model="formData.purchase"
|
||||
clearable
|
||||
placeholder="请输入采购净价"
|
||||
:readonly="false"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item> @change="compute"
|
||||
-->
|
||||
<el-form-item label="采购总价" prop="total_price">
|
||||
<el-input
|
||||
v-model="formData.total_price"
|
||||
clearable
|
||||
placeholder="请输入采购总价"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="付款方式" prop="pay_type">
|
||||
<el-radio-group v-model="formData.pay_type">
|
||||
<el-radio :label="1">赊账</el-radio>
|
||||
<el-radio :label="2">现金</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="包装" prop="package">
|
||||
<el-input v-model="formData.package" placeholder="请输入包装" />
|
||||
</el-form-item>
|
||||
<el-form-item label="规格" prop="store_info">
|
||||
<el-input v-model="formData.store_info" placeholder="请输入规格" />
|
||||
</el-form-item>
|
||||
<el-form-item label="型号" prop="marques">
|
||||
<el-input v-model="formData.marques" placeholder="请输入型号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="售后" prop="after_sales">
|
||||
<el-input v-model="formData.after_sales" placeholder="请输入售后" />
|
||||
</el-form-item>
|
||||
<el-form-item label="生产日期" prop="manufacture">
|
||||
<el-date-picker
|
||||
v-model="formData.manufacture"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请输入生产日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="保质期" prop="expiration_date">
|
||||
<el-date-picker
|
||||
v-model="formData.expiration_date"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请输入保质期"
|
||||
/>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="procureShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="setProcureInfo"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="storeroomShow" title="分拣设置" width="600">
|
||||
<el-form ref="formRef" :model="storeroom" label-width="90px">
|
||||
<el-form-item label="仓库">
|
||||
<el-select
|
||||
v-model="storeroom.warehouse_id"
|
||||
placeholder="请选择仓库"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in warehouse_list"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="采购数量" prop="buyer_nums">
|
||||
<el-input v-model="storeroom.buyer_nums" readonly />
|
||||
</el-form-item>
|
||||
<el-form-item label="分拣数量" prop="warehouse_num">
|
||||
<el-input
|
||||
v-model="storeroom.warehouse_num"
|
||||
clearable
|
||||
placeholder="请输入分拣数量"
|
||||
:readonly="false"
|
||||
@change="compute"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input
|
||||
v-model="storeroom.mark"
|
||||
clearable
|
||||
placeholder="请输入备注"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="storeroomShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="putInStorage" :disabled="disableClick">
|
||||
确认
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="productOfferShow" title="入库设置" width="600">
|
||||
<el-form ref="formRef" :model="productOfferData" label-width="90px">
|
||||
<el-form-item label="采购数量" prop="buyer_nums">
|
||||
<el-input
|
||||
v-model="productOfferData.buyer_nums"
|
||||
clearable
|
||||
placeholder="请输入采购数量"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="productOfferShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="productOfferInfo"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import {
|
||||
apiPurchaseProductOfferLists,
|
||||
apiPurchaseProductOfferSetProcureInfo,
|
||||
apiPurchaseProductOffersetStoreroomInfo,
|
||||
apiPurchaseProductOffersetStoreroomInfoTwo,
|
||||
apiPurchaseProductOfferDelete
|
||||
} from '@/api/purchase_product_offer'
|
||||
import {
|
||||
apiBeforehandOrderCartInfoOneClickStorage,
|
||||
apiBeforehandOrderCartInfoPutInStorage
|
||||
} from '@/api/beforehand_order_cart_info'
|
||||
import { apiWarehouseLists } from '@/api/warehouse'
|
||||
import { apiSupplierLists } from '@/api/supplier'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
const order_id = ref({ id: 0 })
|
||||
const outbound_lv = ref('')
|
||||
const dialogBuyer = ref(false)
|
||||
const procureShow = ref(false)
|
||||
const storeroomShow = ref(false)
|
||||
const productOfferShow = ref(false)
|
||||
const warehouse_list = ref([])
|
||||
const disableClick = ref(false)
|
||||
|
||||
const one_click_storage = ref({
|
||||
bhoid: order_id.value.id,
|
||||
warehouse_id: '',
|
||||
remark: ''
|
||||
})
|
||||
const formData = ref({
|
||||
id: '',
|
||||
bhoid: order_id.value.id,
|
||||
supplier_id: '',
|
||||
purchase: 0,
|
||||
purchase_price: 0,
|
||||
outbound_price: 0,
|
||||
total_price: 0,
|
||||
buyer_nums: 0,
|
||||
package: '',
|
||||
store_info: '',
|
||||
marques: '',
|
||||
after_sales: '',
|
||||
pay_type: 1,
|
||||
manufacture: '',
|
||||
expiration_date: ''
|
||||
})
|
||||
|
||||
const storeroom = ref({
|
||||
id: '',
|
||||
bhoid: order_id.value.id,
|
||||
product_id: '',
|
||||
buyer_nums: '',
|
||||
warehouse_num: '',
|
||||
warehouse_id: '',
|
||||
mark: ''
|
||||
})
|
||||
const productOfferData = ref({
|
||||
id: '',
|
||||
buyer_nums: ''
|
||||
})
|
||||
const no_storage = (type: any) => {
|
||||
queryParams.is_storage = type
|
||||
getLists()
|
||||
}
|
||||
// 重置表单
|
||||
const resetFormData = () => {
|
||||
formData.value = {
|
||||
id: '',
|
||||
bhoid: order_id.value.id,
|
||||
supplier_id: '',
|
||||
purchase: 0,
|
||||
purchase_price: 0,
|
||||
outbound_price: 0,
|
||||
total_price: 0,
|
||||
buyer_nums: 0,
|
||||
package: '',
|
||||
store_info: '',
|
||||
marques: '',
|
||||
after_sales: '',
|
||||
pay_type: 1,
|
||||
manufacture: '',
|
||||
expiration_date: ''
|
||||
}
|
||||
}
|
||||
const oneClickStorage = async () => {
|
||||
disableClick.value = true
|
||||
try {
|
||||
await apiBeforehandOrderCartInfoOneClickStorage(one_click_storage.value)
|
||||
dialogBuyer.value = false
|
||||
disableClick.value = false
|
||||
getLists()
|
||||
} catch (error) {
|
||||
setTimeout(() => {
|
||||
disableClick.value = false
|
||||
}, 2000)
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 采购信息设置
|
||||
*/
|
||||
const setProcureInfo = () => {
|
||||
apiPurchaseProductOfferSetProcureInfo(formData.value).then((res) => {
|
||||
procureShow.value = false
|
||||
resetFormData()
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
|
||||
const putInStorage = () => {
|
||||
try {
|
||||
apiBeforehandOrderCartInfoPutInStorage(storeroom.value).then((res) => {
|
||||
storeroomShow.value = false
|
||||
disableClick.value = false
|
||||
getLists()
|
||||
})
|
||||
} catch (error) {
|
||||
setTimeout(() => {
|
||||
disableClick.value = false
|
||||
}, 2000)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 库房信息设置
|
||||
*/
|
||||
const setStoreroomInfo = () => {
|
||||
apiPurchaseProductOffersetStoreroomInfo(storeroom.value).then((res) => {
|
||||
storeroomShow.value = false
|
||||
resetFormData()
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
const productOfferInfo = () => {
|
||||
apiPurchaseProductOffersetStoreroomInfoTwo(productOfferData.value).then((res) => {
|
||||
productOfferShow.value = false
|
||||
resetFormData()
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
const procureClick = (data: any) => {
|
||||
if (supplierList.value.length <= 0) {
|
||||
apiSupplierLists({ page_size: 999 }).then((res) => {
|
||||
supplierList.value = res.lists
|
||||
})
|
||||
}
|
||||
formData.value.id = data.id
|
||||
formData.value.buyer_nums = data.need_num
|
||||
formData.value.purchase = data.price
|
||||
formData.value.total_price = data.total_price
|
||||
|
||||
formData.value.package = data.package
|
||||
formData.value.store_info = data.store_info
|
||||
formData.value.marques = data.marques
|
||||
formData.value.after_sales = data.after_sales
|
||||
formData.value.pay_type = data.pay_type
|
||||
formData.value.supplier_id = data.supplier_id
|
||||
formData.value.manufacture = data.manufacture
|
||||
formData.value.expiration_date = data.expiration_date
|
||||
|
||||
dictData.outbound_floating.forEach((item) => {
|
||||
if (item.value == data.top_cate_name) {
|
||||
outbound_lv.value = `${item.name}|${item.value}`
|
||||
}
|
||||
})
|
||||
procureShow.value = true
|
||||
}
|
||||
const storeroomClick = (data: any) => {
|
||||
storeroom.value.id = data.id
|
||||
storeroom.value.bhoid = data.order_id
|
||||
storeroom.value.product_id = data.product_id
|
||||
storeroom.value.buyer_nums = data.buyer_nums
|
||||
storeroom.value.warehouse_num = ''
|
||||
storeroomShow.value = true
|
||||
apiWarehouseLists({}).then((res) => {
|
||||
warehouse_list.value = res.lists
|
||||
})
|
||||
}
|
||||
const productOfferClick = (data: any) => {
|
||||
productOfferData.value.id = data.id
|
||||
productOfferData.value.buyer_nums = data.buyer_nums
|
||||
productOfferShow.value = true
|
||||
}
|
||||
const compute = () => {
|
||||
formData.value.purchase = (formData.value.total_price / formData.value.buyer_nums).toFixed(2)
|
||||
}
|
||||
const OclickDialogBuyer = () => {
|
||||
dialogBuyer.value = true
|
||||
apiWarehouseLists({}).then((res) => {
|
||||
warehouse_list.value = res.lists
|
||||
})
|
||||
}
|
||||
const queryParams = reactive({
|
||||
order_id: order_id.value.id,
|
||||
store_name: '',
|
||||
is_adopt: '',
|
||||
page_size: 200,
|
||||
page_no: 1,
|
||||
is_mer: 1
|
||||
})
|
||||
const supplierLoading = ref(false)
|
||||
const supplierList = ref([])
|
||||
const remoteMethodSupplier = (e = '') => {
|
||||
supplierLoading.value = true
|
||||
apiSupplierLists({ mer_name: e })
|
||||
.then((res) => {
|
||||
supplierList.value = res.lists
|
||||
setTimeout(() => {
|
||||
supplierLoading.value = false
|
||||
}, 300)
|
||||
})
|
||||
.catch((err) => {
|
||||
setTimeout(() => {
|
||||
supplierLoading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiPurchaseProductOfferLists,
|
||||
params: queryParams
|
||||
})
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('outbound_floating')
|
||||
function getList(id) {
|
||||
order_id.value.id = id
|
||||
one_click_storage.value.bhoid = id
|
||||
formData.value.bhoid = id
|
||||
queryParams.order_id = id
|
||||
getLists()
|
||||
}
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiPurchaseProductOfferDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
defineExpose({
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
370
src/views/psi/purchase_order/component/orderCartInfo.vue
Normal file
370
src/views/psi/purchase_order/component/orderCartInfo.vue
Normal file
@ -0,0 +1,370 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form class="inline-block" :model="queryParams" inline>
|
||||
<el-form-item label="名称" prop="store_name">
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.store_name"
|
||||
clearable
|
||||
placeholder="请输入名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<!-- <el-button type="primary" @click="fixAcceptNum">修复分拣数量</el-button> -->
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<el-button type="primary" @click="syncPrice">同步价格</el-button>
|
||||
<export-data
|
||||
class="ml-2.5"
|
||||
:fetch-fun="apiBeforehandOrderCartInfoLists"
|
||||
:params="queryParams"
|
||||
:page-size="pager.size"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-radio-group v-model="queryParams.top_cate_value" style="margin-left: 30px">
|
||||
<el-radio
|
||||
:value="0"
|
||||
label="全部"
|
||||
@change="topCateChange({ name: '全部', id: 0 })"
|
||||
></el-radio>
|
||||
<el-radio
|
||||
:value="item.id"
|
||||
:label="item.name"
|
||||
v-for="item in formData.top_cate"
|
||||
:key="item.id"
|
||||
@change="topCateChange(item)"
|
||||
></el-radio>
|
||||
</el-radio-group>
|
||||
<div>
|
||||
<el-table :data="pager.lists" v-loading="pager.loading">
|
||||
<el-table-column label="id" prop="id" show-overflow-tooltip />
|
||||
<el-table-column label="商品信息" prop="store_name" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<div class="flex items-center">
|
||||
<el-image
|
||||
:src="row.image"
|
||||
class="w-16 h-16 mr-2"
|
||||
:preview-teleported="true"
|
||||
></el-image>
|
||||
<div>{{ row.store_name }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="分类" prop="top_cate_name" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
|
||||
<el-table-column label="仓库库存" prop="warehouse_stock" show-overflow-tooltip />
|
||||
<el-table-column label="需要数量" prop="cart_num" show-overflow-tooltip />
|
||||
<el-table-column label="分拣数量" prop="accept_num" show-overflow-tooltip />
|
||||
<el-table-column label="零售价" prop="price" show-overflow-tooltip />
|
||||
<el-table-column label="合计金额" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="支付金额" prop="pay_price" show-overflow-tooltip />
|
||||
<el-table-column label="采购订单" prop="procurement_order_id" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<router-link class="ml-4 text-[#63c869]" :to="{ path: 'beforehand_order_details', query: { id: row.procurement_order_id } }">
|
||||
{{row.procurement_order_id}}
|
||||
</router-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否门店出货" prop="store_sale" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-switch v-model="row.store_sale" :active-value="1" :inactive-value="0" active-text="是"
|
||||
inactive-text="否" inline-prompt @change="setStoreSale(row.id)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="是否需采购"
|
||||
prop="is_buyer"
|
||||
show-overflow-tooltip
|
||||
width="120"
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<div v-if="row.is_buyer == 0">
|
||||
<el-button
|
||||
type="danger"
|
||||
round
|
||||
size="small"
|
||||
@click="handleBuyer(-1, row)"
|
||||
>否</el-button
|
||||
>
|
||||
<el-button
|
||||
type="success"
|
||||
round
|
||||
size="small"
|
||||
@click="handleBuyer(1, row)"
|
||||
>是</el-button
|
||||
>
|
||||
</div>
|
||||
<div v-else>
|
||||
<span v-if="row.is_buyer == 1"
|
||||
>{{ row.status_name
|
||||
}}<el-button
|
||||
type="success"
|
||||
round
|
||||
size="small"
|
||||
@click="handleBuyer(-1, row)"
|
||||
v-if="row.status_name == '采购中'"
|
||||
>不采</el-button
|
||||
></span
|
||||
>
|
||||
<span v-if="row.is_buyer == -1"
|
||||
>无需采购
|
||||
<el-button
|
||||
type="success"
|
||||
round
|
||||
size="small"
|
||||
@click="handleBuyer(1, row)"
|
||||
>重采</el-button
|
||||
></span
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
@click="handleEdit(row, 0)"
|
||||
v-perms="['beforehand_order_cart_info.beforehand_order_cart_info/edit']"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="[
|
||||
'beforehand_order_cart_info.beforehand_order_cart_info/edit1'
|
||||
]"
|
||||
type="primary"
|
||||
link
|
||||
@click="handleEdit(row, 1)"
|
||||
>
|
||||
价格编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="[
|
||||
'beforehand_order_cart_info.beforehand_order_cart_info/delete'
|
||||
]"
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDeletes(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end" v-if="pager.lists.length < pager.count">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
<el-dialog v-model="dialogBuyer" title="设置采购" width="600">
|
||||
<el-form ref="formRef" :model="purchase_product_offer" label-width="120px">
|
||||
<el-form-item label="采购人员">
|
||||
<el-select
|
||||
v-model="purchase_product_offer.buyer_id"
|
||||
placeholder="请选择采购人员"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in delivery_list"
|
||||
:label="item.nickname"
|
||||
:value="item.uid"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="采购数量" prop="need_num">
|
||||
<el-input
|
||||
v-model="purchase_product_offer.need_num"
|
||||
clearable
|
||||
placeholder="请输入采购数量"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否合并采购" prop="merge_product">
|
||||
<el-radio-group v-model="purchase_product_offer.merge_product">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="2">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input
|
||||
v-model="purchase_product_offer.mark"
|
||||
clearable
|
||||
placeholder="请输入备注"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="dialogBuyer = false">取消</el-button>
|
||||
<el-button type="primary" @click="goodsOfferUpdate"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import {
|
||||
apiBeforehandOrderCartInfoLists,
|
||||
apiBeforehandOrderCartInfoDelete,
|
||||
apiBeforehandOrderCartInfoProcurementStatus,
|
||||
apiBeforehandOrderCartInfoFix,
|
||||
apiBeforehandOrderCartInfoSyncPrice,
|
||||
apiBeforehandOrderCartInfoSetStoreSale
|
||||
} from '@/api/beforehand_order_cart_info'
|
||||
import { apiDeliveryServiceLists } from '@/api/delivery_service'
|
||||
import feedback from '@/utils/feedback'
|
||||
import { apiPurchaseProductOfferAdd } from '@/api/purchase_product_offer'
|
||||
import EditPopup from './editProduct.vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
const route = useRoute()
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
const ids = ref()
|
||||
const dialogBuyer = ref(false)
|
||||
// 编辑
|
||||
const handleEdit = async (data: any, type: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
data.type = type
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
// 删除
|
||||
const handleDeletes = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiBeforehandOrderCartInfoDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
const formData = ref({
|
||||
id: '',
|
||||
top_cate: []
|
||||
})
|
||||
const queryParams = reactive({
|
||||
store_name: '',
|
||||
bhoid: '',
|
||||
pay_type: '',
|
||||
top_cate: '',
|
||||
top_cate_value: ''
|
||||
})
|
||||
|
||||
const purchase_product_offer = ref({
|
||||
order_id: '',
|
||||
product_id: '',
|
||||
need_num: '',
|
||||
unit: '',
|
||||
is_buyer: '',
|
||||
buyer_id: '',
|
||||
merge_product: 2,
|
||||
mark: ''
|
||||
})
|
||||
const goodsOfferUpdate = () => {
|
||||
apiPurchaseProductOfferAdd(purchase_product_offer.value).then((res) => {
|
||||
getLists()
|
||||
dialogBuyer.value = false
|
||||
})
|
||||
}
|
||||
const delivery_list = ref([])
|
||||
const DeliveryService = () => {
|
||||
apiDeliveryServiceLists({ type: 3 }).then((res) => {
|
||||
delivery_list.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 是否需采购
|
||||
* @param e
|
||||
*/
|
||||
const handleBuyer = (e, row) => {
|
||||
if (e == 1) {
|
||||
purchase_product_offer.value.order_id = row.bhoid
|
||||
purchase_product_offer.value.product_id = row.product_id
|
||||
purchase_product_offer.value.unit = row.unit
|
||||
purchase_product_offer.value.need_num = row.cart_num
|
||||
purchase_product_offer.value.mark = row.mark
|
||||
purchase_product_offer.value.is_buyer = '1'
|
||||
DeliveryService()
|
||||
dialogBuyer.value = true
|
||||
} else {
|
||||
apiBeforehandOrderCartInfoProcurementStatus({
|
||||
id: row.id
|
||||
}).then(() => {
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
}
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiBeforehandOrderCartInfoLists,
|
||||
params: queryParams
|
||||
})
|
||||
const topCateChange = (row: any) => {
|
||||
if (row.id == 0) {
|
||||
queryParams.top_cate = ''
|
||||
queryParams.top_cate_value = '全部'
|
||||
getLists()
|
||||
} else {
|
||||
queryParams.top_cate = row.id
|
||||
queryParams.top_cate_value = row.name
|
||||
|
||||
getLists()
|
||||
}
|
||||
}
|
||||
|
||||
const beforehand_order_cart_info = () => {
|
||||
apiBeforehandOrderCartInfoLists({
|
||||
export: 2,
|
||||
bhoid: formData.value.id
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
}
|
||||
|
||||
function getList(data: any) {
|
||||
formData.value = data
|
||||
queryParams.bhoid = data.id
|
||||
getLists()
|
||||
}
|
||||
|
||||
const fixAcceptNum = () => {
|
||||
apiBeforehandOrderCartInfoFix({
|
||||
bhoid: formData.value.id
|
||||
}).then((res) => {
|
||||
ElMessage.success('处理成功')
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
|
||||
const syncPrice = async() => {
|
||||
await apiBeforehandOrderCartInfoSyncPrice({
|
||||
bhoid: formData.value.id
|
||||
})
|
||||
getLists()
|
||||
}
|
||||
|
||||
const setStoreSale = async(id) => {
|
||||
await apiBeforehandOrderCartInfoSetStoreSale({
|
||||
id: id
|
||||
})
|
||||
getLists()
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
queryParams.bhoid = route.query.id
|
||||
formData.value.id = route.query.id
|
||||
getLists()
|
||||
})
|
||||
defineExpose({
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
315
src/views/psi/purchase_order/component/outbound.vue
Normal file
315
src/views/psi/purchase_order/component/outbound.vue
Normal file
@ -0,0 +1,315 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="OclickDialogBuyer"
|
||||
v-perms="['beforehand_order.beforehand_order/createOutboundOrder']"
|
||||
>
|
||||
一键出库
|
||||
</el-button>
|
||||
<!-- <el-button type="primary" @click="xlsx(1)"> 打印采购单 </el-button> -->
|
||||
<!-- <el-button type="primary" @click="xlsx(2)"> 打印供货单 </el-button>
|
||||
<el-button type="primary" @click="xlsx(3)"> 打印商户/会员单 </el-button> -->
|
||||
<!-- <el-button type="primary" @click="xlsx(4)"> 打印零售单 </el-button> -->
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
|
||||
<el-table-column prop="id" label="ID" width="60" />
|
||||
<el-table-column label="商品图片" prop="image" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
style="width: 50px; height: 50px"
|
||||
:src="row.image"
|
||||
:preview-teleported="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
|
||||
|
||||
<!-- <el-table-column label="采购人员" prop="buyer_name" show-overflow-tooltip width="100" /> -->
|
||||
<el-table-column label="出库数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="出库价" prop="price" show-overflow-tooltip />
|
||||
<el-table-column label="总价" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="操作" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
@click="returnWarehouseClick(row)"
|
||||
v-perms="['beforehand_order.beforehand_order/returnWarehouseClick']"
|
||||
>退库</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
@click="resetWarehouseClick(row)"
|
||||
v-perms="['warehouse_product.warehouse_product/resetNums']"
|
||||
>重置数量</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-if="pager.lists" v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog v-model="dialogBuyer" title="出库设置" width="600">
|
||||
<el-form ref="formRef" :model="one_click_storage" label-width="90px">
|
||||
<el-form-item label="仓库">
|
||||
<el-select
|
||||
v-model="one_click_storage.warehouse_id"
|
||||
placeholder="请选择仓库"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in warehouse_list"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="送货时间">
|
||||
<el-date-picker
|
||||
:readonly="false"
|
||||
class="flex-1 !flex"
|
||||
v-model="one_click_storage.delivery_time"
|
||||
clearable
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择生产日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="门店" prop="store_id">
|
||||
<el-select
|
||||
v-model="one_click_storage.store_id"
|
||||
placeholder="请选择门店"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in store_list"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input
|
||||
v-model="one_click_storage.remark"
|
||||
clearable
|
||||
placeholder="请输入备注"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="dialogBuyer = false">取消</el-button>
|
||||
<el-button type="primary" @click="oneClickStorage" :disabled="disableClick">
|
||||
确认
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="returnWarehouseShow" title="退货设置" width="600">
|
||||
<el-form :model="returnWarehouseData" label-width="90px">
|
||||
<el-form-item label="商品名称" prop="store_name">
|
||||
<el-input
|
||||
v-model="returnWarehouseData.store_name"
|
||||
clearable
|
||||
:readonly="false"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="nums">
|
||||
<el-input
|
||||
v-model="returnWarehouseData.nums"
|
||||
clearable
|
||||
:readonly="false"
|
||||
placeholder="请输入数量"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input
|
||||
v-model="returnWarehouseData.mark"
|
||||
clearable
|
||||
:readonly="false"
|
||||
placeholder="请输入备注"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="returnWarehouseShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="returnWarehouseAdd"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="resetWarehouseShow" title="重置数量" width="600">
|
||||
<el-form :model="resetWarehouseData" label-width="90px">
|
||||
<el-form-item label="商品名称" prop="store_name">
|
||||
<el-input
|
||||
v-model="resetWarehouseData.store_name"
|
||||
clearable
|
||||
:readonly="false"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="nums">
|
||||
<el-input
|
||||
v-model="resetWarehouseData.nums"
|
||||
clearable
|
||||
:readonly="false"
|
||||
placeholder="请输入数量"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="resetWarehouseShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="resetWarehouse"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import {
|
||||
apiBeforehandOrderOutboundLists,
|
||||
apiBeforehandOrderCreateOutboundOrder
|
||||
} from '@/api/beforehand_order'
|
||||
import { apiWarehouseLists } from '@/api/warehouse'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import { apiWarehouseOrderExport } from '@/api/warehouse_order'
|
||||
import { apiWarehouseProductReturnAdd } from '@/api/warehouse_product_return'
|
||||
import { apiWarehouseProductSetNums } from '@/api/warehouse_product'
|
||||
|
||||
const dialogBuyer = ref(false)
|
||||
const returnWarehouseShow = ref(false)
|
||||
const resetWarehouseShow = ref(false)
|
||||
const warehouse_list = ref([])
|
||||
const store_list = ref([])
|
||||
|
||||
const order_id = ref({ id: 0 })
|
||||
const outbound_id = ref(0)
|
||||
|
||||
const one_click_storage = ref({
|
||||
bhoid: order_id.value.id,
|
||||
warehouse_id: '',
|
||||
remark: '',
|
||||
delivery_time: '',
|
||||
store_id: ''
|
||||
})
|
||||
const returnWarehouseData = ref({
|
||||
id: '',
|
||||
nums: '',
|
||||
store_name: '',
|
||||
financial_pm: 1,
|
||||
return_type: 1,
|
||||
bhoid: '',
|
||||
mark: ''
|
||||
})
|
||||
const resetWarehouseData = ref({
|
||||
id: '',
|
||||
store_name: '',
|
||||
nums: ''
|
||||
})
|
||||
|
||||
const disableClick = ref(false)
|
||||
const oneClickStorage = () => {
|
||||
disableClick.value = true
|
||||
// try {
|
||||
apiBeforehandOrderCreateOutboundOrder(one_click_storage.value).then((res) => {
|
||||
ElMessage.success('出库成功')
|
||||
dialogBuyer.value = false
|
||||
disableClick.value = false
|
||||
getLists()
|
||||
})
|
||||
// } catch (error) {
|
||||
// setTimeout(() => {
|
||||
// disableClick.value = false
|
||||
// }, 2000)
|
||||
// }
|
||||
setTimeout(() => {
|
||||
disableClick.value = false
|
||||
}, 4000)
|
||||
}
|
||||
const OclickDialogBuyer = () => {
|
||||
dialogBuyer.value = true
|
||||
apiWarehouseLists({}).then((res) => {
|
||||
warehouse_list.value = res.lists
|
||||
})
|
||||
apiSystemStoreLists({}).then((res) => {
|
||||
store_list.value = res.lists
|
||||
})
|
||||
}
|
||||
const xlsx = (type) => {
|
||||
if (outbound_id.value > 0) {
|
||||
apiWarehouseOrderExport({
|
||||
id: outbound_id.value,
|
||||
type: type
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
} else {
|
||||
ElMessage.error('出库id不能为空')
|
||||
}
|
||||
}
|
||||
|
||||
const returnWarehouseClick = (data: any) => {
|
||||
returnWarehouseShow.value = true
|
||||
returnWarehouseData.value.id = data.id
|
||||
returnWarehouseData.value.bhoid = order_id.value.id
|
||||
returnWarehouseData.value.store_name = data.store_name
|
||||
returnWarehouseData.value.nums = data.nums
|
||||
}
|
||||
const resetWarehouseClick = (data: any) => {
|
||||
resetWarehouseShow.value = true
|
||||
resetWarehouseData.value.id = data.id
|
||||
resetWarehouseData.value.store_name = data.store_name
|
||||
resetWarehouseData.value.nums = data.nums
|
||||
}
|
||||
//请求退库
|
||||
const returnWarehouseAdd = (data: any) => {
|
||||
returnWarehouseShow.value = false
|
||||
if (returnWarehouseData.value.bhoid <= 0) {
|
||||
ElMessage.error('订单id不能为空')
|
||||
return false
|
||||
}
|
||||
apiWarehouseProductReturnAdd(returnWarehouseData.value).then((res) => {})
|
||||
}
|
||||
//重置出库商品数量
|
||||
const resetWarehouse = (data: any) => {
|
||||
if (resetWarehouseData.value.id <= 0) {
|
||||
ElMessage.error('id不能为空')
|
||||
return false
|
||||
}
|
||||
apiWarehouseProductSetNums(resetWarehouseData.value).then((res) => {
|
||||
resetWarehouseShow.value = false
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
const queryParams = reactive({
|
||||
id: order_id.value.id
|
||||
})
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiBeforehandOrderOutboundLists,
|
||||
params: queryParams
|
||||
})
|
||||
function getList(id, order) {
|
||||
outbound_id.value = order.outbound_id
|
||||
order_id.value.id = id
|
||||
one_click_storage.value.bhoid = id
|
||||
queryParams.id = id
|
||||
getLists()
|
||||
}
|
||||
defineExpose({
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
56
src/views/psi/purchase_order/component/returnSupplier.vue
Normal file
56
src/views/psi/purchase_order/component/returnSupplier.vue
Normal file
@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-button type="primary" @click="ReturnSupplier"> 导出退供应商单 </el-button>
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
|
||||
<el-table-column prop="id" label="ID" width="60" />
|
||||
<el-table-column label="商品图片" prop="image" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
style="width: 50px; height: 50px"
|
||||
:src="row.image"
|
||||
:preview-teleported="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
|
||||
<el-table-column label="退供应商数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="退供应商价" prop="price" show-overflow-tooltip />
|
||||
<el-table-column label="退供应商总价" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
</el-table>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-if="pager.lists" v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { apiWarehouseProductReturnLists } from '@/api/warehouse_product_return'
|
||||
import { apiPurchaseOrderReturnSupplier } from '@/api/beforehand_order'
|
||||
|
||||
const queryParams = reactive({
|
||||
bhoid: '',
|
||||
return_type: 2
|
||||
})
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiWarehouseProductReturnLists,
|
||||
params: queryParams
|
||||
})
|
||||
function getList(order) {
|
||||
queryParams.bhoid = order.id
|
||||
getLists()
|
||||
}
|
||||
const ReturnSupplier = () => {
|
||||
apiPurchaseOrderReturnSupplier({ id: queryParams.bhoid }).then((res) => {
|
||||
if (res.url != '') {
|
||||
window.open(res.url, '_blank')
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
125
src/views/psi/purchase_order/component/returnWarehouse.vue
Normal file
125
src/views/psi/purchase_order/component/returnWarehouse.vue
Normal file
@ -0,0 +1,125 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-button type="primary" @click="StockReturn"> 导出退库单 </el-button>
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
|
||||
<el-table-column prop="id" label="ID" width="60" />
|
||||
<el-table-column label="商品图片" prop="image" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
style="width: 50px; height: 50px"
|
||||
:src="row.image"
|
||||
:preview-teleported="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
|
||||
<el-table-column label="退库数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="退库价" prop="price" show-overflow-tooltip />
|
||||
<el-table-column label="退库总价" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
<el-table-column label="操作" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
link
|
||||
@click="returnWarehouseClick(row)"
|
||||
v-perms="['beforehand_order.beforehand_order/returnSupplierClick']"
|
||||
>退供应商</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-if="pager.lists" v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog v-model="returnWarehouseShow" title="退货设置" width="600">
|
||||
<el-form :model="returnWarehouseData" label-width="90px">
|
||||
<el-form-item label="商品名称" prop="store_name">
|
||||
<el-input
|
||||
v-model="returnWarehouseData.store_name"
|
||||
clearable
|
||||
:readonly="false"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="nums">
|
||||
<el-input
|
||||
v-model="returnWarehouseData.nums"
|
||||
clearable
|
||||
:readonly="false"
|
||||
placeholder="请输入数量"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input
|
||||
v-model="returnWarehouseData.mark"
|
||||
clearable
|
||||
:readonly="false"
|
||||
placeholder="请输入备注"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="returnWarehouseShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="returnWarehouseAdd"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import {
|
||||
apiWarehouseProductReturnLists,
|
||||
apiWarehouseProductReturnAdd
|
||||
} from '@/api/warehouse_product_return'
|
||||
import { apiPurchaseOrderStockReturn } from '@/api/beforehand_order'
|
||||
const returnWarehouseShow = ref(false)
|
||||
const returnWarehouseData = ref({
|
||||
id: '',
|
||||
nums: '',
|
||||
store_name: '',
|
||||
financial_pm: 0,
|
||||
return_type: 2,
|
||||
bhoid: '',
|
||||
mark: ''
|
||||
})
|
||||
const queryParams = reactive({
|
||||
bhoid: '',
|
||||
return_type: 1
|
||||
})
|
||||
const returnWarehouseClick = (data: any) => {
|
||||
returnWarehouseShow.value = true
|
||||
returnWarehouseData.value.id = data.id
|
||||
returnWarehouseData.value.bhoid = queryParams.bhoid
|
||||
returnWarehouseData.value.store_name = data.store_name
|
||||
returnWarehouseData.value.nums = data.nums
|
||||
}
|
||||
//请求退库
|
||||
const returnWarehouseAdd = (data: any) => {
|
||||
returnWarehouseShow.value = false
|
||||
apiWarehouseProductReturnAdd(returnWarehouseData.value).then((res) => {})
|
||||
}
|
||||
const StockReturn = () => {
|
||||
apiPurchaseOrderStockReturn({ id: queryParams.bhoid }).then((res) => {
|
||||
if (res.url != '') {
|
||||
window.open(res.url, '_blank')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiWarehouseProductReturnLists,
|
||||
params: queryParams
|
||||
})
|
||||
function getList(order) {
|
||||
queryParams.bhoid = order.id
|
||||
getLists()
|
||||
}
|
||||
defineExpose({
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
114
src/views/psi/purchase_order/component/warehousing.vue
Normal file
114
src/views/psi/purchase_order/component/warehousing.vue
Normal file
@ -0,0 +1,114 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-button type="primary" @click="xlsx()"> 打印入库单 </el-button>
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
|
||||
<el-table-column prop="id" label="ID" />
|
||||
<el-table-column label="供应商" prop="supplier_name" show-overflow-tooltip />
|
||||
<el-table-column label="商品图片" prop="image" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-image style="width: 50px; height: 50px" :src="row.image" :preview-teleported="true" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品名称" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
|
||||
|
||||
<!-- <el-table-column label="采购人员" prop="buyer_name" show-overflow-tooltip width="100" /> -->
|
||||
<el-table-column label="入库数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="采购价" prop="purchase" show-overflow-tooltip />
|
||||
<el-table-column label="总价" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="操作" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button type="primary" link @click="deleteFunc(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-if="pager.lists" v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog v-model="resetWarehouseShow" title="重置数量" width="600">
|
||||
<el-form :model="resetWarehouseData" label-width="90px">
|
||||
<el-form-item label="商品名称" prop="store_name">
|
||||
<el-input v-model="resetWarehouseData.store_name" clearable :readonly="false" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="nums">
|
||||
<el-input v-model="resetWarehouseData.nums" clearable :readonly="false" placeholder="请输入数量" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="resetWarehouseShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="resetWarehouse"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { apiBeforehandOrderWarehousingLists } from '@/api/beforehand_order'
|
||||
import { apiWarehouseOrderRentryExport } from '@/api/warehouse_order'
|
||||
import { apiWarehouseProductSetNums, apiWarehouseProductDelete } from '@/api/warehouse_product'
|
||||
|
||||
const order_id = ref({ id: 0 })
|
||||
const warehousing_id = ref(0)
|
||||
const resetWarehouseShow = ref(false)
|
||||
|
||||
const queryParams = reactive({
|
||||
id: order_id.value.id
|
||||
})
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiBeforehandOrderWarehousingLists,
|
||||
params: queryParams
|
||||
})
|
||||
const xlsx = () => {
|
||||
if (warehousing_id.value > 0) {
|
||||
apiWarehouseOrderRentryExport({
|
||||
id: warehousing_id.value
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
} else {
|
||||
ElMessage.error('入库id不能为空')
|
||||
}
|
||||
}
|
||||
const resetWarehouseData = ref({
|
||||
id: '',
|
||||
store_name: '',
|
||||
nums: ''
|
||||
})
|
||||
const resetWarehouseClick = (data : any) => {
|
||||
resetWarehouseShow.value = true
|
||||
resetWarehouseData.value.id = data.id
|
||||
resetWarehouseData.value.store_name = data.store_name
|
||||
resetWarehouseData.value.nums = data.nums
|
||||
}
|
||||
|
||||
const deleteFunc = (id) => {
|
||||
apiWarehouseProductDelete({id}).then((res) => {
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
//重置出库商品数量
|
||||
const resetWarehouse = (data : any) => {
|
||||
if (resetWarehouseData.value.id <= 0) {
|
||||
ElMessage.error('id不能为空')
|
||||
return false
|
||||
}
|
||||
apiWarehouseProductSetNums(resetWarehouseData.value).then((res) => {
|
||||
resetWarehouseShow.value = false
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
function getList(id, warehousing) {
|
||||
order_id.value.id = id
|
||||
queryParams.id = id
|
||||
getLists()
|
||||
warehousing_id.value = warehousing
|
||||
}
|
||||
defineExpose({
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
675
src/views/psi/purchase_order/details.vue
Normal file
675
src/views/psi/purchase_order/details.vue
Normal file
@ -0,0 +1,675 @@
|
||||
<template>
|
||||
<el-card>
|
||||
<div class="flex items-center justify-between m-4">
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">姓名：</div>
|
||||
<div style="color: black">{{ formData.other_data?.nickname }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">手机：</div>
|
||||
<div style="color: black">{{ formData.other_data?.phone }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">送货地址：</div>
|
||||
<div style="color: black">{{ formData.other_data?.address }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between m-4">
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">单号：</div>
|
||||
<div style="color: black">{{ formData.order_id }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">支付单号：</div>
|
||||
<div style="color: black">{{ formData.order_sn }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">门店：</div>
|
||||
<div style="color: black">{{ formData.system_store }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between m-4">
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">到货时间：</div>
|
||||
<div style="color: black">{{ formData.other_data?.arrival_time }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">桌数：</div>
|
||||
<div style="color: black">{{ formData.other_data?.tables }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">办事天数：</div>
|
||||
<div style="color: black">{{ formData.other_data?.days }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">厨师：</div>
|
||||
<div style="color: black">{{ formData.other_data?.chef }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">电话：</div>
|
||||
<div style="color: black">{{ formData.other_data?.chef_phone }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between m-4">
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">采购事由：</div>
|
||||
<div style="color: black">{{ formData.other_data?.purpose }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">备注：</div>
|
||||
<div style="color: black">{{ formData.mark }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">代购备注：</div>
|
||||
<div style="color: black">{{ formData.other_data?.store_mark }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">分单员：</div>
|
||||
<div style="color: black">{{ formData.other_data?.splitting_officer }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">跟单员：</div>
|
||||
<div style="color: black">{{ formData.other_data?.merchandiser }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">仓管员：</div>
|
||||
<div style="color: black">{{ formData.other_data?.distribution_personnel }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">运输员：</div>
|
||||
<div style="color: black">{{ formData.other_data?.transporter }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">门店员：</div>
|
||||
<div style="color: black">{{ formData.other_data?.system_store_name }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">区域经理：</div>
|
||||
<div style="color: black">{{ formData.other_data?.regional_manager }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between m-4">
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">总价</div>
|
||||
<div style="color: black">￥{{ formData.total_price }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">支付金额</div>
|
||||
<div style="color: black">￥{{ formData.pay_price }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col flex-2">
|
||||
<div style="color: gray">时间</div>
|
||||
<div style="color: black">{{ formData.create_time }}</div>
|
||||
</div>
|
||||
<!-- <el-button @click="xlsx(formData.id, 1)"> 打印订单 </el-button> -->
|
||||
<el-button @click="xlsx2(formData.id)"> 打印商品标签 </el-button>
|
||||
<el-button @click="generateOrderClick"> 生成商品订单 </el-button>
|
||||
<el-button @click="handleBuyer()" v-if="[6, 9].includes(formData.order_type)">
|
||||
生成往期入库单
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="justify-between m-4">
|
||||
<el-button v-if="formData.order_type != 7" @click="xlsx3(formData.id)">
|
||||
打印下单清单
|
||||
</el-button>
|
||||
<el-button v-if="formData.order_type != 7" @click="xlsx4(formData.id)">
|
||||
打印分配单
|
||||
</el-button>
|
||||
<el-button v-if="formData.order_type == 7" @click="xlsx5(formData.id)">
|
||||
打印采购单
|
||||
</el-button>
|
||||
<el-button v-if="formData.order_type != 7" @click="xlsx6(formData.id)">
|
||||
打印出库单
|
||||
</el-button>
|
||||
<el-button v-if="formData.order_type != 7" @click="xlsx6(formData.id, 2)">
|
||||
打印供货单
|
||||
</el-button>
|
||||
<el-button v-if="formData.order_type != 7" @click="xlsx6(formData.id, 3)">
|
||||
打印无价格出库单
|
||||
</el-button>
|
||||
</div>
|
||||
<el-button type="primary" @click="dialogShop = true"> 追加 </el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="confirm(formData.id)"
|
||||
v-if="formData.store_staff_id > 0 && formData.is_confirm == 0"
|
||||
>
|
||||
确认
|
||||
</el-button>
|
||||
|
||||
<el-tabs
|
||||
v-model="activeName"
|
||||
class="demo-tabs mt-3"
|
||||
type="border-card"
|
||||
@tab-change="tabChange"
|
||||
>
|
||||
<el-tab-pane v-if="![7, 9].includes(formData.order_type)" label="明细" name="second">
|
||||
<orderCartInfo ref="orderCartInfoRef" :id="formData.id" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane v-if="[7, 9].includes(formData.order_type)" label="采购" name="offer">
|
||||
<goodsOffer ref="goodsOfferRef" :order_id="formData.id" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane
|
||||
v-if="[7, 9].includes(formData.order_type)"
|
||||
label="入库"
|
||||
name="warehousing"
|
||||
>
|
||||
<warehousing ref="warehousingRef" :order_id="formData.id" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane v-if="![7, 9].includes(formData.order_type)" label="出库" name="outbound">
|
||||
<outbound ref="outboundRef" :order_id="formData.id" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane
|
||||
v-if="![7, 9].includes(formData.order_type)"
|
||||
label="退库房"
|
||||
name="returnWarehouse"
|
||||
>
|
||||
<returnWarehouse ref="returnWarehouseRef" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane
|
||||
v-if="![7, 9].includes(formData.order_type)"
|
||||
label="退供应商"
|
||||
name="returnSupplier"
|
||||
>
|
||||
<returnSupplier ref="returnSupplierRef" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
<el-dialog v-model="dialogShop" title="追加商品" width="1200">
|
||||
<el-form ref="formRef" label-width="90px">
|
||||
<div class="mb-2">
|
||||
<el-button type="primary" @click="showProduct = true">添加商品</el-button>
|
||||
</div>
|
||||
<el-table :data="productList">
|
||||
<el-table-column label="商品ID" prop="id" show-overflow-tooltip />
|
||||
<el-table-column label="商品图片" prop="image" min-width="80">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
style="width: 50px; height: 50px"
|
||||
:src="row.image"
|
||||
:preview-teleported="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="商品名称"
|
||||
prop="store_name"
|
||||
min-width="180"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="分类"
|
||||
prop="cate_name"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="单位"
|
||||
prop="unit_name"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column label="数量" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.num" @change="handleChange(row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="价格" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.price" disabled />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="总价" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.total_price" disabled />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="生产日期" min-width="140">
|
||||
<template #default="{ row }">
|
||||
<el-date-picker
|
||||
:readonly="false"
|
||||
class="flex-1 !flex"
|
||||
v-model="row.manufacture"
|
||||
clearable
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择生产日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="保质期" min-width="140">
|
||||
<template #default="{ row }">
|
||||
<el-date-picker
|
||||
:readonly="false"
|
||||
class="flex-1 !flex"
|
||||
v-model="row.expiration_date"
|
||||
clearable
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择保质期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button type="danger" link @click="handleDeleteProdut(row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="dialogShop = false">取消</el-button>
|
||||
<el-button type="primary" @click="appendAdd"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showProduct" title="选择商品" width="70%">
|
||||
<!-- <product-pop
|
||||
@onBindStore="onBindProduct"
|
||||
:warehouse_id="warehouse_id"
|
||||
:is_warehouse="1"
|
||||
></product-pop> -->
|
||||
<product-warehouse-pop
|
||||
:key="productModalKey"
|
||||
:userId="formData.uid"
|
||||
:order_type="formData.order_type"
|
||||
@onBindStore="onBindProduct"
|
||||
></product-warehouse-pop>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog v-model="generateOrderShow" title="生成支付订单设置" width="600">
|
||||
<el-form :model="generateOrderData" label-width="90px">
|
||||
<el-form-item label="用户">
|
||||
<el-select
|
||||
v-model="generateOrderData.user_id"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="输入用户名称搜索"
|
||||
remote-show-suffix
|
||||
:remote-method="remoteMethodUser"
|
||||
:loading="userloading"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="`${item.real_name}|${item.mobile} (ID:${item.id})`"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="门店" prop="store_id">
|
||||
<el-select
|
||||
v-model="generateOrderData.store_id"
|
||||
placeholder="请选择门店"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付方式" prop="pay_type">
|
||||
<el-select
|
||||
v-model="generateOrderData.pay_type"
|
||||
placeholder="请选择支付方式"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option label="微信小程序支付" value="7" />
|
||||
<el-option label="采购款支付" value="18" />
|
||||
<el-option label="余额支付" value="3" />
|
||||
<el-option label="现金支付" value="17" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="优惠金额" prop="deduction_price">
|
||||
<el-input
|
||||
v-model="generateOrderData.deduction_price"
|
||||
clearable
|
||||
placeholder="请输入优惠金额"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input
|
||||
v-model="generateOrderData.mark"
|
||||
clearable
|
||||
placeholder="请输入订单备注"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="generateOrderShow = false">取消</el-button>
|
||||
<el-button type="primary" @click="generateOrderAdd"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="dialogBuyer" title="设置采购" width="600">
|
||||
<el-form ref="formRef" :model="purchase_product_offer" label-width="90px">
|
||||
<el-form-item label="采购人员">
|
||||
<el-select
|
||||
v-model="purchase_product_offer.buyer_id"
|
||||
placeholder="请选择采购人员"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in delivery_list"
|
||||
:label="item.nickname"
|
||||
:value="item.uid"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="dialogBuyer = false">取消</el-button>
|
||||
<el-button type="primary" @click="generatePastWarehouseReceiptd"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="storeOrderDETAILS">
|
||||
import { ElMessage, type FormInstance } from 'element-plus'
|
||||
import {
|
||||
apiBeforehandOrderCartInfoLists,
|
||||
apiBeforehandOrderCartInfoAppendAdd
|
||||
} from '@/api/beforehand_order_cart_info'
|
||||
import {
|
||||
apiPurchaseOrderExport,
|
||||
apiPurchaseOrderGenerateOrder,
|
||||
apiBeforehandOrderDetail,
|
||||
apiPurchaseOrderExportOrderList,
|
||||
apiPurchaseOrderOrderAllocation,
|
||||
apiPurchaseOrderOrderInfo,
|
||||
apiPurchaseOrderOrderOutbound,
|
||||
apiBeforehandOrderConfirm
|
||||
} from '@/api/beforehand_order'
|
||||
import type { PropType, nextTick } from 'vue'
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useRoute } from 'vue-router'
|
||||
import goodsOffer from './component/goodsOffer.vue'
|
||||
import orderCartInfo from './component/orderCartInfo.vue'
|
||||
import warehousing from './component/warehousing.vue'
|
||||
import outbound from './component/outbound.vue'
|
||||
import returnWarehouse from './component/returnWarehouse.vue'
|
||||
import returnSupplier from './component/returnSupplier.vue'
|
||||
import { apiUserLists } from '@/api/user'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import { hiprint } from 'vue-plugin-hiprint'
|
||||
import { apiDeliveryServiceLists } from '@/api/delivery_service'
|
||||
import { apiPurchaseProductOfferAddPurchasesOneClick } from '@/api/purchase_product_offer'
|
||||
|
||||
const generateOrderShow = ref(false)
|
||||
|
||||
const goodsOfferRef = ref(null)
|
||||
const warehousingRef = ref(null)
|
||||
const outboundRef = ref(null)
|
||||
const orderCartInfoRef = ref(null)
|
||||
const returnWarehouseRef = ref(null)
|
||||
const returnSupplierRef = ref(null)
|
||||
const route = useRoute()
|
||||
const dialogBuyer = ref(false)
|
||||
|
||||
const tabChange = (type: any) => {
|
||||
if (type == 'second') {
|
||||
orderCartInfoRef.value?.getList(formData.value)
|
||||
}
|
||||
if (type == 'offer') {
|
||||
goodsOfferRef.value?.getList(formData.value.id)
|
||||
}
|
||||
if (type == 'warehousing') {
|
||||
warehousingRef.value?.getList(formData.value.id, formData.value.warehousing_id)
|
||||
}
|
||||
if (type == 'outbound') {
|
||||
outboundRef.value?.getList(formData.value.id, formData.value)
|
||||
}
|
||||
if (type == 'returnWarehouse') {
|
||||
returnWarehouseRef.value?.getList(formData.value)
|
||||
}
|
||||
if (type == 'returnSupplier') {
|
||||
returnSupplierRef.value?.getList(formData.value)
|
||||
}
|
||||
}
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const showDialog = ref(false)
|
||||
const dialogShop = ref(false)
|
||||
const activeName = ref('second')
|
||||
const warehouse_id = ref(0)
|
||||
const is_warehouse = ref(0)
|
||||
const financial_pm = ref(0)
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
id: '',
|
||||
code: '',
|
||||
total_price: '',
|
||||
supplier_name: '',
|
||||
warehouse_name: '',
|
||||
system_store: '',
|
||||
financial_pm: '',
|
||||
order_sn: '',
|
||||
warehousing_id: '',
|
||||
top_cate: [],
|
||||
uid: '',
|
||||
store_id: '',
|
||||
order_type: '',
|
||||
store_staff_id: '',
|
||||
is_confirm: 0
|
||||
})
|
||||
const generateOrderData = ref({
|
||||
id: '',
|
||||
user_id: '',
|
||||
order_type: '',
|
||||
pay_type: '',
|
||||
store_id: '',
|
||||
deduction_price: '0.00',
|
||||
mark: ''
|
||||
})
|
||||
const appendAdd = () => {
|
||||
const product_arr = productList.value.map((item: any) => {
|
||||
return {
|
||||
id: item.id,
|
||||
nums: item.num || 0,
|
||||
unit: item.unit || 0,
|
||||
purchase: item.price || 0,
|
||||
prices: item.purchase || 0,
|
||||
total_price: item.total_price || 0,
|
||||
manufacture: item.manufacture,
|
||||
expiration_date: item.expiration_date
|
||||
}
|
||||
})
|
||||
apiBeforehandOrderCartInfoAppendAdd({
|
||||
id: queryParams.bhoid,
|
||||
product_arr: product_arr
|
||||
}).then((res) => {
|
||||
dialogShop.value = false
|
||||
})
|
||||
if (formData.value.order_type == 7) {
|
||||
goodsOfferRef.value?.getList(formData.value.id)
|
||||
}
|
||||
}
|
||||
const queryParams = reactive({
|
||||
bhoid: route.query.id,
|
||||
pay_type: '',
|
||||
top_cate: '',
|
||||
top_cate_value: ''
|
||||
})
|
||||
|
||||
const getDetail = () => {
|
||||
apiBeforehandOrderDetail({ id: queryParams.bhoid }).then((row: any) => {
|
||||
formData.value = { ...row }
|
||||
warehouse_id.value = row.warehouse_id
|
||||
generateOrderData.value.id = row.id
|
||||
generateOrderData.value.store_id = row.store_id
|
||||
generateOrderData.value.user_id = row.uid
|
||||
generateOrderData.value.order_type = row.order_type
|
||||
if (row.financial_pm == 0) {
|
||||
is_warehouse.value = 1
|
||||
} else {
|
||||
financial_pm.value = 1
|
||||
}
|
||||
productList.value = []
|
||||
if ([7, 9].includes(formData.value.order_type)) {
|
||||
activeName.value = 'offer'
|
||||
nextTick(() => {
|
||||
goodsOfferRef.value.getList(formData.value.id)
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
getDetail()
|
||||
const xlsx2 = (id) => {
|
||||
apiPurchaseOrderExport({
|
||||
id: id
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
}
|
||||
const xlsx3 = (id) => {
|
||||
apiPurchaseOrderExportOrderList({
|
||||
id: id
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
}
|
||||
const xlsx4 = (id) => {
|
||||
apiPurchaseOrderOrderAllocation({
|
||||
id: id
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
}
|
||||
const xlsx5 = (id) => {
|
||||
apiPurchaseOrderOrderInfo({
|
||||
id: id,
|
||||
print: 1
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
}
|
||||
const xlsx6 = (id, type = 1) => {
|
||||
apiPurchaseOrderOrderOutbound({
|
||||
id: id,
|
||||
type: type
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
}
|
||||
const showProduct = ref(false) // 选择商品列表是否显示
|
||||
// 商品列表
|
||||
const productList = ref([])
|
||||
// 删除已有商品
|
||||
const handleDeleteProdut = (id: number) => {
|
||||
productList.value = productList.value.filter((item: any) => item.id !== id)
|
||||
}
|
||||
// 选择商品
|
||||
const onBindProduct = (e: any[]) => {
|
||||
e.forEach((item: any) => {
|
||||
if (!productList.value.find((t: any) => t.id == item.id)) {
|
||||
productList.value.push(item)
|
||||
}
|
||||
})
|
||||
showProduct.value = false
|
||||
}
|
||||
function handleChange(row) {
|
||||
row.total_price = row.num * row.price
|
||||
}
|
||||
//打开弹窗
|
||||
const open = () => {
|
||||
showDialog.value = true
|
||||
}
|
||||
|
||||
const userloading = ref(false)
|
||||
const userList = ref([])
|
||||
const remoteMethodUser = (e = '') => {
|
||||
userloading.value = true
|
||||
apiUserLists({
|
||||
nickname: e,
|
||||
page_size: 10
|
||||
})
|
||||
.then((res) => {
|
||||
userList.value = res.lists
|
||||
setTimeout(() => {
|
||||
userloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
.catch((err) => {
|
||||
setTimeout(() => {
|
||||
userloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
const storeList = ref([])
|
||||
const generateOrderClick = () => {
|
||||
generateOrderShow.value = true
|
||||
apiSystemStoreLists({ page_no: 1, page_size: 100 }).then((res) => {
|
||||
storeList.value = res.lists
|
||||
})
|
||||
}
|
||||
const purchase_product_offer = ref({
|
||||
order_id: '',
|
||||
buyer_id: ''
|
||||
})
|
||||
const generatePastWarehouseReceiptd = () => {
|
||||
apiPurchaseProductOfferAddPurchasesOneClick(purchase_product_offer.value).then((res) => {})
|
||||
}
|
||||
const generateOrderAdd = () => {
|
||||
apiPurchaseOrderGenerateOrder(generateOrderData.value).then((res) => {
|
||||
generateOrderShow.value = false
|
||||
})
|
||||
}
|
||||
|
||||
const confirm = (id) => {
|
||||
apiBeforehandOrderConfirm({ id }).then((res) => {
|
||||
formData.value.is_confirm = 1
|
||||
})
|
||||
}
|
||||
const delivery_list = ref([])
|
||||
const DeliveryService = () => {
|
||||
apiDeliveryServiceLists({ type: 3 }).then((res) => {
|
||||
delivery_list.value = res.lists
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 是否需采购
|
||||
* @param e
|
||||
*/
|
||||
const handleBuyer = () => {
|
||||
purchase_product_offer.value.order_id = formData.value.id
|
||||
DeliveryService()
|
||||
dialogBuyer.value = true
|
||||
}
|
||||
const productModalKey = ref(0)
|
||||
const resetUserId = (e) => {
|
||||
productModalKey.value++
|
||||
}
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
264
src/views/psi/purchase_order/edit.vue
Normal file
264
src/views/psi/purchase_order/edit.vue
Normal file
@ -0,0 +1,264 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="popupTitle"
|
||||
:async="true"
|
||||
width="1000px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="用户" prop="nickname">
|
||||
<el-input v-model="formData.other_data.nickname" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="电话" prop="phone">
|
||||
<el-input v-model="formData.other_data.phone" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="地址" prop="address">
|
||||
<el-input
|
||||
v-model="formData.other_data.address"
|
||||
type="input"
|
||||
style="width: 400px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="门店" prop="store_id" style="width: 200px">
|
||||
<el-select
|
||||
v-model="formData.store_id"
|
||||
placeholder="请选择门店"
|
||||
size="large"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="到货时间" prop="arrival_time">
|
||||
<el-date-picker
|
||||
v-model="formData.other_data.arrival_time"
|
||||
type="datetime"
|
||||
:readonly="false"
|
||||
clearable
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="请选择到货时间"
|
||||
style="width: 180px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="桌数" prop="tables">
|
||||
<el-input-number v-model="formData.other_data.tables" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="办事天数" prop="days">
|
||||
<el-input-number v-model="formData.other_data.days" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="厨师" prop="chef">
|
||||
<el-input v-model="formData.other_data.chef" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="电话" prop="chef_phone">
|
||||
<el-input v-model="formData.other_data.chef_phone" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="备注" prop="purpose">
|
||||
<el-input
|
||||
v-model="formData.other_data.purpose"
|
||||
type="input"
|
||||
style="width: 480px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="内部备注" prop="mark">
|
||||
<el-input v-model="formData.mark" type="input" style="width: 480px" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="代购备注" prop="store_mark">
|
||||
<el-input
|
||||
v-model="formData.other_data.store_mark"
|
||||
type="textarea"
|
||||
:arows="3"
|
||||
style="width: 80%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="分单员" prop="splitting_officer">
|
||||
<el-input
|
||||
v-model="formData.other_data.splitting_officer"
|
||||
type="input"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="跟单员" prop="merchandiser">
|
||||
<el-input v-model="formData.other_data.merchandiser" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="仓管员" prop="distribution_personnel">
|
||||
<el-input
|
||||
v-model="formData.other_data.distribution_personnel"
|
||||
type="input"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="运输员" prop="transporter">
|
||||
<el-input v-model="formData.other_data.transporter" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="门店员" prop="system_store_name">
|
||||
<el-input
|
||||
v-model="formData.other_data.system_store_name"
|
||||
type="input"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="区域经理" prop="regional_manager">
|
||||
<el-input v-model="formData.other_data.regional_manager" type="input" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-form-item label="图片" prop="file">
|
||||
<material-picker v-model="formData.file" :limit="1" />
|
||||
</el-form-item> -->
|
||||
<el-form-item
|
||||
label="订单类型"
|
||||
prop="order_type"
|
||||
v-perms="['beforehand_order.beforehand_order/order_type']"
|
||||
>
|
||||
<el-radio-group v-model="formData.order_type" @change="handleOrderType()">
|
||||
<el-radio :label="1">铺货订单</el-radio>
|
||||
<el-radio :label="2">摊贩订单</el-radio>
|
||||
<el-radio :label="3">一条龙订单</el-radio>
|
||||
<!-- <el-radio :label="4">线上订单</el-radio> -->
|
||||
<el-radio :label="5">仓库补货</el-radio>
|
||||
<el-radio :label="6">往期补单-出库</el-radio>
|
||||
<el-radio :label="9">往期补单-入库</el-radio>
|
||||
<el-radio :label="8">其他订单</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input
|
||||
v-model="formData.mark"
|
||||
clearable
|
||||
placeholder="请输入备注"
|
||||
:readonly="false"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="beforehandOrderEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import {
|
||||
apiBeforehandOrderAdd,
|
||||
apiBeforehandOrderEdit,
|
||||
apiBeforehandOrderDetail
|
||||
} from '@/api/beforehand_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const mode = ref('add')
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑预订单表' : '新增预订单表'
|
||||
})
|
||||
const storeList = ref([])
|
||||
apiSystemStoreLists({ page_no: 1, page_size: 100 }).then((res) => {
|
||||
storeList.value = res.lists
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
file: '',
|
||||
other_data: {},
|
||||
store_id: '',
|
||||
order_type: '',
|
||||
mark: ''
|
||||
})
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
const datas = await apiBeforehandOrderDetail({
|
||||
id: data.id
|
||||
})
|
||||
for (const key in formData) {
|
||||
if (datas[key] != null && datas[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = datas[key]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData }
|
||||
mode.value == 'edit' ? await apiBeforehandOrderEdit(data) : await apiBeforehandOrderAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData
|
||||
})
|
||||
</script>
|
||||
268
src/views/psi/purchase_order/index.vue
Normal file
268
src/views/psi/purchase_order/index.vue
Normal file
@ -0,0 +1,268 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="ID" prop="id">
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.id"
|
||||
clearable
|
||||
placeholder="请输入id"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="单号" prop="code">
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.code"
|
||||
clearable
|
||||
placeholder="请输入单号"
|
||||
@change="resetPage"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="仓库ID" prop="warehouse_id">
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.warehouse_id"
|
||||
clearable
|
||||
placeholder="请输入仓库"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-select
|
||||
v-model="queryParams.supplier_id"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="输入供应商名称搜索"
|
||||
remote-show-suffix
|
||||
:remote-method="remoteMethodUser"
|
||||
:loading="userloading"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.mer_name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="日期" prop="create_time">
|
||||
<el-date-picker
|
||||
v-model="startEndTime"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
unlink-panels
|
||||
@change="changeStartEndTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<el-button @click="resetParams">重置</el-button>
|
||||
<export-data
|
||||
class="ml-2.5"
|
||||
:fetch-fun="apiWarehouseOrderLists"
|
||||
:params="queryParams"
|
||||
:page-size="pager.size"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||
<router-link
|
||||
v-perms="['warehousing']"
|
||||
:to="{
|
||||
path: 'warehousing'
|
||||
}"
|
||||
class="ml-4"
|
||||
>
|
||||
<el-button type="primary"> 入库 </el-button>
|
||||
</router-link>
|
||||
<div class="mt-4">
|
||||
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="id" prop="id" show-overflow-tooltip width="70" />
|
||||
<el-table-column label="操作时间" prop="create_time" show-overflow-tooltip />
|
||||
<el-table-column label="仓库" prop="warehouse_name" show-overflow-tooltip />
|
||||
<el-table-column label="单号" prop="code" show-overflow-tooltip />
|
||||
<el-table-column label="状态" prop="financial_pm_name" show-overflow-tooltip />
|
||||
<el-table-column label="填写人员" prop="admin_name" show-overflow-tooltip />
|
||||
<el-table-column label="总价格" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button type="primary" link @click="handleDetai(row)"
|
||||
>详情</el-button
|
||||
>
|
||||
<el-button
|
||||
v-perms="['warehouse_order.warehouse_order/edit']"
|
||||
type="primary"
|
||||
link
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['warehouse_order.warehouse_order/delete']"
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
<!-- <edit-popup
|
||||
v-if="showEdit"
|
||||
ref="editRef"
|
||||
:dict-data="dictData"
|
||||
@success="getLists"
|
||||
@close="showEdit = false"
|
||||
/> -->
|
||||
<!-- <details-popup
|
||||
v-if="showDetails"
|
||||
ref="detailsRef"
|
||||
@success="getLists"
|
||||
@close="showDetails = false"
|
||||
:dictData="dictData"
|
||||
/> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="warehouseOrderLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiWarehouseOrderLists, apiWarehouseOrderDelete } from '@/api/psi/psi_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
// import EditPopup from './edit.vue'
|
||||
// import DetailsPopup from './details.vue'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import moment from 'moment'
|
||||
import { apiSupplierLists } from '@/api/supplier'
|
||||
const editRef = ref()
|
||||
const detailsRef = ref()
|
||||
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
const showDetails = ref(false)
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
id: '',
|
||||
warehouse_id: '',
|
||||
product_name: '',
|
||||
financial_pm: 1,
|
||||
store_id: '',
|
||||
start_time: '',
|
||||
end_time: '',
|
||||
code: '',
|
||||
supplier_id: ''
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiWarehouseOrderLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiWarehouseOrderDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
// 详情
|
||||
const handleDetai = async (data: any) => {
|
||||
showDetails.value = true
|
||||
await nextTick()
|
||||
detailsRef.value?.open()
|
||||
detailsRef.value?.getDetail(data)
|
||||
}
|
||||
const startEndTime = ref([])
|
||||
|
||||
const changeStartEndTime = () => {
|
||||
if (startEndTime.value[0] && startEndTime.value[1]) {
|
||||
queryParams.start_time = moment(startEndTime.value[0]).format('YYYY-MM-DD') + ' 00:00:00'
|
||||
queryParams.end_time = moment(startEndTime.value[1]).format('YYYY-MM-DD') + ' 23:59:59'
|
||||
} else {
|
||||
queryParams.start_time = ''
|
||||
queryParams.end_time = ''
|
||||
}
|
||||
getLists()
|
||||
}
|
||||
const storeloading = ref(false)
|
||||
const storeList = ref([])
|
||||
const remoteMethod = (e = '') => {
|
||||
storeloading.value = true
|
||||
apiSystemStoreLists({
|
||||
name: e,
|
||||
page_size: 50
|
||||
})
|
||||
.then((res) => {
|
||||
storeList.value = res.lists
|
||||
setTimeout(() => {
|
||||
storeloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
.catch((err) => {
|
||||
setTimeout(() => {
|
||||
storeloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
|
||||
const userloading = ref(false)
|
||||
const userList = ref([])
|
||||
const remoteMethodUser = (e = '') => {
|
||||
userloading.value = true
|
||||
apiSupplierLists({ mer_name: e })
|
||||
.then((res) => {
|
||||
userList.value = res.lists
|
||||
setTimeout(() => {
|
||||
userloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
.catch((err) => {
|
||||
setTimeout(() => {
|
||||
userloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
onMounted(() => {
|
||||
getLists()
|
||||
})
|
||||
</script>
|
||||
Loading…
x
Reference in New Issue
Block a user