@@ -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> | <p>宅基地信息</p> | ||||
</a> | </a> | ||||
</div> | </div> | ||||
<div class="header_nav"> | |||||
<a href="discussions.html"> | |||||
<div> | |||||
<i class="i5"></i> | |||||
</div> | |||||
<p>四议两公开</p> | |||||
</a> | |||||
</div> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -56,6 +56,10 @@ | |||||
background: url("../images/nav_8.png") no-repeat center; | background: url("../images/nav_8.png") no-repeat center; | ||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
} | } | ||||
.active .i5{ | |||||
background: url("../images/nav_10.png") no-repeat center; | |||||
background-size: 100% 100%; | |||||
} | |||||
.header .active{ | .header .active{ | ||||
position: relative; | position: relative; | ||||
} | } | ||||
@@ -85,6 +89,11 @@ | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
transition: all 0.4s ease-in-out; | 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{ | .header .header_nav{ | ||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
@@ -126,6 +135,10 @@ | |||||
background: url("../images/nav_4.png") no-repeat center; | background: url("../images/nav_4.png") no-repeat center; | ||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
} | } | ||||
.i5{ | |||||
background: url("../images/nav_9.png") no-repeat center; | |||||
background-size: 100% 100%; | |||||
} | |||||
.search{ | .search{ | ||||
@@ -105,3 +105,7 @@ var webGet = '/open/house/policy/get/' //查询落款 | |||||
dictType:project_type | dictType:project_type | ||||
*/ | */ | ||||
var webDeptType = '/transaction/website/transfer/'//标的物类型查询接口 | 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; | |||||
}); |