yfadmin_web/src/views/user/Add.vue

<style lang="scss">
    .add{
        .el-input,button{
            width: 300px;
        }
    }
</style>
<template>
    <section class="add">
        <p>系统管理  >  新增用户 </p>
        <div class="content">
            <el-form label-width="80px">
                <el-form-item label="用户名">
                        <el-input placeholder="用户名" v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="密码">
                        <el-input type="password" placeholder="密码" v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="确认密码">
                        <el-input type="password"  placeholder="确认密码" v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="姓名">
                        <el-input placeholder="用户名" v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="设置权限">
                        <el-checkbox-group v-model="test" size="small">
                        <el-checkbox label="备选项1" border></el-checkbox>
                        <el-checkbox label="备选项2" border></el-checkbox>
                        </el-checkbox-group>
                </el-form-item>
                <el-form-item label=" ">
                        <el-button type="primary">保存</el-button>
                </el-form-item>
            </el-form>
        </div>
    </section>
</template>
<script>

export default {

  data(){
    return{
        test:'',
        form:{name:1,a:''}
    }
  },
  methods:{
      gopage(){}
  },
  created(){
  
  }
}
</script>