| | |
| | | </el-table-column> |
| | | <el-table-column type="index" width="60" label="序号"> |
| | | </el-table-column> |
| | | <el-table-column prop="father" label="工序" sortable width="200px"> |
| | | <el-table-column prop="father" label="工序" width="200" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="scope.row.father != null" type="primary">01</el-tag> |
| | | <el-tag class="tag" v-if="scope.row.father != null" type="primary">01</el-tag> |
| | | <span style="color: #000000"> |
| | | {{ scope.row.father }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="tname" sortable label="工艺名称"> |
| | | <el-table-column prop="tname" label="工艺名称" width="200" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="success" v-if="scope.row.tname != null">02</el-tag> |
| | | <el-tag type="success" v-if="scope.row.tname != null" class="tag">02</el-tag> |
| | | <span style="color: #000000"> |
| | | {{ scope.row.tname }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="mname" label="材料名称"> |
| | | <el-table-column prop="mname" label="材料名称" width="200" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="info" color="#faf2ff" v-if="scope.row.mname != null"> |
| | | <el-tag type="info" class="tag" color="#faf2ff" v-if="scope.row.mname != null"> |
| | | <span style="color: #e1affb">03</span> |
| | | </el-tag> |
| | | <span> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="specifications" label="规格"> |
| | | <el-table-column prop="specifications" label="规格" :resizable="false"> |
| | | </el-table-column> |
| | | <el-table-column prop="unit" label="单位"> |
| | | <el-table-column prop="unit" label="单位" :resizable="false"> |
| | | </el-table-column> |
| | | <el-table-column prop="num" label="数量"> |
| | | <el-table-column prop="num" label="数量" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.num" |
| | | v-if="scope.row.mname != null" size="small" |
| | | @blur="updateVal(scope.row)"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | |
| | | data() { |
| | | return { |
| | | hasChildren:true, |
| | | selects: [] |
| | | selects: [], |
| | | isAllSelect:false, |
| | | deleteList:[], |
| | | } |
| | | }, |
| | | props:['tableData','tableType'], |
| | | created() {}, |
| | | mounted() {}, |
| | | methods: { |
| | | updateVal(row){ |
| | | this.$axios.post(this.$api.url.mBomWrite,{ |
| | | id : row.id, |
| | | num : row.num |
| | | }).then(res=>{ |
| | | this.$message.success(res.message); |
| | | }).catch(error=>{ |
| | | this.$message.error(error.message); |
| | | }) |
| | | }, |
| | | // 表格树全部选中配置 |
| | | // 全选/取消选操作 |
| | | selectAll(val) { |
| | |
| | | } |
| | | } |
| | | }, |
| | | handleSelectionChange(val) { |
| | | this.deleteList = []; |
| | | val.forEach((v) => { |
| | | if (v.id !== undefined) { |
| | | this.deleteList.push(v.id); |
| | | //改变选中 |
| | | toggleSelection(row, flag) { |
| | | this.$set(row, "isChecked", flag); |
| | | this.$nextTick(() => { |
| | | if (flag) { |
| | | this.$refs.multipleTable.toggleRowSelection(row, flag); |
| | | } else { |
| | | this.$refs.multipleTable.clearSelection(); |
| | | } |
| | | }); |
| | | }, |
| | | handleSelectionChange(val) { |
| | | this.deleteList = []; |
| | | val.forEach((v) => { |
| | | this.searchIdFun(v); |
| | | }); |
| | | this.$emit("childData",this.deleteList); |
| | | }, |
| | | //递归查找选中数据id |
| | | searchIdFun(data){ |
| | | let obj = data; |
| | | if(obj.children != undefined){ |
| | | this.searchIdFun(obj.children); |
| | | }else{ |
| | | this.deleteList.push(obj.id); |
| | | } |
| | | }, |
| | | // 表格树全部选中配置 结束 |
| | | } |
| | | } |
| | |
| | | .standard { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .tag{ |
| | | line-height:24px; |
| | | text-align:center; |
| | | width:36px; |
| | | height:24px; |
| | | |
| | | border-radius:12px; |
| | | } |
| | | .tag:nth-child(1){ |
| | | margin-left:20px; |
| | | } |
| | | </style> |
| | | <style> |
| | |
| | | .standard .el-table__body { |
| | | height: 100%; |
| | | } |
| | | .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){ |
| | | /* .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){ |
| | | padding-left: 23px !important; |
| | | } |
| | | } */ |
| | | </style> |
| | | |