| 12 |
- "use strict";(self["webpackChunkchouhua02"]=self["webpackChunkchouhua02"]||[]).push([[97],{45097:function(e,t,r){r.r(t),r.d(t,{default:function(){return m}});var s=function(){var e=this,t=e._self._c;return t("div",{staticClass:"userManage-Page"},[t("div",{staticClass:"userRight-area"},[t("div",{staticClass:"userRight-table"},[t("div",{staticClass:"add-search-area"},[t("div",{staticClass:"search-area"},[t("div",{staticClass:"userName-area"},[t("span",[e._v("用户名")]),t("el-input",{attrs:{size:"small",placeholder:"请输入用户名"},model:{value:e.userInputSearchValue.userName,callback:function(t){e.$set(e.userInputSearchValue,"userName",t)},expression:"userInputSearchValue.userName"}})],1),t("div",{staticClass:"name-area"},[t("span",[e._v("昵称")]),t("el-input",{attrs:{size:"small",placeholder:"请输入昵称"},model:{value:e.userInputSearchValue.nickName,callback:function(t){e.$set(e.userInputSearchValue,"nickName",t)},expression:"userInputSearchValue.nickName"}})],1),t("div",{staticClass:"phoneNumber-area"},[t("span",[e._v("手机号")]),t("el-input",{attrs:{size:"small",placeholder:"请输入手机号"},model:{value:e.userInputSearchValue.phoneNumber,callback:function(t){e.$set(e.userInputSearchValue,"phoneNumber",t)},expression:"userInputSearchValue.phoneNumber"}})],1),t("div",{staticClass:"date-area"},[t("span",[e._v("创建时间")]),t("el-date-picker",{attrs:{type:"daterange","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期",size:"small"},model:{value:e.userInputSearchValue.date,callback:function(t){e.$set(e.userInputSearchValue,"date",t)},expression:"userInputSearchValue.date"}})],1)]),t("div",{staticClass:"search-area-btn"},[t("el-button",{staticClass:"self-button",attrs:{type:"primary",size:"mini",icon:"el-icon-search"},on:{click:e.talbeSearchFilter}},[e._v(" 查询 ")]),t("el-button",{staticClass:"self-button",attrs:{type:"primary",size:"mini",icon:"el-icon-refresh"},on:{click:e.reseatTableFilterValue}},[e._v("重置 ")]),t("el-button",{staticClass:"self-button",attrs:{type:"primary",size:"mini",icon:"el-icon-plus"},on:{click:e.addUserDialog}},[e._v("新增 ")])],1)]),t("div",{staticClass:"userList-table"},[t("el-table",{ref:"singleTable",staticStyle:{width:"100%"},attrs:{data:e.tableData,"header-cell-style":{fontFamily:"SourceHanSansCN-Regular",color:"#fff",backgroundColor:"#0F4C81",fontSize:"15px"},"header-align":"center","highlight-current-row":"",border:"","row-style":e.rowClass,"max-height":633},on:{"selection-change":e.handleSelectionChange}},[t("el-table-column",{attrs:{type:"selection",width:"55",align:"center"}}),t("el-table-column",{attrs:{prop:"userId",label:"序号",width:"80",align:"center"}}),t("el-table-column",{attrs:{prop:"userName",label:"用户名",width:"120",align:"center"}}),t("el-table-column",{attrs:{prop:"nickName",label:"昵称",width:"120",align:"center"}}),t("el-table-column",{attrs:{prop:"roles[0].roleName",label:"当前角色",width:"120",align:"center"}}),t("el-table-column",{attrs:{prop:"phoneNumber",label:"手机号",width:"180",align:"center"}}),t("el-table-column",{attrs:{prop:"email",label:"邮箱",width:"180",align:"center"}}),t("el-table-column",{attrs:{prop:"createTime",label:"创建时间",width:"180",align:"center"}}),t("el-table-column",{attrs:{label:"操作",align:"center"},scopedSlots:e._u([{key:"default",fn:function(r){return[t("el-button",{attrs:{size:"mini"},on:{click:function(t){return e.handleEdit(r.$index,r.row)}}},[e._v("修改")]),t("el-button",{attrs:{size:"mini"},on:{click:function(t){return e.handleDelete(r.$index,r.row)}}},[e._v("删除")]),t("div",{staticClass:"row-dropdown",on:{mouseenter:function(t){return e.hoverGetRowData(r.row)}}},[t("el-dropdown",{staticStyle:{"margin-left":"10px"},on:{command:e.rowHandleCommand}},[t("el-button",{attrs:{size:"mini"}},[e._v(" 更多 ")]),t("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[t("el-dropdown-item",{attrs:{command:"restPassWord"}},[e._v("重置密码")]),t("el-dropdown-item",{attrs:{command:"distributeRole"}},[e._v("分配角色")])],1)],1)],1)]}}])})],1)],1),t("div",{staticClass:"userList-pagination"},[t("el-pagination",{attrs:{background:"","prev-text":"上一页","next-text":"下一页","current-page":e.currentPage,"page-size":e.pageSize,layout:"prev, pager, next,jumper, total",total:e.totalItem},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}})],1)])]),t("el-dialog",{attrs:{title:"用户信息",visible:e.dialogFormVisible},on:{"update:visible":function(t){e.dialogFormVisible=t}}},[t("el-form",{ref:"ruleForm",staticClass:"demo-ruleForm",attrs:{model:e.ruleForm,rules:e.rules,"label-width":"100px"}},[t("el-form-item",{attrs:{label:"用户名",prop:"userName"}},[t("el-input",{model:{value:e.ruleForm.userName,callback:function(t){e.$set(e.ruleForm,"userName",t)},expression:"ruleForm.userName"}})],1),t("el-form-item",{attrs:{label:"昵称",prop:"nickName"}},[t("el-input",{model:{value:e.ruleForm.nickName,callback:function(t){e.$set(e.ruleForm,"nickName",t)},expression:"ruleForm.nickName"}})],1),t("el-form-item",{attrs:{label:"性别",prop:"sex"}},[t("el-radio-group",{model:{value:e.ruleForm.sex,callback:function(t){e.$set(e.ruleForm,"sex",t)},expression:"ruleForm.sex"}},[t("el-radio",{attrs:{label:"0"}},[e._v("男")]),t("el-radio",{attrs:{label:"1"}},[e._v("女")])],1)],1),t("el-form-item",{attrs:{label:"状态",prop:"status"}},[t("el-radio-group",{model:{value:e.ruleForm.status,callback:function(t){e.$set(e.ruleForm,"status",t)},expression:"ruleForm.status"}},[t("el-radio",{attrs:{label:"0"}},[e._v("正常")]),t("el-radio",{attrs:{label:"1"}},[e._v("停用")])],1)],1),t("el-form-item",{attrs:{label:"密码",prop:"passWord"}},[t("el-input",{attrs:{type:"password","show-password":""},model:{value:e.ruleForm.passWord,callback:function(t){e.$set(e.ruleForm,"passWord",t)},expression:"ruleForm.passWord"}})],1),t("el-form-item",{attrs:{label:"手机号",prop:"phoneNumber"}},[t("el-input",{model:{value:e.ruleForm.phoneNumber,callback:function(t){e.$set(e.ruleForm,"phoneNumber",e._n(t))},expression:"ruleForm.phoneNumber"}})],1),t("el-form-item",{attrs:{label:"邮箱",prop:"email"}},[t("el-input",{model:{value:e.ruleForm.email,callback:function(t){e.$set(e.ruleForm,"email",t)},expression:"ruleForm.email"}})],1)],1),t("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[t("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.submitForm("ruleForm")}}},[e._v("新增用户")]),t("el-button",{on:{click:function(t){return e.resetForm("ruleForm")}}},[e._v("重置")])],1)],1),t("el-dialog",{staticClass:"upload-excel-dialog",attrs:{title:"用户导入",visible:e.uploadExcelDialogVisible},on:{"update:visible":function(t){e.uploadExcelDialogVisible=t}}},[t("el-upload",{staticClass:"upload-style",attrs:{drag:"",action:"#",multiple:""}},[t("i",{staticClass:"el-icon-upload"}),t("div",{staticClass:"el-upload__text"},[e._v("将文件拖到此处，或"),t("em",[e._v("点击上传")])]),t("div",{staticClass:"el-upload__tip",attrs:{slot:"tip"},slot:"tip"},[e._v("仅允许导入xls或xlsx格式文件")])]),t("div",{attrs:{slot:"footer"},slot:"footer"},[t("el-button",{on:{click:function(t){e.uploadExcelDialogVisible=!1}}},[e._v("取 消")]),t("el-button",{attrs:{type:"primary"},on:{click:function(t){e.uploadExcelDialogVisible=!1}}},[e._v("确 定")])],1)],1),t("el-dialog",{attrs:{title:"用户信息修改",visible:e.editDialogVisible,width:"width"},on:{"update:visible":function(t){e.editDialogVisible=t}}},[t("el-form",{ref:"rowForm",attrs:{model:e.rowForm,"label-width":"100px",rules:e.rowRules}},[t("el-form-item",{attrs:{label:"用户名",prop:"userName"}},[t("el-input",{model:{value:e.rowForm.userName,callback:function(t){e.$set(e.rowForm,"userName",t)},expression:"rowForm.userName"}})],1),t("el-form-item",{attrs:{label:"昵称",prop:"nickName"}},[t("el-input",{model:{value:e.rowForm.nickName,callback:function(t){e.$set(e.rowForm,"nickName",t)},expression:"rowForm.nickName"}})],1),t("el-form-item",{attrs:{label:"性别",prop:"sex"}},[t("el-radio-group",{model:{value:e.rowForm.sex,callback:function(t){e.$set(e.rowForm,"sex",t)},expression:"rowForm.sex"}},[t("el-radio",{attrs:{label:"0"}},[e._v("男")]),t("el-radio",{attrs:{label:"1"}},[e._v("女")])],1)],1),t("el-form-item",{attrs:{label:"状态",prop:"status"}},[t("el-radio-group",{model:{value:e.rowForm.status,callback:function(t){e.$set(e.rowForm,"status",t)},expression:"rowForm.status"}},[t("el-radio",{attrs:{label:"0"}},[e._v("正常")]),t("el-radio",{attrs:{label:"1"}},[e._v("停用")])],1)],1),t("el-form-item",{attrs:{label:"密码",prop:"passWord"}},[t("el-input",{attrs:{type:"password","show-password":""},model:{value:e.rowForm.passWord,callback:function(t){e.$set(e.rowForm,"passWord",t)},expression:"rowForm.passWord"}})],1),t("el-form-item",{attrs:{label:"手机号",prop:"phoneNumber"}},[t("el-input",{model:{value:e.rowForm.phoneNumber,callback:function(t){e.$set(e.rowForm,"phoneNumber",t)},expression:"rowForm.phoneNumber"}})],1),t("el-form-item",{attrs:{label:"邮箱",prop:"email"}},[t("el-input",{model:{value:e.rowForm.email,callback:function(t){e.$set(e.rowForm,"email",t)},expression:"rowForm.email"}})],1),t("el-form-item",{attrs:{label:"创建时间",prop:"createTime"}},[t("el-input",{attrs:{disabled:""},model:{value:e.rowForm.createTime,callback:function(t){e.$set(e.rowForm,"createTime",t)},expression:"rowForm.createTime"}})],1)],1),t("div",{attrs:{slot:"footer"},slot:"footer"},[t("el-button",{on:{click:e.editDialogCancel}},[e._v("取 消")]),t("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.editDialogConfirm("rowForm")}}},[e._v("确 定")])],1)],1),t("el-dialog",{attrs:{"custom-class":"distributeRole-dialog",title:"分配角色",visible:e.rowDistributeRoleDialogVisible},on:{"update:visible":function(t){e.rowDistributeRoleDialogVisible=t}}},[t("div",{staticClass:"selfbody-style"},[t("div",{staticClass:"rowDistributeRole"},[e._v("请选择"+e._s(e.userTableTemprow.userName)+"具备的角色")]),t("el-radio-group",{model:{value:e.slectedRoleIds,callback:function(t){e.slectedRoleIds=t},expression:"slectedRoleIds"}},e._l(e.roleTreeData,(function(r,s){return t("el-radio",{key:s,attrs:{label:r.roleId}},[e._v(e._s(r.roleName)+" ")])})),1)],1),t("div",{attrs:{slot:"footer"},slot:"footer"},[t("el-button",{on:{click:function(t){e.rowDistributeRoleDialogVisible=!1}}},[e._v("取 消")]),t("el-button",{attrs:{type:"primary"},on:{click:e.submitDistributeRole}},[e._v("确 定")])],1)])],1)},a=[],l=(r(21703),r(33186)),o={name:"userManage",data(){const e=(e,t,r)=>{t?this.commonFunction.isValidPhone(t)?r():r(new Error("请输入正确的11位手机号码")):r(new Error("请输入电话号码"))};return{tableCols:[],tableData:[],allTableData:[],userInputSearchValue:{userName:"",nickName:"",phoneNumber:"",date:""},dialogFormVisible:!1,uploadExcelDialogVisible:!1,editDialogVisible:!1,selectRow:[],selectData:[],ruleFormSex:"0",ruleForm:{id:"",userName:"",nickName:"",sex:"",passWord:"",phoneNumber:"",email:"",createTime:"",status:"0"},rules:{userName:[{required:!0,message:"请输入用户名",trigger:"blur"},{min:4,max:28,message:"长度在 4 到 28 个字符",trigger:"blur"}],nickName:[{required:!0,message:"请输入姓名",trigger:"blur"},{min:4,max:28,message:"长度在 4 到 28 个字符",trigger:"blur"}],sex:[{required:!0,message:"请选择性别",trigger:"blur"}],status:[{required:!0,message:"请选择状态",trigger:"blur"}],passWord:[{required:!0,message:"请输入密码",trigger:"blur"},{min:4,max:28,message:"长度在 4 到 28 个字符",trigger:"blur"}],phoneNumber:[{required:!0,validator:e,trigger:"blur"}],email:[{required:!0,message:"请输入邮箱",trigger:"blur"},{type:"email",message:"请输入正确的邮箱地址",trigger:["blur","change"]}]},rowForm:{userId:"",userName:"",nickName:"",sex:"0",status:"0",passWord:"",phoneNumber:"",email:"",createTime:""},rowRules:{userName:[{required:!0,message:"用户名不能为空",trigger:"blur"}],nickName:[{required:!0,message:"昵称不能为空",trigger:"blur"}],sex:[{required:!0,message:"请选择性别",trigger:"blur"}],status:[{required:!0,message:"请选择状态",trigger:"blur"}],passWord:[{required:!0,message:"密码不能为空",trigger:"blur"},{min:4,max:28,message:"长度在 4 到 28 个字符",trigger:"blur"}],phoneNumber:[{required:!0,validator:e,trigger:"blur"}],email:[{required:!0,message:"邮箱不能为空",trigger:"blur"}]},userTableTemprow:{},currentPage:1,pageSize:11,totalItem:20,rowDistributeRoleDialogVisible:!1,roleTreeData:[],slectedRoleIds:[]}},mounted(){this.getUserListFromBack(1,this.pageSize),this.getAllRolesFromBackEnd()},watch:{selectData(e){this.selectRow=[],e.length>0&&e.forEach((e=>{this.selectRow.push(this.tableData.indexOf(e))}))}},methods:{getUserListFromBack(e,t){let r={pageNum:e,pageSize:t};(0,l.lE)(r).then((e=>{200===e.code&&(this.tableData=e.rows,this.totalItem=e.total)}))},handleSelectionChange(e){this.selectData=e},rowClass({row:e,rowIndex:t}){if(this.selectRow.includes(t))return{"background-color":"rgba(185, 221, 249, 0.75)"}},setCurrent(e){this.$refs.singleTable.setCurrentRow(e)},submitForm(e){this.$refs[e].validate((t=>{if(!t)return this.$message({showClose:!0,message:"用户信息填写错误！",type:"error"}),!1;{let t={userName:this.ruleForm.userName,nickName:this.ruleForm.nickName,sex:this.ruleForm.sex,passWord:this.ruleForm.passWord,phoneNumber:this.ruleForm.phoneNumber,email:this.ruleForm.email,status:this.ruleForm.status};(0,l.pe)(t).then((t=>{200===t.code&&(this.$message({showClose:!0,message:"成功添加一个用户",type:"success"}),this.$refs[e].resetFields(),this.dialogFormVisible=!1,this.getUserListFromBack(this.currentPage,this.pageSize))}))}}))},resetForm(e){this.$refs[e].resetFields()},addUserDialog(){this.dialogFormVisible=!0,this.ruleForm={}},uploadExcel(){this.uploadExcelDialogVisible=!0},talbeSearchFilter(){let e="",t="";Array.isArray(this.userInputSearchValue.date)&&(e=this.userInputSearchValue.date[0],t=this.userInputSearchValue.date[1]);let r={userName:this.userInputSearchValue.userName,nickName:this.userInputSearchValue.nickName,phoneNumber:this.userInputSearchValue.phoneNumber,"params[beginTime]":e,"params[endTime]":t};(0,l.lE)(r).then((e=>{200===e.code&&(console.log("用户模糊查询结果：",e),this.tableData=e.rows,this.currentPage=1,this.totalItem=e.total)}))},reseatTableFilterValue(){this.userInputSearchValue.userName="",this.userInputSearchValue.nickName="",this.userInputSearchValue.phoneNumber="",this.userInputSearchValue.date="",this.getUserListFromBack(1,this.pageSize)},handleDelete(e,t){console.log("index,row:",e,t),this.$confirm("确定删除该用户？","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((()=>{(0,l.cO)(t.userId).then((e=>{200===e.code&&(this.getUserListFromBack(this.currentPage,this.pageSize),this.$message({showClose:!0,type:"success",message:"删除成功！"}))}))})).catch((()=>{this.$message({showClose:!0,type:"info",message:"已取消删除"})}))},rowHandleCommand(e){"restPassWord"===e&&this.resetPassWordMsgBox(this.userTableTemprow.userName,this.userTableTemprow.userId),"distributeRole"===e&&(this.getAllRolesFromBackEnd(),this.rowDistributeRoleDialogVisible=!0)},hoverGetRowData(e){this.userTableTemprow=e},resetPassWordMsgBox(e,t){this.$prompt("请输入"+e+"的新密码","重置密码",{confirmButtonText:"确定",cancelButtonText:"取消",inputPattern:/^.{5,20}$/,inputErrorMessage:"密码长度必须介于5至20之间"}).then((({value:e})=>{let r={userId:t,passWord:e};(0,l.sp)(r).then((t=>{200===t.code&&this.$message({type:"success",message:"密码重置成功，你的新密码是："+e})}))})).catch((()=>{this.$message({type:"info",message:"重置密码已取消"})}))},getAllRolesFromBackEnd(){let e={pageNum:1,pageSize:1e4};(0,l.JV)(e).then((e=>{if(200===e.code){let t=[];e.rows.forEach((e=>{t.push({roleName:e.roleName,roleId:e.roleId})})),t.length&&(this.roleTreeData=t)}}))},submitDistributeRole(){const e=[this.slectedRoleIds];if(!e.length)return void this.$message({type:"warning",showClose:!0,message:"请至少选择要给角色！"});let t={roleIds:e,userId:this.userTableTemprow.userId};(0,l.Av)(t).then((e=>{200===e.code&&(this.getUserListFromBack(this.currentPage,this.pageSize),this.$message({type:"success",showClose:!0,message:"用户分配角色成功"})),500===e.code&&this.$message({type:"warning",showClose:!0,message:"该用户已有角色，不能使用该功能"})})),this.rowDistributeRoleDialogVisible=!1,this.slectedRoleIds=[]},handleEdit(e,t){console.log("Edit index, row:",e,t),this.rowForm=t,this.editDialogVisible=!0},editDialogCancel(){this.editDialogVisible=!1},editDialogConfirm(e){this.$refs[e].validate((e=>{if(!e)return this.$message({showClose:!0,message:"用户信息填写错误！",type:"error"}),!1;{let e={userId:this.rowForm.userId,userName:this.rowForm.userName,nickName:this.rowForm.nickName,sex:this.rowForm.sex,passWord:this.rowForm.passWord,phoneNumber:this.rowForm.phoneNumber,email:this.rowForm.email,status:this.rowForm.status};(0,l.cM)(e).then((e=>{200===e.code&&(this.$message({showClose:!0,message:"成功修改一个用户",type:"success"}),this.getUserListFromBack(this.currentPage,this.pageSize))}))}})),this.editDialogVisible=!1},handleSizeChange(e){console.log(`每页 ${e} 条`)},handleCurrentChange(e){console.log(`当前页: ${e}`),this.currentPage=e,this.getUserListFromBack(e,this.pageSize)}}},i=o,u=r(1001),n=(0,u.Z)(i,s,a,!1,null,"4ac75575",null),m=n.exports}}]);
- //# sourceMappingURL=97.ddc7499f.js.map
|
