@@ -0,0 +1,168 @@ | |||
<!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" dir="ltr" lang="zh-CN" xml:lang="zh-CN"> | |||
<head> | |||
<meta charset="utf-8"> | |||
<title>农村资源信息港</title> | |||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
<meta name="keywords" content="" /> | |||
<meta name="description" cxontent="" /> | |||
<link href="static/css/main.css" rel="stylesheet" type="text/css" /> | |||
<link href="static/css/index.css" rel="stylesheet" type="text/css" /> | |||
</head> | |||
<body> | |||
<div class="main" id="page"> | |||
<div class="header flex_dom flex_item_between flex_item_mid"> | |||
<p id="titContent"> | |||
<script id="titData" type="text/html"> | |||
{{webList.top.contentValue}} | |||
</script> | |||
</p> | |||
<div class="wid25 flex_dom flex_item_between flex_item_mid"> | |||
<div class="header_nav"> | |||
<a href="index.html"> | |||
<div> | |||
<i class="i1"></i> | |||
</div> | |||
<p>新闻资讯</p> | |||
</a> | |||
</div> | |||
<div class="header_nav"> | |||
<a href="property.html"> | |||
<div> | |||
<i class="i2"></i> | |||
</div> | |||
<p>资产信息</p> | |||
</a> | |||
</div> | |||
<div class="header_nav"> | |||
<a href="resourceNew.html"> | |||
<div> | |||
<i class="i3"></i> | |||
</div> | |||
<p>资源信息</p> | |||
</a> | |||
</div> | |||
<div class="header_nav"> | |||
<a href="homestead.html"> | |||
<div> | |||
<i class="i4"></i> | |||
</div> | |||
<p>宅基地信息</p> | |||
</a> | |||
</div> | |||
<div class="header_nav active"> | |||
<a href="homestead.html"> | |||
<div> | |||
<i class="i5"></i> | |||
<img src="static/images/nav_bg.png" class="i_bg xuanzhuan" alt=""> | |||
</div> | |||
<p>四议两公开</p> | |||
</a> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="search"> | |||
<input type="search" placeholder="搜索您需要的讯息" id="searchInput" oninput="searchChange()" > | |||
</div> | |||
<div class="new"> | |||
<div class="personalTit-banner"> | |||
<div class="swiper-container" id="bannerFocusNextWrap"> | |||
<div class="swiper-wrapper" id="bannerFocusNextContent"> | |||
<script id="newListDataImg" type="text/html"> | |||
{{if newImgList.length>0}} | |||
{{each newImgList as value i}} | |||
<div class="swiper-slide"> | |||
<a href="#"><img src="/api{{value}}" alt=""></a> | |||
</div> | |||
{{/each}} | |||
{{else}} | |||
<div class="swiper-slide"> | |||
<a href="#"><img src="static/images/news2.jpg" alt=""></a> | |||
</div> | |||
{{/if}} | |||
</script> | |||
</div> | |||
<div class="page-pagination a2"></div> | |||
</div> | |||
</div> | |||
<div class="new_list"> | |||
<div class="new_list_tit"> | |||
<p>四议两公开</p> | |||
<p id="nowDateNYR">2023.03.15</p> | |||
</div> | |||
<div id="review_box" style="height: 36vh;overflow: hidden;margin-top: 2.5vh;"> | |||
<div class="new_list_ul" id="newListContent"> | |||
<script id="newListData" type="text/html"> | |||
{{each newList as value i}} | |||
<div class="new_list_li"> | |||
<a href="discussionsDetail.html?id={{value.id}}">{{value.openName}}</a> | |||
<p>{{value.jueyiAt}}</p> | |||
</div> | |||
{{/each}} | |||
</script> | |||
</div> | |||
<div class="new_list_ul" id="newListContent2"></div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="footer" id="webContent"> | |||
<script id="webData" type="text/html"> | |||
<div class="footer_link"> | |||
<!-- <p class="footer_link_tit">友情链接</p>--> | |||
<!-- {{each webList.botoom1 as value i}}--> | |||
<!-- <a class="hotFile" target="_blank" href="{{value.contentUrl}}">{{value.contentValue}}</a>--> | |||
<!-- {{/each}}--> | |||
<img src="static/images/link_00.png" alt=""> | |||
<!-- <a href=""><img src="static/images/link_01.png" alt="" ></a>--> | |||
<!-- <a href=""><img src="static/images/link_02.png" alt=""></a>--> | |||
{{each webList.botoom1 as value i}} | |||
<a href="{{value.contentUrl}}" style="background: url('static/images/{{value.contentIcon}}.png') no-repeat center;background-size: 100% 100%;" target="_blank"> | |||
<!-- <img src="static/images/{{value.contentIcon}}.png" alt="" >--> | |||
<p class="link_tt">{{value.contentValue}}</p> | |||
</a> | |||
{{/each}} | |||
</div> | |||
<div class="footer_link_filings"> | |||
{{each webList.botoom2 as value i}} | |||
<div class="footer_link_filings_left"> | |||
<p style="background-image: url('static/images/{{value.contentIcon}}')">{{value.contentTitle}}</p> | |||
<a href="#">{{value.contentValue}}</a> | |||
</div> | |||
{{/each}} | |||
</div> | |||
<div class="footer_link_company"> | |||
{{each webList.botoom3 as value i}} | |||
<div> | |||
<p>{{value.contentTitle}}</p> | |||
<a target="{{value.contentUrl ? '_blank' : '_self' }}" href="{{value.contentUrl ? value.contentUrl : 'javascript:void(0)' }}">{{value.contentValue}}</a> | |||
</div> | |||
{{/each}} | |||
</div> | |||
</script> | |||
</div> | |||
<!-- <div class="footer_link_filings_right">--> | |||
<!-- <p>服务热线</p>--> | |||
<!-- <a href="#">{{webList[4].contentValue}}</a>--> | |||
<!-- </div>--> | |||
</div> | |||
</body> | |||
<script src="./static/js/common/require.js" data-main="./static/js/common/main.js?t=101" id="require-page" target-module="./static/js/project/discussions.js" defer type="text/javascript"></script> | |||
</html> |
@@ -0,0 +1,92 @@ | |||
<!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" dir="ltr" lang="zh-CN" xml:lang="zh-CN"> | |||
<head> | |||
<meta charset="utf-8"> | |||
<title>农村资源信息港</title> | |||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
<meta name="keywords" content="" /> | |||
<meta name="description" cxontent="" /> | |||
<link href="static/css/main.css" rel="stylesheet" type="text/css" /> | |||
<link href="static/css/index.css" rel="stylesheet" type="text/css" /> | |||
<link href="static/css/newDetail.css" rel="stylesheet" type="text/css" /> | |||
</head> | |||
<body> | |||
<div class="main" id="page"> | |||
<div class="new_content"> | |||
<div class="new_content_left"> | |||
<div class="new_content_left_tit"> | |||
<a href="discussions.html"><i></i></a> | |||
<p id="name"></p> | |||
</div> | |||
<div class="new_content_left_come"> | |||
<p id="creatBy"></p> | |||
<p id="creatTime"></p> | |||
</div> | |||
<div class="new_content_content" id="jueyiAt"></div> | |||
<div class="new_content_content" id="jueyiPic"></div> | |||
<div class="new_content_content" id="shishiAt"></div> | |||
<div class="new_content_content" id="shishiPic"></div> | |||
<div class="new_content_content" id="remark"></div> | |||
</div> | |||
<div class="new_content_right"> | |||
<div class="new_content_right_tit">四议两公开列表</div> | |||
<div class="new_content_right_main" id="newListContent"> | |||
<script id="newListData" type="text/html"> | |||
{{each newList as value i}} | |||
<p><a href="discussionsDetail.html?id={{value.id}}">{{value.openName}}</a></p> | |||
{{/each}} | |||
</script> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="footer" id="webContent"> | |||
<script id="webData" type="text/html"> | |||
<div class="footer_link"> | |||
<!-- <p class="footer_link_tit">友情链接</p>--> | |||
<!-- {{each webList.botoom1 as value i}}--> | |||
<!-- <a class="hotFile" target="_blank" href="{{value.contentUrl}}">{{value.contentValue}}</a>--> | |||
<!-- {{/each}}--> | |||
<img src="static/images/link_00.png" alt=""> | |||
<!-- <a href=""><img src="static/images/link_01.png" alt="" ></a>--> | |||
<!-- <a href=""><img src="static/images/link_02.png" alt=""></a>--> | |||
{{each webList.botoom1 as value i}} | |||
<a href="{{value.contentUrl}}" style="background: url('static/images/{{value.contentIcon}}.png') no-repeat center;background-size: 100% 100%;" target="_blank"> | |||
<!-- <img src="static/images/{{value.contentIcon}}.png" alt="" >--> | |||
<p class="link_tt">{{value.contentValue}}</p> | |||
</a> | |||
{{/each}} | |||
</div> | |||
<div class="footer_link_filings"> | |||
{{each webList.botoom2 as value i}} | |||
<div class="footer_link_filings_left"> | |||
<p style="background-image: url('static/images/{{value.contentIcon}}')">{{value.contentTitle}}</p> | |||
<a href="#">{{value.contentValue}}</a> | |||
</div> | |||
{{/each}} | |||
</div> | |||
<div class="footer_link_company"> | |||
{{each webList.botoom3 as value i}} | |||
<div> | |||
<p>{{value.contentTitle}}</p> | |||
<a target="{{value.contentUrl ? '_blank' : '_self' }}" href="{{value.contentUrl ? value.contentUrl : 'javascript:void(0)' }}">{{value.contentValue}}</a> | |||
</div> | |||
{{/each}} | |||
</div> | |||
</script> | |||
</div> | |||
</div> | |||
</body> | |||
<script src="./static/js/common/require.js" data-main="./static/js/common/main.js?t=101" id="require-page" target-module="./static/js/project/discussionsDetail.js" defer type="text/javascript"></script> | |||
</html> |
@@ -56,6 +56,14 @@ | |||
<p>宅基地信息</p> | |||
</a> | |||
</div> | |||
<div class="header_nav"> | |||
<a href="discussions.html"> | |||
<div> | |||
<i class="i5"></i> | |||
</div> | |||
<p>四议两公开</p> | |||
</a> | |||
</div> | |||
</div> | |||
</div> | |||
@@ -56,6 +56,10 @@ | |||
background: url("../images/nav_8.png") no-repeat center; | |||
background-size: 100% 100%; | |||
} | |||
.active .i5{ | |||
background: url("../images/nav_10.png") no-repeat center; | |||
background-size: 100% 100%; | |||
} | |||
.header .active{ | |||
position: relative; | |||
} | |||
@@ -85,6 +89,11 @@ | |||
background-size: 100% 100%; | |||
transition: all 0.4s ease-in-out; | |||
} | |||
.header .header_nav:hover .i5{ | |||
background: url("../images/nav_10.png") no-repeat center; | |||
background-size: 100% 100%; | |||
transition: all 0.4s ease-in-out; | |||
} | |||
.header .header_nav{ | |||
cursor: pointer; | |||
} | |||
@@ -126,6 +135,10 @@ | |||
background: url("../images/nav_4.png") no-repeat center; | |||
background-size: 100% 100%; | |||
} | |||
.i5{ | |||
background: url("../images/nav_9.png") no-repeat center; | |||
background-size: 100% 100%; | |||
} | |||
.search{ | |||
@@ -105,3 +105,7 @@ var webGet = '/open/house/policy/get/' //查询落款 | |||
dictType:project_type | |||
*/ | |||
var webDeptType = '/transaction/website/transfer/'//标的物类型查询接口 | |||
var listSiyigongkai = '/open/villageAffairs/public/siyigongkaiList'//查询四议两公开列表 | |||
var siyigongkaiDetail = '/open/villageAffairs/public/siyigongkaiDetail'//查询四议两公开列表 |
@@ -0,0 +1,103 @@ | |||
/** | |||
* Created by Administrator on 2021/4/5. | |||
*/ | |||
define(['jquery', "template", "Tools", 'swiper'], function ($, template, Tools, swiper) { | |||
//数据存储 | |||
var module = { | |||
data: { | |||
//服务器地址 | |||
serverApi:'', | |||
//焦点图数据 | |||
focusList: [], | |||
communicateList: [], | |||
newImgList:[] | |||
}, | |||
}; | |||
var tools = new Tools(); | |||
module.init = function (page) { | |||
//新闻列表 | |||
tools.doGet(listSiyigongkai, {pageNum:1,pageSize:8}, module.newsList , true); | |||
tools.doGet(webList, {}, module.webList , true); | |||
// new Swiper('#bannerFocusNextWrap', { | |||
// paginationClickable: true, | |||
// pagination: '.a2', | |||
// autoplay : 2000, | |||
// loop:true | |||
// }) | |||
$("#nowDateNYR").html(new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+new Date().getDate()); | |||
}; | |||
module.newsList = function (data) { | |||
if (data.code == 200) { | |||
var content = data.rows; | |||
module.data.newList = content; | |||
var newListData = template('newListData', module.data); | |||
$("#newListContent").html(newListData); | |||
var newImgList = []; | |||
// content.map(rr=>{ | |||
// if (rr.jueyiPic!=null&&rr.jueyiPic!=""){ | |||
// rr.jueyiPic.split(','); | |||
// newImgList.push(rr.jueyiPic); | |||
// } | |||
// }) | |||
module.data.newImgList = newImgList; | |||
var newListDataImg = template('newListDataImg', module.data); | |||
$("#bannerFocusNextContent").html(newListDataImg); | |||
// roll(20) | |||
} | |||
} | |||
module.webList = function (data) { | |||
if (data.code == 200) { | |||
var content = data.data; | |||
module.data.webList = content; | |||
var webData = template('webData', module.data); | |||
$("#webContent").html(webData); | |||
var titData = template('titData', module.data); | |||
$("#titContent").html(titData); | |||
} | |||
} | |||
searchChange = function () { | |||
console.log(1111111111); | |||
tools.doGet(listSiyigongkai, {pageNum:1,pageSize:8,openName:$("#searchInput").val()}, module.newsList , true); | |||
} | |||
function roll(t) { | |||
var ul1 = document.getElementById("newListContent"); | |||
var ul2 = document.getElementById("newListContent2"); | |||
var ulbox = document.getElementById("review_box"); | |||
ul2.innerHTML = ul1.innerHTML; | |||
ulbox.scrollTop = 0; // 开始无滚动时设为0 | |||
var timer = setInterval(rollStart, t); // 设置定时器,参数t用在这为间隔时间(单位毫秒),参数t越小,滚动速度越快 | |||
// 鼠标移入div时暂停滚动 | |||
ulbox.onmouseover = function () { | |||
clearInterval(timer); | |||
} | |||
// 鼠标移出div后继续滚动 | |||
ulbox.onmouseout = function () { | |||
timer = setInterval(rollStart, t); | |||
} | |||
} | |||
// 开始滚动函数 | |||
function rollStart() { | |||
// 上面声明的DOM对象为局部对象需要再次声明 | |||
var ul1 = document.getElementById("newListContent"); | |||
var ul2 = document.getElementById("newListContent2"); | |||
var ulbox = document.getElementById("review_box"); | |||
// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0 | |||
console.log(ulbox.scrollTop+'--------'+ul1.scrollHeight) | |||
if (ulbox.scrollTop >= ul1.scrollHeight) { | |||
ulbox.scrollTop = 0; | |||
} else { | |||
ulbox.scrollTop += 1; | |||
} | |||
} | |||
return module; | |||
}); |
@@ -0,0 +1,70 @@ | |||
/** | |||
* Created by Administrator on 2021/4/5. | |||
*/ | |||
define(['jquery', "template", "Tools"], function ($, template, Tools) { | |||
//数据存储 | |||
var module = { | |||
data: { | |||
//服务器地址 | |||
serverApi:'', | |||
//焦点图数据 | |||
focusList: [], | |||
communicateList: [], | |||
}, | |||
}; | |||
var tools = new Tools(); | |||
module.init = function (page) { | |||
//新闻详情 | |||
tools.doGet(siyigongkaiDetail, {id:getQueryVariable('id')}, module.newsDetail , true); | |||
//新闻列表 | |||
tools.doGet(listSiyigongkai, {pageNum:1,pageSize:8}, module.newsList , true); | |||
tools.doGet(webList, {}, module.webList , true); | |||
}; | |||
//获取地址栏参数 | |||
function getQueryVariable(variable){ | |||
var query = window.location.search.substring(1); | |||
var vars = query.split("&"); | |||
for (var i=0;i<vars.length;i++) { | |||
var pair = vars[i].split("="); | |||
if(pair[0] == variable){return pair[1];} | |||
} | |||
return(false); | |||
} | |||
module.webList = function (data) { | |||
if (data.code == 200) { | |||
var content = data.data; | |||
module.data.webList = content; | |||
var webData = template('webData', module.data); | |||
$("#webContent").html(webData); | |||
var titData = template('titData', module.data); | |||
$("#titContent").html(titData); | |||
} | |||
} | |||
module.newsDetail = function (data) { | |||
if (data.code == 200) { | |||
var content = data.data; | |||
$('#name')[0].innerHTML = content.openName; | |||
$('#jueyiAt')[0].innerHTML = '決议公开日期:'+content.jueyiAt; | |||
$('#jueyiPic')[0].innerHTML = '决议公开图片:<img src="/api'+content.jueyiPic+'">'; | |||
$('#shishiAt')[0].innerHTML = '实施公开日期:'+content.shishiAt; | |||
$('#shishiPic')[0].innerHTML = '实施公开图片:<img src="/api'+content.shishiPic+'">'; | |||
$('#remark')[0].innerHTML = '备注:'+content.remark; | |||
} | |||
} | |||
module.newsList = function (data) { | |||
if (data.code == 200) { | |||
var content = data.rows; | |||
module.data.newList = content; | |||
var newListData = template('newListData', module.data); | |||
$("#newListContent").html(newListData); | |||
} | |||
} | |||
return module; | |||
}); |