|
|
|
|
@ -55,8 +55,9 @@
|
|
|
|
|
|
|
|
|
|
<!-- 列表 -->
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" class="hl-table">
|
|
|
|
|
<el-table-column type="index" label="序号" align="center" fixed width="70" />
|
|
|
|
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" class="hl-table" @selection-change="handleSelectionChange" @row-click="clickRow" selection>
|
|
|
|
|
<el-table-column type="selection" align="center" fixed width="70" />
|
|
|
|
|
<el-table-column fixed label="序号" type="index" width="60" />
|
|
|
|
|
<el-table-column label="采购单号" align="center" prop="purchaseNo" fixed min-width="190">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-button link type="primary" @click="openForm('detail', scope.row.id)">
|
|
|
|
|
@ -126,6 +127,7 @@ import { dateFormatter, formatDate } from '@/utils/formatTime'
|
|
|
|
|
import download from '@/utils/download'
|
|
|
|
|
import * as PurchaseOrderApi from '@/api/heli/purchaseorder'
|
|
|
|
|
import PurchaseOrderForm from './PurchaseOrderForm.vue'
|
|
|
|
|
import { ElTable } from 'element-plus'
|
|
|
|
|
|
|
|
|
|
defineOptions({ name: 'PurchaseOrder' })
|
|
|
|
|
|
|
|
|
|
@ -139,6 +141,7 @@ const queryParams = reactive({
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
id: undefined,
|
|
|
|
|
ids: undefined,
|
|
|
|
|
purchaseNo: undefined,
|
|
|
|
|
supplierId: undefined,
|
|
|
|
|
contractNo: undefined,
|
|
|
|
|
@ -165,6 +168,7 @@ const exportLoading = ref(false) // 导出的加载中
|
|
|
|
|
const getList = async () => {
|
|
|
|
|
loading.value = true
|
|
|
|
|
try {
|
|
|
|
|
queryParams.ids = undefined
|
|
|
|
|
const data = await PurchaseOrderApi.getPurchaseOrderPage(queryParams)
|
|
|
|
|
list.value = data.list
|
|
|
|
|
total.value = data.total
|
|
|
|
|
@ -184,7 +188,21 @@ const resetQuery = () => {
|
|
|
|
|
queryFormRef.value.resetFields()
|
|
|
|
|
handleQuery()
|
|
|
|
|
}
|
|
|
|
|
const multipleTable:any = ref<InstanceType<typeof ElTable>>()
|
|
|
|
|
const multipleSelection:any = ref([])
|
|
|
|
|
|
|
|
|
|
const handleSelectionChange = (val: PurchaseOrderApi.PurchaseOrderVO[]) => {
|
|
|
|
|
multipleSelection.value = val
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const clickRow = (row: any) => {
|
|
|
|
|
if(row){
|
|
|
|
|
multipleTable.value!.toggleRowSelection(row, undefined)
|
|
|
|
|
}else{
|
|
|
|
|
multipleTable.value!.clearSelection()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/** 添加/修改操作 */
|
|
|
|
|
const openForm = (type: string, id?: number) => {
|
|
|
|
|
switch (type) {
|
|
|
|
|
@ -215,6 +233,12 @@ const handleDelete = async (id: number) => {
|
|
|
|
|
} catch { }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const getIds = async ()=>{
|
|
|
|
|
queryParams.ids = []
|
|
|
|
|
multipleSelection.value.forEach(item=>{
|
|
|
|
|
queryParams.ids.push(item.id)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
|
const handleExport = async () => {
|
|
|
|
|
try {
|
|
|
|
|
@ -222,6 +246,7 @@ const handleExport = async () => {
|
|
|
|
|
await message.exportConfirm()
|
|
|
|
|
// 发起导出
|
|
|
|
|
exportLoading.value = true
|
|
|
|
|
await getIds()
|
|
|
|
|
const data = await PurchaseOrderApi.exportPurchaseOrder(queryParams)
|
|
|
|
|
download.excel(data, '采购订单.xls')
|
|
|
|
|
} catch {
|
|
|
|
|
@ -235,6 +260,7 @@ const handleExportWithTax = async ()=>{
|
|
|
|
|
await message.exportConfirm()
|
|
|
|
|
// 发起导出
|
|
|
|
|
exportLoading.value = true
|
|
|
|
|
await getIds()
|
|
|
|
|
const data = await PurchaseOrderApi.exportPurchaseOrderWithTax(queryParams)
|
|
|
|
|
download.excel(data, '采购订单.xls')
|
|
|
|
|
} catch {
|
|
|
|
|
|
