import { ref, onMounted, reactive, Ref, nextTick, computed } from 'vue'
|
import { injectModel } from '@/libs/Provider/Provider'
|
import { WmsTask } from '../Models/WmsTask'
|
import { ElMessage } from 'element-plus'
|
import { ConfirmBox } from '@/components/ConfirmBox/ConfirmBox'
|
import { useFile } from './File'
|
|
interface CurrentType {
|
row: any
|
index: number
|
}
|
interface WmsTaskItem {
|
id: string
|
taskNo: string
|
// 其他字段...
|
}
|
export const useWmsTask = (props: any, ctx?: any) => {
|
const wmsTask = injectModel<WmsTask>('wmsTask')
|
const { exportFile } = useFile()
|
/**
|
* 头部配置
|
*/
|
const headers = ref({})
|
/**
|
* 动态列配置
|
*/
|
const wmsTaskColumns = ref<Record<string, any>>({})
|
/**
|
* 搜索值
|
*/
|
const search = ref('')
|
|
/**
|
* 排序
|
*/
|
const sort = ref(0)
|
/**
|
* 选择项
|
*/
|
const selection = ref<WmsTaskItem[]>([])
|
/**
|
* 当前选中的行
|
*/
|
const current = ref<any>(null)
|
/**
|
* 数据源
|
*/
|
const dataSource: Ref<any[]> = ref([])
|
|
/**
|
* 表格
|
*/
|
const tableRef = ref()
|
const dialogConfig = reactive({
|
visible: false,
|
title: '',
|
isAdd: false,
|
})
|
const dialogConfigForQuery = reactive({
|
visible: false,
|
title: '',
|
isAdd: false,
|
})
|
|
const dialogSettingConfig = reactive({
|
visible: false,
|
title: '',
|
})
|
|
const dialogChangeToPlaceConfig = reactive({
|
visible: false,
|
title: '',
|
isAdd: false,
|
})
|
/**
|
* 分页数据
|
*/
|
const paginationParams = ref({})
|
|
/**
|
* 打开详情
|
* @param row
|
*/
|
const openDetail = (row: any) => {
|
current.value = row
|
dialogConfig.visible = true
|
dialogConfig.title = row.name
|
dialogConfig.isAdd = false
|
sort.value = row.sort
|
}
|
|
const openChangToPlace = (row: any) => {
|
current.value = row
|
dialogChangeToPlaceConfig.visible = true
|
dialogChangeToPlaceConfig.title = '修改目标库位'
|
dialogChangeToPlaceConfig.isAdd = false
|
console.log('row', row)
|
}
|
|
const contextMenu = [
|
{
|
label: '展开详情',
|
fn: (c: CurrentType) => {
|
current.value = null
|
sort.value = c.row.sort
|
nextTick(() => openDetail(c.row))
|
},
|
divided: true,
|
icon: 'o',
|
},
|
{
|
label: '修改目标库位',
|
fn: (c: CurrentType) => {
|
current.value = null
|
sort.value = c.row.sort
|
nextTick(() => openChangToPlace(c.row))
|
},
|
divided: true,
|
icon: 'up',
|
},
|
{
|
label: '强制完成',
|
fn: async (c: CurrentType) => {
|
// 获取要操作的任务（多选或当前行）
|
const tasks = selection.value.length > 0 ? selection.value : [c.row]
|
const data = {
|
taskNo: tasks[0].taskNo,
|
}
|
|
ConfirmBox(`是否强制完成 ${tasks.map((t) => t.taskNo).join(',')}`)
|
.then(async () => {
|
await wmsTask.finishTask(data) // 传递单个对象或数组
|
ElMessage.success('强制完成成功')
|
tableRef.value.getList()
|
})
|
.catch(() => {})
|
},
|
divided: true,
|
icon: 'down',
|
},
|
{
|
label: '取消',
|
fn: async (c: CurrentType) => {
|
// 获取要操作的任务（多选或当前行）
|
const tasks = selection.value.length > 0 ? selection.value : [c.row]
|
|
const data = {
|
taskNo: tasks[0].taskNo,
|
}
|
|
ConfirmBox(`是否取消 ${tasks.map((t) => t.taskNo).join(',')}`)
|
.then(async () => {
|
await wmsTask.cancelTask(data) // 传递单个对象或数组
|
ElMessage.success('取消成功')
|
tableRef.value.getList()
|
})
|
.catch(() => {})
|
},
|
divided: true,
|
icon: 'copy',
|
},
|
{
|
label: '删除',
|
fn: async (c: CurrentType) => {
|
const names = selection.value.map(
|
(item: { taskNo: string }) => item.taskNo
|
)
|
ConfirmBox(
|
`是否删除${names.length ? names.join(',') : c.row.taskNo}`
|
).then(async () => {
|
const ids = selection.value.map((item: { id: string }) => item.id)
|
await wmsTask.deleteWmsTasks(ids.length ? ids : [c.row.id])
|
ElMessage.success('删除成功')
|
tableRef.value.getList()
|
})
|
},
|
icon: 'close',
|
},
|
]
|
|
const onCheck = (records: any) => {
|
selection.value = records
|
}
|
|
const onAddWmsTask = () => {
|
const params = tableRef.value?.getPaginationParams()
|
current.value = null
|
dialogConfig.visible = true
|
dialogConfig.isAdd = true
|
dialogConfig.title = '添加'
|
sort.value = params.totalCount + 1
|
}
|
|
//点击按钮【高级查询】
|
const onAdvancedQuery = () => {
|
const params = tableRef.value?.getPaginationParams()
|
current.value = null
|
dialogConfigForQuery.visible = true
|
dialogConfigForQuery.isAdd = true
|
dialogConfigForQuery.title = '高级查询'
|
}
|
|
const onConfirmWmsTask = async () => {
|
dialogConfig.visible = false
|
if (dialogConfig.isAdd) {
|
tableRef.value?.scrollToRow({
|
skip: true,
|
})
|
} else {
|
await tableRef.value?.getList()
|
}
|
}
|
/**
|
* 行点击时更新current
|
*/
|
const onRowClick = ({ row }: any) => {
|
if (dialogConfig.visible && current.value) {
|
current.value = row
|
}
|
}
|
/**
|
* 导出
|
*/
|
const onExport = (data = {}) => {
|
//const params = tableRef.value?.getParams()
|
exportFile('/api/v1/HIAWms/wmsTask/export', data, 'HIAWms')
|
}
|
|
/**
|
* 关键字搜索
|
*/
|
const onSearch = () => {
|
tableRef.value?.getList({
|
Filter: search.value,
|
})
|
}
|
|
/**
|
* 重置表格数据
|
*/
|
const reloadList = () => {
|
tableRef.value?.getList()
|
}
|
/**
|
* 上传成功
|
*/
|
const onSuccess = () => {
|
tableRef.value?.getList()
|
ElMessage.success('导入成功')
|
}
|
/**
|
* 失败
|
* @param err
|
*/
|
const onError = (err: any) => {
|
try {
|
const message = JSON.parse(err.message)
|
ElMessage.error(message.msg)
|
} catch (error) {
|
ElMessage.error('导入失败')
|
}
|
}
|
/**
|
* 上传钩子
|
*/
|
const onBeforeUpload = (file: File) => {
|
const format = ['xlsx', 'xls', 'csv']
|
if (!format.includes(file.name.split('.')[1])) {
|
ElMessage.error('导入文件格式不正确，请导入.xlsx/.xls与.csv格式的文件')
|
return false
|
}
|
return true
|
}
|
|
onMounted(() => {
|
headers.value = {
|
Authorization: `Bearer ${sessionStorage.getItem('Token')}`,
|
'X-Project': sessionStorage.getItem('X-Project'),
|
}
|
})
|
|
ctx.expose({
|
reloadList,
|
})
|
|
return {
|
dataSource,
|
contextMenu,
|
dialogConfig,
|
dialogConfigForQuery,
|
dialogSettingConfig,
|
dialogChangeToPlaceConfig,
|
tableRef,
|
current,
|
search,
|
sort,
|
wmsTaskColumns,
|
paginationParams,
|
headers,
|
onBeforeUpload,
|
onError,
|
onSuccess,
|
openDetail,
|
openChangToPlace,
|
onSearch,
|
onExport,
|
onRowClick,
|
onConfirmWmsTask,
|
onCheck,
|
onAddWmsTask,
|
onAdvancedQuery,
|
}
|
}
|
