56 行
2.1 KiB
HTML
可执行文件
56 行
2.1 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--[1.6.48]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<title>选择修改角色</title>
|
|
<link rel="stylesheet" href="/Public/css/reset.css">
|
|
<link rel="stylesheet" href="/Public/login/css/common.css">
|
|
<!-- 本地引入element-ui样式 -->
|
|
<link rel="stylesheet" href="/Public/vue/element-ui.2.8.2.css">
|
|
<link rel="stylesheet" href="/Public/login/css/mobile-change-pwd-step1.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div class="mobile-change-pwd-step1-wp">
|
|
<div v-if="isShow" class="role-list-wp" v-cloak>
|
|
<h1 class="title">请选择所要修改密码的角色</h1>
|
|
<ul class="role-list">
|
|
<li class="role" v-for="(role,index) in roleList" ::key="index" @click="chooseRole(index)"
|
|
:class="{active: isClick === index}">
|
|
<div class="left">
|
|
<div class="name">{{role.login_name}}</div>
|
|
</div>
|
|
<div class="right">{{role.name}}</div>
|
|
</li>
|
|
</ul>
|
|
<div class="next-btn">
|
|
<el-button type="primary" round @click="next">下一步</el-button>
|
|
</div>
|
|
</div>
|
|
<div v-else class="have-no-role" v-cloak>
|
|
<h1 class="title">
|
|
<img src="/Public/login/images/error.png" alt="">
|
|
<div>您未绑定过任何账号</div>
|
|
</h1>
|
|
<div class="confirm-btn">
|
|
<el-button type="primary" round @click="closeH5">确定</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 本地引入vue.js -->
|
|
<script src="/Public/vue/js/vue2.5.16.js"></script>
|
|
<!-- 本地引入element-ui的js文件 -->
|
|
<script src="/Public/vue/element-ui.2.8.2.js"></script>
|
|
<!-- 本地引入jQuery -->
|
|
<script src="/Public/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script src="/Public/login/js/common.js"></script>
|
|
<script src="/Public/js/newAjax.js"></script>
|
|
<script src="/Public/js/getparam.js"></script>
|
|
<script src="/Public/login/js/mobile-change-pwd-step1.js"></script>
|
|
</body>
|
|
|
|
</html> |