调整出库单和出库商品
This commit is contained in:
parent
d393500ca8
commit
95ac5b5263
@ -1,26 +1,43 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 出库订单列表
|
||||
export function apiPsiOutboundOrderLists(params: any) {
|
||||
export function apiOutboundOrderLists(params: any) {
|
||||
return request.get({ url: '/outboundorder/lists', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 添加出库订单
|
||||
export function apiPsiOutboundOrderAdd(params: any) {
|
||||
export function apiOutboundOrderAdd(params: any) {
|
||||
return request.post({ url: '/outboundorder/add', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 编辑出库订单
|
||||
export function apiPsiOutboundOrderEdit(params: any) {
|
||||
export function apiOutboundOrderEdit(params: any) {
|
||||
return request.post({ url: '/outboundorder/edit', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 删除出库订单
|
||||
export function apiPsiOutboundOrderDelete(params: any) {
|
||||
export function apiOutboundOrderDelete(params: any) {
|
||||
return request.post({ url: '/outboundorder/delete', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 出库订单详情
|
||||
export function apiPsiOutboundOrderDetail(params: any) {
|
||||
export function apiOutboundOrderDetail(params: any) {
|
||||
return request.get({ url: '/outboundorder/detail', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 修改入库单回款金额
|
||||
export function apiOutboundOrderUpdateAmount(params: any) {
|
||||
return request.post({ url: '/outboundorder/updateAmount', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
// 导出商品仓储入库订单
|
||||
export function apiOutboundOrderRentryExport(params: any) {
|
||||
return request.post({ url: '/outboundorder/rentry_export', params })
|
||||
}
|
||||
// 导出商品仓储出库订单
|
||||
export function apiOutboundOrderExport(params: any) {
|
||||
return request.post({ url: '/outboundorder/export', params })
|
||||
}
|
||||
// 导出商品标签
|
||||
export function apiOutboundOrderExportTags(params: any) {
|
||||
return request.post({ url: '/outboundorder/export_tags', params })
|
||||
}
|
||||
|
||||
@ -1,26 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 仓库商品出库信息列表
|
||||
export function apiPsiOutboundProductLists(params: any) {
|
||||
export function apiOutboundProductLists(params: any) {
|
||||
return request.get({ url: '/outboundproduct/lists', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 添加仓库商品出库信息
|
||||
export function apiPsiOutboundProductAdd(params: any) {
|
||||
export function apiOutboundProductAdd(params: any) {
|
||||
return request.post({ url: '/outboundproduct/add', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 编辑仓库商品出库信息
|
||||
export function apiPsiOutboundProductEdit(params: any) {
|
||||
export function apiOutboundProductEdit(params: any) {
|
||||
return request.post({ url: '/outboundproduct/edit', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 删除仓库商品出库信息
|
||||
export function apiPsiOutboundProductDelete(params: any) {
|
||||
export function apiOutboundProductDelete(params: any) {
|
||||
return request.post({ url: '/outboundproduct/delete', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
|
||||
// 仓库商品出库信息详情
|
||||
export function apiPsiOutboundProductDetail(params: any) {
|
||||
export function apiOutboundProductDetail(params: any) {
|
||||
return request.get({ url: '/outboundproduct/detail', params }, { urlPrefix: 'psi' })
|
||||
}
|
||||
@ -41,3 +41,10 @@ export function apiStoreProductImport(params: any) {
|
||||
export function apiStoreProductCopy(params: any) {
|
||||
return request.post({ url: '/store_product/storeproduct/copy', params })
|
||||
}
|
||||
|
||||
export function apiWarehouseProductStorageLists(params: any) {
|
||||
return request.get({ url: '/store_product/storeproduct/lists', params })
|
||||
}
|
||||
export function apiStoreBranchProductLists(params: any) {
|
||||
return request.get({ url: '/store_product/storeproduct/lists', params })
|
||||
}
|
||||
@ -2,13 +2,8 @@
|
||||
<div>
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="商品名称" prop="store_name">
|
||||
<el-input
|
||||
class="w-[200px]"
|
||||
v-model="queryParams.store_name"
|
||||
@keydown.enter="productList()"
|
||||
clearable
|
||||
placeholder="请输入商品名称"
|
||||
/>
|
||||
<el-input class="w-[200px]" v-model="queryParams.store_name" @keydown.enter="getLists()" clearable
|
||||
placeholder="请输入商品名称" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
@ -18,58 +13,19 @@
|
||||
<div class="mt-4" v-loading="pager.loading">
|
||||
<el-table :data="pager.lists" @selection-change="handleSelectionChange" :height="300">
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column
|
||||
label="商品ID"
|
||||
prop="id"
|
||||
show-overflow-tooltip
|
||||
v-if="is_warehouse == 0"
|
||||
/>
|
||||
<el-table-column label="商品ID" prop="id" show-overflow-tooltip v-if="is_warehouse == 0" />
|
||||
<el-table-column label="商品ID" prop="product_id" show-overflow-tooltip v-else />
|
||||
<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"
|
||||
/>
|
||||
<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="200"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="分类"
|
||||
prop="cate_name"
|
||||
min-width="120"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="单位"
|
||||
prop="unit_name"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="商品价格"
|
||||
prop="price"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="供货价"
|
||||
prop="purchase"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
label="售卖库存"
|
||||
prop="stock"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column label="商品名称" prop="store_name" min-width="200" show-overflow-tooltip />
|
||||
<el-table-column label="分类" prop="cate_name" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" min-width="80" show-overflow-tooltip />
|
||||
<el-table-column label="商品价格" prop="price" min-width="100" show-overflow-tooltip />
|
||||
<el-table-column label="供货价" prop="purchase" min-width="100" show-overflow-tooltip />
|
||||
<el-table-column label="售卖库存" prop="stock" min-width="100" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
@ -80,58 +36,89 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="systemStoreLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiStoreProductLists } from '@/api/store_product'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import { ElMessage } from 'element-plus'
|
||||
const props = defineProps<{
|
||||
is_warehouse: number
|
||||
is_branch: number
|
||||
store_id: string
|
||||
code: any[]
|
||||
warehouse_id: string
|
||||
}>()
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiStoreProductLists, apiStoreBranchProductLists } from '@/api/store_product'
|
||||
import { apiPsiWarehouseStoregeLists } from '@/api/psi/warehouse_storege'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import { ElMessage } from 'element-plus'
|
||||
const props = defineProps<{
|
||||
is_warehouse : number
|
||||
is_branch : number
|
||||
store_id : string
|
||||
code : any[]
|
||||
warehouse_id : string
|
||||
}>()
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
store_name: '',
|
||||
store_id: '',
|
||||
product_type: ''
|
||||
})
|
||||
product_type: '',
|
||||
warehouse_id: '',
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
const datas = ref()
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
const datas = ref()
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val : any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
|
||||
// 分页相关
|
||||
|
||||
datas.value = {
|
||||
fetchFun: apiStoreProductLists,
|
||||
if (props.is_warehouse == 1 && props.warehouse_id != '' && props.warehouse_id != null) {
|
||||
queryParams.warehouse_id = props.warehouse_id
|
||||
datas.value = {
|
||||
fetchFun: apiPsiWarehouseStoregeLists,
|
||||
params: queryParams
|
||||
}
|
||||
}
|
||||
} else if (props.is_branch == 1 && props.store_id != '' && props.store_id != null) {
|
||||
queryParams.store_id = props.store_id
|
||||
datas.value = {
|
||||
fetchFun: apiStoreBranchProductLists,
|
||||
params: queryParams
|
||||
}
|
||||
} else {
|
||||
queryParams.product_type = '0'
|
||||
datas.value = {
|
||||
fetchFun: apiPsiWarehouseStoregeLists,
|
||||
params: queryParams
|
||||
}
|
||||
}
|
||||
|
||||
const productList = () => {
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging(datas.value)
|
||||
const productList = () => {
|
||||
getLists()
|
||||
}
|
||||
getLists()
|
||||
}
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging(datas.value)
|
||||
getLists()
|
||||
|
||||
const emits = defineEmits(['onBindStore'])
|
||||
// 绑定用户
|
||||
const bindStore = () => {
|
||||
console.log(223)
|
||||
const emits = defineEmits(['onBindStore', 'update:warehouse_id'])
|
||||
// 绑定用户
|
||||
const bindStore = () => {
|
||||
const list = pager.lists.filter((item) => selectData.value.includes(item.id))
|
||||
if (!list.length) return ElMessage.error('请先选择商品')
|
||||
emits('onBindStore', list)
|
||||
}
|
||||
}
|
||||
|
||||
// watch(() => props.warehouse_id, (newValue, oldValue) => {
|
||||
// if (newValue != oldValue) {
|
||||
// queryParams.warehouse_id = newValue
|
||||
// productList()
|
||||
// }
|
||||
// });
|
||||
watch([() => props.warehouse_id, () => props.store_id], ([newProp1, newProp2], [oldProp1, oldProp2]) => {
|
||||
if (newProp1 !== oldProp1) {
|
||||
queryParams.warehouse_id = newProp1
|
||||
productList()
|
||||
}
|
||||
if (newProp2 !== oldProp2) {
|
||||
queryParams.store_id = newProp2
|
||||
productList()
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@ -1,143 +1,328 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
title="详情"
|
||||
:async="true"
|
||||
width="550px"
|
||||
:cancelButtonText="false"
|
||||
:confirmButtonText="false"
|
||||
>
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-form-item label="仓库" prop="warehouse_id">
|
||||
<el-input v-model="formData.warehouse_id" clearable placeholder="请输入仓库" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-input v-model="formData.supplier_id" clearable placeholder="请输入供应商" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="门店" prop="store_id">
|
||||
<el-input v-model="formData.store_id" clearable placeholder="请输入门店" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-input v-model="formData.type" clearable placeholder="请输入类型" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单ID" prop="oid">
|
||||
<el-input v-model="formData.oid" clearable placeholder="请输入订单ID" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="order_type">
|
||||
<el-input v-model="formData.order_type" clearable placeholder="请输入订单类型" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="单号" prop="code">
|
||||
<el-input v-model="formData.code" clearable placeholder="请输入单号" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="填写人员" prop="admin_id">
|
||||
<el-input v-model="formData.admin_id" clearable placeholder="请输入填写人员" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="批次" prop="batch">
|
||||
<el-input v-model="formData.batch" clearable placeholder="请输入批次" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input v-model="formData.mark" clearable placeholder="请输入备注" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="nums">
|
||||
<el-input v-model="formData.nums" clearable placeholder="请输入数量" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="供货价" prop="purchase">
|
||||
<el-input v-model="formData.purchase" clearable placeholder="请输入供货价" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="总价格" prop="total_price">
|
||||
<el-input v-model="formData.total_price" clearable placeholder="请输入总价格" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="已结金额" prop="completed_amount">
|
||||
<el-input v-model="formData.completed_amount" clearable placeholder="请输入已结金额" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="未结金额" prop="outstanding_amount">
|
||||
<el-input v-model="formData.outstanding_amount" clearable placeholder="请输入未结金额" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-input v-model="formData.status" clearable placeholder="请输入状态" :readonly="true"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
<el-drawer v-model="showDialog" title="订单详情" :size="1200">
|
||||
<div class="flex items-center justify-between m-4">
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">仓库：</div>
|
||||
<div style="color: black">{{ formData.warehouse_name }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">门店：</div>
|
||||
<div style="color: black">{{ formData.system_store }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">单号：</div>
|
||||
<div style="color: black">{{ formData.code }}</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 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="xlsx(formData.id, 2)"> 打印供货单 </el-button>
|
||||
<el-button @click="xlsx(formData.id, 3)"> 打印商户/会员单 </el-button>
|
||||
<el-button @click="xlsx(formData.id, 4)"> 打印零售单 </el-button>
|
||||
<el-button @click="xlsx2(formData.id)"> 打印商品标签 </el-button>
|
||||
</div>
|
||||
<el-button type="primary" @click="dialogShop = true"> 出库 </el-button>
|
||||
|
||||
<el-tabs v-model="activeName" class="demo-tabs mt-3" type="border-card">
|
||||
<el-tab-pane label="明细" name="second">
|
||||
<div>
|
||||
<div>
|
||||
<el-table :data="pager.lists" v-loading="pager.loading">
|
||||
<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="nums" show-overflow-tooltip />
|
||||
<el-table-column label="供货价" prop="purchase" 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="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['warehouse_product.warehouse_product/edit']" type="primary"
|
||||
link @click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['warehouse_product.warehouse_product/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>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-drawer>
|
||||
<el-dialog v-model="dialogShop" title="追加商品" width="1500">
|
||||
<el-form ref="formRef" :model="updateInfo" 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="product_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="160" 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="60" show-overflow-tooltip />
|
||||
<el-table-column label="商品价格" prop="price" min-width="100" show-overflow-tooltip />
|
||||
<el-table-column label="库存" prop="stock" min-width="100" show-overflow-tooltip />
|
||||
<el-table-column label="分配库存" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.num" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="生产日期" prop="manufacture" width="160">
|
||||
<template #default="{ row }">
|
||||
<el-date-picker v-model="row.manufacture" type="date" clearable value-format="YYYY-MM-DD"
|
||||
placeholder="请输入生产日期" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="保质期" prop="expiration_date" width="160">
|
||||
<template #default="{ row }">
|
||||
<el-date-picker v-model="row.expiration_date" type="date" clearable value-format="YYYY-MM-DD"
|
||||
placeholder="请输入保质期" />
|
||||
</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="goodsOfferUpdate"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showProduct" title="选择商品" width="70%">
|
||||
<product-pop @onBindStore="onBindProduct" :warehouse_id="warehouse_id"
|
||||
:is_warehouse="is_warehouse"></product-pop>
|
||||
</el-dialog>
|
||||
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="psiOutboundOrderDETAILS">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiPsiOutboundOrderAdd, apiPsiOutboundOrderEdit, apiPsiOutboundOrderDetail } from '@/api/psi/outbound_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
defineProps({
|
||||
<script lang="ts" setup name="storeOrderDETAILS">
|
||||
import { ElMessage, type FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiOutboundProductLists, apiOutboundProductAdd, apiOutboundProductDelete } from '@/api/psi/outbound_product'
|
||||
import {
|
||||
apiOutboundOrderRentryExport,
|
||||
apiOutboundOrderExport,
|
||||
apiOutboundOrderExportTags
|
||||
} from '@/api/psi/outbound_order'
|
||||
import type { PropType } from 'vue'
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useRoute } from 'vue-router'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './editProduct.vue'
|
||||
import { apiSupplierLists } from '@/api/psi/supplier'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
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 formData = reactive({
|
||||
id: '',
|
||||
warehouse_id: '',
|
||||
supplier_id: '',
|
||||
store_id: '',
|
||||
type: '',
|
||||
oid: '',
|
||||
order_type: '',
|
||||
code: '',
|
||||
admin_id: '',
|
||||
batch: '',
|
||||
mark: '',
|
||||
nums: '',
|
||||
purchase: '',
|
||||
total_price: '',
|
||||
completed_amount: '',
|
||||
outstanding_amount: '',
|
||||
status: '',
|
||||
})
|
||||
|
||||
|
||||
|
||||
// 获取详情
|
||||
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]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiPsiOutboundOrderDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = () => {
|
||||
popupRef.value?.open()
|
||||
}
|
||||
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 formData = ref({
|
||||
id: '',
|
||||
code: '',
|
||||
total_price: '',
|
||||
supplier_name: '',
|
||||
warehouse_name: '',
|
||||
system_store: '',
|
||||
pay_type: '',
|
||||
supplier_id: '',
|
||||
manufacture: '',
|
||||
order_type: '',
|
||||
expiration_date: ''
|
||||
})
|
||||
const updateInfo = ref({})
|
||||
const goodsOfferUpdate = () => {
|
||||
const product_arr = productList.value.map((item : any) => {
|
||||
return {
|
||||
id: item.product_id,
|
||||
nums: item.num || 0,
|
||||
purchase: item.purchases || 0,
|
||||
prices: item.purchase || 0,
|
||||
total_price: item.total_price || 0,
|
||||
manufacture: item.manufacture,
|
||||
expiration_date: item.expiration_date
|
||||
}
|
||||
})
|
||||
apiOutboundProductAdd({
|
||||
oid: queryParams.oid,
|
||||
order_type: formData.value.order_type,
|
||||
warehouse_id: warehouse_id.value,
|
||||
product_arr: product_arr
|
||||
}).then((res) => {
|
||||
dialogShop.value = false
|
||||
getLists()
|
||||
})
|
||||
}
|
||||
const queryParams = reactive({
|
||||
oid: '',
|
||||
pay_type: ''
|
||||
})
|
||||
// 获取详情
|
||||
const setFormData = async (data : Record<any, any>) => {
|
||||
formData.value = { ...data }
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
const getDetail = async (row : Record<string, any>) => {
|
||||
formData.value = { ...row }
|
||||
queryParams.oid = row.id
|
||||
warehouse_id.value = row.warehouse_id
|
||||
is_warehouse.value = 1
|
||||
productList.value = []
|
||||
getLists()
|
||||
}
|
||||
const xlsx = (id, type) => {
|
||||
apiOutboundOrderExport({
|
||||
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)) {
|
||||
item.manufacture = ''
|
||||
item.expiration_date = ''
|
||||
productList.value.push(item)
|
||||
}
|
||||
})
|
||||
showProduct.value = false
|
||||
}
|
||||
function handleChange(row) {
|
||||
row.total_price = row.num * row.purchases
|
||||
}
|
||||
const isSubmit = ref(true)
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
const handleStock = () => {
|
||||
const product_arr = productList.value.map((item : any) => {
|
||||
return {
|
||||
id: item.product_id,
|
||||
stock: item.new_stock || 0,
|
||||
stocks: item.stock || 0
|
||||
}
|
||||
})
|
||||
if (product_arr.length > 0) {
|
||||
try {
|
||||
product_arr.forEach((item) => {
|
||||
const stock = item.stock * 1
|
||||
if (stock > item.stocks) {
|
||||
isSubmit.value = false
|
||||
throw new Error('超出仓库库存,请重新设置')
|
||||
}
|
||||
})
|
||||
} catch (e) {
|
||||
ElMessage.error('超出仓库库存,请重新设置')
|
||||
return
|
||||
}
|
||||
}
|
||||
isSubmit.value = true
|
||||
}
|
||||
// 编辑
|
||||
const handleEdit = async (data : any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
// 删除
|
||||
const handleDeletes = async (id : number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiOutboundProductDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
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 open = () => {
|
||||
showDialog.value = true
|
||||
}
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiOutboundProductLists,
|
||||
params: queryParams
|
||||
})
|
||||
const xlsx2 = (id) => {
|
||||
apiWarehouseOrderExportTags({
|
||||
id: id
|
||||
}).then((res) => {
|
||||
window.open(res.url, '_blank')
|
||||
ElMessage.success('导出成功')
|
||||
})
|
||||
}
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@ -1,165 +1,93 @@
|
||||
<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="warehouse_id">
|
||||
<el-input v-model="formData.warehouse_id" clearable placeholder="请输入仓库" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-input v-model="formData.supplier_id" clearable placeholder="请输入供应商" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="门店" prop="store_id">
|
||||
<el-input v-model="formData.store_id" clearable placeholder="请输入门店" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-input v-model="formData.type" clearable placeholder="请输入类型" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单ID" prop="oid">
|
||||
<el-input v-model="formData.oid" clearable placeholder="请输入订单ID" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="order_type">
|
||||
<el-input v-model="formData.order_type" clearable placeholder="请输入订单类型" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="单号" prop="code">
|
||||
<el-input v-model="formData.code" clearable placeholder="请输入单号" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="填写人员" prop="admin_id">
|
||||
<el-input v-model="formData.admin_id" clearable placeholder="请输入填写人员" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="批次" prop="batch">
|
||||
<el-input v-model="formData.batch" 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-item label="数量" prop="nums">
|
||||
<el-input v-model="formData.nums" clearable placeholder="请输入数量" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="供货价" prop="purchase">
|
||||
<el-input v-model="formData.purchase" clearable placeholder="请输入供货价" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="总价格" prop="total_price">
|
||||
<el-input v-model="formData.total_price" clearable placeholder="请输入总价格" :readonly="false"/>
|
||||
</el-form-item>
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
|
||||
@close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-form-item label="已结金额" prop="completed_amount">
|
||||
<el-input v-model="formData.completed_amount" clearable placeholder="请输入已结金额" :readonly="false"/>
|
||||
<el-input v-model="formData.completed_amount" clearable placeholder="请输入总价格" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="未结金额" prop="outstanding_amount">
|
||||
<el-input v-model="formData.outstanding_amount" clearable placeholder="请输入未结金额" :readonly="false"/>
|
||||
<el-input v-model="formData.outstanding_amount" clearable placeholder="请输入未结金额" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-input v-model="formData.status" clearable placeholder="请输入状态" :readonly="false"/>
|
||||
<el-form-item label="总价格" prop="total_price">
|
||||
<el-input v-model="formData.total_price" clearable placeholder="请输入总价格" :readonly="false" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="psiOutboundOrderEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiPsiOutboundOrderAdd, apiPsiOutboundOrderEdit, apiPsiOutboundOrderDetail } from '@/api/psi/outbound_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
defineProps({
|
||||
<script lang="ts" setup name="psiWarehouseOrderEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiWarehouseOrderUpdateAmount, apiWarehouseOrderEdit, apiWarehouseOrderDetail } from '@/api/psi/warehouse_order'
|
||||
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 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 popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑入库订单' : '新增入库订单'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
warehouse_id: '',
|
||||
supplier_id: '',
|
||||
store_id: '',
|
||||
type: '',
|
||||
oid: '',
|
||||
order_type: '',
|
||||
code: '',
|
||||
admin_id: '',
|
||||
batch: '',
|
||||
mark: '',
|
||||
nums: '',
|
||||
purchase: '',
|
||||
total_price: '',
|
||||
completed_amount: '',
|
||||
outstanding_amount: '',
|
||||
status: '',
|
||||
})
|
||||
completed_amount: ''
|
||||
})
|
||||
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
|
||||
})
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
// 获取详情
|
||||
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]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiPsiOutboundOrderDetail({
|
||||
const getDetail = async (row : Record<string, any>) => {
|
||||
const data = await apiWarehouseOrderDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiPsiOutboundOrderEdit(data)
|
||||
: await apiPsiOutboundOrderAdd(data)
|
||||
await apiWarehouseOrderUpdateAmount(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
})
|
||||
</script>
|
||||
131
src/views/psi/outbound_order/editProduct.vue
Normal file
131
src/views/psi/outbound_order/editProduct.vue
Normal file
@ -0,0 +1,131 @@
|
||||
<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="handleChange()" />
|
||||
</el-form-item>
|
||||
<el-form-item label="零售价" prop="price">
|
||||
<el-input v-model="formData.price" clearable placeholder="请输入零售价" :readonly="false"
|
||||
@change="handleChange()" />
|
||||
</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="manufacture">
|
||||
<el-date-picker v-model="formData.manufacture" type="date" clearable 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" clearable value-format="YYYY-MM-DD"
|
||||
placeholder="请输入保质期" />
|
||||
</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 { apiOutboundProductEdit } from '@/api/psi/outbound_product'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import { apiSupplierLists } from '@/api/psi/supplier'
|
||||
|
||||
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: '',
|
||||
oid: '',
|
||||
store_name: '',
|
||||
total_price: '',
|
||||
nums: '',
|
||||
pay_type: '',
|
||||
purchase: '',
|
||||
price: '',
|
||||
manufacture: '',
|
||||
expiration_date: ''
|
||||
})
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
warehouse_id: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入仓库',
|
||||
trigger: ['blur']
|
||||
}
|
||||
],
|
||||
total_price: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入总价格',
|
||||
trigger: ['blur']
|
||||
}
|
||||
]
|
||||
})
|
||||
function handleChange() {
|
||||
if (formData.nums > 0 && formData.purchase > 0) {
|
||||
formData.total_price = (parseFloat(formData.purchase) * parseFloat(formData.nums)).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]
|
||||
}
|
||||
}
|
||||
remoteMethodSupplier()
|
||||
}
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData }
|
||||
await apiOutboundProductEdit(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData
|
||||
})
|
||||
</script>
|
||||
197
src/views/psi/outbound_order/import.vue
Normal file
197
src/views/psi/outbound_order/import.vue
Normal file
@ -0,0 +1,197 @@
|
||||
<template>
|
||||
<el-card>
|
||||
<div class="mb-4 text-lg font-bold">出库商品</div>
|
||||
<div>
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-form-item label="仓库" prop="uid">
|
||||
<el-select v-model="warehouse_id" style="width: 240px">
|
||||
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="出库时间" class="w-[320px]">
|
||||
<el-date-picker :readonly="false" class="flex-1 !flex" v-model="formData.manufacture" clearable
|
||||
type="date" value-format="YYYY-MM-DD" placeholder="选择出库日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="formData.remark" type="input" rows="4" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品" prop="store_id">
|
||||
<div class="flex-1 w-full">
|
||||
<div class="mb-2">
|
||||
<el-button type="primary" @click="showProductFunc">添加商品</el-button>
|
||||
</div>
|
||||
<el-table :data="productList">
|
||||
<el-table-column label="商品ID" prop="product_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="200" show-overflow-tooltip />
|
||||
<el-table-column label="分类" prop="cate_name" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" min-width="80" show-overflow-tooltip />
|
||||
<el-table-column label="商品价格" prop="price" min-width="100" show-overflow-tooltip />
|
||||
<el-table-column label="库存" prop="stock" min-width="100" show-overflow-tooltip />
|
||||
<el-table-column label="分配库存" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.new_stock" @change="handleStock" />
|
||||
</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>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="库存类型" prop="type">
|
||||
<el-radio-group v-model="formData.type" class="ml-6">
|
||||
<el-radio :value="2" :label="2">报损</el-radio>
|
||||
<el-radio :value="1" :label="1">退供应商</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="">
|
||||
<el-button @click="handleSubmit" type="primary" class="w-40">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-dialog v-model="showProduct" title="选择商品" width="70%">
|
||||
<product-pop @onBindStore="onBindProduct" is_warehouse="1" :warehouse_id="warehouse_id"></product-pop>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="storeProductEdit">
|
||||
import { ElMessage, type FormInstance } from 'element-plus'
|
||||
import useMultipleTabs from '@/hooks/useMultipleTabs'
|
||||
import { apiOutboundOrderAdd } from '@/api/psi/outbound_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import { onMounted } from 'vue'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
import { apiWarehouseLists } from '@/api/psi/warehouse'
|
||||
|
||||
const route = useRoute()
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const { removeTab } = useMultipleTabs()
|
||||
const mode = ref('add')
|
||||
const warehouse_id = ref('')
|
||||
const warehouseList = ref([])
|
||||
const stock = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
store_id: '',
|
||||
manufacture: '',
|
||||
remark: '',
|
||||
type: 2
|
||||
})
|
||||
if (route.query.warehouse_id) {
|
||||
warehouse_id.value = parseInt(route.query.warehouse_id)
|
||||
}
|
||||
|
||||
const warehouse = () => {
|
||||
apiWarehouseLists({}).then((res) => {
|
||||
warehouseList.value = res.lists
|
||||
})
|
||||
}
|
||||
const showStore = ref(false) // 选择门店列表是否显示
|
||||
// 门店列表
|
||||
const storeList = ref([])
|
||||
// 删除已有门店
|
||||
const handleDelete = (id : number) => {
|
||||
storeList.value = storeList.value.filter((item : any) => item.id !== id)
|
||||
}
|
||||
// 选择门店
|
||||
const onBindStore = (e : any[]) => {
|
||||
storeList.value = []
|
||||
storeList.value.push(e)
|
||||
handleStock()
|
||||
showStore.value = false
|
||||
}
|
||||
|
||||
const showProduct = ref(false) // 选择商品列表是否显示
|
||||
const showProductFunc = () => {
|
||||
if (warehouse_id.value == '') {
|
||||
ElMessage.error('请先选择仓库')
|
||||
} else {
|
||||
showProduct.value = true
|
||||
}
|
||||
}
|
||||
// 商品列表
|
||||
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
|
||||
}
|
||||
|
||||
const isSubmit = ref(true)
|
||||
|
||||
const handleStock = () => {
|
||||
const product_arr = productList.value.map((item : any) => {
|
||||
return {
|
||||
id: item.product_id,
|
||||
stock: item.new_stock || 0,
|
||||
stocks: item.stock || 0
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const router = useRouter()
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
if (warehouse_id.value == '') {
|
||||
ElMessage.error('请选择仓库')
|
||||
return
|
||||
}
|
||||
handleStock()
|
||||
if (isSubmit.value == false) {
|
||||
return
|
||||
}
|
||||
const product_arr = productList.value.map((item : any) => {
|
||||
return {
|
||||
id: item.product_id,
|
||||
stock: item.new_stock || 0,
|
||||
batch: item.batch || 0
|
||||
}
|
||||
})
|
||||
const store_arr = storeList.value.map((item : any) => item.id)
|
||||
if (store_arr.length > 1) {
|
||||
ElMessage.error('门店不能超过一个')
|
||||
return
|
||||
}
|
||||
apiOutboundOrderAdd({
|
||||
product_arr,
|
||||
store_arr,
|
||||
type: formData.type,
|
||||
warehouse_id: warehouse_id.value,
|
||||
delivery_time: formData.manufacture,
|
||||
mark: formData.remark
|
||||
}).then((res) => {
|
||||
removeTab()
|
||||
ElMessage.success(res.msg)
|
||||
})
|
||||
}
|
||||
warehouse()
|
||||
</script>
|
||||
@ -1,34 +1,32 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-form
|
||||
class="mb-[-16px]"
|
||||
:model="queryParams"
|
||||
inline
|
||||
>
|
||||
<el-form-item label="仓库" prop="warehouse_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.warehouse_id" clearable placeholder="请输入仓库" />
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item class="w-[220px]" label="仓库" prop="warehouse_id">
|
||||
<el-select v-model="queryParams.warehouse_id" filterable clearable placeholder="请选择仓库"
|
||||
style="width: 240px">
|
||||
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.supplier_id" clearable placeholder="请输入供应商" />
|
||||
<el-form-item class="w-[220px]" label="门店" prop="store_id">
|
||||
<el-select v-model="queryParams.store_id" filterable clearable placeholder="请选择门店"
|
||||
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="store_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.store_id" clearable placeholder="请输入门店" />
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.type" clearable placeholder="请输入类型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="订单ID" prop="oid">
|
||||
<el-input class="w-[280px]" v-model="queryParams.oid" clearable placeholder="请输入订单ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="order_type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.order_type" clearable placeholder="请输入订单类型" />
|
||||
<el-form-item class="w-[220px]" label="供应商" prop="store_id">
|
||||
<el-select v-model="queryParams.supplier_id" filterable clearable remote reserve-keyword
|
||||
placeholder="输入供应商名称搜索" remote-show-suffix :remote-method="remoteMethodSupplier"
|
||||
:loading="supplierLoading">
|
||||
<el-option v-for="item in supplierList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="单号" prop="code">
|
||||
<el-input class="w-[280px]" v-model="queryParams.code" clearable placeholder="请输入单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-input class="w-[280px]" v-model="queryParams.status" clearable placeholder="请输入状态" />
|
||||
<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>
|
||||
@ -37,54 +35,28 @@
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||
<el-button v-perms="['psi_outbound_order/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['psi_outbound_order/delete']"
|
||||
:disabled="!selectData.length"
|
||||
@click="handleDelete(selectData)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
<router-link v-perms="['import']" :to="{
|
||||
path: 'import'
|
||||
}" 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 type="selection" width="55" />
|
||||
<el-table-column label="ID" prop="id" show-overflow-tooltip />
|
||||
<el-table-column label="仓库" prop="warehouse_id" show-overflow-tooltip />
|
||||
<el-table-column label="供应商" prop="supplier_id" show-overflow-tooltip />
|
||||
<el-table-column label="门店" prop="store_id" show-overflow-tooltip />
|
||||
<el-table-column label="类型" prop="type" show-overflow-tooltip />
|
||||
<el-table-column label="订单ID" prop="oid" show-overflow-tooltip />
|
||||
<el-table-column label="订单类型" prop="order_type" show-overflow-tooltip />
|
||||
<el-table-column label="单号" prop="code" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
<el-table-column label="数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="供货价" prop="purchase" show-overflow-tooltip />
|
||||
<el-table-column label="仓库" prop="warehouse_name" show-overflow-tooltip />
|
||||
<el-table-column label="门店" prop="system_store" show-overflow-tooltip />
|
||||
<el-table-column label="填写人员" prop="admin_name" show-overflow-tooltip />
|
||||
<el-table-column label="订单类型" prop="order_type_name" />
|
||||
<el-table-column label="单号" prop="code" show-overflow-tooltip min-width="100" />
|
||||
<el-table-column label="总价格" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="已结金额" prop="completed_amount" show-overflow-tooltip />
|
||||
<el-table-column label="未结金额" prop="outstanding_amount" show-overflow-tooltip />
|
||||
<el-table-column label="状态" prop="status" show-overflow-tooltip />
|
||||
<el-table-column label="" prop="create_time" show-overflow-tooltip />
|
||||
<el-table-column label="操作时间" prop="create_time" show-overflow-tooltip min-width="90" />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['psi_outbound_order/edit']"
|
||||
type="primary"
|
||||
link
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['psi_outbound_order/delete']"
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
<el-button type="primary" link @click="handleDetai(row)">详情</el-button>
|
||||
<el-button v-perms="['psi/outbound_order/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
@ -96,73 +68,135 @@
|
||||
</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="psiOutboundOrderLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiPsiOutboundOrderLists, apiPsiOutboundOrderDelete } from '@/api/psi/outbound_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
<script lang="ts" setup name="psiWarehouseOrderLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiOutboundOrderLists, apiOutboundOrderDelete } from '@/api/psi/outbound_order'
|
||||
import { apiWarehouseLists } from '@/api/psi/warehouse'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
import DetailsPopup from './details.vue'
|
||||
import enums from '@/utils/enums'
|
||||
import moment from 'moment'
|
||||
import { apiSupplierLists } from '@/api/psi/supplier'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
const detailsRef = shallowRef<InstanceType<typeof DetailsPopup>>()
|
||||
const showDetails = ref(false)
|
||||
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
warehouse_id: '',
|
||||
supplier_id: '',
|
||||
store_id: '',
|
||||
type: '',
|
||||
supplier_id: '',
|
||||
oid: '',
|
||||
order_type: '',
|
||||
code: '',
|
||||
status: '',
|
||||
})
|
||||
start_time: '',
|
||||
end_time: '',
|
||||
})
|
||||
const startEndTime = ref([])
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
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 = ''
|
||||
}
|
||||
}
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val : any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('product_type,warehouse_produc_pm')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiPsiOutboundOrderLists,
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiOutboundOrderLists,
|
||||
params: queryParams
|
||||
})
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
|
||||
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 warehouseList = ref([])
|
||||
const getWarehouseList = () => {
|
||||
apiWarehouseLists({}).then(res => {
|
||||
warehouseList.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
const storeList = ref([])
|
||||
const getStoreList = () => {
|
||||
apiSystemStoreLists({}).then(res => {
|
||||
storeList.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
const handleDetai = async (data : any) => {
|
||||
showDetails.value = true
|
||||
await nextTick()
|
||||
detailsRef.value?.open()
|
||||
detailsRef.value?.getDetail(data)
|
||||
}
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
// 编辑
|
||||
const handleEdit = async (data : any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
// 删除
|
||||
const handleDelete = async (id : number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiPsiOutboundOrderDelete({ id })
|
||||
await apiOutboundOrderDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
}
|
||||
|
||||
getLists()
|
||||
getWarehouseList()
|
||||
getStoreList()
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
|
||||
@ -95,10 +95,10 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="psiOutboundProductDETAILS">
|
||||
<script lang="ts" setup name="psiWarehouseProductDETAILS">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiPsiOutboundProductAdd, apiPsiOutboundProductEdit, apiPsiOutboundProductDetail } from '@/api/psi/outbound_product'
|
||||
import { apiPsiWarehouseProductAdd, apiPsiWarehouseProductEdit, apiPsiWarehouseProductDetail } from '@/api/psi/warehouse_product'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
defineProps({
|
||||
@ -161,7 +161,7 @@ const setFormData = async (data: Record<any, any>) => {
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiPsiOutboundProductDetail({
|
||||
const data = await apiPsiWarehouseProductDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
|
||||
@ -1,125 +1,120 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="popupTitle"
|
||||
:async="true"
|
||||
width="550px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<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="warehouse_id">
|
||||
<el-input v-model="formData.warehouse_id" clearable placeholder="请输入仓库" :readonly="false"/>
|
||||
<el-input v-model="formData.warehouse_id" clearable placeholder="请输入仓库" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-input v-model="formData.supplier_id" clearable placeholder="请输入供应商" :readonly="false"/>
|
||||
<el-input v-model="formData.supplier_id" clearable placeholder="请输入供应商" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="门店" prop="store_id">
|
||||
<el-input v-model="formData.store_id" clearable placeholder="请输入门店" :readonly="false"/>
|
||||
<el-input v-model="formData.store_id" clearable placeholder="请输入门店" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="order_type">
|
||||
<el-input v-model="formData.order_type" clearable placeholder="请输入订单类型" :readonly="false"/>
|
||||
<el-input v-model="formData.order_type" clearable placeholder="请输入订单类型" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品" prop="product_id">
|
||||
<el-input v-model="formData.product_id" clearable placeholder="请输入商品" :readonly="false"/>
|
||||
<el-input v-model="formData.product_id" clearable placeholder="请输入商品" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="单位" prop="unit">
|
||||
<el-input v-model="formData.unit" clearable placeholder="请输入单位" :readonly="false"/>
|
||||
<el-input v-model="formData.unit" clearable placeholder="请输入单位" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库单ID" prop="oid">
|
||||
<el-input v-model="formData.oid" clearable placeholder="请输入入库单ID" :readonly="false"/>
|
||||
<el-input v-model="formData.oid" clearable placeholder="请输入入库单ID" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库单号" prop="code">
|
||||
<el-input v-model="formData.code" clearable placeholder="请输入入库单号" :readonly="false"/>
|
||||
<el-input v-model="formData.code" clearable placeholder="请输入入库单号" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="生产日期" prop="manufacture">
|
||||
<el-input v-model="formData.manufacture" clearable placeholder="请输入生产日期" :readonly="false"/>
|
||||
<el-input v-model="formData.manufacture" clearable placeholder="请输入生产日期" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="保质期" prop="expiration_date">
|
||||
<el-input v-model="formData.expiration_date" clearable placeholder="请输入保质期" :readonly="false"/>
|
||||
<el-input v-model="formData.expiration_date" clearable placeholder="请输入保质期" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="填写人员" prop="admin_id">
|
||||
<el-input v-model="formData.admin_id" clearable placeholder="请输入填写人员" :readonly="false"/>
|
||||
<el-input v-model="formData.admin_id" clearable placeholder="请输入填写人员" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="确认人员" prop="enter_admin_id">
|
||||
<el-input v-model="formData.enter_admin_id" clearable placeholder="请输入确认人员" :readonly="false"/>
|
||||
<el-input v-model="formData.enter_admin_id" clearable placeholder="请输入确认人员" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="门店确认人员" prop="staff_id">
|
||||
<el-input v-model="formData.staff_id" clearable placeholder="请输入门店确认人员" :readonly="false"/>
|
||||
<el-input v-model="formData.staff_id" clearable placeholder="请输入门店确认人员" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="批次" prop="batch">
|
||||
<el-input v-model="formData.batch" clearable placeholder="请输入批次" :readonly="false"/>
|
||||
<el-input v-model="formData.batch" clearable placeholder="请输入批次" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="数量" prop="nums">
|
||||
<el-input v-model="formData.nums" clearable placeholder="请输入数量" :readonly="false"/>
|
||||
<el-input v-model="formData.nums" clearable placeholder="请输入数量" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="退货数量" prop="refund_nums">
|
||||
<el-input v-model="formData.refund_nums" clearable placeholder="请输入退货数量" :readonly="false"/>
|
||||
<el-input v-model="formData.refund_nums" clearable placeholder="请输入退货数量" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更新前库存" prop="before_nums">
|
||||
<el-input v-model="formData.before_nums" clearable placeholder="请输入更新前库存" :readonly="false"/>
|
||||
<el-input v-model="formData.before_nums" clearable placeholder="请输入更新前库存" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="更新后库存" prop="after_nums">
|
||||
<el-input v-model="formData.after_nums" clearable placeholder="请输入更新后库存" :readonly="false"/>
|
||||
<el-input v-model="formData.after_nums" clearable placeholder="请输入更新后库存" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="mark">
|
||||
<el-input v-model="formData.mark" clearable placeholder="请输入备注" :readonly="false"/>
|
||||
<el-input v-model="formData.mark" clearable placeholder="请输入备注" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="零售价格" prop="price">
|
||||
<el-input v-model="formData.price" clearable placeholder="请输入零售价格" :readonly="false"/>
|
||||
<el-input v-model="formData.price" clearable placeholder="请输入零售价格" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="总价格" prop="total_price">
|
||||
<el-input v-model="formData.total_price" clearable placeholder="请输入总价格" :readonly="false"/>
|
||||
<el-input v-model="formData.total_price" clearable placeholder="请输入总价格" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="供货价" prop="purchase">
|
||||
<el-input v-model="formData.purchase" clearable placeholder="请输入供货价" :readonly="false"/>
|
||||
<el-input v-model="formData.purchase" clearable placeholder="请输入供货价" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商户价" prop="cost">
|
||||
<el-input v-model="formData.cost" clearable placeholder="请输入商户价" :readonly="false"/>
|
||||
<el-input v-model="formData.cost" clearable placeholder="请输入商户价" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="会员价" prop="vip_price">
|
||||
<el-input v-model="formData.vip_price" clearable placeholder="请输入会员价" :readonly="false"/>
|
||||
<el-input v-model="formData.vip_price" clearable placeholder="请输入会员价" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="是否结清" prop="is_pay">
|
||||
<el-input v-model="formData.is_pay" clearable placeholder="请输入是否结清" :readonly="false"/>
|
||||
<el-input v-model="formData.is_pay" clearable placeholder="请输入是否结清" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="支付方式" prop="pay_type">
|
||||
<el-input v-model="formData.pay_type" clearable placeholder="请输入支付方式" :readonly="false"/>
|
||||
<el-input v-model="formData.pay_type" clearable placeholder="请输入支付方式" :readonly="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-input v-model="formData.status" clearable placeholder="请输入状态" :readonly="false"/>
|
||||
<el-input v-model="formData.status" clearable placeholder="请输入状态" :readonly="false" />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="psiOutboundProductEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiPsiOutboundProductAdd, apiPsiOutboundProductEdit, apiPsiOutboundProductDetail } from '@/api/psi/outbound_product'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
defineProps({
|
||||
<script lang="ts" setup name="psiWarehouseProductEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiWarehouseProductAdd, apiWarehouseProductEdit, apiWarehouseProductDetail } from '@/api/psi/warehouse_product'
|
||||
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 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 popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑仓库商品入库信息' : '新增仓库商品入库信息'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
warehouse_id: '',
|
||||
supplier_id: '',
|
||||
@ -148,11 +143,12 @@ const formData = reactive({
|
||||
is_pay: '',
|
||||
pay_type: '',
|
||||
status: '',
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
product_id: [{
|
||||
required: true,
|
||||
message: '请输入商品',
|
||||
@ -183,11 +179,11 @@ const formRules = reactive<any>({
|
||||
message: '请输入状态',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
// 获取详情
|
||||
const setFormData = async (data : Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
@ -196,43 +192,43 @@ const setFormData = async (data: Record<any, any>) => {
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiPsiOutboundProductDetail({
|
||||
const getDetail = async (row : Record<string, any>) => {
|
||||
const data = await apiWarehouseProductDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiPsiOutboundProductEdit(data)
|
||||
: await apiPsiOutboundProductAdd(data)
|
||||
? await apiWarehouseProductEdit(data)
|
||||
: await apiWarehouseProductAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@ -1,37 +1,37 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-form
|
||||
class="mb-[-16px]"
|
||||
:model="queryParams"
|
||||
inline
|
||||
>
|
||||
<el-form-item label="仓库" prop="warehouse_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.warehouse_id" clearable placeholder="请输入仓库" />
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item class="w-[220px]" label="仓库" prop="warehouse_id">
|
||||
<el-select v-model="queryParams.warehouse_id" filterable clearable placeholder="请选择仓库"
|
||||
style="width: 240px">
|
||||
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.supplier_id" clearable placeholder="请输入供应商" />
|
||||
<el-form-item class="w-[220px]" label="门店" prop="store_id">
|
||||
<el-select v-model="queryParams.store_id" filterable clearable placeholder="请选择门店"
|
||||
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="store_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.store_id" clearable placeholder="请输入门店" />
|
||||
<el-form-item label="统计" prop="is_group" class="w-[220px]">
|
||||
<el-select v-model="queryParams.is_group" placeholder="请选择是否统计">
|
||||
<el-option label="统计" value="1" />
|
||||
<el-option label="不统计" value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="order_type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.order_type" clearable placeholder="请输入订单类型" />
|
||||
<el-form-item label="商品" prop="product_name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.product_name" clearable placeholder="请输入商品" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品" prop="product_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.product_id" clearable placeholder="请输入商品" />
|
||||
<el-form-item label="商品条码" prop="bar_code">
|
||||
<el-input class="w-[280px]" v-model="queryParams.bar_code" clearable placeholder="请输入商品" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库单ID" prop="oid">
|
||||
<el-input class="w-[280px]" v-model="queryParams.oid" clearable placeholder="请输入入库单ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库单号" prop="code">
|
||||
<el-form-item label="出库单号" prop="code">
|
||||
<el-input class="w-[280px]" v-model="queryParams.code" clearable placeholder="请输入入库单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="支付方式" prop="pay_type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.pay_type" clearable placeholder="请输入支付方式" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-input class="w-[280px]" v-model="queryParams.status" clearable placeholder="请输入状态" />
|
||||
<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>
|
||||
@ -40,60 +40,26 @@
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||
<el-button v-perms="['psi_outbound_product/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['psi_outbound_product/delete']"
|
||||
:disabled="!selectData.length"
|
||||
@click="handleDelete(selectData)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
<div class="mt-4">
|
||||
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column label="ID" prop="id" show-overflow-tooltip />
|
||||
<el-table-column label="仓库" prop="warehouse_id" show-overflow-tooltip />
|
||||
<el-table-column label="供应商" prop="supplier_id" show-overflow-tooltip />
|
||||
<el-table-column label="门店" prop="store_id" show-overflow-tooltip />
|
||||
<el-table-column label="订单类型" prop="order_type" show-overflow-tooltip />
|
||||
<el-table-column label="商品" prop="product_id" show-overflow-tooltip />
|
||||
<el-table-column label="入库单ID" prop="oid" show-overflow-tooltip />
|
||||
<el-table-column label="入库单号" prop="code" show-overflow-tooltip />
|
||||
<el-table-column label="数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="退货数量" prop="refund_nums" show-overflow-tooltip />
|
||||
<el-table-column label="更新前库存" prop="before_nums" show-overflow-tooltip />
|
||||
<el-table-column label="更新后库存" prop="after_nums" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
<el-table-column label="总价格" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="供货价" prop="purchase" show-overflow-tooltip />
|
||||
<el-table-column label="是否结清" prop="is_pay" show-overflow-tooltip />
|
||||
<el-table-column label="支付方式" prop="pay_type" show-overflow-tooltip />
|
||||
<el-table-column label="状态" prop="status" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<el-table-column label="ID" prop="id" show-overflow-tooltip width="80" />
|
||||
<el-table-column label="出库单号" prop="code" show-overflow-tooltip min-width="120" />
|
||||
<el-table-column label="操作人员" prop="admin_name" show-overflow-tooltip width="80" />
|
||||
<el-table-column label="仓库" prop="warehouse_name" show-overflow-tooltip />
|
||||
<el-table-column label="商品" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="图片" prop="image" min-width="80">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['psi_outbound_product/edit']"
|
||||
type="primary"
|
||||
link
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['psi_outbound_product/delete']"
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
<el-image style="width: 50px; height: 50px" :src="row.image" :preview-teleported="true"
|
||||
:preview-src-list="[row.image]" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="门店" prop="system_store_name" show-overflow-tooltip />
|
||||
<el-table-column label="出库类型" prop="type_name" show-overflow-tooltip width="100" />
|
||||
<el-table-column label="订单类型" prop="order_type_name" show-overflow-tooltip width="100" />
|
||||
<el-table-column label="数量" prop="nums" show-overflow-tooltip width="80" />
|
||||
<el-table-column label="总价格" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="操作时间" prop="create_time" show-overflow-tooltip min-width="120" />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
@ -104,71 +70,123 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="psiOutboundProductLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiPsiOutboundProductLists, apiPsiOutboundProductDelete } from '@/api/psi/outbound_product'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
<script lang="ts" setup name="psiWarehouseProductLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiOutboundProductLists, apiOutboundProductDelete } from '@/api/psi/outbound_product'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
import moment from 'moment'
|
||||
import { apiWarehouseLists } from '@/api/psi/warehouse'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import { apiSupplierLists } from '@/api/psi/supplier'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
const warehouseList = ref([])
|
||||
const getWarehouseList = () => {
|
||||
apiWarehouseLists({ page_size: 999 }).then(res => {
|
||||
warehouseList.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
const storeList = ref([])
|
||||
const getStoreList = () => {
|
||||
apiSystemStoreLists({ page_size: 999 }).then(res => {
|
||||
storeList.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
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 queryParams = reactive({
|
||||
warehouse_id: '',
|
||||
supplier_id: '',
|
||||
store_id: '',
|
||||
order_type: '',
|
||||
product_id: '',
|
||||
product_name: '',
|
||||
bar_code: '',
|
||||
oid: '',
|
||||
code: '',
|
||||
pay_type: '',
|
||||
status: '',
|
||||
})
|
||||
start_time: '',
|
||||
is_group: '',
|
||||
end_time: '',
|
||||
})
|
||||
const startEndTime = ref([])
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
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 handleSelectionChange = (val: any[]) => {
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val : any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('product_type')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiPsiOutboundProductLists,
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiOutboundProductLists,
|
||||
params: queryParams
|
||||
})
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
// 编辑
|
||||
const handleEdit = async (data : any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
// 删除
|
||||
const handleDelete = async (id : number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiPsiOutboundProductDelete({ id })
|
||||
await apiOutboundProductDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
}
|
||||
|
||||
getLists()
|
||||
getWarehouseList()
|
||||
getStoreList()
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
|
||||
213
src/views/psi/outbound_product/warehousing.vue
Normal file
213
src/views/psi/outbound_product/warehousing.vue
Normal file
@ -0,0 +1,213 @@
|
||||
<template>
|
||||
<el-card>
|
||||
<div class="mb-4 text-lg font-bold">商品入库操作</div>
|
||||
<div>
|
||||
<el-form ref="formRef" :model="formData" label-width="90px">
|
||||
<el-form-item label="仓库" prop="uid">
|
||||
<el-select v-model="formData.warehouse_id" style="width: 240px">
|
||||
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-select v-model="formData.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.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="总价" prop="total_price">
|
||||
<el-input v-model="formData.total_price" clearable placeholder="请输入总价" :readonly="false"
|
||||
style="width: 240px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="已结金额" prop="completed_amount">
|
||||
<el-input v-model="formData.completed_amount" clearable placeholder="请输入已结金额" :readonly="false"
|
||||
style="width: 240px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="未结金额" prop="outstanding_amount">
|
||||
<el-input v-model="formData.outstanding_amount" clearable placeholder="请输入未接金额" :readonly="false"
|
||||
style="width: 240px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="formData.remark" type="input" rows="4" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品" prop="store_id">
|
||||
<div class="flex-1 w-full">
|
||||
<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="200" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit_name" min-width="80" show-overflow-tooltip />
|
||||
<el-table-column label="生产日期" min-width="240">
|
||||
<template #default="{ row }">
|
||||
<el-date-picker :readonly="false" class="flex-1 !flex" v-model="row.manufacture"
|
||||
clearable type="datetime" value-format="YYYY-MM-DD" placeholder="选择生产日期">
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="保质期" min-width="240">
|
||||
<template #default="{ row }">
|
||||
<el-date-picker :readonly="false" class="flex-1 !flex" v-model="row.expiration_date"
|
||||
clearable type="datetime" value-format="YYYY-MM-DD" placeholder="选择保质期">
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="数量" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.nums" @change="handleChange(row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="价格" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.purchases" @change="handleChange(row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="总价" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.total_price" />
|
||||
</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>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="">
|
||||
<el-button @click="handleSubmit" type="primary" class="w-40">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-dialog v-model="showProduct" title="选择商品" width="70%">
|
||||
<product-pop @onBindStore="onBindProduct"></product-pop>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="storeProductEdit">
|
||||
import { ElMessage, type FormInstance } from 'element-plus'
|
||||
import useMultipleTabs from '@/hooks/useMultipleTabs'
|
||||
import { apiStoreProductImport } from '@/api/store_product'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import { onMounted } from 'vue'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
import { apiWarehouseOrderAdd } from '@/api/psi/warehouse_order'
|
||||
import { apiWarehouseLists } from '@/api/psi/warehouse'
|
||||
import { apiSupplierLists } from '@/api/psi/supplier'
|
||||
|
||||
const route = useRoute()
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const { removeTab } = useMultipleTabs()
|
||||
|
||||
const warehouseList = ref([])
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
total_price: '',
|
||||
warehouse_id: '',
|
||||
supplier_id: '',
|
||||
code: '',
|
||||
total_price: 0,
|
||||
remark: '',
|
||||
outstanding_amount: 0,
|
||||
completed_amount: 0
|
||||
})
|
||||
|
||||
const warehouse = () => {
|
||||
apiWarehouseLists({}).then((res) => {
|
||||
warehouseList.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
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
|
||||
}
|
||||
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)
|
||||
})
|
||||
}
|
||||
function handleChange(row) {
|
||||
row.total_price = row.nums * row.purchases
|
||||
if (row.total_price > 0) {
|
||||
formData.total_price = parseFloat(formData.total_price) + parseFloat(row.total_price)
|
||||
}
|
||||
}
|
||||
|
||||
const router = useRouter()
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
const product_arr = productList.value.map((item : any) => {
|
||||
return {
|
||||
product_id: item.id,
|
||||
nums: item.nums,
|
||||
purchase: item.purchases || 0,
|
||||
total_price: item.total_price || 0,
|
||||
manufacture: item.manufacture,
|
||||
expiration_date: item.expiration_date
|
||||
}
|
||||
})
|
||||
apiWarehouseOrderAdd({
|
||||
product_arr,
|
||||
...formData
|
||||
}).then((res) => {
|
||||
// removeTab()
|
||||
// if (res.code == 1) {
|
||||
// ElMessage.success(res.msg)
|
||||
setTimeout(() => {
|
||||
router.push({
|
||||
path: '/warehouse/warehouse_order'
|
||||
})
|
||||
}, 2000)
|
||||
// } else {
|
||||
// ElMessage.error(res.msg)
|
||||
// }
|
||||
})
|
||||
}
|
||||
warehouse()
|
||||
</script>
|
||||
@ -2,34 +2,38 @@
|
||||
<div>
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="仓库" prop="warehouse_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.warehouse_id" clearable placeholder="请输入仓库" />
|
||||
<el-form-item class="w-[220px]" label="仓库" prop="warehouse_id">
|
||||
<el-select v-model="queryParams.warehouse_id" filterable clearable placeholder="请选择仓库"
|
||||
style="width: 240px">
|
||||
<el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplier_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.supplier_id" clearable placeholder="请输入供应商" />
|
||||
<el-form-item class="w-[220px]" label="门店" prop="store_id">
|
||||
<el-select v-model="queryParams.store_id" filterable clearable placeholder="请选择门店"
|
||||
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="store_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.store_id" clearable placeholder="请输入门店" />
|
||||
<el-form-item class="w-[220px]" label="供应商" prop="store_id">
|
||||
<el-select v-model="queryParams.supplier_id" filterable clearable remote reserve-keyword
|
||||
placeholder="输入供应商名称搜索" remote-show-suffix :remote-method="remoteMethodSupplier"
|
||||
:loading="supplierLoading">
|
||||
<el-option v-for="item in supplierList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单类型" prop="order_type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.order_type" clearable placeholder="请输入订单类型" />
|
||||
<el-form-item label="商品" prop="product_name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.product_name" clearable placeholder="请输入商品" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品" prop="product_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.product_id" clearable placeholder="请输入商品" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库单ID" prop="oid">
|
||||
<el-input class="w-[280px]" v-model="queryParams.oid" clearable placeholder="请输入入库单ID" />
|
||||
<el-form-item label="商品条码" prop="bar_code">
|
||||
<el-input class="w-[280px]" v-model="queryParams.bar_code" clearable placeholder="请输入商品" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库单号" prop="code">
|
||||
<el-input class="w-[280px]" v-model="queryParams.code" clearable placeholder="请输入入库单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="支付方式" prop="pay_type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.pay_type" clearable placeholder="请输入支付方式" />
|
||||
<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 label="状态" prop="status">
|
||||
<el-input class="w-[280px]" v-model="queryParams.status" clearable placeholder="请输入状态" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<el-button @click="resetParams">重置</el-button>
|
||||
@ -37,50 +41,25 @@
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||
<el-button v-perms="['psi_warehouse_product/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button v-perms="['psi_warehouse_product/delete']" :disabled="!selectData.length"
|
||||
@click="handleDelete(selectData)">
|
||||
删除
|
||||
</el-button>
|
||||
<div class="mt-4">
|
||||
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column label="ID" prop="id" show-overflow-tooltip />
|
||||
<el-table-column label="仓库" prop="warehouse_id" show-overflow-tooltip />
|
||||
<el-table-column label="供应商" prop="supplier_id" show-overflow-tooltip />
|
||||
<el-table-column label="门店" prop="store_id" show-overflow-tooltip />
|
||||
<el-table-column label="订单类型" prop="order_type" show-overflow-tooltip />
|
||||
<el-table-column label="商品" prop="product_id" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit" show-overflow-tooltip />
|
||||
<el-table-column label="入库单ID" prop="oid" show-overflow-tooltip />
|
||||
<el-table-column label="入库单号" prop="code" show-overflow-tooltip />
|
||||
<el-table-column label="数量" prop="nums" show-overflow-tooltip />
|
||||
<el-table-column label="退货数量" prop="refund_nums" show-overflow-tooltip />
|
||||
<el-table-column label="更新前库存" prop="before_nums" show-overflow-tooltip />
|
||||
<el-table-column label="更新后库存" prop="after_nums" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
<el-table-column label="总价格" prop="total_price" show-overflow-tooltip />
|
||||
<el-table-column label="供货价" prop="purchase" show-overflow-tooltip />
|
||||
<el-table-column label="支付方式" prop="pay_type" show-overflow-tooltip />
|
||||
<el-table-column label="状态" prop="status" show-overflow-tooltip />
|
||||
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<el-table-column label="入库单号" prop="code" show-overflow-tooltip min-width="110" />
|
||||
<el-table-column label="操作人员" prop="admin_name" show-overflow-tooltip />
|
||||
<el-table-column label="供应商" prop="supplier_name" show-overflow-tooltip />
|
||||
<el-table-column label="仓库" prop="warehouse_name" show-overflow-tooltip />
|
||||
<el-table-column label="商品" prop="store_name" show-overflow-tooltip />
|
||||
<el-table-column label="图片" prop="image" min-width="80">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['psi_warehouse_product/edit']" type="primary" link
|
||||
@click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['psi_warehouse_product/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
<el-image style="width: 50px; height: 50px" :src="row.image" :preview-teleported="true" :preview-src-list="[row.image]" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="批次" prop="batch" show-overflow-tooltip />
|
||||
<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="操作时间" prop="create_time" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
@ -98,11 +77,46 @@
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
import moment from 'moment'
|
||||
import { apiWarehouseLists } from '@/api/psi/warehouse'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import { apiSupplierLists } from '@/api/psi/supplier'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
const warehouseList = ref([])
|
||||
const getWarehouseList = () => {
|
||||
apiWarehouseLists({ page_size: 999 }).then(res => {
|
||||
warehouseList.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
const storeList = ref([])
|
||||
const getStoreList = () => {
|
||||
apiSystemStoreLists({ page_size: 999 }).then(res => {
|
||||
storeList.value = res.lists
|
||||
})
|
||||
}
|
||||
|
||||
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 queryParams = reactive({
|
||||
@ -110,12 +124,27 @@
|
||||
supplier_id: '',
|
||||
store_id: '',
|
||||
order_type: '',
|
||||
product_id: '',
|
||||
product_name: '',
|
||||
bar_code: '',
|
||||
oid: '',
|
||||
code: '',
|
||||
pay_type: '',
|
||||
status: '',
|
||||
start_time: '',
|
||||
end_time: '',
|
||||
})
|
||||
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 selectData = ref<any[]>([])
|
||||
@ -156,5 +185,7 @@
|
||||
getLists()
|
||||
}
|
||||
|
||||
getWarehouseList()
|
||||
getStoreList()
|
||||
getLists()
|
||||
</script>
|
||||
Loading…
x
Reference in New Issue
Block a user