sckj
/
iflyket


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
							<!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>

    <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="menuVM.getDataList();">查询</button>
                </div>
            </li>
            <li>
                <button onclick="toAdd()">添加</button>
            </li>
        </ul>

        <!--table表格-->
        <div class="table">
            <table>
                <thead>
                <tr>
                    <th>菜单名称</th>
                    <th>地址</th>
                    <th>类名</th>
                    <th>方法名</th>
                    <th>类型</th>
                    <th>所属菜单</th>

                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr  v-for="item in dataList">
                    <td>{{item.name}}</td>
                    <td>{{item.address}}</td>
                    <td>{{item.classname}}</td>
                    <td>{{item.methodname}}</td>
                    <td>{{(item.mtype==1)?("功能"):("菜单")}}</td>
                    <td>{{(item.fname==null)?("根级"):(item.fname)}}</td>
                    <td>
                        <button class="btn-modify" onclick="toUpDate('{{item.id}}')">修改</button>
                        <button class="btn-delete" onclick="toDelete('{{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="iMenuAdd"  style="display: none;">
    <div style="padding-bottom:0;" class="recommendation-screen">
        <form id="iMenuAddForm">
            <input type="hidden" name="id" id="iMenuAddId">
            <table border="0" width="100%">
                <tr>
                    <td width="20%"><span >菜单名称：</span></td>
                    <td width="80%">
                        <input type="text" id="iMenuAddName" 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="iMenuAddClassname" 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="classname">
                    </td>
                </tr>
                <tr>
                    <td width="20%"><span >方法名：</span></td>
                    <td width="80%">
                        <input type="text" id="iMenuAddMethodName" 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="methodname">
                    </td>
                </tr>

                <tr>
                    <td width="20%"><span>链接地址：</span></td>
                    <td width="80%">
                        <input type="text" id="iMenuAddAddress" 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="address">
                    </td>
                </tr>
                <tr>
                    <td width="20%"><span >所属菜单：</span></td>
                    <td width="80%" class="select01">
                        <select name="fid" id="iMenuAddFId" onchange="onChangeSelect();" ></select>
                    </td>
                </tr>
                <tr>
                    <td width="20%"><span >类型</span></td>
                    <td width="80%" class="select01">

                        <div style="float: left;line-height: 30px;padding-right:10px;">菜单</div>
                        <div style="float: left;">
                            <input type="checkbox" id="checkbox-1-1" name="mtype" class="regular-checkbox" value="0" checked="checked"/>
                            <label for="checkbox-1-1"></label>
                        </div>
                        <div style="float: left;line-height: 30px;padding-right:10px;">功能</div>
                        <div style="float: left;">
                            <input type="checkbox" id="checkbox-1-2" name="mtype" class="regular-checkbox" value="1"/>
                            <label for="checkbox-1-2"></label>
                        </div>
                </tr>
            </table>
        </form>
    </div>
</div>
</body>

<script src="/html/vue/menuVue.js"></script>
</html>