修改前端页面

kongdeqiang

2022-09-22 bb31220ccb1e5dbc7ba5498b306f32699185d3f8

修改前端页面

 src/components/common/Header.vue

@@ -18,11 +18,11 @@
                        <!--<span><i class="el-icon-user"></i>{{this.userNames}}</span>-->
                    <!--</el-tooltip>-->
                <!--</div>-->
                <div class="btn-fullscreen" @click="dialogFormVisible = true">
                    <el-tooltip effect="dark" :content="`修改密码`" placement="bottom">
                        <i class="el-icon-setting"></i>
                    </el-tooltip>
                </div>
<!--                <div class="btn-fullscreen" @click="dialogFormVisible = true">-->
<!--                    <el-tooltip effect="dark" :content="`修改密码`" placement="bottom">-->
<!--                        <i class="el-icon-setting"></i>-->
<!--                    </el-tooltip>-->
<!--                </div>-->
                <el-dialog title="修改密码" :visible.sync="dialogFormVisible">
                    <el-form :model="form">
                        <el-form-item label="原始密码" :label-width="formLabelWidth">
@@ -58,9 +58,10 @@
                <!-- 用户名下拉菜单 -->
                <el-dropdown class="user-name" trigger="click" @command="handleCommand">
                    <span class="el-dropdown-link">
                        退出登录 <i class="el-icon-caret-bottom"></i>
                       {{loginName}} <i class="el-icon-caret-bottom"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item divided  command="editPassword">修改密码</el-dropdown-item>
                        <el-dropdown-item divided  command="loginout">退出登录</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
@@ -93,13 +94,13 @@
        },
        computed:{

            username(){
                let username = this.$byutil.getUser();
                return username ? username.realName : this.name;
            }
        },
      created() {
        let username = localStorage.getItem('name')
        this.loginName = username
      },

        methods:{
      methods:{
            // 用户名下拉菜单选择事件
            handleCommand(command) {
                if(command == 'loginout'){
@@ -107,7 +108,6 @@
                    sessionStorage.userRoleNames = ''
                    sessionStorage.userGuid = ''
                    sessionStorage.userName = ''
                    console.log(111);
                    this.$router.push('/login');
                    // this.$confirm("是否退出登录?", "提示", {
                    //     confirmButtonText: "确定",
@@ -131,6 +131,8 @@
                    //     });
                    // localStorage.removeItem('ms_username')
                    // this.$router.push('/login');
                }else if(command == 'editPassword'){
                  this.dialogFormVisible = true
                }
            },
            // 侧边栏折叠

 src/components/common/Sidebar.vue

@@ -48,13 +48,13 @@
                items: [
                    {
                        id:1,
                        icon: 'el-icon-document',
                        icon: 'el-icon-user-solid',
                        name: '人员管理',
                        indexUrl: 'user'
                    },
                    {
                        id:2,
                        icon: 'el-icon-document',
                        icon: 'el-icon-place',
                        name: '停车场管理',
                        indexUrl: 'park'
                    },
@@ -78,13 +78,13 @@
                    // },
                    {
                        id:6,
                        icon: 'el-icon-document',
                        icon: 'el-icon-document-checked',
                        name: '白名单',
                        indexUrl: 'whiteList'
                    },
                    {
                        id:7,
                        icon: 'el-icon-document',
                        icon: 'el-icon-s-fold',
                        name: '街道管理',
                        indexUrl: 'street'
                    },

 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 => {