| | |
| | | <template> |
| | | <div> |
| | | <el-dialog |
| | | :title="`选择转办接收人员`" |
| | | :title="title" |
| | | :visible.sync="show" |
| | | width="65%" |
| | | :destroy-on-close="true" |
| | |
| | | <!--用户数据--> |
| | | <el-col :span="18" :xs="24"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form-item label="用户名称" prop="userName"> |
| | | <el-form-item label="用户名称" prop="nickName"> |
| | | <el-input |
| | | v-model="queryParams.userName" |
| | | placeholder="请输入用户名称" |
| | | v-model="queryParams.nickName" |
| | | placeholder="请输入用户姓名" |
| | | clearable |
| | | @clear="handleQuery" |
| | | style="width: 150px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { listUser, deptTreeSelect } from "@/api/system/user"; |
| | | import {listUser, deptTreeSelect, deptTreeSelectNoAuth, listUserNoAuth} from "@/api/system/user"; |
| | | import Treeselect from "@riophae/vue-treeselect"; |
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
| | | import {StrUtil} from '@/utils/StrUtil' |
| | |
| | | required: true, |
| | | type: Boolean |
| | | }, |
| | | title: { |
| | | type: String, |
| | | required: false, |
| | | default: '候选人员' |
| | | }, |
| | | // 回显数据传值 |
| | | selectUserList: { |
| | | type: Array, |
| | |
| | | innerSelected: [], // 选中 |
| | | // 遮罩层 |
| | | loading: false, |
| | | // 选中数组 |
| | | ids: [], |
| | | // 显示搜索条件 |
| | | showSearch: true, |
| | | // 总条数 |
| | | total: 0, |
| | | // 用户表格数据 |
| | | userList: [], |
| | | // 弹出层标题 |
| | | title: "", |
| | | // 部门树选项 |
| | | deptOptions: undefined, |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | // 部门名称 |
| | | deptName: undefined, |
| | | // 表单参数 |
| | | form: {}, |
| | | defaultProps: { |
| | | children: "children", |
| | | label: "label" |
| | |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 5, |
| | | userName: undefined, |
| | | nickName: undefined, |
| | | phonenumber: undefined, |
| | | status: undefined, |
| | | deptId: undefined |
| | |
| | | this.getList(); |
| | | }, |
| | | methods: { |
| | | getRowKeys(row) { |
| | | // 保存选中的数据id,row-key就是要指定一个key标识这一行的数据 |
| | | getRowKey (row) { |
| | | return row.userId |
| | | }, |
| | | setChecked(val) { |
| | |
| | | /** 查询用户列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | listUser(this.queryParams).then(response => { |
| | | listUserNoAuth(this.queryParams).then(response => { |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | |
| | | }, |
| | | /** 查询部门下拉树结构 */ |
| | | getDeptTree() { |
| | | deptTreeSelect().then(response => { |
| | | deptTreeSelectNoAuth().then(response => { |
| | | this.deptOptions = response.data; |
| | | }); |
| | | }, |
| | | // 保存选中的数据id,row-key就是要指定一个key标识这一行的数据 |
| | | getRowKey (row) { |
| | | return row.userId |
| | | }, |
| | | // 筛选节点 |
| | | filterNode(value, data) { |