| | |
| | | <template> |
| | | <div class="main-div"> |
| | | <div class="side_div"> |
| | | <div class="side_div" style="overflow: scroll;"> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText"> |
| | | </el-input> |
| | | <el-tree |
| | | style="overflow-x:auto;width:400px" |
| | | class="filter-tree" |
| | | :data="data" |
| | | node-key="id" |
| | |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | icon="el-icon-circle-plus-outline" |
| | | icon="el-icon-plus" |
| | | @click="dialogVisible = true" |
| | | >新增</el-button |
| | | > |
| | |
| | | <el-input |
| | | placeholder="请输入部门名称" |
| | | v-model="formData.department" |
| | | clearable |
| | | style="width: 80%" |
| | | > |
| | | </el-input> |
| | |
| | | handler(newVal, oldVal) { |
| | | if (newVal == false) { |
| | | this.isUpdate = false; |
| | | this.formData = {}; |
| | | this.formData = { |
| | | fatherId: "", |
| | | department: "", |
| | | }; |
| | | this.$refs.ruleForm.resetFields(); |
| | | } |
| | | }, |
| | |
| | | margin: 5px 5px 5px 5px; |
| | | } |
| | | .side_div { |
| | | overflow-x: auto; |
| | | float: left; |
| | | width: 300px; |
| | | height: 95%; |
| | |
| | | } |
| | | .filter-tree { |
| | | margin-top: 6px; |
| | | // display: inline-block; |
| | | } |
| | | .table_top_div { |
| | | height: 80px; |