From 899de68b5072c2eb3d46aa99c1c65fa30a1211bb Mon Sep 17 00:00:00 2001 From: kongdeqiang <123456> Date: 星期一, 28 十月 2024 08:30:38 +0800 Subject: [PATCH] feat: 新增角色 --- src/components/page/user/index.vue | 63 ++++++++++++++++++++++++++----- 1 files changed, 52 insertions(+), 11 deletions(-) diff --git a/src/components/page/user/index.vue b/src/components/page/user/index.vue index 6bdffa2..459ee48 100644 --- a/src/components/page/user/index.vue +++ b/src/components/page/user/index.vue @@ -3,7 +3,7 @@ <div style="padding: 10px 10px 0px 10px;"> <el-form :inline="true" :model="searchForm"> <el-form-item label="鍚嶇О"> - <el-input v-model="searchForm.name"></el-input> + <el-input v-model="searchForm.name" clearable></el-input> </el-form-item> <el-form-item> <el-button type="primary" size="small" @click="onSearch" icon="el-icon-search">鏌ヨ</el-button> @@ -21,6 +21,8 @@ <template slot-scope="scope"> <p v-if="scope.row.type==0">鍋滆溅鍦虹鐞嗗憳</p> <p v-if="scope.row.type==1">鎵ф硶浜哄憳</p> + <p v-if="scope.row.type==2">绯荤粺绠$悊鍛�</p> + <p v-if="scope.row.type==3">鎵嬫寔缁堢绠$悊鍛�</p> </template> </el-table-column> <el-table-column label="鎿嶄綔" fixed="right" width="150" align="center"> @@ -38,18 +40,33 @@ <el-form-item label="鐧诲綍鍚�" prop="loginName" :rules="[{required: true, message: '璇疯緭鍏ョ櫥褰曞悕', trigger: 'blur'}]"> <el-input v-model="formData.loginName" auto-complete="off"></el-input> </el-form-item> + <el-form-item label="瀵嗙爜" prop="password" :rules="[{required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur'}]"> + <el-input v-model="formData.password" auto-complete="off"></el-input> + </el-form-item> <el-form-item label="濮撳悕" prop="name" :rules="[{required: true, message: '璇疯緭鍏ュ鍚�', trigger: 'blur'}]"> <el-input v-model="formData.name" auto-complete="off"></el-input> </el-form-item> - <el-form-item label="鎵嬫満鍙�" prop="phone" :rules="[{ required: true, message: '鎵嬫満鍙蜂笉鑳戒负绌�', trigger: 'blur'}]"> + <el-form-item label="鎵嬫満鍙�" prop="phone"> <el-input v-model="formData.phone" auto-complete="off"></el-input> </el-form-item> <el-form-item label="浜哄憳绫诲瀷" prop="type" :rules="[{required: true, message: '璇烽�夋嫨浜哄憳绫诲瀷', trigger: 'change'}]"> <el-select v-model="formData.type"> - <el-option label="鍋滆溅鍦虹鐞嗗憳" :value=0></el-option> + <el-option label="鍋滆溅鍦哄悗鍙扮鐞嗗憳" :value=0></el-option> <el-option label="鎵ф硶浜哄憳" :value=1></el-option> + <el-option label="绯荤粺绠$悊鍛�" :value=2></el-option> + <el-option label="鎵嬫寔缁堢绠$悊鍛�" :value=3></el-option> </el-select> </el-form-item> + <el-form-item label="绠$悊鍋滆溅鍦�" prop="parkIds"> + <el-select multiple filterable v-model="parkIds" clearable> + <el-option + v-for="item in parkList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="flag = false">鍙� 娑�</el-button> @@ -68,26 +85,31 @@ searchForm: { name: '' }, + parkList:[], + parkIds:[], pageData: this.$byutil.defaultPageData(), formData: { name: '', loginName: '', phone: '', type: '', + parkIds:'', }, } }, mounted() { this.loadData(); + this.getParkList(); }, methods: { onSave(){ + this.formData.parkIds = this.parkIds.toString() this.$refs['formData'].validate((valid) => { if (valid) { - this.$byutil.postData(this, this.$systemconfig.basePath + '/user/save', this.formData, res => { + this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/user/save', this.formData, res => { this.$refs['formData'].resetFields(); this.flag=false; - this.$message({message: res.message, type: 'success'}); + this.$message({message: '淇濆瓨鎴愬姛', type: 'success'}); this.loadData(); }) } else { @@ -96,7 +118,12 @@ }); }, loadData() { - this.$byutil.loadPageData(this, this.$systemconfig.basePath + '/user/findPage', this.searchForm); + this.$byutil.loadPageData(this, this.$systemconfig.basePath + '/ffzf/user/findPage', this.searchForm); + }, + getParkList(){ + this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/park/findAll',null,res => { + this.parkList = res.data + }); }, onSearch() { this.pageData = this.$byutil.defaultPageData(); @@ -105,20 +132,34 @@ onAdd() { this.flag=true; this.$refs['formData'].resetFields(); + this.parkIds = []; this.formData = { name: '', loginName: '', phone: '', type: '', + parkIds:'', } }, onEdit(index, row) { - this.flag=true; - this.formData = row; + this.parkIds = [] + this.getParkList() + this.flag=true; + this.formData = row; + let ids = null + if(this.formData.parkIds){ + ids=this.formData.parkIds.split(",") + let resList = []; + ids.forEach(item => { + resList.push(Number(item)) + }) + this.parkIds = resList; + } + console.log(this.parkIds) }, onDelete(index, row) { - this.$byutil.deleteData(this,this.$systemconfig.basePath+"/user/delete",{id:row.id}, res => { - this.$message({message: res.message, type: 'success'}); + this.$byutil.deleteData(this,this.$systemconfig.basePath+"/ffzf/user/delete",{id:row.id}, res => { + this.$message({message: '鍒犻櫎鎴愬姛', type: 'success'}); this.loadData(); }) }, @@ -136,4 +177,4 @@ <style scoped> -</style> \ No newline at end of file +</style> -- Gitblit v1.9.1