| | |
|---|
| | | <template>
|
|---|
| | | <div class="app-container">
|
|---|
| | | <el-row :gutter="20">
|
|---|
| | | <el-row :gutter="20" style="height: calc(100vh - 8em)">
|
|---|
| | | <splitpanes :horizontal="appStore.device === 'mobile'" class="default-theme">
|
|---|
| | | <!--部门数据-->
|
|---|
| | | <pane size="16">
|
|---|
| | | <el-col>
|
|---|
| | | <el-col style="padding: 10px">
|
|---|
| | | <div class="head-container">
|
|---|
| | | <el-input v-model="deptName" placeholder="请输入部门名称" clearable prefix-icon="Search" style="margin-bottom: 20px" />
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </pane>
|
|---|
| | | <!--用户数据-->
|
|---|
| | | <pane size="84">
|
|---|
| | | <el-col>
|
|---|
| | | <el-col style="padding: 10px">
|
|---|
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|---|
| | | <el-form-item label="用户名称" prop="userName">
|
|---|
| | | <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px" @keyup.enter="handleQuery" />
|
|---|
| | |
|---|
| | | rules: {
|
|---|
| | | userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
|---|
| | | nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
|
|---|
| | | deptId: [{ required: true, message: "归属部门不能为空", trigger: "blur" }],
|
|---|
| | | password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }, { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }],
|
|---|
| | | email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
|---|
| | | phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
|---|
