From 83d28119e25b7b396fd2b0f1da1e95ed9728f437 Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Fri, 08 Sep 2023 14:24:42 +0800
Subject: [PATCH] 更换
---
src/views/account-management/account-list.vue | 258 ++++++++++++++++++---------------------------------
1 files changed, 93 insertions(+), 165 deletions(-)
diff --git a/src/views/account-management/account-list.vue b/src/views/account-management/account-list.vue
index 00b3f01..b844e32 100644
--- a/src/views/account-management/account-list.vue
+++ b/src/views/account-management/account-list.vue
@@ -2,7 +2,7 @@
* @Author: 小明丶
* @Date: 2020-05-11 17:38:01
* @LastEditors: zhaoxiaoqiang 287285524@qq.com
- * @LastEditTime: 2023-08-24 15:43:52
+ * @LastEditTime: 2023-09-05 17:46:59
* @Description: 账户管理
-->
<template>
@@ -15,7 +15,7 @@
</el-col>
<el-col :span="18">
<div style="float:right;">
- <button class="btn-creat" v-if="this.filterBtnById(140201)" @click="showPop(null,1)">+ 新建</button>
+ <button class="btn-creat" @click="showPop(null,1)">+ 新建</button>
<el-input
v-model="form.keyWord"
size="small"
@@ -34,59 +34,34 @@
<!-- 新增弹出层 -->
<el-dialog :title="title" width="480px" :visible.sync="dialogFormVisible">
<!-- :rules="rules" -->
- <el-form :model="creatForm" ref="ruleForm">
- <el-form-item label="用户名称：" :label-width="formLabelWidth" prop="name">
+ <el-form :model="creatForm" ref="ruleForm" size="small" :label-width="formLabelWidth" >
+ <el-form-item label="用户名称：" prop="name">
<el-input
v-model.trim="creatForm.name"
- maxlength="20"
+ maxlength="30"
autocomplete="off"
placeholder="请输入用户名称"
- style="width:200px"
></el-input>
</el-form-item>
- <el-form-item label="用户手机号：" :label-width="formLabelWidth" prop="phone">
+ <el-form-item label="用户手机号：" prop="phone">
<el-input
v-if="isCreat"
v-model.trim="creatForm.phone"
maxlength="11"
autocomplete="off"
placeholder="请输入用户手机号"
- style="width:200px"
></el-input>
<span v-else>{{creatForm.phone}}</span>
</el-form-item>
- <el-form-item label="用户角色：" :label-width="formLabelWidth" prop="role">
+ <el-form-item label="用户角色：" prop="role">
<el-select v-model="creatForm.role" placeholder="请选择" style="width:200px">
<el-option
v-for="item in roleList"
- :key="item.code"
- :label="item.name"
- :value="item.code">
+ :key="item.roleId"
+ :label="item.roleName"
+ :value="item.roleId">
</el-option>
</el-select>
- </el-form-item>
- <el-form-item label="密码：" :label-width="formLabelWidth" v-show="title !== '编辑账户'" prop="password">
- <el-input
- type = "password"
- v-if="isCreat"
- v-model.trim="creatForm.password"
- maxlength="20"
- autocomplete="off"
- placeholder="请输入密码"
- style="width:200px"
- ></el-input>
- </el-form-item>
- <el-form-item label="密码确认：" :label-width="formLabelWidth" v-show="title !== '编辑账户'" prop="resPassword">
- <el-input
- type = "password"
- v-if="isCreat"
- v-model.trim="creatForm.resPassword"
- maxlength="20"
- autocomplete="off"
- placeholder="再次输入密码"
- style="width:200px"
- ></el-input>
- <span v-else>{{creatForm.resPassword}}</span>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -100,12 +75,8 @@
import md5 from "blueimp-md5";
import Etable from "../../components/table.vue";
import {roleGetRoleList,userAdd,userUpdate,userManageDisabled} from '@/api/user';
-// import myTable from "../../components/myTable/myTable";
-// import myApi from "../../api/api";
export default {
- components:{
- Etable
- },
+ components:{ Etable },
data() {
return {
title: '',//弹出层title
@@ -114,9 +85,7 @@
isCreat: true,
dialogFormVisible: false,
formLabelWidth:'120px',
- form: {
- keyWord: null
- },
+ form: { keyWord: null},
creatForm:{
name:'',
phone:'',
@@ -126,106 +95,91 @@
},// 新建用户表单
defaultVal: {},
refresh: {},
- // tableData: {
- // url: "userManageList",
- // exportExcelUrl: {
- // url: "hbOrderExport",
- // fileName: "用户管理表格"
- // },
- // exportPower: {
- // show: false,
- // btnId: "120102"
- // },
- column: [
- {
- prop: "userName",
- lable: "用户名称",
- align: "center"
- },
- {
- prop: "userNo",
- lable: "用户手机号",
- align: "center"
- },
- {
- prop: "roleName",
- lable: "用户角色",
- align: "center"
- },
- {
- lable: "停启用",
- align: "center",
- render: (h, params) => {
- return h("div", [
- h("el-switch", {
- props: {
- value: params.row.status === 1,
- "active-color": "#66DD42",
- "inactive-color": "#eeeeee"
+ column: [
+ {
+ prop: "userName",
+ lable: "用户名称",
+ align: "center"
+ },
+ {
+ prop: "userNo",
+ lable: "用户手机号",
+ align: "center"
+ },
+ {
+ prop: "roleName",
+ lable: "用户角色",
+ align: "center"
+ },
+ {
+ lable: "停启用",
+ align: "center",
+ render: (h, params) => {
+ return h("div", [
+ h("el-switch", {
+ props: {
+ value: params.row.status === 1,
+ "active-color": "#66DD42",
+ "inactive-color": "#eeeeee"
+ },
+ on: {
+ change: () => {
+ params.row.status = params.row.status === 1 ? 0 : 1;
+ this.updateContract(params);
+ }
+ }
+ })
+ ]);
+ }
+ },
+ {
+ key: "",
+ name: "操作",
+ fixed: "right",
+ align: "center",
+ render: (h, params) => {
+ return h("div", [
+ h(
+ "span",
+ {
+ style: {
+ "font-size": "12px",
+ "font-family": "Microsoft YaHei",
+ "font-weight": 400,
+ "text-decoration": "underline",
+ color: "rgba(60,142,254,1)",
+ cursor: "pointer",
},
on: {
- change: () => {
- params.row.status = params.row.status === 1 ? 0 : 1;
- this.updateContract(params);
+ click: () => {
+ this.showPop(params.row,2);
}
}
- })
- ]);
- }
- },
- {
- key: "",
- name: "操作",
- fixed: "right",
- align: "center",
- render: (h, params) => {
- return h("div", [
- h(
- "span",
- {
- style: {
- "font-size": "12px",
- "font-family": "Microsoft YaHei",
- "font-weight": 400,
- "text-decoration": "underline",
- color: "rgba(60,142,254,1)",
- cursor: "pointer",
- display: this.filterBtnById(140202)
- ? "inline-block"
- : "none",
- },
- on: {
- click: () => {
- this.showPop(params.row,2);
- }
- }
- },
- "编辑"
- )
- ]);
- }
+ },
+ "编辑"
+ )
+ ]);
}
- ]
+ }
+ ]
// },// 表格数据
};
},
watch: {
- // dialogFormVisible: function(newVal) {
- // if (!newVal) {
- // this.creatForm.name = ""
- // this.creatForm.phone = ""
- // this.creatForm.password = ''
- // this.creatForm.resPassword = ''
- // this.creatForm.role = ''
- // }
- // }
+ dialogFormVisible: function(newVal) {
+ if (!newVal) {
+ this.creatForm.name = "";
+ this.creatForm.phone = "";
+ this.creatForm.role = '';
+ }
+ }
},
created(){
- roleGetRoleList().then(res => {
- if (res) {
- this.roleList = res.body.roles
- }
- }).catch(err => {})
+ roleGetRoleList().then(res => {
+ if (res) {
+ this.roleList = res.body
+ }
+ }).catch(err => {})
},
methods: {
// 显示弹出层
@@ -233,8 +187,7 @@
if (params && item != 1) {
this.creatForm.phone = params.userNo;
this.creatForm.role = params.roleId;
- this.$set(this.creatForm,'role',params.roleId)
- // this.creatForm.name = params.userName;;
+ this.$set(this.creatForm,'role',params.roleId)
this.$set(this.creatForm,'name',params.userName)
this.creatForm.password = params.password;
this.creatForm.resPassword = params.resPassword;
@@ -245,7 +198,6 @@
if (item == 1) {
this.isCreat = true;
this.title = '新建账户'
-
}
this.dialogFormVisible = true;
},
@@ -270,10 +222,6 @@
this.$message.error('请输入用户名称');
return
}
- if(!v.checkName(this.creatForm.name)){
- this.$message.error('请输入正确用户名称');
- return
- }
if(v.checkValEmpty(this.creatForm.phone)){
this.$message.error('请输入用户手机号');
return
@@ -286,22 +234,7 @@
this.$message.error('请选择角色');
return
}
- if(v.checkValEmpty(this.creatForm.password) && this.isCreat){
- this.$message.error('请输入密码');
- return
- }
- if(!v.checkPassword(this.creatForm.password) && this.isCreat){
- this.$message.error('密码格式错误，请输入6~20位包含字母及数字');
- return
- }
- if(v.checkValEmpty(this.creatForm.resPassword) && this.isCreat){
- this.$message.error('请输入密码确认');
- return
- }
- if(this.creatForm.password!=this.creatForm.resPassword && this.isCreat){
- this.$message.error('密码输入不一致，请确认');
- return
- }
+
if(this.title === '新建账户') {
let temPassWord = md5(this.creatForm.phone+this.creatForm.password)
let temconfirmPwd = md5(this.creatForm.phone+this.creatForm.resPassword)
@@ -329,25 +262,20 @@
type: 'success'
})
this.dialogFormVisible = false
- this.qureys()
+ this.qureys();
}
- }).catch(err => {})
+ }).catch(err => {});
}
- // 提交请求关闭弹窗
-
},
/**取消新建、编辑账户**/
cancelCreat(){
- // this.creatForm.name = ''
- // this.creatForm.phone = ''
this.creatForm = {};
this.dialogFormVisible = false
},
/**更新用户状态**/
updateContract(params) {
- let data = {
- userId: params.row.userId
- };
+ let {userId,status} = params.row;
+ let data = { userId,status};
userManageDisabled(data).then(res => {
if(res) {
this.$notify({
@@ -355,7 +283,7 @@
message: '状态更新成功',
type: 'success'
})
- //this.qureys()
+ this.qureys()
}
}).catch(err => {})
},
--
Gitblit v1.8.0