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
1 layui.use('element', function () {
2 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
3 //监听导航点击
4 element.on('nav(demo)', function (elem) {
5 //console.log(elem)
6 layer.msg(elem.text());
7 });
8 });
9 layui.use('table', function () {
10 var table = layui.table;
11 table.render({
12 elem: '#test'
13 , url: './lib/index.json'
14 , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
15 , cols: [[
16 { field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
17 , { field: 'username', title: '预约号', align: 'center' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
18 , { field: 'sex', title: ' 预约人', align: 'center' }
19 , { field: 'city', title: '办事大厅', align: 'center' }
20 , { field: 'sign', title: ' 预约业务', align: 'center' }
21 , { field: 'classify', title: '预约时间', align: 'center' }
22 , { field: 'state', title: '状态', align: 'center', templet: '#state' }
23 , { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
24 ]]
25 , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
26 return {
27 "code": res.code, //解析接口状态
28 "data": res.data //解析数据列表
29 };
30 }
31 });
32 //监听行工具事件
33 table.on('tool(test)', function (obj) {
34 var data = obj.data;
35 console.log(data)
36 if (obj.event === 'del') {
37 } else if (obj.event === 'edit') {
38
39 }
40 });
41 });
...\ No newline at end of file ...\ No newline at end of file
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html lang="en"> 2 <html lang="en">
3 3
4 <head> 4 <head>
5 <title>个人中心</title> 5 <title>我的预约</title>
6 <meta charset="UTF-8"> 6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no"> 8 <meta name="format-detection" content="telephone=no">
...@@ -17,20 +17,27 @@ ...@@ -17,20 +17,27 @@
17 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" /> 17 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
18 <link rel="stylesheet" type="text/css" href="./css/index.css"> 18 <link rel="stylesheet" type="text/css" href="./css/index.css">
19 </head> 19 </head>
20
21 <body> 20 <body>
22 <div class="main"> 21 <div class="main">
23 <div class="subject top-logo"> 22 <div class="subject top-logo">
24 <div class="top_logo_content"> 23 <div class="top_logo_content">
25 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1> 24 <h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
26 <div class="top_logo_search"> 25 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 26 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
28 autocomplete="off" class="layui-input"> 27 autocomplete="off" class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> 28 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div> 29 </div>
31 <ul class="login"> 30 <ul class="login">
32 <li>登录</li> 31 <li>
33 <li>注册</li> 32 <a href="" title="登录">
33 登录
34 </a>
35 </li>
36 <li>
37 <a href="" title="注册">
38 注册
39 </a>
40 </li>
34 </ul> 41 </ul>
35 </div> 42 </div>
36 </div> 43 </div>
...@@ -56,9 +63,9 @@ ...@@ -56,9 +63,9 @@
56 <div class="navigation_crumbs"> 63 <div class="navigation_crumbs">
57 <div class="contentBox"> 64 <div class="contentBox">
58 <span class="layui-breadcrumb"> 65 <span class="layui-breadcrumb">
59 <a href="../../staticIndex.html">首页</a> 66 <a href="../../staticIndex.html" title="首页">首页</a>
60 <a href="../grzx/index.html">个人中心</a> 67 <a href="../grzx/index.html" title="个人中心">个人中心</a>
61 <a><cite>我的预约</cite></a> 68 <a title="我的预约"><cite>我的预约</cite></a>
62 </span> 69 </span>
63 </div> 70 </div>
64 </div> 71 </div>
...@@ -77,7 +84,7 @@ ...@@ -77,7 +84,7 @@
77 </li> 84 </li>
78 </ul> 85 </ul>
79 </div> 86 </div>
80 <a class="my_appointment" href="../yyxz/index.html">在线预约</a> 87 <a class="my_appointment" title="在线预约" href="../yyxz/index.html">在线预约</a>
81 <div class="time"> 88 <div class="time">
82 登录时间：2088-20-88 89 登录时间：2088-20-88
83 </div> 90 </div>
...@@ -90,27 +97,27 @@ ...@@ -90,27 +97,27 @@
90 <div class="system_service"> 97 <div class="system_service">
91 <ul class=""> 98 <ul class="">
92 <li> 99 <li>
93 <a href=""> 100 <a href="" title="公示公告">
94 <span>公示公告</span> 101 <span>公示公告</span>
95 </a> 102 </a>
96 </li> 103 </li>
97 <li> 104 <li>
98 <a href=""> 105 <a href="" title="法律法规">
99 <span>法律法规</span> 106 <span>法律法规</span>
100 </a> 107 </a>
101 </li> 108 </li>
102 <li> 109 <li>
103 <a href=""> 110 <a href="" title="相应政策">
104 <span>相应政策</span> 111 <span>相应政策</span>
105 </a> 112 </a>
106 </li> 113 </li>
107 <li> 114 <li>
108 <a href=""> 115 <a href="" title="下载服务">
109 <span>下载服务</span> 116 <span>下载服务</span>
110 </a> 117 </a>
111 </li> 118 </li>
112 <li> 119 <li>
113 <a href=""> 120 <a href="" title="关于我们">
114 <span>关于我们</span> 121 <span>关于我们</span>
115 </a> 122 </a>
116 </li> 123 </li>
...@@ -118,8 +125,8 @@ ...@@ -118,8 +125,8 @@
118 </div> 125 </div>
119 <div class="subject"> 126 <div class="subject">
120 <div class="footer_logo"> 127 <div class="footer_logo">
121 <a href=""> 128 <a href="" title="政务机关">
122 <img src="./../../staticImages/jiguan.png"> 129 <img src="./../../staticImages/jiguan.png" alt="政务机关" />
123 </a> 130 </a>
124 </div> 131 </div>
125 <ul> 132 <ul>
...@@ -144,11 +151,11 @@ ...@@ -144,11 +151,11 @@
144 </ul> 151 </ul>
145 <ol> 152 <ol>
146 <li> 153 <li>
147 <img src="./../../staticImages/code.png"> 154 <img src="./../../staticImages/code.png" alt="公众号" />
148 <p>扫描关注公众号</p> 155 <p>扫描关注公众号</p>
149 </li> 156 </li>
150 <li> 157 <li>
151 <img src="./../../staticImages/code.png"> 158 <img src="./../../staticImages/code.png" alt="公众号" />
152 <p>扫描关注公众号</p> 159 <p>扫描关注公众号</p>
153 </li> 160 </li>
154 </ol> 161 </ol>
...@@ -158,60 +165,10 @@ ...@@ -158,60 +165,10 @@
158 </body> 165 </body>
159 166
160 </html> 167 </html>
161 <!--[if (gte IE 9)|!(IE)]><!-->
162 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script> 168 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
163 <!--<![endif]-->
164 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
165 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
166 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
167 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
168 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
169 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script> 169 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
170 <!-- ----------------------------静态文件-------------------------------------- -->
171 <script type="text/javascript" src="./lib/index.json"></script> 170 <script type="text/javascript" src="./lib/index.json"></script>
172 <script type="text/javascript"> 171 <script type="text/javascript" src="../../staticJs/wdyy.js"></script>
173 layui.use('element', function () {
174 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
175 //监听导航点击
176 element.on('nav(demo)', function (elem) {
177 //console.log(elem)
178 layer.msg(elem.text());
179 });
180 });
181 layui.use('table', function () {
182 var table = layui.table;
183 table.render({
184 elem: '#test'
185 , url: './lib/index.json'
186 , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
187 , cols: [[
188 { field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
189 , { field: 'username', title: '预约号', align: 'center' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
190 , { field: 'sex', title: ' 预约人', align: 'center' }
191 , { field: 'city', title: '办事大厅', align: 'center' }
192 , { field: 'sign', title: ' 预约业务', align: 'center' }
193 , { field: 'classify', title: '预约时间', align: 'center' }
194 , { field: 'state', title: '状态', align: 'center', templet: '#state' }
195 , { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
196 ]]
197 , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
198 return {
199 "code": res.code, //解析接口状态
200 "data": res.data //解析数据列表
201 };
202 }
203 });
204 //监听行工具事件
205 table.on('tool(test)', function (obj) {
206 var data = obj.data;
207 console.log(data)
208 if (obj.event === 'del') {
209 } else if (obj.event === 'edit') {
210
211 }
212 });
213 });
214 </script>
215 <script type="text/html" id="zizeng"> 172 <script type="text/html" id="zizeng">
216 {{d.LAY_TABLE_INDEX+1}} 173 {{d.LAY_TABLE_INDEX+1}}
217 </script> 174 </script>
......