You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
641 lines
21 KiB
641 lines
21 KiB
<template>
|
|
<div class="mod-config">
|
|
<el-form inline="true" style="margin-top: -25px;" v-model="searchData">
|
|
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 5px;">
|
|
<el-form-item :label="'订单号：'">
|
|
<el-input v-model="searchData.orderNo" style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'计划开工日期：'" >
|
|
<el-date-picker
|
|
style="width: 130px"
|
|
v-model="searchData.startDate2"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 30px;">
|
|
<laber style="margin-left: -9px;font-size: 19px">➞</laber>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 30px;">
|
|
<el-date-picker
|
|
style="width: 130px"
|
|
v-model="searchData.endDate2"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item :label="'计划完工日期：'">
|
|
<el-date-picker
|
|
style="width: 130px"
|
|
v-model="searchData.startDate3"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 30px;">
|
|
<laber style="margin-left: -9px;font-size: 19px">➞</laber>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 30px;">
|
|
<el-date-picker
|
|
style="width: 130px"
|
|
v-model="searchData.endDate3"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 5px;">
|
|
<el-form-item :label="'状态：'">
|
|
<el-select filterable v-model="searchData.status" style="width: 120px">
|
|
<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
|
|
style="width: 130px"
|
|
v-model="searchData.startDate1"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 30px;">
|
|
<laber style="margin-left: -9px;font-size: 19px">➞</laber>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 30px;">
|
|
<el-date-picker
|
|
style="width: 130px"
|
|
v-model="searchData.endDate1"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item :label="'物料编码：'">
|
|
<el-input v-model="searchData.partNo" style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 30px">
|
|
<el-button @click="search()" style="margin-left: 24px" type="primary">查询</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
|
|
<el-table
|
|
:height="height"
|
|
:data="tableData"
|
|
border
|
|
style="width: 100%"
|
|
@selection-change="selectionChangeHandle">
|
|
<el-table-column
|
|
type="selection"
|
|
:selectable="checkSelections"
|
|
width="44">
|
|
</el-table-column>
|
|
<!-- <el-table-column-->
|
|
<!-- align="center"-->
|
|
<!-- width="40"-->
|
|
<!-- type="selection">-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- <el-checkbox v-if="scope.row.status==1" ></el-checkbox>-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
<el-table-column
|
|
prop="orderNo"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="60"
|
|
label="订单号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="partNo"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="60"
|
|
label="物料编码">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="partDescription"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="200"
|
|
label="物料名称">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="status"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="40"
|
|
label="状态">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="planStartDate"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="50"
|
|
label="计划开工日期">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="needDate"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="50"
|
|
label="计划完工日期">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="lotSize"
|
|
header-align="center"
|
|
align="right"
|
|
min-width="40"
|
|
label="订单数量">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="schedulingSize"
|
|
header-align="center"
|
|
align="right"
|
|
min-width="40"
|
|
label="已排产数量">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="enterDate"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="80"
|
|
label="录入时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="userName"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="40"
|
|
label="录入人">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop=""
|
|
fixed="right"
|
|
header-align="center"
|
|
align="center"
|
|
min-width="30"
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<a type="text" size="small" @click="openScheduleModel(scope.row)">排产</a>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<el-dialog title="排产信息" :visible.sync="schedulingFlag" :close-on-click-modal="false" v-drag width="800px" >
|
|
<el-form :inline="true" label-position="top">
|
|
<el-form-item :label="'订单号：'">
|
|
<el-input v-model="scheduledModelData.orderNo" readonly style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'计划开工日期：'">
|
|
<el-input v-model="scheduledModelData.planStartDate" readonly style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'计划完工日期：'">
|
|
<el-input v-model="scheduledModelData.needDate" readonly style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'已排产数量：'">
|
|
<el-input v-model="scheduledModelData.schedulingSize" readonly style="width: 100px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'未排产数量：'">
|
|
<el-input v-model="scheduledModelData.unSchedulingSize" readonly style="width: 100px"></el-input>
|
|
</el-form-item>
|
|
<el-button @click="schedulingModal()" type="primary" style="margin-top: 33px;margin-left: 40px;">新增</el-button>
|
|
</el-form>
|
|
<el-table
|
|
:height="300"
|
|
:data="scheduleTableData"
|
|
border
|
|
style="width: 100%">
|
|
<el-table-column
|
|
prop="orderDate"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="50"
|
|
label="计划日期">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="shiftdesc"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="40"
|
|
label="班次名称">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="orderQty"
|
|
header-align="center"
|
|
align="right"
|
|
min-width="40"
|
|
label="排产数量">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="qtyCirculation"
|
|
header-align="center"
|
|
align="right"
|
|
min-width="40"
|
|
label="已流转数">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="userName"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="50"
|
|
label="录入人">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="enterDate"
|
|
header-align="center"
|
|
align="left"
|
|
min-width="90"
|
|
label="录入日期">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop=""
|
|
header-align="center"
|
|
align="center"
|
|
min-width="50"
|
|
label="操作">
|
|
<template slot-scope="scope" class="foo_container">
|
|
<a type="text" size="small" @click="editSchedule(scope.row)">编辑</a>
|
|
<a type="text" size="small" @click="deleteSchedule(scope.row)">删除</a>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-footer style="height:40px;margin-top: 20px;text-align:center" >
|
|
<el-button type="primary" @click="schedulingFlag = false">取消</el-button>
|
|
<!-- <el-button type="primary" :disabled="bannersBut" @click="saveBanners()">确定</el-button>-->
|
|
</el-footer>
|
|
</el-dialog>
|
|
<el-dialog title="维护日计划" :close-on-click-modal="false" v-drag :visible.sync="schedulingModalFlag" width="341px" >
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item :label="'订单号：'">
|
|
<el-input v-model="scheduledingData.orderNo" disabled style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'计划日期：'">
|
|
<el-date-picker
|
|
style="width: 130px"
|
|
v-model="scheduledingData.orderDate"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
:disabled="scheduledingDataFlag1"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item :label="'计划班次：'" >
|
|
<!-- <el-input v-model="scheduledingData.shiftId" :disabled="scheduledingDataFlag1" style="width: 130px"></el-input>-->
|
|
<el-select v-model="scheduledingData.shiftId" :disabled="scheduledingDataFlag1" style="width: 130px" placeholder="请选择">
|
|
<el-option
|
|
v-for="(item,index) in selectList"
|
|
:key="index"
|
|
:label="item.label"
|
|
:value="item.value"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item :label="'计划数量：'">
|
|
<el-input v-model="scheduledingData.orderQty" style="width: 130px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-footer style="height:40px;margin-top: 20px;text-align:center" >
|
|
<el-button type="primary" v-if="scheduledingDataFlag3" @click="planSaveOn()">保存并继续</el-button>
|
|
<el-button type="primary" @click="planSave()">保存</el-button>
|
|
<el-button type="primary" @click="schedulingModalFlag = false">取消</el-button>
|
|
</el-footer>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getShopOrderData,
|
|
getSchedulingSize,
|
|
savePlan,
|
|
getWorkPlanData,
|
|
delPlan,
|
|
getShiftData,
|
|
} from "@/api/prd.js"
|
|
|
|
export default {
|
|
name: 'productionDispatch',
|
|
data () {
|
|
return {
|
|
|
|
selectList:[],
|
|
//维护日计划界面
|
|
schedulingModalFlag:false,
|
|
scheduleTableData:[],
|
|
scheduledModelData:{
|
|
orderNo:'',
|
|
planStartDate:'',
|
|
needDate:'',
|
|
schedulingSize:'',
|
|
unSchedulingSize:'',
|
|
},
|
|
dataListSelections:[],
|
|
scheduledingData:{
|
|
orderNo:'',
|
|
orderDate:'',
|
|
orderQty:'',
|
|
shiftId:'',
|
|
userName:this.$store.state.user.name,
|
|
lotSize:'',
|
|
planStartDate:'',
|
|
needDate:'',
|
|
site:this.$store.state.user.site,
|
|
productionType:'生产订单',
|
|
planAdd:0,
|
|
partNo:'',
|
|
},
|
|
scheduledingDataFlag1:false,
|
|
scheduledingDataFlag3:true,
|
|
schedulingFlag:false ,
|
|
tableData:[],
|
|
searchData:{
|
|
orderNo:'',
|
|
startDate1: new Date(),
|
|
endDate1: '',
|
|
startDate2: '',
|
|
endDate2: '',
|
|
status: "('已下达','已发料','已入库','已开工')",
|
|
partNo:'' ,
|
|
startDate3: '',
|
|
endDate3: '',
|
|
site:this.$store.state.user.site ,
|
|
},
|
|
// table高度
|
|
height:200,
|
|
}
|
|
},
|
|
mounted() {
|
|
this.$nextTick(()=>{
|
|
|
|
this.height = window.innerHeight - 270;
|
|
})
|
|
},
|
|
methods: {
|
|
search () {
|
|
this.getData();
|
|
},
|
|
//维护日计划界面
|
|
schedulingModal () {
|
|
if(this.scheduledModelData.unSchedulingSize==0){
|
|
this.$alert("该日计划已排产完毕无需新增！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
this.scheduledingDataFlag1 = false;
|
|
this.scheduledingDataFlag3 = true;
|
|
this.scheduledingData.userName = this.$store.state.user.name;
|
|
this.scheduledingData.planStartDate = this.scheduledModelData.planStartDate;
|
|
this.scheduledingData.needDate = this.scheduledModelData.needDate;
|
|
this.scheduledingData.orderNo = this.scheduledModelData.orderNo;
|
|
this.scheduledingData.orderDate = this.scheduledModelData.planStartDate;
|
|
this.scheduledingData.planAdd = 0;
|
|
this.scheduledingData.orderQty = "";
|
|
this.scheduledingData.shiftId = "";
|
|
this.schedulingModalFlag = true;
|
|
},
|
|
// 多选数据
|
|
selectionChangeHandle (val) {
|
|
this.dataListSelections = val;
|
|
},
|
|
//多选框选中触发判断
|
|
checkSelections(row){
|
|
if(row.status=="已计划"||row.status=="已取消"||row.status=="已关闭"){
|
|
return false;
|
|
}
|
|
if(row.schedulingSize>=row.orderQty){
|
|
return false;
|
|
}
|
|
return true;
|
|
},
|
|
//排产信息界面
|
|
openScheduleModel (row) {
|
|
|
|
if(row.status=="已计划"||row.status=="已取消"||row.status=="已关闭"){
|
|
this.$alert("该订单状态为"+row.status+"无法排产", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
let list={orderNo:row.orderNo}
|
|
getSchedulingSize(list).then(({data}) => {
|
|
this.scheduledModelData.schedulingSize = data.schedulingSize;
|
|
this.scheduledModelData.unSchedulingSize = row.lotSize - data.schedulingSize;
|
|
})
|
|
this.scheduledingData.lotSize = row.lotSize;
|
|
this.scheduledingData.partNo = row.partNo;
|
|
this.scheduledModelData.needDate = row.needDate;
|
|
this.scheduledModelData.planStartDate = row.planStartDate;
|
|
this.scheduledModelData.orderNo = row.orderNo;
|
|
this.schedulingFlag = true;
|
|
let data1 = {orderNo: row.orderNo}
|
|
getWorkPlanData(data1).then(({data}) => {
|
|
this.scheduleTableData = data.rows
|
|
})
|
|
},
|
|
|
|
// 查询
|
|
getData () {
|
|
|
|
|
|
getShopOrderData(JSON.parse(JSON.stringify(this.searchData))).then(({data}) => {
|
|
this.tableData = data.rows;
|
|
})
|
|
},
|
|
planSave () {
|
|
|
|
if (this.scheduledingData.orderDate == "" || null == this.scheduledingData.orderDate) {
|
|
this.$alert("请选择计划日期！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
if (this.scheduledingData.orderQty == "" || null == this.scheduledingData.orderQty) {
|
|
this.$alert("请输入排产数量！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
if (this.scheduledingData.orderQty <= 0 ) {
|
|
this.$alert("排产数量必须大于0！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
if (this.scheduledingData.shiftId == "") {
|
|
this.$alert("请输入排产班次！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
|
|
// this.scheduledingData.orderDate = this.format(this.scheduledingData.orderDate,'yyyy-MM-dd')
|
|
|
|
|
|
savePlan(this.scheduledingData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.scheduledModelData.schedulingSize = data.schedulingSize;
|
|
this.scheduledModelData.unSchedulingSize = this.scheduledingData.lotSize - data.schedulingSize;
|
|
this.schedulingModalFlag = false;
|
|
let data1 = {orderNo: this.scheduledModelData.orderNo}
|
|
getWorkPlanData(data1).then(({data}) => {
|
|
this.scheduleTableData = data.rows
|
|
})
|
|
this.getData()
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
|
|
onClose: () => {
|
|
}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
}
|
|
})
|
|
},
|
|
planSaveOn () {
|
|
if (this.scheduledingData.orderDate == "" || null == this.scheduledingData.orderDate) {
|
|
this.$alert("请选择计划日期！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
if (this.scheduledingData.orderQty == "" || null == this.scheduledingData.orderQty) {
|
|
this.$alert("请输入排产数量！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
if (this.scheduledingData.shiftId == "") {
|
|
this.$alert("请输入排产班次！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
if (this.scheduledingData.orderQty <= 0 ) {
|
|
this.$alert("排产数量必须大于0！", '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
return false;
|
|
}
|
|
|
|
savePlan(this.scheduledingData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
getShiftData().then(({data}) => {
|
|
this.shiftData = data.rows;
|
|
})
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
|
|
onClose: () => {
|
|
}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
}
|
|
})
|
|
},
|
|
//修改日计划
|
|
editSchedule (row) {
|
|
this.scheduledingDataFlag1 = true;
|
|
this.scheduledingDataFlag3 = false;
|
|
this.scheduledingData.userName = this.$store.state.user.name;
|
|
this.scheduledingData.planStartDate = this.scheduledModelData.planStartDate;
|
|
this.scheduledingData.needDate = this.scheduledModelData.needDate;
|
|
this.scheduledingData.orderNo = this.scheduledModelData.orderNo;
|
|
this.scheduledingData.orderDate = row.orderDate;
|
|
this.scheduledingData.planAdd = 1;
|
|
this.scheduledingData.orderQty = row.orderQty;
|
|
this.scheduledingData.shiftId = row.shiftId;
|
|
this.schedulingModalFlag = true;
|
|
},
|
|
//刪除
|
|
deleteSchedule (row) {
|
|
let delData = {
|
|
orderNo: row.orderNo,
|
|
orderQty: row.orderQty,
|
|
orderRef1: row.orderRef1,
|
|
}
|
|
this.$confirm(`是否删除此条记录?`, '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
delPlan(delData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.scheduledModelData.schedulingSize = data.schedulingSize;
|
|
this.scheduledModelData.unSchedulingSize = this.scheduledingData.lotSize - data.schedulingSize;
|
|
this.getData();
|
|
let data1 = {orderNo: this.scheduledModelData.orderNo}
|
|
getWorkPlanData(data1).then(({data}) => {
|
|
this.scheduleTableData = data.rows
|
|
})
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
onClose: () => {
|
|
}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定',
|
|
});
|
|
}
|
|
})
|
|
}).catch(() => {
|
|
})
|
|
},
|
|
|
|
|
|
|
|
getTime(date) {
|
|
if(date==''){
|
|
return ""
|
|
}else{
|
|
let json_date = new Date(date).toJSON();
|
|
return new Date(new Date(json_date) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
|
|
}
|
|
},
|
|
|
|
getSelectData(){
|
|
this.selectList=[];
|
|
getShiftData().then(({data}) => {
|
|
let list=data.rows;
|
|
for (let i = 0; i <list.length ; i++) {
|
|
let resultData = {
|
|
value:list[i].id,
|
|
label:list[i].shiftdesc
|
|
}
|
|
this.selectList.push(resultData);
|
|
}
|
|
})
|
|
}
|
|
},
|
|
created() {
|
|
this.getSelectData();
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
|
|
</style>
|