| | |
| | | <el-form-item label="设备用途" prop="type"> |
| | | <el-select |
| | | v-model="ruleForm.type" |
| | | @change="selectinstall" |
| | | placeholder="请选择设备用途" |
| | | > |
| | | <el-option label="生产设备" value="1"></el-option> |
| | |
| | | :data="towTree" |
| | | ref="tree" |
| | | :props="{ children: 'children', label: 'father' }" |
| | | node-key="id" |
| | | node-key="father" |
| | | default-expand-all |
| | | highlight-current |
| | | style="margin-top: 20px;" |
| | | @node-click="handleNodeClick" |
| | | |
| | | > |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <span |
| | |
| | | name: "LaboratoryManagement", |
| | | data() { |
| | | return { |
| | | |
| | | value: "", |
| | | dialogVisible: false, |
| | | checkTreeNode:{}, |
| | | isCollapse: true, //默认为展开 |
| | | radio1: "true", // 分类切换 |
| | | tableData: [], // 主页表格数据 |
| | |
| | | staue_value: "", // 主页表格上方的状态选择 |
| | | // BOM树数据结构 |
| | | towTree: [], |
| | | equipment: '', |
| | | equipment: '1', |
| | | equaip:'', |
| | | ruleForm: { |
| | | // 新增仪器表单 |
| | |
| | | name: "", |
| | | rawInsProductId: "", |
| | | type: "", |
| | | treedata:{ |
| | | father:'设备组1', |
| | | }, |
| | | // treedata:{ |
| | | // father:'设备组1', |
| | | // }, |
| | | equr:'', |
| | | |
| | | }, |
| | | delete:{}, |
| | | equip:1, |
| | |
| | | this.twoTreeApi(); |
| | | // 初始化调用表格数据 |
| | | // this.tableDataApi(); |
| | | this.selectDevice()//右边 |
| | | // this.selectDevice() |
| | | }, |
| | | methods: { |
| | | selectDevice() {//右边数据 |
| | | console.log(this.ruleForm.treedata.father); |
| | | console.log(this.equip); |
| | | this.$axios.get(this.$api.url.selectDevice,{ |
| | | params:{ |
| | | father:this.ruleForm.treedata.father, |
| | | type:this.equip, |
| | | } |
| | | }).then(res =>{ |
| | | console.log(res); |
| | | this.tableData = res.data |
| | | }, { |
| | | headers: { |
| | | "Content-Type": "application/json" |
| | | } |
| | | }) |
| | | handleNodeClick(val) { |
| | | this.checkTreeNode = val |
| | | console.log(this.checkTreeNode); |
| | | this.selectDevice() |
| | | }, |
| | | |
| | | staueValueChange() { |
| | | this.selectDevice() |
| | | // this.tableData = []; |
| | | // let val = 1; |
| | | // if (this.radio1 === "false") { |
| | | // val = 2; |
| | | // } |
| | | // this.$axios |
| | | // .get(this.$api.url.tableDeviceList, { |
| | | // params: { type: val, deviceStatue: this.staue_value } |
| | | // }) |
| | | // .then(res => { |
| | | // this.tableData = res.data; |
| | | // }); |
| | | }, |
| | | // 动态控制展开与收起和切换对应图标 |
| | | isC() { |
| | |
| | | .catch(_ => {}); |
| | | }, |
| | | testItem() { |
| | | this.listgroup() |
| | | this.dialogVisible = true; |
| | | this.$axios.get(this.$api.url.addDeviceKeeper).then(res => { |
| | | this.keeperList = res.data; |
| | | }); |
| | | }, |
| | | selectinstall(val) { |
| | | this.equip = val |
| | | this.listgroup() |
| | | }, |
| | | listgroup() { |
| | | this.$axios.get(this.$api.url.listgroup).then(res =>{ |
| | | this.$axios.get(this.$api.url.listgroup,{ |
| | | params:{ |
| | | type:this.equip |
| | | } |
| | | }).then(res =>{ |
| | | this.equaip = res.data |
| | | console.log(this.equip); |
| | | }) |
| | |
| | | // } |
| | | // }); |
| | | this.towTree = res.data; |
| | | this.$nextTick(() => { |
| | | this.$refs.tree.setCurrentKey(this.towTree[0].father) // 默认选中节点第一个 |
| | | }) |
| | | console.log(this.towTree); |
| | | let one=this.towTree[0] |
| | | console.log(one); |
| | | let name =one.father |
| | | console.log(name); |
| | | this.selectDeviceStart(name) |
| | | }); |
| | | }, |
| | | selectDeviceStart(name,) {//右边数据 |
| | | this.$axios.get(this.$api.url.selectDevice,{ |
| | | params:{ |
| | | father:name, |
| | | type:this.equip, |
| | | deviceStatus:this.staue_value, |
| | | message:this.codeNameModel, |
| | | } |
| | | }).then(res =>{ |
| | | console.log(res); |
| | | this.tableData = res.data |
| | | }, { |
| | | headers: { |
| | | "Content-Type": "application/json" |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | selectDevice() {//右边数据 |
| | | this.$axios.get(this.$api.url.selectDevice,{ |
| | | params:{ |
| | | father:this.checkTreeNode.father, |
| | | type:this.equip, |
| | | deviceStatus:this.staue_value, |
| | | message:this.codeNameModel, |
| | | } |
| | | }).then(res =>{ |
| | | console.log(res); |
| | | this.tableData = res.data |
| | | }, { |
| | | headers: { |
| | | "Content-Type": "application/json" |
| | | } |
| | | }) |
| | | }, |
| | | addApi() { |
| | | this.$axios.post(this.$api.url.addApi,{ |
| | |
| | | type:this.ruleForm.type, |
| | | }, {headers: {"Content-Type": "application/json"} |
| | | }).then(res =>{ |
| | | this.selectDevice() |
| | | this.$message.success('新增成功') |
| | | this.ruleForm = {} |
| | | this.selectDevice() |
| | | }) |
| | | }, |
| | | // tableDataApi() { |
| | |
| | | // }); |
| | | // }, |
| | | reset() { |
| | | this.tableDataApi(); |
| | | this.radio1 = "true"; |
| | | this.codeNameModel = ""; |
| | | this.staue_value = ""; |
| | | }, |
| | | handleNodeClick(data) { |
| | | console.log(data); |
| | | // this.treedata = data |
| | | // this.tableDataApi(); |
| | | // this.radio1 = "true"; |
| | | // this.codeNameModel = ""; |
| | | // this.staue_value = ""; |
| | | this.staue_value = "" |
| | | this.codeNameModel = "" |
| | | this.selectDevice() |
| | | }, |
| | | handlerDeptList() { |
| | |
| | | }); |
| | | }, |
| | | selectSearch() { |
| | | this.tableData = []; |
| | | if (this.radio1 === "false") { |
| | | this.$axios |
| | | .get(this.$api.url.tableDeviceList, { |
| | | params: { type: 1, codeNameModel: this.codeNameModel } |
| | | }) |
| | | .then(res => { |
| | | this.tableData = res.data; |
| | | }); |
| | | } else if (this.radio1 === "true") { |
| | | this.$axios |
| | | .get(this.$api.url.tableDeviceList, { |
| | | params: { type: 2, codeNameModel: this.codeNameModel } |
| | | }) |
| | | .then(res => { |
| | | this.tableData = res.data; |
| | | }); |
| | | } |
| | | this.selectDevice() |
| | | // this.tableData = []; |
| | | // if (this.radio1 === "false") { |
| | | // this.$axios |
| | | // .get(this.$api.url.tableDeviceList, { |
| | | // params: { type: 1, codeNameModel: this.codeNameModel } |
| | | // }) |
| | | // .then(res => { |
| | | // this.tableData = res.data; |
| | | // }); |
| | | // } else if (this.radio1 === "true") { |
| | | // this.$axios |
| | | // .get(this.$api.url.tableDeviceList, { |
| | | // params: { type: 2, codeNameModel: this.codeNameModel } |
| | | // }) |
| | | // .then(res => { |
| | | // this.tableData = res.data; |
| | | // }); |
| | | // } |
| | | }, |
| | | delDeviceById() { |
| | | this.$axios.post(this.$api.url.delDeviceById,{ |
| | |
| | | } |
| | | }); |
| | | }, |
| | | staueValueChange() { |
| | | this.tableData = []; |
| | | let val = 1; |
| | | if (this.radio1 === "false") { |
| | | val = 2; |
| | | } |
| | | this.$axios |
| | | .get(this.$api.url.tableDeviceList, { |
| | | params: { type: val, deviceStatue: this.staue_value } |
| | | }) |
| | | .then(res => { |
| | | this.tableData = res.data; |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | |
| | | watch: { |