683 lines
17 KiB
Vue
683 lines
17 KiB
Vue
<template>
|
|
<el-container>
|
|
<el-header style="height: 50%; padding: 0">
|
|
<el-container>
|
|
<el-header>
|
|
<div class="left-panel">
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-plus"
|
|
@click="add"
|
|
v-auth="'mlog.create'"
|
|
>新增</el-button
|
|
>
|
|
</div>
|
|
</el-header>
|
|
<el-main class="nopadding">
|
|
<scTable
|
|
ref="table"
|
|
:apiObj="apiObj"
|
|
row-key="id"
|
|
stripe
|
|
:params="params"
|
|
>
|
|
<el-table-column type="index" width="50" />
|
|
<el-table-column label="配料日期" prop="handle_date">
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="产物"
|
|
prop="material"
|
|
show-overflow-tooltip
|
|
>
|
|
<template #default="scope"
|
|
><span v-if="scope.row.material_out_">{{
|
|
scope.row.material_out_.full_name
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="批次" prop="batch">
|
|
</el-table-column>
|
|
<el-table-column label="数量/桶数" prop="count_real">
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="每桶重量/kg"
|
|
prop="count_real_eweight"
|
|
>
|
|
<template #default="scope">
|
|
<span v-if="scope.row.count_real_eweight">
|
|
{{
|
|
scope.row.count_real_eweight.toFixed(2)
|
|
}}</span
|
|
>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="配料人" prop="handle_user_name">
|
|
<template #default="scope">
|
|
<span
|
|
v-for="item in scope.row.handle_users_"
|
|
v-bind:key="item.id"
|
|
>
|
|
{{ item.name }}/
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="操作"
|
|
fixed="right"
|
|
align="center"
|
|
width="180"
|
|
>
|
|
<template #default="scope">
|
|
<el-button
|
|
link
|
|
type="primary"
|
|
v-if="scope.row.submit_time == null"
|
|
@click="table_edit(scope.row)"
|
|
v-auth="'mlog.update'"
|
|
>
|
|
编辑
|
|
</el-button>
|
|
<el-button
|
|
link
|
|
type="danger"
|
|
@click="table_del(scope.row)"
|
|
v-auth="'mlog.delete'"
|
|
v-if="scope.row.submit_time == null"
|
|
>
|
|
删除
|
|
</el-button>
|
|
<el-button
|
|
link
|
|
type="success"
|
|
v-if="scope.row.submit_user == null"
|
|
@click="table_submit(scope.row)"
|
|
v-auth="'mlog.submit'"
|
|
>
|
|
提交
|
|
</el-button>
|
|
<el-button
|
|
link
|
|
type="warning"
|
|
v-if="scope.row.submit_time != null"
|
|
@click="table_revert(scope.row)"
|
|
v-auth="'mlog.submit'"
|
|
>
|
|
撤回
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</scTable>
|
|
</el-main>
|
|
</el-container>
|
|
</el-header>
|
|
<el-main class="nopadding">
|
|
<el-container>
|
|
<el-aside style="width: 60%">
|
|
<el-container>
|
|
<el-header>
|
|
<div class="left-panel">
|
|
<span style="font-size: 14px">交接记录</span>
|
|
<el-button
|
|
type="primary"
|
|
@click="addHandover"
|
|
v-auth="'handover.create'"
|
|
>
|
|
新增
|
|
</el-button>
|
|
</div>
|
|
<div class="right-panel">
|
|
<el-input
|
|
v-model="queryHandover.search"
|
|
placeholder="批次号"
|
|
clearable
|
|
style="margin-right: 5px"
|
|
></el-input>
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-search"
|
|
@click="queryHandoverChange"
|
|
></el-button>
|
|
<el-button
|
|
type="primary"
|
|
@click="materialsChoses('handover')"
|
|
>选择物料</el-button
|
|
>
|
|
</div>
|
|
</el-header>
|
|
<el-main>
|
|
<scTable
|
|
ref="table2"
|
|
:apiObj="apiObjHandover"
|
|
row-key="id"
|
|
stripe
|
|
:params="paramsHandover"
|
|
>
|
|
<el-table-column type="index" width="50" />
|
|
<el-table-column
|
|
label="送料日期"
|
|
prop="send_date"
|
|
width="120"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="产物"
|
|
prop="material_name"
|
|
show-overflow-tooltip
|
|
width="120"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column label="批次" prop="batch">
|
|
</el-table-column>
|
|
<el-table-column label="数量/桶数" prop="count">
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="每桶/kg"
|
|
prop="count_eweight"
|
|
>
|
|
<template #default="scope">
|
|
<span v-if="scope.row.count_eweight">
|
|
{{
|
|
scope.row.count_eweight.toFixed(
|
|
2
|
|
)
|
|
}}</span
|
|
>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="交送人"
|
|
prop="send_user_name"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="接收车间"
|
|
prop="recive_dept_name"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="接收人"
|
|
prop="recive_user_name"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="是否确认"
|
|
prop="submit_time"
|
|
>
|
|
<template #default="scope">
|
|
<span v-if="scope.row.submit_time"
|
|
>是</span
|
|
>
|
|
<span v-else>否</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="操作"
|
|
fixed="right"
|
|
align="left"
|
|
width="100"
|
|
>
|
|
<template #default="scope">
|
|
<!-- <el-button link type="primary" @click="handover_edit(scope.row)"
|
|
v-auth="'handover.update'" v-if="scope.row.submit_time == null">
|
|
编辑
|
|
</el-button> -->
|
|
<el-button
|
|
link
|
|
type="danger"
|
|
@click="handover_delete(scope.row)"
|
|
v-auth="'handover.delete'"
|
|
v-if="scope.row.submit_time == null"
|
|
>
|
|
删除
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</scTable>
|
|
</el-main>
|
|
</el-container>
|
|
</el-aside>
|
|
<el-main class="nopadding">
|
|
<el-container>
|
|
<el-header>
|
|
<div class="left-panel">
|
|
<span style="font-size: 14px">车间库存</span>
|
|
</div>
|
|
<div class="right-panel">
|
|
<el-input
|
|
v-model="queryWm.search"
|
|
placeholder="批次号"
|
|
clearable
|
|
style="margin-right: 5px"
|
|
></el-input>
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-search"
|
|
@click="paramsWmChange"
|
|
></el-button>
|
|
<el-button
|
|
type="primary"
|
|
@click="materialsChoses('wm')"
|
|
>选择物料</el-button
|
|
>
|
|
</div>
|
|
</el-header>
|
|
<el-main>
|
|
<scTable
|
|
ref="table_wm"
|
|
:apiObj="apiObjWm"
|
|
row-key="id"
|
|
:params="paramsWm"
|
|
stripe
|
|
hidePagination
|
|
>
|
|
<el-table-column label="物料" prop="material">
|
|
<template #default="scope">{{
|
|
scope.row.material_name
|
|
}}</template>
|
|
</el-table-column>
|
|
<el-table-column label="批次" prop="batch">
|
|
</el-table-column>
|
|
<el-table-column label="数量/桶数" prop="count">
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="每桶/kg"
|
|
prop="count_eweight"
|
|
></el-table-column>
|
|
</scTable>
|
|
</el-main>
|
|
</el-container>
|
|
</el-main>
|
|
</el-container>
|
|
</el-main>
|
|
</el-container>
|
|
<el-dialog
|
|
title="交接单"
|
|
ref="handoverDialog"
|
|
v-model="handoverVisible"
|
|
:size="1000"
|
|
destroy-on-close
|
|
@closed="handoverVisible = false"
|
|
>
|
|
<el-form
|
|
ref="dialogForm"
|
|
:model="handoverForm"
|
|
:rules="rules"
|
|
label-width="120px"
|
|
>
|
|
<el-row>
|
|
<el-col :md="24" :sm="24">
|
|
<el-form-item label="交送物料" prop="wm">
|
|
<el-select
|
|
v-model="selectWm"
|
|
placeholder="交送物料"
|
|
clearable
|
|
style="width: 100%"
|
|
:disabled="handoverType == 'edit'"
|
|
value-key="id"
|
|
@change="selectWmChange"
|
|
>
|
|
<el-option
|
|
v-for="item in wmaterialList"
|
|
:key="item.id"
|
|
:label="item.material_name + '---' + item.batch"
|
|
:value="item"
|
|
>
|
|
<span style="float: left"
|
|
>{{ item.material_name }}---{{
|
|
item.batch
|
|
}}</span
|
|
>
|
|
<span
|
|
style="
|
|
float: right;
|
|
color: var(--el-text-color-secondary);
|
|
font-size: 13px;
|
|
"
|
|
>{{ item.count }}</span
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :md="12" :sm="24">
|
|
<el-form-item label="送料日期" prop="send_date">
|
|
<el-date-picker
|
|
v-model="handoverForm.send_date"
|
|
type="date"
|
|
value-format="YYYY-MM-DD"
|
|
style="width: 100%"
|
|
/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :md="12" :sm="24">
|
|
<el-form-item label="接收部门" prop="recive_dept">
|
|
<el-select
|
|
v-model="handoverForm.recive_dept"
|
|
placeholder="接收部门"
|
|
clearable
|
|
style="width: 100%"
|
|
@change="getUserList2"
|
|
>
|
|
<el-option
|
|
v-for="item in deptOptions"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :md="12" :sm="24">
|
|
<el-form-item label="接收人" prop="recive_user">
|
|
<el-select
|
|
v-model="handoverForm.recive_user"
|
|
placeholder="接收人"
|
|
clearable
|
|
style="width: 100%"
|
|
>
|
|
<el-option
|
|
v-for="item in userList2"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :md="12" :sm="24">
|
|
<el-form-item label="交送人" prop="send_user">
|
|
<el-select
|
|
v-model="handoverForm.send_user"
|
|
placeholder="交送人"
|
|
clearable
|
|
style="width: 100%"
|
|
>
|
|
<el-option
|
|
v-for="item in userList"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :md="12" :sm="24">
|
|
<el-form-item label="桶数" prop="count">
|
|
<el-input-number
|
|
v-model="handoverForm.count"
|
|
controls-position="right"
|
|
:min="0"
|
|
step="1"
|
|
:step-strictly="true"
|
|
style="width: 100%"
|
|
placeholder="桶数"
|
|
>
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :md="12" :sm="24">
|
|
<el-form-item label="每桶(kg)" prop="count_eweight">
|
|
<el-input-number
|
|
v-model="handoverForm.count_eweight"
|
|
controls-position="right"
|
|
:min="0"
|
|
:precision="2"
|
|
style="width: 100%"
|
|
placeholder="每桶kg"
|
|
>
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<el-footer>
|
|
<el-button @click="handoverVisible = false">取消</el-button>
|
|
<el-button type="primary" @click="submitHandover">提交</el-button>
|
|
</el-footer>
|
|
</el-dialog>
|
|
<save-dialog
|
|
v-if="dialogSave"
|
|
ref="saveDialog"
|
|
:mgroup="currentMgroup.id"
|
|
:mgroupShiftRule="currentMgroup.shift_rule"
|
|
:activeType="activeName"
|
|
@success="handleSaveSuccess"
|
|
@closed="dialogSave = false"
|
|
>
|
|
</save-dialog>
|
|
<el-dialog title="选择物料" v-model="materialsVisible" width="90%">
|
|
<materials
|
|
style="height: 500px"
|
|
:materialType="materialType"
|
|
ref="materialsChose"
|
|
@choseChange="choseChange"
|
|
></materials>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
import saveDialog from "./worktask_form.vue";
|
|
import materials from "./../mtm/materials.vue";
|
|
export default {
|
|
components: {
|
|
saveDialog,
|
|
materials,
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: "8车间",
|
|
currentMgroup: {},
|
|
apiObj: null,
|
|
params: {},
|
|
apiObjHandover: null,
|
|
paramsHandover: {},
|
|
queryHandover: {
|
|
search: "",
|
|
material: "",
|
|
},
|
|
apiObjWm: null,
|
|
paramsWm: {},
|
|
queryWm: {
|
|
search: "",
|
|
material: "",
|
|
},
|
|
materialType: "wm",
|
|
handoverForm: {},
|
|
handoverVisible: false,
|
|
dialogSave: false,
|
|
deptOptions: [],
|
|
userList: [],
|
|
userList2: [],
|
|
wmaterialList: [],
|
|
selectWm: null,
|
|
materialsVisible: false,
|
|
};
|
|
},
|
|
mounted() {
|
|
this.initMgroup();
|
|
this.getDepts();
|
|
},
|
|
methods: {
|
|
materialsChoses(str) {
|
|
this.materialType = str;
|
|
this.materialsVisible = true;
|
|
},
|
|
choseChange(data) {
|
|
if (this.materialType == "wm") {
|
|
this.queryWm.material = data;
|
|
this.$refs.table_wm.queryData(this.queryWm);
|
|
} else {
|
|
this.queryHandover.material = data;
|
|
this.$refs.table2.queryData(this.queryHandover);
|
|
}
|
|
|
|
this.materialsVisible = false;
|
|
},
|
|
queryHandoverChange() {
|
|
this.$refs.table2.queryData(this.queryHandover);
|
|
},
|
|
paramsWmChange() {
|
|
this.$refs.table_wm.queryData(this.queryWm);
|
|
},
|
|
table_revert(row) {
|
|
this.$API.wpm.mlog.revert
|
|
.req(row.id)
|
|
.then((res) => {
|
|
this.$message.success("撤回成功");
|
|
this.$refs.table.refresh();
|
|
this.$refs.table_wm.refresh();
|
|
})
|
|
.catch((e) => {});
|
|
},
|
|
table_submit(row) {
|
|
this.$API.wpm.mlog.submit.req(row.id).then((res) => {
|
|
this.$message.success("提交成功");
|
|
this.$refs.table.refresh();
|
|
this.$refs.table_wm.refresh();
|
|
});
|
|
},
|
|
add() {
|
|
this.dialogSave = true;
|
|
this.$nextTick(() => {
|
|
this.$refs.saveDialog.open("add");
|
|
});
|
|
},
|
|
//编辑
|
|
table_edit(row) {
|
|
this.dialogSave = true;
|
|
this.$nextTick(() => {
|
|
this.$refs.saveDialog.open("edit").setData(row);
|
|
});
|
|
},
|
|
async table_del(row) {
|
|
this.$confirm(`确定删除吗？`, "提示", {
|
|
type: "warning",
|
|
})
|
|
.then(() => {
|
|
this.$API.wpm.mlog.delete
|
|
.req(row.id)
|
|
.then((res) => {
|
|
this.$message.success("删除成功");
|
|
this.$refs.table.refresh();
|
|
return res;
|
|
})
|
|
.catch((err) => {
|
|
return err;
|
|
});
|
|
})
|
|
.catch(() => {});
|
|
},
|
|
handleSaveSuccess() {
|
|
this.$refs.table.refresh();
|
|
},
|
|
getDepts() {
|
|
this.$API.system.dept.list
|
|
.req({ page: 0, name__in: "7车间,8车间,10车间" })
|
|
.then((res) => {
|
|
this.deptOptions = res;
|
|
});
|
|
},
|
|
getUserList2(val) {
|
|
this.$API.system.user.list
|
|
.req({ belong_dept: val, page: 0 })
|
|
.then((res) => {
|
|
this.userList2 = res;
|
|
});
|
|
},
|
|
initMgroup() {
|
|
this.$API.mtm.mgroup.list
|
|
.req({ page: 0, name: "混料" })
|
|
.then((res) => {
|
|
if (res.length == 1) {
|
|
this.currentMgroup = res[0];
|
|
this.params.mgroup = this.currentMgroup.id;
|
|
this.apiObj = this.$API.wpm.mlog.list;
|
|
|
|
this.paramsHandover.send_mgroup = this.currentMgroup.id;
|
|
this.apiObjHandover = this.$API.wpm.handover.list;
|
|
|
|
this.paramsWm.belong_dept =
|
|
this.currentMgroup.belong_dept;
|
|
this.paramsWm.material__name__contains = "混料";
|
|
this.paramsWm.count__gte = 1;
|
|
this.apiObjWm = this.$API.wpm.wmaterial.list;
|
|
|
|
this.$API.system.user.list
|
|
.req({
|
|
page: 0,
|
|
belong_dept: this.currentMgroup.belong_dept,
|
|
})
|
|
.then((res) => {
|
|
this.userList = res;
|
|
});
|
|
} else {
|
|
this.$message.error("未找到工段");
|
|
}
|
|
});
|
|
},
|
|
//从生产日志生成交接记录
|
|
addHandover() {
|
|
this.getWmaterial();
|
|
this.handoverForm.wm = "";
|
|
this.handoverForm.send_date = "";
|
|
this.handoverForm.send_user = "";
|
|
this.handoverForm.recive_user = ""; //接收人
|
|
this.handoverForm.recive_dept = ""; //接收车间
|
|
this.handoverForm.send_dept = this.currentMgroup.belong_dept;
|
|
this.handoverForm.send_mgroup = this.currentMgroup.id;
|
|
this.handoverType = "add";
|
|
this.handoverVisible = true;
|
|
},
|
|
getWmaterial() {
|
|
let obj = {};
|
|
obj.belong_dept = this.currentMgroup.belong_dept;
|
|
obj.material__name__contains = "混料";
|
|
obj.page = 0;
|
|
obj.count__gte = 1;
|
|
this.$API.wpm.wmaterial.list.req(obj).then((res) => {
|
|
this.wmaterialList = res;
|
|
});
|
|
},
|
|
selectWmChange(item) {
|
|
this.handoverForm.count = item.count;
|
|
this.handoverForm.count_eweight = item.count_eweight;
|
|
this.handoverForm.wm = item.id;
|
|
this.handoverForm.send_dept = this.currentMgroup.belong_dept;
|
|
this.handoverForm.send_mgroup = this.currentMgroup.id;
|
|
this.handoverForm.material = item.material;
|
|
this.handoverForm.batch = item.batch;
|
|
},
|
|
submitHandover() {
|
|
this.$API.wpm.handover.create.req(this.handoverForm).then((res) => {
|
|
this.$message.success("创建成功");
|
|
this.handoverVisible = false;
|
|
this.$refs.table2.refresh();
|
|
});
|
|
},
|
|
handover_edit(row) {
|
|
Object.assign(this.handoverForm, row);
|
|
this.getUserList2(row.recive_dept);
|
|
this.handoverVisible = true;
|
|
},
|
|
handover_delete(row) {
|
|
this.$confirm(`确定删除吗？`, "提示", {
|
|
type: "warning",
|
|
})
|
|
.then(() => {
|
|
this.$API.wpm.handover.delete
|
|
.req(row.id)
|
|
.then((res) => {
|
|
this.$message.success("删除成功");
|
|
this.$refs.table2.refresh();
|
|
return res;
|
|
})
|
|
.catch((err) => {
|
|
return err;
|
|
});
|
|
})
|
|
.catch(() => {});
|
|
},
|
|
},
|
|
};
|
|
</script>
|