| | |
| | | /> |
| | | </el-tooltip> |
| | | <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top"> |
| | | <i class="el-icon-delete" @click="del(row)" /> |
| | | <i class="el-icon-delete" style="margin-right:15px;" @click="del(row)" /> |
| | | </el-tooltip> |
| | | <el-tooltip v-del-tab-index class="item" effect="dark" content="复制" placement="top"> |
| | | <i class="el-icon-document-copy" style="cursor: pointer;color:#42b983" @click="copy('copy',row)" /> |
| | | </el-tooltip> |
| | | </div> |
| | | </template> |
| | |
| | | </div> |
| | | |
| | | <el-dialog |
| | | :title="operation==='add'?'新增':'预览'" |
| | | :title="operation==='add'?'新增':(operation==='edit'?'预览':'复制')" |
| | | :visible.sync="dialogVisible" |
| | | width="1000px" |
| | | :close-on-click-modal="false" |
| | |
| | | <el-form ref="dialogForm" style="height: 500px" :rules="dialogFormRules" :model="dialogForm" label-width="110px"> |
| | | <div style="display: flex"> |
| | | <el-form-item label="工艺路线编码" prop="code" style="margin-right: 20px"> |
| | | <el-input v-model="dialogForm.code" :disabled="operation!=='add'" style="width: 220px" /> |
| | | <el-input v-model="dialogForm.code" :disabled="operation==='edit'" style="width: 220px" /> |
| | | </el-form-item> |
| | | <el-form-item label="工艺名称" prop="name"> |
| | | <el-input v-model="dialogForm.name" :disabled="operation==='edit'" style="width: 220px" /> |
| | |
| | | routeArr: [], // 工艺设置下拉所有值 |
| | | routeSelectedArr: [], // 工艺设置下拉已选的值 |
| | | addDisabled: true, // 添加按钮是否可点击 |
| | | editDisabled: true, // 修改按钮是否可点击 |
| | | // editDisabled: true, // 修改按钮是否可点击 |
| | | mouseFocusPosition: 0, // 鼠标聚焦的位置 |
| | | operation: '', |
| | | dialogFormRules: { |
| | |
| | | stepname: item.stepname, |
| | | value: item.value |
| | | }) |
| | | console.log(this.routeSelectedArr, 7) |
| | | this.routeArr.splice(index, 1) |
| | | } |
| | | }) |
| | |
| | | this.$message.info('已取消删除') |
| | | }) |
| | | }, |
| | | // 复制按钮 |
| | | async copy(operation, row) { |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | | await this.getStepSelectArr() |
| | | const { data: res } = await ViewRoute({ routecode: row.code }) |
| | | // 待改 |
| | | this.dynamicTags = [] |
| | | this.routeSelectedArr = [] |
| | | this.$nextTick(() => { |
| | | this.dialogForm.code = res[0].code |
| | | this.dialogForm.name = res[0].name |
| | | this.dialogForm.enable = res[0].enable |
| | | this.dialogForm.description = res[0].description |
| | | // this.dialogForm.Data = row.description |
| | | res[0].Data.forEach(item => { |
| | | this.dynamicTags.push( |
| | | { seq: item.seq, stepname: item.stepname, stepcode: item.stepcode, editDisabled: true, effect: 'light' } |
| | | ) |
| | | this.routeSelectedArr.push({ |
| | | stepcode: item.stepcode, |
| | | stepname: item.stepname, |
| | | value: item.stepname |
| | | }) |
| | | |
| | | console.log(item, 2) |
| | | console.log(this.routeArr) |
| | | |
| | | this.routeArr = this.routeArr.filter(i => i.stepcode !== item.stepcode) |
| | | }) |
| | | |
| | | this.addDisabled = false |
| | | |
| | | // { editDisabled: true, stepcode: '', seq: 1, stepname: ' ', effect: 'light' } |
| | | }) |
| | | }, |
| | | // 对话框关闭事件 |
| | | handleClose() { |
| | | this.dialogForm.code = '' |
| | |
| | | Data: Data |
| | | } |
| | | |
| | | AddUpdateRoute(this.dialogForm.id, this.operation === 'add' ? 'Add' : 'Update', data).then(res => { |
| | | AddUpdateRoute(this.dialogForm.id, this.operation === 'edit' ? 'Update' : 'Add', data).then(res => { |
| | | if (res.code === '200') { |
| | | this.dialogVisible = false |
| | | this.$message.success(this.operation === 'add' ? '添加成功!' : '修改成功!') |
| | | this.$message.success(this.operation === 'add' ? '添加成功!' : '复制成功!') |
| | | this.getRouteSearch() |
| | | this.$store.state.app.buttonIsDisabled = false |
| | | } else { |
| | | this.$message.error(this.operation === 'add' ? '添加失败!' : '修改失败!') |
| | | this.$message.error(this.operation === 'add' ? '添加失败!' : '复制失败!') |
| | | } |
| | | }) |
| | | } |