Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
694b6f0a by 田浩浩
Options

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

2 parents bd2fb4e2 5f9f0971
Expand all
Inline Side-by-side
Showing 28 changed files with 1208 additions and 644 deletions
......@@ -5,6 +5,7 @@
.mainbody {
width: 1200px;
margin: 0 auto;
color: #4a4a4a;
}
/* --------------------导航tab------------------------- */
.navigation_crumbs {
......@@ -134,7 +135,7 @@ div.navigation {
display: inline-block;
}
.mainbody .DividingLine {
width: 1150px;
width: 1200px;
height: 1px;
margin:0 auto;
background-color:#DEDEDE;
......@@ -150,3 +151,7 @@ div.navigation {
line-height: 24px;
padding-bottom: 30px;
}
.notice_content {
margin-bottom: 100px;
line-height: 21px;
}
\ No newline at end of file
......
* {
margin: 0;
padding: 0;
}
::-webkit-input-placeholder { /* WebKit browsers */
font-size: 13px;
color: #9B9B9B;
}
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 13px;
color: #9B9B9B;
}
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 13px;
color: #9B9B9B;
}
input {
}
input {
padding-left: 10px;
}
/*================首页 start=====================*/
div a {
color: #000000;
text-decoration: none;
}
div.subject h2 a:hover {
color: #f46143;
}
......@@ -35,7 +25,6 @@ div.subject {
float: none;
clear: both;
position: relative;
min-width: 1200px;
}
/*新闻 */
......@@ -85,14 +74,6 @@ div.top-logo .top_logo_search i {
top: 11px;
cursor: pointer;
}
/*end*/
.top-logo h1 {
display: inline-block;
float: left;
}
/*------------------首页 end------------*/
.top-logo ul li {
......@@ -109,23 +90,12 @@ div.navigation {
}
.navigation .layui-nav-item {
width: 130px;
width: 147px;
position: relative;
margin: 0 22px;
}
.layui-bg-blue {
background-color: #006CFF !important;
}
.layui-nav-item:not(:first-child)::before {
content: '';
position: absolute;
height: 22px;
border-left: 1px solid #ccc;
top: 21px;
left: -20px;
}
.layui-nav-item a{
font-size: 16px;
}
......@@ -134,11 +104,12 @@ div.navigation {
/* --------------------导航tab------------------------- */
.navigation_crumbs {
width: 100%;
height: 50px;
padding: 10px 0;
line-height: 25px;
background: #FAFAFA;
border: 1px solid #E6E6E6;
box-sizing: border-box;
/* box-sizing: border-box; */
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #f46143!important;
......@@ -149,6 +120,14 @@ div.navigation {
margin: 0 auto;
overflow: hidden;
}
.layui-tab-brief>.layui-tab-title .layui-this{
color: #4A4A4A !important;
font-size: 18px;
font-weight: 500;
}
.layui-tab-brief>.layui-tab-title .layui-this:after{
border-bottom: 2px solid #006CFF !important
}
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 30px;
......@@ -215,27 +194,35 @@ div.navigation {
.mainbody {
width: 1200px;
margin: 0 auto;
min-height: calc(100vh - 200px);
}
.listArea{
overflow: hidden;
}
.top {
text-align: center;
height: 90px;
height: 106px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
line-height: 14px;
border-bottom: 1px solid #DEDEDE;
display: flex;
justify-items: auto;
align-items: center;
flex-width: wrap;
position: relative;
}
.top > div {
margin: 0 auto;
display: inline-block;
}
.top span{
display:inline-block;
width: 60px;
height: 14px;
font-size: 14px;
font-weight: 500;
color: #4A4A4A;
line-height: 14px;
}
.top input {
width: 360px;
height: 36px;
......@@ -243,20 +230,72 @@ div.navigation {
border-radius: 2px;
border: 1px solid #CBCBCB;
margin-left: 10px;
padding-left: 10px;
}
.top-title {
margin-right: 6%;
}
.top-serach {
position: absolute;
right: 0;
}
.top button {
width: 120px;
height: 40px;
background: #0091FF;
border: none;
border-radius: 3px;
color: white;
color: #FFFFFF;
font-weight: 100;
}
/*.top-date input:before {
.announcement_list {
float: left;
width:81%;
}
.gglist{
border-right:1px solid #EAEAEA;
padding-bottom: 60px;
margin-top: 27px;
min-height: 600px;
}
.gglist li{
height: 104px;
}
.gglist .icon {
width: 38px;
height: 104px;
float: left;
}
.gglist li{
border-bottom:1px solid #EAEAEA;
}
.listArea_right{
width: 201px;
float: right;
text-align: right;
}
.diver{
width: 23%;
width: 195px;
height: 1px;
background: #DEDEDE;
margin:0 auto;
margin-bottom:40px;
margin-top: 40px;
margin-right: 77px;
}
.zc-top{
width: 72px;
height: 18px;
font-size: 18px;
font-weight: 500;
color: #4A4A4A;
line-height: 18px;
font-weight: 600;
}
/* .top-date input:before {
content: attr(placeholder)
}*/
} */
.filter {
display: flex;
......@@ -319,48 +358,50 @@ div.navigation {
.gg {
text-overflow: clip;
overflow: hidden;
border-bottom: 1px solid #DEDEDE;
height: 100px;
font-size: 20px;
font-weight: bold;
color: #4A4A4A;
line-height: 104px;
padding-left: 20px;
padding-right: 20px;
}
.item_list {
margin-left: 51px;
width: 92%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.right {
width: 200px;
margin-left: 15px;
}
.right-top {
width: 72px;
height: 18px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #4A4A4A;
line-height: 18px;
padding-top: 20px;
margin-bottom: 19px;
margin-top:30px;
font-weight: 600;
color: #4a4a4a;
}
.right-body {
display: inline-block;
margin-bottom: 20px;
}
.tj {
/*margin-bottom: 10px;*/
}
.tj img {
width: 200px;
height: 125px;
margin-top: 20px;
}
.tj img, .tj span {
float: left;
width: 100%;
display: block;
text-align: left;
}
.tj-title {
......@@ -370,6 +411,8 @@ div.navigation {
font-weight: bold;
color: #4A4A4A;
line-height: 21px;
display: inline-block;
margin-top: 9px
}
.tj-date {
......@@ -379,7 +422,9 @@ div.navigation {
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
display: inline-block;
margin-top: 6px;
margin-bottom: 20px;
}
.right-bottom {
......@@ -409,132 +454,54 @@ div.navigation {
.zcfg-top {
width: 200px;
height: 14px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: bold;
color: #4A4A4A;
line-height: 14px;
line-height: 21px;
text-align: left;
}
.zcfg-body {
width: 200px;
font-size: 14px;
display: inline-block;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D7278;
line-height: 21px;
line-height: 23px;
text-align: left;
}
.zcfg-bottom {
width: 90px;
height: 12px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
}
/* -----------------底部start----------------------------- */
div.footer {
background-color: #233042;
}
div.footer .system_service {
width: 100%;
border-bottom: 1px solid #4A4A4A;
line-height: 21px;
text-align: left;
}
div.footer .system_service ul {
padding: 40px 0;
width: 1400px;
margin: 0 auto;
font-size: 0;
.rightcontainer {
margin-bottom: 20px;
}
div.footer .system_service ul li {
width: 20%;
display: inline-block;
#test1 {
text-align: center;
height: 18px;
box-sizing: border-box;
}
div.footer .system_service ul li:not(:last-child) {
border-right: 1px solid #6D7278;
}
div.footer .system_service ul li a {
font-size: 16px;
font-weight: 400;
color: #DEDEDE;
margin-top: -30px;
margin-bottom: 100px;
}
div.footer .system_service ul li a:hover {
color: #f46143;
}
.footer .subject {
width: 80%;
margin: 0 auto;
padding: 40px 0;
overflow: hidden;
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #0091FF!important;
}
.footer .subject .footer_logo {
.top-date span{
display: inline-block;
float: left;
margin-top: 12px;
}
.footer .subject .footer_logo a {
display: block;
width: 64px;
height: 74px;
padding: 10px;
}
.footer .subject .footer_logo a img {
width: 100%;
height: 100%;
}
.footer .subject ul, ol {
.top-date input {
float: left;
color: #CBCBCB;
text-align: left;
}
.footer .subject ul {
width: 73%;
box-sizing: border-box;
padding-left: 40px;
margin-top: 10px;
input {
color: #4a4a4a!important;
font-weight: 100!important;
}
.footer .subject ul li {
width: 30%;
display: inline-block;
text-align: left;
margin-bottom: 30px;
}
.footer .subject ol li {
display: inline-block;
text-align: center;
}
.footer .subject ol li:last-child {
margin-left: 60px;
}
.footer .subject ol li img {
width: 80px;
height: 80px;
}
.footer .subject ol li p {
font-size: 12px;
color: #CBCBCB;
margin-top: 5px;
.layui-laydate .layui-this {
background-color: #0091FF!important;
}
\ No newline at end of file
......
......@@ -139,7 +139,8 @@ div.subject {
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 41px;
padding-bottom: 20px;
padding-bottom: 60px;
min-height: 800px;
}
.leftContainer li {
border-bottom: 1px solid #EAEAEA;
......@@ -150,11 +151,10 @@ div.subject {
}
.left-top {
width: 408px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #686666;
line-height: 18px;
line-height: 21px;
cursor: pointer;
}
.left-top:hover {
......@@ -201,15 +201,16 @@ div.subject {
}
#page {
margin-top: 20px;
margin-top: -35px;
text-align: center;
margin-bottom: 50px;
margin-bottom: 60px;
}
.right {
width: 200px;
margin-top: 36px;
margin-left: 15px;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 10px;
}
.right-top {
......@@ -237,7 +238,9 @@ div.subject {
}
.tj img, .tj span {
float: left;
width: 100%;
display: block;
margin-top: 5px;
}
.tj-title {
......@@ -272,7 +275,7 @@ div.subject {
}
.zcfg {
margin-top: 20px;
margin-top: 15px;
display: inline-block;
cursor: pointer;
}
......@@ -287,7 +290,7 @@ div.subject {
font-size: 14px;
font-weight: bold;
color: #686666;
line-height: 14px;
line-height: 20px;
}
.zcfg-body {
......@@ -297,14 +300,17 @@ div.subject {
font-weight: 400;
color: #6D7278;
line-height: 23px;
margin: 10px 0;
margin-top: 25px;
}
.zcfg-bottom {
width: 90px;
height: 12px;
width: 100%;
font-size: 12px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
line-height: 16px;
margin-top: 3px;
}
#regulation {
line-height: 0;
}
\ No newline at end of file
......
......@@ -134,7 +134,7 @@ div.navigation {
.title {
height: 30px;
font-size: 30px;
padding: 40px 0;
padding: 30px 0;
font-weight: 500;
color: #4A4A4A;
line-height: 30px;
......@@ -609,7 +609,7 @@ div.navigation {
.right {
width: 200px;
margin-left: 15px;
margin-top: 20px;
margin-top: 5px;
}
.right-top {
......
......@@ -2,7 +2,6 @@
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 227px);
padding: 20px 0;
}
.title {
height: 16px;
......@@ -56,35 +55,281 @@
display: none;
}
.img_update {
border: 1px solid #eeeeee;
overflow: hidden;
position: relative;
float: left;
}
.fileBox{ margin:10px;width: 330px;float: left; }
#fileSpan{display:inline-block;width:300px;height:150px;border:2px dashed #ccc;text-align:center;line-height:150px;position: relative;}
#fileInput {
.fileBox{
margin:10px;float: left;
}
.file_name i {
display: block;
font-size: 32px;
height: 24px;
position: relative;
line-height: 24px;
top: -10px;
padding-top: 60px;
margin-bottom: 10px;
}
.file_name p {
line-height: 16px;
}
.certificate {
height: 24px;
color: red;
margin-top: 5px;
font-size: 14px;
line-height: 24px;
}
#fileSpan , #fileSpan1, #fileSpan3{
display: inline-block;
width: 285px;
height: 200px;
border: 2px dashed #ccc;
text-align: center;
position: relative;
}
#fileSpan:hover , #fileSpan1:hover, #fileSpan3:hover{
border-color:#0091FF;
}
#fileInput, #fileInput1, #fileInput3{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
z-index: 10;
}
.fileList_parent, .fileList_parent1, .fileList_parent3{
position: absolute;
left: 12px;
top: 12px;
width: 285px;
height: 200px;
text-align: center;
box-sizing: border-box;
padding: 30px 20px;
display: none;
background-color: #eee;
z-index: 20;
}
.fileName {
width: 80px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fileList_parent{margin:20px;display:none;}
.fileList_parent {
.file_list {
text-align: center;
margin: 0 auto;
}
.fileList_parent img , .fileList_parent1 img, .fileList_parent3 img{
width: 50px;
height: 60px;
}
.fileList_parent, .fileList_parent1, .fileList_parent3 {
float: left;
}
.file_name {
height: 200px;
text-align: center;
line-height: 200px;
position: relative;
}
.operation {
color: #0091FF;
cursor: pointer;
}
.fileList tr {
.fileListName, .fileListName1, .fileListName3{
text-align: center;
padding-top: 10px;
}
.fileListName p , .fileListName1 p, .fileListName3 p{
display: inline-block;
height: 17px;
}
.fileListName a , .fileListName1 a, .fileListName3 a {
display: inline-block;
line-height: 14px;
}
.fileListName a i, .fileListName1 a i, .fileListName3 a i{
line-height: 14px;
height: 14px;
padding: 0;
position: relative;
top: -2px;
font-size: 14px;
font-weight: 600;
}
.fileList tr, .fileList1 tr, .fileList3 tr {
line-height: 28px;
width: 70px;
}
.fileList tr td, .fileList1 tr td, .fileList3 tr td {
width: 70px;
}
.operation a:hover {
color: #0091FF!important;
}
.next_button {
text-align: center;
margin: 15px 0;
margin: 30px 0 100px 0;
}
.next_button a {
color: #ffffff;
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
/* 房屋信息 */
.acceptance_information {
margin: 20px 0;
}
.acceptance_information h3 , .person_info h3, .data_upload h3, .obtaining_license h3{
height: 16px;
padding-left: 5px;
border-left: 3px solid #0091FF;
line-height: 18px;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
color: #585656;
}
.acceptance_information ul {
font-size: 0;
}
.acceptance_information ul li {
display: inline-block;
width: 50%;
font-size: 14px;
line-height: 36px;
}
.acceptance_information ul li span {
color: #9B9B9B;
width: 100px;
text-align: right;
display: inline-block;
}
.acceptance_information ul li p {
display: inline-block;
}
/* 买卖双方信息 */
.layui-form-item .layui-inline {
width: 23%;
}
.idCard {
width: 150px;
}
.layui-form-label {
padding: 9px 0;
width: 92px;
}
.layui-icon-reduce-circle {
font-size: 20px!important;
}
.add_form {
height: 80px;
border: 2px dotted #d2d2d2;
cursor: pointer;
text-align: center;
padding-top: 18px;
box-sizing: border-box;
border-radius: 8px;
display: none;
}
.add_form:hover {
border-color: #0091FF;
}
.add_form i {
font-size: 20px!important;
}
.person_info h3 {
float: left;
margin-right: 10px;
}
.person_info .title {
line-height: 18px;
margin-bottom: 20px;
padding-left: 0!important;
}
.person_info .title input{
display: inline-block;
margin: 0 10px;
cursor: pointer;
width: 21px;
height: 21px;
position: relative;
top: -2px;
}
.person_info .title p {
display: inline-block;
position: relative;
top: -6.5px;
}
/* -----------------资料上传---------------------- */
.data_upload {
margin-top: 20px;
overflow: hidden;
}
/* -----------------询问笔录---------------------- */
.record {
position: absolute;
left: 0;
bottom: 30px;
display: block;
line-height: 20px;
height: 20px;
color: #0091FF;
text-align: center;
z-index: 30;
width: 100%;
cursor: pointer;
}
.record:hover {
color: #0091FF;
}
.layui-form-radio>i:hover, .layui-form-radioed>i {
color: #0091FF!important;
}
/* -------------------领证方式----------------------- */
.shipping_method {
display: none;
}
.item_inline {
font-size: 0;
}
.item_inline .layui-inline {
width: 50%;
font-size: 16px;
margin-right: 0!important;
}
.obtaining_license .layui-input-block h2{
display: inline-block;
color: rgb(133, 125, 125);
margin-right: 13px;
}
.ssq {
width: 92%;
}
.ssq .layui-inline {
width: 29%;
}
.obtaining_license {
margin-top: 20px;
}
\ No newline at end of file
......
......@@ -22,10 +22,7 @@
}
.next_button {
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
margin: 30px 0 100px 0;
}
.no_info {
text-align: center;
......
......@@ -19,7 +19,6 @@ document.writeln(" <meta name=\'description\' content=\'\' />");
document.writeln(" <meta name=\'Keywords\' content=\'\' />");
document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />");
document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />");
document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/global.css\' />");
document.writeln("");
document.writeln("<body> ");
document.writeln(" <div class=\'footer\'> ");
......
$(function () {
layui.use('element', function () {
var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
layui.use('laydate', function () {
var laydate = layui.laydate;
//常规用法
laydate.render({
elem: '#date'
});
})
layui.use('laypage', function () {
var laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
, count: 50 //数据总数，从服务端得到
});
});
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('demo').innerHTML
, view = document.getElementById('notice-list');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
initData()
})
//门户公示公告列表
function initData() {
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhNotice/getNoticeList",//路径
data:{
"currentPage":1,
"pageSize":6
},
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
data.list = result.data.records;
}
}
});
}
var data = { //数据
"list": [],
total: undefined
};
\ No newline at end of file
$(function () {
//元素
var oFileInput = $("#fileInput"); //选择文件按钮
var oFileSpan = $("#fileSpan"); //选择文件框
var oFileList_parent = $(".fileList_parent"); //表格
var fileListName = $('.fileListName') //上传的数据列表
var oFileList = $(".fileList"); //表格tbody
var sizeObj = []; //存放每个文件大小的数组，用来比较去重
//拖拽外部文件，进入目标元素触发
oFileSpan.on("dragenter", function () {
$(this).find('.file_name').css("background", "#ccc");
$(this).find('.file_name').empty();
$(this).find('.file_name').append(
'<p style="line-height:200px">可以方鼠标了</p>'
)
});
//拖拽外部文件，进入目标、离开目标之间，连续触发
oFileSpan.on("dragover", function () {
return false;
});
//拖拽外部文件，离开目标元素触发
oFileSpan.on("dragleave", function () {
$(this).find('.file_name').empty();
$(this).find('.file_name').css("background", "#ffff");
$(this).find('.file_name').append(
' <i class="layui-icon layui-icon-addition"></i>' +
'<p>点击或拖拽文件上传</p>' +
'<div class="certificate">登记申请书（2份）</div>' +
'<div class="fileListName"></div>'
)
});
//拖拽外部文件，在目标元素上释放鼠标触发
oFileSpan.on("drop", function (ev) {
var fs = ev.originalEvent.dataTransfer.files;
$(this).find('.file_name').empty();
$(this).find('.file_name').css("background", "#ffff");
$(this).find('.file_name').append(
' <i class="layui-icon layui-icon-addition"></i>' +
'<p>点击或拖拽文件上传</p>' +
'<div class="certificate">登记申请书（2份）</div>' +
'<div class="fileListName"></div>'
)
analysisList(fs); //解析列表函数
return false;
});
//点击选择文件按钮选文件
oFileInput.on("change", function () {
analysisList(this.files);
})
//解析列表函数
function analysisList(obj) {
//如果没有文件
if (obj.length < 1) {
return false;
}
for (var i = 0; i < obj.length; i++) {
var fileObj = obj[i]; //单个文件
var name = fileObj.name; //文件名
var size = fileObj.size; //文件大小
var type = fileType(name); //文件类型，获取的是文件的后缀
//文件大于30M，就不上传
if (size > 1024 * 1024 * 1024 || size == 0) {
layer.msg('超过了30M，不能上传', { icon: 5 });
return false;
}
//把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
if (sizeObj.indexOf(size) != -1) {
layer.msg('已经选择，不能重复上传', { icon: 5 });
return false;
}
//给json对象添加内容，得到选择的文件的数据
var itemArr = [fileObj, name, size, type]; //文件，文件名，文件大小，文件类型
flieList.push(itemArr);
//把这个文件的大小放进数组中
sizeObj.push(size);
}
createList() //生成列表
document.querySelector('#fileInput').value = null
if (flieList.length == 2) {
oFileList_parent.show(); //表格显示
}
};
//生成列表
function createList() {
oFileList.empty(); //先清空元素内容
for (var i = 0; i < flieList.length; i++) {
var fileData = flieList[i]; //flieList数组中的某一个
var name = fileData[1]; //文件名
var oTr = $("<tr></tr>");
var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>';
str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>';
oTr.html(str);
oTr.appendTo(oFileList);
$('.fileListName').append(
'<p class="fileName" title="' + name + '">' + name + '</p>' +
'<a class="operation"><i class="layui-icon layui-icon-close"></i></a>'
);
}
}
//删除表格行
oFileList.on("click", "a.operation", function () {
var oTr = $(this).parents("tr");
var index = oTr.index();
oTr.remove(); //删除这一行
flieList.splice(index, 1); //删除数据
sizeObj.splice(index, 1); //删除文件大小数组中的项
if (flieList.length == 0) {
oFileList_parent.hide()
$('.fileListName').empty();
}
});
})
//通过文件名，返回文件的后缀名
function fileType(name) {
var nameArr = name.split(".");
return nameArr[nameArr.length - 1].toLowerCase();
}
$(function () {
//元素
var oFileInput = $("#fileInput1"); //选择文件按钮
var oFileSpan = $("#fileSpan1"); //选择文件框
var oFileList_parent = $(".fileList_parent1"); //表格
var fileListName = $('.fileListName1') //上传的数据列表
var oFileList = $(".fileList1"); //表格tbody
var sizeObj1 = []; //存放每个文件大小的数组，用来比较去重
//拖拽外部文件，进入目标元素触发
oFileSpan.on("dragenter", function () {
$(this).find('.file_name').css("background", "#ccc");
$(this).find('.file_name').empty();
$(this).find('.file_name').append(
'<p style="line-height:200px">可以方鼠标了</p>'
)
});
//拖拽外部文件，进入目标、离开目标之间，连续触发
oFileSpan.on("dragover", function () {
return false;
});
//拖拽外部文件，离开目标元素触发
oFileSpan.on("dragleave", function () {
$(this).find('.file_name').empty();
$(this).find('.file_name').css("background", "#ffff");
$(this).find('.file_name').append(
' <i class="layui-icon layui-icon-addition"></i>' +
'<p>点击或拖拽文件上传</p>' +
'<div class="certificate">房屋所有权证书（2份）</div>' +
'<div class="fileListName1"></div>'
)
});
//拖拽外部文件，在目标元素上释放鼠标触发
oFileSpan.on("drop", function (ev) {
var fs = ev.originalEvent.dataTransfer.files;
$(this).find('.file_name').empty();
$(this).find('.file_name').css("background", "#ffff");
$(this).find('.file_name').append(
' <i class="layui-icon layui-icon-addition"></i>' +
'<p>点击或拖拽文件上传</p>' +
'<div class="certificate">房屋所有权证书（2份）</div>' +
'<div class="fileListName1"></div>'
)
analysisList(fs); //解析列表函数
return false;
});
//点击选择文件按钮选文件
oFileInput.on("change", function () {
analysisList(this.files);
})
//解析列表函数
function analysisList(obj) {
//如果没有文件
if (obj.length < 1) {
return false;
}
for (var i = 0; i < obj.length; i++) {
var fileObj = obj[i]; //单个文件
var name = fileObj.name; //文件名
var size = fileObj.size; //文件大小
var type = fileType(name); //文件类型，获取的是文件的后缀
//文件大于30M，就不上传
if (size > 1024 * 1024 * 1024 || size == 0) {
layer.msg('超过了30M，不能上传', { icon: 5 });
return false;
}
//把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
if (sizeObj1.indexOf(size) != -1) {
layer.msg('已经选择，不能重复上传', { icon: 5 });
return false;
}
//给json对象添加内容，得到选择的文件的数据
var itemArr = [fileObj, name, size, type]; //文件，文件名，文件大小，文件类型
flieList1.push(itemArr);
//把这个文件的大小放进数组中
sizeObj1.push(size);
}
createList() //生成列表
if (flieList1.length == 2) {
oFileList_parent.show(); //表格显示
}
document.querySelector('#fileInput1').value = null
};
//生成列表
function createList() {
oFileList.empty(); //先清空元素内容
for (var i = 0; i < flieList1.length; i++) {
var fileData = flieList1[i]; //flieList1数组中的某一个
var name = fileData[1]; //文件名
var oTr = $("<tr></tr>");
var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>';
str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>';
oTr.html(str);
oTr.appendTo(oFileList);
$('.fileListName1').append(
'<p class="fileName" title="' + name + '">' + name + '</p>' +
'<a class="operation"><i class="layui-icon layui-icon-close"></i></a>'
);
}
}
//删除表格行
oFileList.on("click", "a.operation", function () {
var oTr = $(this).parents("tr");
var index = oTr.index();
oTr.remove(); //删除这一行
flieList1.splice(index, 1); //删除数据
sizeObj1.splice(index, 1); //删除文件大小数组中的项
if (flieList1.length == 0) {
oFileList_parent.hide()
$('.fileListName1').empty();
}
});
})
//通过文件名，返回文件的后缀名
function fileType(name) {
var nameArr = name.split(".");
return nameArr[nameArr.length - 1].toLowerCase();
}
$(function () {
//元素
var oFileInput = $("#fileInput3"); //选择文件按钮
var oFileSpan = $("#fileSpan3"); //选择文件框
var oFileList_parent = $(".fileList_parent3"); //表格
var oFileList = $(".fileList3"); //表格tbody
var sizeObj3 = []; //存放每个文件大小的数组，用来比较去重
//拖拽外部文件，进入目标元素触发
oFileSpan.on("dragenter", function () {
$(this).find('.file_name').css("background", "#ccc");
$(this).find('.file_name').empty();
$(this).find('.file_name').append(
'<p style="line-height:200px">可以方鼠标了</p>'
)
});
//拖拽外部文件，进入目标、离开目标之间，连续触发
oFileSpan.on("dragover", function () {
return false;
});
//拖拽外部文件，离开目标元素触发
oFileSpan.on("dragleave", function () {
$(this).find('.file_name').empty();
$(this).find('.file_name').css("background", "#ffff");
$(this).find('.file_name').append(
' <i class="layui-icon layui-icon-addition"></i>' +
'<p>点击或拖拽文件上传</p>' +
'<div class="certificate">房屋所有权证书（2份）</div>' +
'<div class="fileListName3"></div>'
)
});
//拖拽外部文件，在目标元素上释放鼠标触发
oFileSpan.on("drop", function (ev) {
var fs = ev.originalEvent.dataTransfer.files;
$(this).find('.file_name').empty();
$(this).find('.file_name').css("background", "#ffff");
$(this).find('.file_name').append(
' <i class="layui-icon layui-icon-addition"></i>' +
'<p>点击或拖拽文件上传</p>' +
'<div class="certificate">房屋所有权证书（2份）</div>' +
'<div class="fileListName3"></div>'
)
analysisList(fs); //解析列表函数
return false;
});
//点击选择文件按钮选文件
oFileInput.on("change", function () {
analysisList(this.files);
})
//解析列表函数
function analysisList(obj) {
//如果没有文件
if (obj.length < 1) {
return false;
}
for (var i = 0; i < obj.length; i++) {
var fileObj = obj[i]; //单个文件
var name = fileObj.name; //文件名
var size = fileObj.size; //文件大小
var type = fileType(name); //文件类型，获取的是文件的后缀
//文件大于30M，就不上传
if (size > 1024 * 1024 * 1024 || size == 0) {
layer.msg('超过了30M，不能上传', { icon: 5 });
return false;
}
//把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
if (sizeObj3.indexOf(size) != -1) {
layer.msg('已经选择，不能重复上传', { icon: 5 });
return false;
}
//给json对象添加内容，得到选择的文件的数据
var itemArr = [fileObj, name, size, type]; //文件，文件名，文件大小，文件类型
flieList3.push(itemArr);
//把这个文件的大小放进数组中
sizeObj3.push(size);
}
createList() //生成列表
if (flieList3.length == 1) {
oFileList_parent.show(); //表格显示
}
document.querySelector('#fileInput3').value = null
};
//生成列表
function createList() {
oFileList.empty(); //先清空元素内容
for (var i = 0; i < flieList3.length; i++) {
var fileData = flieList3[i]; //flieList3数组中的某一个
var name = fileData[1]; //文件名
var oTr = $("<tr></tr>");
var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>';
str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>';
oTr.html(str);
oTr.appendTo(oFileList);
$('.fileListName3').append(
'<p class="fileName" title="' + name + '">' + name + '</p>' +
'<a class="operation"><i class="layui-icon layui-icon-close"></i></a>'
);
}
}
//删除表格行
oFileList.on("click", "a.operation", function () {
var oTr = $(this).parents("tr");
var index = oTr.index();
oTr.remove(); //删除这一行
flieList3.splice(index, 1); //删除数据
sizeObj3.splice(index, 1); //删除文件大小数组中的项
if (flieList3.length == 0) {
oFileList_parent.hide()
$('.fileListName3').empty();
}
});
})
//通过文件名，返回文件的后缀名
function fileType(name) {
var nameArr = name.split(".");
return nameArr[nameArr.length - 1].toLowerCase();
}
......@@ -55,6 +55,7 @@ $(function () {
NewsData();
NoticeData();
LawsData();
policiesData();
});
//加载新闻数据
......@@ -64,7 +65,7 @@ function NewsData() {
var li, publishTime;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/Mh/getNewsHotArticleList",//路径
url: portal.api_url + "/hlwj/MhNews/getNewsList",//路径
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
......@@ -94,7 +95,7 @@ function NoticeData() {
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/Mh/getMHNotice",//路径
url: portal.api_url + "/hlwj/MhNotice/getMHNotice",//路径
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
......@@ -125,7 +126,7 @@ function LawsData() {
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/Mh/getLawsList",//路径
url: portal.api_url + "/hlwj/MhLaws/getLawsList",//路径
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
......@@ -140,3 +141,25 @@ function LawsData() {
}
});
}
//加载相应政策数据
function policiesData() {
var policies = $("#policies");
policies.empty();
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhPolicy/getPolicyList",//路径
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
for (var i = 0; i < result.data.length; i++) {
if (i == 6) return;
li = '<li><a href="#" title="' + result.data[i].headline + '">'+ result.data[i].headline;
li += '</a></li>';
policies.append(li);
}
}
}
});
}
\ No newline at end of file
......
......@@ -7,18 +7,30 @@ $(function () {
layer.msg(elem.text());
});
});
layui.use('laypage', function () {
let laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: 50 //数据总数，从服务端得到
, prev: '<'
, next: '>'
, theme: '#0091FF'
});
})
LoadNewsData();
HotArticle();
PolicyHotArticle();
addTabs('#news');
});
//加载新闻列表数据
function LoadNewsData(currentPage=1) {
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhNews/getNewsArticleList",//路径
data:{
"currentPage":currentPage,
"pageSize":5
},
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
data.total = result.data.total
if (result.code == 200 && result.data != null) {
data.list = result.data.records;
}
}
})
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('demo').innerHTML
......@@ -27,33 +39,77 @@ $(function () {
view.innerHTML = html;
});
});
addTabs('#news');
//
});
//加载新闻列表数据
function LoadNewsData() {
}
// 获取新闻动态的推荐数据
function HotArticle() {
var recommend = $("#news_recommendation");
recommend.empty();
var li = '';
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/Mh/getNewsArticleList",//路径
data:{
"currentPage":1,
"pageSize":10
},
url: portal.api_url + "/hlwj/MhNews/getNewsHotArticleList",//路径
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
data.list = result.data.records;
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 += '</li>';
recommend.append(li);
}
}
});
}
})
}
// 政策法规推荐
function PolicyHotArticle() {
var regulation = $("#regulation");
regulation.empty();
var li = '';
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/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].content+'</p>'
li += '<div class="zcfg-bottom">'+result.data[i].deadtime+'</div>'
li += '</li>'
regulation.append(li);
}
}
}
})
}
layui.use('laypage', function () {
let laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: data.total //数据总数，从服务端得到
, limit: 5
, prev: '<'
, next: '>'
, theme: '#0091FF'
, jump: function(obj, first){
LoadNewsData(obj.curr);
}
});
})
var data = { //数据
"title": "Layui常用模块",
"list": []
"list": [],
total: undefined
};
\ No newline at end of file
......
......@@ -8,7 +8,30 @@ $(function () {
$('.date div:first-child').text(year)
$('.date div:nth-child(2)').text(month + 1 + "/" + date)
$('.date div:last-child').text(hour + ":" + minutes)
LawsData()
})
// 新闻详情数据
function LawsData() {
var newsList = $("#newsList");
newsList.empty();
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhNews/getDetailById",//路径
data:{
"id":GetQueryString('id'),
},
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
$('.newsTitle').html(result.data.title)
newsList.append(result.data.content)
}
}
});
}
$(window).scroll(function () {
let juli = $(document).scrollTop();
if (juli > 360) {
......@@ -25,3 +48,9 @@ layui.use('element', function () {
layer.msg(elem.text());
});
});
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]);
return null;
}
\ No newline at end of file
......
......@@ -8,4 +8,52 @@ $(function () {
});
addTabs('#wssq')
// 业务
// 进度条
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0：未办理 1：正在办理 2：已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 1
},
{
stepName: "身份认证",
stepState: 0
},
{
stepName: "资料审核",
stepState: 0
},
{
stepName: "线上缴费",
stepState: 0
},
{
stepName: "生成电子证书",
stepState: 0
}
],
}
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();
});
});
})
......
......@@ -28,7 +28,7 @@
<div>发布日期：2020-10-28</div>
</div>
<div class="DividingLine"></div>
<div>
<div class="notice_content">
近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。
《自然资源统计工作管理办法》 一、明确自然资源统计主要任务
对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。
......
* {
padding: 0;
margin: 0;
}
.main {
}
.mainbody{
width: 1200px;
margin: 0 auto;
}
/*================首页 start=====================*/
div a {
color: #000000;
text-decoration: none;
}
div.subject h2 a:hover {
color: #f46143;
}
div.subject {
margin: 0 auto;
float: none;
clear: both;
position: relative;
min-width: 1200px;
}
/*新闻 */
div.top-logo {
width: 1200px;
height: 70px;
padding-top: 20px;
}
div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
font-size: 13px;
}
div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 13px;
}
div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 13px;
}
.top_logo_content {
height: 40px;
width: 100%;
margin: 0 auto;
}
div.top-logo .top_logo_search {
float: left;
width: 350px;
position: relative;
margin-left: 400px;
}
div.top-logo .top_logo_search input {
border-radius: 50px;
}
div.top-logo .login {
float: right;
margin-top: 8px;
}
div.top-logo .top_logo_search i {
position: absolute;
right: 10px;
top: 11px;
cursor: pointer;
}
/*end*/
.top-logo h1 {
display: inline-block;
float: left;
}
.layui-nav-item a{
font-size: 16px;
}
/*------------------首页 end------------*/
/* --------------------导航tab------------------------- */
.navigation_crumbs {
width: 100%;
height: 45px;
padding: 10px 0;
line-height: 25px;
background: #FAFAFA;
border: 1px solid #E6E6E6;
box-sizing: border-box;
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #f46143!important;
}
.contentBox {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 30px;
}
.one_content .layui-tab {
margin: 0;
}
.one_content .layui-tab-title li {
width: 100px;
font-weight: 600;
color: #6D7278;
}
.one_content .layui-tab-title .layui-this {
color: #4A4A4A;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
border-color: #006CFF;
}
.layui-tab .layui-tab-brief .layui-this {
color: #006CFF;
}
.layui-tab .layui-tab-brief li {
width: 90px;
}
.online_business {
margin-top: 20px;
}
.online_business h2 {
width: 100%;
height: 43px;
line-height: 43px;
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #DEDEDE;
padding-left: 15px;
box-sizing: border-box;
}
.online_list {
padding-bottom: 20px;
overflow: hidden;
}
.online_list li{
width: 45%!important;
float: left;
height: 60px;
line-height: 60px;
border-bottom: 1px dotted #DEDEDE;
}
.online_list li:nth-child(even) {
margin-left: 10%;
}
.online_list li a{
display: block;
width: 100%;
}
.online_list li a:hover span{
color: #f46143;
}
.online_list li a button {
float: right;
margin-top: 15px;
}
/* ---------------------------------------------------- */
.top-logo ul li {
display: inline-block;
padding: 0 8px;
}
.top-logo ul li:first-child {
border-right: 1px solid grey;
}
div.navigation {
text-align: center;
}
.navigation .layui-nav-item {
width: 130px;
position: relative;
margin: 0 22px;
}
.layui-bg-blue {
background-color: #006CFF!important;
}
.layui-nav-item:not(:first-child)::before {
content: '';
position: absolute;
height: 22px;
border-left: 1px solid #ccc;
top: 21px;
left: -20px;
}
.title {
height: auto;
font-size: 30px;
font-weight: 500;
color: #4A4A4A;
line-height: 30px;
text-align: center;
padding: 20px;
}
.release {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
font-size: 16px;
font-weight: 400;
color: #6D7278;
line-height: 12px;
margin-top: 20px;
margin-bottom: 20px;
}
.release div {
display: inline-block;
}
.body {
padding-top: 20px;
border-top: 1px solid #DEDEDE;
height: auto;
font-size: 16px;
font-weight: 400;
color: #4A4A4A;
line-height: 24px;
padding-bottom: 30px;
}
/* -----------------底部start----------------------------- */
div.footer {
background-color: #233042;
}
div.footer .system_service {
width: 100%;
border-bottom: 1px solid #4A4A4A;
}
div.footer .system_service ul {
padding: 40px 0;
width: 1400px;
margin: 0 auto;
font-size: 0;
}
div.footer .system_service ul li {
width: 20%;
display: inline-block;
text-align: center;
height: 18px;
box-sizing: border-box;
}
div.footer .system_service ul li:not(:last-child) {
border-right: 1px solid #6D7278;
}
div.footer .system_service ul li a{
font-size: 16px;
font-weight: 400;
color: #DEDEDE;
}
div.footer .system_service ul li a:hover {
color: #f46143;
}
.footer .subject {
width: 1200px;
margin: 0 auto;
padding: 40px 0;
overflow: hidden;
}
.footer .subject .footer_logo {
float: left;
}
.footer .subject .footer_logo a{
display: block;
width: 64px;
height: 74px;
padding: 10px;
}
.footer .subject .footer_logo a img {
width: 100%;
height: 100%;
}
.footer .subject ul, ol {
float: left;
color: #CBCBCB;
text-align: left;
}
.footer .subject ul {
width: 72%;
box-sizing: border-box;
padding-left: 40px;
margin-top: 10px;
}
.footer .subject ul li {
width: 30%;
display: inline-block;
text-align: left;
margin-bottom: 30px;
}
.footer .subject ol li {
display: inline-block;
text-align: center;
}
.footer .subject ol li:last-child {
margin-left: 60px;
}
.footer .subject ol li img {
width: 80px;
height: 80px;
}
.footer .subject ol li p {
font-size: 12px;
color: #CBCBCB;
margin-top: 5px;
}
\ No newline at end of file
<!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">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>公示公告</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/gsgg.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html">首页</a>
<a><cite>公示公告</cite></a>
</span>
</div>
</div>
<div class="mainbody">
<div class="top">
<div class="top-title">
<span>标题内容:</span><input type="text" placeholder="请输入标题内容">
</div>
<div class="top-date">
<span>发布时间:</span> <input type="text" class="layui-input" id="date" placeholder="请选择时间">
</div>
<div class="top-serach">
<button>
<i class="layui-icon">&#xe615;</i>
查询
</button>
</div>
</div>
<div class="layui-tab layui-tab-brief" lay-filter="">
<ul class="layui-tab-title">
<li class="layui-this">全部</li>
<li>公示</li>
<li>公告</li>
</ul>
</div>
<!-- 列表区域 -->
<div class="listArea">
<div class="announcement_list">
<ul class="gglist" id="notice-list">
</ul>
<div id="test1"></div>
</div>
<div class="listArea_right">
<ul class="rightcontainer">
<h2 class="right-top">新闻推荐</h2>
<li class="tj">
<img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
<span class="tj-date">2020-12-12</span>
</li>
<li class="tj">
<img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
<span class="tj-date">2020-12-12</span>
</li>
</ul>
<ul class="diver">
<li></li>
</ul>
<ul class="rightcontainer">
<h2 class="zc-top">政策法规</h2>
<li>
<div class="zcfg">
<div class="zcfg-top">
爬山虎国土空间规划信息化解决
</div>
<div class="zcfg-body">
10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。
</div>
<div class="zcfg-bottom">
2020-10-28
</div>
</div>
</li>
<li>
<div class="zcfg">
<div class="zcfg-top">
爬山虎国土空间规划信息化解决
</div>
<div class="zcfg-body">
10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。
</div>
<div class="zcfg-bottom">
2020-10-28
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/gsgg.js"></script>
<script id="demo" type="text/html">
{{# layui.each(d.list, function(index, item){ }}
<li>
<a href='./ggxq.html?id="{{item.id}}"' target="_blank">
<div class="gg">
{{# if(item.noticeType == 1){ }}
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongongshi"></use>
</svg>
{{# } }}
{{# if(item.noticeType == 2){ }}
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongonggao1"></use>
</svg>
{{# } }}
<p class="item_list">
{{item.title}}
</p>
</div>
</a>
</li>
{{# }); }}
</script>
</html>
\ No newline at end of file
<!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">
<head>
<style>
</style>
......@@ -27,42 +26,10 @@
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="active">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li>
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li>
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li>
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
生成电子证书
</li>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="query_results">
<!-- <div class="no_info">
<h2>温馨提示：未检测到完税信息！</h2>
......@@ -198,5 +165,39 @@
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/yyws.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="active"></p>
<h5>{{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
......
<!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">
<head>
<style>
</style>
......@@ -23,66 +22,44 @@
<div class="leftandright">
<div class="left">
<ul class="leftContainer" id='ulNews'>
</ul>
<div id="page"></div>
</div>
<div class="right">
<div class="right-top">
<h2>新闻推荐</h2>
</div>
<div class="right">
<div class="right-top">
<h2>新闻推荐</h2>
</div>
<ul class="right-body">
<li class="tj">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title">
爬山虎国土空间信息化解决方案
</span>
<span class="tj-date">
2020-12-12
</span>
</li>
<li class="tj">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title">
爬山虎国土空间信息化解决方案
</span>
<span class="tj-date">
2020-12-12
</span>
</li>
<ul class="right-body" id="news_recommendation">
</ul>
<ul class="right-bottom">
<div class="right-bottom-top">
<span>政策法规推荐</span>
</div>
<div id="regulation">
<li class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
爬山虎国土空间规划信息化解决
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
2020-10-28
</div>
</li>
<li class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
爬山虎国土空间规划信息化解决
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
2020-10-28
</div>
</li>
</div>
</ul>
</div>
</div>
......@@ -94,13 +71,17 @@
<script id="demo" type="text/html">
{{# layui.each(d.list, function(index, item){ }}
<li>
<a class="left-top" title=" {{ item.headline }}" href="./xwxq.html" target="_blank">
<a class="left-top" title=" {{ item.headline }}" href='./xwxq.html?id={{item.id}}' target="_blank">
{{ item.headline }}
</a>
<a class="xw" href="./news/xwxq.html" target="_blank">
<a class="xw" href='./xwxq.html?id="{{item.id}}"' target="_blank">
<div class="xw-left">
<img
src="{{ item.cover }}">
{{# if(item.cover == null){ }}
<img src="../staticImages/news_demo.jpg">
{{# } }}
{{# if(item.cover != null){ }}
<img src="{{ item.cover }}">
{{# } }}
</div>
<div class="xw-right">
<div class="left-body">
......
<!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">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新闻详情</title>
<script type="text/javascript" src="../../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../../staticCss/xwxq.css">
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/xwxq.css">
</head>
<body>
<div>
<div class="main">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="../xwdt.html">新闻动态</a>
<a href="../index.html">首页</a>
<a href="./xwdt.html">新闻动态</a>
<a><cite>新闻详情</cite></a>
</span>
</div>
......@@ -26,9 +24,7 @@
<div class="mainbody">
<div class="left">
<div class="title">
<div>
<span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span>
</div>
<div class="newsTitle"></div>
</div>
<div class="left2">
<div class="left-left">
......@@ -86,20 +82,7 @@
</div>
</div>
<div class="left-right">
<div class="body">
近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。
《自然资源统计工作管理办法》 一、明确自然资源统计主要任务
对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。
二、明晰自然资源统计数据获取方式
自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。
三、健全自然资源统计数据的质控体系
加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。
四、加强自然资源统计信息化建设
加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。
五、更新制度和办法保证统计工作推进
在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。
《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。
</div>
<div class="body" id="newsList"></div>
<div class="Mycomment">
<div class="commentTitle"><span>评论</span></div>
<div class="comment-bottom">
......@@ -275,8 +258,7 @@
</div>
</div>
</body>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/xwxq.js"></script>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/xwxq.js"></script>
</html>
\ No newline at end of file
......
<!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">
<head>
<style>
</style>
......@@ -236,5 +235,4 @@
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......