{include file="../application/tpl/admin/head.html" /}
<el-breadcrumb separator="/">
  <el-breadcrumb-item><i class="el-icon-s-home"></i><a href="/okadmin">系统首页</a></el-breadcrumb-item>
  <el-breadcrumb-item>{$pagemodel}</el-breadcrumb-item>
</el-breadcrumb>
<div class="clearfix pdtb10">
	<div class="fl">
		<el-button type="success" icon="el-icon-plus" size="mini" @click="edit()">新增管理员</el-button>
	</div>
	<div class="fr">
		<el-button type="warning" plain size="mini" @click="getlist" icon="el-icon-search">刷新</el-button>
	</div>
</div>
<table>
	<thead>
		<tr><th>姓名</th><th>账号</th><th>角色</th><th>状态</th><th>添加时间</th><th>最后登录</th><th>登录IP</th><th width="220">操作</th></tr>
	</thead>
	<tbody>
		<tr v-for="(items,index) in lists">
			<td>{{items.user_name}}</td>
			<td>{{items.account_name}}</td>
			<td>{{items.role_name}}</td>
			<td><span v-if="items.state==1">启用</span><span v-else>禁用</span></td>
			<td>{{items.addtime}}</td>
			<td>{{items.logintime}}</td>
			<td>{{items.loginip}}</td>
			<td>
				<el-button type="text" @click="repass(index)" v-if="items.id!=1">重置密码</el-button>
				<el-button type="text" @click="editstate(index)" v-if="items.id!=1"><span v-if="items.state==1">禁用</span><span v-else>启用</span></el-button>
				<el-button type="text" @click="edit(index)" v-if="items.id!=1">修改</el-button>
				<el-button type="text" @click="del(index)" v-if="items.id!=1">删除</el-button>
			</td>
		</tr>
	</tbody>
</table>
<div class="listtip" style="display:none;" v-show="isloading || lists.length<1">{{datatxt}}</div>

<el-dialog
  :title="edittitle"
  :visible.sync="iseditshow"
  width="480px"
  :show-close="false"
  :close-on-press-escape="false"
  :close-on-click-modal="false"
  >
  <div>
	<el-form ref="one" :model="one" :rules="oneRulue" label-width="80px">
		<el-form-item label="登录账号" prop="account_name">
			<el-input v-model.trim="one.account_name" placeholder="登录账号"></el-input>
		</el-form-item>
		<el-form-item label="姓名" prop="user_name">
			<el-input v-model.trim="one.user_name" placeholder="姓名"></el-input>
		</el-form-item>
		<el-form-item label="登录密码" prop="password" v-if="ac.type=='add'">
			<el-input v-model.trim="one.password" placeholder="登录密码"></el-input>
		</el-form-item>
		<el-form-item label="角色" prop="role">
			<el-select v-model="one.role" placeholder="无">
				<el-option  value="" label="无"></el-option>
				<el-option v-for="items in roles" :value="items.id" :key="items.id" :label="items.name"></el-option>
			</el-select>
		</el-form-item>
	</el-form>
  </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="iseditshow = false" size="small"><span v-if="isedit">关 闭</span><span v-else>取 消</span></el-button>
    <el-button type="primary" @click="editSub('one')" size="small" v-if="!isedit">确 定</el-button>
  </span>
</el-dialog>

{include file="../application/tpl/admin/foot.html" /}
<script src="/model/admin/admins.js"></script>
</body>
</html>