门店入库记录添加退库操作,采购单添加追加商品,调整商品改价列表
This commit is contained in:
parent
e87fd33aa7
commit
02ef820c11
|
@ -28,3 +28,7 @@ export function apiStoreProductPriceEnterPrice(params: any) {
|
||||||
export function apiStoreProductPriceDetail(params: any) {
|
export function apiStoreProductPriceDetail(params: any) {
|
||||||
return request.get({ url: '/store_product_price/storeproductprice/detail', params })
|
return request.get({ url: '/store_product_price/storeproductprice/detail', params })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function apiStoreProductPriceExport(params: any) {
|
||||||
|
return request.post({ url: '/store_product_price/storeproductprice/export', params })
|
||||||
|
}
|
||||||
|
|
|
@ -29,3 +29,7 @@ export function apiSystemStoreStorageDetail(params: any) {
|
||||||
export function apiSystemStoreStorageBatchConfirm(params: any) {
|
export function apiSystemStoreStorageBatchConfirm(params: any) {
|
||||||
return request.post({ url: '/system_store_storage/systemstorestorage/batchConfirm', params })
|
return request.post({ url: '/system_store_storage/systemstorestorage/batchConfirm', params })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function apiSystemStoreStorageRollback(params: any) {
|
||||||
|
return request.post({ url: '/system_store_storage/systemstorestorage/rollback', params })
|
||||||
|
}
|
|
@ -129,7 +129,7 @@
|
||||||
打印无价格出库单
|
打印无价格出库单
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-button type="primary" @click="dialogShop = true" v-if="formData.order_type != 7">
|
<el-button type="primary" @click="dialogShop = true">
|
||||||
追加
|
追加
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
|
@ -496,6 +496,7 @@ const appendAdd = () => {
|
||||||
return {
|
return {
|
||||||
id: item.id,
|
id: item.id,
|
||||||
nums: item.num || 0,
|
nums: item.num || 0,
|
||||||
|
unit: item.unit || 0,
|
||||||
purchase: item.price || 0,
|
purchase: item.price || 0,
|
||||||
prices: item.purchase || 0,
|
prices: item.purchase || 0,
|
||||||
total_price: item.total_price || 0,
|
total_price: item.total_price || 0,
|
||||||
|
@ -509,6 +510,9 @@ const appendAdd = () => {
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
dialogShop.value = false
|
dialogShop.value = false
|
||||||
})
|
})
|
||||||
|
if (formData.value.order_type == 7) {
|
||||||
|
goodsOfferRef.value?.getList(formData.value.id)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
const queryParams = reactive({
|
const queryParams = reactive({
|
||||||
bhoid: route.query.id,
|
bhoid: route.query.id,
|
||||||
|
|
|
@ -1,229 +1,205 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-card class="!border-none mb-4" shadow="never">
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||||
<el-form-item label="门店" prop="store_id">
|
<el-form-item label="门店" prop="store_id">
|
||||||
<el-select
|
<el-select v-model="queryParams.store_id" filterable remote reserve-keyword placeholder="输入门店名称搜索"
|
||||||
v-model="queryParams.store_id"
|
remote-show-suffix :remote-method="remoteMethod" :loading="storeloading" style="width: 240px"
|
||||||
filterable
|
@change="resetPage">
|
||||||
remote
|
<el-option v-for="item in storeList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
reserve-keyword
|
</el-select>
|
||||||
placeholder="输入门店名称搜索"
|
</el-form-item>
|
||||||
remote-show-suffix
|
<el-form-item label="商品名称" prop="product_name">
|
||||||
:remote-method="remoteMethod"
|
<el-input class="w-[280px]" v-model="queryParams.product_name" @keydown.enter="resetPage" clearable
|
||||||
:loading="storeloading"
|
placeholder="请输入商品名称" />
|
||||||
style="width: 240px"
|
</el-form-item>
|
||||||
@change="resetPage"
|
<!-- <el-form-item label="门店确认人员" prop="staff_name">
|
||||||
>
|
|
||||||
<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="product_name">
|
|
||||||
<el-input
|
|
||||||
class="w-[280px]"
|
|
||||||
v-model="queryParams.product_name"
|
|
||||||
@keydown.enter="resetPage"
|
|
||||||
clearable
|
|
||||||
placeholder="请输入商品名称"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- <el-form-item label="门店确认人员" prop="staff_name">
|
|
||||||
<el-input class="w-[280px]" v-model="queryParams.staff_name" @keydown.enter="resetPage" clearable placeholder="请输入门店确认人员" />
|
<el-input class="w-[280px]" v-model="queryParams.staff_name" @keydown.enter="resetPage" clearable placeholder="请输入门店确认人员" />
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="状态" prop="status">
|
<el-form-item label="状态" prop="status">
|
||||||
<el-select
|
<el-select v-model="queryParams.status" placeholder="输入门店名称搜索" style="width: 240px"
|
||||||
v-model="queryParams.status"
|
@change="resetPage">
|
||||||
placeholder="输入门店名称搜索"
|
<el-option v-for="item in [
|
||||||
style="width: 240px"
|
|
||||||
@change="resetPage"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in [
|
|
||||||
{ id: 1, name: '已入库' },
|
{ id: 1, name: '已入库' },
|
||||||
{ id: 0, name: '待确认' },
|
{ id: 0, name: '待确认' },
|
||||||
{ id: -1, name: '库存不足' }
|
{ id: -1, name: '库存不足' }
|
||||||
]"
|
]" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
:key="item.id"
|
</el-select>
|
||||||
:label="item.name"
|
</el-form-item>
|
||||||
:value="item.id"
|
<el-form-item>
|
||||||
/>
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
</el-select>
|
<el-button @click="resetParams">重置</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
</el-card>
|
||||||
<el-button @click="resetParams">重置</el-button>
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
</el-form-item>
|
<el-radio-group v-model="queryParams.type" @change="resetPage">
|
||||||
</el-form>
|
<el-radio-button :label="1" :value="1">售卖库存</el-radio-button>
|
||||||
</el-card>
|
<el-radio-button :label="2" :value="2">兑换库存</el-radio-button>
|
||||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
</el-radio-group>
|
||||||
<el-radio-group v-model="queryParams.type" @change="resetPage">
|
<el-button class="mt-[6px]" @click="batchConfirm">一键入库</el-button>
|
||||||
<el-radio-button :label="1" :value="1">售卖库存</el-radio-button>
|
<div class="mt-4">
|
||||||
<el-radio-button :label="2" :value="2">兑换库存</el-radio-button>
|
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
||||||
</el-radio-group>
|
<el-table-column label="门店" prop="system_store_name" />
|
||||||
<el-button class="mt-[6px]" @click="batchConfirm">一键入库</el-button>
|
<el-table-column label="导入人员" prop="admin_name" show-overflow-tooltip />
|
||||||
<div class="mt-4">
|
<el-table-column label="门店确认人员" prop="staff_name" show-overflow-tooltip />
|
||||||
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
<el-table-column label="商品图" prop="image" show-overflow-tooltip>
|
||||||
<el-table-column label="门店" prop="system_store_name" />
|
<template #default="{ row }">
|
||||||
<el-table-column label="导入人员" prop="admin_name" show-overflow-tooltip />
|
<el-image class="w-[40px] h-[40px]" :src="row.image" />
|
||||||
<el-table-column label="门店确认人员" prop="staff_name" show-overflow-tooltip />
|
</template>
|
||||||
<el-table-column label="商品图" prop="image" show-overflow-tooltip>
|
</el-table-column>
|
||||||
<template #default="{ row }">
|
<el-table-column label="商品" prop="store_name">
|
||||||
<el-image class="w-[40px] h-[40px]" :src="row.image" />
|
<template #default="{ row }">
|
||||||
</template>
|
<div>{{ row.store_name }}|{{ row.product_id }}</div>
|
||||||
</el-table-column>
|
</template>
|
||||||
<el-table-column label="商品" prop="store_name">
|
</el-table-column>
|
||||||
<template #default="{ row }">
|
<el-table-column label="数量" prop="nums" show-overflow-tooltip />
|
||||||
<div>{{ row.store_name }}|{{ row.product_id }}</div>
|
<el-table-column label="退库数量" prop="refund_nums" show-overflow-tooltip />
|
||||||
</template>
|
<el-table-column label="状态" prop="status">
|
||||||
</el-table-column>
|
<template #default="{ row }">
|
||||||
<el-table-column label="数量" prop="nums" show-overflow-tooltip />
|
<el-tag type="success" v-if="row.status === 1">已入库</el-tag>
|
||||||
<el-table-column label="状态" prop="status">
|
<el-tag type="warning" v-else-if="row.status === 0">待确认</el-tag>
|
||||||
<template #default="{ row }">
|
<el-tag type="danger" v-else-if="row.status === -1">库存不足</el-tag>
|
||||||
<el-tag type="success" v-if="row.status === 1">已入库</el-tag>
|
</template>
|
||||||
<el-tag type="warning" v-else-if="row.status === 0">待确认</el-tag>
|
</el-table-column>
|
||||||
<el-tag type="danger" v-else-if="row.status === -1">库存不足</el-tag>
|
<el-table-column label="备注" prop="mark" />
|
||||||
</template>
|
<el-table-column label="创建时间" prop="create_time" />
|
||||||
</el-table-column>
|
<el-table-column label="操作" width="120" fixed="right">
|
||||||
<el-table-column label="备注" prop="mark" />
|
<template #default="{ row }">
|
||||||
<el-table-column label="创建时间" prop="create_time" />
|
<el-button v-if="row.status == 0"
|
||||||
<el-table-column label="操作" width="120" fixed="right">
|
v-perms="['system_store_storage.system_store_storage/edit']" type="success" link
|
||||||
<template #default="{ row }">
|
@click="handleEdit(row)">
|
||||||
<el-button
|
确认入库
|
||||||
v-if="row.status == 0"
|
|
||||||
v-perms="['system_store_storage.system_store_storage/edit']"
|
|
||||||
type="success"
|
|
||||||
link
|
|
||||||
@click="handleEdit(row)"
|
|
||||||
>
|
|
||||||
确认入库
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="row.status == 1"
|
|
||||||
v-perms="['system_store_storage.system_store_storage/edit']"
|
|
||||||
type="danger"
|
|
||||||
link
|
|
||||||
@click="handleEdit(row)"
|
|
||||||
>
|
|
||||||
回退
|
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
<el-button v-if="row.status == 1 && row.refund_nums < row.nums" type="danger" link @click="showRollback(row)">
|
||||||
</el-table-column>
|
退库
|
||||||
</el-table>
|
</el-button>
|
||||||
</div>
|
</template>
|
||||||
<div class="flex mt-4 justify-end">
|
</el-table-column>
|
||||||
<pagination v-model="pager" @change="getLists" />
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
<div class="flex mt-4 justify-end">
|
||||||
<edit-popup
|
<pagination v-model="pager" @change="getLists" />
|
||||||
v-if="showEdit"
|
</div>
|
||||||
ref="editRef"
|
</el-card>
|
||||||
:dict-data="dictData"
|
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
|
||||||
@success="getLists"
|
</div>
|
||||||
@close="showEdit = false"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup name="systemStoreStorageLists">
|
<script lang="ts" setup name="systemStoreStorageLists">
|
||||||
import { usePaging } from '@/hooks/usePaging'
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
import { useDictData } from '@/hooks/useDictOptions'
|
import { useDictData } from '@/hooks/useDictOptions'
|
||||||
import {
|
import {
|
||||||
apiSystemStoreStorageLists,
|
apiSystemStoreStorageLists,
|
||||||
apiSystemStoreStorageDelete,
|
apiSystemStoreStorageDelete,
|
||||||
apiSystemStoreStorageEdit,
|
apiSystemStoreStorageEdit,
|
||||||
apiSystemStoreStorageBatchConfirm
|
apiSystemStoreStorageRollback,
|
||||||
} from '@/api/system_store_storage'
|
apiSystemStoreStorageBatchConfirm
|
||||||
import { apiSystemStoreLists } from '@/api/system_store'
|
} from '@/api/system_store_storage'
|
||||||
import { timeFormat } from '@/utils/util'
|
import { apiSystemStoreLists } from '@/api/system_store'
|
||||||
import feedback from '@/utils/feedback'
|
import { timeFormat } from '@/utils/util'
|
||||||
import EditPopup from './edit.vue'
|
import feedback from '@/utils/feedback'
|
||||||
import { size } from 'lodash-es'
|
import EditPopup from './edit.vue'
|
||||||
|
import { size } from 'lodash-es'
|
||||||
|
import { ElMessageBox } from 'element-plus'
|
||||||
|
const showRollback = async (row: any) => {
|
||||||
|
await ElMessageBox.prompt('请输入退库数量', '退库', {
|
||||||
|
confirmButtonText: '确认',
|
||||||
|
cancelButtonText: '取消'
|
||||||
|
}).then(({ value }) => {
|
||||||
|
handleRollback(row.id, value)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
// 是否显示编辑框
|
// 是否显示编辑框
|
||||||
const showEdit = ref(false)
|
const showEdit = ref(false)
|
||||||
|
|
||||||
// 查询条件
|
// 查询条件
|
||||||
const queryParams = reactive({
|
const queryParams = reactive({
|
||||||
store_id: '',
|
store_id: '',
|
||||||
admin_name: '',
|
admin_name: '',
|
||||||
staff_name: '',
|
staff_name: '',
|
||||||
status: '',
|
status: '',
|
||||||
product_name: '',
|
product_name: '',
|
||||||
type: 1
|
type: 1
|
||||||
})
|
})
|
||||||
|
|
||||||
// 选中数据
|
// 选中数据
|
||||||
const selectData = ref<any[]>([])
|
const selectData = ref<any[]>([])
|
||||||
|
|
||||||
// 表格选择后回调事件
|
// 表格选择后回调事件
|
||||||
const handleSelectionChange = (val: any[]) => {
|
const handleSelectionChange = (val : any[]) => {
|
||||||
selectData.value = val.map(({ id }) => id)
|
selectData.value = val.map(({ id }) => id)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取字典数据
|
// 获取字典数据
|
||||||
const { dictData } = useDictData('')
|
const { dictData } = useDictData('')
|
||||||
|
|
||||||
// 分页相关
|
// 分页相关
|
||||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||||
fetchFun: apiSystemStoreStorageLists,
|
fetchFun: apiSystemStoreStorageLists,
|
||||||
params: queryParams
|
params: queryParams
|
||||||
})
|
})
|
||||||
|
|
||||||
// 添加
|
// 添加
|
||||||
const handleAdd = async () => {
|
const handleAdd = async () => {
|
||||||
showEdit.value = true
|
showEdit.value = true
|
||||||
await nextTick()
|
await nextTick()
|
||||||
editRef.value?.open('add')
|
editRef.value?.open('add')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 编辑
|
// 编辑
|
||||||
const handleEdit = async (data: any) => {
|
const handleEdit = async (data : any) => {
|
||||||
await feedback.confirm('确定要入库吗?')
|
await feedback.confirm('确定要入库吗?')
|
||||||
apiSystemStoreStorageEdit({
|
apiSystemStoreStorageEdit({
|
||||||
id: data.id
|
id: data.id
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
getLists()
|
getLists()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除
|
const handleRollback = async (id, number) => {
|
||||||
const handleDelete = async (id: number | any[]) => {
|
await apiSystemStoreStorageRollback({
|
||||||
await feedback.confirm('确定要删除?')
|
id: id,
|
||||||
await apiSystemStoreStorageDelete({ id })
|
num: number
|
||||||
getLists()
|
}).then((res) => {
|
||||||
}
|
getLists()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
const batchConfirm = async () => {
|
// 删除
|
||||||
await apiSystemStoreStorageBatchConfirm(queryParams)
|
const handleDelete = async (id : number | any[]) => {
|
||||||
getLists()
|
await feedback.confirm('确定要删除?')
|
||||||
}
|
await apiSystemStoreStorageDelete({ id })
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
getLists()
|
const batchConfirm = async () => {
|
||||||
|
await apiSystemStoreStorageBatchConfirm(queryParams)
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
const storeloading = ref(false)
|
getLists()
|
||||||
const storeList = ref([])
|
|
||||||
const remoteMethod = (e = '') => {
|
const storeloading = ref(false)
|
||||||
storeloading.value = true
|
const storeList = ref([])
|
||||||
apiSystemStoreLists({
|
const remoteMethod = (e = '') => {
|
||||||
name: e,
|
storeloading.value = true
|
||||||
page_size: 50
|
apiSystemStoreLists({
|
||||||
})
|
name: e,
|
||||||
.then((res) => {
|
page_size: 50
|
||||||
storeList.value = res.lists
|
})
|
||||||
setTimeout(() => {
|
.then((res) => {
|
||||||
storeloading.value = false
|
storeList.value = res.lists
|
||||||
}, 300)
|
setTimeout(() => {
|
||||||
})
|
storeloading.value = false
|
||||||
.catch((err) => {
|
}, 300)
|
||||||
setTimeout(() => {
|
})
|
||||||
storeloading.value = false
|
.catch((err) => {
|
||||||
}, 300)
|
setTimeout(() => {
|
||||||
})
|
storeloading.value = false
|
||||||
}
|
}, 300)
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
|
@ -1,175 +1,200 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-card class="!border-none mb-4" shadow="never">
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||||
<el-form-item label="商品" prop="store_name">
|
<el-form-item label="商品" prop="store_name">
|
||||||
<el-input
|
<el-input class="w-[280px]" v-model="queryParams.store_name" clearable placeholder="请输入商品" />
|
||||||
class="w-[280px]"
|
</el-form-item>
|
||||||
v-model="queryParams.store_name"
|
<el-form-item label="状态" prop="status">
|
||||||
clearable
|
<el-select v-model="queryParams.status" placeholder="请选择状态" style="width: 240px">
|
||||||
placeholder="请输入商品"
|
<el-option :value="0" label="未设置"></el-option>
|
||||||
/>
|
<el-option :value="1" label="已设置"></el-option>
|
||||||
</el-form-item>
|
</el-select>
|
||||||
<el-form-item label="状态" prop="status">
|
</el-form-item>
|
||||||
<el-select
|
<el-form-item label="日期" prop="timeScope">
|
||||||
v-model="queryParams.status"
|
<el-date-picker v-model="queryParams.timeScope" type="daterange" range-separator="至"
|
||||||
placeholder="请选择状态"
|
start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels :shortcuts="shortcuts"
|
||||||
style="width: 240px"
|
@change="changeStartEndTime" />
|
||||||
>
|
</el-form-item>
|
||||||
<el-option :value="0" label="未设置"></el-option>
|
<el-form-item>
|
||||||
<el-option :value="1" label="已设置"></el-option>
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
</el-select>
|
<el-button @click="resetParams">重置</el-button>
|
||||||
</el-form-item>
|
<el-button @click="xlsx()">导出</el-button>
|
||||||
<el-form-item>
|
</el-form-item>
|
||||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
</el-form>
|
||||||
<el-button @click="resetParams">重置</el-button>
|
</el-card>
|
||||||
</el-form-item>
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
</el-form>
|
<div class="mt-4">
|
||||||
</el-card>
|
<el-table :data="pager.lists">
|
||||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
<el-table-column label="溯源" width="150">
|
||||||
<div class="mt-4">
|
<template #default="{ row }">
|
||||||
<el-table :data="pager.lists">
|
<div>id: {{ row.id }}</div>
|
||||||
<el-table-column label="溯源" width="150">
|
<div>预订单id: {{ row.bhoid }}</div>
|
||||||
<template #default="{ row }">
|
<div>采购源id: {{ row.offer_id }}</div>
|
||||||
<div>id: {{ row.id }}</div>
|
</template>
|
||||||
<div>预订单id: {{ row.bhoid }}</div>
|
</el-table-column>
|
||||||
<div>采购源id: {{ row.offer_id }}</div>
|
<el-table-column label="仓库" prop="warehouse" show-overflow-tooltip />
|
||||||
</template>
|
<el-table-column label="商品信息" width="150" show-overflow-tooltip>
|
||||||
</el-table-column>
|
<template #default="{ row }">
|
||||||
<el-table-column label="商品信息" width="150" show-overflow-tooltip>
|
<div>商品名称: {{ row.store_name }}</div>
|
||||||
<template #default="{ row }">
|
<div>单位: {{ row.unit_name }}</div>
|
||||||
<div>商品名称: {{ row.store_name }}</div>
|
</template>
|
||||||
<div>单位: {{ row.unit_name }}</div>
|
</el-table-column>
|
||||||
</template>
|
<el-table-column label="规格" prop="store_info" show-overflow-tooltip />
|
||||||
</el-table-column>
|
<el-table-column label="商品图片" prop="image" width="120">
|
||||||
<el-table-column label="规格" prop="store_info" show-overflow-tooltip />
|
<template #default="{ row }">
|
||||||
<el-table-column label="商品图片" prop="image" width="120">
|
<el-image style="width: 50px; height: 50px" :src="row.image" :preview-teleported="true" />
|
||||||
<template #default="{ row }">
|
</template>
|
||||||
<el-image
|
</el-table-column>
|
||||||
style="width: 50px; height: 50px"
|
<el-table-column label="采购价" prop="purchase_price" show-overflow-tooltip />
|
||||||
:src="row.image"
|
<el-table-column label="供货价" prop="purchase" show-overflow-tooltip>
|
||||||
:preview-teleported="true"
|
<template #default="{ row }">
|
||||||
/>
|
<div>设置价:{{ row.purchase }}|{{ row.purchase_lv }}%</div>
|
||||||
</template>
|
<div>当前价:{{ row.current_purchase }}</div>
|
||||||
</el-table-column>
|
</template>
|
||||||
<el-table-column label="采购价" prop="purchase_price" show-overflow-tooltip />
|
</el-table-column>
|
||||||
<el-table-column label="供货价" prop="purchase" show-overflow-tooltip>
|
<el-table-column label="商户价" prop="cost" show-overflow-tooltip>
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<div>设置价:{{ row.purchase }}|{{ row.purchase_lv }}%</div>
|
<div>设置价:{{ row.cost }}|{{ row.cost_lv }}%</div>
|
||||||
<div>当前价:{{ row.current_purchase }}</div>
|
<div>当前价:{{ row.current_cost }}</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="商户价" prop="cost" show-overflow-tooltip>
|
<el-table-column label="零售价" prop="price" show-overflow-tooltip>
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<div>设置价:{{ row.cost }}|{{ row.cost_lv }}%</div>
|
<div>设置价:{{ row.price }}|{{ row.price_lv }}%</div>
|
||||||
<div>当前价:{{ row.current_cost }}</div>
|
<div>当前价:{{ row.current_price }}</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="零售价" prop="price" show-overflow-tooltip>
|
<el-table-column label="状态" prop="status_name" show-overflow-tooltip />
|
||||||
<template #default="{ row }">
|
<el-table-column label="时间" prop="create_time" show-overflow-tooltip width="180" />
|
||||||
<div>设置价:{{ row.price }}|{{ row.price_lv }}%</div>
|
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
||||||
<div>当前价:{{ row.current_price }}</div>
|
<el-table-column label="操作" width="120" fixed="right">
|
||||||
</template>
|
<template #default="{ row }">
|
||||||
</el-table-column>
|
<el-button v-perms="['store_product_price.store_product_price/edit']" type="primary" link
|
||||||
<el-table-column label="状态" prop="status_name" show-overflow-tooltip />
|
@click="handleEdit(row)" v-if="row.status == 0">
|
||||||
<el-table-column
|
编辑
|
||||||
label="时间"
|
</el-button>
|
||||||
prop="create_time"
|
<el-button v-perms="['store_product_price.store_product_price/delete']" type="danger" link
|
||||||
show-overflow-tooltip
|
@click="handleEnter(row)" v-if="row.status == 0">
|
||||||
width="180"
|
确认
|
||||||
/>
|
</el-button>
|
||||||
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
|
</template>
|
||||||
<el-table-column label="操作" width="120" fixed="right">
|
</el-table-column>
|
||||||
<template #default="{ row }">
|
</el-table>
|
||||||
<el-button
|
</div>
|
||||||
v-perms="['store_product_price.store_product_price/edit']"
|
<div class="flex mt-4 justify-end">
|
||||||
type="primary"
|
<pagination v-model="pager" @change="getLists" />
|
||||||
link
|
</div>
|
||||||
@click="handleEdit(row)"
|
</el-card>
|
||||||
v-if="row.status == 0"
|
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
|
||||||
>
|
</div>
|
||||||
编辑
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
v-perms="['store_product_price.store_product_price/delete']"
|
|
||||||
type="danger"
|
|
||||||
link
|
|
||||||
@click="handleEnter(row)"
|
|
||||||
v-if="row.status == 0"
|
|
||||||
>
|
|
||||||
确认
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<div class="flex mt-4 justify-end">
|
|
||||||
<pagination v-model="pager" @change="getLists" />
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
<edit-popup
|
|
||||||
v-if="showEdit"
|
|
||||||
ref="editRef"
|
|
||||||
:dict-data="dictData"
|
|
||||||
@success="getLists"
|
|
||||||
@close="showEdit = false"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup name="storeProductPriceLists">
|
<script lang="ts" setup name="storeProductPriceLists">
|
||||||
import { usePaging } from '@/hooks/usePaging'
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
import { useDictData } from '@/hooks/useDictOptions'
|
import { useDictData } from '@/hooks/useDictOptions'
|
||||||
import {
|
import {
|
||||||
apiStoreProductPriceLists,
|
apiStoreProductPriceLists,
|
||||||
apiStoreProductPriceDelete,
|
apiStoreProductPriceDelete,
|
||||||
apiStoreProductPriceEnterPrice
|
apiStoreProductPriceExport,
|
||||||
} from '@/api/store_product_price'
|
apiStoreProductPriceEnterPrice
|
||||||
import { timeFormat } from '@/utils/util'
|
} from '@/api/store_product_price'
|
||||||
import feedback from '@/utils/feedback'
|
import { timeFormat } from '@/utils/util'
|
||||||
import EditPopup from './edit.vue'
|
import feedback from '@/utils/feedback'
|
||||||
|
import EditPopup from './edit.vue'
|
||||||
|
import moment from 'moment'
|
||||||
|
|
||||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
const shortcuts = [
|
||||||
// 是否显示编辑框
|
{
|
||||||
const showEdit = ref(false)
|
text: '近一周',
|
||||||
|
value: () => {
|
||||||
|
const end = new Date()
|
||||||
|
const start = new Date()
|
||||||
|
start.setDate(start.getDate() - 7)
|
||||||
|
return [start, end]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '近一月',
|
||||||
|
value: () => {
|
||||||
|
const end = new Date()
|
||||||
|
const start = new Date()
|
||||||
|
start.setMonth(start.getMonth() - 1)
|
||||||
|
return [start, end]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '近三月',
|
||||||
|
value: () => {
|
||||||
|
const end = new Date()
|
||||||
|
const start = new Date()
|
||||||
|
start.setMonth(start.getMonth() - 3)
|
||||||
|
return [start, end]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
const changeStartEndTime = () => {
|
||||||
|
console.log(queryParams.timeScope);
|
||||||
|
if (queryParams.timeScope[0] && queryParams.timeScope[1]) {
|
||||||
|
queryParams.start_time = moment(queryParams.timeScope[0]).format('YYYY-MM-DD') + ' 00:00:00'
|
||||||
|
queryParams.end_time = moment(queryParams.timeScope[1]).format('YYYY-MM-DD') + ' 23:59:59'
|
||||||
|
} else {
|
||||||
|
queryParams.start_time = ''
|
||||||
|
queryParams.end_time = ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 查询条件
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
const queryParams = reactive({
|
// 是否显示编辑框
|
||||||
store_name: '',
|
const showEdit = ref(false)
|
||||||
status: ''
|
|
||||||
})
|
|
||||||
|
|
||||||
// 选中数据
|
// 查询条件
|
||||||
const selectData = ref<any[]>([])
|
const queryParams = reactive({
|
||||||
|
store_name: '',
|
||||||
|
start_time: '',
|
||||||
|
end_time: '',
|
||||||
|
timeScope: [],
|
||||||
|
status: ''
|
||||||
|
})
|
||||||
|
|
||||||
// 表格选择后回调事件
|
// 选中数据
|
||||||
const handleSelectionChange = (val: any[]) => {
|
const selectData = ref<any[]>([])
|
||||||
selectData.value = val.map(({ id }) => id)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取字典数据
|
// 表格选择后回调事件
|
||||||
const { dictData } = useDictData('')
|
const handleSelectionChange = (val : any[]) => {
|
||||||
|
selectData.value = val.map(({ id }) => id)
|
||||||
|
}
|
||||||
|
|
||||||
// 分页相关
|
// 获取字典数据
|
||||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
const { dictData } = useDictData('')
|
||||||
fetchFun: apiStoreProductPriceLists,
|
|
||||||
params: queryParams
|
|
||||||
})
|
|
||||||
|
|
||||||
// 编辑
|
// 分页相关
|
||||||
const handleEdit = async (data: any) => {
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||||
showEdit.value = true
|
fetchFun: apiStoreProductPriceLists,
|
||||||
await nextTick()
|
params: queryParams
|
||||||
editRef.value?.open('edit')
|
})
|
||||||
editRef.value?.setFormData(data)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 确认
|
// 编辑
|
||||||
const handleEnter = async (data: any) => {
|
const handleEdit = async (data : any) => {
|
||||||
await feedback.confirm('是否改价:' + data.store_name)
|
showEdit.value = true
|
||||||
await apiStoreProductPriceEnterPrice({ id: data.id })
|
await nextTick()
|
||||||
getLists()
|
editRef.value?.open('edit')
|
||||||
}
|
editRef.value?.setFormData(data)
|
||||||
|
}
|
||||||
|
|
||||||
getLists()
|
// 确认
|
||||||
|
const handleEnter = async (data : any) => {
|
||||||
|
await feedback.confirm('是否改价:' + data.store_name)
|
||||||
|
await apiStoreProductPriceEnterPrice({ id: data.id })
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
|
const xlsx = () => {
|
||||||
|
apiStoreProductPriceExport(queryParams).then((res) => {
|
||||||
|
window.open(res.url, '_blank')
|
||||||
|
ElMessage.success('导出成功')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
getLists()
|
||||||
</script>
|
</script>
|
|
@ -53,10 +53,10 @@
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="商品" prop="product_id">
|
<el-form-item label="商品" prop="product_name">
|
||||||
<el-input
|
<el-input
|
||||||
class="w-[280px]"
|
class="w-[280px]"
|
||||||
v-model="queryParams.product_id"
|
v-model="queryParams.product_name"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入商品"
|
placeholder="请输入商品"
|
||||||
/>
|
/>
|
||||||
|
@ -218,7 +218,7 @@ const showEdit = ref(false)
|
||||||
// 查询条件
|
// 查询条件
|
||||||
const queryParams = reactive({
|
const queryParams = reactive({
|
||||||
warehouse_id: '',
|
warehouse_id: '',
|
||||||
product_id: '',
|
product_name: '',
|
||||||
financial_pm: 1,
|
financial_pm: 1,
|
||||||
store_id: '',
|
store_id: '',
|
||||||
bar_code: '',
|
bar_code: '',
|
||||||
|
|
Loading…
Reference in New Issue