364 lines
11 KiB
Python
364 lines
11 KiB
Python
<template>
|
|
<div class="app-container">
|
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
|
|
<el-tab-pane :key="item.name" v-for="item in processOption"
|
|
:label="item.name"
|
|
|
|
:name="item.id"
|
|
|
|
:closable="item.close">
|
|
|
|
|
|
<el-table
|
|
:data="subproductionplanList.results"
|
|
border
|
|
fit
|
|
stripe
|
|
style="width: 100%"
|
|
max-height="400"
|
|
>
|
|
<el-table-column type="index" width="50" />
|
|
|
|
|
|
|
|
<el-table-column label="生产子计划名">
|
|
<template slot-scope="scope">{{ scope.row.workshop_.name }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="工序名">
|
|
<template slot-scope="scope">{{ scope.row.process_.name }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="工序编号">
|
|
<template slot-scope="scope">{{ scope.row.process_.number }}</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="子工序">
|
|
<template slot-scope="scope" v-if="scope.row.steps">
|
|
<el-tag v-for="item in scope.row.steps"
|
|
:key="item.number"
|
|
:label="item.name"
|
|
:value="item.number">{{item.name}}</el-tag>
|
|
|
|
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="开工时间">
|
|
<template slot-scope="scope">{{ scope.row.start_date }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="完工时间">
|
|
<template slot-scope="scope">{{ scope.row.end_date }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="状态">
|
|
<template slot-scope="scope">{{ state_[scope.row.state] }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="领料状态">
|
|
<template slot-scope="scope">
|
|
<el-tag v-if="scope.row.is_picked==false">未领料</el-tag>
|
|
<el-tag v-else>已领料</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="创建时间">
|
|
<template slot-scope="scope">{{ scope.row.create_time }}</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
label="操作"
|
|
width="220px"
|
|
>
|
|
<template slot-scope="scope">
|
|
|
|
<el-link
|
|
v-if="checkPermission(['warehouse_update'])"
|
|
@click="handleNeed(scope)"
|
|
>领料</el-link
|
|
>
|
|
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
v-show="subproductionplanList.count > 0"
|
|
:total="subproductionplanList.count"
|
|
:page.sync="listQuery.page"
|
|
:limit.sync="listQuery.page_size"
|
|
@pagination="getspList"
|
|
/>
|
|
|
|
|
|
<el-card class="box-card">
|
|
<div slot="header" class="clearfix">
|
|
<span>车间物料</span>
|
|
</div>
|
|
<el-table
|
|
:data="wmaterialList"
|
|
border
|
|
fit
|
|
stripe
|
|
style="width: 100%"
|
|
max-height="400"
|
|
>
|
|
|
|
<el-table-column type="index" width="50" />
|
|
|
|
|
|
|
|
<el-table-column label="物料名称">
|
|
<template slot-scope="scope">{{ scope.row.material_.name }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="物料单位">
|
|
<template slot-scope="scope">{{ scope.row.material_.unit }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="物料批次">
|
|
<template slot-scope="scope">{{ scope.row.batch }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="物料数量">
|
|
<template slot-scope="scope">{{ scope.row.count }}</template>
|
|
</el-table-column>
|
|
|
|
|
|
</el-table>
|
|
</el-card>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
:visible.sync="dialogVisible"
|
|
:title="dialogType === 'edit' ? '编辑领料' : '选择仓库领料'"
|
|
>
|
|
<el-form
|
|
ref="Form"
|
|
:model="need"
|
|
label-width="80px"
|
|
label-position="right"
|
|
|
|
>
|
|
|
|
<el-form-item label="仓库" prop="warehouse">
|
|
<el-select style="width: 100%" v-model="need.warehouse" placeholder="请选择">
|
|
<el-option
|
|
v-for="item in warehouseoptions"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
|
|
</el-form>
|
|
<div style="text-align: right">
|
|
<el-button type="danger" @click="dialogVisible = false">取消</el-button>
|
|
<el-button type="primary" @click="confirm('Form')">确认</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<el-dialog
|
|
:visible.sync="dialogVisiblenw"
|
|
title="领料"
|
|
>
|
|
<el-card class="box-card">
|
|
<div slot="header" class="clearfix">
|
|
<span>生产所需领料表</span>
|
|
|
|
</div>
|
|
<template>
|
|
|
|
<el-table :data="needwl" style="width: 100%">
|
|
<el-table-column prop="material_.name" label="物料名称" > </el-table-column>
|
|
<el-table-column prop="material_.number" label="物料编号"> </el-table-column>
|
|
<el-table-column prop="material_.specification" label="物料规格" > </el-table-column>
|
|
<el-table-column prop="material_.unit" label="物料单位" > </el-table-column>
|
|
<el-table-column prop="count" label="所需物料数量" > </el-table-column>
|
|
<el-table-column prop="count_real" label="已领物料数量" > </el-table-column>
|
|
|
|
</el-table>
|
|
|
|
</template>
|
|
</el-card>
|
|
<el-card class="box-card">
|
|
<div slot="header" class="clearfix">
|
|
<span>当前仓库物料表</span>
|
|
<el-button style="float: right; padding: 3px 0" @click="handlePick" type="text">确认领料</el-button>
|
|
</div>
|
|
<template>
|
|
|
|
<el-table :data="havewl" style="width: 100%" ref="multipleTable">
|
|
<el-table-column
|
|
type="selection"
|
|
width="55">
|
|
</el-table-column>
|
|
<el-table-column prop="batch" label="物料批次" > </el-table-column>
|
|
<el-table-column prop="material_.name" label="物料名称"> </el-table-column>
|
|
<el-table-column prop="warehouse_.name" label="物料所在仓库" > </el-table-column>\
|
|
<el-table-column prop="count" label="物料总数量" > </el-table-column>
|
|
<el-table-column label="输入领料数量" width="140px">
|
|
<template slot-scope="scope" >
|
|
<el-form :model="scope.row" widht="100px">
|
|
<el-form-item size="mini">
|
|
<el-input-number v-model="scope.row.pick_count" :min="0" :precision="2" :controls="false" :value="0"></el-input-number>
|
|
</el-form-item>
|
|
</el-form>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="count_real" label="已领物料数量" > </el-table-column>
|
|
<el-table-column prop="material_.specification" label="物料规格" > </el-table-column>
|
|
<el-table-column prop="material_.unit" label="物料单位" > </el-table-column>
|
|
|
|
|
|
</el-table>
|
|
|
|
</template>
|
|
</el-card>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { getsubproductionplanList,createPick_need } from "@/api/pm";
|
|
import checkPermission from "@/utils/permission";
|
|
import { getProcessList} from "@/api/mtm";
|
|
import { createPick,getwmaterialList } from "@/api/wpm";
|
|
import { getWarehouseList } from "@/api/inm";
|
|
import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
|
|
const defaulteneed = {
|
|
};
|
|
export default {
|
|
components: { Pagination },
|
|
|
|
data() {
|
|
return {
|
|
need: defaulteneed,
|
|
subproductionplanList: {
|
|
count: 0,
|
|
},
|
|
wmaterialList:"",
|
|
listQuery: {
|
|
page: 1,
|
|
page_size: 20,
|
|
},
|
|
activeName:'0',
|
|
havewl:"",
|
|
needwl:"",
|
|
state_:{
|
|
0:'制定中',
|
|
1:'已下达',
|
|
2:'已接受',
|
|
3:'生产中',
|
|
4:'已完成'},
|
|
listLoading: true,
|
|
listLoading: true,
|
|
id:"",
|
|
warehouseoptions:[],
|
|
dialogVisible: false,
|
|
dialogType: "new",
|
|
dialogVisiblenw: false,
|
|
dialogTypenw: "new",
|
|
picks:[],
|
|
pickData:{},
|
|
};
|
|
},
|
|
computed: {},
|
|
watch: {},
|
|
created() {
|
|
this.getProcessList();
|
|
this.getWarehouseLists();
|
|
},
|
|
methods: {
|
|
checkPermission,
|
|
//选项卡切换
|
|
handleClick(tab)
|
|
{
|
|
|
|
this.listQuery.process=tab.name;
|
|
getsubproductionplanList(this.listQuery).then((response) => {
|
|
if (response.data) {
|
|
this.subproductionplanList = response.data;
|
|
}
|
|
this.listLoading = false;
|
|
});
|
|
getwmaterialList({process:tab.name,page:0}).then((response) => {
|
|
if (response.data) {
|
|
this.wmaterialList = response.data;
|
|
}
|
|
this.listLoading = false;
|
|
});
|
|
},
|
|
|
|
//工序渲染
|
|
getProcessList(){
|
|
getProcessList({page:0}).then((response) => {
|
|
if (response.data) {
|
|
this.processOption = response.data;
|
|
}
|
|
this.listLoading = false;
|
|
});
|
|
},
|
|
|
|
getWarehouseLists(){
|
|
getWarehouseList({page:0}).then((response) => {
|
|
if (response.data) {
|
|
this.warehouseoptions = response.data;
|
|
}
|
|
this.listLoading = false;
|
|
});
|
|
},
|
|
handleNeed(scope){
|
|
this.need = Object.assign({}, defaulteneed);
|
|
this.dialogType = "new";
|
|
this.dialogVisible = true;
|
|
this.id=scope.row.id;
|
|
this.$nextTick(() => {
|
|
this.$refs["Form"].clearValidate();
|
|
});
|
|
},
|
|
async confirm(form) {
|
|
|
|
createPick_need( this.id,this.need).then((res) => {
|
|
if (res.code >= 200) {
|
|
this.dialogVisible = false;
|
|
this.dialogVisiblenw = true;
|
|
this.havewl=res.data.have;
|
|
this.needwl=res.data.need;
|
|
|
|
|
|
}
|
|
});
|
|
|
|
},
|
|
//确认领料
|
|
handlePick()
|
|
{
|
|
|
|
let _this=this
|
|
_this.picks=[]//所需物料
|
|
this.$refs.multipleTable.selection.forEach((item) => {
|
|
_this.picks.push({
|
|
"material":item.material,
|
|
"batch": item.batch,
|
|
"pick_count":item.pick_count
|
|
});
|
|
|
|
});
|
|
this.pickData.subproduction_plan = this.id;
|
|
this.pickData.warehouse = this.need.warehouse;
|
|
this.pickData.picks = this.picks;
|
|
|
|
console.log(this.pickData)
|
|
|
|
createPick(this.pickData).then((res) => {
|
|
if (res.code >= 200) {
|
|
this.$message.success("领料成功！");
|
|
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
},
|
|
};
|
|
|
|
</script> |