<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="管理员账号" two_word="{$other.title}列表" />
|
</el-header>
|
<el-main>
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>{$other.title}列表</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)"
|
@click="show_admin_account(-1)">添加</el-link>
|
</div>
|
</template>
|
<el-form label-width="auto">
|
<el-input v-model="searchdata.kw" size="large" placeholder="可通过账号/姓名 筛选" style="width: 300px"></el-input>
|
 
|
<el-button type="success" size="large" icon="Search" @click="searchadminlist()">搜索</el-button>
|
</el-form>
|
<br />
|
<el-table :data="adminlist" border style="width: 100%" ref="tableRef">
|
<el-table-column label="账号" prop="user_name" width="250"></el-table-column>
|
<el-table-column label="管理员姓名" prop="real_name"></el-table-column>
|
<el-table-column label="账号状态" width="200" align="center">
|
<template #default="scope">
|
<el-switch v-model="scope.row.ban_access" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ccc" :active-value="1"
|
:inactive-value="0" inline-prompt active-text="允许登录" inactive-text="禁止登录" @change="set_ban_access(scope.$index)" />
|
</template>
|
</el-table-column>
|
<el-table-column label="最近登录时间" width="200" align="center">
|
<template #default="scope">
|
<template v-if="scope.row.login_time>0">{{formatDate(scope.row['login_time'])}}</template>
|
</template>
|
</el-table-column>
|
<el-table-column label="登录ip" prop="login_ip" width="200" align="center"></el-table-column>
|
<el-table-column label="操作选项" fixed="right" min-width="200" :align="alignValue(300)">
|
<template #default="scope">
|
<template v-if="other.admin_info.initialize==1 || other.admin_info.id==scope.row['id']">
|
<el-button icon="edit" type="primary" @click="show_admin_account(scope.$index)"></el-button>
|
<el-button v-if="other.admin_info.initialize==1 && scope.row['initialize']==0" icon="delete" type="danger"
|
@click="delete_admin(scope.$index)"></el-button>
|
<el-button v-else icon="delete" type="danger" disabled></el-button>
|
</template>
|
<template v-else>--</template>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<template #footer>
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchdata.p" :page-sizes="[20, 30, 40, 50]"
|
:page-size="searchdata.page_size" layout="total, sizes, prev, pager, next" :total="other.count"></el-pagination>
|
</template>
|
</el-card>
|
</el-main>
|
</el-container>
|
</el-container>
|
|
<!-- 添加账号弹框 -->
|
<el-drawer :title="admin_title" :direction="direction" v-model="show_admin_info" size="35%">
|
<div id="comment_item">
|
<div class="layui-row">
|
<div class="layui-col-md12 caller-contar">
|
<div class="caller-item">
|
<el-form ref="useritem" :model="useritem" label-width="150px" size="large">
|
<el-form-item label="账号">
|
<template v-if="useritem.id">
|
{{useritem.user_name}}
|
</template>
|
<template v-else>
|
<el-input v-model="useritem.user_name" style="width: 330px;"></el-input>
|
</template>
|
</el-form-item>
|
<el-form-item label="密码">
|
<el-input placeholder="请输入密码" v-model="useritem.pwd" show-password style="width: 330px;"></el-input>
|
<span v-if="useritem.id" class="gray14">不修改密码保留为空</span>
|
</el-form-item>
|
<el-form-item label="管理员姓名">
|
<el-input v-model="useritem.real_name" style="width: 330px;"></el-input>
|
</el-form-item>
|
<el-form-item label="管理员手机号">
|
<el-input v-model="useritem.phone" style="width: 330px;"></el-input>
|
</el-form-item>
|
|
<el-form-item>
|
<el-button type="primary" @click="save_admin">{{admin_button_txt}}</el-button>
|
<el-button @click="show_admin_info=false">取消</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
</div>
|
</div>
|
</el-drawer>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script src="/static/admin/js/administrators/index.js"></script>
|
|
</html>
|
