| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud |
| | | :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | | ref="crud" |
| | | v-model="form" |
| | | :permission="permissionList" |
| | | :before-open="beforeOpen" |
| | | :before-close="beforeClose" |
| | | @row-del="rowDel" |
| | | @row-update="rowUpdate" |
| | | @row-save="rowSave" |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @selection-change="selectionChange" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | | @on-load="onLoad" |
| | | @tree-load="treeLoad" |
| | | > |
| | | <avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="form" |
| | | :permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @row-del="rowDel" |
| | | @row-update="rowUpdate" @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset" |
| | | @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
| | | @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad"> |
| | | <template #menu-left> |
| | | <el-button |
| | | type="danger" |
| | | icon="el-icon-delete" |
| | | v-if="permission.dept_delete" |
| | | plain |
| | | @click="handleDelete" |
| | | >删 除 |
| | | <el-button type="danger" icon="el-icon-delete" v-if="permission.dept_delete" plain |
| | | @click="handleDelete">删 除 |
| | | </el-button> |
| | | </template> |
| | | <template #menu="scope"> |
| | | <el-button |
| | | type="primary" |
| | | text |
| | | icon="el-icon-plus" |
| | | @click.stop="handleAdd(scope.row, scope.index)" |
| | | v-if="userInfo.role_name.includes('admin')" |
| | | >新增子项 |
| | | <el-button type="primary" text icon="el-icon-plus" @click.stop="handleAdd(scope.row, scope.index)" |
| | | v-if="userInfo.role_name.includes('admin')">新增子项 |
| | | </el-button> |
| | | </template> |
| | | <template #deptCategory="{ row }"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getLazyList, remove, update, add, getDept, getDeptTree } from '@/api/system/dept'; |
| | | import { mapGetters } from 'vuex'; |
| | | import { |
| | | getLazyList, |
| | | remove, |
| | | update, |
| | | add, |
| | | getDept, |
| | | getDeptTree |
| | | } from '@/api/system/dept'; |
| | | import { |
| | | mapGetters |
| | | } from 'vuex'; |
| | | import website from '@/config/website'; |
| | | |
| | | export default { |
| | |
| | | viewBtn: true, |
| | | menuWidth: 320, |
| | | dialogClickModal: false, |
| | | column: [ |
| | | { |
| | | column: [{ |
| | | label: '机构名称', |
| | | prop: 'deptName', |
| | | search: true, |
| | | labelWidth:120, |
| | | rules: [ |
| | | { |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入机构名称', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | }, ], |
| | | }, |
| | | // { |
| | | // label: '所属租户', |
| | |
| | | prop: 'fullName', |
| | | search: true, |
| | | labelWidth:120, |
| | | rules: [ |
| | | { |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入机构全称', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | }, ], |
| | | }, |
| | | { |
| | | label: '上级机构', |
| | |
| | | label: 'title', |
| | | }, |
| | | labelWidth:120, |
| | | rules: [ |
| | | { |
| | | rules: [{ |
| | | required: false, |
| | | message: '请选择上级机构', |
| | | trigger: 'click', |
| | | }, |
| | | ], |
| | | }, ], |
| | | }, |
| | | { |
| | | label: '机构类型', |
| | |
| | | labelWidth:120, |
| | | prop: 'deptCategory', |
| | | slot: true, |
| | | rules: [ |
| | | { |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入机构类型', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | }, ], |
| | | }, |
| | | { |
| | | label: '机构性质', |
| | |
| | | labelWidth:120, |
| | | prop: 'deptNature', |
| | | slot: true, |
| | | rules: [ |
| | | { |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入机构性质', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | }, ], |
| | | }, |
| | | { |
| | | label: '排序', |
| | |
| | | align: 'right', |
| | | labelWidth:120, |
| | | width: 80, |
| | | rules: [ |
| | | { |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入排序', |
| | | trigger: 'blur', |
| | | }, ], |
| | | }, |
| | | ], |
| | | { |
| | | label: '组织id', |
| | | prop: 'bingId', |
| | | type: 'number', |
| | | align: 'right', |
| | | labelWidth: 120, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | width: 80, |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入组织id', |
| | | trigger: 'blur', |
| | | }, ], |
| | | }, |
| | | { |
| | | label: '备注', |
| | | prop: 'remark', |
| | | labelWidth:120, |
| | | rules: [ |
| | | { |
| | | rules: [{ |
| | | required: false, |
| | | message: '请输入备注', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | }, ], |
| | | hide: true, |
| | | }, |
| | | ], |