From ee54740c2c085b5c17d1f31ae3546d25b872ff37 Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期三, 23 十一月 2022 15:16:20 +0800
Subject: [PATCH] 修改前端页面
---
src/components/page/user/index.vue | 48 +++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 41 insertions(+), 7 deletions(-)
diff --git a/src/components/page/user/index.vue b/src/components/page/user/index.vue
index 6bdffa2..55bbea8 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>
@@ -41,7 +41,7 @@
<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'}]">
@@ -50,6 +50,16 @@
<el-option label="鎵ф硶浜哄憳" :value=1></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 +78,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.$refs['formData'].resetFields();
this.flag=false;
- this.$message({message: res.message, type: 'success'});
+ this.$message({message: '淇濆瓨鎴愬姛', type: 'success'});
this.loadData();
})
} else {
@@ -98,6 +113,11 @@
loadData() {
this.$byutil.loadPageData(this, this.$systemconfig.basePath + '/user/findPage', this.searchForm);
},
+ getParkList(){
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/park/findAll',null,res => {
+ this.parkList = res.data.data
+ });
+ },
onSearch() {
this.pageData = this.$byutil.defaultPageData();
this.loadData();
@@ -105,20 +125,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.$message({message: '鍒犻櫎鎴愬姛', type: 'success'});
this.loadData();
})
},
@@ -136,4 +170,4 @@
<style scoped>
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1