前端接口对接

static/css/listingItems/items.css

@@ -516,3 +516,11 @@
     font-weight: bold;
     text-align: center;
 }
+
+.centerLeft-center-middle{
+    margin-right: 60px;
+}
+
+.centerLeft-center-middle:nth-child(4n){
+    margin-right: 0px;
+}

static/css/new/new.css

@@ -77,36 +77,6 @@
     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;

static/css/page_common.css

@@ -0,0 +1,52 @@
+.iconfont {
+    font-size:16px;
+}
+
+.icon-you:before {
+    content: ">";
+}
+
+.icon-zuo:before {
+    content: "<";
+}
+
+.icon-most-left:before {
+    content: "<<";
+}
+
+.icon-most-right:before {
+    content: ">>";
+}
+
+.page_common_btn_style{
+    font-family: '微软雅黑';
+    display: inline-block;
+    min-width: 28px;
+    padding:0 2px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    border-radius: 5px;
+    background: #f4f4f5;
+    color: #606266;
+    margin: 0 3px;
+    font-weight: 600;
+    font-size:14px;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+}
+a.page_common_btn_style:active{
+    color:#007b76;
+    background:#eee;
+}
+
+.page_btn_box {
+    display: inline-block;
+    margin: 0 10px;
+}
+.page_common_btn_active{
+    background:#007b76;
+    color:#eee;
+}

static/js/api/announcementList.js

@@ -0,0 +1,10 @@
+/*--------------
+*  项目公告类
+-----------------*/
+
+/*
+@purl /transaction/website/outproject/publicity/{deptId}
+@param
+    deptId：行政区划部门ID
+*/
+var announList = '/transaction/website/outproject/publicity'

static/js/api/bidding.js

@@ -0,0 +1,25 @@
+/*--------------
+*  竞价大厅类
+-----------------*/
+
+/*
+@purl /transaction/website/biddinglist/{deptId}
+@param
+    deptId：行政区划部门ID
+*/
+var biddingList = '/transaction/website/biddinglist'
+
+/*
+@purl /system/dict/data/type/ + dictType
+@param
+      dictType：project_type
+*/
+var webDeptType = '/transaction/website/data/type'//标的物类型查询接口
+
+/*
+@purl /transaction/website/deptList/{deptId}
+@param
+      deptId：查询当前平台级别下一级的部门列表  传参 0
+      查询某一级别下一级的部门列表  传参网址url中的deptId
+*/
+var webDept = '/transaction/website/deptList'//标的物所在地

static/js/api/items.js

@@ -0,0 +1,29 @@
+/*--------------
+*  挂牌项目类
+-----------------*/
+
+/*
+@purl /transaction/website/outproject/list
+@param
+    deptId：行政区划部门ID
+    projectCode：项目编号
+    projectName：项目名称
+    projectNumber：项目类型字典value值(下拉框选择)
+
+*/
+var itemsList = '/transaction/website/outproject/list'
+
+/*
+@purl /system/dict/data/type/ + dictType
+@param
+      dictType：project_type
+*/
+var webDeptType = '/transaction/website/data/type'//标的物类型查询接口
+
+/*
+@purl /transaction/website/deptList/{deptId}
+@param
+      deptId：查询当前平台级别下一级的部门列表  传参 0
+      查询某一级别下一级的部门列表  传参网址url中的deptId
+*/
+var webDept = '/transaction/website/deptList'//标的物所在地

static/js/common/main.js

@@ -17,11 +17,15 @@ requirejs.config({
         nprogress: 'lib/nprogress/nprogress',  //页面加载loading组件
         echarts: 'lib/echarts/echarts.min', //echarts组件
         laydata:'lib/laydata/laydata',
+        paging:'lib/paging/page_common',
 
         //自己写的路径配置
         Tools: 'common/tools',
         addressApi: 'api/index', //所有Ajax接口存放地
-        newApi: 'api/new' //新闻接口
+        newApi: 'api/new', //新闻接口
+        itemsApi: 'api/items', //挂牌项目接口
+        biddingApi: 'api/bidding', //竞价大厅接口
+        announApi: 'api/announcementList', //项目公告接口
     },
     shim: {
         bootstrap: {
@@ -41,6 +45,10 @@ requirejs.config({
         nprogress: {
             deps: ['jquery'],
             exports: 'nprogress'
+        },
+        paging: {
+            deps: ['jquery'],
+            exports: 'paging'
         }
     }
 });

static/js/lib/paging/page_common.js

@@ -0,0 +1,225 @@
+// 初始化分页
+function createPage(el) {
+    var element = $(el)
+    // 创建回到顶部
+    element.append('<a class="prev_top_btn page_common_btn_style"></a>')
+    // 添加图标
+    $(el + ' .prev_top_btn').append('<span class="iconfont icon-most-left"></span>')
+    // 创建上一步按钮
+    element.append('<a class="prev_btn page_common_btn_style"></a>')
+    // 添加图标
+    $(el + ' .prev_btn').append('<span class="iconfont icon-zuo"></span>')
+    // 创建页码按钮框
+    element.append('<div class="page_btn_box"></div>')
+    // 创建下一步按钮
+    element.append('<a class="next_btn page_common_btn_style"></a>')
+    // 添加图标
+    $(el + ' .next_btn').append('<span class="iconfont icon-you"></span>')
+    // 创建跳到最后一页按钮
+    element.append('<a class="next_bottom_btn page_common_btn_style"></a>')
+    // 添加图标
+    $(el + ' .next_bottom_btn').append('<span class="iconfont icon-most-right"></span>')
+    // 返回 el
+    return {
+        el: el, //选择器
+        html: $(el).html(), //htnl 内容
+    }
+}
+
+// 设置分页
+function setPage(dom, pageData) {
+    var pageData=pageData;
+    if(pageData==undefined){
+        pageData={};
+    }
+    // el = dom 选择器  例如：'.class' /  '#id'
+    // pageData = 分页配置
+
+    if(pageData.maxBtnNum<5||pageData.maxBtnNum==undefined){
+        pageData.maxBtnNum=5;
+    }
+    
+    if(pageData.pageCurrent==undefined){
+        pageData.pageCurrent=1;
+    }
+
+    if(pageData.pageSize==undefined){
+        pageData.pageSize=10;
+    }
+
+    if(pageData.pageTotal==undefined){
+        pageData.pageTotal=0;
+    }
+
+    // 初始化设置分页 (防止多次使用配置函数出现错误)
+    $(dom.el).html(dom.html)
+
+
+    // 获取需要多少个按钮
+    var btnSum; // sum
+    if (pageData.pageTotal < pageData.pageSize) {
+        btnSum = 1;
+    } else if (pageData.pageTotal % pageData.pageSize === 0) {
+        btnSum = pageData.pageTotal / pageData.pageSize;
+    } else {
+        btnSum = parseInt(pageData.pageTotal / pageData.pageSize) + 1;
+    }
+
+    // 设置当前页
+    var Current=pageData.pageCurrent; //当前页
+    if(Current<=0){
+        Current=1;
+    }else if(Current>btnSum){
+        Current=btnSum;
+    }
+
+    // 生成分页按钮函数
+    function createBtnItem(pageCurrent){
+        var _len;
+        if (pageData.maxBtnNum >= btnSum) {
+            // 最大按钮数刚好等于  有多少页时  无需隐藏其他按钮
+            _len=btnSum;
+        } else {
+            // 最大按钮数大于  有多少页时  需要隐藏其他按钮
+            _len=pageData.maxBtnNum;
+        }
+        // 设置分页显示段
+        var minPageNum,maxPageNum;
+        minPageNum=pageCurrent-parseInt(_len/2);
+        maxPageNum=pageCurrent+parseInt(_len/2);
+
+        if(_len%2===0){
+            maxPageNum--
+        }
+
+        if(minPageNum<1){ 
+            maxPageNum+= 1-minPageNum;
+            minPageNum=1;
+        }
+
+        if(maxPageNum>btnSum){
+            minPageNum-=maxPageNum-btnSum;
+            maxPageNum=btnSum;
+        }
+
+
+        var html_S='',content_html='';
+
+        // 生成按钮
+        for(var i=minPageNum;i<maxPageNum+1;i++){
+            if(i==pageCurrent){ 
+                html_S='<span class="page_common_btn_style page_common_btn_active" data-pageIndex="'+i+'"  onclick="turnThePage('+i+')">'+i+'</span>';
+            }else{ 
+                html_S='<a class="page_common_btn_style" data-pageIndex="'+i+'" onclick="turnThePage('+i+')">'+i+'</a>';
+            }
+            if(i==minPageNum&&minPageNum!=1){
+                html_S='<span class="page_common_btn_style">···</span>'
+            }
+            if(i==maxPageNum&&maxPageNum!=btnSum){
+                html_S='<span class="page_common_btn_style">···</span>'
+            }
+            content_html+=html_S;
+        }
+        $(dom.el+' .page_btn_box').html(content_html)
+    } 
+    createBtnItem(Current);
+    // 
+    setUpbtnState(dom.el,Current)
+
+    // 分页切换按钮事件
+    $(dom.el+' .page_btn_box').on('click','a.page_common_btn_style',function(){
+        Current=parseInt($(this).attr('data-pageIndex'));
+        
+        createBtnItem(Current);
+        // 
+        setUpbtnState(dom.el,Current)
+    })
+
+    // 上一页事件
+    $(dom.el).on('click','a.prev_btn',function(){
+        if(Current<=1){
+            return;
+        }
+        Current-=1;
+        
+        createBtnItem(Current);
+        // 
+        setUpbtnState(dom.el,Current)
+        turnThePage(Current)
+    })
+
+    // 回到首页事件
+    $(dom.el).on('click','a.prev_top_btn',function(){
+        if(Current<=1){
+            return;
+        }
+        Current=1;
+        
+        createBtnItem(Current);
+        // 
+        setUpbtnState(dom.el,Current)
+        turnThePage(Current)
+    })
+
+    // 下一页事件
+    $(dom.el).on('click','a.next_btn',function(){
+        if(Current>=btnSum){
+            return;
+        }
+        Current+=1;
+        
+        createBtnItem(Current);
+        // 
+        setUpbtnState(dom.el,Current)
+        turnThePage(Current)
+    })
+
+    // 跳至尾页事件
+    // 回到首页事件
+    $(dom.el).on('click','a.next_bottom_btn',function(){
+        if(Current>=btnSum){
+            return;
+        }
+        Current=btnSum;
+        
+        createBtnItem(Current);
+        // 
+        setUpbtnState(dom.el,Current)
+        turnThePage(Current)
+    })
+
+    // 处理公共上一步下一步状态
+    function setUpbtnState(dom_s,num){
+        var css_s={
+            'color':'#b2b2b2',
+            'opacity':'0.6',
+        }
+        var none_css={
+            'color':'#606266',
+            'opacity':'1',
+        }
+        if(num<=1){
+            setCssStyle(1,css_s)
+            setCssStyle(2,none_css)
+        }else if(num>=btnSum){
+            setCssStyle(2,css_s)
+            setCssStyle(1,none_css)
+        }else{
+            setCssStyle(1,none_css)
+            setCssStyle(2,none_css)
+        }
+        
+        // 
+        function setCssStyle(type,_cssObject){
+            if(type==1){
+                // 上
+                $(dom_s+' .prev_top_btn').css(_cssObject)
+                $(dom_s+' .prev_btn').css(_cssObject)
+            }else{
+                // 下
+                $(dom_s+' .next_btn').css(_cssObject)
+                $(dom_s+' .next_bottom_btn').css(_cssObject)
+            }
+        }
+    }
+}

static/js/project/announcementList/announcementList.js

@@ -0,0 +1,64 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "announApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            //公告列表
+            announInformationList:'',
+            //页码
+            pageNum: 1,
+            //页码集合
+            pageList: [],
+            //每页数量
+            pageSize: 50,
+            //总页数
+            pageCount:0
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //新闻资讯
+        tools.doGet(announList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.announInformation);
+
+
+    };
+
+    //项目公告数据
+    module.announInformation = function (data) {
+        console.log(data)
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.rows;
+            var pageCount = (data.total/module.data.pageSize).toFixed(0);
+            if (pageCount < 1){
+                pageCount = 1;
+            }
+            if(module.data.announInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s1');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s1').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
+            module.data.announInformationList = content;
+            var announInformationData = template('announInformationData', module.data);
+            $("#announInformationContent").html(announInformationData);
+        }
+    }
+
+    turnThePage = function (pageNum) {
+        module.data.pageNum = pageNum ;
+        tools.doGet(announList, {deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.announInformation);
+    }
+    return module;
+});

static/js/project/bidding/biddingList.js

@@ -0,0 +1,99 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "biddingApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            //标的物类型
+            deptTypeList:[],
+            //标的物所在地
+            deptLocationList:[],
+            //竞价大厅列表
+            biddingInformationList:'',
+            //页码
+            pageNum: 1,
+            //页码集合
+            pageList: [],
+            //每页数量
+            pageSize: 50,
+            //总页数
+            pageCount:0
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //新闻资讯
+        tools.doGet(biddingList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.biddingList);
+
+        //标的物类型
+        tools.doGet(webDeptType+"/project_type", {}, module.deptType);
+
+        //标的物所在地
+        tools.doGet(webDept + '/0', {}, module.deptLocation);
+    };
+
+    //挂牌项目列表
+    module.biddingList = function (data) {
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.rows;
+            var pageCount = (data.total/module.data.pageSize).toFixed(0);
+            if (pageCount < 1){
+                pageCount = 1;
+            }
+            if(module.data.biddingInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s1');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s1').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
+            module.data.biddingInformationList = content;
+            var biddingInformationData = template('biddingInformationData', module.data);
+            $("#biddingInformationContent").html(biddingInformationData);
+        }
+    }
+
+    //标的物类型
+    module.deptType = function (data) {
+        console.log(data)
+        if (data.code == 200) {
+            var content = [] ;
+            console.log(data.data)
+            for (var i = 0 ; i < 4 ; i++){
+                content[i] = data.data[i];
+            }
+            module.data.deptTypeList = content;
+            var deptTypeData = template('deptTypeData', module.data);
+            $("#deptTypeContent").html(deptTypeData);
+        }
+    }
+
+    //标的物所在地
+    module.deptLocation = function (data) {
+        if (data.code == 200) {
+            var content = [] ;
+            for (var i = 0 ; i < 7 ; i++){
+                content[i] = data.data[i];
+            }
+            module.data.deptLocationList = content;
+            var deptLocationData = template('deptLocationData', module.data);
+            $("#deptLocationContent").html(deptLocationData);
+        }
+    }
+
+    turnThePage = function (pageNum) {
+        module.data.pageNum = pageNum ;
+        tools.doGet(itemsList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.itemList);
+    }
+    return module;
+});

static/js/project/listingItems/itemsList.js

@@ -0,0 +1,101 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "itemsApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            //服务器地址
+            serverApi:'http://192.168.31.107:8080',
+            //标的物类型
+            deptTypeList:[],
+            //标的物所在地
+            deptLocationList:[],
+            //新闻列表
+            itemsInformationList:'',
+            //页码
+            pageNum: 1,
+            //页码集合
+            pageList: [],
+            //每页数量
+            pageSize: 50,
+            //总页数
+            pageCount:0
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //新闻资讯
+        tools.doGet(itemsList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.itemList);
+
+        //标的物类型
+        tools.doGet(webDeptType+"/project_type", {}, module.deptType);
+
+        //标的物所在地
+        tools.doGet(webDept + '/0', {}, module.deptLocation);
+    };
+
+    //挂牌项目列表
+    module.itemList = function (data) {
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.rows;
+            var pageCount = (data.total/module.data.pageSize).toFixed(0);
+            if (pageCount < 1){
+                pageCount = 1;
+            }
+            if(module.data.itemsInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s1');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s1').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
+            module.data.itemsInformationList = content;
+            var ItemsInformationData = template('ItemsInformationData', module.data);
+            $("#ItemsInformationContent").html(ItemsInformationData);
+        }
+    }
+
+    //标的物类型
+    module.deptType = function (data) {
+        console.log(data)
+        if (data.code == 200) {
+            var content = [] ;
+            console.log(data.data)
+            for (var i = 0 ; i < 4 ; i++){
+                content[i] = data.data[i];
+            }
+            module.data.deptTypeList = content;
+            var deptTypeData = template('deptTypeData', module.data);
+            $("#deptTypeContent").html(deptTypeData);
+        }
+    }
+
+    //标的物所在地
+    module.deptLocation = function (data) {
+        if (data.code == 200) {
+            var content = [] ;
+            for (var i = 0 ; i < 7 ; i++){
+                content[i] = data.data[i];
+            }
+            module.data.deptLocationList = content;
+            var deptLocationData = template('deptLocationData', module.data);
+            $("#deptLocationContent").html(deptLocationData);
+        }
+    }
+
+    turnThePage = function (pageNum) {
+        module.data.pageNum = pageNum ;
+        tools.doGet(itemsList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.itemList);
+    }
+    return module;
+});

static/js/project/new/new.js

@@ -1,7 +1,7 @@
 /**
  * Created by Administrator on 2021/4/5.
  */
-define(['jquery', "template", "Tools", "newApi"], function ($, template, Tools ) {
+define(['jquery', "template", "Tools", "newApi", "paging"], function ($, template, Tools ) {
     //数据存储
     var module = {
         data: {
@@ -9,10 +9,12 @@ define(['jquery', "template", "Tools", "newApi"], function ($, template, Tools )
             newsInformationList:'',
             //页码
             pageNum: 1,
-            //总页数
-            pageList: 0,
+            //页码集合
+            pageList: [],
             //每页数量
-            pageSize: 1,
+            pageSize: 50,
+            //总页数
+            pageCount:0
         },
     };
     var tools = new Tools();
@@ -20,21 +22,41 @@ define(['jquery', "template", "Tools", "newApi"], function ($, template, Tools )
     module.init = function (page) {
 
         //新闻资讯
-        tools.doGet(newList, {number:2,deptId:100,pageNum:module.data.pageNum,pageSize:1}, module.NewsInformation);
+        tools.doGet(newList, {number:2,deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.NewsInformation);
+
 
     };
 
     //新闻资讯数据
     module.NewsInformation = function (data) {
-        console.log(data)
         if (data.code == 200) {
             var content = data.rows;
+            var pageCount = (data.total/module.data.pageSize).toFixed(0);
+            if (pageCount < 1){
+                pageCount = 1;
+            }
+            if(module.data.newsInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s1');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s1').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
             module.data.newsInformationList = content;
             var NewsInformationData = template('NewsInformationData', module.data);
             $("#NewsInformationContent").html(NewsInformationData);
-            module.data.pageList = data.total/module.data.pageSize;
         }
     }
 
+    turnThePage = function (pageNum) {
+        module.data.pageNum = pageNum ;
+        tools.doGet(newList, {number:2,deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.NewsInformation);
+    }
     return module;
 });

view/announcement/announcement.html

@@ -14,6 +14,7 @@
     <link href="../../static/css/new/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" />
+    <link href="../../static/css/page_common.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -60,12 +61,12 @@
         <ul class="container w-1200">
             <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 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="../bidding/biddingList.html">竞价大厅</a></li>
+            <li class="active"><a href="../announcement/announcement.html">项目公告</a></li>
+            <li><a href="../demand/demand.html">个人供求</a></li>
+            <li><a href="../new/newList.html">新闻资讯</a></li>
+            <li><a href="../policy/policy.html">政策法规</a></li>
+            <li><a href="../interact/interactList.html">互动交流</a></li>
         </ul>
     </div>
     <div class="w-1200">
@@ -76,68 +77,22 @@
             </ul>
         </div>
         <div class="newList">
-            <ul>
-                <li>
-                    <a href="announcementDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-                <li>
-                    <a href="newDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-                <li>
-                    <a href="newDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-                <li>
-                    <a href="newDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-                <li>
-                    <a href="newDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-                <li>
-                    <a href="newDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-                <li>
-                    <a href="newDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-                <li>
-                    <a href="newDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p class="fr">2021-04-09</p>
-                    <div class="clear"></div>
-                    <p class="m-t-5">项目编号：TD-ZC-20213685</p>
-                </li>
-            </ul>
+            <script id="announInformationContent" type="text/html">
+                {{each announInformationList as value i}}
+                    <li>
+                        <a href="announcementDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                        <p class="fr">2021-04-09</p>
+                        <div class="clear"></div>
+                        <p class="m-t-5">项目编号：TD-ZC-20213685</p>
+                    </li>
+                {{/each}}
+            </script>
+            <ul id="announInformationData"></ul>
+        </div>
+        <div class="pageNum">
+            <div style="display: inline-block;margin: 0 auto;" class="page_s1"></div>
+            <p style="display: inline-block;margin: 0 auto;" id="page_s1"></p>
         </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">
@@ -166,5 +121,6 @@
     </div>
 </div>
 </body>
-
+<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"
+        target-module="../../static/js/project/announcementList/announcementList.js" defer type="text/javascript"></script>
 </html>

view/bidding/biddingList.html

@@ -13,6 +13,7 @@
     <link href="../../static/css/index.css" rel="stylesheet" type="text/css" />
     <link href="../../static/css/bidding/bidding.css" rel="stylesheet" type="text/css" />
     <link href="../../static/css/listingItems/items.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/page_common.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -57,14 +58,14 @@
     <!--顶部导航栏  -->
     <div class="top">
         <ul class="container w-1200">
-            <li><a  href="../../index.html">首页</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>
+            <li><a href="../../index.html">首页</a></li>
+            <li><a href="../listingItems/itemsList.html">挂牌项目</a></li>
+            <li class="active"><a href="../bidding/biddingList.html">竞价大厅</a></li>
+            <li><a href="../announcement/announcement.html">项目公告</a></li>
+            <li><a href="../demand/demand.html">个人供求</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>
+            <li><a href="../policy/policy.html">政策法规</a></li>
+            <li><a href="../interact/interactList.html">互动交流</a></li>
         </ul>
     </div>
     <div class="w-1200">
@@ -74,355 +75,89 @@
                     <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>
-
+                            <script id="deptTypeData" type="text/html">
+                                <div class="auction_hall_table_tab auction_hall_table_tab_select" id="standardTypeAll">全部</div>
+                                {{each deptTypeList as value i}}
+                                <div class="auction_hall_table_tab" id="standardType">{{value.dictLabel}}</div>
+                                {{/each}}
+                            </script>
+                            <div class="auction_all_one2" id="deptTypeContent"></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 class="auction_hall_table_tab auction_hall_table_tab_select" id="locInfoall">全部</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>
-
-
+                            <script id="deptLocationData" type="text/html">
+                                {{each deptLocationList as value i}}
+                                <div class="auction_hall_table_tab auction_loc" id="locInfo{{i}}">{{value.deptName}}</div>
+                                {{/each}}
+                            </script>
+                            <div class="auction_all_one" id="deptLocationContent">
                             </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 class="auction_hall_table_tab auction_hall_table_tab_select">全部</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo286">昆明</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo287">曲靖</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo288">玉溪</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo289">保山</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo290">昭通                                </div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo291">丽江</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo292">普洱市</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo293">临沧</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo294">楚雄</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo295">红河</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo296">文山</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo297">西双版纳</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo298">大理</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo299">德宏</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo300">怒江</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo301">迪庆</div>
                             </div>
                             <!-- 区 -->
-                            <div class="auction_add_area auction_add_area_two">
-
-
-                            </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 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>
+                    </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="auction_hall_table_tab" id="status1" onclick="selectedStatus('1')">公示中</div>
+                        <div class="data_input_line"></div>
 
-                        <div class="auction_hall_table_tab" id="status2" onclick="selectedStatus('2')">竞价中</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="auction_hall_table_tab" id="status3" onclick="selectedStatus('3')">竞价成功</div>
+                        <!--  <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="auction_hall_table_tab" id="status4" onclick="selectedStatus('4')">竞价结束</div>
+                        <div class="data_input_line"></div>
 
-                        <div class="auction_hall_table_tab" id="status8" onclick="selectedStatus('8')">已成交</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>
@@ -445,152 +180,30 @@
                 <td>操作</td>
             </tr>
         </table>
-        <div class="tableList" style="height: auto; overflow-y: none;">
-            <table width="100%;">
-                <tr>
-                    <td>1惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr class="now-row">
-                    <td>2惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                    </td>
-                </tr>
-                <tr>
-                    <td>3惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr class="notStart-row">
-                    <td>4惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr>
-                    <td>5惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr>
-                    <td>6惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr class="notStart-row">
-                    <td>7惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr>
-                    <td>8惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr>
-                    <td>9惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-                <tr>
-                    <td>10惠城区桥东街道...</td>
-                    <td>阶梯竞价</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>2021-4-1 9:00</td>
-                    <td>100</td>
-                    <td>110</td>
-                    <td>进行中</td>
-                    <td>
-                        <input type="button" value="我要竞价" />
-                        
-                    </td>
-                </tr>
-            </table>
+        <div class="tableList" style="height: auto; overflow-y: none; width: 1200px;">
+            <script id="biddingInformationData" type="text/html">
+                {{each biddingInformationList as value i}}
+                    <tr>
+                        <td>{{value.projectName}}</td>
+                        <td>{{value.biddingType}}</td>
+                        <td>{{value.signupStopTime.substr(0,10)}}</td>
+                        <td>{{value.biddingStartTime.substr(0,10)}}</td>
+                        <td>{{value.price}}</td>
+                        <td>{{value.money}}</td>
+                        <td>进行中</td>
+                        <td><input type="button" value="我要竞价" /></td>
+                    </tr>
+                {{/each}}
+            </script>
+            <!-- now-row 红色           -->
+            <!-- notStart-row 绿色      -->
+            <table width="100%;" id="biddingInformationContent"></table>
         </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="pageNum">
+        <div style="display: inline-block;margin: 0 auto;" class="page_s1"></div>
+        <p style="display: inline-block;margin: 0 auto;" id="page_s1"></p>
+    </div>
     <!--底部链接  -->
     <div class="bottomLink">
         <div class="w-1200">
@@ -620,5 +233,5 @@
 </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>
+        target-module="../../static/js/project/bidding/biddingList.js" defer type="text/javascript"></script>
 </html>

view/listingItems/itemsList.html

@@ -4,7 +4,7 @@
 
 <head>
     <meta charset="utf-8">
-    <title>农燊高科-新闻列表</title>
+    <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="" />
@@ -12,9 +12,8 @@
     <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/new.css" rel="stylesheet" type="text/css" />
-    <link href="../../static/css/iconfont.css" rel="stylesheet" type="text/css" />
     <link href="../../static/css/listingItems/items.css" rel="stylesheet" type="text/css" />
-    <link href="https://at.alicdn.com/t/font_426541_j8s6z8ejoo.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/page_common.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -59,14 +58,14 @@
     <!--顶部导航栏  -->
     <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="../../index.html">首页</a></li>
+            <li class="active"><a href="../listingItems/itemsList.html">挂牌项目</a></li>
+            <li><a href="../bidding/biddingList.html">竞价大厅</a></li>
+            <li><a href="../announcement/announcement.html">项目公告</a></li>
+            <li><a href="../demand/demand.html">个人供求</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>
+            <li><a href="../policy/policy.html">政策法规</a></li>
+            <li><a href="../interact/interactList.html">互动交流</a></li>
         </ul>
     </div>
     <div class="w-1200">
@@ -76,335 +75,52 @@
                     <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>
-
+                            <script id="deptTypeData" type="text/html">
+                                <div class="auction_hall_table_tab auction_hall_table_tab_select" id="standardTypeAll">全部</div>
+                                {{each deptTypeList as value i}}
+                                    <div class="auction_hall_table_tab" id="standardType">{{value.dictLabel}}</div>
+                                {{/each}}
+                            </script>
+                            <div class="auction_all_one2" id="deptTypeContent"></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 class="auction_hall_table_tab auction_hall_table_tab_select" id="locInfoall">全部</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>
-
-
+                            <script id="deptLocationData" type="text/html">
+                                {{each deptLocationList as value i}}
+                                    <div class="auction_hall_table_tab auction_loc" id="locInfo{{i}}">{{value.deptName}}</div>
+                                {{/each}}
+                            </script>
+                            <div class="auction_all_one" id="deptLocationContent">
                             </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 class="auction_hall_table_tab auction_hall_table_tab_select">全部</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo286">昆明</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo287">曲靖</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo288">玉溪</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo289">保山</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo290">昭通                                </div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo291">丽江</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo292">普洱市</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo293">临沧</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo294">楚雄</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo295">红河</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo296">文山</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo297">西双版纳</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo298">大理</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo299">德宏</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo300">怒江</div>
+                                <div class="auction_hall_table_tab  auction_loc" id="locInfo301">迪庆</div>
                             </div>
                             <!-- 区 -->
-                            <div class="auction_add_area auction_add_area_two">
-
-
-                            </div>
+                            <div class="auction_add_area auction_add_area_two"></div>
                         </div>
                     </td>
                 </tr>
@@ -415,15 +131,15 @@
                              onclick="selectedStatus('all')">全部
                         </div>
 
-                        <div class="auction_hall_table_tab" id="status1" onclick="selectedStatus('1')">公示中</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="status2" onclick="selectedStatus('2')">等待竞价</div>
 
-                        <div class="auction_hall_table_tab" id="status3" onclick="selectedStatus('3')">竞价成功</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="status4" onclick="selectedStatus('4')">等待成交</div>
 
-                        <div class="auction_hall_table_tab" id="status8" onclick="selectedStatus('8')">已成交</div>
+                        <div class="auction_hall_table_tab" id="status8" onclick="selectedStatus('8')">已经成交</div>
 
                     </td>
                 </tr>
@@ -457,449 +173,57 @@
                 </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
+        <script id="ItemsInformationData" type="text/html">
+            {{each itemsInformationList as value i}}
+                <div class="centerLeft-center-middle m-t-40">
+                    <a href="itemsDetail.html">
+                        <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
+                        <img src="{{serverApi}}{{value.fileUrl}}" alt="" width="100%" height="152px"/>
+                        <div>
+                            <p class="centerLeft-center-middle-tit01">
+                                <span>{{value.rollout}}</span>{{value.projectName}}
                             </p>
-                        </li>
-                    </ul>
-                </div>
-                <div class="centerLeft-center-bottom container">
-                    <p>左临县</p>
-                    <p>2021-07-09</p>
+                            <ul class="centerLeft-center-middle-ul">
+                                <li>
+                                    <p>
+                                        <span>挂牌价格</span>
+                                        {{value.price}}{{value.unit}}
+                                    </p>
+                                </li>
+                                <li>
+                                    <p>
+                                        <span>转<i></i>出<i></i>方</span>
+                                        {{value.outName}}
+                                    </p>
+                                </li>
+                                <li>
+                                    <p>
+                                        <span>报名结束</span>
+                                        {{value.signupStopTime}}
+                                    </p>
+                                </li>
+                                <li>
+                                    <p>
+                                        <span>竞价结束</span>
+                                        {{value.biddingStopTime}}
+                                    </p>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="centerLeft-center-bottom container">
+                            <p>{{value.locationName}}</p>
+                            <p>{{value.projectReleaseTime}}</p>
+                        </div>
+                    </a>
                 </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>
+            {{/each}}
+        </script>
+        <div id="ItemsInformationContent"></div>
+    </div>
+    <div class="pageNum">
+        <div style="display: inline-block;margin: 0 auto;" class="page_s1"></div>
+        <p style="display: inline-block;margin: 0 auto;" id="page_s1"></p>
     </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">
@@ -929,5 +253,5 @@
 </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>
+        target-module="../../static/js/project/listingItems/itemsList.js" defer type="text/javascript"></script>
 </html>

view/new/newList.html

@@ -12,8 +12,7 @@
     <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/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" />
+    <link href="../../static/css/page_common.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -81,26 +80,14 @@
             </script>
             <ul id="NewsInformationContent"></ul>
         </div>
-        <ul class="pageNum">
-            <script id="NewsInformationData" type="text/html">
-                {{each newsInformationList as value i}}
-                <li>
-                    <a href="newDetail.html?id={{value.id}}" class="fl"><i class="sanjiao-right"></i>{{value.title}}</a>
-                    <p class="fr">{{value.newsTime}}</p>
-                    <div class="clear"></div>
-                </li>
-                {{/each}}
-            </script>
-            <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="pageNum">
+            <div style="display: inline-block;margin: 0 auto;" class="page_s1"></div>
+            <p style="display: inline-block;margin: 0 auto;" id="page_s1"></p>
+        </div>
+
+
+
     </div>
     <!--底部链接  -->
     <div class="bottomLink">