| | |
| | | 时间:2019-10-25 |
| | | 描述:权限-管理员列表-添加管理员 |
| | | --> |
| | | <el-dialog title="添加管理员" :visible.sync="dialogVisible" @close="dialogFormVisible" :close-on-click-modal="false" :close-on-press-escape="false" :append-to-body='true'> |
| | | <el-dialog title="添加管理员" :visible.sync="dialogVisible" width="600px" @close="dialogFormVisible" :close-on-click-modal="false" :close-on-press-escape="false" :append-to-body='true'> |
| | | <!--form表单--> |
| | | <el-form size="small" ref="form" :model="form" :rules="formRules" :label-width="formLabelWidth"> |
| | | <el-form-item label="用户名" prop="user_name"><el-input v-model="form.user_name" placeholder="请输入用户名"></el-input></el-form-item> |
| | |
| | | <el-form-item label="绑定用户"> |
| | | <el-row> |
| | | <el-button @click="addClick" icon="el-icon-plus">选择会员</el-button> |
| | | <div v-if="form.user_info.user_id!=''" class="img"> |
| | | <img :src="form.user_info.user.avatarUrl" width="100" height="100" /> |
| | | <div v-if="form.user_id" class="img mt10"> |
| | | <img :src="user_info.avatarUrl" width="100" height="100" /> |
| | | <p>{{ user_info.nickName }}<span v-if="user_info.real_name">({{ user_info.real_name }})</span></p> |
| | | </div> |
| | | </el-row> |
| | | </el-form-item> |
| | |
| | | <el-button type="primary" @click="onSubmit" :loading="loading">确 定</el-button> |
| | | </div> |
| | | <!--添加--> |
| | | <GetUser :is_open="open_add" @close="closeDialogFunc"></GetUser> |
| | | <GetMember :is_open="open_add" @close="closeDialogFunc"></GetMember> |
| | | </el-dialog> |
| | | </template> |
| | | |
| | | <script> |
| | | import AuthApi from '@/api/auth.js'; |
| | | import GetUser from '@/components/user/GetUser.vue'; |
| | | import GetMember from '@/components/member/GetMember.vue'; |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | user_name: '', |
| | | access_id: [], |
| | | user_id: 0, |
| | | user_info:{ |
| | | user:{ |
| | | |
| | | } |
| | | } |
| | | password: '', |
| | | confirm_password: '', |
| | | real_name: '' |
| | | }, |
| | | user_info: {}, |
| | | /*form验证*/ |
| | | formRules: { |
| | | user_name: [ |
| | |
| | | } |
| | | }, |
| | | components:{ |
| | | GetUser |
| | | GetMember |
| | | }, |
| | | watch: { |
| | | open: function(n, o) { |
| | |
| | | /*关闭获取用户弹窗*/ |
| | | closeDialogFunc(e) { |
| | | if (e.type != 'error') { |
| | | this.form.user_info = e.params[0]; |
| | | this.user_info = e.params[0]; |
| | | this.form.user_id = e.params[0].user_id; |
| | | } |
| | | this.open_add = false; |