| | |
| | | <!-- 主体右 --> |
| | | <div class="right"> |
| | | <el-table :data="tableData" style="width: 100%;overflow-y: auto;min-height: 100%" |
| | | max-height="100%" row-key="name" border @selection-change="handleSelectionChange" |
| | | max-height="100%" row-key="name" border |
| | | @select="selectTr" |
| | | ref="multipleTable" |
| | | @selection-change="handleSelectionChange" |
| | | default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| | | <el-table-column type="selection" width="55"> |
| | | </el-table-column> |
| | |
| | | let cc = this.selects.map(el => { |
| | | return el.id |
| | | }) |
| | | cc.splice(0,1) |
| | | this.delete = cc.join(',') |
| | | console.log(this.delete); |
| | | this.delAllTechskill() |
| | |
| | | modify() { |
| | | this.modifyevent = true |
| | | }, |
| | | // deleteRow(index, rows) { |
| | | // console.log(); |
| | | // rows.splice(index, 1); |
| | | // }, |
| | | |
| | | handleSelectionChange(val) { |
| | | this.selects = val; |
| | | this.deleteList = []; |
| | | val.forEach((v) => { |
| | | if (v.id !== undefined) { |
| | | this.deleteList.push(v.id); |
| | | } |
| | | }); |
| | | }, |
| | | //编辑 |
| | | |
| | |
| | | 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(',') |
| | | console.log(this.delete); |
| | | this.delAllQue() |
| | |
| | | |
| | | // }, |
| | | handleSelectionChange(val) { |
| | | this.selects = val |
| | | this.deleteList = []; |
| | | val.forEach((v) => { |
| | | if (v.id !== undefined) { |
| | |
| | | this.isAllSelect = row.isChecked; |
| | | this.toggleSelect(row, row.isChecked, "tr"); |
| | | }); |
| | | |
| | | }, |
| | | //递归子级 |
| | | toggleSelect(data, flag, type) { |
| | |
| | | let one=this.towTree[0] |
| | | console.log(one); |
| | | let name =one.father |
| | | this.checkTreeNode.father = name |
| | | console.log(name); |
| | | this.selectDeviceStart(name) |
| | | }); |
| | |
| | | <style scoped> |
| | | .title .el-button { |
| | | height: 32px; |
| | | border: 1px solid rgba(190, 190, 190, 0.44); |
| | | box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); |
| | | padding: 0 12px; |
| | | } |
| | | |
| | | .title { |
| | | margin-bottom: 10px; |
| | | padding: 0 20px; |
| | | } |
| | | |
| | | .title * { |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .choose { |
| | | padding: 21px 24px; |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #fff; |
| | | border-bottom: 3px solid rgb(245, 247, 251); |
| | | } |
| | | |
| | | .choose * { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .choose .el-button { |
| | | height: 32px; |
| | | border: 1px solid rgba(190, 190, 190, 0.44); |
| | | box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); |
| | | padding: 0 12px; |
| | | } |
| | | |
| | | .thing { |
| | | width: 100%; |
| | | height: calc(100% - 120px); |
| | | background-color: #fff; |
| | | display: flex; |
| | | } |
| | | |
| | | .thing .left { |
| | | width: 295px; |
| | | height: calc(100% - 20px); |
| | | border-right: 3px solid rgb(245, 247, 251); |
| | | padding: 16px; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | .thing .left .custom-tree-node span { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .thing .left .custom-tree-node { |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-size: 14px; |
| | | padding-right: 8px; |
| | | } |
| | | |
| | | .node_i { |
| | | color: orange; |
| | | } |
| | | |
| | | .el-icon-delete { |
| | | display: none; |
| | | color: #004EA2; |
| | | } |
| | | |
| | | .custom-tree-node:hover .el-icon-delete { |
| | | display: inline; |
| | | } |
| | | |
| | | .thing .right { |
| | | width: calc(100% - 305px); |
| | | height: calc(100% - 25px); |
| | | overflow: hidden; |
| | | padding: 10px; |
| | | } |
| | | |
| | | .table_do { |
| | | color: #004ea0; |
| | | cursor: pointer; |
| | | } |
| | | </style> |
| | | <style> |
| | | .record_content .title .el-button * { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .record_content .title .el-button--default { |
| | | color: #004EA2; |
| | | } |
| | | |
| | | .record_content .thing .left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { |
| | | background: rgba(58, 124, 253, 0.2); |
| | | color: #004EA2; |
| | | } |
| | | |
| | | .record_content .el-tree-node__content { |
| | | height: 30px; |
| | | border-radius: 2px; |
| | | } |
| | | </style> |
| | | |
| | | |
| | | <template> |
| | | <div class="record_content"> |
| | | <div class="title"> |
| | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .title .el-button { |
| | | height: 32px; |
| | | border: 1px solid rgba(190, 190, 190, 0.44); |
| | | box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); |
| | | padding: 0 12px; |
| | | } |
| | | |
| | | .title { |
| | | margin-bottom: 10px; |
| | | padding: 0 20px; |
| | | } |
| | | |
| | | .title * { |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .choose { |
| | | padding: 21px 24px; |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #fff; |
| | | border-bottom: 3px solid rgb(245, 247, 251); |
| | | } |
| | | |
| | | .choose * { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .choose .el-button { |
| | | height: 32px; |
| | | border: 1px solid rgba(190, 190, 190, 0.44); |
| | | box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); |
| | | padding: 0 12px; |
| | | } |
| | | |
| | | .thing { |
| | | width: 100%; |
| | | height: calc(100% - 120px); |
| | | background-color: #fff; |
| | | display: flex; |
| | | } |
| | | |
| | | .thing .left { |
| | | width: 295px; |
| | | height: calc(100% - 20px); |
| | | border-right: 3px solid rgb(245, 247, 251); |
| | | padding: 16px; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | .thing .left .custom-tree-node span { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .thing .left .custom-tree-node { |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-size: 14px; |
| | | padding-right: 8px; |
| | | } |
| | | |
| | | .node_i { |
| | | color: orange; |
| | | } |
| | | |
| | | .el-icon-delete { |
| | | display: none; |
| | | color: #004EA2; |
| | | } |
| | | |
| | | .custom-tree-node:hover .el-icon-delete { |
| | | display: inline; |
| | | } |
| | | |
| | | .thing .right { |
| | | width: calc(100% - 305px); |
| | | height: calc(100% - 25px); |
| | | overflow: hidden; |
| | | padding: 10px; |
| | | } |
| | | |
| | | .table_do { |
| | | color: #004ea0; |
| | | cursor: pointer; |
| | | } |
| | | </style> |
| | | <style> |
| | | .record_content .title .el-button * { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .record_content .title .el-button--default { |
| | | color: #004EA2; |
| | | } |
| | | |
| | | .record_content .thing .left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { |
| | | background: rgba(58, 124, 253, 0.2); |
| | | color: #004EA2; |
| | | } |
| | | |
| | | .record_content .el-tree-node__content { |
| | | height: 30px; |
| | | border-radius: 2px; |
| | | } |
| | | </style> |
| | | |
| | | |
| | |
| | | }, |
| | | //新增 |
| | | add() { |
| | | this.dialogVisible = false |
| | | if (this.form.standard[0] !== "<" && this.form.standard[0] !== "<=" && this.form.standard[0] !== ">"){ |
| | | this.$message({ |
| | | message: '输入的第一个字符必须是 '<' 或 '<='!', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | this.addSelfcheck() |
| | | this.dialogVisible = false |
| | | }, |
| | | addSelfcheck() { |
| | | this.$axios.post(this.$api.url.addSelfcheck,{ |
| | |
| | | })[0] |
| | | console.log(one); |
| | | let id =one.children[0].id |
| | | this.checkTreeNode.id = id |
| | | console.log(id); |
| | | this.selectAllSelfStart(id) |
| | | this.selectDataList(); |
| | |
| | | elementId: "", |
| | | deviceGroup: "", |
| | | }, |
| | | search: { |
| | | type: "", |
| | | }, |
| | | // search: { |
| | | // type: "", |
| | | // }, |
| | | delete: [], |
| | | treetrunk: [], |
| | | process: [], |