sckj
/
iflyket


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!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/css.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" id="selectName" placeholder="请输入关键字"/>
                <div class="button01">
                    <button onclick="templetVM.getDataList();">查询</button>
                </div>
            </li>
            <li>
                <button onclick="toAdd()">添加</button>
            </li>
        </ul>

        <!--table表格-->
        <div class="table">
            <table>
                <thead>
                <tr>
                    <th>主键</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>
                    </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="iTempletAdd"  style="display: none;">
    <div style="padding-bottom:0;" class="recommendation-screen">
        <form id="iTempletAddForm">
            <input type="hidden" name="id" id="iTempletAddId">
            <table border="0" width="100%">
                <tr>
                    <td width="20%"><span >字段一：</span></td>
                    <td width="80%">
                        <input type="text" id="iTempletAddName" 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>
            </table>
        </form>
    </div>
</div>
</body>
<script src="../page/vue/templetVue.js"></script>
</html>