Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
7b044e7c by 任超
Options

style:办事指南

1 parent 1363975f
Pipeline #13 for 7b044e7c failed in 0 seconds
Inline Side-by-side
Showing 5 changed files with 167 additions and 88 deletions
......@@ -94,6 +94,7 @@
font-size: 0;
margin-left: -10px;
margin-right: -10px;
overflow: hidden;
}
.appointment_list li {
width: 33.333%;
......@@ -120,9 +121,13 @@
display: inline-block;
float: left;
}
.item_title p {
.item_title a {
display: inline-block;
float: right;
color: #FFFFFF;
}
.item_title a:hover {
color: #FFFFFF;
}
.success {
background-color: #44D7B6;
......@@ -172,3 +177,7 @@
text-align: center;
margin: 0 auto;
}
#page {
text-align: center;
margin:30px 0;
}
\ No newline at end of file
......
$(function () {
_initData()
})
layui.use('element', function () {
var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
// 新闻详情数据
function _initData() {
var newsDetail = $("#newsDetail");
newsDetail.empty();
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhNotice/getMHDetailById",//路径
data: {
"id": GetQueryString('id'),
},
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
$('.newsTitle').html(result.data.title)
$('.releaseTime').html(result.data.addtime)
newsDetail.append(result.data.content)
}
}
});
}
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]);
return null;
}
\ No newline at end of file
......@@ -6,3 +6,86 @@ layui.use('element', function () {
layer.msg(elem.text());
});
});
$(function () {
_initData()
})
// 获取列表信息
function _initData(currentPage=1) {
// var appointment_list = $(".appointment_list");
// appointment_list.empty();
var li;
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/WorkBoxService/bookingBusinessReord",//路径
dataType: "json",
data: {
"userId": dataList.userid,
"currentPage": currentPage,
"pageSize": 10
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
let records = result.data.records
for (var i = 0; i < records.length; i++) {
li = '<li>'
li += '<div class="item_content">'
if (records[i].state == '1') {
li += '<div class="item_title success">'
li += '<h3>赴约</h3>'
li += '<a>查看<i class="layui-icon layui-icon-right"></i></a>'
li += '</div>'
}else if(records[i].state == '2') {
li += '<div class="item_title overdue">'
li += '<h3>逾期</h3>'
li += '<a>查看<i class="layui-icon layui-icon-right"></i></a>'
li += '</div>'
}else if(records[i].state == '4') {
li += '<div class="item_title cancel">'
li += '<h3>取消</h3>'
li += '<a>查看<i class="layui-icon layui-icon-right"></i></a>'
li += '</div>'
}
li += '<ul class="item_info">'
li += '<li><span>预约人：</span><p>'+records[i].name+'</p></li>'
li += '<li><span>办事大厅：</span><p>'+records[i].organizationName+'</p></li>'
li += '<li><span>办理业务类型：</span><p>'+records[i].businessName+'</p><a href="">办事指南</a></li>'
li += '<li><span>预约日期：</span><p>'+records[i].reserveTime+'</p></li>'
li += '<li><span>预约流水号：</span><p>'+records[i].reservationNumber+'</p></li>'
li += '<a class="cancel_reservation">取消预约</a>'
li += '</div>'
li += '</li>'
// appointment_list.append(li);
}
}
paged(result.data.total, result.data.current);
}
});
}
// 分页
function paged(pageCount, curr) {
layui.use('laypage', function () {
let laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: pageCount //数据总数，从服务端得到
, curr: curr
, prev: '<'
, next: '>'
, theme: '#0091FF'
, jump: function (obj, first) {
if (!first) {
console.log(obj.curr)
_initData(obj.curr);
}
}
});
})
}
var dataList = {
"userid":'0026609ddc6d2afabaa3c9b0ea3b0ec3'
};
\ No newline at end of file
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>办事指南详情</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/ggxq.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html">首页</a>
<a href="./bszn.html">办事指南</a>
<a><cite>办事指南详情</cite></a>
</span>
</div>
</div>
<div class="mainbody">
<div class="title newsTitle"></div>
<div class="release">
<div class="source"></div>
<div>发布日期：<p class="releaseTime"></p></div>
</div>
<div class="DividingLine"></div>
<div class="notice_content" id="newsDetail">
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/businessGuideDeatil.js"></script>
</html>
\ No newline at end of file
......@@ -47,80 +47,10 @@
<div class="item_content">
<div class="item_title success">
<h3>正常</h3>
<p>
<a>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
</div>
<ul class="item_info">
<li>
<span>预约人：</span>
<p>任超</p>
</li>
<li>
<span>办事大厅：</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型：</span>
<p>二手房交易</p>
<a href="">办事指南</a>
</li>
<li>
<span>预约日期：</span>
<p>2020-12-56 上午 16：13</p>
</li>
<li>
<span>预约流水号：</span>
<p>897987987987</p>
</li>
</ul>
<a class="cancel_reservation">取消预约</a>
</div>
</li>
<li>
<div class="item_content">
<div class="item_title overdue">
<h3>正常</h3>
<p>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
</div>
<ul class="item_info">
<li>
<span>预约人：</span>
<p>任超</p>
</li>
<li>
<span>办事大厅：</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型：</span>
<p>二手房交易</p>
<a href="">办事指南</a>
</li>
<li>
<span>预约日期：</span>
<p>2020-12-56 上午 16：13</p>
</li>
<li>
<span>预约流水号：</span>
<p>897987987987</p>
</li>
</ul>
<a class="cancel_reservation">取消预约</a>
</div>
</li>
<li>
<div class="item_content">
<div class="item_title cancel">
<h3>正常</h3>
<p>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
</a>
</div>
<ul class="item_info">
<li>
......@@ -149,6 +79,7 @@
</div>
</li>
</ul>
<div id="page"></div>
</div>
</div>
</div>
......@@ -157,19 +88,4 @@
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticLib/wdyy/index.json"></script>
<script type="text/javascript" src="../staticJs/wdyy.js"></script>
\ No newline at end of file
<script type="text/html" id="zizeng">
{{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="state">
{{# if(d.state=='1'){ }}
是
{{# } else{}}
否
{{# } }}
</script>
\ No newline at end of file
......