From b4ac918ded522647b9b65af43aa66db5ab68f7c8 Mon Sep 17 00:00:00 2001
From: mkm <727897186@qq.com>
Date: Fri, 28 Feb 2025 16:04:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(psi):=20=E6=B7=BB=E5=8A=A0=E5=95=86?=
=?UTF-8?q?=E5=93=81=E4=BB=93=E5=82=A8=E8=AE=A2=E5=8D=95=E7=9B=B8=E5=85=B3?=
=?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 新增商品仓储订单列表、添加、编辑、删除等接口
- 实现供应商户表和门店列表的相关接口
- 添加商品仓储订单复制、编辑、删除等功能组件
- 实现订单流程 drawers 和完结功能
---
src/api/psi/psi_order.ts | 42 ++
src/api/supplier.ts | 26 +
src/api/system_store.ts | 66 ++
src/views/psi/purchase/lists.vue | 2 +
.../psi/purchase_order/component/copyPop.vue | 77 ++
.../psi/purchase_order/component/damage.vue | 170 +++++
.../psi/purchase_order/component/drawer.vue | 151 ++++
.../purchase_order/component/editProduct.vue | 141 ++++
.../purchase_order/component/goodsOffer.vue | 547 ++++++++++++++
.../component/orderCartInfo.vue | 370 ++++++++++
.../psi/purchase_order/component/outbound.vue | 315 ++++++++
.../component/returnSupplier.vue | 56 ++
.../component/returnWarehouse.vue | 125 ++++
.../purchase_order/component/warehousing.vue | 114 +++
src/views/psi/purchase_order/details.vue | 675 ++++++++++++++++++
src/views/psi/purchase_order/edit.vue | 264 +++++++
src/views/psi/purchase_order/index.vue | 268 +++++++
17 files changed, 3409 insertions(+)
create mode 100644 src/api/psi/psi_order.ts
create mode 100644 src/api/supplier.ts
create mode 100644 src/api/system_store.ts
create mode 100644 src/views/psi/purchase/lists.vue
create mode 100644 src/views/psi/purchase_order/component/copyPop.vue
create mode 100644 src/views/psi/purchase_order/component/damage.vue
create mode 100644 src/views/psi/purchase_order/component/drawer.vue
create mode 100644 src/views/psi/purchase_order/component/editProduct.vue
create mode 100644 src/views/psi/purchase_order/component/goodsOffer.vue
create mode 100644 src/views/psi/purchase_order/component/orderCartInfo.vue
create mode 100644 src/views/psi/purchase_order/component/outbound.vue
create mode 100644 src/views/psi/purchase_order/component/returnSupplier.vue
create mode 100644 src/views/psi/purchase_order/component/returnWarehouse.vue
create mode 100644 src/views/psi/purchase_order/component/warehousing.vue
create mode 100644 src/views/psi/purchase_order/details.vue
create mode 100644 src/views/psi/purchase_order/edit.vue
create mode 100644 src/views/psi/purchase_order/index.vue
diff --git a/src/api/psi/psi_order.ts b/src/api/psi/psi_order.ts
new file mode 100644
index 000000000..8cc21c79e
--- /dev/null
+++ b/src/api/psi/psi_order.ts
@@ -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' })
+}
diff --git a/src/api/supplier.ts b/src/api/supplier.ts
new file mode 100644
index 000000000..01c7448bf
--- /dev/null
+++ b/src/api/supplier.ts
@@ -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 })
+}
\ No newline at end of file
diff --git a/src/api/system_store.ts b/src/api/system_store.ts
new file mode 100644
index 000000000..0db3cb939
--- /dev/null
+++ b/src/api/system_store.ts
@@ -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 })
+}
diff --git a/src/views/psi/purchase/lists.vue b/src/views/psi/purchase/lists.vue
new file mode 100644
index 000000000..bf1154545
--- /dev/null
+++ b/src/views/psi/purchase/lists.vue
@@ -0,0 +1,2 @@
+<template><div></div></template>
+<script setup lang="ts"></script>
diff --git a/src/views/psi/purchase_order/component/copyPop.vue b/src/views/psi/purchase_order/component/copyPop.vue
new file mode 100644
index 000000000..ee57f8d3e
--- /dev/null
+++ b/src/views/psi/purchase_order/component/copyPop.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/psi/purchase_order/component/damage.vue b/src/views/psi/purchase_order/component/damage.vue
new file mode 100644
index 000000000..4770c7a25
--- /dev/null
+++ b/src/views/psi/purchase_order/component/damage.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/component/drawer.vue b/src/views/psi/purchase_order/component/drawer.vue
new file mode 100644
index 000000000..09a83b94e
--- /dev/null
+++ b/src/views/psi/purchase_order/component/drawer.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/psi/purchase_order/component/editProduct.vue b/src/views/psi/purchase_order/component/editProduct.vue
new file mode 100644
index 000000000..7d888585e
--- /dev/null
+++ b/src/views/psi/purchase_order/component/editProduct.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/component/goodsOffer.vue b/src/views/psi/purchase_order/component/goodsOffer.vue
new file mode 100644
index 000000000..e7b104b00
--- /dev/null
+++ b/src/views/psi/purchase_order/component/goodsOffer.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/component/orderCartInfo.vue b/src/views/psi/purchase_order/component/orderCartInfo.vue
new file mode 100644
index 000000000..b2b60d1bc
--- /dev/null
+++ b/src/views/psi/purchase_order/component/orderCartInfo.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/component/outbound.vue b/src/views/psi/purchase_order/component/outbound.vue
new file mode 100644
index 000000000..2b95b62c1
--- /dev/null
+++ b/src/views/psi/purchase_order/component/outbound.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/component/returnSupplier.vue b/src/views/psi/purchase_order/component/returnSupplier.vue
new file mode 100644
index 000000000..6213aafb2
--- /dev/null
+++ b/src/views/psi/purchase_order/component/returnSupplier.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/component/returnWarehouse.vue b/src/views/psi/purchase_order/component/returnWarehouse.vue
new file mode 100644
index 000000000..16aa3c565
--- /dev/null
+++ b/src/views/psi/purchase_order/component/returnWarehouse.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/component/warehousing.vue b/src/views/psi/purchase_order/component/warehousing.vue
new file mode 100644
index 000000000..18cb675ac
--- /dev/null
+++ b/src/views/psi/purchase_order/component/warehousing.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/psi/purchase_order/details.vue b/src/views/psi/purchase_order/details.vue
new file mode 100644
index 000000000..655dfd6ed
--- /dev/null
+++ b/src/views/psi/purchase_order/details.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/edit.vue b/src/views/psi/purchase_order/edit.vue
new file mode 100644
index 000000000..37aaf20e8
--- /dev/null
+++ b/src/views/psi/purchase_order/edit.vue
@@ -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>
diff --git a/src/views/psi/purchase_order/index.vue b/src/views/psi/purchase_order/index.vue
new file mode 100644
index 000000000..e6d495695
--- /dev/null
+++ b/src/views/psi/purchase_order/index.vue
@@ -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>