Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
86f45304 by 任超
Options

style:新闻动态

1 parent 3eba14b9
Inline Side-by-side
Showing 8 changed files with 86 additions and 253 deletions
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网上“一窗办事”登记系统</title>
<meta name="copyright" content=" &reg 技术支持 All Rights Reserved" />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow,archive" />
<link rel="alternate icon" type="image/png" href="./staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="Keywords" content="" />
<link rel="stylesheet" type="text/css" href="./staticLib/layui/css/layui.css" />
<link type="text/css" rel="stylesheet" href="./staticCss/common.css" />
<link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
</head>
<body>
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="" title="党政机关">
<img src="./staticImages/jiguan.png" alt="党政机关" />
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</body>
</html>
<script src="./staticLib/jquery/jquery.min.js"></script>
<script src="./staticLib/layui/layui.js"></script>
<script src="https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js"></script>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网上“一窗办事”登记系统</title>
<meta name="copyright" content=" &reg 技术支持 All Rights Reserved" />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow,archive" />
<link rel="alternate icon" type="image/png" href="./staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="Keywords" content="" />
<link rel="stylesheet" type="text/css" href="./staticLib/layui/css/layui.css" />
<link type="text/css" rel="stylesheet" href="./staticCss/common.css" />
<link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
</head>
<body>
<div class="top-logo">
<div class="top_logo_content">
<h1><a href="./staticIndex.html"><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>
<a href="./staticViews/grzx/index.html">登录</a>
</li>
<li>注册</li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item layui-this"><a href="./staticIndex.html" title="首页">首页</a></li>
<li class="layui-nav-item"><a href="./staticViews/xwdt/index.html" title="新闻动态">新闻动态</a></li>
<li class="layui-nav-item"><a href="">政策法规</a></li>
<li class="layui-nav-item"><a href="./staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="./staticViews/zxjf/index.html">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
</body>
</html>
<script src="portalStaticPage/staticLib/jquery/jquery.min.js"></script>
<script src="portalStaticPage/staticLib/layui/layui.js"></script>
<script src="portalStaticPage/staticJs/staticIndex.js"></script>
<script src="https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js"></script>
\ No newline at end of file
......@@ -128,4 +128,11 @@
position: absolute;
left: 65px;
top: 40px;
}
.informationList li{
width: 100%!important;
}
.informationList li p {
width: 25%;
display: inline-block!important;
}
\ No newline at end of file
......
......@@ -9,7 +9,7 @@ function login(){
skin: 'confimInfo',
content: '<div class="loginINfo">'
+ '<ul>'
+ '<li><span><a class="require">*</a>用户名</span>：<input id="userName"></li>'
+ '<li><span><a class="require">*</a>手机号</span>：<input id="phone"></li>'
+ '<li><span><a class="require">*</a>密码</span>：<input id="IDcard"></li>'
+ '</ul>'
+ '<div class="btns">'
......@@ -26,9 +26,9 @@ $(document).on('click', '.PersonLogin', function(){
// 点击登陆的时候
$(document).on('click', '#loginButton', function(){
var userLoginRequest = {}
var username =$('#userName').val()
var username =$('#phone').val()
var password =$('#IDcard').val()
userLoginRequest.username = username
userLoginRequest.phone = username
userLoginRequest.password = password
clicklogin(userLoginRequest)
layer.closeAll()
......
......@@ -24,16 +24,34 @@ $(function () {
$('#area p').text(houseInfo.jzmj);
// 买方信息
var listItem;
for (var i = 0; i < list.sqrList.length; i++) {
listItem = '<li>'
listItem += '<p><span>姓名</span>：'+list.sqrList[i].sqrmc+'</p>'
if (list.sqrList[i].sqrzj == 1) {
listItem += '<p><span>证件类型</span>：身份证</p>'
let userInfo = [];
userInfo.push(getCookie('myCookie'));
console.log(userInfo)
if(list.sqrList && list.sqrList.length>0) {
for (var i = 0; i < list.sqrList.length; i++) {
listItem = '<li>'
listItem += '<p><span>姓名</span>：'+list.sqrList[i].sqrmc+'</p>'
if (list.sqrList[i].sqrzj == 1) {
listItem += '<p><span>证件类型</span>：身份证</p>'
}
listItem += '<p><span>证件号码</span>：'+list.sqrList[i].zjhm+'</p>'
listItem += '<p><span>联系电话</span>：'+list.sqrList[i].dhhm+'</p>'
$('#informationList').append(listItem)
}
}else {
for (var i = 0; i < userInfo.length; i++) {
listItem = '<li>'
listItem += '<p><span>姓名</span>：'+userInfo[i].username+'</p>'
if (userInfo[i].zjzl == 1) {
listItem += '<p><span>证件类型</span>：身份证</p>'
}
listItem += '<p><span>证件号码</span>：'+userInfo[i].zjhm+'</p>'
listItem += '<p><span>联系电话</span>：'+userInfo[i].phone+'</p>'
$('#informationList').append(listItem)
}
listItem += '<p><span>证件号码</span>：'+list.sqrList[i].zjhm+'</p>'
listItem += '<p><span>联系电话</span>：'+list.sqrList[i].dhhm+'</p>'
$('#informationList').append(listItem)
}
})
//下一步事件
function skipClick(){
......
......@@ -2,22 +2,8 @@ $(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
addTabs('#wssq')
addTabs('#wssq');
setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
element.init();
});
});
//
$('.payment_channel_con li').click(function () {
$('.payment_channel_con li').removeClass('payActive');
......@@ -32,30 +18,51 @@ $(function () {
$('.paymentText').text('打开手机支付宝')
}
})
layui.use('layer', function () {
layer.open({
type: 1,
title: false,
closeBtn: 0,
shade:0,
shadeClose: true,
skin: 'paymentSuccess',
btn: ['下一步'],
yes : function() {
skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
},
content: '<ul>'
+ '<li><img src="../../staticImages/xuanzhong.png"></li>'
+ '<li>支付成功</li>'
+ '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>'
+ '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>'
+ '<li class="info"><span>支付金额:</span><p>600元</p></li>'
+ '</ul>'
});
})
// layui.use('layer', function () {
// layer.open({
// type: 1,
// title: false,
// closeBtn: 0,
// shade:0,
// shadeClose: true,
// skin: 'paymentSuccess',
// btn: ['下一步'],
// yes : function() {
// skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
// },
// content: '<ul>'
// + '<li><img src="../../staticImages/xuanzhong.png"></li>'
// + '<li>支付成功</li>'
// + '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>'
// + '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>'
// + '<li class="info"><span>支付金额:</span><p>600元</p></li>'
// + '</ul>'
// });
// })
$('.payment_channel_con li').click(function () {
$('.payment_channel_con li').removeClass()
$(this).addClass('payActive')
})
_getSfxx(GetQueryString('bsm_slsq'));
})
$('.submitButton button').click(function(){
skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
})
// /portal/hlwSfxx/getSfxx 获取缴费信息
function _getSfxx(bsm_slsq) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/hlwSfxx/getSfxx",//路径
dataType: "json",
data: {
"bsmSlsq": bsm_slsq,
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
}
}
});
}
......
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
console.log(elem)
layer.msg(elem.text());
});
});
LoadNewsData();
HotArticle();
......@@ -22,7 +17,6 @@ function LoadNewsData(currentPage=1) {
"pageSize":5
},
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
data.total = result.data.total
......@@ -49,7 +43,6 @@ function HotArticle() {
type: "get", //提交方式
url: portal.api_url + "/portal/MhNews/getNewsHotArticleList",//路径
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
......@@ -75,11 +68,9 @@ function PolicyHotArticle() {
type: "get", //提交方式
url: portal.api_url + "/portal/MhPolicy/getPolicyHotArticleList",//路径
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
for (var i = 0; i < result.data.length; i++) {
li = '<li class="zcfg">'
li += '<div class="zcfg-top">'+result.data[i].headline+'</div>'
......@@ -105,7 +96,9 @@ layui.use('laypage', function () {
, next: '>'
, theme: '#0091FF'
, jump: function(obj, first){
LoadNewsData(obj.curr);
if(!first){
LoadNewsData(obj.curr);
}
}
});
})
......
......@@ -97,6 +97,10 @@
</div>
</div>
</div>
<div class="submitButton">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
</div>
</div>
<!-- ------------------支付成功----------------- -->
......@@ -106,39 +110,4 @@
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/onlinePayment.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......