| | |
| | | <template>
|
| | | <div class="app-container">
|
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
|
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
|
| | | <el-form-item label="部门名称" prop="deptName">
|
| | | <el-input
|
| | | v-model="queryParams.deptName"
|
| | | placeholder="请输入部门名称"
|
| | | clearable
|
| | | size="small"
|
| | | @keyup.enter.native="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | | <el-form-item label="状态" prop="status">
|
| | | <el-select v-model="queryParams.status" placeholder="部门状态" clearable size="small">
|
| | | <el-select v-model="queryParams.status" placeholder="部门状态" clearable>
|
| | | <el-option
|
| | | v-for="dict in dict.type.sys_normal_disable"
|
| | | :key="dict.value"
|
| | |
| | | <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | </el-row>
|
| | | <el-row>
|
| | | <el-col :span="12">
|
| | | <el-form-item label="部门名称" prop="deptName">
|
| | | <el-input v-model="form.deptName" placeholder="请输入部门名称" />
|
| | |
| | | <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | </el-row>
|
| | | <el-row>
|
| | | <el-col :span="12">
|
| | | <el-form-item label="负责人" prop="leader">
|
| | | <el-input v-model="form.leader" placeholder="请输入负责人" maxlength="20" />
|
| | |
| | | <el-input v-model="form.phone" placeholder="请输入联系电话" maxlength="11" />
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | </el-row>
|
| | | <el-row>
|
| | | <el-col :span="12">
|
| | | <el-form-item label="邮箱" prop="email">
|
| | | <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
|
| | |
| | | isExpandAll: true,
|
| | | // 重新渲染表格状态
|
| | | refreshTable: true,
|
| | | // 是否展开
|
| | | expand: false,
|
| | | // 查询参数
|
| | | queryParams: {
|
| | | deptName: undefined,
|
| | |
| | | email: [
|
| | | {
|
| | | type: "email",
|
| | | message: "'请输入正确的邮箱地址",
|
| | | message: "请输入正确的邮箱地址",
|
| | | trigger: ["blur", "change"]
|
| | | }
|
| | | ],
|
| | |
| | | this.open = true;
|
| | | this.title = "添加部门";
|
| | | listDept().then(response => {
|
| | | this.deptOptions = this.handleTree(response.data, "deptId");
|
| | | this.deptOptions = this.handleTree(response.data, "deptId");
|
| | | });
|
| | | },
|
| | | /** 展开/折叠操作 */
|
| | |
| | | this.title = "修改部门";
|
| | | });
|
| | | listDeptExcludeChild(row.deptId).then(response => {
|
| | | this.deptOptions = this.handleTree(response.data, "deptId");
|
| | | this.deptOptions = this.handleTree(response.data, "deptId");
|
| | | });
|
| | | },
|
| | | /** 提交按钮 */
|