Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
1b8a59a8 by 任超
Options

style:我的预约

1 parent f2c34737
Inline Side-by-side
Showing 2 changed files with 67 additions and 69 deletions
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#test'
, url: './lib/index.json'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{ field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
, { field: 'username', title: '预约号', align: 'center' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
, { field: 'sex', title: ' 预约人', align: 'center' }
, { field: 'city', title: '办事大厅', align: 'center' }
, { field: 'sign', title: ' 预约业务', align: 'center' }
, { field: 'classify', title: '预约时间', align: 'center' }
, { field: 'state', title: '状态', align: 'center', templet: '#state' }
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
]]
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code, //解析接口状态
"data": res.data //解析数据列表
};
}
});
//监听行工具事件
table.on('tool(test)', function (obj) {
var data = obj.data;
console.log(data)
if (obj.event === 'del') {
} else if (obj.event === 'edit') {
}
});
});
\ No newline at end of file
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<title>个人中心</title>
<title>我的预约</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
......@@ -17,20 +17,27 @@
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>登录</li>
<li>注册</li>
<li>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
......@@ -56,9 +63,9 @@
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html">首页</a>
<a href="../grzx/index.html">个人中心</a>
<a><cite>我的预约</cite></a>
<a href="../../staticIndex.html" title="首页">首页</a>
<a href="../grzx/index.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
......@@ -77,7 +84,7 @@
</li>
</ul>
</div>
<a class="my_appointment" href="../yyxz/index.html">在线预约</a>
<a class="my_appointment" title="在线预约" href="../yyxz/index.html">在线预约</a>
<div class="time">
登录时间：2088-20-88
</div>
......@@ -90,27 +97,27 @@
<div class="system_service">
<ul class="">
<li>
<a href="">
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="">
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="">
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="">
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="">
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
......@@ -118,8 +125,8 @@
</div>
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="./../../staticImages/jiguan.png">
<a href="" title="政务机关">
<img src="./../../staticImages/jiguan.png" alt="政务机关" />
</a>
</div>
<ul>
......@@ -144,11 +151,11 @@
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png">
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png">
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
......@@ -158,60 +165,10 @@
</body>
</html>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<!-- ----------------------------静态文件-------------------------------------- -->
<script type="text/javascript" src="./lib/index.json"></script>
<script type="text/javascript">
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#test'
, url: './lib/index.json'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{ field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
, { field: 'username', title: '预约号', align: 'center' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
, { field: 'sex', title: ' 预约人', align: 'center' }
, { field: 'city', title: '办事大厅', align: 'center' }
, { field: 'sign', title: ' 预约业务', align: 'center' }
, { field: 'classify', title: '预约时间', align: 'center' }
, { field: 'state', title: '状态', align: 'center', templet: '#state' }
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
]]
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code, //解析接口状态
"data": res.data //解析数据列表
};
}
});
//监听行工具事件
table.on('tool(test)', function (obj) {
var data = obj.data;
console.log(data)
if (obj.event === 'del') {
} else if (obj.event === 'edit') {
}
});
});
</script>
<script type="text/javascript" src="../../staticJs/wdyy.js"></script>
<script type="text/html" id="zizeng">
{{d.LAY_TABLE_INDEX+1}}
</script>
......