| | |
| | |
|
| | | <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
|
| | | <el-table-column type="selection" width="50" align="center" />
|
| | | <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
|
| | | <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
|
| | | <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
|
| | | <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns.userId.visible" />
|
| | | <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns.userName.visible" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns.nickName.visible" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns.deptName.visible" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns.phonenumber.visible" width="120" />
|
| | | <el-table-column label="状态" align="center" key="status" v-if="columns.status.visible">
|
| | | <template slot-scope="scope">
|
| | | <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
|
| | | <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns.createTime.visible" width="160">
|
| | | <template slot-scope="scope">
|
| | | <span>{{ parseTime(scope.row.createTime) }}</span>
|
| | | </template>
|
| | |
| | | deptId: undefined
|
| | | },
|
| | | // 列信息
|
| | | columns: [
|
| | | { key: 0, label: `用户编号`, visible: true },
|
| | | { key: 1, label: `用户名称`, visible: true },
|
| | | { key: 2, label: `用户昵称`, visible: true },
|
| | | { key: 3, label: `部门`, visible: true },
|
| | | { key: 4, label: `手机号码`, visible: true },
|
| | | { key: 5, label: `状态`, visible: true },
|
| | | { key: 6, label: `创建时间`, visible: true }
|
| | | ],
|
| | | columns: {
|
| | | userId: { label: '用户编号', visible: true },
|
| | | userName: { label: '用户名称', visible: true },
|
| | | nickName: { label: '用户昵称', visible: true },
|
| | | deptName: { label: '部门', visible: true },
|
| | | phonenumber: { label: '手机号码', visible: true },
|
| | | status: { label: '状态', visible: true },
|
| | | createTime: { label: '创建时间', visible: true }
|
| | | },
|
| | | // 表单校验
|
| | | rules: {
|
| | | userName: [
|
| | |
| | | }
|
| | | },
|
| | | }).then(({ value }) => {
|
| | | resetUserPwd(row.userId, value).then(response => {
|
| | | resetUserPwd(row.userId, value).then(() => {
|
| | | this.$modal.msgSuccess("修改成功,新密码是:" + value)
|
| | | })
|
| | | }).catch(() => {})
|
| | |
| | | this.$refs["form"].validate(valid => {
|
| | | if (valid) {
|
| | | if (this.form.userId != undefined) {
|
| | | updateUser(this.form).then(response => {
|
| | | updateUser(this.form).then(() => {
|
| | | this.$modal.msgSuccess("修改成功")
|
| | | this.open = false
|
| | | this.getList()
|
| | | })
|
| | | } else {
|
| | | addUser(this.form).then(response => {
|
| | | addUser(this.form).then(() => {
|
| | | this.$modal.msgSuccess("新增成功")
|
| | | this.open = false
|
| | | this.getList()
|
| | |
| | | },
|
| | | // 提交上传文件
|
| | | submitFileForm() {
|
| | | const file = this.$refs.upload.uploadFiles
|
| | | if (!file || file.length === 0 || !file[0].name.toLowerCase().endsWith('.xls') && !file[0].name.toLowerCase().endsWith('.xlsx')) {
|
| | | this.$modal.msgError("请选择后缀为 “xls”或“xlsx”的文件。")
|
| | | return
|
| | | }
|
| | | this.$refs.upload.submit()
|
| | | }
|
| | | }
|