This commit is contained in:
parent
4945bbbe62
commit
17b7539d9c
|
@ -2,7 +2,8 @@ NODE_ENV = 'development'
|
|||
VITE_NOW_TYPE = 'dist'
|
||||
|
||||
# Base API
|
||||
VITE_APP_BASE_URL='http://192.168.1.231:8545'
|
||||
#VITE_APP_BASE_URL='http://192.168.1.231:8545'
|
||||
# VITE_APP_BASE_URL='https://test-multi-store.lihaink.cn'
|
||||
# VITE_APP_BASE_URL='https://multi-store.lihaink.cn'
|
||||
VITE_APP_BASE_URL='http://192.168.1.6:8545'
|
||||
|
||||
|
|
|
@ -4,12 +4,19 @@ import request from '@/utils/request'
|
|||
export function apiPurchaseOrderLists(params: any) {
|
||||
return request.get({ url: '/purchase_order/purchaseorder/lists', params })
|
||||
}
|
||||
// 采购订单详情列表
|
||||
export function apiPurchaseOrderInfoLists(params: any) {
|
||||
return request.get({ url: '/purchase_order/purchaseorder/info_lists', params })
|
||||
}
|
||||
|
||||
// 添加采购订单
|
||||
export function apiPurchaseOrderAdd(params: any) {
|
||||
return request.post({ url: '/purchase_order/purchaseorder/add', params })
|
||||
}
|
||||
|
||||
// 添加采购订单平台
|
||||
export function apiPurchaseOrderPlatform(params: any) {
|
||||
return request.post({ url: '/purchase_order/purchaseorder/platform', params })
|
||||
}
|
||||
// 编辑采购订单
|
||||
export function apiPurchaseOrderEdit(params: any) {
|
||||
return request.post({ url: '/purchase_order/purchaseorder/edit', params })
|
||||
|
@ -23,4 +30,4 @@ export function apiPurchaseOrderDelete(params: any) {
|
|||
// 采购订单详情
|
||||
export function apiPurchaseOrderDetail(params: any) {
|
||||
return request.get({ url: '/purchase_order/purchaseorder/detail', params })
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,90 @@
|
|||
<template>
|
||||
<el-drawer v-model="showDialog" title="订单详情" :size="1000">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>门店:{{ formData.system_store }}</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between mt-3">
|
||||
<div>订单编号:{{ formData.order_id }}</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.storage_name }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray">实际支付</div>
|
||||
<div style="color: black">¥{{ formData.money }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col flex-2">
|
||||
<div style="color: gray">时间</div>
|
||||
<div style="color: black">{{ formData.create_time }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" type="border-card">
|
||||
<el-tab-pane label="订单信息" name="second">
|
||||
<storeTable ref="storeRef"></storeTable>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="storeOrderDETAILS">
|
||||
import { ElMessage, type FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiPurchaseOrderDetail } from '@/api/purchase_order'
|
||||
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import moment from 'moment'
|
||||
import storeTable from './storeTable.vue'
|
||||
import type { PropType } from 'vue'
|
||||
import feedback from '@/utils/feedback'
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const showDialog = ref(false)
|
||||
const mode = ref('add')
|
||||
|
||||
const storeRef = ref(null)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
id: ''
|
||||
})
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
formData.value = { ...data }
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
formData.value.id = row.id
|
||||
handleClick({
|
||||
paneName: activeName.value
|
||||
})
|
||||
const data = await apiPurchaseOrderDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
const activeName = ref('second')
|
||||
|
||||
const handleClick = (tab: any) => {
|
||||
console.log(tab.paneName)
|
||||
if (tab.paneName == 'second') storeRef.value?.getList({ oid: formData.value.id })
|
||||
}
|
||||
//打开弹窗
|
||||
const open = () => {
|
||||
showDialog.value = true
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
|
@ -0,0 +1,154 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
|
||||
<el-table-column prop="id" label="ID" width="120" />
|
||||
<!-- <el-table-column prop="order_id" label="采购订单id" width="120" /> -->
|
||||
<el-table-column label="商品名称" prop="goods_name" show-overflow-tooltip width="220" />
|
||||
<el-table-column label="单位" prop="unit_name" width="80" show-overflow-tooltip />
|
||||
<el-table-column
|
||||
label="供应商"
|
||||
prop="supplier_name"
|
||||
show-overflow-tooltip
|
||||
width="160"
|
||||
/>
|
||||
<el-table-column label="入库数量" prop="nums" show-overflow-tooltip width="100" />
|
||||
<el-table-column label="报价" prop="price" show-overflow-tooltip />
|
||||
<el-table-column label="状态" prop="is_storage" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.is_storage" type="success">已入库</el-tag>
|
||||
<el-tag v-else type="info">未入库</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" prop="notes" show-overflow-tooltip />
|
||||
<el-table-column
|
||||
label="入库时间"
|
||||
prop="update_time"
|
||||
show-overflow-tooltip
|
||||
width="160"
|
||||
/>
|
||||
<el-table-column v-if="false" label="操作" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-if="row.is_adopt === 1 && row.price > 0"
|
||||
size="small"
|
||||
@click="offerGood(row, 0)"
|
||||
>采纳</el-button
|
||||
>
|
||||
<span v-if="row.is_storage">已入库</span>
|
||||
<el-button
|
||||
type="success"
|
||||
v-else-if="row.is_adopt === 2 && row.price > 0"
|
||||
size="small"
|
||||
@click="offerGood(row, 1)"
|
||||
>入库</el-button
|
||||
>
|
||||
<span v-if="row.is_adopt === 0 && row.price == 0" style="color: #e6a23c"
|
||||
>等待供应商报价</span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-if="pager.lists" v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
<el-dialog v-model="dialogVisible" title="入库" width="600">
|
||||
<el-descriptions class="margin-top" :column="1" border>
|
||||
<el-descriptions-item label="供应商名称">
|
||||
{{ updateInfo.supplier_name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="商品名称">
|
||||
{{ updateInfo.goods_name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="商品报价">
|
||||
¥ {{ updateInfo.price }} / {{ updateInfo.unit_name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="应入库数量">
|
||||
{{ updateInfo.q_nums }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="实际入库数量">
|
||||
<el-input-number v-model="updateInfo.nums" :step="1" :min="1" />
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="备注">
|
||||
<el-input
|
||||
v-model="updateInfo.notes"
|
||||
type="textarea"
|
||||
placeholder="请输入备注"
|
||||
></el-input>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="goodsOfferUpdate"> 确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import {
|
||||
opurchaseclassStorageListApi,
|
||||
apiOpurchaseclassGoodsOfferUpdate
|
||||
} from '@/api/opurchaseclass'
|
||||
import { useRoute } from 'vue-router'
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
const isAdopt = ref('')
|
||||
const queryParams = reactive({
|
||||
order_id: route.query.id,
|
||||
is_storage: 1
|
||||
})
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: opurchaseclassStorageListApi,
|
||||
params: queryParams
|
||||
})
|
||||
defineExpose({
|
||||
getLists
|
||||
})
|
||||
|
||||
const changeType = (e: any) => {
|
||||
queryParams.is_adopt = isAdopt.value
|
||||
getLists()
|
||||
}
|
||||
|
||||
const dialogVisible = ref(false)
|
||||
const updateInfo = ref({
|
||||
id: '',
|
||||
type: 0,
|
||||
notes: '', //备注
|
||||
nums: 0, //实际数量
|
||||
q_nums: 0 //应到数量
|
||||
})
|
||||
const offerGood = (row: any, type: number) => {
|
||||
//type:0 采纳,1 入库
|
||||
updateInfo.value = Object.assign(
|
||||
{
|
||||
id: '',
|
||||
type: type,
|
||||
notes: '', //备注
|
||||
nums: 0
|
||||
},
|
||||
row
|
||||
)
|
||||
if (type == 0) return goodsOfferUpdate() // 采纳时直接成功, 入库弹窗显示数量
|
||||
updateInfo.value.q_nums = row.nums
|
||||
dialogVisible.value = true
|
||||
}
|
||||
|
||||
const goodsOfferUpdate = () => {
|
||||
apiOpurchaseclassGoodsOfferUpdate({
|
||||
id: updateInfo.value.id,
|
||||
type: updateInfo.value.type,
|
||||
notes: updateInfo.value.notes, //备注
|
||||
nums: updateInfo.value.nums
|
||||
}).then((res) => {
|
||||
getLists()
|
||||
dialogVisible.value = false
|
||||
})
|
||||
}
|
||||
</script>
|
|
@ -0,0 +1,79 @@
|
|||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-table
|
||||
:data="pager.lists"
|
||||
v-loading="pager.loading"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
label="商品信息"
|
||||
prop="store_name"
|
||||
show-overflow-tooltip
|
||||
width="400"
|
||||
>
|
||||
<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="store_info" show-overflow-tooltip />
|
||||
<el-table-column label="数量" prop="cart_num" show-overflow-tooltip />
|
||||
<el-table-column label="合计" prop="total_price" show-overflow-tooltip />
|
||||
</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>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="storeTable">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiPurchaseOrderInfoLists } from '@/api/purchase_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
const emit = defineEmits(['change'])
|
||||
|
||||
// 选中的数据
|
||||
const selectionList = ref([])
|
||||
|
||||
// 选中数据时触发
|
||||
const handleSelectionChange = (val: any) => {
|
||||
selectionList.value = val
|
||||
emit('change', selectionList.value)
|
||||
}
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
oid: '',
|
||||
pay_type: ''
|
||||
})
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiPurchaseOrderInfoLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
const getList = (e: any) => {
|
||||
queryParams.oid = e.oid
|
||||
getLists()
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
getList,
|
||||
getLists
|
||||
})
|
||||
</script>
|
|
@ -0,0 +1,80 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-table :data="pager.lists" border style="width: 100%">
|
||||
<el-table-column prop="id" label="ID" width="120" />
|
||||
<el-table-column label="门店" prop="system_store" show-overflow-tooltip />
|
||||
<el-table-column label="单据编号" prop="order_id" show-overflow-tooltip />
|
||||
<el-table-column label="单据金额" prop="total" show-overflow-tooltip />
|
||||
<!-- <el-table-column label="抵扣金额" prop="deduction_price" show-overflow-tooltip /> -->
|
||||
<el-table-column label="实际金额" prop="actual" show-overflow-tooltip />
|
||||
<el-table-column label="实收金额" prop="money" show-overflow-tooltip />
|
||||
<!-- <el-table-column label="单据时间" prop="create_time" show-overflow-tooltip /> -->
|
||||
<el-table-column label="操作" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button type="primary" link @click="handleDetai(row)">详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-if="pager.lists" v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
<!-- <detail
|
||||
ref="detailRef"
|
||||
v-if="showDetail"
|
||||
:dictData="dictData"
|
||||
@close="showDetail = false"
|
||||
/> -->
|
||||
<details-popup
|
||||
v-if="showDetails"
|
||||
ref="detailsRef"
|
||||
@success="getLists"
|
||||
@close="showDetails = false"
|
||||
:dictData="dictData"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="subOrder">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiPurchaseOrderLists } from '@/api/purchase_order'
|
||||
import { useRoute } from 'vue-router'
|
||||
import DetailsPopup from './details.vue'
|
||||
|
||||
// import detail from "@/views/retail/cashierclass/detail.vue";
|
||||
// 是否显示编辑框
|
||||
const showDetails = ref(false)
|
||||
const detailsRef = shallowRef<InstanceType<typeof DetailsPopup>>()
|
||||
const route = useRoute()
|
||||
|
||||
const queryParams = reactive({
|
||||
o_id: route.query.id,
|
||||
is_mer: 1
|
||||
})
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiPurchaseOrderLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
defineExpose({
|
||||
getLists
|
||||
})
|
||||
const handleDetai = async (data: any) => {
|
||||
showDetails.value = true
|
||||
await nextTick()
|
||||
detailsRef.value?.open()
|
||||
detailsRef.value?.getDetail(data)
|
||||
}
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('pay_type,auditing_type')
|
||||
|
||||
const showDetail = ref(false)
|
||||
const detailRef = ref(null)
|
||||
const openDetail = async (row: any) => {
|
||||
showDetail.value = true
|
||||
await nextTick()
|
||||
detailRef.value?.open('edit')
|
||||
detailRef.value?.getDetail(row)
|
||||
}
|
||||
</script>
|
|
@ -0,0 +1,96 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-change="tabChange">
|
||||
<el-tab-pane label="概况" name="detail">
|
||||
<el-descriptions class="margin-top" :column="4" border>
|
||||
<el-descriptions-item :span="4" label="单据编号">
|
||||
{{ form.order_id }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="单据金额">
|
||||
{{ form.total }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="实际金额">
|
||||
{{ form.actual }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="实收金额">
|
||||
{{ form.money }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="所属商户">
|
||||
{{ form.system_store }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-table :data="pager.lists" border style="width: 100%; margin-top: 20px">
|
||||
<el-table-column prop="id" label="ID" width="120" />
|
||||
<el-table-column prop="store_name" label="商品名称" />
|
||||
<el-table-column prop="unit_name" label="单位" />
|
||||
<el-table-column prop="store_info" label="规格" />
|
||||
<el-table-column prop="cart_num" label="数量" />
|
||||
<el-table-column prop="price" label="单价(元)" />
|
||||
<el-table-column prop="total_price" label="总价" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="商户订单" name="order" v-if="form.is_mer == 2">
|
||||
<subOrder ref="subOrderRef" />
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="入库记录" name="putStorage">
|
||||
<putStorage ref="putStorageRef" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="出库记录" name="outStorage">
|
||||
<outStorage ref="outStorageRef" />
|
||||
</el-tab-pane> -->
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="purchaseOrderDetail">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiPurchaseOrderDetail, apiPurchaseOrderInfoLists } from '@/api/purchase_order'
|
||||
import { useRoute } from 'vue-router'
|
||||
import subOrder from './component/subOrder.vue'
|
||||
// import goodsOffer from "./component/goodsOffer.vue";
|
||||
// import noPush from "./component/noPush.vue";
|
||||
// import putStorage from "./component/putStorage.vue";
|
||||
// import outStorage from "./component/outStorage.vue";
|
||||
|
||||
const route = useRoute()
|
||||
const form = ref({})
|
||||
|
||||
const activeName = ref('detail')
|
||||
|
||||
const getDetail = async () => {
|
||||
const data = await apiPurchaseOrderDetail({
|
||||
id: route.query.id
|
||||
})
|
||||
form.value = data
|
||||
}
|
||||
getDetail()
|
||||
|
||||
const subOrderRef = ref(null)
|
||||
const goodsOfferRef = ref(null)
|
||||
const noPushRef = ref(null)
|
||||
const putStorageRef = ref(null)
|
||||
const outStorageRef = ref(null)
|
||||
const tabChange = (type: any) => {
|
||||
if (type == 'order') subOrderRef.value?.getLists()
|
||||
// if (type == 'offer') goodsOfferRef.value?.getLists()
|
||||
// if (type == 'notPushedGoods') noPushRef.value?.getLists()
|
||||
// if (type == 'putStorage') putStorageRef.value?.getLists()
|
||||
// if (type == 'outStorage') outStorageRef.value?.getLists()
|
||||
}
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
oid: route.query.id
|
||||
})
|
||||
|
||||
// 分页相关
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiPurchaseOrderInfoLists,
|
||||
params: queryParams
|
||||
})
|
||||
getLists()
|
||||
</script>
|
|
@ -2,13 +2,25 @@
|
|||
<div>
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="所属商户" prop="store_id">
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
<el-form-item label="所属门店" prop="store_id">
|
||||
<el-select
|
||||
v-model="queryParams.store_id"
|
||||
clearable
|
||||
placeholder="请输入所属商户"
|
||||
/>
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="输入门店名称搜索"
|
||||
remote-show-suffix
|
||||
:remote-method="remoteMethod"
|
||||
:loading="storeloading"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="单据编号" prop="order_id">
|
||||
<el-input
|
||||
|
@ -18,6 +30,29 @@
|
|||
placeholder="请输入单据编号"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="is_mer">
|
||||
<el-select
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.is_mer"
|
||||
placeholder="请选择类型"
|
||||
@change="resetPage"
|
||||
>
|
||||
<el-option label="商户" value="1" />
|
||||
<el-option label="平台" value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="入库状态" prop="storage">
|
||||
<el-select
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.storage"
|
||||
placeholder="请选择入库状态"
|
||||
@change="resetPage"
|
||||
>
|
||||
<el-option label="未入库" value="0" />
|
||||
<el-option label="部分入库" value="1" />
|
||||
<el-option label="已入库" value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<el-button @click="resetParams">重置</el-button>
|
||||
|
@ -35,35 +70,33 @@
|
|||
</template>
|
||||
提交今日商户采购订单
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['purchase_order.purchase_order/add']"
|
||||
type="primary"
|
||||
@click="submitPlatformOrder"
|
||||
>
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
生成今日平台采购订单
|
||||
</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="所属商户" prop="store_id" show-overflow-tooltip />
|
||||
<el-table-column label="所属商户" prop="system_store" show-overflow-tooltip />
|
||||
<el-table-column label="单据编号" prop="order_id" show-overflow-tooltip />
|
||||
<el-table-column label="单据金额" prop="total" show-overflow-tooltip />
|
||||
<el-table-column label="实际金额" prop="actual" show-overflow-tooltip />
|
||||
<el-table-column label="实收金额" prop="money" show-overflow-tooltip />
|
||||
<el-table-column label="是否采购" prop="opurchase_name" show-overflow-tooltip />
|
||||
<el-table-column label="类型" prop="mer_name" show-overflow-tooltip />
|
||||
<el-table-column label="入库状态" prop="storage_name" show-overflow-tooltip />
|
||||
<el-table-column label="备注信息" prop="data" show-overflow-tooltip />
|
||||
<el-table-column label="是否采购" prop="is_opurchase" show-overflow-tooltip />
|
||||
<el-table-column label="类型" prop="is_mer" show-overflow-tooltip />
|
||||
<el-table-column label="入库状态" prop="storage" show-overflow-tooltip />
|
||||
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['purchase_order.purchase_order/edit']"
|
||||
type="primary"
|
||||
link
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['purchase_order.purchase_order/delete']"
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
<el-button type="primary" link @click="handleDetail(row)">
|
||||
详情
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
@ -89,23 +122,48 @@ import { useDictData } from '@/hooks/useDictOptions'
|
|||
import {
|
||||
apiPurchaseOrderLists,
|
||||
apiPurchaseOrderDelete,
|
||||
apiPurchaseOrderAdd
|
||||
apiPurchaseOrderAdd,
|
||||
apiPurchaseOrderPlatform
|
||||
} from '@/api/purchase_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
import { ElMessage, type FormInstance } from 'element-plus'
|
||||
import { apiSystemStoreLists } from '@/api/system_store'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
const storeloading = ref(false)
|
||||
const storeList = ref([])
|
||||
const router = useRouter()
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
store_id: '',
|
||||
order_id: ''
|
||||
order_id: '',
|
||||
is_mer: '',
|
||||
storage: ''
|
||||
})
|
||||
|
||||
const remoteMethod = (e = '') => {
|
||||
storeloading.value = true
|
||||
apiSystemStoreLists({
|
||||
name: e,
|
||||
page_size: 50
|
||||
})
|
||||
.then((res) => {
|
||||
storeList.value = res.lists
|
||||
setTimeout(() => {
|
||||
storeloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
.catch((err) => {
|
||||
setTimeout(() => {
|
||||
storeloading.value = false
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
|
@ -130,20 +188,19 @@ const submitOrder = async () => {
|
|||
ElMessage.success('提交成功')
|
||||
})
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
const submitPlatformOrder = async () => {
|
||||
apiPurchaseOrderPlatform().then((res) => {
|
||||
ElMessage.success('提交成功')
|
||||
})
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除?')
|
||||
await apiPurchaseOrderDelete({ id })
|
||||
getLists()
|
||||
const handleDetail = async (data: any) => {
|
||||
router.push({
|
||||
path: '/order/purchase_order/details',
|
||||
query: {
|
||||
id: data.id
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
getLists()
|
|
@ -13,24 +13,26 @@
|
|||
</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.status_name }}</div>
|
||||
<div style="color: gray">订单状态</div>
|
||||
<div style="color: black">{{ formData.status_name }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray;">实际支付</div>
|
||||
<div style="color: black;">¥{{ formData.pay_price }}</div>
|
||||
<div style="color: gray">实际支付</div>
|
||||
<div style="color: black">¥{{ formData.pay_price }}</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div style="color: gray;">支付方式</div>
|
||||
<div style="color: black;">
|
||||
<dict-value :options="dictData.pay_type" :value="formData.pay_type"></dict-value>
|
||||
<div style="color: gray">支付方式</div>
|
||||
<div style="color: black">
|
||||
<dict-value
|
||||
:options="dictData.pay_type"
|
||||
:value="formData.pay_type"
|
||||
></dict-value>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col flex-2">
|
||||
<div style="color: gray;">支付时间</div>
|
||||
<div style="color: black;">{{ formData.pay_time }}</div>
|
||||
<div style="color: gray">支付时间</div>
|
||||
<div style="color: black">{{ formData.pay_time }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" type="border-card">
|
||||
<el-tab-pane label="订单信息" name="first">
|
||||
|
@ -52,7 +54,12 @@
|
|||
<script lang="ts" setup name="storeOrderDETAILS">
|
||||
import { ElMessage, type FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiStoreOrderAdd, apiStoreOrderEdit, apiStoreOrderDetail, apiStoreOrderRefund } from '@/api/store_order'
|
||||
import {
|
||||
apiStoreOrderAdd,
|
||||
apiStoreOrderEdit,
|
||||
apiStoreOrderDetail,
|
||||
apiStoreOrderRefund
|
||||
} from '@/api/store_order'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import moment from 'moment'
|
||||
import orderInfo from './components/orderInfo.vue'
|
||||
|
@ -72,27 +79,25 @@ const formRef = shallowRef<FormInstance>()
|
|||
const showDialog = ref(false)
|
||||
const mode = ref('add')
|
||||
|
||||
const storeRef = ref(null);
|
||||
const orderRef = ref(null);
|
||||
const deliverRef = ref(null);
|
||||
const storeRef = ref(null)
|
||||
const orderRef = ref(null)
|
||||
const deliverRef = ref(null)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
id: ''
|
||||
})
|
||||
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
formData.value = { ...data };
|
||||
formData.value = { ...data }
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
formData.value.id = row.id;
|
||||
formData.value.id = row.id
|
||||
handleClick({
|
||||
paneName: activeName.value
|
||||
});
|
||||
})
|
||||
const data = await apiStoreOrderDetail({
|
||||
id: row.id
|
||||
})
|
||||
|
@ -101,31 +106,31 @@ const getDetail = async (row: Record<string, any>) => {
|
|||
|
||||
//打开弹窗
|
||||
const open = () => {
|
||||
showDialog.value = true;
|
||||
showDialog.value = true
|
||||
}
|
||||
|
||||
const activeName = ref('first')
|
||||
|
||||
const handleClick = (tab: any) => {
|
||||
if (tab.paneName == 'second') storeRef.value?.getList({oid: formData.value.id});
|
||||
else if (tab.paneName == 'third') orderRef.value?.getLists();
|
||||
else if (tab.paneName == 'fourth') deliverRef.value?.getLists();
|
||||
console.log(storeRef.value)
|
||||
if (tab.paneName == 'second') storeRef.value?.getList({ oid: formData.value.id })
|
||||
else if (tab.paneName == 'third') orderRef.value?.getLists()
|
||||
else if (tab.paneName == 'fourth') deliverRef.value?.getLists()
|
||||
}
|
||||
|
||||
const command = (type: any)=>{
|
||||
if(type==1) return refund();
|
||||
const command = (type: any) => {
|
||||
if (type == 1) return refund()
|
||||
}
|
||||
|
||||
const refund = async ()=>{
|
||||
const refund = async () => {
|
||||
await feedback.confirm('确定要退款吗?')
|
||||
apiStoreOrderRefund({
|
||||
order_id: formData.value.order_id
|
||||
}).then(res=>{
|
||||
}).then((res) => {
|
||||
ElMessage.success('退款成功')
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
|
|
|
@ -1,127 +0,0 @@
|
|||
<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="store_id">
|
||||
<el-input v-model="formData.store_id" clearable placeholder="请输入所属商户" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="零售订单id" prop="order_arr">
|
||||
<el-input v-model="formData.order_arr" clearable placeholder="请输入零售订单id" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="单据编号" prop="order_id">
|
||||
<el-input v-model="formData.order_id" clearable placeholder="请输入单据编号" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="单据金额" prop="total">
|
||||
<el-input v-model="formData.total" clearable placeholder="请输入单据金额" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="实际金额" prop="actual">
|
||||
<el-input v-model="formData.actual" clearable placeholder="请输入实际金额" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="实收金额" prop="money">
|
||||
<el-input v-model="formData.money" clearable placeholder="请输入实收金额" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否支付" prop="paid">
|
||||
<el-input v-model="formData.paid" clearable placeholder="请输入是否支付" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="单据附件" prop="file">
|
||||
<el-input v-model="formData.file" clearable placeholder="请输入单据附件" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注信息" prop="data">
|
||||
<el-input v-model="formData.data" clearable placeholder="请输入备注信息" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否采购" prop="is_opurchase">
|
||||
<el-input v-model="formData.is_opurchase" clearable placeholder="请输入是否采购" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="is_mer">
|
||||
<el-input v-model="formData.is_mer" clearable placeholder="请输入类型" :readonly="true"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="入库状态" prop="storage">
|
||||
<el-input v-model="formData.storage" clearable placeholder="请输入入库状态" :readonly="true"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="purchaseOrderDETAILS">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiPurchaseOrderAdd, apiPurchaseOrderEdit, apiPurchaseOrderDetail } from '@/api/purchase_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 formData = reactive({
|
||||
id: '',
|
||||
store_id: '',
|
||||
order_arr: '',
|
||||
order_id: '',
|
||||
total: '',
|
||||
actual: '',
|
||||
money: '',
|
||||
paid: '',
|
||||
file: '',
|
||||
data: '',
|
||||
is_opurchase: '',
|
||||
is_mer: '',
|
||||
storage: '',
|
||||
})
|
||||
|
||||
|
||||
|
||||
// 获取详情
|
||||
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 apiPurchaseOrderDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = () => {
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
Loading…
Reference in New Issue