| | |
| | | <div class="app-container"> |
| | | <div class="filter-container"> |
| | | <el-input v-model="deptName" :placeholder="$t('table.dept.deptName')" class="filter-item search-item" /> |
| | | <el-button class="filter-item" type="primary" @click="search"> |
| | | <el-button class="hr-but-all" type="primary" @click="search"> |
| | | {{ $t('table.search') }} |
| | | </el-button> |
| | | <el-button class="filter-item" type="success" @click="reset"> |
| | | <el-button class="hr-but-all" type="success" @click="reset"> |
| | | {{ $t('table.reset') }} |
| | | </el-button> |
| | | |
| | | <el-button v-has-permission="['dept:add']" class="filter-item" type="success" @click.native="add"> |
| | | <el-button v-has-permission="['dept:add']" class="hr-but-all" type="success" @click.native="add"> |
| | | {{ $t('table.add') }} |
| | | </el-button> |
| | | <el-button v-has-permission="['dept:delete']" class="filter-item" type="success" @click.native="deleteDept"> |
| | | <el-button v-has-permission="['dept:delete']" type="primary" @click.native="deleteDept"> |
| | | {{ $t('table.delete') }} |
| | | </el-button> |
| | | <el-button v-has-permission="['dept:export']" class="filter-item" type="success" @click.native="exportExcel"> |
| | | <el-button v-has-permission="['dept:export']" class="hr-but-all" type="success" @click.native="exportExcel"> |
| | | {{ $t('table.export') }} |
| | | </el-button> |
| | | </div> |
| | | <el-tree |
| | | ref="deptTree" |
| | | :data="deptTree" |
| | | :check-strictly="true" |
| | | :check-strictly="false" |
| | | show-checkbox |
| | | accordion |
| | | node-key="id" |
| | | default-expand-all |
| | | :expand-on-click-node="false" |
| | | highlight-current |
| | | :filter-node-method="filterNode" |
| | | @node-click="nodeClick" |
| | |
| | | <treeselect |
| | | v-model="dept.parentId" |
| | | :multiple="false" |
| | | |
| | | :options="deptTree" |
| | | :clear-value-text="$t('common.clear')" |
| | | placeholder=" " |
| | |
| | | <el-option label="分(子)公司、办事处" value="03" /> |
| | | <el-option label="部门" value="04" /> |
| | | <el-option label="子部门" value="05" /> |
| | | <el-option label="护卫点" value="06" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | }, |
| | | { |
| | | min: 1, |
| | | max: 10, |
| | | message: this.$t('rules.range3to10'), |
| | | max: 50, |
| | | message: this.$t('rules.noMoreThan50'), |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | |
| | | parentId: null, |
| | | deptType: '', |
| | | deptFunction: '', |
| | | orderNum: 0 |
| | | orderNum: 0, |
| | | allDeptName: '' |
| | | } |
| | | }, |
| | | initDeptTree() { |
| | |
| | | this.dept.deptId = data.id |
| | | this.dept.deptType = data.deptType |
| | | this.dept.deptFunction = data.deptFunction |
| | | this.dept.allDeptName = data.allDeptName |
| | | this.$refs.form.clearValidate() |
| | | }, |
| | | add() { |