修改前端页面

kongdeqiang

2022-09-22 bb31220ccb1e5dbc7ba5498b306f32699185d3f8

 src/components/page/user/index.vue

@@ -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,20 +78,25 @@
                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 => {
@@ -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.obj
              });
            },
            onSearch() {
                this.pageData = this.$byutil.defaultPageData();
                this.loadData();
@@ -105,16 +125,26 @@
            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.getParkList()
              this.flag=true;
              this.formData  = row;
              let 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 => {