Skip to content

M
mes-ui
Commit dfd83c51 authored by renjintao's avatar renjintao
Browse files
Options

state

parent 1586601e
Hide whitespace changes
Inline Side-by-side
Showing with 220 additions and 241 deletions
pages/technology/details/routingsupporting/add.vue
View file @ dfd83c51
<template> <template>
<Form ref="form" :model="entity" :rules="rules" :label-width="120"> <Form ref="form" :model="entity" :rules="rules" :label-width="120">
<Row> <Row>
<!-- <!--
<Col :span="12"> <Col :span="12">
<FormItem :label="l('routingStepId')" prop="routingStepId"> <FormItem :label="l('routingStepId')" prop="routingStepId">
<InputNumber v-model="entity.routingStepId"></InputNumber> <InputNumber v-model="entity.routingStepId"></InputNumber>
...@@ -34,19 +34,14 @@ ...@@ -34,19 +34,14 @@
</Col> </Col>
--> -->
<Col :span="12"> <Col :span="12">
<FormItem :label="l('routingDetailName')" prop="routingDetailId"> <FormItem :label="l('routingDetailName')" prop="routingDetailId">
<Select v-model="entity.routingDetailId"> <Select v-model="entity.routingDetailId">
<Option <Option v-for="(item, index) in routingDetailList" :value="item.value" :key="index">{{ item.label }}</Option>
v-for="(item, index) in routingDetailList" </Select>
:value="item.value"
:key="index"
>{{ item.label }}</Option
>
</Select>
</FormItem> </FormItem>
</Col> </Col>
<!-- <Col :span="8"> <!-- <Col :span="8">
<FormItem :label="l('materialType')" prop="materialType"> <FormItem :label="l('materialType')" prop="materialType">
<Dictionary <Dictionary
code="mes_xingchi_resource.material.materialReType" code="mes_xingchi_resource.material.materialReType"
...@@ -54,66 +49,48 @@ ...@@ -54,66 +49,48 @@
></Dictionary> ></Dictionary>
</FormItem> </FormItem>
</Col>--> </Col>-->
<Col :span="12"> <Col :span="12">
<!-- <FormItem :label="l('nameMaterial')" prop="materialNumber"> <!-- <FormItem :label="l('nameMaterial')" prop="materialNumber">
<Materiel :bomId="productBomId" v-model="entity.materialId" @on-change="change"></Materiel> <Materiel :bomId="productBomId" v-model="entity.materialId" @on-change="change"></Materiel>
</FormItem>--> </FormItem>-->
<FormItem :label="l('nameMaterial')" prop="materialId"> <FormItem :label="l('nameMaterial')" prop="materialId">
<Select <Select v-model="entity.materialId" placeholder="请选择" style="width: 300px">
v-model="entity.materialId" <Option v-for="(item, index) in listData" :key="index" :value="item.value" :label="item.label" style="display: none"></Option>
placeholder="请选择" <Tree key="mytree" :data="dataTree" ref="mytree" :render="renderContent"></Tree>
style="width: 300px" </Select>
> <!-- <Materiel
<Option
v-for="(item, index) in listData"
:key="index"
:value="item.value"
:label="item.label"
style="display: none"
></Option>
<Tree
key="mytree"
:data="dataTree"
ref="mytree"
:render="renderContent"
></Tree>
</Select>
<!-- <Materiel
v-model="entity.materialId" v-model="entity.materialId"
@on-change="change" @on-change="change"
:codeRuleType="1" :codeRuleType="1"
:setType="true" :setType="true"
></Materiel> --> ></Materiel> -->
</FormItem> </FormItem>
</Col> </Col>
<!-- <Col :span="8" v-if="false"> <!-- <Col :span="8" v-if="false">
<FormItem :label="l('nameMaterial')" prop="nameMaterial"> <FormItem :label="l('nameMaterial')" prop="nameMaterial">
<Input v-model="entity.nameMaterial"></Input> <Input v-model="entity.nameMaterial"></Input>
</FormItem> </FormItem>
</Col>--> </Col>-->
<Col :span="12"> <Col :span="12">
<FormItem :label="l('quantity')" prop="quantity"> <FormItem :label="l('quantity')" prop="quantity">
<InputNumber <InputNumber v-model="entity.quantity" style="width: 100%"></InputNumber>
v-model="entity.quantity"
style="width: 100%"
></InputNumber>
</FormItem> </FormItem>
</Col>
<Divider orientation="left">物料属性</Divider>
<Row>
<Col :span="12" v-if="entity.materialId">
<FormItem label="名称：">
<span>{{ entity.nameMaterial }}</span>
</FormItem>
</Col> </Col>
<Col :span="12" v-if="entity.materialId"> <Divider orientation="left">物料属性</Divider>
<FormItem label="编码："> <Row>
<span>{{ entity.materialNumber }}</span> <Col :span="12" v-if="entity.materialId">
</FormItem> <FormItem label="名称：">
</Col> <span>{{ entity.nameMaterial }}</span>
</Row> </FormItem>
<CustomProperties :materialId="entity.materialId" :forItem="forItem" /> </Col>
<!-- <Col :span="8"> <Col :span="12" v-if="entity.materialId">
<FormItem label="编码：">
<span>{{ entity.materialNumber }}</span>
</FormItem>
</Col>
</Row>
<CustomProperties :materialId="entity.materialId" :forItem="forItem" />
<!-- <Col :span="8">
<FormItem :label="l('brand')" prop="brand"> <FormItem :label="l('brand')" prop="brand">
<Input v-model="entity.brand"></Input> <Input v-model="entity.brand"></Input>
</FormItem> </FormItem>
...@@ -150,203 +127,205 @@ ...@@ -150,203 +127,205 @@
</Col>--> </Col>-->
</Row> </Row>
<FormItem> <FormItem>
<Button type="primary" @click="handleSubmit" v-noClick>保存</Button> <Button type="primary" @click="handleSubmit" v-noClick>保存</Button>
<Button @click="handleClose" class="ml20">取消</Button> <Button @click="handleClose" class="ml20">取消</Button>
</FormItem> </FormItem>
</Form> </Form>
</template> </template>
<script>
<script>
import Api from "./api"; import Api from "./api";
import ApiDetail from "../api"; import ApiDetail from "../api";
export default { export default {
name: "Add", name: "Add",
data() { data() {
return { return {
forItem: {}, forItem: {},
listData: [], listData: [],
dataTree: [], dataTree: [],
entity: { entity: {
routingHeaderId: null, routingHeaderId: null,
routingDetailId: null, routingDetailId: null,
routingStepId: 0, routingStepId: 0,
quantity: null, quantity: null,
materialId: "", materialId: "",
materialType: "", materialType: "",
materialNumber: null, materialNumber: null,
nameMaterial: "", nameMaterial: "",
brand: "", brand: "",
specifications: "", specifications: "",
xhgg: "", xhgg: "",
texture: "", texture: "",
procurementStandards: "", procurementStandards: "",
qualityGrade: "", qualityGrade: "",
state: null, state: 0,
extend: "", extend: "",
remark: "", remark: "",
drawNum: "", drawNum: "",
json: {}, json: {},
},
rules: {
routingDetailId: [
{
required: true,
message: "请选择工序",
type: "number",
trigger: "change",
},
],
materialId: [
{
required: true,
message: "请选择工序",
trigger: "change",
},
],
quantity: [
{
required: true,
type: "number",
message: "请选择工序",
trigger: "blur",
},
],
},
routingDetailList: [],
};
},
props: {
v: Object,
eid: Number,
headid: Number,
productBomId: {
type: Number,
default: null,
},
},
mounted() {
this.loadDetails();
this.getData();
},
methods: {
renderContent(h, { root, node, data }) {
//渲染树的样式
return h(
"span",
{
style: {
cursor: "pointer",
},
on: {
click: () => {
this.handleSelect(data); //手动选择树节点
}, },
}, rules: {
routingDetailId: [{
required: true,
message: "请选择工序",
type: "number",
trigger: "change",
}, ],
materialId: [{
required: true,
message: "请选择工序",
trigger: "change",
}, ],
quantity: [{
required: true,
type: "number",
message: "请选择工序",
trigger: "blur",
}, ],
},
routingDetailList: [],
};
},
props: {
v: Object,
eid: Number,
headid: Number,
productBomId: {
type: Number,
default: null,
}, },
data.title
);
}, },
handleSelect(data) { mounted() {
console.log(data); this.loadDetails();
this.getData();
},
methods: {
renderContent(h, {
root,
node,
data
}) {
//渲染树的样式
return h(
"span", {
style: {
cursor: "pointer",
},
on: {
click: () => {
this.handleSelect(data); //手动选择树节点
},
},
},
data.title
);
},
handleSelect(data) {
console.log(data);
let obj = { let obj = {
label: data.title, label: data.title,
value: data.materialId, value: data.materialId,
}; };
this.listData = []; this.listData = [];
this.listData.push(obj); this.listData.push(obj);
this.entity.materialId = this.listData[0].value; this.entity.materialId = this.listData[0].value;
this.entity.nameMaterial = this.listData[0].label; this.entity.nameMaterial = this.listData[0].label;
this.entity.nameMaterial = data.name; this.entity.nameMaterial = data.name;
this.entity.materialId = data.materialId; this.entity.materialId = data.materialId;
this.entity.materialNumber = data.mmcode; this.entity.materialNumber = data.mmcode;
this.entity.json.nameMaterial = data.name; this.entity.json.nameMaterial = data.name;
this.entity.json.materialNumber = data.mmcode; this.entity.json.materialNumber = data.mmcode;
Api.getMaterial({ id: data.materialId }).then((r) => { Api.getMaterial({
if (r.result) { id: data.materialId
this.forItem = r.result; }).then((r) => {
} if (r.result) {
}); this.forItem = r.result;
}, }
getData() {
Api.alltree({ id: this.productBomId }).then((r) => {
if (r.success) {
this.dataTree = r.result;
// this.$Message.success("获取物料成功");
} else {
this.$Message.error("获取物料失败");
}
});
},
handleSubmit() {
this.$refs.form.validate((v) => {
if (v) {
this.entity.routingHeaderId = this.headid;
Api.create(this.entity)
.then((r) => {
if (r.success) {
this.$Message.success("保存成功");
this.$emit("on-ok");
} else {
this.$Message.error("保存失败");
}
})
.catch((err) => {
this.$Message.error("保存失败");
console.warn(err);
}); });
} },
}); getData() {
}, Api.alltree({
handleClose() { id: this.productBomId
this.$emit("on-close"); }).then((r) => {
}, if (r.success) {
// change(e, v) { this.dataTree = r.result;
// console.log(e); // this.$Message.success("获取物料成功");
// console.log(v); } else {
// this.entity.nameMaterial = e.name; this.$Message.error("获取物料失败");
// this.entity.materialId = e.materialId; }
// this.entity.materialNumber = e.mmcode; });
},
handleSubmit() {
this.$refs.form.validate((v) => {
if (v) {
this.entity.routingHeaderId = this.headid;
Api.create(this.entity)
.then((r) => {
if (r.success) {
this.$Message.success("保存成功");
this.$emit("on-ok");
} else {
this.$Message.error("保存失败");
}
})
.catch((err) => {
this.$Message.error("保存失败");
console.warn(err);
});
}
});
},
handleClose() {
this.$emit("on-close");
},
// change(e, v) {
// console.log(e);
// console.log(v);
// this.entity.nameMaterial = e.name;
// this.entity.materialId = e.materialId;
// this.entity.materialNumber = e.mmcode;
// this.entity.json.nameMaterial = e.name; // this.entity.json.nameMaterial = e.name;
// this.entity.json.materialNumber = e.mmcode; // this.entity.json.materialNumber = e.mmcode;
// this.forItem = v; // this.forItem = v;
// }, // },
loadDetails() { loadDetails() {
//获取工序列表 //获取工序列表
let parms = { let parms = {
headerID: this.headid, headerID: this.headid,
}; };
ApiDetail.pagedDetails(parms).then((r) => { ApiDetail.pagedDetails(parms).then((r) => {
let tempDetails = r.result; let tempDetails = r.result;
let tempD = []; let tempD = [];
tempDetails.forEach((data) => { tempDetails.forEach((data) => {
let tempObj = {}; let tempObj = {};
tempObj.value = data.id; tempObj.value = data.id;
tempObj.label = data.taskSeq + " " + data.name; tempObj.label = data.taskSeq + " " + data.name;
tempD.push(tempObj); tempD.push(tempObj);
}); });
this.routingDetailList = tempD; this.routingDetailList = tempD;
}); });
}, },
l(key) { l(key) {
key = "routingsupporting" + "." + key; key = "routingsupporting" + "." + key;
return this.$t(key); return this.$t(key);
}, },
},
watch: {
v() {
this.entity = this.$u.clone(this.v);
},
eid(v) {
if (v > 0) {
this.load(v);
}
}, },
productBomId(v) { watch: {
if (v > 0) { v() {
} this.entity = this.$u.clone(this.v);
},
eid(v) {
if (v > 0) {
this.load(v);
}
},
productBomId(v) {
if (v > 0) {}
},
}, },
},
}; };
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment