前端代码更新

index.html

@@ -56,11 +56,11 @@
         <div class="top">
             <ul class="container w-1200">
                 <li class="active"><a href="javascript:void(0)">首页</a></li>
-                <li><a href="javascript:void(0)">挂牌项目</a></li>
+                <li><a href="view/listingItems/itemsList.html">挂牌项目</a></li>
                 <li><a href="javascript:void(0)">竞价大厅</a></li>
                 <li><a href="javascript:void(0)">项目公告</a></li>
                 <li><a href="javascript:void(0)">个人供求</a></li>
-                <li><a href="javascript:void(0)">新闻资讯</a></li>
+                <li><a href="view/new/newList.html">新闻资讯</a></li>
                 <li><a href="javascript:void(0)">政策法规</a></li>
                 <li><a href="javascript:void(0)">互动交流</a></li>
             </ul>

static/css/items.css

@@ -0,0 +1,518 @@
+.auction_hall_condition {
+    width: 1200px;
+    /* height: 300px; */
+    margin: auto;
+    /* background: red; */
+    margin-top: 15px;
+}
+
+.auction_hall_condition table {
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+}
+
+.auction_hall_condition table .auction_tr {
+    height: 42px;
+}
+
+.auction_hall_condition table tr td {
+    text-align: center;
+}
+
+.auction_hall_condition table tr .auction_td {
+    background: #F8F8F8;
+    color: #999999;
+    width: 122px;
+}
+
+.auction_hall_table_tab {
+    position: relative;
+    float: left;
+    padding: 1px 8px;
+    margin-left: 15px;
+    font-size: 14px;
+    color: #666666;
+    cursor: pointer;
+}
+
+.auction_hot_icon {
+    position: absolute;
+    left: -10px;
+    top: 2px;
+    width: 14px;
+    height: 16px;
+}
+
+.auction_hot_icon img {
+    width: 100%;
+    height: 100%;
+}
+
+.auction_hall_table_tab_select {
+    color: #FFFFFF;
+    background: #007b76;
+}
+
+.data_input, .data_input2, .data_input3, .data_input4 {
+    float: left;
+    width: 190px;
+    height: 26px;
+    background: #F6F6F6;
+    border: 1px solid #E5E5E5;
+    border-radius: 4px;
+    text-indent: 10px;
+    margin-left: 15px;
+    font-size: 14px;
+}
+
+.data_input2, .data_input4 {
+    margin-left: 0;
+}
+
+.datas_input::-webkit-input-placeholder {
+    color: #999;
+}
+
+.datas_input:-moz-placeholder {
+    color: #999;
+}
+
+.datas_input:-ms-input-placeholder {
+    color: #999;
+}
+
+.input_data_icon {
+    position: absolute;
+    width: 22px;
+    left: 178px;
+    top: 9px;
+}
+
+.input_data_icon2 {
+    left: 395px;
+}
+
+.data_input_line {
+    float: left;
+    width: 15px;
+    height: 1px;
+    margin: 12.5px 5px;
+    background: #BEBEBE;
+}
+
+.input_data_btn {
+    float: left;
+    width: 63px;
+    height: 28px;
+    background: #007b76;
+    border-radius: 35px;
+    font-size: 14px;
+    color: #FFFFFF;
+    line-height: 28px;
+    margin-left: 25px;
+    cursor: pointer;
+}
+
+.input_data_btn:hover {
+    background: #00504d;
+}
+
+.auction_all_left {
+    float: left;
+    width: 60px;
+    height: 95%;
+    margin-top: 8px;
+}
+
+.auction_hall_table_tab:hover {
+    color: #FFFFFF;
+    background: #007b76;
+}
+
+.auction_add_area .auction_hall_table_tab:hover {
+    color: #007b76;
+    background: transparent;
+}
+
+.auction_all_right {
+    float: left;
+    width: 93%;
+    padding-bottom: 10px;
+}
+
+.auction_all_right .auction_hall_table_tab {
+    margin-top: 8px;
+}
+
+.auction_add_area {
+    float: left;
+    line-height: 20px;
+    width: 96.5%;
+    margin-top: 5px;
+    padding-bottom: 5px;
+    background: #F6F6F6;
+    display: none;
+}
+
+.pageNum{
+    margin-top: 45px;
+    text-align: center;
+}
+
+.pageNum li{
+    width: 25px;
+    height: 25px;
+    text-align: center;
+    line-height: 25px;
+    margin-right: 5px;
+    display: inline-block;
+}
+
+.pageNum p{
+    height: 25px;
+    text-align: center;
+    line-height: 25px;
+    margin-right: 5px;
+    display: inline-block;
+}
+
+.pageNum li.active{
+    background-color: #007b76;
+    color: #ffffff;
+    border-radius: 2px;
+}
+
+.pageNum li:hover{
+    background-color: #007b76;
+    color: #ffffff;
+    border-radius: 2px;
+    cursor:pointer;
+}
+
+.importantText{
+    color: #636363;
+    padding: 18px;
+    background-color: #e5f2f1;
+}
+
+.swiperDiv{
+    border: 1px solid #eaeaea;
+    margin-top: 20px;
+}
+
+.pc-slide {
+    width: 445px;
+    background-color: #f7f7f7;
+    /*border: 1px solid #eaeaea;*/
+}
+
+.view .swiper-container {
+    width: 445px;
+    height: 298px;
+}
+
+.view .arrow-left {
+    background: url(../images/feel3.png) no-repeat left top;
+    position: absolute;
+    left: 10px;
+    top: 50%;
+    margin-top: -25px;
+    width: 28px;
+    height: 28px;
+    z-index: 10;
+}
+
+.view .arrow-right {
+    background: url(../images/feel4.png) no-repeat left bottom;
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    margin-top: -25px;
+    width: 28px;
+    height: 28px;
+    z-index: 10;
+}
+
+.preview {
+    width: 100%;
+    margin-top: 10px;
+    padding-bottom: 40px;
+    position: relative;
+}
+
+.preview .swiper-container {
+    width: 420px;
+    height: 82px;
+}
+
+.preview .swiper-slide {
+    width: 100px;
+    height: 82px;
+    margin-right: 10px;
+}
+
+.preview .slide6 {
+    width: 82px;
+}
+
+.preview .arrow-left {
+    background: url(../images/feel3.png) no-repeat left top;
+    position: absolute;
+    left: 10px;
+    top: 50%;
+    margin-top: -9px;
+    width: 9px;
+    height: 18px;
+    z-index: 10;
+}
+
+.preview .arrow-right {
+    background: url(../images/feel4.png) no-repeat left bottom;
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    margin-top: -9px;
+    width: 9px;
+    height: 18px;
+    z-index: 10;
+}
+
+.preview img {
+    padding: 1px;
+}
+
+.preview .active-nav img {
+    padding: 0;
+    border: 1px solid #007b76;
+}
+
+.swiperDetail{
+    width: 665px;
+}
+
+.swiperTit{
+    font-size: 24px;
+    margin-top: 18px;
+}
+
+.swiperTable tr:first-child td{
+    color: #737373!important;
+}
+
+.swiperTable tr td{
+    padding-top: 20px;
+}
+
+.swiperTable tr td:nth-child(2){
+    color:#c21f3a;
+    padding-left: 28px;
+}
+
+.swiperTable tr td:nth-child(2) span{
+    font-size: 22px;
+}
+
+.swiperInput{
+    padding: 12px 14px;
+    background-color: #f3f3f3;
+}
+
+.swiperInput input[type='text']{
+    background-color: #e5e5e5;
+    width: 244px;
+    height: 40px;
+    border: 1px solid #c6c6c6;
+    padding-left: 20px;
+    font-size: 24px;
+    margin-left: 10px;
+}
+
+.swiperInput input[type='button']{
+    background-color: #e5e5e5;
+    width: 28px;
+    height: 19px;
+    font-size: 24px;
+    border:none;
+    line-height: 20px;
+    color: #7C7C7C;
+    display: block;
+    margin-left: 2px;
+}
+
+.swiperInput input[type='button']:nth-child(2){
+    margin-top: 2px;
+}
+
+.swiperInput inputTit{
+    line-height: 42px;
+}
+
+.swiperInput table tr:nth-child(2) td:nth-child(2) div{
+    background-color: #c21f3a;
+    color: #FFFFFF;
+    padding: 6px 0px;
+    text-align: center;
+    width: 244px;
+    margin-left: 10px;
+    margin-top: 12px;
+}
+
+.swiperInput table tr:nth-child(2) td:nth-child(2) p:nth-child(1){
+    font-size: 16px;
+}
+
+.swiperInput table tr:nth-child(2) td:nth-child(2) p:nth-child(2){
+    font-size: 12px;
+}
+
+.swiperInput table tr:nth-child(3) td:nth-child(2) img{
+    margin-left: 10px;
+    margin-top: 8px;
+}
+
+.ts{
+    background-color: #c21f3a;
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    display: inline-block;
+    text-align: center;
+    color: #FFFFFF;
+    margin-right: 5px;
+}
+.signTit{
+    margin-top: 32px;
+    margin-left: 10px;
+}
+
+.tableTime tr td{
+    padding: 6px 0px;
+}
+
+.tableTime tr td:nth-child(2){
+    padding-left: 25px;
+}
+
+.wh{
+    display: inline-block;
+    background-color: #c7c7c7;
+    color: #FFFFFF;
+    border-radius: 50%;
+    width: 18px;
+    height: 18px;
+    text-align: center;
+    margin-left: 5px;
+}
+
+.tabTable{
+    margin-top: 25px;
+    margin-bottom: 40px;
+}
+
+.tabTable ul li{
+    border-right: 1px solid #ececec;
+    border-top: 1px solid #ececec;
+    border-bottom: 1px solid #ececec;
+    padding: 8px 25px;
+    float: left;
+}
+
+.tabTable ul li:first-child{
+    border-left: 1px solid #ececec;
+}
+
+.tabTable .active{
+    background-color: #007b76;
+    color: #FFFFFF;
+}
+
+.tabTable ul li:hover{
+    background-color: #007b76;
+    color: #FFFFFF;
+    cursor: pointer;
+}
+
+#tabDetail2 img{
+    width: 596px;
+    display: inline-block;
+    float: left;
+    margin-right: 8px;
+    margin-top: 8px;
+}
+
+#tabDetail2 img:nth-child(2n){
+    margin-right: 0;
+}
+
+#tabDetail3{
+    border: 1px solid #ececec;
+    padding: 10px;
+}
+
+#tabDetail3 p{
+    text-indent: 2em;
+    line-height: 35px;
+}
+
+#tabDetail3 h3{
+    line-height: 35px;
+    font-weight: bold;
+}
+
+#tabDetail3 h1,#tabDetail4 h1{
+    padding-bottom: 20px;
+    margin-bottom: 10px;
+    border-bottom: 1px solid #ececec;
+    color: #007b76;
+}
+
+#tabDetail4{
+    border: 1px solid #ececec;
+    padding: 10px;
+}
+
+#tabDetail4 table{
+    width: 100%;
+}
+
+#tabDetail4 table tr:first-child td{
+    background-color: #e8e8e8;
+    border-bottom: none;
+}
+
+#tabDetail4 table tr td{
+    text-align: center;
+    padding: 15px 0px;
+    border-bottom: 1px solid #ececec;
+}
+
+#tabDetail4 table tr:last-child td{
+    border-bottom: none;
+}
+
+#tabDetail4 table tr:nth-child(2) td:nth-child(4){
+    color: #ac2925;
+}
+
+#tabDetail1 table tr td{
+    line-height: 36px;
+    border: 1px solid #000000;
+}
+
+.s0 td {
+    border: none!important;
+}
+
+#tabDetail1 table {
+    line-height: 25px;
+    text-align: center;
+    border-collapse: collapse;
+
+}
+
+.proTittle{
+    font-size: 24px;
+    font-weight: bold;
+    text-align: center;
+}

static/css/main.css

@@ -234,8 +234,8 @@ body {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     overflow-scrolling: touch;
     -webkit-overflow-scrolling: touch;
-    backface-visibility: hidden;
-    -webkit-backface-visibility: hidden;
+    /*backface-visibility: hidden;*/
+    /*-webkit-backface-visibility: hidden;*/
     box-sizing: border-box;
 }
 
@@ -747,6 +747,10 @@ body {
     font-size: 44px !important;
 }
 
+.font56 {
+    font-size: 56px !important;
+}
+
 /*rem*/
 .font14r {
     font-size: .14rem !important;
@@ -1620,6 +1624,10 @@ body {
     margin-right: 30px !important;
 }
 
+.m-r-60 {
+    margin-right: 60px !important;
+}
+
 .m-t-5 {
     margin-top: 5px !important;
 }

static/css/new.css

@@ -0,0 +1,164 @@
+.breadcrum {
+    width: 100%;
+    height: 60px;
+    margin-top: 45px;
+}
+
+.breadcrum .bre_notice, .breadcrum .bre_news {
+    overflow: hidden;
+}
+
+.breadcrum a {
+    float: left;
+    width: 141px;
+    height: 40px;
+    border: 1px solid #e4e4e4;
+    text-align: center;
+    line-height: 40px;
+    list-style: none;
+    margin-right: 42px;
+    color: #333;
+    cursor: pointer;
+    font-size: 16px;
+    background-color: #FFFFFF;
+}
+
+.breadcrum a i {
+    color: #007b76;
+    margin-right: 8px;
+    font-size: 20px;
+    vertical-align: middle;
+}
+
+.breadcrum a:hover {
+    background-color: #007b76;
+    color: #fff;
+
+}
+.breadcrum .active{
+    background-color: #007b76;
+    color: #fff;
+}
+.breadcrum .active i{
+    color: #fff;
+}
+
+.breadcrum a:hover i {
+    color: #fff;
+}
+
+.iconfont {
+    -webkit-text-stroke-width: 0 !important;
+    font-size: 14px;
+    font-family: iconfont !important;
+}
+
+.newList{
+    color: #2e2e2e;
+    padding: 0px 28px;
+    margin-top: 60px;
+}
+
+.newList ul li:hover a,.newList ul li:hover p{
+    color: #007b76;
+}
+
+.newList ul li{
+    padding: 15px;
+    border-bottom: 1px dashed #dbdbdb;
+    display: flex !important;
+    display: -webkit-box !important;
+    display: -webkit-flex !important;
+    justify-content: space-between;
+    -webkit-justify-content: space-between;
+    align-items: center;
+    -webkit-align-items: center;
+}
+
+.newList ul li a i{
+    margin-right: 12px;
+}
+
+.pageNum{
+    margin-top: 45px;
+    text-align: center;
+}
+
+.pageNum li{
+    width: 25px;
+    height: 25px;
+    text-align: center;
+    line-height: 25px;
+    margin-right: 5px;
+    display: inline-block;
+}
+
+.pageNum p{
+    height: 25px;
+    text-align: center;
+    line-height: 25px;
+    margin-right: 5px;
+    display: inline-block;
+}
+
+.pageNum li.active{
+    background-color: #007b76;
+    color: #ffffff;
+    border-radius: 2px;
+}
+
+.pageNum li:hover{
+    background-color: #007b76;
+    color: #ffffff;
+    border-radius: 2px;
+    cursor:pointer;
+}
+
+.title{
+    text-align: center;
+    margin-top: 80px;
+}
+
+.title h1{
+    margin: 0 auto;
+    width: 94%;
+}
+
+.title div{
+    padding: 30px 0px;
+    border-bottom: 1px solid #d9d9d9;
+    text-align: center;
+}
+
+.title div p{
+    font-size: 20px;
+    color: #b8b8b8;
+    margin-right: 40px;
+    display: inline-block;
+}
+
+.titIndex span{
+    color: #007b76;
+}
+
+.titIndex i{
+    padding: 0px 10px;
+}
+
+.share{
+    border: 1px solid #d9d9d9;
+    padding: 8px 12px;
+    display:inline-block;
+    *display:inline;
+    *zoom:1;
+    margin-top: 40px;
+}
+
+.share img{
+    float: left;
+    margin-left: 22px;
+}
+
+.share p{
+    line-height: 32px;
+}

static/js/common/main.js

@@ -16,6 +16,7 @@ requirejs.config({
         swiper: 'lib/swiper/swiper.min', //焦点图插件
         nprogress: 'lib/nprogress/nprogress',  //页面加载loading组件
         echarts: 'lib/echarts/echarts.min', //echarts组件
+        laydata:'lib/laydata/laydata',
 
         //自己写的路径配置
         Tools: 'common/tools',

static/js/project/listingItems/items.js

@@ -0,0 +1,111 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", 'swiper'], function ($, template, Tools, swiper) {
+    //数据存储
+    var module = {
+        data: {
+
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //焦点图
+        module.swiperBanner();
+
+        //tab切换
+        module.tabClick();
+
+    };
+
+    //焦点图滚动
+    module.swiperBanner = function (type) {
+        var viewSwiper = new Swiper('.view .swiper-container', {
+            onSlideChangeStart: function() {
+                updateNavPosition()
+            }
+        })
+
+        $('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
+            e.preventDefault()
+            if (viewSwiper.activeIndex == 0) {
+                viewSwiper.swipeTo(viewSwiper.slides.length - 1, 1000);
+                return
+            }
+            viewSwiper.swipePrev()
+        })
+        $('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
+            e.preventDefault()
+            if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
+                viewSwiper.swipeTo(0, 1000);
+                return
+            }
+            viewSwiper.swipeNext()
+        })
+
+        var previewSwiper = new Swiper('.preview .swiper-container', {
+            visibilityFullFit: true,
+            slidesPerView: 'auto',
+            onlyExternal: true,
+            onSlideClick: function() {
+                viewSwiper.swipeTo(previewSwiper.clickedSlideIndex)
+            }
+        })
+        function updateNavPosition() {
+            $('.preview .active-nav').removeClass('active-nav')
+            var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
+            if (!activeNav.hasClass('swiper-slide-visible')) {
+                if (activeNav.index() > previewSwiper.activeIndex) {
+                    var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
+                    previewSwiper.swipeTo(activeNav.index() - thumbsPerNav)
+                } else {
+                    previewSwiper.swipeTo(activeNav.index())
+                }
+            }
+        }
+    }
+
+    //切换
+    module.tabClick = function(){
+        //标的物介绍
+        document.getElementById('tab1').addEventListener('click',function(){
+            for (var i = 0 ; i < 4 ; i++){
+                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
+                document.getElementById('tab'+(i+1)).classList = '';
+            }
+           document.getElementById('tabDetail1').style.display = 'block';
+           document.getElementById('tab1').classList = 'active';
+        });
+        //标的物图片
+        document.getElementById('tab2').addEventListener('click',function(){
+            for (var i = 0 ; i < 4 ; i++){
+                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
+                document.getElementById('tab'+(i+1)).classList = '';
+            }
+            document.getElementById('tabDetail2').style.display = 'block';
+            document.getElementById('tab2').classList = 'active';
+        });
+        //竞买须知
+        document.getElementById('tab3').addEventListener('click',function(){
+            for (var i = 0 ; i < 4 ; i++){
+                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
+                document.getElementById('tab'+(i+1)).classList = '';
+            }
+            document.getElementById('tabDetail3').style.display = 'block';
+            document.getElementById('tab3').classList = 'active';
+        });
+        //竞价记录
+        document.getElementById('tab4').addEventListener('click',function(){
+            for (var i = 0 ; i < 4 ; i++){
+                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
+                document.getElementById('tab'+(i+1)).classList = '';
+            }
+            document.getElementById('tabDetail4').style.display = 'block';
+            document.getElementById('tab4').classList = 'active';
+        });
+    }
+
+    return module;
+});

view/listingItems/itemsDetail.html

@@ -0,0 +1,523 @@
+<!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/new.css" rel="stylesheet" type="text/css"/>
+    <link href="../../static/css/iconfont.css" rel="stylesheet" type="text/css"/>
+    <link href="../../static/css/swiper-bundle.min.css" rel="stylesheet" type="text/css"/>
+    <link href="../../static/css/items.css" rel="stylesheet" type="text/css"/>
+    <link href="https://at.alicdn.com/t/font_426541_j8s6z8ejoo.css" rel="stylesheet" type="text/css"/>
+    <style>
+
+    </style>
+</head>
+
+<body>
+<div class="main" id="page">
+    <!--顶部Title  -->
+    <div class="bg-f7 txc">
+        <div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
+            <p class="topTit">Hi,欢迎来到农村产权交易中心</p>
+            <div class="flex_dom flex_item_end">
+                <el-select v-model="cityValue" placeholder="请选择">
+                    <el-option-group v-for="group in options" :key="group.label" :label="group.label">
+                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
+                                   :value="item.value">
+                        </el-option>
+                    </el-option-group>
+                </el-select>
+                <p class="topTit02">返回主站</p>
+            </div>
+        </div>
+    </div>
+    <!--LOGO search -->
+    <div class="logoSearch w-1200">
+        <div class="wid50 logoSearch-div fl">
+            <img src="../../static/images/logo.png" class="fl" alt="左云县农村产权交易网"/>
+            <h1 class="fl" id="webConfigName">左云县农村产权交易网</h1>
+            <div class="clear"></div>
+        </div>
+        <div class="wid50 logoSearch-div fr">
+            <div class="searchDiv fl">
+                <input type="text" placeholder="请输入关键词搜索" class="searchClass"/>
+                <input type="button" value="搜索" class="searchButton"/>
+            </div>
+            <div class="fr">
+                <a href="javascript:void(0)">请登录</a>
+                <a href="javascript:void(0)">免费注册</a>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <div class="clear"></div>
+    </div>
+
+    <!--顶部导航栏  -->
+    <div class="top">
+        <ul class="container w-1200">
+            <li><a href="../../index.html">首页</a></li>
+            <li class="active"><a href="itemsList.html">挂牌项目</a></li>
+            <li><a href="javascript:void(0)">竞价大厅</a></li>
+            <li><a href="javascript:void(0)">项目公告</a></li>
+            <li><a href="javascript:void(0)">个人供求</a></li>
+            <li><a href="../new/newList.html">新闻资讯</a></li>
+            <li><a href="javascript:void(0)">政策法规</a></li>
+            <li><a href="javascript:void(0)">互动交流</a></li>
+        </ul>
+    </div>
+    <div class="w-1200">
+        <p class="font16 m-t-15 titIndex">挂牌项目<i>></i>产权交易<i>></i><span>三屯乡黄家村土地经营权流转</span></p>
+        <p class="importantText m-t-15">
+            重要提示：竞买人在竞价前请务必遵照左云县农村产权交易网的《平台竞价交易规则》、《左云县农村产权交易网平台农村产权交易操作指南》的要求，了解的情况、竞买资格、注册报名、保证金缴纳、竞买操作及款项支付方式等内容。如未全面了解相关内容，违反相关规定，您将承担无法参与项目竞买、保证金不予退还等不利后果，请审慎参与竞买。</p>
+        <div class="swiperDiv">
+            <div class="pc-slide fl">
+                <div class="view">
+                    <div class="swiper-container">
+                        <a class="arrow-left" href="#"></a>
+                        <a class="arrow-right" href="#"></a>
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                            </div>
+                            <div class="swiper-slide">
+                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                            </div>
+                            <div class="swiper-slide">
+                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                            </div>
+                            <div class="swiper-slide">
+                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                            </div>
+                            <div class="swiper-slide">
+                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                            </div>
+                            <div class="swiper-slide">
+                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="preview">
+                    <div class="swiper-container">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide active-nav">
+                                <img src="../../static/images/material1.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="../../static/images/material1.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide active-nav">
+                                <img src="../../static/images/material1.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="../../static/images/material1.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide active-nav">
+                                <img src="../../static/images/material1.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="../../static/images/material1.jpg" alt="">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="fr swiperDetail">
+                <p class="swiperTit">【出租】管家堡乡500亩水田</p>
+                <table class="swiperTable">
+                    <tr>
+                        <td>距结束</td>
+                        <td>00天17时29分05秒</td>
+                    </tr>
+                    <tr>
+                        <td>挂牌价</td>
+                        <td><span>500</span> 元/亩/年</td>
+                    </tr>
+                    <tr>
+                        <td>保证金</td>
+                        <td><span>5000</span> 元</td>
+                    </tr>
+                </table>
+                <div class="swiperInput">
+                    <table>
+                        <tr>
+                            <td>
+                                <p class="fl inputTit">出价</p>
+                            </td>
+                            <td>
+                                <input type="text" placeholder="453330" class="fl"/>
+                                <div class="fl">
+                                    <input type="button" value="+"/>
+                                    <input type="button" value="-"/>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td></td>
+                            <td>
+                                <div class="fl">
+                                    <p>立即报名</p>
+                                    <p>保证金￥30,000</p>
+                                </div>
+                                <p class="signTit fl"><i class="ts">!</i>如何交钱报名</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td></td>
+                            <td>
+                                <img src="../../static/images/tips.png"/>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <table class="tableTime">
+                    <tr>
+                        <td>报名开始时间：2021-04-19 15:18:53</td>
+                        <td>报名截止时间：2021-04-19 15:20:53</td>
+                    </tr>
+                    <tr>
+                        <td>竞价开始时间：2021-04-19 15:25:53</td>
+                        <td>竞价截止时间：2021-04-19 15:35:53</td>
+                    </tr>
+                    <tr>
+                        <td>竞价方式：自由竞价/阶梯竞价</td>
+                        <td>阶梯价（加价幅度）：¥1,000</td>
+                    </tr>
+                    <tr>
+                        <td>延时周期：2分钟<i class="wh">?</i></td>
+                        <td></td>
+                    </tr>
+                </table>
+            </div>
+            <div class="clear"></div>
+        </div>
+
+        <div class="tabTable">
+            <ul>
+                <li class="active" id="tab1">标的物介绍</li>
+                <li id="tab2">标的物图片</li>
+                <li id="tab3">竞买须知</li>
+                <li id="tab4">竞价记录</li>
+                <div class="clear"></div>
+            </ul>
+        </div>
+        <div style="display: block;" id="tabDetail1">
+            <table cellspacing="0" cellpadding="0" style="table-layout: fixed; margin: 0px auto; max-width: 1000px;">
+                <tr style="height: 1px;" class="s0">
+                    <td width="76px;"></td>
+                    <td width="28px;"></td>
+                    <td width="47px;"></td>
+                    <td width="9px;"></td>
+                    <td width="31px;"></td>
+                    <td width="6px;"></td>
+                    <td width="28px;"></td>
+                    <td width="9px;"></td>
+                    <td width="24px;"></td>
+                    <td width="14px;"></td>
+                    <td width="32px;"></td>
+                    <td width="44px;"></td>
+                    <td width="30px;"></td>
+                    <td width="7px;"></td>
+                    <td width="16px;"></td>
+                    <td width="3px;"></td>
+                    <td width="47px;"></td>
+                    <td width="28px;"></td>
+                    <td width="28px;"></td>
+                    <td width="41px;"></td>
+                    <td width="10px;"></td>
+                    <td width="56px;"></td>
+                    <td width="38px;"></td>
+                    <td width="38px;"></td>
+                    <td width="16px;"></td>
+                    <td width="88px;"></td>
+                    <td width="9px;"></td>
+                </tr>
+                <tr class="s0">
+                    <td colspan="2" nowrap="nowrap" style="font-size: 1px;">&nbsp;</td>
+                    <td colspan="22" class="proTittle">项目挂牌转出方简况及公告内容</td>
+                    <td colspan="3" nowrap="nowrap" style="font-size: 1px;">&nbsp;</td>
+                </tr>
+                <tr style="height: 35px;" class="s0">
+                    <td colspan="27" nowrap="nowrap" class="s0" style="font-size: 1px;">&nbsp;</td>
+                </tr>
+                <tr>
+                    <td rowspan="6">转出方<br/>基本情况</td>
+                    <td colspan="12">转出方名称<span class="red">*</span></td>
+                    <td colspan="15">转出方名称转出方名称</td>
+                </tr>
+                <tr>
+                    <td colspan="12">住所（地址）</td>
+                    <td colspan="15">住所（地址）住所（地址）</td>
+                </tr>
+                <tr>
+                    <td colspan="7">经济类型</td>
+                    <td colspan="8">经济类型经济类型</td>
+                    <td colspan="6">注册证号</td>
+                    <td colspan="6">注册证号注册证号</td>
+                </tr>
+                <tr>
+                    <td colspan="7">注册资本(万元)</td>
+                    <td colspan="8">注册资本(万元)注册资本(万元)</td>
+                    <td colspan="6">组织机构代码证号</td>
+                    <td colspan="6">组织机构代码证号组织机构代码证号</td>
+                </tr>
+                <tr>
+                    <td colspan="7">法定代表人/负责人<span class="red">*</span></td>
+                    <td colspan="8">法定代表人/负责人法定代表人/负责人</td>
+                    <td colspan="6">身份证号<span class="red">*</span></td>
+                    <td colspan="6">身份证号身份证号</td>
+                </tr>
+                <tr>
+                    <td colspan="7">联系电话<span class="red">*</span></td>
+                    <td colspan="8">联系电话联系电话</td>
+                    <td colspan="6">电子邮箱</td>
+                    <td colspan="6">电子邮箱电子邮箱</td>
+                </tr>
+                <tr>
+                    <td rowspan="27">转出项目<br/>基本情况</td>
+                    <td colspan="10">项目类型<span class="red">*</span></td>
+                    <td colspan="17">项目类型项目类型</td>
+                </tr>
+                <tr>
+                    <td colspan="10">农地性质<span class="red">*</span></td>
+                    <td colspan="17">农地性质农地性质</td>
+                </tr>
+                <tr>
+                    <td colspan="10">转出项目名称<span class="red">*</span></td>
+                    <td colspan="17">转出项目名称转出项目名称</td>
+                </tr>
+                <tr>
+                    <td colspan="10">坐落</td>
+                    <td colspan="17">坐落坐落</td>
+                </tr>
+                <tr>
+                    <td colspan="10">是否属再次转出<span class="red">*</span></td>
+                    <td colspan="17">是否属再次转出是否属再次转出</td>
+                </tr>
+                <tr>
+                    <td colspan="10">前次转出方式</td>
+                    <td colspan="17">前次转出方式前次转出方式</td>
+                </tr>
+                <tr>
+                    <td colspan="10">拟转出方式<span class="red">*</span></td>
+                    <td colspan="17">拟转出方式拟转出方式</td>
+                </tr>
+                <tr>
+                    <td colspan="10">拟转出期限<span class="red">*</span></td>
+                    <td colspan="17">1至2共10年</td>
+                </tr>
+                <tr>
+                    <td colspan="7">拟转出面积/数量<span class="red">*</span></td>
+                    <td colspan="8">拟转出面积/数量拟转出面积/数量</td>
+                    <td colspan="6">涉及农户数</td>
+                    <td colspan="6">1户</td>
+                </tr>
+                <tr>
+                    <td colspan="27">转出标的物信息</td>
+                </tr>
+                <tr>
+                    <td colspan="10">标的物名称</td>
+                    <td colspan="5">面积/数量</td>
+                    <td colspan="3">单位</td>
+                    <td colspan="9">备注/描述</td>
+                </tr>
+                <tr>
+                    <td colspan="10">标的物名称</td>
+                    <td colspan="5">面积/数量</td>
+                    <td colspan="3">单位</td>
+                    <td colspan="9">备注/描述</td>
+                </tr>
+                <tr>
+                    <td colspan="10">价格是否面议<span class="red">*</span></td>
+                    <td colspan="17">价格是否面议价格是否面议</td>
+                </tr>
+                <tr>
+                    <td colspan="10">挂牌价格<span class="red">*</span></td>
+                    <td colspan="17">挂牌价格挂牌价格</td>
+                </tr>
+                <tr>
+                    <td colspan="10">支付方式</td>
+                    <td colspan="17">支付方式支付方式</td>
+                </tr>
+                <tr>
+                    <td colspan="10">授权情况(转出申请人与权证权利人非同一人)</td>
+                    <td colspan="17">授权情况(转出申请人与权证权利人非同一人)授权情况(转出申请人与权证权利人非同一人)</td>
+                </tr>
+                <tr>
+                    <td colspan="10">拟流转土地用途</td>
+                    <td colspan="17">拟流转土地用途拟流转土地用途</td>
+                </tr>
+                <tr>
+                    <td colspan="10">其他农户是否放弃行使优先权</td>
+                    <td colspan="17">是</td>
+                </tr>
+                <tr>
+                    <td colspan="10">是否优先本村集体内部成员</td>
+                    <td colspan="17">是</td>
+                </tr>
+                <tr>
+                    <td colspan="10">受让方应当具备的条件</td>
+                    <td colspan="17">受让方应当具备的条件受让方应当具备的条件</td>
+                </tr>
+                <tr>
+                    <td colspan="10">其它需要披露的事项</td>
+                    <td colspan="17">其它需要披露的事项其它需要披露的事项</td>
+                </tr>
+                <tr>
+                    <td colspan="10">是否缴纳保证金</td>
+                    <td colspan="17">是</td>
+                </tr>
+                <tr>
+                    <td colspan="10">缴纳形式</td>
+                    <td colspan="17">现金</td>
+                </tr>
+                <tr>
+                    <td colspan="10">保证金金额<span class="red">*</span></td>
+                    <td colspan="17">100元</td>
+                </tr>
+                <tr>
+                    <td colspan="10">交易方式</td>
+                    <td colspan="17">一手交钱一手交货</td>
+                </tr>
+                <tr>
+                    <td colspan="10">竞价方式</td>
+                    <td colspan="17">竞价方式竞价方式</td>
+                </tr>
+                <tr>
+                    <td colspan="10">阶梯价</td>
+                    <td colspan="17">100元</td>
+                </tr>
+                <tr>
+                    <td colspan="27" style="text-align: left;padding-left: 20px;">
+                        挂牌公告期：自公告之日起5日（不少于5个工作日）
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="27" style="text-align: left;padding-left: 20px;">
+                        挂牌期满，如未征集到意向受让方：
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="27" style="text-align: left;padding-left: 20px;">挂牌期满，如征集到一个符合条件的意向受让方,采取协议转让方式确定受让方；如征集到两个及以上符合条件的意向受让方采取竞价(电子竞价)方式确定受让方。</td>
+                </tr>
+                <tr>
+                    <td>转出<br/>意愿<br/>确认</td>
+                    <td colspan="27">
+                        <p>我单位承诺上述内容属实，并自愿申请农村产权流转交易。</p>
+                        申请人：<span class="red">*</span>权志龙  2021-04-05
+                    </td>
+                </tr>
+
+                <tr v-if="this.auditStatus">
+                    <td>审批<br/>意见</td>
+                    <td colspan="27">
+                        驳回
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div style="display: none;" id="tabDetail2">
+            <img src="../../static/images/material2.jpg">
+            <img src="../../static/images/material2.jpg">
+            <img src="../../static/images/material2.jpg">
+            <img src="../../static/images/material2.jpg">
+            <div class="clear"></div>
+        </div>
+        <div style="display: none;" id="tabDetail3">
+            <h1>·竞买须知</h1>
+            <h3>一、竞价保证金缴付方式及要求： </h3>
+            <p>竞买人为个人的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。</p>
+            <p>竞买人为单位的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。</p>
+            <p>如果竞买人未按规定方式缴付竞价保证金，将会造成竞价保证金无法退还竞价人，由此产生的一切后果和责任，由竞买人自行承担。</p>
+            <p>1.通过银行柜台转账的，在缴款时须在银行进账单或汇款凭证的备注/用途/附言栏中准确填写项目编号。</p>
+            <p>2.通过网上银行转账的，在缴款时须在网上银行支付界面的备注/用途/银行附言栏中准确填写项目编号。</p>
+            <h3>二、竞价保证金缴付注意事项</h3>
+            <p>1.竞买人应填写并提示竞价保证金汇出银行将其填写的备注信息准确、完备地发送至农交所上述账户。若因竞买人未按要求填写相关信息而导致其无法参与竞价的，由此产生的一切后果和责任由竞买人自行承担。</p>
+            <p>2.竞买人应妥善保管竞价保证金缴款凭证，该凭证将作为查询及办理相关手续的依据之一。</p>
+            <h3>三、报名所需材料：</h3>
+            <p>1.黑龙江农村产权流转交易意向受让申请书（首页资料下载处下载）。</p>
+            <p>2.有效资格证明文件：</p>
+            <p>（1）受让方为个人的，需提供本人身份证；</p>
+            <p>（2）受让方为单位的，需提供有效期内的营业执照副本、机构代码证、法定代表人身份、合作社章程/公司章程（封面盖章，骑缝盖章）、合作社成员大会决议/股东会决议/董事会决议。</p>
+            <p>3.缴款凭证。</p>
+            <p>4.竞投保证金退还所需报名人本人名下的有效银行卡。</p>
+            <h3>四、报名：</h3>
+            <p>竞价保证金缴纳后：</p>
+            <p>1.线下报名：携带竞价保证金缴款凭证的原件以及报名所需材料到镇（街）、区（县）、市、省级平台进行报名。到报名地点领取或者在本页面下方“竞投文件下载”处下载竞投文件。</p>
+            <p>2.线上报名：点击“线上报名”按钮，填写报名表，以附件形式上传竞价保证金缴款凭证和报名所需材料的照片， 竞价账户密码以短信形式进行发送。在本页面下方“竞投文件下载”处下载。</p>
+            <h3>五、项目报名时间截止后，仅有一名意向受让方报名的，直接与转出方协议签约；有两名及两名以上意向受让方报名的，实行网络电子竞价或农交所同意的其他公开方式竞价。 </h3>
+            <h3>
+                六、实行网上电子竞价的项目：竞投人登录农村产权交易中心网站，进入竞价大厅找到已报名项目，在竞投报价截止时间之前进行报价。竞投结束后，系统按竞投报价从高到低排序，选择报价最高者竞得项目。竞投报价不能低于项目挂牌价格，逾期报价或不符合规定的报价做无效处理，竞投人所交保证金转作违约金，作为对交易中心的违约赔偿，不予退还。</h3>
+            <h3>七、 受让方承诺在竞价成功后严格按照转出方的要求予以开发利用，且不用于非农业建设，不改变原用途，不破坏农业综合生产能力，不破坏生态环境，对于需提供开发利用规划的，及时提交规划文件。</h3>
+            <h3>八、受让方放弃竞得项目的、无正当理由不与出让方签订合同的、在签订合同时向出让方提出附加条件或者更改合同实质性内容的，竞投保证金不予返还。</h3>
+            <h3>九、法定节假日、公休日不受理报名。</h3>
+        </div>
+        <div style="display: none;" id="tabDetail4">
+            <h1>·竞价记录</h1>
+            <table cellspacing="0" cellpadding="0">
+                <tr>
+                    <td>出价人账号</td>
+                    <td>出价人姓名</td>
+                    <td>出价价格</td>
+                    <td>状态</td>
+                    <td width="300px">出价时间</td>
+                </tr>
+                <tr>
+                    <td>1234512244</td>
+                    <td>张三</td>
+                    <td>45,000</td>
+                    <td>领先</td>
+                    <td>2021年04月20日 10:50:59</td>
+                </tr>
+                <tr>
+                    <td>1234512244</td>
+                    <td>张三</td>
+                    <td>45,000</td>
+                    <td></td>
+                    <td>2021年04月20日 10:50:59</td>
+                </tr>
+            </table>
+        </div>
+    </div>
+    <!--底部链接  -->
+    <div class="bottomLink">
+        <div class="w-1200">
+            <div class="w-1000 fl">
+                <p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
+                <script id="friendsLinksData" type="text/html">
+                    {{each friendsLinksList as value i}}
+                    <a href="{{value.url}}" target="_blank">{{value.name}}</a>
+                    {{/each}}
+                </script>
+                <div class="bottomLink-linkList" id="friendsLinksContent"></div>
+                <p class="ba" id="webConfigRecord">
+                    鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
+                </p>
+                <p class="ba" id="webConfigAddress">
+                    左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
+                </p>
+            </div>
+            <div class="ewm fr">
+                <img src="../../static/images/ewm.jpg" width="110" height="110" alt=""/>
+                <p class="ewmtit">关注公众号 了解详情</p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </div>
+</div>
+</body>
+<!--target-module="./static/js/project/index.js"-->
+<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"
+        target-module="../../static/js/project/listingItems/items.js" defer type="text/javascript"></script>
+<script>
+
+</script>
+</html>

view/listingItems/itemsList.html

@@ -0,0 +1,933 @@
+<!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/new.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/iconfont.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/items.css" rel="stylesheet" type="text/css" />
+    <link href="https://at.alicdn.com/t/font_426541_j8s6z8ejoo.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+<div class="main" id="page">
+    <!--顶部Title  -->
+    <div class="bg-f7 txc">
+        <div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
+            <p class="topTit">Hi,欢迎来到农村产权交易中心</p>
+            <div class="flex_dom flex_item_end">
+                <el-select v-model="cityValue" placeholder="请选择">
+                    <el-option-group v-for="group in options" :key="group.label" :label="group.label">
+                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
+                                   :value="item.value">
+                        </el-option>
+                    </el-option-group>
+                </el-select>
+                <p class="topTit02">返回主站</p>
+            </div>
+        </div>
+    </div>
+    <!--LOGO search -->
+    <div class="logoSearch w-1200">
+        <div class="wid50 logoSearch-div fl">
+            <img src="../../static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
+            <h1 class="fl" id="webConfigName">左云县农村产权交易网</h1>
+            <div class="clear"></div>
+        </div>
+        <div class="wid50 logoSearch-div fr">
+            <div class="searchDiv fl">
+                <input type="text" placeholder="请输入关键词搜索" class="searchClass" />
+                <input type="button" value="搜索" class="searchButton" />
+            </div>
+            <div class="fr">
+                <a href="javascript:void(0)">请登录</a>
+                <a href="javascript:void(0)">免费注册</a>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <div class="clear"></div>
+    </div>
+
+    <!--顶部导航栏  -->
+    <div class="top">
+        <ul class="container w-1200">
+            <li><a  href="../../index.html">首页</a></li>
+            <li class="active"><a href="javascript:void(0)">挂牌项目</a></li>
+            <li><a href="javascript:void(0)">竞价大厅</a></li>
+            <li><a href="javascript:void(0)">项目公告</a></li>
+            <li><a href="javascript:void(0)">个人供求</a></li>
+            <li><a href="../new/newList.html">新闻资讯</a></li>
+            <li><a href="javascript:void(0)">政策法规</a></li>
+            <li><a href="javascript:void(0)">互动交流</a></li>
+        </ul>
+    </div>
+    <div class="w-1200">
+        <div class="auction_hall_condition">
+            <table border="1" bordercolor="#E4E4E4" cellspacing="0" cellpadding="0">
+                <tr class="auction_tr">
+                    <td class="auction_td">标的类型</td>
+                    <td>
+                        <div class="auction_all_right2" id="auction_all_right_standard_type">
+                            <div class="auction_all_one2">
+                                <div class="auction_hall_table_tab auction_hall_table_tab_select" id="standardTypeAll"
+                                     onclick="selectedStandardType('All','level1')">全部
+                                </div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType1" onclick="selectedStandardType('1','level1')">
+                                    农户承包土地经营权
+                                </div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType2" onclick="selectedStandardType('2','level1')">
+                                    农村集体资源性资产
+                                </div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType3" onclick="selectedStandardType('3','level1')">
+                                    农村集体经营性资产
+                                </div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType4" onclick="selectedStandardType('4','level1')">
+                                    农村集体建设用地
+                                </div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType5" onclick="selectedStandardType('5','level1')">宅基地
+                                </div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType6" onclick="selectedStandardType('6','level1')">林权</div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType7" onclick="selectedStandardType('7','level1')">
+                                    农业生产设施设备
+                                </div>
+
+
+                                <div class="auction_hall_table_tab" id="standardType8" onclick="selectedStandardType('8','level1')">股权</div>
+
+
+                            </div>
+
+                        </div>
+                    </td>
+                </tr>
+                <tr class="auction_tr">
+                    <td class="auction_td">标的所在地</td>
+                    <td>
+
+
+                        <!-- <a href="market-3253">全部</a> -->
+                        <div class="auction_all_left">
+                            <div class="auction_hall_table_tab auction_hall_table_tab_select" id="locInfoall"
+                                 onclick="selectedLocInfo('all','province')">全部
+                            </div>
+                        </div>
+
+                        <div class="auction_all_right">
+                            <div class="auction_all_one">
+                                <!-- 省 -->
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('1','province')" id="locInfo1">
+                                    北京
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('2','province')" id="locInfo2">
+                                    天津
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('3','province')" id="locInfo3">
+                                    河北
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('15','province')" id="locInfo15">
+                                    山西
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('27','province')" id="locInfo27">
+                                    内蒙古
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('40','province')" id="locInfo40">
+                                    辽宁
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('55','province')" id="locInfo55">
+                                    吉林
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('65','province')" id="locInfo65">
+                                    黑龙江
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('79','province')" id="locInfo79">
+                                    上海
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('80','province')" id="locInfo80">
+                                    江苏
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('94','province')" id="locInfo94">
+                                    浙江
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('106','province')"
+                                     id="locInfo106">安徽
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('124','province')"
+                                     id="locInfo124">福建
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('134','province')"
+                                     id="locInfo134">江西
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('146','province')"
+                                     id="locInfo146">山东
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('164','province')"
+                                     id="locInfo164">河南
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('182','province')"
+                                     id="locInfo182">湖北
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('197','province')"
+                                     id="locInfo197">湖南
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('212','province')"
+                                     id="locInfo212">广东
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('234','province')"
+                                     id="locInfo234">广西
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('249','province')"
+                                     id="locInfo249">海南
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('252','province')"
+                                     id="locInfo252">重庆
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('253','province')"
+                                     id="locInfo253">四川
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('275','province')"
+                                     id="locInfo275">贵州
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc auction_hall_table_tab_select"
+                                     onclick="selectedLocInfo('285','province')" id="locInfo285">云南
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('302','province')"
+                                     id="locInfo302">西藏
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('310','province')"
+                                     id="locInfo310">陕西
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('321','province')"
+                                     id="locInfo321">甘肃
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('336','province')"
+                                     id="locInfo336">青海
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('345','province')"
+                                     id="locInfo345">宁夏
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('351','province')"
+                                     id="locInfo351">新疆
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('3250','province')"
+                                     id="locInfo3250">台湾
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('3251','province')"
+                                     id="locInfo3251">香港
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('3252','province')"
+                                     id="locInfo3252">澳门
+                                </div>
+
+
+                            </div>
+                            <!-- 市 -->
+                            <div class="auction_add_area auction_add_area_one">
+
+
+                                <div class="auction_hall_table_tab auction_hall_table_tab_select"
+                                     onclick="selectedLocInfo('285','province')">全部
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('286','city')" id="locInfo286">
+                                    昆明
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('287','city')" id="locInfo287">
+                                    曲靖
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('288','city')" id="locInfo288">
+                                    玉溪
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('289','city')" id="locInfo289">
+                                    保山
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('290','city')" id="locInfo290">
+                                    昭通
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('291','city')" id="locInfo291">
+                                    丽江
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('292','city')" id="locInfo292">
+                                    普洱市
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('293','city')" id="locInfo293">
+                                    临沧
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('294','city')" id="locInfo294">
+                                    楚雄
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('295','city')" id="locInfo295">
+                                    红河
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('296','city')" id="locInfo296">
+                                    文山
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('297','city')" id="locInfo297">
+                                    西双版纳
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('298','city')" id="locInfo298">
+                                    大理
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('299','city')" id="locInfo299">
+                                    德宏
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('300','city')" id="locInfo300">
+                                    怒江
+                                </div>
+
+
+                                <div class="auction_hall_table_tab  auction_loc" onclick="selectedLocInfo('301','city')" id="locInfo301">
+                                    迪庆
+                                </div>
+
+
+                            </div>
+                            <!-- 区 -->
+                            <div class="auction_add_area auction_add_area_two">
+
+
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr class="auction_tr">
+                    <td class="auction_td">项目状态</td>
+                    <td>
+                        <div class="auction_hall_table_tab auction_hall_table_tab_select" id="statusall"
+                             onclick="selectedStatus('all')">全部
+                        </div>
+
+                        <div class="auction_hall_table_tab" id="status1" onclick="selectedStatus('1')">公示中</div>
+
+                        <div class="auction_hall_table_tab" id="status2" onclick="selectedStatus('2')">竞价中</div>
+
+                        <div class="auction_hall_table_tab" id="status3" onclick="selectedStatus('3')">竞价成功</div>
+
+                        <div class="auction_hall_table_tab" id="status4" onclick="selectedStatus('4')">竞价结束</div>
+
+                        <div class="auction_hall_table_tab" id="status8" onclick="selectedStatus('8')">已成交</div>
+
+                    </td>
+                </tr>
+                <tr class="auction_tr">
+                    <td class="auction_td">报名时间</td>
+                    <td style="position: relative">
+                        <input type="text" class="data_input datas_input" placeholder="请选择日期" id="signStartTimeStr">
+                        <img class="input_data_icon" src="../../static/images/data_input.png" alt="data_input"/>
+
+                        <div class="data_input_line"></div>
+
+                        <input type="text" class="data_input2 datas_input" placeholder="请选择日期" id="signEndTimeStr">
+                        <img class="input_data_icon input_data_icon2" src="../../static/images/data_input.png" alt="data_input"/>
+
+                        <!--  <div class="input_data_btn" onclick="sign_query()">查询</div> -->
+                    </td>
+                </tr>
+                <tr class="auction_tr">
+                    <td class="auction_td">竞价时间</td>
+                    <td style="position: relative">
+                        <input type="text" class="data_input3 datas_input" placeholder="请选择日期" id="auctionStartTimeStr">
+                        <img class="input_data_icon" src="../../static/images/data_input.png" alt="data_input"/>
+
+                        <div class="data_input_line"></div>
+
+                        <input type="text" class="data_input4 datas_input" placeholder="请选择日期" id="endTimeStr">
+                        <img class="input_data_icon input_data_icon2" src="../../static/images/data_input.png" alt="data_input"/>
+
+                        <div class="input_data_btn" onclick="auction_query()">查询</div>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <a href="itemsDetail.html">
+                <p class="centerLeft-center-lable">项目<br />公示</p>
+                <img src="../../static/images/material1.jpg" alt="" />
+                <div>
+                    <p class="centerLeft-center-middle-tit01">
+                        <span>出租</span>测试标题测试标题测试标题测试标题
+                    </p>
+                    <ul class="centerLeft-center-middle-ul">
+                        <li>
+                            <p>
+                                <span>挂牌价格</span>
+                                500/亩/年
+                            </p>
+                        </li>
+                        <li>
+                            <p>
+                                <span>转<i></i>出<i></i>方</span>
+                                左临县
+                            </p>
+                        </li>
+                        <li>
+                            <p>
+                                <span>报名结束</span>
+                                2021-04-06
+                            </p>
+                        </li>
+                        <li>
+                            <p>
+                                <span>竞价结束</span>
+                                2021-07-09
+                            </p>
+                        </li>
+                    </ul>
+                </div>
+                <div class="centerLeft-center-bottom container">
+                    <p>左临县</p>
+                    <p>2021-07-09</p>
+                </div>
+            </a>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+        <div class="centerLeft-center-middle m-t-40 m-r-60">
+            <p class="centerLeft-center-lable">项目<br />公示</p>
+            <img src="../../static/images/material1.jpg" alt="" />
+            <div>
+                <p class="centerLeft-center-middle-tit01">
+                    <span>出租</span>测试标题测试标题测试标题测试标题
+                </p>
+                <ul class="centerLeft-center-middle-ul">
+                    <li>
+                        <p>
+                            <span>挂牌价格</span>
+                            500/亩/年
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>转<i></i>出<i></i>方</span>
+                            左临县
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>报名结束</span>
+                            2021-04-06
+                        </p>
+                    </li>
+                    <li>
+                        <p>
+                            <span>竞价结束</span>
+                            2021-07-09
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="centerLeft-center-bottom container">
+                <p>左临县</p>
+                <p>2021-07-09</p>
+            </div>
+        </div>
+    </div>
+    <ul class="pageNum">
+        <li class="active">1</li>
+        <li>2</li>
+        <li>3</li>
+        <li>4</li>
+        <li>5</li>
+        <p>...</p>
+        <li>10</li>
+        <p> >> </p>
+        <p>共10页</p>
+    </ul>
+    <!--底部链接  -->
+    <div class="bottomLink">
+        <div class="w-1200">
+            <div class="w-1000 fl">
+                <p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
+                <script id="friendsLinksData" type="text/html">
+                    {{each friendsLinksList as value i}}
+                    <a href="{{value.url}}" target="_blank">{{value.name}}</a>
+                    {{/each}}
+                </script>
+                <div class="bottomLink-linkList" id="friendsLinksContent"></div>
+                <p class="ba" id="webConfigRecord">
+                    鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
+                </p>
+                <p class="ba" id="webConfigAddress">
+                    左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
+                </p>
+            </div>
+            <div class="ewm fr">
+                <img src="../../static/images/ewm.jpg" width="110" height="110" alt="" />
+                <p class="ewmtit">关注公众号 了解详情</p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </div>
+</div>
+</body>
+<!--target-module="./static/js/project/index.js"-->
+<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"
+         defer type="text/javascript"></script>
+</html>

view/new/newDetail.html

@@ -1,10 +1,116 @@
-<!DOCTYPE html>
-<html lang="en">
+<!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</title>
+    <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/new.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/iconfont.css" rel="stylesheet" type="text/css" />
+    <link href="https://at.alicdn.com/t/font_426541_j8s6z8ejoo.css" rel="stylesheet" type="text/css" />
 </head>
+
 <body>
+<div class="main" id="page">
+    <!--顶部Title  -->
+    <div class="bg-f7 txc">
+        <div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
+            <p class="topTit">Hi,欢迎来到农村产权交易中心</p>
+            <div class="flex_dom flex_item_end">
+                <el-select v-model="cityValue" placeholder="请选择">
+                    <el-option-group v-for="group in options" :key="group.label" :label="group.label">
+                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
+                                   :value="item.value">
+                        </el-option>
+                    </el-option-group>
+                </el-select>
+                <p class="topTit02">返回主站</p>
+            </div>
+        </div>
+    </div>
+    <!--LOGO search -->
+    <div class="logoSearch w-1200">
+        <div class="wid50 logoSearch-div fl">
+            <img src="../../static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
+            <h1 class="fl" id="webConfigName">左云县农村产权交易网</h1>
+            <div class="clear"></div>
+        </div>
+        <div class="wid50 logoSearch-div fr">
+            <div class="searchDiv fl">
+                <input type="text" placeholder="请输入关键词搜索" class="searchClass" />
+                <input type="button" value="搜索" class="searchButton" />
+            </div>
+            <div class="fr">
+                <a href="javascript:void(0)">请登录</a>
+                <a href="javascript:void(0)">免费注册</a>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <div class="clear"></div>
+    </div>
 
+    <!--顶部导航栏  -->
+    <div class="top">
+        <ul class="container w-1200">
+            <li><a href="javascript:void(0)">首页</a></li>
+            <li><a href="javascript:void(0)">挂牌项目</a></li>
+            <li><a href="javascript:void(0)">竞价大厅</a></li>
+            <li><a href="javascript:void(0)">项目公告</a></li>
+            <li><a href="javascript:void(0)">个人供求</a></li>
+            <li class="active"><a href="javascript:void(0)">新闻资讯</a></li>
+            <li><a href="javascript:void(0)">政策法规</a></li>
+            <li><a href="javascript:void(0)">互动交流</a></li>
+        </ul>
+    </div>
+    <div class="w-1200">
+        <p class="font16 m-t-15 titIndex">新闻资讯<i>></i><span>详情</span></p>
+        <div class="title">
+            <h1 class="font56">2021年棚户区改造补偿标准有哪些？旧改与棚改赔偿哪个稿？</h1>
+            <div>
+                <p>2021-04-06</p>
+                <p>来源：产权交易网</p>
+            </div>
+        </div>
+        <div class="font24">新闻详情</div>
+        <div class="share">
+            <p class="fl">分享到:</p>
+            <img src="../../static/images/icon5.png" alt=""/>
+            <img src="../../static/images/icon6.png" alt=""/>
+            <img src="../../static/images/icon7.png" alt=""/>
+        </div>
+    </div>
+    <!--底部链接  -->
+    <div class="bottomLink">
+        <div class="w-1200">
+            <div class="w-1000 fl">
+                <p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
+                <script id="friendsLinksData" type="text/html">
+                    {{each friendsLinksList as value i}}
+                    <a href="{{value.url}}" target="_blank">{{value.name}}</a>
+                    {{/each}}
+                </script>
+                <div class="bottomLink-linkList" id="friendsLinksContent"></div>
+                <p class="ba" id="webConfigRecord">
+                    鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
+                </p>
+                <p class="ba" id="webConfigAddress">
+                    左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
+                </p>
+            </div>
+            <div class="ewm fr">
+                <img src="../../static/images/ewm.jpg" width="110" height="110" alt="" />
+                <p class="ewmtit">关注公众号 了解详情</p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </div>
+</div>
 </body>
+
 </html>

view/new/newList.html

@@ -9,8 +9,11 @@
     <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/main.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/index.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/new.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/iconfont.css" rel="stylesheet" type="text/css" />
+    <link href="https://at.alicdn.com/t/font_426541_j8s6z8ejoo.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -34,8 +37,8 @@
     <!--LOGO search -->
     <div class="logoSearch w-1200">
         <div class="wid50 logoSearch-div fl">
-            <img src="./static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
-            <h1 class="fl" id="webConfigName"></h1>
+            <img src="../../static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
+            <h1 class="fl" id="webConfigName">左云县农村产权交易网</h1>
             <div class="clear"></div>
         </div>
         <div class="wid50 logoSearch-div fr">
@@ -55,16 +58,101 @@
     <!--顶部导航栏  -->
     <div class="top">
         <ul class="container w-1200">
-            <li class="active"><a href="javascript:void(0)">首页</a></li>
-            <li><a href="javascript:void(0)">挂牌项目</a></li>
+            <li><a href="../../index.html">首页</a></li>
+            <li><a href="../listingItems/itemsList.html">挂牌项目</a></li>
             <li><a href="javascript:void(0)">竞价大厅</a></li>
             <li><a href="javascript:void(0)">项目公告</a></li>
             <li><a href="javascript:void(0)">个人供求</a></li>
-            <li><a href="javascript:void(0)">新闻资讯</a></li>
+            <li class="active"><a href="javascript:void(0)">新闻资讯</a></li>
             <li><a href="javascript:void(0)">政策法规</a></li>
             <li><a href="javascript:void(0)">互动交流</a></li>
         </ul>
     </div>
+    <div class="w-1200">
+        <div class="breadcrum">
+            <ul class="bre_news">
+                <a href="/news/list-c2" title="农交政策" class="active"><i class="iconfont icon-ArtboardCopy11"></i>农交政策</a>
+                <a href="/news/list-c3" title="农交法规"><i class="iconfont icon-fagui"></i>农交法规</a>
+                <a href="/news/list-c1" title="农交动态"><i class="iconfont icon-dongtai"></i>农交动态</a>
+                <a href="/news/list-c5" title="媒体报道"><i class="iconfont icon-meitibaodao"></i>媒体报道</a>
+                <a href="/news/list-c6" title="视频专栏"><i class="iconfont icon-shipin"></i>视频专栏</a>
+                <a href="/news/list-c7" title="话题聚焦"><i class="iconfont icon-redian"></i>话题聚焦</a>
+            </ul>
+        </div>
+        <div class="newList">
+            <ul>
+                <li>
+                    <a href="newDetail.html"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+                <li>
+                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+                <li>
+                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+                <li>
+                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+                <li>
+                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+                <li>
+                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+                <li>
+                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+                <li>
+                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                    <p>2021-04-09</p>
+                </li>
+            </ul>
+        </div>
+        <ul class="pageNum">
+            <li class="active">1</li>
+            <li>2</li>
+            <li>3</li>
+            <li>4</li>
+            <li>5</li>
+            <p>...</p>
+            <li>10</li>
+            <p> >> </p>
+            <p>共10页</p>
+        </ul>
+    </div>
+    <!--底部链接  -->
+    <div class="bottomLink">
+        <div class="w-1200">
+            <div class="w-1000 fl">
+                <p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
+                <script id="friendsLinksData" type="text/html">
+                    {{each friendsLinksList as value i}}
+                    <a href="{{value.url}}" target="_blank">{{value.name}}</a>
+                    {{/each}}
+                </script>
+                <div class="bottomLink-linkList" id="friendsLinksContent"></div>
+                <p class="ba" id="webConfigRecord">
+                    鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
+                </p>
+                <p class="ba" id="webConfigAddress">
+                    左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
+                </p>
+            </div>
+            <div class="ewm fr">
+                <img src="../../static/images/ewm.jpg" width="110" height="110" alt="" />
+                <p class="ewmtit">关注公众号 了解详情</p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </div>
 </div>
 </body>
+
 </html>