|
|
@@ -1,300 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-
|
|
|
-<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta name="renderer" content="webkit">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
- <meta name="viewport"
|
|
|
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
- <title>重庆市业余无线电信息服务系统</title>
|
|
|
- <link rel="stylesheet" href="layui/css/layui.css">
|
|
|
- <link rel="stylesheet" type="text/css" href="fontwx/iconfont.css" />
|
|
|
- <link rel="stylesheet" type="text/css" href="css/main.css" />
|
|
|
-
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
- <div class="layui-layout layui-layout-admin">
|
|
|
- <div class="main-layout-body">
|
|
|
-
|
|
|
- <div class="admission_ticket">
|
|
|
- <div class="ticket">
|
|
|
- <div class="title">
|
|
|
- 重庆市2020业余无线电操作技术能力统一考试认证
|
|
|
- </div>
|
|
|
- <div class="name">
|
|
|
- 成绩单
|
|
|
- </div>
|
|
|
- <table border="" cellspacing="" cellpadding="" class="ticket_table">
|
|
|
- <tr>
|
|
|
- <td>考生姓名</td>
|
|
|
- <td>张三</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>考生编号</td>
|
|
|
- <td>20200354548</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>身份证号</td>
|
|
|
- <td>500229456412584753</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>考试名称</td>
|
|
|
- <td>重庆市2020年上半年A类业余无线电操作技术能力统一考试认证</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>报考类型</td>
|
|
|
- <td>A类考试</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>报考时间</td>
|
|
|
- <td>2020-12-12 15:00</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>考试成绩</td>
|
|
|
- <td>合格</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>联系电话</td>
|
|
|
- <td>13265477856</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>领取方式</td>
|
|
|
- <td>
|
|
|
- <input type="radio" value="自领" title="自领" checked=""> 自领
|
|
|
- <input type="radio" value="邮寄" title="邮寄"> 邮寄
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>邮寄地址</td>
|
|
|
- <td>
|
|
|
-
|
|
|
- <input type="text" name="" id="" value="重庆市洋河北路234号" />
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>是否违纪/缺考</td>
|
|
|
- <td>
|
|
|
- <input type="radio" value="否" title="否" checked="">
|
|
|
- 否
|
|
|
- <input type="radio" value="违纪" title="违纪">
|
|
|
- 违纪
|
|
|
- <input type="radio" value="缺考" title="缺考">
|
|
|
- 缺考
|
|
|
- <input type="radio" value="作废" title="作废">
|
|
|
- 作废
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>考生签字</td>
|
|
|
- <td>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div class="photo">
|
|
|
- <img src="images/photo.svg" class="photo_img">
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="printBtn">
|
|
|
- <button type="button" class="layui-btn layui-btn-lg layui-btn-normal">打印</button>
|
|
|
- <button type="button" class="layui-btn layui-btn-lg layui-btn-primary">取消</button>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- <script src="layui/layui.js"></script>
|
|
|
- <script>
|
|
|
- //JavaScript代码区域
|
|
|
- layui.use('element', function () {
|
|
|
- var element = layui.element;
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- layui.use(['laypage', 'layer'], function () {
|
|
|
- var laypage = layui.laypage,
|
|
|
- layer = layui.layer;
|
|
|
-
|
|
|
- //总页数低于页码总数
|
|
|
- laypage.render({
|
|
|
- elem: 'demo0',
|
|
|
- count: 50 //数据总数
|
|
|
- });
|
|
|
-
|
|
|
- //总页数大于页码总数
|
|
|
- laypage.render({
|
|
|
- elem: 'demo1',
|
|
|
- count: 70 //数据总数
|
|
|
- ,
|
|
|
- jump: function (obj) {
|
|
|
- console.log(obj)
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- //自定义样式
|
|
|
- laypage.render({
|
|
|
- elem: 'demo2',
|
|
|
- count: 100,
|
|
|
- theme: '#1E9FFF'
|
|
|
- });
|
|
|
- laypage.render({
|
|
|
- elem: 'demo2-1',
|
|
|
- count: 100,
|
|
|
- theme: '#FF5722'
|
|
|
- });
|
|
|
- laypage.render({
|
|
|
- elem: 'demo2-2',
|
|
|
- count: 100,
|
|
|
- theme: '#FFB800'
|
|
|
- });
|
|
|
-
|
|
|
- //自定义首页、尾页、上一页、下一页文本
|
|
|
- laypage.render({
|
|
|
- elem: 'demo3',
|
|
|
- count: 100,
|
|
|
- first: '首页',
|
|
|
- last: '尾页',
|
|
|
- prev: '<em>←</em>',
|
|
|
- next: '<em>→</em>'
|
|
|
- });
|
|
|
-
|
|
|
- //不显示首页尾页
|
|
|
- laypage.render({
|
|
|
- elem: 'demo4',
|
|
|
- count: 100,
|
|
|
- first: false,
|
|
|
- last: false
|
|
|
- });
|
|
|
-
|
|
|
- //开启HASH
|
|
|
- laypage.render({
|
|
|
- elem: 'demo5',
|
|
|
- count: 500,
|
|
|
- curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
|
|
|
- ,
|
|
|
- hash: 'fenye' //自定义hash值
|
|
|
- });
|
|
|
-
|
|
|
- //只显示上一页、下一页
|
|
|
- laypage.render({
|
|
|
- elem: 'demo6',
|
|
|
- count: 50,
|
|
|
- layout: ['prev', 'next'],
|
|
|
- jump: function (obj, first) {
|
|
|
- if (!first) {
|
|
|
- layer.msg('第 ' + obj.curr + ' 页');
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- //完整功能
|
|
|
- laypage.render({
|
|
|
- elem: 'demo7',
|
|
|
- count: 100,
|
|
|
- layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
|
|
|
- jump: function (obj) {
|
|
|
- console.log(obj)
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- //自定义排版
|
|
|
- laypage.render({
|
|
|
- elem: 'demo8',
|
|
|
- count: 1000,
|
|
|
- layout: ['limit', 'prev', 'page', 'next']
|
|
|
- });
|
|
|
- laypage.render({
|
|
|
- elem: 'demo9',
|
|
|
- count: 1000,
|
|
|
- layout: ['prev', 'next', 'page']
|
|
|
- });
|
|
|
- laypage.render({
|
|
|
- elem: 'demo10',
|
|
|
- count: 1000,
|
|
|
- layout: ['page', 'count']
|
|
|
- });
|
|
|
-
|
|
|
- //自定义每页条数的选择项
|
|
|
- laypage.render({
|
|
|
- elem: 'demo11',
|
|
|
- count: 1000,
|
|
|
- limit: 100,
|
|
|
- limits: [100, 300, 500]
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- //将一段数组分页展示
|
|
|
-
|
|
|
- //测试数据
|
|
|
- var data = [
|
|
|
- '北京',
|
|
|
- '上海',
|
|
|
- '广州',
|
|
|
- '深圳',
|
|
|
- '杭州',
|
|
|
- '长沙',
|
|
|
- '合肥',
|
|
|
- '宁夏',
|
|
|
- '成都',
|
|
|
- '西安',
|
|
|
- '南昌',
|
|
|
- '上饶',
|
|
|
- '沈阳',
|
|
|
- '济南',
|
|
|
- '厦门',
|
|
|
- '福州',
|
|
|
- '九江',
|
|
|
- '宜春',
|
|
|
- '赣州',
|
|
|
- '宁波',
|
|
|
- '绍兴',
|
|
|
- '无锡',
|
|
|
- '苏州',
|
|
|
- '徐州',
|
|
|
- '东莞',
|
|
|
- '佛山',
|
|
|
- '中山',
|
|
|
- '成都',
|
|
|
- '武汉',
|
|
|
- '青岛',
|
|
|
- '天津',
|
|
|
- '重庆',
|
|
|
- '南京',
|
|
|
- '九江',
|
|
|
- '香港',
|
|
|
- '澳门',
|
|
|
- '台北'
|
|
|
- ];
|
|
|
-
|
|
|
- //调用分页
|
|
|
- laypage.render({
|
|
|
- elem: 'demo20',
|
|
|
- count: data.length,
|
|
|
- jump: function (obj) {
|
|
|
- //模拟渲染
|
|
|
- document.getElementById('biuuu_city_list').innerHTML = function () {
|
|
|
- var arr = [],
|
|
|
- thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj
|
|
|
- .limit);
|
|
|
- layui.each(thisData, function (index, item) {
|
|
|
- arr.push('<li>' + item + '</li>');
|
|
|
- });
|
|
|
- return arr.join('');
|
|
|
- }();
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- });
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-
|
|
|
-</html>
|
gt