hanst
/
wms-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

页面功能

dev
常熟吴彦祖 3 weeks ago
parent
5c8a5560ad
commit
08886e65a0
11 changed files with 27931 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 26112
      package-lock.json
  2. 7
      src/api/haianWarehouse/agvTask.js
  3. 7
      src/api/haianWarehouse/interfaceCallLog.js
  4. 13
      src/api/haianWarehouse/orderTask.js
  5. 10
      src/api/haianWarehouse/palletMergeQuery.js
  6. 10
      src/api/haianWarehouse/wcsCallbackTask.js
  7. 356
      src/views/modules/haianWarehouse/automatedWarehouse/agvTask54.vue
  8. 383
      src/views/modules/haianWarehouse/automatedWarehouse/orderTaskQuery54.vue
  9. 267
      src/views/modules/haianWarehouse/automatedWarehouse/palletMergeQuery54.vue
  10. 467
      src/views/modules/haianWarehouse/warehouse/interfaceCallLog54.vue
  11. 299
      src/views/modules/haianWarehouse/warehouse/wcsCallBackSearch54.vue

26112
package-lock.json
File diff suppressed because it is too large
View File

7
src/api/haianWarehouse/agvTask.js
View File

@ -0,0 +1,7 @@
import { createAPI } from '@/utils/httpRequest.js'
// 海安AGV任务查询：主任务列表 - rqrq
export const haiAnGetTransportTaskList = data => createAPI('/autoWareHourceHaian/haiAnAgvTask/getTransportTaskList', 'post', data)
// 海安AGV任务查询：任务步骤明细 - rqrq
export const haiAnGetTransportTaskDetails = data => createAPI('/autoWareHourceHaian/haiAnAgvTask/getTransportTaskDetails', 'post', data)

7
src/api/haianWarehouse/interfaceCallLog.js
View File

@ -0,0 +1,7 @@
import { createAPI } from '@/utils/httpRequest.js'
// 海安接口调用日志：分页列表 - rqrq
export const haiAnGetInterfaceCallLogList = data => createAPI('/autoWareHourceHaian/haiAnInterfaceCallLog/list', 'post', data)
// 海安接口调用日志：状态选项 - rqrq
export const haiAnGetStatusOptions = () => createAPI('/autoWareHourceHaian/haiAnInterfaceCallLog/statusOptions', 'get')

13
src/api/haianWarehouse/orderTask.js
View File

@ -0,0 +1,13 @@
import { createAPI } from '@/utils/httpRequest.js'
// 海安订单任务查询：主表分页查询 - rqrq
export const haiAnSearchOrderTaskList = data => createAPI('/autoWareHourceHaian/haiAnOrderTask/searchOrderTaskList', 'post', data)
// 海安订单任务查询：主任务明细页签 - rqrq
export const haiAnSearchOrderTaskDetailList = data => createAPI('/autoWareHourceHaian/haiAnOrderTask/searchOrderTaskDetailList', 'post', data)
// 海安订单任务查询：关联运输任务页签 - rqrq
export const haiAnSearchTransportTaskList = data => createAPI('/autoWareHourceHaian/haiAnOrderTask/searchTransportTaskList', 'post', data)
// 海安订单任务查询：运输任务步骤明细弹窗 - rqrq
export const haiAnSearchTransportTaskDetailList = data => createAPI('/autoWareHourceHaian/haiAnOrderTask/searchTransportTaskDetailList', 'post', data)

10
src/api/haianWarehouse/palletMergeQuery.js
View File

@ -0,0 +1,10 @@
import { createAPI } from '@/utils/httpRequest.js'
// 海安合托查询：托盘类型下拉 - rqrq
export const haiAnGetPalletTypeOptions = data => createAPI('/autoWareHourceHaian/haiAnPalletMergeQuery/getPalletTypeOptions', 'post', data)
// 海安合托查询：分页查询待合托托盘 - rqrq
export const haiAnSearchPalletMergeList = data => createAPI('/autoWareHourceHaian/haiAnPalletMergeQuery/searchPalletMergeList', 'post', data)
// 海安合托查询：提交合托任务 - rqrq
export const haiAnSubmitPalletMerge = data => createAPI('/autoWareHourceHaian/haiAnPalletMergeQuery/submitPalletMerge', 'post', data)

10
src/api/haianWarehouse/wcsCallbackTask.js
View File

@ -0,0 +1,10 @@
import { createAPI } from '@/utils/httpRequest.js'
// 海安WCS回调任务查询：分页列表 - rqrq
export const haiAnGetWcsCallbackTaskList = data => createAPI('/autoWareHourceHaian/haiAnWcsCallbackTask/list', 'post', data)
// 海安WCS回调任务查询：状态选项 - rqrq
export const haiAnGetTaskStatusOptions = () => createAPI('/autoWareHourceHaian/haiAnWcsCallbackTask/statusOptions', 'get')
// 海安WCS回调任务查询：用户授权工厂 - rqrq
export const haiAnGetUserAuthorizedSites = data => createAPI('/autoWareHourceHaian/haiAnWcsCallbackTask/getUserAuthorizedSites', 'post', data)

356
src/views/modules/haianWarehouse/automatedWarehouse/agvTask54.vue
View File

@ -0,0 +1,356 @@
<template>
<div class="mod-config">
<el-row>
<el-col :span="24">
<download-excel
:fields="fields()"
:data="exportData"
type="xls"
:name="exportName"
:header="exportHeader"
:footer="exportFooter"
:defaultValue="exportDefaultValue"
:fetch="createExportData"
:before-generate="startDownload"
:before-finish="finishDownload"
worksheet="导出信息"
class="el-button el-button--primary el-button--medium">
导出
</download-excel>
</el-col>
</el-row>
<!-- 查询条件 - rqrq -->
<el-row>
<el-col :span="24">
<el-form :inline="true" label-position="top">
<el-form-item label="任务单号">
<el-input style="width: 150px;" v-model="queryHeaderData.taskNo" placeholder="请输入任务单号" clearable></el-input>
</el-form-item>
<el-form-item label="任务类型">
<el-select v-model="queryHeaderData.sourceType" placeholder="请选择" style="width: 150px;" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="运输栈板" value="运输栈板"></el-option>
<el-option label="预约取托盘" value="预约取托盘"></el-option>
<el-option label="预约运输栈板" value="预约运输栈板"></el-option>
</el-select>
</el-form-item>
<el-form-item label="来源单号">
<el-input style="width: 150px;" v-model="queryHeaderData.sourceBillNo" placeholder="请输入来源单号" clearable @keyup.enter.native="getDataList()"></el-input>
</el-form-item>
<el-form-item label="托盘编码">
<el-input style="width: 150px;" v-model="queryHeaderData.palletId" placeholder="请输入托盘编码" clearable @keyup.enter.native="getDataList()"></el-input>
</el-form-item>
<el-form-item label="目标库位">
<el-input style="width: 150px;" v-model="queryHeaderData.toLocation" placeholder="请输入目标库位" clearable @keyup.enter.native="getDataList()"></el-input>
</el-form-item>
<el-form-item label="任务状态">
<el-select v-model="queryHeaderData.status" placeholder="请选择" style="width: 150px;" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="已预约" value="已预约"></el-option>
<el-option label="已创建" value="已创建"></el-option>
<el-option label="已下发" value="已下发"></el-option>
<el-option label="已完成" value="已完成"></el-option>
<el-option label="已取消" value="已取消"></el-option>
<el-option label="未完成" value="未完成"></el-option>
</el-select>
</el-form-item>
<el-form-item label="创建开始日期">
<el-date-picker
v-model="queryHeaderData.startDate"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
style="width: 150px;">
</el-date-picker>
</el-form-item>
<el-form-item label="创建结束日期">
<el-date-picker
v-model="queryHeaderData.endDate"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
style="width: 150px;">
</el-date-picker>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="getDataList()">查询</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
<!-- 数据表格 - rqrq -->
<el-row>
<el-col :span="24">
<el-table
:height="height"
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;"
row-key="id"
@expand-change="handleExpandChange">
<el-table-column type="expand">
<template slot-scope="props">
<div>
<el-table
:data="props.row.details"
border
style="width: 100%;"
class="detail-table">
<el-table-column prop="seqNo" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="actionType" label="动作类型" width="120" align="center"></el-table-column>
<el-table-column prop="toLocation" label="位置" width="120" align="center"></el-table-column>
<el-table-column prop="status" label="状态" width="100" align="center"></el-table-column>
<el-table-column prop="startTime" label="开始时间" width="160" align="center">
<template slot-scope="scope">
{{ scope.row.startTime | dateFormat }}
</template>
</el-table-column>
<el-table-column prop="completeTime" label="完成时间" width="160" align="center">
<template slot-scope="scope">
{{ scope.row.completeTime | dateFormat }}
</template>
</el-table-column>
<el-table-column prop="errorMsg" label="错误信息" min-width="200">
<template slot-scope="scope">
<span v-if="scope.row.errorMsg" style="color: red;">{{ scope.row.errorMsg }}</span>
</template>
</el-table-column>
</el-table>
</div>
</template>
</el-table-column>
<el-table-column prop="taskNo" label="任务单号" width="120" align="center"></el-table-column>
<el-table-column prop="sourceType" label="任务类型" width="100" align="center">
<template slot-scope="scope">
{{ getSourceTypeText(scope.row.sourceType) }}
</template>
</el-table-column>
<el-table-column prop="sourceBillNo" label="来源单号" width="120" align="center"></el-table-column>
<el-table-column prop="status" label="状态" width="80" align="center"></el-table-column>
<el-table-column prop="fromLocation" label="起始库位" width="80" align="center"></el-table-column>
<el-table-column prop="toLocation" label="目标库位" width="80" align="center"></el-table-column>
<el-table-column prop="toArea" label="目标区域" width="80" align="center"></el-table-column>
<el-table-column prop="toAreaName" label="区域名称" width="100" align="center"></el-table-column>
<el-table-column prop="palletId" label="托盘ID" width="80" align="center"></el-table-column>
<el-table-column prop="palletTypeName" label="托盘类型" width="100" align="center"></el-table-column>
<el-table-column prop="priority" label="优先级" width="80" align="center"></el-table-column>
<el-table-column prop="errorCode" label="错误代码" width="120" align="center">
<template slot-scope="scope">
<span v-if="scope.row.errorCode" style="color: red;">{{ scope.row.errorCode }}</span>
</template>
</el-table-column>
<el-table-column prop="errorMsg" label="错误信息" min-width="200">
<template slot-scope="scope">
<span v-if="scope.row.errorMsg" style="color: red;">{{ scope.row.errorMsg }}</span>
</template>
</el-table-column>
<el-table-column prop="createdTime" label="创建时间" width="160" align="center">
<template slot-scope="scope">
{{ scope.row.createdTime | dateFormat }}
</template>
</el-table-column>
</el-table>
<!-- 分页 - rqrq -->
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="queryHeaderData.page"
:page-sizes="[10, 20, 50, 100]"
:page-size="queryHeaderData.size"
:total="queryHeaderData.totalCount"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
</el-col>
</el-row>
</div>
</template>
<script>
import {
haiAnGetTransportTaskList,
haiAnGetTransportTaskDetails
} from '@/api/haianWarehouse/agvTask.js'
export default {
name: 'agvTask54',
data() {
return {
queryHeaderData: {
site: this.$store.state.user.site || '54',
taskNo: '',
sourceType: '',
sourceBillNo: '',
partNo: '',
agvCode: '',
palletId: '',
status: '未完成',
startDate: '',
endDate: '',
page: 1,
size: 20,
totalCount: 0
},
height: 450,
dataList: [],
dataListLoading: false,
exportData: [],
exportName: '海安AGV任务管理',
exportHeader: ['海安AGV任务管理'],
exportFooter: [],
exportDefaultValue: ''
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 220
})
},
activated() {
this.getDataList()
},
filters: {
dateFormat(value) {
if (!value) return ''
const date = new Date(value)
return date.toLocaleString('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
})
}
},
methods: {
// 主列表查询 - rqrq
getDataList() {
this.dataListLoading = true
haiAnGetTransportTaskList(this.queryHeaderData).then(({ data }) => {
if (data && data.code === 0) {
const expandedDetails = {}
this.dataList.forEach(item => {
if (item.details) {
expandedDetails[item.id] = item.details
}
})
this.dataList = data.page.list || []
this.dataList.forEach(item => {
if (expandedDetails[item.id]) {
this.$set(item, 'details', expandedDetails[item.id])
}
})
this.queryHeaderData.page = data.page.currPage
this.queryHeaderData.size = data.page.pageSize
this.queryHeaderData.totalCount = data.page.totalCount
}
this.dataListLoading = false
}).catch(() => {
this.$alert('获取数据失败', '错误', { confirmButtonText: '确定' })
this.dataListLoading = false
})
},
// 展开时查询步骤明细 - rqrq
handleExpandChange(row) {
const params = { taskNo: row.taskNo, site: row.site }
haiAnGetTransportTaskDetails(params).then(({ data }) => {
if (data && data.code === 0) {
this.$set(row, 'details', data.details || [])
this.$forceUpdate()
}
}).catch(() => {
this.$alert('获取任务明细失败', '错误', { confirmButtonText: '确定' })
})
},
// 来源类型文案映射 - rqrq
getSourceTypeText(sourceType) {
const typeMap = {
运输栈板: '运输栈板',
WCS运输栈板: 'WCS运输栈板'
}
return typeMap[sourceType] || sourceType
},
sizeChangeHandle(val) {
this.queryHeaderData.size = val
this.queryHeaderData.page = 1
this.getDataList()
},
currentChangeHandle(val) {
this.queryHeaderData.page = val
this.getDataList()
},
// 导出相关 - rqrq
fields() {
return {
任务单号: 'taskNo',
来源类型: 'sourceType',
来源单号: 'sourceBillNo',
行号: 'itemNo',
物料编码: 'partNo',
数量: 'qty',
批次号: 'batchNo',
标签号: 'serialNo',
起始库位: 'fromLocation',
目标库位: 'toLocation',
托盘ID: 'palletId',
托盘类型: 'palletTypeName',
目标区域: 'toArea',
区域名称: 'toAreaName',
AGV编码: 'agvCode',
优先级: 'priority',
状态: 'status',
WCS任务ID: 'wcsTaskId',
错误代码: 'errorCode',
错误信息: 'errorMsg',
WMS发送时间: 'wmsSendTime',
WCS接收时间: 'wcsReceiveTime',
开始时间: 'startTime',
完成时间: 'completeTime',
创建时间: 'createdTime'
}
},
async createExportData() {
const queryParams = { ...this.queryHeaderData, page: 1, size: 999999 }
const { data } = await haiAnGetTransportTaskList(queryParams)
if (data && data.code === 0) {
return data.page.list || []
}
return []
},
startDownload() {},
finishDownload() {}
}
}
</script>
<style scoped>
/deep/ .zxClass .cell {
line-height: 32px;
font-size: 12px;
height: 32px;
}
.el-table .el-table__expanded-cell {
padding: 20px 50px;
background-color: #f5f7fa;
}
.detail-table >>> .el-table__header-wrapper .el-table__header {
background-color: #fafbfc;
}
.detail-table >>> .el-table__header-wrapper th {
background-color: #fafbfc !important;
color: #909399;
font-weight: normal;
}
</style>

383
src/views/modules/haianWarehouse/automatedWarehouse/orderTaskQuery54.vue
View File

@ -0,0 +1,383 @@
<template>
<div class="mod-config yzz">
<!-- 查询表单 - rqrq -->
<el-form label-position="top" style="margin-top: 1px; margin-left: 0px;">
<el-form :inline="true" label-position="top" style="margin-top: 0px">
<el-form-item :label="'任务编号'">
<el-input v-model="searchData.taskNo" style="width: 120px" clearable></el-input>
</el-form-item>
<el-form-item :label="'来源单号'">
<el-input v-model="searchData.sourceBillNo" style="width: 120px" clearable></el-input>
</el-form-item>
<el-form-item :label="'栈板编码'">
<el-input v-model="searchData.palletId" style="width: 120px" clearable></el-input>
</el-form-item>
<el-form-item :label="'创建日期'">
<el-date-picker
style="width: 120px"
v-model="searchData.startDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item style="margin-top: 23px;">
<label style="margin-left: 0px;font-size: 19px">&#10142</label>
</el-form-item>
<el-form-item :label="' '">
<el-date-picker
style="width: 120px"
v-model="searchData.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item :label="' '">
<el-button type="primary" @click="searchTable()">查询</el-button>
</el-form-item>
</el-form>
</el-form>
<!-- 主表格 - rqrq -->
<el-table
:data="dataList"
@row-click="changeData"
:height="height"
border
highlight-current-row
ref="mainTable"
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList1" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
</el-table>
<!-- 分页 - rqrq -->
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 1000]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 页签 - rqrq -->
<el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick">
<el-tab-pane label="任务明细" name="detail">
<el-table
:data="dataList2"
:height="height"
border
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList2" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="AGV调度明细" name="transport">
<el-table
:data="dataList3"
:height="height"
border
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList3" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
<el-table-column header-align="center" align="center" width="100" label="操作">
<template slot-scope="scope">
<a type="text" size="small" @click="viewTransportDetail(scope.row)">查看明细</a>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tabs>
<!-- 运输任务明细弹窗 - rqrq -->
<el-dialog
title="小车运行记录"
:visible.sync="detailDialogVisible"
:close-on-click-modal="false"
v-drag
width="80%">
<el-table
:data="transportDetailList"
border
v-loading="detailLoading"
height="400"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList4" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button @click="detailDialogVisible = false">关闭</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {
haiAnSearchOrderTaskList,
haiAnSearchOrderTaskDetailList,
haiAnSearchTransportTaskList,
haiAnSearchTransportTaskDetailList
} from '@/api/haianWarehouse/orderTask.js'
export default {
name: 'orderTaskQuery54',
data() {
const defaultSite = this.$store.state.user.site || '54'
return {
height: 200,
activeName: 'detail',
dataList: [],
dataList2: [],
dataList3: [],
transportDetailList: [],
dataListLoading: false,
detailLoading: false,
detailDialogVisible: false,
currentRow: '',
searchData: {
page: 1,
limit: 20,
site: defaultSite,
taskNo: '',
sourceBillNo: '',
sourceType: '',
status: '',
palletId: '',
startDate: this.dayjs().subtract(7, 'day').format('YYYY-MM-DD'),
endDate: this.dayjs().format('YYYY-MM-DD')
},
pageIndex: 1,
pageSize: 20,
totalPage: 0,
// 主表列 - rqrq
columnList1: [
{ columnProp: 'taskNo', headerAlign: 'center', align: 'center', columnLabel: '任务编号', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'itemNo', headerAlign: 'center', align: 'center', columnLabel: '行号', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 60, showOverflowTooltip: true },
{ columnProp: 'sourceType', headerAlign: 'center', align: 'center', columnLabel: '来源类型', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'sourceBillNo', headerAlign: 'center', align: 'left', columnLabel: '来源单号', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'palletId', headerAlign: 'center', align: 'center', columnLabel: '栈板编码', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'fromLocation', headerAlign: 'center', align: 'center', columnLabel: '起始位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'toLocation', headerAlign: 'center', align: 'center', columnLabel: '目标位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '任务状态', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
{ columnProp: 'wmsStatus', headerAlign: 'center', align: 'center', columnLabel: 'WMS状态', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
// { columnProp: 'priority', headerAlign: 'center', align: 'center', columnLabel: '优先级', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 60, showOverflowTooltip: true },
{ columnProp: 'createdTime', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 140, showOverflowTooltip: true },
{ columnProp: 'completeTime', headerAlign: 'center', align: 'center', columnLabel: '完成时间', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 140, showOverflowTooltip: true },
{ columnProp: 'errorMsg', headerAlign: 'center', align: 'left', columnLabel: '错误信息', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 200, showOverflowTooltip: true }
],
// 任务明细列 - rqrq
columnList2: [
{ columnProp: 'seqNo', headerAlign: 'center', align: 'center', columnLabel: '步骤序号', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
{ columnProp: 'actionType', headerAlign: 'center', align: 'left', columnLabel: '动作类型', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'comment', headerAlign: 'center', align: 'left', columnLabel: '备注', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 200, showOverflowTooltip: true },
{ columnProp: 'fromLocation', headerAlign: 'center', align: 'center', columnLabel: '起始位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'toLocation', headerAlign: 'center', align: 'center', columnLabel: '目标位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'palletId', headerAlign: 'center', align: 'center', columnLabel: '栈板编码', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '步骤状态', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
{ columnProp: 'wmsStatus', headerAlign: 'center', align: 'center', columnLabel: 'WMS状态', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
{ columnProp: 'startTime', headerAlign: 'center', align: 'center', columnLabel: '开始时间', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 140, showOverflowTooltip: true },
{ columnProp: 'completeTime', headerAlign: 'center', align: 'center', columnLabel: '完成时间', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 140, showOverflowTooltip: true },
{ columnProp: 'errorMsg', headerAlign: 'center', align: 'left', columnLabel: '错误信息', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 200, showOverflowTooltip: true }
],
// 运输任务列 - rqrq
columnList3: [
{ columnProp: 'taskNo', headerAlign: 'center', align: 'center', columnLabel: '任务编号', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'itemNo', headerAlign: 'center', align: 'center', columnLabel: '行号', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 60, showOverflowTooltip: true },
{ columnProp: 'sourceType', headerAlign: 'center', align: 'center', columnLabel: '来源类型', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'palletId', headerAlign: 'center', align: 'center', columnLabel: '栈板编码', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'fromLocation', headerAlign: 'center', align: 'center', columnLabel: '起始位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'toLocation', headerAlign: 'center', align: 'center', columnLabel: '目标位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'toArea', headerAlign: 'center', align: 'center', columnLabel: '目标区域', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '任务状态', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
// { columnProp: 'priority', headerAlign: 'center', align: 'center', columnLabel: '优先级', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 60, showOverflowTooltip: true },
{ columnProp: 'createdTime', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 140, showOverflowTooltip: true }
],
// 运输明细列 - rqrq
columnList4: [
{ columnProp: 'seqNo', headerAlign: 'center', align: 'center', columnLabel: '步骤序号', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
{ columnProp: 'actionType', headerAlign: 'center', align: 'left', columnLabel: '动作类型', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ columnProp: 'comment', headerAlign: 'center', align: 'left', columnLabel: '备注', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 200, showOverflowTooltip: true },
{ columnProp: 'fromLocation', headerAlign: 'center', align: 'center', columnLabel: '起始位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'toLocation', headerAlign: 'center', align: 'center', columnLabel: '目标位置', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'agvCode', headerAlign: 'center', align: 'center', columnLabel: 'AGV编码', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '步骤状态', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 80, showOverflowTooltip: true },
{ columnProp: 'startTime', headerAlign: 'center', align: 'center', columnLabel: '开始时间', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 140, showOverflowTooltip: true },
{ columnProp: 'completeTime', headerAlign: 'center', align: 'center', columnLabel: '完成时间', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 140, showOverflowTooltip: true },
{ columnProp: 'errorMsg', headerAlign: 'center', align: 'left', columnLabel: '错误信息', columnHidden: false, columnSortable: false, fixed: '', columnWidth: 200, showOverflowTooltip: true }
]
}
},
mounted() {
this.$nextTick(() => {
this.height = (window.innerHeight - 260) / 2
})
},
methods: {
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.searchTable()
},
currentChangeHandle(val) {
this.pageIndex = val
this.searchTable()
},
tabClick() {
this.refreshCurrentTabTable()
},
// 主表行选中联动页签刷新 - rqrq
changeData(row) {
this.currentRow = JSON.parse(JSON.stringify(row))
this.refreshCurrentTabTable()
},
// 刷新当前选中页签数据 - rqrq
refreshCurrentTabTable() {
if (this.currentRow === '' || this.currentRow === null) {
this.currentRow = { site: this.searchData.site, taskNo: '', itemNo: '' }
}
if (this.activeName === 'detail') {
this.dataListLoading = true
haiAnSearchOrderTaskDetailList(this.currentRow).then(({ data }) => {
this.dataListLoading = false
if (data && data.code === 0) {
this.dataList2 = data.rows || []
} else {
this.dataList2 = []
}
}).catch(() => {
this.dataListLoading = false
this.dataList2 = []
})
} else if (this.activeName === 'transport') {
this.dataListLoading = true
haiAnSearchTransportTaskList(this.currentRow).then(({ data }) => {
this.dataListLoading = false
if (data && data.code === 0) {
this.dataList3 = data.rows || []
} else {
this.dataList3 = []
}
}).catch(() => {
this.dataListLoading = false
this.dataList3 = []
})
}
},
// 查询主表 - rqrq
searchTable() {
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
this.dataListLoading = true
haiAnSearchOrderTaskList(this.searchData).then(({ data }) => {
this.dataListLoading = false
if (data && data.code === 0) {
this.dataList = data.page.list || []
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
if (this.dataList.length > 0) {
this.currentRow = this.dataList[0]
this.refreshCurrentTabTable()
} else {
this.dataList2 = []
this.dataList3 = []
}
} else {
this.dataList = []
this.dataList2 = []
this.dataList3 = []
}
}).catch(() => {
this.dataListLoading = false
this.dataList = []
this.dataList2 = []
this.dataList3 = []
})
},
// 查看运输明细 - rqrq
viewTransportDetail(row) {
this.detailDialogVisible = true
this.detailLoading = true
this.transportDetailList = []
const inData = { site: row.site, taskNo: row.taskNo, itemNo: row.itemNo }
haiAnSearchTransportTaskDetailList(inData).then(({ data }) => {
this.detailLoading = false
if (data && data.code === 0) {
this.transportDetailList = data.rows || []
} else {
this.$alert(data.msg || '获取明细失败', '错误', { confirmButtonText: '确定' })
}
}).catch(() => {
this.detailLoading = false
this.$alert('获取明细失败', '错误', { confirmButtonText: '确定' })
})
}
}
}
</script>
<style scoped>
/deep/ .el-form-item--medium .el-form-item__content {
height: auto;
}
</style>

267
src/views/modules/haianWarehouse/automatedWarehouse/palletMergeQuery54.vue
View File

@ -0,0 +1,267 @@
<template>
<div class="mod-config yzz">
<!-- 查询表单 - rqrq -->
<el-form label-position="top" style="margin-top: 1px; margin-left: 0px;">
<el-form :inline="true" label-position="top" style="margin-top: 0px">
<el-form-item label="托盘类型" required>
<el-select
v-model="searchData.palletType"
placeholder="请选择托盘类型"
style="width: 200px"
clearable
@change="handlePalletTypeChange">
<el-option
v-for="item in palletTypeOptions"
:key="item.palletType"
:label="item.palletType + ' - ' + item.typeDesc"
:value="item.palletType">
</el-option>
</el-select>
</el-form-item>
<!-- 最大已用数量查询条件 - rqrq -->
<el-form-item label="最大已用数量">
<el-input
v-model="searchData.maxPositionCount"
placeholder="请输入"
style="width: 120px" type="number">
</el-input>
</el-form-item>
<el-form-item :label="' '">
<el-button type="primary" @click="searchTable()" :disabled="!searchData.palletType">查询</el-button>
</el-form-item>
</el-form>
</el-form>
<!-- 操作按钮行 - rqrq -->
<div style="margin-bottom: 10px;">
<el-button
type="primary"
class="yzzButtonAn"
@click="submitMerge()"
:disabled="submitLoading || selectedRows.length < 2"
:loading="submitLoading">
{{ submitLoading ? '提交中...' : '提交合托' }}
</el-button>
<span style="margin-left: 10px; color: #909399; font-size: 12px;">
已选择 {{ selectedRows.length }} 条，至少选择2条才能合托
</span>
</div>
<!-- 主表格 - rqrq -->
<el-table
:data="dataList"
@row-click="handleRowClick"
@selection-change="handleSelectionChange"
:height="height"
border
highlight-current-row
ref="mainTable"
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column
v-for="(item,index) in columnList"
:key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 - rqrq -->
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 1000]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
</div>
</template>
<script>
import {
haiAnGetPalletTypeOptions,
haiAnSearchPalletMergeList,
haiAnSubmitPalletMerge
} from '@/api/haianWarehouse/palletMergeQuery.js'
export default {
name: 'palletMergeQuery54',
data() {
return {
height: 400,
dataList: [],
dataListLoading: false,
submitLoading: false,
selectedRows: [],
palletTypeOptions: [],
pageIndex: 1,
pageSize: 20,
totalPage: 0,
searchData: {
site: this.$store.state.user.site || '54',
palletType: '',
maxPositionCount: null,
page: 1,
limit: 20
},
// 表格列配置 - rqrq
columnList: [
{ userId: this.$store.state.user.name, serialNumber: 'palletMerge01PalletId', tableId: 'palletMergeTable', tableName: '合托查询表', columnProp: 'palletId', headerAlign: 'center', align: 'center', columnLabel: '托盘ID', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ userId: this.$store.state.user.name, serialNumber: 'palletMerge01PalletType', tableId: 'palletMergeTable', tableName: '合托查询表', columnProp: 'palletType', headerAlign: 'center', align: 'center', columnLabel: '托盘类型', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 100, showOverflowTooltip: true },
{ userId: this.$store.state.user.name, serialNumber: 'palletMerge01TypeDesc', tableId: 'palletMergeTable', tableName: '合托查询表', columnProp: 'typeDesc', headerAlign: 'center', align: 'left', columnLabel: '类型描述', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 150, showOverflowTooltip: true },
{ userId: this.$store.state.user.name, serialNumber: 'palletMerge01LocationCode', tableId: 'palletMergeTable', tableName: '合托查询表', columnProp: 'locationCode', headerAlign: 'center', align: 'center', columnLabel: '库位编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120, showOverflowTooltip: true },
{ userId: this.$store.state.user.name, serialNumber: 'palletMerge01CallingFlag', tableId: 'palletMergeTable', tableName: '合托查询表', columnProp: 'callingFlag', headerAlign: 'center', align: 'center', columnLabel: '调用标志', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80, showOverflowTooltip: true },
{ userId: this.$store.state.user.name, serialNumber: 'palletMerge01UsedPositionCount', tableId: 'palletMergeTable', tableName: '合托查询表', columnProp: 'usedPositionCount', headerAlign: 'center', align: 'center', columnLabel: '已用位置', columnHidden: false, columnImage: false, columnSortable: true, sortLv: 0, status: true, fixed: '', columnWidth: 100, showOverflowTooltip: true }
]
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 260
this.loadPalletTypeOptions()
})
},
methods: {
// 加载托盘类型下拉选项 - rqrq
loadPalletTypeOptions() {
haiAnGetPalletTypeOptions({ site: this.searchData.site }).then(({ data }) => {
if (data && data.code === 0) {
this.palletTypeOptions = data.rows || []
} else {
this.palletTypeOptions = []
this.$message.error(data.msg || '获取托盘类型选项失败')
}
}).catch(() => {
this.palletTypeOptions = []
this.$message.error('获取托盘类型选项失败')
})
},
// 托盘类型变化时清空表格 - rqrq
handlePalletTypeChange() {
this.dataList = []
this.selectedRows = []
this.totalPage = 0
this.pageIndex = 1
if (this.$refs.mainTable) {
this.$refs.mainTable.clearSelection()
}
},
// 查询表格数据 - rqrq
searchTable() {
if (!this.searchData.palletType) {
this.$alert('请选择托盘类型', '提示', { confirmButtonText: '确定' })
return
}
this.dataListLoading = true
this.selectedRows = []
if (this.$refs.mainTable) {
this.$refs.mainTable.clearSelection()
}
this.searchData.page = this.pageIndex
this.searchData.limit = this.pageSize
haiAnSearchPalletMergeList(this.searchData).then(({ data }) => {
this.dataListLoading = false
if (data && data.code === 0) {
if (data.page) {
this.dataList = data.page.list || []
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
} else {
this.dataList = data.rows || []
this.totalPage = this.dataList.length
}
if (this.dataList.length === 0) {
this.$message({ message: '没有找到需要合托的托盘', type: 'warning', duration: 2000 })
}
} else {
this.dataList = []
this.totalPage = 0
this.$alert(data.msg || '查询失败', '错误', { confirmButtonText: '确定' })
}
}).catch(() => {
this.dataListLoading = false
this.dataList = []
this.totalPage = 0
this.$message.error('查询失败')
})
},
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.searchTable()
},
currentChangeHandle(val) {
this.pageIndex = val
this.searchTable()
},
handleRowClick(row) {
this.$refs.mainTable.toggleRowSelection(row)
},
handleSelectionChange(selection) {
this.selectedRows = selection
},
// 提交合托 - rqrq
submitMerge() {
if (this.selectedRows.length < 2) {
this.$alert('请至少选择2条数据进行合托', '提示', { confirmButtonText: '确定' })
return
}
this.submitLoading = true
this.$confirm('确定进行[合托]操作?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
haiAnSubmitPalletMerge(this.selectedRows).then(({ data }) => {
if (data && data.code === 0) {
this.$message({ message: '提交成功', type: 'success', duration: 1500 })
this.searchTable()
} else {
this.$alert(data.msg || '提交失败', '错误', { confirmButtonText: '确定' })
}
}).catch(() => {
this.$message.error('提交失败')
}).finally(() => {
this.submitLoading = false
})
}).catch(() => {
this.submitLoading = false
})
}
}
}
</script>
<style scoped>
/deep/ .el-form-item--medium .el-form-item__content {
height: auto;
}
/deep/ .el-table__body tr {
cursor: pointer;
}
/deep/ .el-form-item.is-required .el-form-item__label:before,
.el-form-item[required] .el-form-item__label:before {
content: '*';
color: #F56C6C;
margin-right: 4px;
}
</style>

467
src/views/modules/haianWarehouse/warehouse/interfaceCallLog54.vue
View File

@ -0,0 +1,467 @@
<template>
<div class="mod-config">
<!-- 查询表单 - rqrq -->
<el-form :inline="true" label-position="top" style="margin-top: 1px; margin-left: 0px;">
<el-form-item label="接口名称">
<el-input v-model="queryData.interfaceName" style="width: 120px" placeholder="接口名称" clearable></el-input>
</el-form-item>
<el-form-item label="方法名称">
<el-input v-model="queryData.methodName" style="width: 120px" placeholder="方法名称" clearable></el-input>
</el-form-item>
<el-form-item label="业务主键">
<el-input v-model="queryData.businessKey" style="width: 120px" placeholder="业务主键" clearable></el-input>
</el-form-item>
<el-form-item label="调用状态">
<el-select v-model="queryData.status" placeholder="请选择" style="width: 120px" clearable>
<el-option label="全部" value=""></el-option>
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="创建时间从">
<el-date-picker
v-model="queryData.startDate"
type="date"
style="width: 120px"
placeholder="开始日期"
value-format="yyyy-MM-dd"
clearable>
</el-date-picker>
</el-form-item>
<el-form-item label="创建时间至">
<el-date-picker
v-model="queryData.endDate"
type="date"
style="width: 120px"
placeholder="结束日期"
value-format="yyyy-MM-dd"
clearable>
</el-date-picker>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="getDataList()">{{ $t('warehouse.common.search') }}</el-button>
<el-button @click="resetQuery()">{{ $t('warehouse.common.reset') }}</el-button>
<!-- 导出按钮 - rqrq -->
<download-excel
:fields="fields()"
:data="exportData"
type="xls"
:name="exportName"
:header="exportHeader"
:footer="exportFooter"
:fetch="createExportData"
:before-generate="startDownload"
:before-finish="finishDownload"
:worksheet="$t('warehouse.common.exportWorksheet')"
class="el-button el-button--primary el-button--medium">
{{ $t('warehouse.common.download') }}
</download-excel>
</el-form-item>
</el-form>
<!-- 数据表格 - rqrq -->
<el-table
:data="dataList"
:height="height"
border
highlight-current-row
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="item.columnProp === 'status'">
<el-tag
:type="getStatusType(scope.row.status)"
size="small">
{{ getStatusLabel(scope.row.status) }}
</el-tag>
</span>
<span v-else-if="item.columnProp === 'executionTime'">
<span :style="{color: scope.row.executionTime > 3000 ? '#F56C6C' : '#67C23A'}">
{{ scope.row.executionTime }} ms
</span>
</span>
<span v-else>{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
<!-- 操作列 - rqrq -->
<el-table-column
header-align="center"
align="center"
fixed="right"
width="150"
label="操作">
<template slot-scope="scope">
<a type="text" @click="viewDetail(scope.row)">查看详情</a>
</template>
</el-table-column>
</el-table>
<!-- 分页 - rqrq -->
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 1000]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 详情弹窗 - rqrq -->
<el-dialog
title="接口调用详情"
:visible.sync="detailVisible"
:close-on-click-modal="false"
v-drag
width="80%">
<el-row :gutter="20">
<el-col :span="12">
<el-card class="box-card fixed-height-card">
<div slot="header" class="clearfix">
<span>基本信息</span>
</div>
<el-form label-width="120px" class="detail-form">
<el-form-item label="接口名称:">
<span>{{ detailData.interfaceName }}</span>
</el-form-item>
<el-form-item label="方法名称:">
<span>{{ detailData.methodName }}</span>
</el-form-item>
<el-form-item label="工厂编码:">
<span>{{ detailData.site }}</span>
</el-form-item>
<el-form-item label="业务主键:">
<span>{{ detailData.businessKey }}</span>
</el-form-item>
<el-form-item label="调用状态:">
<el-tag
:type="getStatusType(detailData.status)"
size="small">
{{ getStatusLabel(detailData.status) }}
</el-tag>
</el-form-item>
<el-form-item label="执行时间:">
<span :style="{color: detailData.executionTime > 3000 ? '#F56C6C' : '#67C23A'}">
{{ detailData.executionTime }} ms
</span>
</el-form-item>
<el-form-item label="创建时间:">
<span>{{ detailData.createdTime }}</span>
</el-form-item>
<el-form-item label="创建人:">
<span>{{ detailData.createdBy }}</span>
</el-form-item>
</el-form>
</el-card>
</el-col>
<el-col :span="12">
<el-card class="box-card fixed-height-card">
<div slot="header" class="clearfix">
<span>返回信息</span>
</div>
<div class="detail-content-area">
<el-input
type="textarea"
:rows="13"
:value="detailData.errorMessage || '无错误'"
:readonly="true">
</el-input>
</div>
</el-card>
</el-col>
</el-row>
<el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="12">
<el-card class="box-card fixed-height-card">
<div slot="header" class="clearfix">
<span>请求数据</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="copyToClipboard(detailData.requestData)">复制</el-button>
</div>
<div class="detail-content-area">
<pre class="json-pre">{{ formatJson(detailData.requestData) }}</pre>
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card class="box-card fixed-height-card">
<div slot="header" class="clearfix">
<span>响应数据</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="copyToClipboard(detailData.responseData)">复制</el-button>
</div>
<div class="detail-content-area">
<pre class="json-pre">{{ formatJson(detailData.responseData) }}</pre>
</div>
</el-card>
</el-col>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button @click="detailVisible = false">{{ $t('warehouse.common.close') }}</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
haiAnGetInterfaceCallLogList,
haiAnGetStatusOptions
} from '@/api/haianWarehouse/interfaceCallLog.js'
export default {
name: 'interfaceCallLog54',
data() {
// 默认携带登录工厂编码，保证日志查询上下文与海安工厂一致 - rqrq
const defaultSite = this.$store.state.user.site || '54'
return {
// 查询条件 - rqrq
queryData: {
site: defaultSite,
interfaceName: '',
methodName: '',
businessKey: '',
status: '',
startDate: '',
endDate: '',
page: 1,
limit: 20
},
// 表格高度 - rqrq
height: 450,
// 状态选项 - rqrq
statusOptions: [],
// 表格列配置 - rqrq
columnList: [
{ columnProp: 'interfaceName', headerAlign: 'center', align: 'center', columnLabel: '接口名称', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'methodName', headerAlign: 'center', align: 'center', columnLabel: '方法名称', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'businessKey', headerAlign: 'center', align: 'center', columnLabel: '业务主键', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '调用状态', columnWidth: 100, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'executionTime', headerAlign: 'center', align: 'center', columnLabel: '执行时间', columnWidth: 120, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'site', headerAlign: 'center', align: 'center', columnLabel: '工厂编码', columnWidth: 80, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'createdTime', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'createdBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnWidth: 100, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'remark', headerAlign: 'center', align: 'left', columnLabel: '备注', columnWidth: 200, columnSortable: false, showOverflowTooltip: true, fixed: '' }
],
dataList: [],
pageIndex: 1,
pageSize: 20,
totalPage: 0,
dataListLoading: false,
detailVisible: false,
detailData: {},
// 导出相关 - rqrq
exportData: [],
exportName: '海安接口调用日志' + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ['海安接口调用日志'],
exportFooter: []
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 220
})
},
activated() {
this.getDataList()
this.getStatusOptions()
},
methods: {
// 查询日志列表 - rqrq
getDataList() {
this.dataListLoading = true
this.queryData.page = this.pageIndex
this.queryData.limit = this.pageSize
haiAnGetInterfaceCallLogList(this.queryData).then(({ data }) => {
this.dataListLoading = false
if (data && data.code === 0) {
this.dataList = data.page.list || []
this.totalPage = data.page.totalCount || 0
} else {
this.dataList = []
this.totalPage = 0
this.$alert(data.msg || this.$t('warehouse.message.queryFailed'), this.$t('warehouse.common.error'), { confirmButtonText: this.$t('warehouse.common.confirm') })
}
}).catch(() => {
this.dataListLoading = false
this.$alert(this.$t('warehouse.message.queryFailed'), this.$t('warehouse.common.error'), { confirmButtonText: this.$t('warehouse.common.confirm') })
})
},
// 查询状态下拉选项 - rqrq
getStatusOptions() {
haiAnGetStatusOptions().then(({ data }) => {
if (data && data.code === 0) {
this.statusOptions = data.options || []
}
})
},
// 重置查询条件 - rqrq
resetQuery() {
this.queryData = {
// 重置时保留site，避免空site触发后端必填校验失败 - rqrq
site: this.$store.state.user.site || '54',
interfaceName: '',
methodName: '',
businessKey: '',
status: '',
startDate: '',
endDate: '',
page: 1,
limit: 20
}
this.pageIndex = 1
this.getDataList()
},
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 状态标签色 - rqrq
getStatusType(status) {
const statusMap = { PROCESSING: 'warning', SUCCESS: 'success', ERROR: 'danger', TIMEOUT: 'info' }
return statusMap[status] || 'info'
},
// 状态文案 - rqrq
getStatusLabel(status) {
const statusMap = { PROCESSING: '处理中', SUCCESS: '成功', ERROR: '失败', TIMEOUT: '超时' }
return statusMap[status] || '未知'
},
// 查看详情 - rqrq
viewDetail(row) {
this.detailData = row
this.detailVisible = true
},
// 格式化JSON展示 - rqrq
formatJson(jsonStr) {
if (!jsonStr) {
return '无数据'
}
try {
return JSON.stringify(JSON.parse(jsonStr), null, 2)
} catch (e) {
return jsonStr
}
},
// 复制文本 - rqrq
copyToClipboard(text) {
if (!text) {
this.$message.warning('无内容可复制')
return
}
const textarea = document.createElement('textarea')
textarea.value = text
document.body.appendChild(textarea)
textarea.select()
try {
document.execCommand('copy')
this.$message.success('复制成功')
} catch (e) {
this.$alert('复制失败', this.$t('warehouse.common.error'), { confirmButtonText: this.$t('warehouse.common.confirm') })
}
document.body.removeChild(textarea)
},
// 导出相关方法 - rqrq
async createExportData() {
const queryParams = { ...this.queryData, page: 1, limit: 999999 }
const { data } = await haiAnGetInterfaceCallLogList(queryParams)
if (data && data.code === 0) {
return (data.page.list || []).map(item => ({ ...item, status: this.getStatusLabel(item.status) }))
}
return []
},
startDownload() {},
finishDownload() {},
fields() {
let json = '{'
this.columnList.forEach((item, index) => {
if (index === this.columnList.length - 1) {
json += '"' + item.columnLabel + '":"' + item.columnProp + '"'
} else {
json += '"' + item.columnLabel + '":"' + item.columnProp + '",'
}
})
json += '}'
return eval('(' + json + ')')
}
}
}
</script>
<style scoped>
.mod-config {
padding: 10px;
}
.box-card {
margin-bottom: 20px;
}
.fixed-height-card {
height: 380px;
}
.detail-form {
height: 320px;
overflow-y: auto;
}
.detail-content-area {
height: 320px;
overflow-y: auto;
}
.json-pre {
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
font-size: 12px;
line-height: 1.5;
}
.clearfix:before,
.clearfix:after {
display: table;
content: '';
}
.clearfix:after {
clear: both;
}
</style>

299
src/views/modules/haianWarehouse/warehouse/wcsCallBackSearch54.vue
View File

@ -0,0 +1,299 @@
<template>
<div class="mod-config">
<!-- 查询表单 - rqrq -->
<el-form :inline="true" label-position="top" style="margin-top: 1px; margin-left: 0px;">
<el-form-item label="栈板ID">
<el-input v-model="queryData.palletId" style="width: 120px" placeholder="栈板ID" clearable></el-input>
</el-form-item>
<el-form-item label="任务号">
<el-input v-model="queryData.taskNo" style="width: 120px" placeholder="任务号" clearable></el-input>
</el-form-item>
<el-form-item label="事务类型">
<el-select v-model="queryData.transTypeDesc" placeholder="请选择" style="width: 120px" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="入库" value="入库"></el-option>
<el-option label="出库" value="出库"></el-option>
<el-option label="取货通知" value="取货通知"></el-option>
<el-option label="取走栈板" value="取走栈板"></el-option>
</el-select>
</el-form-item>
<el-form-item label="处理状态">
<el-select v-model="queryData.status" placeholder="请选择" style="width: 120px" clearable>
<el-option label="全部" value=""></el-option>
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="创建时间从">
<el-date-picker
v-model="queryData.startDate"
type="date"
style="width: 120px"
placeholder="开始日期"
value-format="yyyy-MM-dd"
clearable>
</el-date-picker>
</el-form-item>
<el-form-item label="创建时间至">
<el-date-picker
v-model="queryData.endDate"
type="date"
style="width: 120px"
placeholder="结束日期"
value-format="yyyy-MM-dd"
clearable>
</el-date-picker>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="getDataList()">{{ $t('warehouse.common.search') }}</el-button>
<el-button @click="resetQuery()">{{ $t('warehouse.common.reset') }}</el-button>
<!-- 导出按钮 - rqrq -->
<download-excel
:fields="fields()"
:data="exportData"
type="xls"
:name="exportName"
:header="exportHeader"
:footer="exportFooter"
:fetch="createExportData"
:before-generate="startDownload"
:before-finish="finishDownload"
:worksheet="$t('warehouse.common.exportWorksheet')"
class="el-button el-button--primary el-button--medium">
{{ $t('warehouse.common.download') }}
</download-excel>
</el-form-item>
</el-form>
<!-- 数据表格 - rqrq -->
<el-table
:data="dataList"
:height="height"
border
highlight-current-row
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="item.columnProp === 'status'">
<el-tag :type="getStatusType(scope.row.status)" size="small">{{ scope.row.status }}</el-tag>
</span>
<span v-else-if="item.columnProp === 'transTypeDesc'">
<el-tag :type="scope.row.transTypeDesc === '入库' ? 'success' : 'warning'" size="small">
{{ scope.row.transTypeDesc }}
</el-tag>
</span>
<span v-else>{{ scope.row[item.columnProp] }}</span>
</template>
</el-table-column>
</el-table>
<!-- 分页 - rqrq -->
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 1000]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
</div>
</template>
<script>
import {
haiAnGetWcsCallbackTaskList,
haiAnGetTaskStatusOptions,
haiAnGetUserAuthorizedSites
} from '@/api/haianWarehouse/wcsCallbackTask.js'
export default {
name: 'wcsCallBackSearch54',
data() {
// 查询默认绑定当前登录工厂，满足site只从前端显式传入约束 - rqrq
const defaultSite = this.$store.state.user.site || '54'
return {
queryData: {
site: defaultSite,
palletId: '',
taskNo: '',
transTypeDesc: '',
status: '',
startDate: '',
endDate: '',
page: 1,
limit: 20
},
height: 450,
statusOptions: [
{ label: '已录入', value: '已录入' },
{ label: '处理中', value: '处理中' },
{ label: '已完成', value: '已完成' },
{ label: '处理失败', value: '处理失败' }
],
siteOptions: [],
columnList: [
{ columnProp: 'site', headerAlign: 'center', align: 'center', columnLabel: '工厂编码', columnWidth: 80, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'palletId', headerAlign: 'center', align: 'center', columnLabel: '栈板ID', columnWidth: 120, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'taskNo', headerAlign: 'center', align: 'center', columnLabel: '任务号', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'itemNo', headerAlign: 'center', align: 'center', columnLabel: '明细行号', columnWidth: 80, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'transTypeDesc', headerAlign: 'center', align: 'center', columnLabel: '事务类型', columnWidth: 100, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'toWarehouseId', headerAlign: 'center', align: 'center', columnLabel: '目标仓库', columnWidth: 100, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'toLocationId', headerAlign: 'center', align: 'center', columnLabel: '目标库位', columnWidth: 120, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'toStation', headerAlign: 'center', align: 'center', columnLabel: '目标站点', columnWidth: 100, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '处理状态', columnWidth: 100, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'retryCount', headerAlign: 'center', align: 'center', columnLabel: '重试次数', columnWidth: 80, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'createdTime', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'processStartTime', headerAlign: 'center', align: 'center', columnLabel: '处理开始时间', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'processEndTime', headerAlign: 'center', align: 'center', columnLabel: '处理完成时间', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'errorMsg', headerAlign: 'center', align: 'left', columnLabel: '错误信息', columnWidth: 200, columnSortable: false, showOverflowTooltip: true, fixed: '' },
{ columnProp: 'remark', headerAlign: 'center', align: 'left', columnLabel: '备注', columnWidth: 150, columnSortable: false, showOverflowTooltip: true, fixed: '' }
],
dataList: [],
pageIndex: 1,
pageSize: 20,
totalPage: 0,
dataListLoading: false,
exportData: [],
exportName: '海安WCS回调任务' + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ['海安WCS回调任务'],
exportFooter: []
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 220
})
},
activated() {
this.getDataList()
this.getSiteOptions()
this.getTaskStatusOptions()
},
methods: {
// 查询列表 - rqrq
getDataList() {
this.dataListLoading = true
this.queryData.page = this.pageIndex
this.queryData.limit = this.pageSize
haiAnGetWcsCallbackTaskList(this.queryData).then(({ data }) => {
this.dataListLoading = false
if (data && data.code === 0) {
this.dataList = data.page.list || []
this.totalPage = data.page.totalCount || 0
} else {
this.dataList = []
this.totalPage = 0
this.$alert(data.msg || this.$t('warehouse.message.queryFailed'), this.$t('warehouse.common.error'), { confirmButtonText: this.$t('warehouse.common.confirm') })
}
}).catch(() => {
this.dataListLoading = false
this.$alert(this.$t('warehouse.message.queryFailed'), this.$t('warehouse.common.error'), { confirmButtonText: this.$t('warehouse.common.confirm') })
})
},
// 读取状态选项，保持后端字典与前端一致 - rqrq
getTaskStatusOptions() {
haiAnGetTaskStatusOptions().then(({ data }) => {
if (data && data.code === 0) {
this.statusOptions = data.options || this.statusOptions
}
})
},
// 获取当前用户授权工厂（保留原页面能力） - rqrq
getSiteOptions() {
const params = { userName: this.$store.state.user.name }
haiAnGetUserAuthorizedSites(params).then(({ data }) => {
if (data && data.code === 0) {
this.siteOptions = data.data || []
}
})
},
// 重置查询 - rqrq
resetQuery() {
this.queryData = {
// 重置后保持当前工厂，不允许把site清空导致后端拒绝或跨厂查询 - rqrq
site: this.$store.state.user.site || '54',
palletId: '',
taskNo: '',
transTypeDesc: '',
status: '',
startDate: '',
endDate: '',
page: 1,
limit: 20
}
this.pageIndex = 1
this.getDataList()
},
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 状态标签色 - rqrq
getStatusType(status) {
const statusMap = { 已录入: 'info', 处理中: 'warning', 已完成: 'success', 处理失败: 'danger' }
return statusMap[status] || 'info'
},
// 导出相关 - rqrq
async createExportData() {
const queryParams = { ...this.queryData, page: 1, limit: 999999 }
const { data } = await haiAnGetWcsCallbackTaskList(queryParams)
if (data && data.code === 0) {
return data.page.list || []
}
return []
},
startDownload() {},
finishDownload() {},
fields() {
let json = '{'
this.columnList.forEach((item, index) => {
if (index === this.columnList.length - 1) {
json += '"' + item.columnLabel + '":"' + item.columnProp + '"'
} else {
json += '"' + item.columnLabel + '":"' + item.columnProp + '",'
}
})
json += '}'
return eval('(' + json + ')')
}
}
}
</script>
<style scoped>
.mod-config {
padding: 10px;
}
</style>
Write Preview
Loading…
Cancel
Save