| | |
| | | <el-form-item label="类型"> |
| | | <template> |
| | | <el-select v-model="edit.type" disabled placeholder="请选择" style="width: 560px;"> |
| | | <el-option label="橡胶连接器" :value="0"></el-option> |
| | | <el-option label="金属连接器" :value="1"></el-option> |
| | | <el-option label="湿插拔电连接器" :value="2"></el-option> |
| | | <el-option label="分支组件" :value="3"></el-option> |
| | | <el-option v-for="(a, ai) in bigType" :key="ai" :value="a"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-form-item> |
| | |
| | | <el-form ref="form" :model="form" label-width="80px"> |
| | | <el-form-item label="类型"> |
| | | <template> |
| | | <el-select v-model="form.type" placeholder="请选择" @change="edittype" style="width: 480px;"> |
| | | <el-option label="橡胶连接器" :value="0"></el-option> |
| | | <el-option label="金属连接器" :value="1"></el-option> |
| | | <el-option label="湿插拔电连接器" :value="2"></el-option> |
| | | <el-option label="分支组件" :value="3"></el-option> |
| | | <el-select v-model="form.type" placeholder="请选择" @change="edittype" style="width: 100%;"> |
| | | <el-option v-for="(a, ai) in bigType" :key="ai" :value="a"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-form-item> |
| | |
| | | <el-col :span="11" :offset="2"> |
| | | <el-form-item label="单位"> |
| | | <template> |
| | | <el-input v-model="unitrow" :disabled="true" placeholder="请输入单位" style="width: 200px;"></el-input> |
| | | <el-input v-model="unitrow" :disabled="true" placeholder="请输入单位" style="width: 100%;"></el-input> |
| | | </template> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <div class="choose"> |
| | | <span>类型:</span> |
| | | <el-select v-model="search.type" size="small" @change="TYpe" placeholder="请选择" style="width: 224px;margin-right: 30px;"> |
| | | <el-option label="橡胶连接器" :value="0"></el-option> |
| | | <el-option label="金属连接器" :value="1"></el-option> |
| | | <el-option label="湿插拔电连接器" :value="2"></el-option> |
| | | <el-option label="分支组件" :value="3"></el-option> |
| | | <el-option v-for="(a, ai) in bigType" :key="ai" :value="a"></el-option> |
| | | </el-select> |
| | | <!-- <span>工序:</span> |
| | | <el-select v-model="search.name" size="small" placeholder="请选择" style="width: 224px;margin-right: 30px;"> |
| | |
| | | <!-- 主体右 --> |
| | | <div class="right"> |
| | | <el-table |
| | | height="calc(90vh - 200px)" |
| | | :data="tableData" |
| | | style="width: 100%;margin-bottom: 20px;height: 600px;overflow: auto;" |
| | | row-key="rowId" |
| | | border |
| | | @select-all="selectAll" |
| | | @select="selectTr" |
| | | @selection-change="handleSelectionChange" |
| | | default-expand-all |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | bigType: [], |
| | | search: { |
| | | type: 0, |
| | | technology: null |
| | |
| | | upData:{ |
| | | |
| | | }, |
| | | |
| | | checkTreeNode:{ |
| | | id:1, |
| | | }, |
| | |
| | | |
| | | }, |
| | | mounted() { |
| | | this.chooseType() |
| | | this.selectAllleft() |
| | | this.selectAllTeque() |
| | | }, |
| | | methods:{ |
| | | chooseType() { |
| | | this.$axios.get(this.$api.url.chooseType).then(res => { |
| | | this.bigType = res.data |
| | | this.typeselect = res.data[0] |
| | | console.log(this.typeselect); |
| | | this.search.type = res.data[0] |
| | | }) |
| | | }, |
| | | selectDataList() { |
| | | this.list.forEach(a => { |
| | | a.code = '[1]' |
| | |
| | | }, |
| | | |
| | | dels() { |
| | | this.selects.forEach(a => { |
| | | for (var b = 0; b < this.tableData.length; b++) { |
| | | if (this.tableData[b].id == a.id) { |
| | | this.tableData.splice(b, 1) |
| | | b-- |
| | | } |
| | | } |
| | | }) |
| | | let cc = this.selects.map(el => { |
| | | return el.id |
| | | }) |
| | | // cc.forEach((el,idx) =>{ |
| | | // delete idx[0] |
| | | // }) |
| | | cc.splice(0,1) |
| | | console.log(cc); |
| | | this.delete = cc.join(',') |
| | | let ee = [] |
| | | console.log(this.selects); |
| | | this.selects.forEach(el =>{ |
| | | if(el.children){ |
| | | el.children.forEach(ele =>{ |
| | | ee.push(ele.id) |
| | | }) |
| | | } |
| | | }) |
| | | console.log(ee); |
| | | this.delete = ee.join(',') |
| | | console.log(this.delete); |
| | | this.delAllQue() |
| | | this.$message.success('删除完成') |
| | |
| | | // }, |
| | | handleSelectionChange(val) { |
| | | this.selects = val |
| | | // console.log(this.selects); |
| | | this.deleteList = []; |
| | | val.forEach((v) => { |
| | | if (v.id !== undefined) { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | // 表格树全部选中配置 |
| | | // 全选/取消选操作 |
| | | selectAll(val) { |
| | | this.isAllSelect = !this.isAllSelect; |
| | | let data = this.tableData; |
| | | // 全选/取消选操作 |
| | | selectAll(val) { |
| | | // console.log(val); |
| | | this.isAllSelect = !this.isAllSelect; |
| | | let data = this.tableData; |
| | | this.$nextTick(() =>{ |
| | | this.toggleSelect(data, this.isAllSelect, "all"); |
| | | }, |
| | | }) |
| | | }, |
| | | //选择某行 |
| | | selectTr(selection, row) { |
| | | console.log(selection,row); |
| | |
| | | }); |
| | | |
| | | }, |
| | | toggleSelection(row, flag) { |
| | | this.$set(row, "isChecked", flag); |
| | | this.$nextTick(() => { |
| | | if (flag) { |
| | | this.$refs.multipleTable.toggleRowSelection(row, flag); |
| | | } else { |
| | | this.$refs.multipleTable.clearSelection(); |
| | | } |
| | | }); |
| | | }, |
| | | //递归子级 |
| | | toggleSelect(data, flag, type) { |
| | | if (type === "all") { |
| | | console.log('222'); |
| | | if (data.length > 0) { |
| | | data.forEach((item) => { |
| | | this.toggleSelection(item, flag); |
| | |
| | | } |
| | | } |
| | | }, |
| | | |
| | | } |
| | | } |
| | | </script> |
| | |
| | | .thing .right { |
| | | width: calc(100% - 305px); |
| | | height: calc(100% - 25px); |
| | | overflow: hidden; |
| | | /* overflow: hidden; */ |
| | | overflow-y: scroll; |
| | | overflow-x: scroll; |
| | | padding: 10px; |
| | | } |
| | | |