<template>
|
<div class="tasks-of-input-page subpages-containter-box">
|
<search-bar @search="onSearch" @reset="onReset">
|
<el-form :inline="true" class="search-form" label-width="70px">
|
<el-form-item label="序列号">
|
<el-input placeholder="请输入..." clearable class="default-form-width" v-model.trim="query.serialNumber"></el-input>
|
</el-form-item>
|
<el-form-item label="订货号">
|
<el-input placeholder="请输入..." clearable class="default-form-width" v-model.trim="query.orderNo"></el-input>
|
</el-form-item>
|
<el-form-item label="托盘号">
|
<el-input placeholder="请输入..." clearable class="default-form-width" v-model.trim="query.salverCode"></el-input>
|
</el-form-item>
|
<el-form-item label="系列">
|
<el-select placeholder="请选择..." clearable class="default-form-width" v-model="query.series_CodeItemId">
|
<el-option v-for="(item,index) in selectList.series" :key="'series-'+index" :label="item.name" :value="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="品类">
|
<el-select placeholder="请选择..." clearable class="default-form-width" v-model="query.cargoType_CodeItemId">
|
<el-option v-for="(item,index) in selectList.types" :key="'types-'+index" :label="item.name" :value="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="型号">
|
<el-select placeholder="请选择..." clearable class="default-form-width" v-model="query.materialModel_CodeItemId">
|
<el-option v-for="(item,index) in selectList.modelTypes" :key="'types-'+index" :label="item.name" :value="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="状态">
|
<el-select placeholder="请选择..." clearable class="default-form-width" v-model="query.taskState">
|
<el-option v-for="(item,index) in selectList.status" :key="'status-'+index" :label="item.TaskStateName" :value="item.TaskState" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="是否虚拟">
|
<el-select placeholder="请选择..." clearable class="default-form-width" v-model="query.isVirtual">
|
<el-option label="是" :value="true" />
|
<el-option label="否" :value="false" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="创建日期">
|
<el-date-picker v-model="query.dateRange" clearable class="default-form-width" value-format="YYYY-MM-DD" type="daterange"></el-date-picker>
|
</el-form-item>
|
</el-form>
|
</search-bar>
|
|
<div class="table-header-row">
|
<el-button type="primary" @click="onNew"><el-icon class="btn-left-icon"><e-icon-plus /></el-icon>新建组盘</el-button>
|
</div>
|
|
<el-table :data="list" border stripe>
|
<el-table-column min-width="50" label="序号" fixed>
|
<template #default="scope">{{(queried.page-1)*queried.pageSize+(scope.$index+1)}}</template>
|
</el-table-column>
|
<el-table-column prop="TaskNo" width="170px" label="任务号" />
|
<el-table-column label="是否虚拟" width="80" >
|
<template #default="scope">{{scope.row.IsVirtual?'是':'否'}}</template>
|
</el-table-column>
|
<el-table-column prop="TaskStateName" label="状态" />
|
<el-table-column prop="SeriesName" label="系列" />
|
<el-table-column prop="CargoTypeName" label="品类" />
|
<el-table-column prop="MaterialModel" label="型号" min-width="100" />
|
<el-table-column label="序列号/订货号/托盘号" min-width="240" >
|
<template #default="scope">
|
<p>序列号：{{scope.row.SerialNumber}}</p>
|
<p>订货号：{{scope.row.OrderNo}}</p>
|
<p>托盘号：{{scope.row.SalverCode}}</p>
|
</template>
|
</el-table-column>
|
<el-table-column prop="Supplier" label="主机厂" min-width="180" />
|
<el-table-column prop="RealToPlace" label="货位编号" width="100" />
|
<el-table-column prop="RealSourcePlace" label="入库口" />
|
<el-table-column prop="FinishTime" label="入库时间" width="160" />
|
<el-table-column prop="CreateTime" label="创建时间" width="160" />
|
<el-table-column prop="ModifyTime" label="修改时间" width="160" />
|
<el-table-column prop="CreateBy" label="创建人" width="100" />
|
<el-table-column prop="ModifyBy" label="修改人" width="100" />
|
<el-table-column label="操作" width="240" align="center" fixed="right">
|
<template #default="scope">
|
<el-button type="primary" size="small" :disabled="scope.row.TaskState!==0" @click="onStartIn(scope.row)">入库</el-button>
|
<el-button type="primary" size="small" :disabled="scope.row.TaskState!==0" @click="onUnbound(scope.row)">解绑</el-button>
|
<el-button type="danger" size="small" :disabled="scope.row.TaskState===98 || scope.row.TaskState===99" @click="onForceComplete(scope.row)">任务取消</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<div class="pagination-row">
|
<el-pagination :pager-count="5" layout="total, prev, pager, next, jumper" :total="total" @current-change="onPageList" />
|
</div>
|
|
<add-form-modal v-model:visible="formVisible" @submitCallback="onFormSubmitCallback" />
|
</div>
|
</template>
|
|
<script>
|
import SearchBar from '@/components/SearchBar.vue'
|
import AddFormModal from './compontents/AddFormModal.vue'
|
import {Plus} from '@element-plus/icons'
|
const defaultQuery = {
|
materialType:1,
|
materialType_FilterMode:'2',
|
taskState:'',
|
taskState_FilterMode:'2',
|
series_CodeItemId:'',
|
series_CodeItemId_FilterMode:'2',
|
cargoType_CodeItemId:'',
|
cargoType_CodeItemId_FilterMode:'2',
|
materialModel_CodeItemId:'',
|
materialModel_CodeItemId_FilterMode:'2',
|
serialNumber:'',
|
serialNumber_FilterMode:'1',
|
orderNo:'',
|
orderNo_FilterMode:'1',
|
salverCode:'',
|
salverCode_FilterMode:'1',
|
isVirtual:null,
|
isVirtual_FilterMode:'2',
|
dateRange:[],
|
createTime:[]
|
}
|
export default {
|
name:'tasksOfInputPage',
|
components:{SearchBar,'e-icon-plus':Plus,AddFormModal},
|
data(){
|
return {
|
selectList:{
|
series:[],
|
types:[],
|
modelTypes:[],
|
status:[]
|
},
|
list:[],
|
total:100,
|
query:{...defaultQuery},
|
queried:{...this.$config.pagination},
|
actionRow:{},
|
formVisible:false
|
}
|
},
|
mounted() {
|
this.init()
|
},
|
methods:{
|
/* 页面初始化 */
|
init(){
|
this.$loading();
|
this.getSelectLists((f)=>{
|
if (f) {
|
this.newList(false,()=>{
|
this.$loading().close();
|
})
|
} else {
|
this.$loading().close();
|
}
|
})
|
},
|
/* 搜索按钮 */
|
onSearch(){
|
this.newList()
|
},
|
/* 重置按钮 */
|
onReset(){
|
this.query = {...defaultQuery}
|
this.newList()
|
},
|
/* 翻页功能 */
|
onPageList(page){
|
this.queried.page = page;
|
this.getList();
|
},
|
/* 表格刷新至首页 */
|
newList(needLoading=true,callback){
|
this.queried = {...this.query,...this.$config.pagination}
|
if (this.queried.dateRange && (this.queried.dateRange instanceof Array) && this.queried.dateRange.length===2) {
|
this.queried.createTime[0] = this.queried.dateRange[0] + ' 00:00:00'
|
this.queried.createTime[1] = this.queried.dateRange[1] + ' 23:59:59'
|
} else {
|
this.queried.createTime = []
|
}
|
this.getList(callback,needLoading)
|
},
|
/* 更新数据表 */
|
getList(callback,needLoading=true){
|
if (needLoading) {
|
this.$loading();
|
}
|
this.$api.post('GetTask',this.queried,{block:'taskMain'}).then((d)=>{
|
this.total = d.total;
|
this.list = d.list.map((currentItem)=>{
|
currentItem.FinishTime = this.$utils.project.parseTimeStr(currentItem.FinishTime)
|
currentItem.CreateTime = this.$utils.project.parseTimeStr(currentItem.CreateTime)
|
currentItem.ModifyTime = this.$utils.project.parseTimeStr(currentItem.ModifyTime)
|
return currentItem
|
})
|
if (needLoading) {
|
this.$loading().close();
|
}
|
callback && callback(true)
|
}).catch((err)=>{
|
if (needLoading) {
|
this.$loading().close();
|
}
|
callback && callback(false)
|
})
|
},
|
getSelectLists(callback){
|
Promise.all([
|
this.$api.get('GetCodeItemsBySetCode',{setCode:'SeriesCode'},{block:'dictionary'}),
|
this.$api.get('GetCodeItemsBySetCode',{setCode:'CategoryCode'},{block:'dictionary'}),
|
this.$api.get('GetCodeItemsBySetCode',{setCode:'ModelNumber'},{block:'dictionary'}),
|
this.$api.get('TaskState',{},{block:'taskMain'})
|
]).then((response)=>{
|
this.selectList.series = response[0] || []
|
this.selectList.types = response[1] || []
|
this.selectList.modelTypes = response[2] || []
|
this.selectList.status = response[3] || []
|
callback && callback(true)
|
}).catch((err)=>{
|
callback && callback(false)
|
})
|
},
|
onNew(){
|
this.formVisible = true;
|
},
|
/* 新增/编辑成功提交后的回调 */
|
onFormSubmitCallback(needLoading) {
|
this.newList(needLoading)
|
},
|
onForceComplete(obj){
|
let warnMsg = `确认要对任务号【${obj.TaskNo}】取消吗？`
|
this.$confirm(warnMsg, '系统提示').then(()=>{
|
this.forceComplete(obj)
|
}).catch(()=>{});
|
},
|
onStartIn(obj){
|
let warnMsg = `确认要对任务号【${obj.TaskNo}】进行入库操作吗？`
|
this.$confirm(warnMsg, '系统提示').then(()=>{
|
this.dealStartIn(obj)
|
}).catch(()=>{});
|
},
|
onUnbound(obj){
|
let warnMsg = `确认要对任务号【${obj.TaskNo}】进行解绑操作吗？`
|
this.$confirm(warnMsg, '系统提示').then(()=>{
|
this.dealBound(obj)
|
}).catch(()=>{});
|
},
|
forceComplete(obj) {
|
let params = {Id:obj.Id};
|
this.$loading();
|
this.$api.put('TaskKill',{},{block:'taskMain'},params).then(()=>{
|
this.getList(()=>{
|
this.$loading().close();
|
},false)
|
}).catch(()=>{
|
this.$loading().close();
|
})
|
},
|
dealStartIn(obj) {
|
let params = {mainTaskId:obj.Id};
|
this.$loading();
|
this.$api.post('IssueInStoreTask',{},{block:'taskMain'},params).then(()=>{
|
this.getList(()=>{
|
this.$loading().close();
|
},false)
|
}).catch(()=>{
|
this.$loading().close();
|
})
|
},
|
dealBound(obj) {
|
this.$loading();
|
let params = {mainId:obj.Id};
|
this.$api.post('SalverMaterialRelieveBind',params,{block:'taskMain'}).then(()=>{
|
this.getList(()=>{
|
this.$loading().close();
|
},false)
|
}).catch(()=>{
|
this.$loading().close();
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
</style>
|
