feat: 页面修改

This commit is contained in:
caoqianming 2023-10-25 18:32:22 +08:00
parent 9557074627
commit 4b5c43ae36
3 changed files with 28 additions and 45 deletions

View File

@ -1,52 +1,36 @@
<template> <template>
<el-dialog <el-dialog :title="titleMap[mode]" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')">
:title="titleMap[mode]"
v-model="visible"
:size="1000"
destroy-on-close
@closed="$emit('closed')"
>
<el-container v-loading="loading"> <el-container v-loading="loading">
<el-main style="padding: 0 20px 20px 20px"> <el-main style="padding: 0 20px 20px 20px">
<el-form <el-form ref="dialogForm" :model="form" :rules="rules" label-width="120px">
ref="dialogForm"
:model="form"
:rules="rules"
label-width="120px"
>
<el-row> <el-row>
<el-col :md="12" :sm="24"> <el-col :md="12" :sm="24">
<el-form-item label="物料编号" prop="number"> <el-form-item label="物料编号" prop="number">
<el-input v-model="form.number" placeholder="物料编号"/> <el-input v-model="form.number" placeholder="物料编号" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="12" :sm="24" prop="name"> <el-col :md="12" :sm="24" prop="name">
<el-form-item label="物料名称"> <el-form-item label="物料名称">
<el-input v-model="form.name" placeholder="物料名称"/> <el-input v-model="form.name" placeholder="物料名称" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="12" :sm="24"> <el-col :md="12" :sm="24">
<el-form-item label="规格型号"> <el-form-item label="规格型号">
<el-input v-model="form.specification" placeholder="规格型号"/> <el-input v-model="form.specification" placeholder="规格型号" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="12" :sm="24"> <el-col :md="12" :sm="24">
<el-form-item label="物料类别" prop="type"> <el-form-item label="物料类别" prop="type">
<el-select <el-select v-model="form.type" placeholder="物料类别" clearable style="width:100%">
v-model="form.type" <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
placeholder="物料类别"
clearable
style="width:100%"
>
<el-option
v-for="item in options"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="12" :sm="24">
<el-form-item label="工艺路线" prop="need_route">
<el-switch v-model="form.need_route" />
</el-form-item>
</el-col>
<!-- <el-col :md="12" :sm="24"> <!-- <el-col :md="12" :sm="24">
<el-form-item label="计量单位" prop="unit"> <el-form-item label="计量单位" prop="unit">
<el-select <el-select
@ -88,20 +72,20 @@ export default {
}, },
form: {}, form: {},
rules: { rules: {
name: [{required: true, message: "请输入物料名称", trigger: "blur"}], name: [{ required: true, message: "请输入物料名称", trigger: "blur" }],
number: [{required: true, message: "请输入物料编号", trigger: "blur"}], number: [{ required: true, message: "请输入物料编号", trigger: "blur" }],
}, },
visible: false, visible: false,
isSaveing: false, isSaveing: false,
options: [ options: [
{id:0,name:'电/水/气'}, { id: 0, name: '电/水/气' },
{id:10,name:'成品'}, { id: 10, name: '成品' },
{id:20,name:'半成品'}, { id: 20, name: '半成品' },
{id:30,name:'主要原料'}, { id: 30, name: '主要原料' },
{id:40,name:'辅助材料'}, { id: 40, name: '辅助材料' },
{id:50,name:'加工工具'}, { id: 50, name: '加工工具' },
{id:60,name:'辅助工装'}, { id: 60, name: '辅助工装' },
{id:70,name:'办公用品'}, { id: 70, name: '办公用品' },
], ],
selectionFilters: [], selectionFilters: [],
setFiltersVisible: false, setFiltersVisible: false,
@ -111,7 +95,7 @@ export default {
}, },
methods: { methods: {
// //
open(mode = "add",type) { open(mode = "add", type) {
this.mode = mode; this.mode = mode;
this.visible = true; this.visible = true;
return this; return this;
@ -126,7 +110,7 @@ export default {
if (this.mode == "add") { if (this.mode == "add") {
res = await this.$API.mtm.material.create.req(this.form); res = await this.$API.mtm.material.create.req(this.form);
} else if (this.mode == "edit") { } else if (this.mode == "edit") {
res = await this.$API.mtm.material.update.req(this.form.id,this.form); res = await this.$API.mtm.material.update.req(this.form.id, this.form);
} }
this.isSaveing = false; this.isSaveing = false;
this.$emit("success", this.form, this.mode); this.$emit("success", this.form, this.mode);
@ -152,5 +136,4 @@ export default {
}, },
}; };
</script> </script>
<style> <style></style>
</style>

View File

@ -178,7 +178,7 @@ export default {
}) })
}, },
getProducts() { getProducts() {
this.$API.mtm.material.list.req({ page: 0, type: 10, is_assemb: false }).then(res => { this.$API.mtm.material.list.req({ page: 0, need_route: true }).then(res => {
res.forEach(m => { res.forEach(m => {
m.label = m.name m.label = m.name
}) })

View File

@ -25,7 +25,7 @@
</el-table-column> </el-table-column>
<el-table-column label="截止到货日期" prop="delivery_date"> <el-table-column label="截止到货日期" prop="delivery_date">
</el-table-column> </el-table-column>
<el-table-column label="提交时间" prop="submit_time"> <el-table-column label="提交时间" prop="submit_time" width="160">
</el-table-column> </el-table-column>
<el-table-column label="创建人" prop="create_by_name"> <el-table-column label="创建人" prop="create_by_name">
</el-table-column> </el-table-column>