suochencheng
/
FangYuan


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
							<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="head.jsp"/>
    <title>享居屋房源管理系统</title>
    <style>.avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #20a0ff;
    }

    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 178px;
        height: 178px;
        line-height: 178px;
        text-align: center;
    }

    .avatar {
        width: 178px;
        height: 178px;
        display: block;
    }
    </style>
</head>
<body>
<jsp:include page="contentBefore.jsp"/>
<template>
            <el-form ref="form" :model="row_info" label-width="80px">
                <el-form-item label="用户名">
                    <el-input v-model="row_info.userName"></el-input>
                </el-form-item>
                
           <!--      <el-form-item label="姓名">
                    <el-input v-model="row_info.nickName"></el-input>
                </el-form-item>
                
                <el-form-item label="性别">
                    <el-input v-model="row_info.sex"></el-input>
                </el-form-item> -->
                
                
                 <el-form-item label="区域">
                    <el-input v-model="row_info.address"></el-input>
                </el-form-item>
                <el-form-item label="权限" v-if="userLimit==4" >
                     <el-radio-group v-model="row_info.limitF">
					      <el-radio-button label="1">业务员</el-radio-button>
					      <el-radio-button label="2">经理</el-radio-button>
					      <el-radio-button label="3">区域经理</el-radio-button>
					      <el-radio-button label="5">督导</el-radio-button>
					      <el-radio-button label="4" v-if="userLimit==4">管理员</el-radio-button>
   					 </el-radio-group>
                </el-form-item>
<!--                  <el-form-item label="真实姓名">
                    <el-input v-model="row_info.realName"></el-input>
                </el-form-item>
                
                 <el-form-item label="身份证">
                    <el-input v-model="row_info.idCard"></el-input>
                </el-form-item>
                
                 <el-form-item label="余额">
                    <el-input v-model="row_info.moneyCoin"></el-input>
                </el-form-item>
                -->
                <el-form-item>
                    <el-button type="primary" @click="onSubmit" v-if="userLimit==4" >{{edit?'保存':'立即创建'}}</el-button>
                    <el-button>取消</el-button>
                </el-form-item>
            </el-form>
</template>
<jsp:include page="contentAfter.jsp"/>
</body>
<script>
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
    new Vue({
        el: '#app',                                                                                                                                                                         
        created: function () {
            this.getUserLimit();

            var id = getQueryString('id');
            var userName = getQueryString('userName');console.info(userName);
            var address = getQueryString('address');
            if (id) {
            	this.edit = true;
            	this.row_info.id = id;            
                $.get({
                    url: 'userId',
                    data: {
                        id: id
                    }
                }).then(function (res) {
                    if (res.success) {
                        this.edit = true;
                        this.row_info = res.data;
                    }
                }.bind(this)); 
            }
        }, 
        data: function () {
            return {
                menu: '1-2',
                user: {
                    id: '',
                    username: 'admin',
                    avatar: ''
                },
                loading: false,
                edit: false,
                tab: 1,
                row_info : {
                	userName: '',
                	address: ''
                },
                userLimit:'',
            };
        },
        methods: {
            /* logout: function () {
                this.$confirm('确定要注销吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'info'
                }).then(function () {
                    localStorage.removeItem('user');
                    this.$router.push({path: '/login'});
                }.bind(this)).catch(function (e) {

                });
            }, */
            getUserLimit: function () {
                var that = this;
                $.get({
                    url: 'getUserLimit',
                    data: {}
                }).then(function (res) {
                    if (res.success) {
                        that.userLimit = res.data.limitF;
                    }
                }.bind(this))
            },
            onSubmit: function () {
                if (!this.row_info.userName) {
                    this.$message.warning('请填写用户名');
                }  else {
                    var data = JSON.parse(JSON.stringify(this.row_info));
                    console.log(data);
                    $.post({
                        url: this.edit ? 'updateUser' : 'saveUser',
                        data: data
                    }).then(function (res) {
                        if (res.success) {
                            if (!this.edit) {
                                this.row_info.id = res.data;
                            }
                            this.edit = true;
                            this.$message.success(this.edit ? '保存成功' : '创建成功');
                            window.history.back();
                        } else {
                            this.$message.error(this.edit ? '保存失败' : '创建失败');
                        }
                    }.bind(this))
                }
            },
            reback: function(){
            	window.history.back();
            }
            }
    })
</script>


</html>