123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- <!DOCTYPE html>
- <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="UTF-8">
- <script src="../js/lib/jquery-1.9.1/jquery.min.js"></script>
- <script src="../js/lib/vue.js"></script>
- <script src="../js/config/base_config.js"></script>
- <script src="../js/lib/ajaxRedirect.js"></script>
- <script src="../jqueryUI/jquery-ui.js"></script>
- <link href="../jqueryUI/jquery-ui.css" rel="stylesheet" />
- <link href="../css/css01.css" rel="stylesheet" type="text/css">
- <title>Title</title>
- </head>
- <body>
- <div>
- <!--内容-->
- <div class="content">
- <!--筛选-->
- <ul class="recommendation-screen">
- <li>
- <input class="input01" type="text" id="selectName" placeholder="请输入关键字"/>
- <div class="button01">
- <button onclick="userVM.getDataList();">查询</button>
- </div>
- </li>
- <li>
- <button onclick="toAdd()">添加</button>
- </li>
- </ul>
- <!--table表格-->
- <div class="table">
- <table>
- <thead>
- <tr>
- <th>姓名</th>
- <!--<th>id</th>-->
- <th>手机号码</th>
- <th>角色</th>
- <th>操作</th>
- </tr>
- </thead>
- <tbody>
- <tr v-for="item in dataList">
- <td>{{item.name}}</td>
- <!--<td>{{item.id}}</td>-->
- <td>{{item.mobile}}</td>
- <td>{{item.rname}}</td>
- <td>
- <button class="btn-modify" onclick="toUpDate('{{item.id}}')">修改</button>
- <button class="btn-delete" onclick="toDelete('{{item.id}}');">删除</button>
- <button class="btn-delete" onclick="toUpdateLogin('{{item.id}}');">登陆设置</button>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <!--分页-->
- <div class="page">
- <div>共有{{rowCount}}条记录</div>
- <ul>
- <li><a href="#" onclick="pageList('1')">首页</a></li>
- <li><a href="#" onclick="pageList('{{pageNumber-1}}')">上一页</a></li>
- <li v-for="n in pageCount" :class="{'page-s':(n+1==pageNumber)}"><a href="#" onclick="pageList('{{n+1}}')">{{n+1}}</a></li>
- <li><a href="#" onclick="pageList('{{pageNumber+1}}')">下一页</a></li>
- <li><a href="#" onclick="pageList('{{pageCount}}')">末页</a></li>
- <li class="font02">跳转到第</li>
- <li class="input02"><input id="pageShowNumber" type="text" placeholder="" onkeyup="pageOnKeydown(this,event);" /></li>
- <li class="font02" style="margin-left: 5px;">页</li>
- </ul>
- </div>
- </div>
- </div>
- <div id="iUserAdd" style="display: none;">
- <div style="padding-bottom:0;" class="recommendation-screen" >
- <form id="iUserAddForm">
- <input type="hidden" name="id" id="iUserAddId">
- <table border="0" width="100%">
- <tr>
- <td width="20%"><span >姓名:</span></td>
- <td width="80%">
- <input type="text" id="iUserAddName" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
- height: 32px; padding-left: 30px; line-height: 32px;" name="name">
- </td>
- </tr>
- <tr>
- <td width="20%"><span >手机号码</span></td>
- <td width="80%" >
- <input type="text" id="iUserAddMobile" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
- height: 32px; padding-left: 30px; line-height: 32px;" name="mobile">
- </td>
- </tr>
- <tr>
- <td width="20%"><span >角色</span></td>
- <td width="80%" class="select01">
- <select id="iUserAddRid" name="rid" ></select>
- </td>
- </tr>
- <tr>
- <td width="20%"><span >部门</span></td>
- <td width="80%" class="select01">
- <select id="iUserAddDept" name="did" onchange="onChangeDept();"></select>
- </td>
- </tr>
- </table>
- </form>
- </div>
- </div>
- <div id="iUserLogin" style="display: none;">
- <div style="padding-bottom:0;">
- <form id="iUserLoginForm">
- <input type="hidden" name="id" id="iUserLoginId">
- <table border="0" width="100%">
- <tr>
- <td width="20%"><span >登陆名称:</span></td>
- <td width="80%">
- <input type="text" id="iUserLoginName" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
- height: 32px; padding-left: 30px; line-height: 32px;" name="loginName">
- </td>
- </tr>
- <tr>
- <td width="20%"><span >登陆密码:</span></td>
- <td width="80%">
- <input type="password" id="iUserLoginPwd" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
- height: 32px; padding-left: 30px; line-height: 32px;" name="loginPwd">
- </td>
- </tr>
- <tr>
- <td width="20%"><span >重新输入:</span></td>
- <td width="80%">
- <input type="password" id="iUserLoginPwdAgain" style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
- height: 32px; padding-left: 30px; line-height: 32px;">
- </td>
- </tr>
- </table>
- </form>
- </div>
- </div>
- </body>
- <script src="../html/vue/userVue.js"></script>
- </html>
|