Skip to content

任超 / js.portalStaticPage

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

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents d3c84437 1163b9c2
Inline Side-by-side
Showing 28 changed files with 276 additions and 331 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
......@@ -382,6 +382,13 @@ div.footer .system_service ul li a:hover {
font-size: 14px;
border-radius: 4px;
}
.personalCenter {
display: none!important;
}
.show{
display: inline-block!important;
}
/* card样式 */
.cardItem {
background: #FFFFFF;
......
......@@ -129,4 +129,12 @@
position: absolute;
left: 65px;
top: 40px;
}
.complete {
text-align: center;
margin-top: 20px;
}
.complete p {
margin-bottom: 5px;
color: #0091FF;
}
\ No newline at end of file
......
......@@ -157,4 +157,7 @@ div.navigation {
}
.releaseTime {
display: inline-block;
}
.source p {
display: inline-block;
}
\ No newline at end of file
......
......@@ -195,4 +195,8 @@
text-align: left;
padding-left: 60px;
line-height: 36px;
}
.submitButton {
text-align: center;
margin: 20px 0;
}
\ No newline at end of file
......
......@@ -89,4 +89,15 @@
.taxItem {
width: 33%!important;
margin-bottom: 5px;
}
.informationList li {
width: 100%!important;
}
.informationList p {
width: 25%!important;
display: inline-block;
}
.informationList p span {
width: 80px!important;
}
\ 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
......
......@@ -57,4 +57,4 @@ function getCookie(){
var arr1 = arr[0].replace(/(\s)+/g,'').split('=');
return JSON.parse(arr1[1]);
}
};
\ No newline at end of file
};
......
......@@ -23,6 +23,7 @@ function newsDetail() {
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
$('.newsTitle').html(result.data.title)
$('.source p').html(result.data.issuer)
$('.releaseTime').html(result.data.addtime)
newsDetail.append(result.data.content)
}
......
......@@ -33,7 +33,7 @@ document.writeln(" </div>");
document.writeln("");
document.writeln(" <ul class=\'login\'>");
document.writeln(" <!-- <li>登录</li> -->");
document.writeln(" <li>");
document.writeln(" <li class='personalCenter'>");
document.writeln(" <a href=\'"+localhostPaht+"/staticViews/grzx.html\'>个人中心</a>");
document.writeln(" </li>");
document.writeln(" <li>");
......
......@@ -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">'
......@@ -19,23 +19,25 @@ function login(){
});
})
}
// 时间委托解决冒泡
$(document).off().on('click', '.PersonLogin', function(){
　　//所执行的代码
$(document).on('click', '.PersonLogin', function(){
login()
});
})
// 点击登陆的时候
$(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()
});
$(function(){
$('.PersonLogin').html(getCookie().username)
if(getCookie().username) {
$('.personalCenter').addClass('show')
}
})
// 点击注册的时候
$(document).on('click', '#registerButton', function(){
......@@ -52,10 +54,10 @@ function clicklogin(data){
dataType: "json",
data:JSON.stringify(data),//***关键******
success: function (result) {//返回数据根据结果进行相应的处理
console.log(222,result)
if(result.code ==200 && result.data!==null){
setCookie(result.data)
$('.PersonLogin').html(getCookie().username)
setCookie(result.data);
$('.personalCenter').addClass('show')
$('.PersonLogin').html(getCookie().username);
}else if(result.code ==500){
window.open(`${localhostPaht}/staticViews/register.html`,'_self')
}
......@@ -63,5 +65,15 @@ function clicklogin(data){
});
}
// 点击判断是否登录
function isLogin() {
let login1;
if(getCookie().username) {
login1 = true;
}else {
login();
login1 = false;
}
return login1;
}
\ No newline at end of file
......
......@@ -103,7 +103,11 @@ function getFDCQ2(bsm_ql) {
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
successResult(result.data);
// successResult(result.data);
let json = result.data;
json["bdcdyid"] = "35a97100331704f9cbf93a92227c6f0c";
json["bsm_ql"] = "89f3ea0265f40b52e6da54e62e2991b4";
addCreatSLSQ(json);
}
}
});
......
......@@ -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(){
......
......@@ -3,6 +3,8 @@ var slsqxx;
var bsmCl;
// 领证方式
var lzfs = 1;
layui.use('element', function () {
});
$(function () {
//设置步骤条信息
setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
......@@ -38,21 +40,29 @@ $(function () {
li = '<div class="layui-form-item">'
li += '<div class="layui-inline">'
li += '<label class="layui-form-label">姓名</label>'
li += '<div class="layui-input-block">'
li += '<input type="text" name="name" value="'+slsqxx.sqrList[i].sqrmc+'" required lay-verify="name" placeholder="请输权利人" class="layui-input">'
li += '</div>'
li += '</div>'
li += '<div class="layui-inline idCard">'
li += '<label class="layui-form-label">身份证类型</label>'
li += '<div class="layui-input-block">'
li += '<select lay-filter="typeId">'
li += '<option value="'+slsqxx.sqrList[i].sqrzj+'">身份证</option>'
li += '</select>'
li += '</div>'
li += '</div>'
li += '<div class="layui-inline">'
li += '<label class="layui-form-label">证件号码</label>'
li += '<div class="layui-input-block">'
li += '<input type="tel" name="card" value="'+slsqxx.sqrList[i].zjhm+ '" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">'
li += '</div>'
li += '</div>'
li += '</div>'
li += '<div class="layui-inline">'
li += '<label class="layui-form-label">联系方式</label>'
li += '<input type="tel" name="phone" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">'
li += '<div class="layui-input-block">'
li += '<input type="tel" name="phone" value="'+slsqxx.sqrList[i].dhhm+'" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">'
li += '</div>'
li += '</div>'
li += '<i class="layui-icon layui-icon-reduce-circle"></i>'
li += '</div>'
......@@ -74,6 +84,25 @@ $(function () {
$('#titleCertificate p').text(houseInfo.bdcqzh);
$('#beLocated p').text(houseInfo.fdzl);
$('#area p').text(houseInfo.jzmj);
// 领证方式
lzfs = slsqxx.lzfs;
if (lzfs == 2) {
$('.shipping_method').show();
$('.submitButton').hide();
} else {
$('.shipping_method').hide();
$('.submitButton').show();
}
// 邮寄地址
if (slsqxx.mailRecordDetail) {
$('#consignee').val(slsqxx.mailRecordDetail.consignee);
$('#consigneePhone').val(slsqxx.mailRecordDetail.consigneePhone);
$('#province').attr('data-area',slsqxx.mailRecordDetail.province);
$('#city').attr('data-area',slsqxx.mailRecordDetail.city);
$('#district').attr('data-area',slsqxx.mailRecordDetail.district);
$('#consigneeAddress').val(slsqxx.mailRecordDetail.consigneeAddress);
}
})
addTabs('#wssq')
// form 表单
......@@ -103,10 +132,14 @@ addTabs('#wssq')
// })
$('.radioInfo').click(function () {
let index = $(this).attr("value")
if (index == 2 || index == 3) {
$('.add_form').show()
} else {
$('.add_form').hide()
if ($('#layui-form .layui-form-item').length>1) {
return false
}else {
if (index == 2 || index == 3) {
$('.add_form').show()
} else {
$('.add_form').hide()
}
}
})
// form 添加
......@@ -192,10 +225,18 @@ function LoadClxxDiv() {
clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ', ' + slsqxx.slclList[index].fs + ')"/>';
clxxContent += '<div class="pictureUpload"></div>';
clxxContent += '<div class="file_name">';
clxxContent += '<img class="update" src="../../staticImages/update.png">';
clxxContent += '<p class="updatetext">点击文件上传</p>';
if (slsqxx.slclList[index].fs == item.slclmxDetailList.length) {
clxxContent += '<img class="update" src="../../staticImages/Yes.png">';
}else {
clxxContent += '<img class="update" src="../../staticImages/update.png">';
clxxContent += '<p class="updatetext">点击文件上传</p>';
}
clxxContent += '</div>';
clxxContent += '<ul class="fileListName" id="fileULName' + index + '"></ul>';
clxxContent += '<ul class="fileListName" id="fileULName' + index + '">'
$.each(item.slclmxDetailList, function (childIndex, childIitem){
clxxContent += '<li class="fileName">' + '<span title="' + childIitem.fileName + '">' + childIitem.fileName + '</span>' + '<img bsmSlclmx="'+childIitem.bsmSlclmx+'" class="operation" src="../../staticImages/chacha.png">' + '</li>'
});
clxxContent +='</ul>';
clxxContent += '</div>';
clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】（' + slsqxx.slclList[index].fs + '份）</div>';
clxxContent += '</div>';
......@@ -282,7 +323,6 @@ function _saveSQR() {
d.userid = getCookie('myCookie').userid
sqrList.push(d)
// 领证方式-邮寄地址
var addMailRecordRequest = {};
if (lzfs==2) {
var addressList = $('.addressForm').serializeArray();
......@@ -301,7 +341,6 @@ function _saveSQR() {
'gyfsbm': 1,
'sqrlx': 1,
'sqrlb': slsqxx.sqrlb,
'gyfsmc': '单独所有',
'lzfs': lzfs,
'sqrList':sqrList,
'addMailRecordRequest':addMailRecordRequest
......@@ -316,4 +355,4 @@ function _saveSQR() {
}
});
return isSave
}
\ No newline at end of file
}
......
......@@ -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,53 @@ $(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'));
})
// 获取缴费信息
function _getSfxx(bsm_slsq) {
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/hlwSfxx/getSfxx",//路径
dataType: "json",
data: {
"bsmSlsq": bsm_slsq,
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
for (var i = 0; i < result.data.length; i++) {
$('.paymentDetails').append('<h6>'+result.data[i].sfkm+''+result.data[i].ysje+'元 </h6>');
}
}
}
});
}
......
......@@ -34,16 +34,33 @@ function _taxVerification(bsm_slsq, businessno) {
li += '<li class="taxItem"><span>税费</span>:<p>'+data.taxList[i].sf+'元</p></li>'
$('.paymentDetails').append(li);
}
for (var i = 0; i < data.sqrList.length; i++) {
listItem = '<li>'
listItem += '<p><span>姓名</span>：'+data.sqrList[i].sqrmc+'</p>'
if (data.sqrList[i].sqrzj == 1) {
listItem += '<p><span>证件类型</span>：身份证</p>'
// 买方信息
let userInfo = [];
userInfo.push(getCookie('myCookie'));
if(data.sqrList && data.sqrList.length>0) {
for (var i = 0; i < data.sqrList.length; i++) {
listItem = '<li>'
listItem += '<p><span>姓名</span>：'+data.sqrList[i].sqrmc+'</p>'
if (data.sqrList[i].sqrzj == 1) {
listItem += '<p><span>证件类型</span>：身份证</p>'
}
listItem += '<p><span>证件号码</span>：'+data.sqrList[i].zjhm+'</p>'
listItem += '<p><span>联系电话</span>：'+data.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>：'+data.sqrList[i].zjhm+'</p>'
listItem += '<p><span>联系电话</span>：'+data.sqrList[i].dhhm+'</p>'
$('#informationList').append(listItem)
}
}
}
});
......
......@@ -99,13 +99,13 @@ function setArticleSteps() {
case 1:
ArticleContent.append('<li class="item_proress"><p class="activeing"></p><h5 class="activeingtext">' + item.stepname + '</h5></li>');
if ((index + 1) < business.stepList.length) {
ArticleContent.append('<li class="layui-progress"><div class="layui-progress-bar" lay-percent="50%"></div></li>');
ArticleContent.append('<li class="layui-progress"><div class="layui-progress-bar" style="width: 50%;" lay-percent="50%"></div></li>');
}
break;
case 2:
ArticleContent.append('<li class="item_proress"><p class="active"></p><h5>' + item.stepname + '</h5></li>');
if ((index + 1) < business.stepList.length) {
ArticleContent.append('<li class="layui-progress"><div class="layui-progress-bar" lay-percent="100%"></div></li>');
ArticleContent.append('<li class="layui-progress"><div class="layui-progress-bar" style="width:100%" lay-percent="100%"></div></li>');
}
break;
}
......
......@@ -33,7 +33,9 @@ $(function () {
_initData()
// 网上申请
$(document).on("click", ".handleBus", function (e) {
getInitiateFLow($(this).attr("ywid"),$(this).attr("businessNo"));
if (isLogin()) {
getInitiateFLow($(this).attr("ywid"),$(this).attr("businessNo"));
}
})
})
......
$(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();
......@@ -13,35 +8,35 @@ $(function () {
addTabs('#news');
});
//加载新闻列表数据
function LoadNewsData(currentPage=1) {
function LoadNewsData(currentPage = 1) {
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/MhNews/getNewsArticleList",//路径
data:{
"currentPage":currentPage,
"pageSize":5
},
dataType: "json",
data: {
"currentPage": currentPage,
"pageSize": 5
},
async: false,
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
data.total = result.data.total
data.total = result.data.total;
if (result.code == 200 && result.data != null) {
data.list = result.data.records;
data.list = result.data.records;
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('demo').innerHTML
, view = document.getElementById('ulNews');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
}
})
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('demo').innerHTML
, view = document.getElementById('ulNews');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
}
// 获取新闻动态的推荐数据
function HotArticle() {
function HotArticle() {
var recommend = $("#news_recommendation");
recommend.empty();
var li = '';
......@@ -49,16 +44,14 @@ 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) {
console.log(result.data)
for (var i = 0; i < result.data.length; i++) {
li = '<li class="tj">';
li += '<img src="' + result.data[i].cover + '">';
li += '<span class="tj-title">'+result.data[i].headline+'</span>';
li += '<span class="tj-date">'+result.data[i].deadtime+'</span>';
li += '<span class="tj-title">' + result.data[i].headline + '</span>';
li += '<span class="tj-date">' + result.data[i].deadtime + '</span>';
li += '</li>';
recommend.append(li);
}
......@@ -67,7 +60,7 @@ function HotArticle() {
})
}
// 政策法规推荐
function PolicyHotArticle() {
function PolicyHotArticle() {
var regulation = $("#regulation");
regulation.empty();
var li = '';
......@@ -75,16 +68,14 @@ 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>'
li += '<p class="zcfg-body">'+result.data[i].summary+'</p>'
li += '<div class="zcfg-bottom">'+result.data[i].deadtime+'</div>'
li += '<div class="zcfg-top">' + result.data[i].headline + '</div>'
li += '<p class="zcfg-body">' + result.data[i].summary + '</p>'
li += '<div class="zcfg-bottom">' + result.data[i].deadtime + '</div>'
li += '</li>'
regulation.append(li);
}
......@@ -96,7 +87,6 @@ function PolicyHotArticle() {
layui.use('laypage', function () {
let laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: data.total //数据总数，从服务端得到
......@@ -104,8 +94,10 @@ layui.use('laypage', function () {
, prev: '<'
, next: '>'
, theme: '#0091FF'
, jump: function(obj, first){
LoadNewsData(obj.curr);
, jump: function (obj, first) {
if (!first) {
LoadNewsData(obj.curr);
}
}
});
})
......
......@@ -24,7 +24,7 @@ function newsDetail() {
if (result.code == 200 && result.data != null) {
$('.newsTitle').html(result.data.headline)
$('.releaseTime').html(result.data.addtime)
$('.source').html(result.data.source)
$('.source p').html(result.data.source)
newsDetail.append(result.data.content)
}
}
......
......@@ -14,7 +14,7 @@
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html">首页</a>
<a href="">公示公告</a>
<a href="./gsgg.html">公示公告</a>
<a><cite>公告详情</cite></a>
</span>
</div>
......@@ -22,7 +22,7 @@
<div class="mainbody">
<div class="title newsTitle"></div>
<div class="release">
<div>发布单位:国土信息</div>
<div class="source">发布单位:<p></p></div>
<div>发布日期：<p class="releaseTime">2020-20-15</p></div>
</div>
<div class="DividingLine"></div>
......
......@@ -63,7 +63,6 @@
<div class="layui-form-item submitbutton_con">
<div class="layui-input-block submitbutton">
<button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
<button type="submit" class="layui-btn layui-btn-normal submit" lay-submit=""
lay-filter="check">查
询</button>
......
......@@ -57,6 +57,10 @@
</p>
</li>
</ul>
<div class="complete">
<p>如您已经完成办理请点击确定</p>
<button type="button" class="layui-btn layui-btn-radius layui-btn-normal">确定</button>
</div>
</div>
<!-- ------------受理信息-------------- -->
<div class="acceptance_information">
......
......@@ -115,14 +115,14 @@
<div class="layui-inline">
<label class="layui-form-label">收件人</label>
<div class="layui-input-block">
<input type="text" name="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
<input type="text" name="consignee" id="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">手机号码</label>
<div class="layui-input-block">
<input type="tel" maxlength="11" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off"
<input type="tel" maxlength="11" id="consigneePhone" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off"
placeholder="请输入手机号码" class="layui-input">
</div>
</div>
......@@ -132,19 +132,19 @@
<div class="layui-input-block ssq">
<h2>省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter="province">
<select name="province" class="Pselected" id="province" data-area="陕西省"" lay-filter="province">
<option value="">选择省</option>
</select>
</div>
<h2>市</h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" disabled data-area="西安市">
<select name="city" class="Cselected" id="city" data-area="西安市">
<option value="">选择市</option>
</select>
</div>
<h2>区</h2>
<div class="layui-inline selected layui-select-default">
<select name="district" class="Cselected" data-area="雁塔区" lay-filter="selectCity">
<select name="district" class="Cselected" id="district" data-area="雁塔区" lay-filter="selectCity">
<option value="">选择区</option>
</select>
</div>
......@@ -153,7 +153,7 @@
<div>
<label class="layui-form-label">详细地址</label>
<div class="layui-input-block">
<textarea name="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea>
<textarea name="consigneeAddress" id="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
</div>
<div class="next_button">
......
......@@ -51,7 +51,7 @@
</li>
<li>
<span>受理日期：</span>
<p>7979798797</p>
<p>2020-12-30</p>
</li>
<li>
<span>收费事项：</span>
......@@ -59,13 +59,10 @@
</li>
<li>
<span>应缴金额：</span>
<h5>600元</h5>
<h5>90元</h5>
</li>
<li>
<li class="paymentDetails">
<span>收费明细：</span>
<h6>工本费10元 </h6>
<h6>快递费20元</h6>
<h6>不动产登记费80元</h6>
</li>
</ul>
</div>
......@@ -97,6 +94,10 @@
</div>
</div>
</div>
<div class="submitButton">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
</div>
</div>
<!-- ------------------支付成功----------------- -->
......@@ -106,39 +107,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
......
......@@ -62,7 +62,7 @@
</ul>
<div class="buyer_information">
<h3>买方信息</h3>
<ul id="informationList"></ul>
<ul id="informationList" class="informationList"></ul>
</div>
</div>
<div class="next_button">
......
......@@ -14,7 +14,7 @@
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html">首页</a>
<a href="">法律法规</a>
<a href="./xyzc.html">相应政策</a>
<a><cite>相应政策详情</cite></a>
</span>
</div>
......@@ -22,7 +22,10 @@
<div class="mainbody">
<div class="title newsTitle"></div>
<div class="release">
<div class="source"></div>
<div class="source">
发布单位：
<p></p>
</div>
<div>发布日期：<p class="releaseTime"></p></div>
</div>
<div class="DividingLine"></div>
......