1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
| <template>
| <el-dialog :title="titleMap[mode]" v-model="visible" :width="600" destroy-on-close @closed="$emit('closed')">
| <el-form :model="addRouteForm" :rules="addRouteRules" :disabled="mode=='show'" ref="dialogForm" label-width="80px" label-position="center">
| <el-row>
| <el-col :span="24">
| <el-form-item label="工艺路线" prop="name">
| <el-input v-model="addRouteForm.name" placeholder="工艺路线" clearable></el-input>
| </el-form-item>
| </el-col>
| <el-col :span="24">
| <el-form-item label="产品编号">
| <el-select v-model="addRouteForm.productId" style="width: 100%" placeholder="产品编号">
| <el-option v-for="item in productList" :key="item.id" :label="item.name" :value="item.id"/>
| </el-select>
| </el-form-item>
| </el-col>
| <el-col :span="24">
| <el-form-item label="备注">
| <el-input v-model="addRouteForm.description" placeholder="备注" clearable></el-input>
| </el-form-item>
| </el-col>
| </el-row>
| </el-form>
| <template #footer>
| <el-button @click="visible=false" >取消</el-button>
| <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="routeSubmit">确定</el-button>
| </template>
| </el-dialog>
| </template>
|
| <script>
| export default {
| emits: ['success', 'closed'],
| data() {
| return {
| productList: [],
| value1: true,
| mode: "add",
| titleMap: {
| add: '新增',
| edit: '编辑',
| show: '查看'
| },
| visible: false,
| isSaveing: false,
| //表单数据
| addRouteForm: {
| name: "",
| productId: "",
| description: "",
|
| },
| //验证规则
| addRouteRules: {
| name:[{required: true, message: '请输入工艺路线'}],
| },
| //所需数据选项
| groups: [],
| groupsProps: {
| value: "id",
| multiple: true,
| checkStrictly: true
| },
| depts: [],
| deptsProps: {
| value: "id",
| checkStrictly: true
| }
| }
| },
| mounted() {
| },
| methods: {
| //显示
| open(mode='add'){
| this.mode = mode;
| this.visible = true;
| return this
| },
| //表单提交方法
| routeSubmit(){
| var obj = Object.assign({},this.addRouteForm);
| this.$refs.dialogForm.validate(async (valid) => {
| if (valid) {
| this.isSaveing = true;
| this.$HTTP.put("/api/smis/craft-routing/update",obj).then(res=> {
| this.isSaveing = false;
| if(res.code == 200) {
| this.$emit('success', this.addRouteForm, this.mode);
| this.visible = false;
| this.$message.success("操作成功");
| }else {
| this.$alert(res.message, "提示", {type: 'error'});
| }
| })
| }else{
| return false;
| }
| })
| },
| //表单注入数据
| setData(data,res){
| //可以和上面一样单个注入，也可以像下面一样直接合并进去
| this.productList = res;
| Object.assign(this.addRouteForm, data);
| }
| }
| }
| </script>
|
| <style>
| </style>
|
|
