sckj
/
iflyket


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<!DOCTYPE html>
<html lang="en">
<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>

    <link href="../ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
    <script src="../ztree/js/jquery.ztree.all.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="roleVM.getDataList();">查询</button>
                </div>
            </li>
            <li>
                <button onclick="toAdd()">添加</button>
            </li>
        </ul>

        <!--table表格-->
        <div class="table">
            <table>
                <thead>
                <tr>
                    <!--<th>id</th>-->
                    <th>名称</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="item in dataList">
                    <!--<td>{{item.id}}</td>-->
                    <td>{{item.name}}</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="toMenuRole('{{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 >
            <ul id="tree" class="ztree" ></ul>
        </div>
    </div>
</div>


<div id="iRoleAdd"  style="display: none;">
    <div class="" style="padding-bottom:0;">
        <div >
            <form id="iRoleAddForm">
            <input type="hidden" name="id" id="iRoleAddId">
            <table border="0" width="90%"><tr><td width="20%">
                <span >角色名称：</span>
            </td><td width="80%">
                <input style="border-radius: 5px;margin-bottom: 20px;margin-right: 10px;border: solid 1px #ccc;width: 148px;
                                    height: 32px; padding-left: 30px; line-height: 32px;"
                       type="text" id="iRoleAddName" autocomplete="off" name="name">
            </td></tr></table>
        </form>
        </div>
    </div>
</div>


</body>
<script src="/html/vue/roleVue.js"></script>
<script type="text/javascript">
    $(window.parent.document).find("#content_iframe").height(document.body.clientHeight + 100);
    window.onresize = function(){
        var main = $(window.parent.document).find("#content_iframe");
        var thisheight = document.body.clientHeight + 100;
        main.height(thisheight);
    }
</script>
</html>