Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
724036db by 焦小希
Options

我的预约接口联调

1 parent 86f11914
Expand all
Inline Side-by-side
Showing 10 changed files with 131 additions and 50 deletions
......@@ -348,6 +348,10 @@
text-align: center;
line-height: 130px;
}
.business_item{
margin-bottom: 10px;
overflow: hidden;
}
.business_item ul {
display: inline-block;
width: 80%;
......@@ -372,10 +376,10 @@
width: 100%;
height: 100%;
}
.business_item ul .item_appoint:hover {
/* .business_item ul .item_appoint:hover {
background-color: #0091FF;
color: #fff;
}
} */
.isAppoint {
cursor:not-allowed!important;
}
......
......@@ -38,3 +38,23 @@ function GetQueryString(name) {
var r = window.location.search.substr(1).match(reg);
if (r!=null) return (r[2]); return null;
}
// 存储cookie
function setCookie(resdata,duration){
var date = new Date();
date.setTime(date.getTime() + duration*24*3600*1000);
document.cookie = "myCookie=" + JSON.stringify(resdata)
+ "; expires=" +date.toGMTString() + "; path=/";
// document.cookie = " myCookie =" + JSON.stringify(resdata) + ';expires=' + date.toGMTString();
};
//获取cookie
function getCookie(){
var str = document.cookie;
if(str == ''){
return false
}else{
$('.PersonLogin').css('pointer-events', 'none')
var arr = str.replace(/(\s)+/g,'').split('=');
return JSON.parse(arr[1]);
}
};
\ No newline at end of file
......
......@@ -74,4 +74,5 @@ document.writeln("</body>");
document.writeln("");
document.writeln("</html>");
document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/layui/layui.js\'></script>");
document.writeln("<script src=\'https://at.alicdn.com/t/font_2174584_1j8kvwarwge.js\'></script>");
\ No newline at end of file
document.writeln("<script src=\'https://at.alicdn.com/t/font_2174584_1j8kvwarwge.js\'></script>");
\ No newline at end of file
......
......@@ -32,8 +32,11 @@ $(document).on('click', '#loginButton', function(){
userLoginRequest.username = username
userLoginRequest.password = password
clicklogin(userLoginRequest)
// layer.closeAll()
layer.closeAll()
});
$(function(){
$('.PersonLogin').html(getCookie().username)
})
// 点击注册的时候
$(document).on('click', '#registerButton', function(){
// layer.closeAll()
......@@ -49,11 +52,16 @@ function clicklogin(data){
dataType: "json",
data:JSON.stringify(data),//***关键******
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(232323,result)
}
console.log(222,result)
if(result.code ==200 && result.data!==null){
setCookie(result.data)
$('.PersonLogin').html(getCookie().username)
}else if(result.code ==500){
window.open(`${localhostPaht}/staticViews/register.html`,'_self')
}
}
});
});
}
\ No newline at end of file
......
......@@ -3,7 +3,7 @@ $(function () {
var province = undefined
var city = undefined
// 办事大厅
var halloffice = '不夜城'
var jgid = '不夜城'
$('.area_list li').click(function () {
$(".area_list li").removeClass("activeRegion")
$(this).addClass("activeRegion");
......@@ -137,6 +137,8 @@ $(function () {
$(this).addClass("active2");
var index = $(this).index();
console.log(4444,index)
jgid = $(this).data('id')
console.log(jgid)
})
infoWindow.addEventListener('close', function (type, target, point) {
$('.office_halls li').eq(0).removeClass('hallActive')
......@@ -153,7 +155,7 @@ $(function () {
_initData()
// 下一步
$('.nextButton').click(function(){
window.open("./yysj.html?halloffice="+halloffice+"","_self")
window.open("./yysj.html?jgid="+jgid+"","_self")
})
})
function _initData() {
......
$(function () {
var latitude =undefined
var longitude =undefined
var orgname = undefined
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
......@@ -8,7 +11,7 @@ $(function () {
});
// 地图
var map = new BMap.Map('container');
var point = new BMap.Point(108.95346, 34.265725);
var point = new BMap.Point(longitude, latitude);
map.centerAndZoom(point, 15);
// 创建点标记
var marker = new BMap.Marker(point);
......@@ -17,13 +20,73 @@ $(function () {
var opts = {
width: 200,
height: 100,
title: '不夜城'
title: orgname
};
var infoWindow = new BMap.InfoWindow('大唐不夜城', opts);
var infoWindow = new BMap.InfoWindow( orgname, opts);
// 点标记添加点击事件
map.openInfoWindow(infoWindow, point); // 开启信息窗口
marker.addEventListener('click', function () {
map.openInfoWindow(infoWindow, point); // 开启信息窗口
});
map.enableScrollWheelZoom();
});
\ No newline at end of file
getAppointmentDetail()
});
// GET 根据预约信息标识码appointmentId查看预约详情
function getAppointmentDetail(){
$.ajax({
type: "get", //提交方式
url:
portal.api_url + "/portal/appointmentmh/getAppointmentDetail",
data: {
appointmentId: GetRequest(),
},
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {
//返回数据根据结果进行相应的处理
if (result.code == 200) {
var renegeCounttotal =undefined
console.log('ff',result)
$('#username').text(result.data.username)
$('#zjhm').text(result.data.zjhm)
$('#orgName').text(result.data.orgName)
$('#hbShortname').text(result.data.hbShortname)
$('#reservationNumber').text(result.data.reservationNumber)
console.log(result.data.bookingDate.substr(0,4))
var year = result.data.bookingDate.substr(0,4) + '年'
var month = result.data.bookingDate.substr(4,2) + '月'
var day= result.data.bookingDate.substr(6,2) + '日'
var startTime= result.data.startTime + '至'
var endTime= result.data.endTime
var yysjtotal = year + month + day + startTime + endTime
$('#yysj').text(yysjtotal)
if(result.data.renegeCount == null){
renegeCounttotal = 0
}else{
renegeCounttotal = result.data.renegeCount
}
$('#renegeCount').html(renegeCounttotal)
$('#renegeCount').css('color','red')
longitude= result.data.longitude
latitude= result.data.latitude
orgname= result.data.orgName
}
},
});
}
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("?");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURIComponent(
strs[i].split("=")[1]
);
}
}
return theRequest.appointmentId;
}
\ No newline at end of file
......
......@@ -90,7 +90,7 @@
</div>
<div class="footer_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="../yyxz/index.html" title="上一步">
<a href="./yyxz.html" title="上一步">
上一步
</a>
</button>
......
......@@ -67,12 +67,12 @@
<div class="title">
<h3>
预约成功！您的预约号：
<span>952567654</span>
<span id='reservationNumber'></span>
</h3>
<p>请记录下您的预约号，以便后续的预约服务。</p>
</div>
<ul>
<li>1.您曾经失约（0）次，请留意您本次的预约时间和业务类型，切勿迟到或失约。</li>
<li>1.您曾经失约<span id='renegeCount'></span>次，请留意您本次的预约时间和业务类型，切勿迟到或失约。</li>
<li>2.如确需取消预约，请提前1天登陆系统办理</li>
<li>3.请凭预约号及相关证件，按预约时间提前10分钟到选定的不动产登记中心办理业务</li>
</ul>
......@@ -83,23 +83,23 @@
<ul>
<li>
<span>姓名：</span>
<p>任超</p>
<p id="username"></p>
</li>
<li>
<span>身份证号：</span>
<p>6101245646546</p>
<p id='zjhm'></p>
</li>
<li>
<span>办事大厅：</span>
<p>碑林区办事大厅</p>
<p id="orgName"></p>
</li>
<li>
<span>预约业务：</span>
<p>二手房过户</p>
<p id="hbShortname"></p>
</li>
<li>
<span>预约时间：</span>
<p>2020年10月16日上午 11:00</p>
<p id="yysj">2020年10月16日上午 11:00</p>
</li>
</ul>
</div>
......
......@@ -89,7 +89,10 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./yyxz.html" title="上一步">
<!-- <a href="./yyxz.html" title="上一步">
上一步
</a> -->
<a href="./xzqy.html" title="上一步">
上一步
</a>
</button>
......@@ -109,13 +112,13 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
{{# if(item.isSelect){ }}
<ul class="swiper-slide layui-bg-gray active1">
<li>{{item.week}}</li>
<li>{{item.date}}</li>
<li>{{item.jyjh}}</li>
</ul>
{{# } }}
{{# if(!item.isSelect){ }}
<ul class="swiper-slide layui-bg-gray">
<li>{{item.week}}</li>
<li>{{item.date}}</li>
<li>{{item.jyjh}}</li>
</ul>
{{# } }}
{{# }); }}
......@@ -130,35 +133,15 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
<span>-</span>
<span>{{item.endTime}}</span>
</div>
<ul>
{{# layui.each(item.orgBusinessList, function(index1, item1){ }}
{{# if(item1.isyy==0){ }}
<li class="item_appoint">
<h3>
{{item1.shortName}}
</h3>
{{# if(item1.isyy==1){ }}
<p style="color:#FF5722">({{item1.residueNumber}})</p>
{{# } }}
{{# if(item1.isyy==0){ }}
<p style="color:#5FB878">({{item1.residueNumber}})</p>
{{# } }}
</li>
{{# } }}
{{# if(item1.isyy==1){ }}
<li class="isAppoint">
<ul >
{{# layui.each(item.orgBusinessList, function(index1, item1){ }}
<li class="item_appoint" data-id='{{item1.periodRulesId}}'>
<h3>
{{item1.shortName}}
</h3>
{{# if(item1.isyy==1){ }}
<p style="color:#FF5722">({{item1.residueNumber}})</p>
{{# } }}
{{# if(item1.isyy==0){ }}
<p style="color:#5FB878">({{item1.residueNumber}})</p>
{{# } }}
<p style="color:#5FB878">(剩{{item1.residueNumber}}票)</p>
</li>
{{# } }}
{{# }); }}
{{# }) }}
</ul>
</div>
{{# }); }}
......