前端接口对接更新

index.html

@@ -444,8 +444,7 @@
                         <script id="announcementListData" type="text/html">
                             {{each announcementListList as value i}}
                             <li>
-                                <p><a href="javascript:void(0)"><i
-                                        class="sanjiao-right"></i>{{# value.projectName}}</a></p>
+                                <p><a href="javascript:void(0)"><i class="sanjiao-right m-r-5"></i>{{# value.projectName}}</a></p>
                                 <p><span>项目编号：<span>{{# value.projectCode}}</span></span><span>{{# value.dealTime.substr(0,10)}}</span></p>
                             </li>
                             {{/each}}
@@ -455,33 +454,15 @@
 
                     <div class="centerRight-list3">
                         <p class="centerRight-list2-tit01">鉴证公告<span>更多></span></p>
-                        <ul>
-                            <li>
-                                <p><a href="javascript:void(0)"><i
-                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
-                                <p>鉴证书编号：<span>[2021]13184</span></p>
-                            </li>
-                            <li>
-                                <p><a href="javascript:void(0)"><i
-                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
-                                <p>鉴证书编号：<span>[2021]13184</span></p>
-                            </li>
-                            <li>
-                                <p><a href="javascript:void(0)"><i
-                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
-                                <p>鉴证书编号：<span>[2021]13184</span></p>
-                            </li>
-                            <li>
-                                <p><a href="javascript:void(0)"><i
-                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
-                                <p>鉴证书编号：<span>[2021]13184</span></p>
-                            </li>
-                            <li>
-                                <p><a href="javascript:void(0)"><i
-                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
-                                <p>鉴证书编号：<span>[2021]13184</span></p>
-                            </li>
-                        </ul>
+                        <script id="attestationData" type="text/html">
+                            {{each attestationList as value i}}
+                                <li>
+                                    <p><a href="javascript:void(0)"><i class="sanjiao-right m-r-5"></i>{{value.projectName}}</a></p>
+                                    <p>鉴证书编号：<span>{{value.projectCode}}</span></p>
+                                </li>
+                            {{/each}}
+                        </script>
+                        <ul id="attestationContent"></ul>
                     </div>
 
                 </div>
@@ -570,153 +551,22 @@
                 <div class="tableList" id="tableList">
                     <script id="biddingHallListData" type="text/html">
                         {{each biddingHallListList as value i}}
-                        <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="我要竞价" />
-                                <input type="button" value="竞价规则" />
-                            </td>
-                        </tr>
+                            <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="我要竞价" />
+                                    <input type="button" value="竞价规则" />
+                                </td>
+                            </tr>
                         {{/each}}
                     </script>
-                    <table width="100%;" id="biddingHallListContent">
-                        <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <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="我要竞价" />
-                                <input type="button" value="竞价规则" />
-                            </td>
-                        </tr>
-                    </table>
+                    <table width="100%;" id="biddingHallListContent"></table>
                 </div>
                 <div class="tableType">
                     <p><i></i>未开始</p>

static/css/index.css

@@ -7,6 +7,10 @@
   padding: 10px 0;
 }
 
+.topDress{
+  position: relative;
+}
+
 .topDress .el-input__inner {
   background: none;
   height: 25px;
@@ -39,6 +43,13 @@
   line-height: 23px;
   padding: 0px 15px;
   margin-left: 15px;
+  margin-top: 7px;
+  cursor: pointer;
+}
+
+.topTit02 img{
+  margin-top: 2px;
+  margin-right: 5px;
 }
 
 /*logo和搜索*/
@@ -1114,4 +1125,33 @@ label input[type="radio"]:checked+span {
 
 .headHover ul li:last-child{
   border-top: 1px solid #e3e3e3;
+}
+
+.dressPc{
+  position: absolute;
+  right: 100px;
+  z-index: 9;
+  background: #FFF;
+  padding: 5px 10px;
+  box-shadow: 0px 0px 5px #e1e1e1;
+}
+
+.dressPc ul li{
+  margin-bottom: 5px;
+}
+
+.dressPc ul li:last-child{
+  margin-bottom: 0px;
+}
+
+.jiantou {
+  width: 6px;
+  height: 6px;
+  border-top: 1px solid #8f8f94;
+  border-right: 1px solid #8f8f94;
+  transform: rotate(45deg);
+  margin-top: 10px;
+  margin-left: 10px;
+  display: block;
+  float: left;
 }

static/css/listingItems/items.css

@@ -523,4 +523,16 @@
 
 .centerLeft-center-middle:nth-child(4n){
     margin-right: 0px;
+}
+
+.clickBtm{
+    border-top: 1px solid #e0e0e0;
+    margin-top: 10px;
+    padding: 2px 0;
+    color: #a6a6a6;
+}
+
+.clickBtm:hover{
+    background: #EEEEEE;
+    color: #cccccc;
 }

static/css/main.css

@@ -415,18 +415,18 @@ body {
 /*三角*/
 .sanjiao-top {
     display: inline-block;
-    border-bottom: 8px solid #000;
+    border-bottom: 6px solid #000;
     border-bottom-color: initial;
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
+    border-left: 3px solid transparent;
+    border-right: 3px solid transparent;
 }
 
 .sanjiao-bottom {
     display: inline-block;
-    border-top: 8px solid #000;
+    border-top: 6px solid #000;
     border-top-color: initial;
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
+    border-left: 3px solid transparent;
+    border-right: 3px solid transparent;
 }
 
 .sanjiao-left {

static/js/api/announcementList.js

@@ -7,4 +7,32 @@
 @param
     deptId：行政区划部门ID
 */
-var announList = '/transaction/website/outproject/publicity'
+var announList = '/transaction/website/outproject/publicity'//成交公告列表
+
+/*
+@purl /transaction/website/jzlist/{deptId}
+@param
+    deptId：行政区划部门ID
+*/
+var attestationList = '/transaction/website/jzlist'//鉴证公告列表
+
+/*
+@purl /transaction/website/outproject/publicity/id/{id}
+@param
+    id: 主键ID
+*/
+var announDetail = '/transaction/website/outproject/publicity/id'//成交公告详情
+
+/*
+@purl /transaction/website/jzlist/id/{id}
+@param
+    id: 主键ID
+*/
+var attestationDetail = '/transaction/website/jzlist/id'//鉴证公告详情
+
+/*
+@purl /transaction/website/data/type/{type}
+@param
+    type: 传递字典类型参数,获取相应的字典值列表List
+*/
+var Dictionaries = '/transaction/website/data/type'//成交公告字典

static/js/api/demand.js

@@ -0,0 +1,11 @@
+/*--------------
+*  个人供求类
+-----------------*/
+
+/*
+@purl /transaction/website/supplyDemandList
+@param
+    deptId：行政区划部门ID
+    supplyDemandType：供求类型    1:供应  2:求购  （不传值获取两种类型混合数据）
+*/
+var demandList = '/transaction/website/supplyDemandList'

static/js/api/index.js

@@ -84,4 +84,12 @@ var announcementList = '/transaction/website/outproject/publicity'//成交公示
     deptId：行政区划部门ID
     limit：需要获取的数据条数
 */
-var biddingHallList = '/transaction/website/biddinglist'//竞价大厅列表
+var biddingHallList = '/transaction/website/biddinglist'//竞价大厅列表
+
+/*
+@purl /transaction/website/jzlist/{deptId}/{limit}
+@param
+    deptId：行政区划部门ID
+    limit：需要获取的数据条数
+*/
+var attestationList = '/transaction/website/jzlist'//竞价大厅列表

static/js/api/interact.js

@@ -0,0 +1,12 @@
+/*--------------
+*  互动交流类
+-----------------*/
+
+/*
+@purl /transaction/website/communicateList
+@param
+    deptId：行政区划部门ID
+    pageNum：当前记录起始索引（当前页码）
+    pageSize：每页显示记录数
+*/
+var interactList = '/transaction/website/communicateList'  //网站新闻类接口

static/js/api/items.js

@@ -27,3 +27,31 @@ var webDeptType = '/transaction/website/data/type'//标的物类型查询接口
       查询某一级别下一级的部门列表  传参网址url中的deptId
 */
 var webDept = '/transaction/website/deptList'//标的物所在地
+
+/*
+@purl /transaction/website/outproject/id/{id}
+@param
+      id: 主键ID
+*/
+var outProject = '/transaction/website/outproject'//挂牌项目基本信息
+
+/*
+@purl /transaction/website/data/type/{type}
+@param
+    type: 传递字典类型参数,获取相应的字典值列表List
+*/
+var Dictionaries = '/transaction/website/data/type'//挂牌项目字典
+
+/*
+@purl /transaction/website/outproject/showImg/id/{id}
+@param
+    id: 主键ID
+*/
+var showImg = '/transaction/website/outproject/showImg/id'//展示图片
+
+/*
+@purl /transaction/website/biddinglist/projectId
+@param
+    id: 主键ID
+*/
+var biddinglist = '/transaction/website/biddinglist/projectId'//展示图片

static/js/api/policy.js

@@ -0,0 +1,13 @@
+/*--------------
+*  政策法规类
+-----------------*/
+
+/*
+@purl /transaction/website/newsList?number={number}&deptId={deptId}&pageNum={pageNum}&pageSize={pageSize}
+@param
+    number: 新闻类型字典编号
+    deptId：行政区划部门ID
+    pageNum：当前记录起始索引（当前页码）
+    pageSize：每页显示记录数
+*/
+var newList = '/transaction/website/newsList'  //网站新闻类接口

static/js/common/main.js

@@ -26,6 +26,9 @@ requirejs.config({
         itemsApi: 'api/items', //挂牌项目接口
         biddingApi: 'api/bidding', //竞价大厅接口
         announApi: 'api/announcementList', //项目公告接口
+        demandApi: 'api/demand', //个人供求接口
+        policyApi: 'api/policy',//政策法规接口
+        interactApi: 'api/interact',//互动交流接口
     },
     shim: {
         bootstrap: {

static/js/project/announcementList/announcementDetail.js

@@ -0,0 +1,96 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "announApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            announcementInformationDetail:'',
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //成交公告
+        tools.doGet(announDetail+'/'+getQueryVariable('id'), {}, module.announInformation);
+
+    };
+
+    //获取地址栏参数
+    function getQueryVariable(variable){
+        var query = window.location.search.substring(1);
+        var vars = query.split("&");
+        for (var i=0;i<vars.length;i++) {
+            var pair = vars[i].split("=");
+            if(pair[0] == variable){return pair[1];}
+        }
+        return(false);
+    }
+
+    //项目公告数据
+    module.announInformation = function (data) {
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.data;
+            module.data.announcementInformationDetail = content;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+            //流转方向字典
+            tools.doGet(Dictionaries+'/rollout_type', {}, module.circulationDictionaries);
+            //交易方式字典
+            tools.doGet(Dictionaries+'/deal_type', {}, module.transactionDictionaries);
+            //面积单位字典
+            tools.doGet(Dictionaries+'/area_unit', {}, module.areaDictionaries);
+            //成交价格字典
+            tools.doGet(Dictionaries+'/price_unit', {}, module.unitDictionaries);
+        }
+    }
+
+    //流转方向
+    module.circulationDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var rollout = content[(module.data.announcementInformationDetail.rollout-1)].dictLabel;
+            module.data.announcementInformationDetail.rollout = rollout;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    //交易方式
+    module.transactionDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            console.log(content)
+            var dealType = content[(module.data.announcementInformationDetail.dealType-1)].dictLabel;
+            module.data.announcementInformationDetail.dealType = dealType;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    //面积单位
+    module.areaDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var allCountUnit = content[(module.data.announcementInformationDetail.allCountUnit-1)].dictLabel;
+            module.data.announcementInformationDetail.allCountUnit = allCountUnit;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    //成交价格单位
+    module.unitDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var unit = content[(module.data.announcementInformationDetail.unit-1)].dictLabel;
+            module.data.announcementInformationDetail.unit = unit;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    return module;
+});

static/js/project/announcementList/announcementList.js

@@ -6,38 +6,43 @@ define(['jquery', "template", "Tools", "announApi", "paging"], function ($, temp
     var module = {
         data: {
             //公告列表
-            announInformationList:'',
+            announcementInformationList:'',
+            //鉴证列表
+            attestationInformationList:'',
             //页码
             pageNum: 1,
             //页码集合
             pageList: [],
             //每页数量
-            pageSize: 50,
+            pageSize: 1,
             //总页数
-            pageCount:0
+            pageCount:0,
+            //选中卡ID
+            clickType:'announcement'
         },
     };
     var tools = new Tools();
 
     module.init = function (page) {
 
-        //新闻资讯
+        //成交公告
         tools.doGet(announList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.announInformation);
 
+        //鉴证公告
+        tools.doGet(attestationList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.attestationInformation);
+
 
     };
 
     //项目公告数据
     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 == ''){
+            if(module.data.announcementInformationList == ''){
                 // 初始化 分页器
                 var page_s1=createPage('.page_s1');
                 // 设置分页
@@ -50,15 +55,65 @@ define(['jquery', "template", "Tools", "announApi", "paging"], function ($, temp
                 $('#page_s1').html('共'+pageCount+'页')
             }
             module.data.pageCount = pageCount;
-            module.data.announInformationList = content;
-            var announInformationData = template('announInformationData', module.data);
-            $("#announInformationContent").html(announInformationData);
+            module.data.announcementInformationList = content;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
         }
     }
 
+    //鉴证公告数据
+    module.attestationInformation = function (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.announcementInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s2');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s2').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
+            module.data.attestationInformationList = content;
+            var attestationInformationData = template('attestationInformationData', module.data);
+            $("#attestationInformationContent").html(attestationInformationData);
+        }
+    }
+
+    tabList = function(type){
+        console.log(type)
+        document.getElementById('attestationInformationContent').style.display = 'none';
+        document.getElementById('announcementInformationContent').style.display = 'none';
+        document.getElementById(type+'InformationContent').style.display = 'block';
+
+        document.getElementById('attestation').className = '';
+        document.getElementById('announcement').className = '';
+        document.getElementById(type).className = 'active';
+
+        document.getElementById('attestationNum').style.display = 'none';
+        document.getElementById('announcementNum').style.display = 'none';
+        document.getElementById(type+'Num').style.display = 'block';
+
+        module.data.clickType = type;
+        module.data.pageNum = 1 ;
+    }
+
     turnThePage = function (pageNum) {
         module.data.pageNum = pageNum ;
-        tools.doGet(announList, {deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.announInformation);
+        if(module.data.clickType == 'attestation'){
+            tools.doGet(attestationList, {deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.attestationInformation);
+        }
+        if(module.data.clickType == 'announcement'){
+            tools.doGet(announList, {deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.announInformation);
+        }
     }
     return module;
 });

static/js/project/announcementList/attestation.js

@@ -0,0 +1,109 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "announApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            announcementInformationDetail:'',
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //鉴证公告
+        tools.doGet(attestationDetail+'/'+getQueryVariable('id'), {}, module.announInformation);
+
+    };
+
+    //获取地址栏参数
+    function getQueryVariable(variable){
+        var query = window.location.search.substring(1);
+        var vars = query.split("&");
+        for (var i=0;i<vars.length;i++) {
+            var pair = vars[i].split("=");
+            if(pair[0] == variable){return pair[1];}
+        }
+        return(false);
+    }
+
+    //项目公告数据
+    module.announInformation = function (data) {
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.data;
+            module.data.announcementInformationDetail = content;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+            //公司性质字典
+            tools.doGet(Dictionaries+'/company_nature', {}, module.companyDictionaries);
+            //流转方向字典
+            tools.doGet(Dictionaries+'/rollout_type', {}, module.circulationDictionaries);
+            //交易方式字典
+            tools.doGet(Dictionaries+'/deal_type', {}, module.transactionDictionaries);
+            //面积单位字典
+            tools.doGet(Dictionaries+'/area_unit', {}, module.areaDictionaries);
+            //成交价格字典
+            tools.doGet(Dictionaries+'/price_unit', {}, module.unitDictionaries);
+        }
+    }
+
+    //流转方向
+    module.circulationDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var rollout = content[(module.data.announcementInformationDetail.rollout-1)].dictLabel;
+            module.data.announcementInformationDetail.rollout = rollout;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    //公司性质
+    module.companyDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var companyNature = content[(module.data.announcementInformationDetail.companyNature-1)].dictLabel;
+            module.data.announcementInformationDetail.companyNature = companyNature;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+
+    //交易方式
+    module.transactionDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var dealType = content[(module.data.announcementInformationDetail.dealType-1)].dictLabel;
+            module.data.announcementInformationDetail.dealType = dealType;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    //面积单位
+    module.areaDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var allCountUnit = content[(module.data.announcementInformationDetail.allCountUnit-1)].dictLabel;
+            module.data.announcementInformationDetail.allCountUnit = allCountUnit;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    //成交价格单位
+    module.unitDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var unit = content[(module.data.announcementInformationDetail.unit-1)].dictLabel;
+            module.data.announcementInformationDetail.unit = unit;
+            var announcementInformationData = template('announcementInformationData', module.data);
+            $("#announcementInformationContent").html(announcementInformationData);
+        }
+    }
+
+    return module;
+});

static/js/project/demand/demand.js

@@ -0,0 +1,151 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "demandApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            //公告列表
+            demandInformationList:'',
+            //鉴证列表
+            supplyInformationList:'',
+            //页码
+            pageNum: 1,
+            //页码集合
+            pageList: [],
+            //每页数量
+            pageSize: 50,
+            //总页数
+            pageCount:0,
+            //选中卡ID
+            clickType:'supply',
+            //供求类型    1:供应  2:求购  （不传值获取两种类型混合数据）
+            demandType:1
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //个人供应
+        tools.doGet(
+            demandList,
+            {
+                deptId:100,
+                pageNum:module.data.pageNum,
+                pageSize:module.data.pageSize,
+                supplyDemandType:1
+            },
+            module.supplyInformation
+        );
+
+        //个人需求
+        tools.doGet(
+            demandList,
+            {
+                deptId:100,
+                pageNum:module.data.pageNum,
+                pageSize:module.data.pageSize,
+                supplyDemandType:2
+            },
+            module.demandInformation
+        );
+
+    };
+
+    //个人供求数据
+    module.supplyInformation = 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.supplyInformationList == ''){
+                // 初始化 分页器
+                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.supplyInformationList = content;
+            var supplyInformationData = template('supplyInformationData', module.data);
+            $("#supply").html(supplyInformationData);
+        }
+    }
+
+    //个人需求数据
+    module.demandInformation = function (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.demandInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s2');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s2').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
+            module.data.demandInformationList = content;
+            var demandInformationData = template('demandInformationData', module.data);
+            $("#demand").html(demandInformationData);
+        }
+    }
+
+    tabCheck = function (type) {
+        document.getElementById('supply').style.display = 'none';
+        document.getElementById('demand').style.display = 'none';
+        document.getElementById(type).style.display = 'inline-table';
+        document.getElementById('supplyBtn').className = '';
+        document.getElementById('demandBtn').className = '';
+        document.getElementById(type+'Btn').className = 'active';
+        module.data.clickType = type ;
+    }
+
+    turnThePage = function (pageNum) {
+        module.data.pageNum = pageNum ;
+        if(module.data.clickType == 'supply'){
+            //个人供应
+            tools.doGet(
+                demandList,
+                {
+                    deptId:100,
+                    pageNum:module.data.pageNum,
+                    pageSize:module.data.pageSize,
+                    supplyDemandType:1
+                },
+                module.supplyInformation
+            );
+        }
+        if(module.data.clickType == 'demand'){
+            //个人需求
+            tools.doGet(
+                demandList,
+                {
+                    deptId:100,
+                    pageNum:module.data.pageNum,
+                    pageSize:module.data.pageSize,
+                    supplyDemandType:2
+                },
+                module.demandInformation
+            );
+        }
+    }
+    return module;
+});

static/js/project/index.js

@@ -36,7 +36,9 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
             //挂牌项目总浏览次数
             allViewCountList:[],
             //成交公示数据
-            announcementListList:[]
+            announcementListList:[],
+            //鉴证公告数据
+            attestationList:[]
         },
         //柱状图参数
         option: {
@@ -142,8 +144,11 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
         //查询挂牌项目浏览总次数
         tools.doGet(biddingHallList + '/0/10', {}, module.biddingHallList);
 
+        //查询挂牌项目浏览总次数
+        tools.doGet(attestationList + '/0/5', {}, module.attestationList);
+
         //竞价大厅-滚动
-        module.hallRolling();
+        //module.hallRolling();
 
         //用户资料鼠标悬浮
         // module.userHover();
@@ -233,10 +238,8 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
 
     //标的物类型
     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];
             }
@@ -260,7 +263,6 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
     module.allViewCount = function (data) {
         if (data.code == 200) {
             var content = data.data;
-            console.log(content)
             module.data.allViewCountList = content.toString().split("");
             var allViewCountData = template('allViewCountData', module.data);
             $("#allViewCount").html(allViewCountData);
@@ -281,7 +283,6 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
     module.landList = function (data) {
         if (data.code == 200) {
             var content = data.data;
-            console.log(content)
             module.data.landListList = content;
             var landListData = template('landListData', module.data);
             $("#landListContent").html(landListData);
@@ -292,7 +293,6 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
     module.collectiveAssets = function (data) {
         if (data.code == 200) {
             var content = data.data;
-            console.log(content)
             module.data.collectiveAssetsList = content;
             var collectiveAssetsData = template('collectiveAssetsData', module.data);
             $("#collectiveAssetsContent").html(collectiveAssetsData);
@@ -303,7 +303,6 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
     module.waterConservancyFacilities = function (data) {
         if (data.code == 200) {
             var content = data.data;
-            console.log(content)
             module.data.waterConservancyFacilitiesList = content;
             var waterConservancyFacilitiesData = template('waterConservancyFacilitiesData', module.data);
             $("#waterConservancyFacilitiesContent").html(waterConservancyFacilitiesData);
@@ -314,7 +313,6 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
     module.productionEquipment = function (data) {
         if (data.code == 200) {
             var content = data.data;
-            console.log(content)
             module.data.productionEquipmentList = content;
             var productionEquipmentData = template('productionEquipmentData', module.data);
             $("#productionEquipmentContent").html(productionEquipmentData);
@@ -325,13 +323,22 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
     module.announcementList = function (data) {
         if (data.code == 200) {
             var content = data.data;
-            console.log(content)
             module.data.announcementListList = content;
             var announcementListData = template('announcementListData', module.data);
             $("#announcementListContent").html(announcementListData);
         }
     }
 
+    //鉴证公告列表
+    module.attestationList = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            module.data.attestationList = content;
+            var attestationData = template('attestationData', module.data);
+            $("#attestationContent").html(attestationData);
+        }
+    }
+
     //竞价大厅列表
     module.biddingHallList = function (data) {
         if (data.code == 200) {

static/js/project/interact/interact.js

@@ -0,0 +1,63 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "interactApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            //互动交流列表
+            interactInformationList:'',
+            //页码
+            pageNum: 1,
+            //页码集合
+            pageList: [],
+            //每页数量
+            pageSize: 1,
+            //总页数
+            pageCount:0
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //互动交流
+        tools.doGet(interactList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.interactInformation);
+
+
+    };
+
+    //新闻资讯数据
+    module.interactInformation = 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.interactInformationList == ''){
+                // 初始化 分页器
+                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.interactInformationList = content;
+            var interactInformationData = template('interactInformationData', module.data);
+            $("#interactInformationContent").html(interactInformationData);
+        }
+    }
+
+    turnThePage = function (pageNum) {
+        module.data.pageNum = pageNum ;
+        tools.doGet(interactList, {deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.interactInformation);
+    }
+    return module;
+});

static/js/project/listingItems/items.js

@@ -1,25 +1,120 @@
 /**
  * Created by Administrator on 2021/4/5.
  */
-define(['jquery', "template", "Tools", 'swiper'], function ($, template, Tools, swiper) {
+define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, template, Tools, swiper) {
     //数据存储
     var module = {
         data: {
-
+            showImgInformationDetail:''
         },
     };
     var tools = new Tools();
 
     module.init = function (page) {
 
+        //项目基本信息
+        tools.doGet(outProject + '/id/'+getQueryVariable('id'), {}, module.outProjectInformation);
+
         //焦点图
         module.swiperBanner();
 
-        //tab切换
-        module.tabClick();
+        //项目基本信息
+        tools.doGet(showImg + '/'+getQueryVariable('id'), {}, module.showImgInformation);
+
+        //挂牌项目竞价记录
+        tools.doGet(biddinglist, {projectId:getQueryVariable('id')}, module.biddinglistInformation);
 
     };
 
+    //获取地址栏参数
+    function getQueryVariable(variable){
+        var query = window.location.search.substring(1);
+        var vars = query.split("&");
+        for (var i=0;i<vars.length;i++) {
+            var pair = vars[i].split("=");
+            if(pair[0] == variable){return pair[1];}
+        }
+        return(false);
+    }
+
+    //项目基本信息
+    module.outProjectInformation = function (data) {
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.data;
+            module.data.outProjectInformationDetail = content;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+
+
+            //挂牌价格字典
+            tools.doGet(Dictionaries+'/price_unit', {}, module.unitDictionaries);
+
+            //经济类型字典
+            tools.doGet(Dictionaries+'/economic_type', {}, module.economicTypeDictionaries);
+
+            //项目类型字典
+            tools.doGet(Dictionaries+'/project_type', {}, module.projectNumberDictionaries);
+
+            //农地性质字典
+            tools.doGet(Dictionaries+'/sub_object_type', {}, module.projectTypeDictionaries);
+
+            //前次转出方式
+            tools.doGet(Dictionaries+'/rollout_type', {}, module.oneoutDictionaries);
+
+            //面积单位字典
+            tools.doGet(Dictionaries+'/area_unit', {}, module.areaDictionaries);
+
+            //支付方式字典
+            tools.doGet(Dictionaries+'/payment_type', {}, module.paymentTypeDictionaries);
+
+            //缴纳形式字典
+            tools.doGet(Dictionaries+'/deposit_payment_type', {}, module.depositPaymentTypeDictionaries);
+
+            //交易方式字典
+            tools.doGet(Dictionaries+'/deal_type', {}, module.transactionDictionaries);
+
+            //竞价方式字典
+            tools.doGet(Dictionaries+'/bidding_type', {}, module.biddingTypeDictionaries);
+
+            //期满处理字典
+            tools.doGet(Dictionaries+'/expire_type', {}, module.expireTypeDictionaries);
+
+        }
+    }
+
+    //标的物图片
+    module.showImgInformation = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            module.data.showImgInformationDetail = content;
+            var showImgInformationData = template('showImgInformationData', module.data);
+            $("#tabDetail2").html(showImgInformationData);
+        }
+    }
+
+    //竞价记录
+    module.biddinglistInformation = function (data) {
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.rows;
+            for (var i = 0; i < content.length-1; i++) {
+                for (var j = 0; j < content.length - 1 - i; j++) {
+                    // 相邻元素两两对比，元素交换，大的元素交换到后面
+                    if (content[j].money < content[j + 1].money) {
+                        var temp = content[j];
+                        content[j] = content[j+1];
+                        content[j+1] = temp;
+                    }
+                }
+            }
+            console.log(content)
+            module.data.biddinglistInformationDetail = content;
+            var biddinglistInformationData = template('biddinglistInformationData', module.data);
+            $("#tabDetail4").html(biddinglistInformationData);
+        }
+    }
+
     //焦点图滚动
     module.swiperBanner = function (type) {
         var viewSwiper = new Swiper('.view .swiper-container', {
@@ -68,44 +163,150 @@ define(['jquery', "template", "Tools", 'swiper'], function ($, template, Tools,
     }
 
     //切换
-    module.tabClick = function(){
+    tabClick = function(type){
         //标的物介绍
-        document.getElementById('tab1').addEventListener('click',function(){
-            for (var i = 0 ; i < 4 ; i++){
-                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
-                document.getElementById('tab'+(i+1)).classList = '';
-            }
-           document.getElementById('tabDetail1').style.display = 'block';
-           document.getElementById('tab1').classList = 'active';
-        });
-        //标的物图片
-        document.getElementById('tab2').addEventListener('click',function(){
-            for (var i = 0 ; i < 4 ; i++){
-                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
-                document.getElementById('tab'+(i+1)).classList = '';
-            }
-            document.getElementById('tabDetail2').style.display = 'block';
-            document.getElementById('tab2').classList = 'active';
-        });
-        //竞买须知
-        document.getElementById('tab3').addEventListener('click',function(){
-            for (var i = 0 ; i < 4 ; i++){
-                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
-                document.getElementById('tab'+(i+1)).classList = '';
+        for (var i = 0 ; i < 4 ; i++){
+            document.getElementById('tabDetail'+(i+1)).style.display = 'none';
+            document.getElementById('tab'+(i+1)).classList = '';
+        }
+        document.getElementById('tabDetail'+type).style.display = 'block';
+        document.getElementById('tab'+type).classList = 'active';
+    }
+
+    //挂牌价格
+    module.unitDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var unit = content[(module.data.outProjectInformationDetail.unit-1)].dictLabel;
+            module.data.outProjectInformationDetail.unit = unit;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //经济类型
+    module.economicTypeDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var economicType = content[(module.data.outProjectInformationDetail.economicType-1)].dictLabel;
+            module.data.outProjectInformationDetail.economicType = economicType;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //项目类型
+    module.projectNumberDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var projectNumber = content[(module.data.outProjectInformationDetail.projectNumber-1)].dictLabel;
+            module.data.outProjectInformationDetail.projectNumber = projectNumber;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //农地性质
+    module.projectTypeDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var projectType = content[(module.data.outProjectInformationDetail.projectType-1)].dictLabel;
+            module.data.outProjectInformationDetail.projectType = projectType;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //前次转出方式
+    module.oneoutDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            if(module.data.outProjectInformationDetail.oneout == 0){
+                module.data.outProjectInformationDetail.oneout = '无';
+            }else{
+                var oneout = content[(module.data.outProjectInformationDetail.oneout-1)].dictLabel;
+                module.data.outProjectInformationDetail.oneout = oneout;
             }
-            document.getElementById('tabDetail3').style.display = 'block';
-            document.getElementById('tab3').classList = 'active';
-        });
-        //竞价记录
-        document.getElementById('tab4').addEventListener('click',function(){
-            for (var i = 0 ; i < 4 ; i++){
-                document.getElementById('tabDetail'+(i+1)).style.display = 'none';
-                document.getElementById('tab'+(i+1)).classList = '';
+            var rollout = content[(module.data.outProjectInformationDetail.rollout-1)].dictLabel;
+            module.data.outProjectInformationDetail.rollout = rollout;
+
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //面积单位
+    module.areaDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var allCountUnit = content[(module.data.outProjectInformationDetail.allCountUnit-1)].dictLabel;
+            module.data.outProjectInformationDetail.allCountUnit = allCountUnit;
+            if(module.data.outProjectInformationDetail.subjectList.length>0){
+                for(var i = 0 ; i < module.data.outProjectInformationDetail.subjectList.length ; i++){
+                    module.data.outProjectInformationDetail.subjectList[i].areaUnit = content[(module.data.outProjectInformationDetail.subjectList[i].areaUnit-1)].dictLabel;
+                }
             }
-            document.getElementById('tabDetail4').style.display = 'block';
-            document.getElementById('tab4').classList = 'active';
-        });
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
     }
 
+    //支付方式
+    module.paymentTypeDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var paymentType = content[(module.data.outProjectInformationDetail.paymentType-1)].dictLabel;
+            module.data.outProjectInformationDetail.paymentType = paymentType;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //缴纳形式
+    module.depositPaymentTypeDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var depositPaymentType = content[(module.data.outProjectInformationDetail.depositPaymentType-1)].dictLabel;
+            module.data.outProjectInformationDetail.depositPaymentType = depositPaymentType;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //交易方式
+    module.transactionDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var dealType = content[(module.data.outProjectInformationDetail.dealType-1)].dictLabel;
+            module.data.outProjectInformationDetail.dealType = dealType;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //竞价方式
+    module.biddingTypeDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var biddingType = content[(module.data.outProjectInformationDetail.biddingType-1)].dictLabel;
+            module.data.outProjectInformationDetail.biddingType = biddingType;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+    //系统是否
+    module.expireTypeDictionaries = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            var expire = content[(module.data.outProjectInformationDetail.expire-1)].dictLabel;
+            module.data.outProjectInformationDetail.expire = expire;
+            var outProjectInformationData = template('outProjectInformationData', module.data);
+            $("#outProjectInformationContent").html(outProjectInformationData);
+        }
+    }
+
+
+
     return module;
 });

static/js/project/listingItems/itemsList.js

@@ -11,6 +11,8 @@ define(['jquery', "template", "Tools", "itemsApi", "paging"], function ($, templ
             deptTypeList:[],
             //标的物所在地
             deptLocationList:[],
+            //标的物二级所在地
+            deptSecondLocationList:[],
             //新闻列表
             itemsInformationList:'',
             //页码
@@ -20,7 +22,11 @@ define(['jquery', "template", "Tools", "itemsApi", "paging"], function ($, templ
             //每页数量
             pageSize: 50,
             //总页数
-            pageCount:0
+            pageCount:0,
+            //标的物集合长度
+            deptSize:24,
+            //标的物选中项id
+            deptId:''
         },
     };
     var tools = new Tools();
@@ -84,7 +90,12 @@ define(['jquery', "template", "Tools", "itemsApi", "paging"], function ($, templ
     module.deptLocation = function (data) {
         if (data.code == 200) {
             var content = [] ;
-            for (var i = 0 ; i < 7 ; i++){
+            console.log(module.data.deptSize)
+            var deptSize = module.data.deptSize;
+            if (deptSize>24){
+                deptSize = data.data.length
+            }
+            for (var i = 0 ; i < deptSize ; i++){
                 content[i] = data.data[i];
             }
             module.data.deptLocationList = content;
@@ -93,6 +104,49 @@ define(['jquery', "template", "Tools", "itemsApi", "paging"], function ($, templ
         }
     }
 
+    //标的物所在地(二级)
+    module.deptSecondLocation = function (data) {
+        if ( data.data.length == 0){
+            document.getElementById('secondDept').style.display = 'none';
+            return;
+        }else{
+            document.getElementById('secondDept').style.display = 'block';
+        }
+        if (data.code == 200) {
+            console.log(data)
+            var content = data.data;
+            module.data.deptSecondLocationList = content;
+            var deptSecondLocationData = template('deptSecondLocationData', module.data);
+            $("#secondDept").html(deptSecondLocationData);
+            console.log(module.data.deptId)
+        }
+    }
+
+    tabCheck = function (deptId) {
+        console.log(deptId)
+        module.data.deptId = deptId;
+        for (var i = 0 ; i < module.data.deptLocationList.length ; i++){
+            console.log(i)
+            document.getElementById('locInfoall'+(100+i)).className = 'auction_hall_table_tab auction_loc'
+        }
+        document.getElementById('locInfoall'+deptId).className = 'auction_hall_table_tab auction_loc auction_hall_table_tab_select'
+        tools.doGet(webDept + '/' + deptId, {}, module.deptSecondLocation);
+    }
+
+    allDept = function (){
+        module.data.deptSize = 30
+        document.getElementById('allDept').innerHTML = "<i class='sanjiao-top'></i>";
+        document.getElementById('allDept').onclick = upDept;
+        tools.doGet(webDept + '/0', {}, module.deptLocation);
+    }
+
+    upDept = function (){
+        module.data.deptSize = 24
+        document.getElementById('allDept').innerHTML = "<i class='sanjiao-bottom'></i>";
+        document.getElementById('allDept').onclick = allDept;
+        tools.doGet(webDept + '/0', {}, module.deptLocation);
+    }
+
     turnThePage = function (pageNum) {
         module.data.pageNum = pageNum ;
         tools.doGet(itemsList, {deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.itemList);

static/js/project/new/newDetail.js

@@ -18,8 +18,8 @@ define(['jquery', "template", "Tools", "newApi"], function ($, template, Tools )
 
     };
 
-    function getQueryVariable(variable)
-    {
+    //获取地址栏参数
+    function getQueryVariable(variable){
         var query = window.location.search.substring(1);
         var vars = query.split("&");
         for (var i=0;i<vars.length;i++) {

static/js/project/policy/policy.js

@@ -0,0 +1,155 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "policyApi", "paging"], function ($, template, Tools ) {
+    //数据存储
+    var module = {
+        data: {
+            //政策法规
+            policyInformationList:'',
+            //交易规则
+            ruleInformationList:'',
+            //资料下载
+            downloadInformationList:'',
+            //页码
+            pageNum: 1,
+            //页码集合
+            pageList: [],
+            //每页数量
+            pageSize: 1,
+            //总页数
+            pageCount:0
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        //政策法规
+        tools.doGet(newList, {number:3,deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.policyInformation);
+
+        //交易规则
+        tools.doGet(newList, {number:4,deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.ruleInformation);
+
+        //资料下载
+        tools.doGet(newList, {number:5,deptId:100,pageNum:module.data.pageNum,pageSize:module.data.pageSize}, module.downloadInformation);
+
+
+    };
+
+    //政策法规数据
+    module.policyInformation = function (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.policyInformationList == ''){
+                // 初始化 分页器
+                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.policyInformationList = content;
+            var policyInformationData = template('policyInformationData', module.data);
+            $("#policyInformationContent").html(policyInformationData);
+        }
+    }
+
+    //交易规则数据
+    module.ruleInformation = function (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.ruleInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s2');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s2').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
+            module.data.ruleInformationList = content;
+            var ruleInformationData = template('ruleInformationData', module.data);
+            $("#ruleInformationContent").html(ruleInformationData);
+        }
+    }
+
+    //交易规则数据
+    module.downloadInformation = function (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.downloadInformationList == ''){
+                // 初始化 分页器
+                var page_s1=createPage('.page_s3');
+                // 设置分页
+                setPage(page_s1,{
+                    pageTotal: data.total, // 数据总条数
+                    pageSize: module.data.pageSize,    // 每页显示条数
+                    pageCurrent: 1,  //  当前页
+                    maxBtnNum: 5,   // 最多按钮个数  （最少5个）
+                })
+                $('#page_s3').html('共'+pageCount+'页')
+            }
+            module.data.pageCount = pageCount;
+            module.data.downloadInformationList = content;
+            var downloadInformationData = template('downloadInformationData', module.data);
+            $("#downloadInformationContent").html(downloadInformationData);
+        }
+    }
+
+    tabList = function(type){
+        console.log(type)
+        document.getElementById('policyInformationContent').style.display = 'none';
+        document.getElementById('ruleInformationContent').style.display = 'none';
+        document.getElementById('downloadInformationContent').style.display = 'none';
+        document.getElementById(type+'InformationContent').style.display = 'block';
+
+        document.getElementById('policy').className = '';
+        document.getElementById('rule').className = '';
+        document.getElementById('download').className = '';
+        document.getElementById(type).className = 'active';
+
+        document.getElementById('policyNum').style.display = 'none';
+        document.getElementById('ruleNum').style.display = 'none';
+        document.getElementById('downloadNum').style.display = 'none';
+        document.getElementById(type+'Num').style.display = 'block';
+
+        module.data.clickType = type;
+        module.data.pageNum = 1 ;
+    }
+
+    turnThePage = function (pageNum) {
+        module.data.pageNum = pageNum ;
+        if(module.data.clickType == 'policy'){
+            tools.doGet(newList, {number:3,deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.policyInformation);
+        }
+        if(module.data.clickType == 'rule'){
+            tools.doGet(newList, {number:4,deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.ruleInformation);
+        }
+        if(module.data.clickType == 'download'){
+            tools.doGet(newList, {number:5,deptId:100,pageNum:pageNum,pageSize:module.data.pageSize}, module.downloadInformation);
+        }
+    }
+    return module;
+});

view/announcement/announcement.html

@@ -72,27 +72,45 @@
     <div class="w-1200">
         <div class="breadcrum">
             <ul class="bre_news">
-                <a href="/news/list-c1" title="农交动态" class="active"><i class="iconfont icon-dongtai"></i>成交公告</a>
-                <a href="/news/list-c5" title="媒体报道"><i class="iconfont icon-meitibaodao"></i>鉴证公告</a>
+                <a onclick="tabList('announcement')" id="announcement" class="active"><i class="iconfont icon-dongtai"></i>成交公告</a>
+                <a onclick="tabList('attestation')" id="attestation"><i class="iconfont icon-meitibaodao"></i>鉴证公告</a>
             </ul>
         </div>
         <div class="newList">
-            <script id="announInformationContent" type="text/html">
-                {{each announInformationList as value i}}
+            <!--      成交公告      -->
+            <script id="announcementInformationData" type="text/html">
+                {{each announcementInformationList as value i}}
                     <li>
-                        <a href="announcementDetail.html" class="fl"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
+                        <a href="announcementDetail.html?id={{value.id}}" class="fl"><i class="sanjiao-right"></i>{{# value.projectName}}</a>
                         <p class="fr">2021-04-09</p>
                         <div class="clear"></div>
-                        <p class="m-t-5">项目编号：TD-ZC-20213685</p>
+                        <p class="m-t-5">项目编号：{{# value.projectCode}}</p>
                     </li>
                 {{/each}}
             </script>
-            <ul id="announInformationData"></ul>
+            <ul id="announcementInformationContent" style="display: block;"></ul>
+
+            <!--      鉴证公告      -->
+            <script id="attestationInformationData" type="text/html">
+                {{each attestationInformationList as value i}}
+                    <li>
+                        <a href="attestation.html?id={{value.id}}" class="fl"><i class="sanjiao-right"></i>{{# value.projectName}}</a>
+                        <p class="fr">2021-04-09</p>
+                        <div class="clear"></div>
+                        <p class="m-t-5">项目编号：{{# value.projectCode}}</p>
+                    </li>
+                {{/each}}
+            </script>
+            <ul id="attestationInformationContent" style="display: none;"></ul>
         </div>
-        <div class="pageNum">
+        <div class="pageNum" id="announcementNum" style="display: block;">
             <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="pageNum" id="attestationNum" style="display: none;">
+            <div style="display: inline-block;margin: 0 auto;" class="page_s2"></div>
+            <p style="display: inline-block;margin: 0 auto;" id="page_s2"></p>
+        </div>
     </div>
     <!--底部链接  -->
     <div class="bottomLink">

view/announcement/announcementDetail.html

@@ -58,70 +58,69 @@
         <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">
         <p class="font16 m-t-15 titIndex">成交公告<i>></i><span>成交详情</span></p>
-        <table width="100%" cellpadding="0" border="1" cellspacing="0">
-            <tr>
-                <td colspan="4" style="font-weight:bolder; font-size:16px;">胶州市三里河街道办事处管理村农贸市场南侧三层2号网点成交公示</td>
-            </tr>
-            <tr>
-                <td>项目名称</td>
-                <td colspan="3">胶州市三里河街道办事处管理村农贸市场南侧三层2号网点</td>
-            </tr>
-            <tr>
-                <td>项目编号</td>
-                <td>SW-ZC-20211793</td>
-                <td>流转方向</td>
-                <td>转出</td>
-            </tr>
-            <tr>
-                <td>交易方式</td>
-                <td>电子竞价</td>
-                <td>成交时间</td>
-                <td>2021-04-29 16:00:00</td>
-            </tr>
-            <tr>
-                <td>标的区域</td>
-                <td colspan="3">三里河街道办事处-管理村</td>
-            </tr>
-            <tr>
-                <td>转出方</td>
-                <td colspan="3">胶州市三里河街道办事处管理村股份经济合作社</td>
-            </tr>
-            <tr>
-                <td>受让方</td>
-                <td colspan="3">叶利霞</td>
-            </tr>
-            <tr>
-                <td>公示开始时间</td>
-                <td>2021-07-01</td>
-                <td>公示结束时间</td>
-                <td>2026-06-30</td>
-            </tr>
-            <tr>
-                <td>转出面积/数量</td>
-                <td>1处</td>
-                <td>转出期限</td>
-                <td>2021-07-01至2026-06-30</td>
-            </tr>
-            <tr>
-                <td>成交价格</td>
-                <td>138500元/年</td>
-                <td>成交金额</td>
-                <td>692500元</td>
-            </tr>
-            <tr>
-                <td>备注</td>
-                <td colspan="3"></td>
-            </tr>
+        <table width="100%" cellpadding="0" border="1" cellspacing="0" id="announcementInformationContent">
+            <script id="announcementInformationData" type="text/html">
+                <tr>
+                    <td colspan="4" style="font-weight:bolder; font-size:16px;">{{announcementInformationDetail.projectName}}成交公告</td>
+                </tr>
+                <tr>
+                    <td>项目名称</td>
+                    <td colspan="3">{{announcementInformationDetail.projectName}}</td>
+                </tr>
+                <tr>
+                    <td>项目编号</td>
+                    <td>{{announcementInformationDetail.projectCode}}</td>
+                    <td>流转方向</td>
+                    <td>{{announcementInformationDetail.rollout}}</td>
+                </tr>
+                <tr>
+                    <td>交易方式</td>
+                    <td>{{announcementInformationDetail.dealType}}</td>
+                    <td>成交时间</td>
+                    <td>{{announcementInformationDetail.dealTime}}</td>
+                </tr>
+                <tr>
+                    <td>标的区域</td>
+                    <td colspan="3">{{announcementInformationDetail.deptName}}</td>
+                </tr>
+                <tr>
+                    <td>转出方</td>
+                    <td colspan="3">{{announcementInformationDetail.outName}}</td>
+                </tr>
+                <tr>
+                    <td>受让方</td>
+                    <td colspan="3">{{announcementInformationDetail.memberType == 1 ? announcementInformationDetail.realname:announcementInformationDetail.companyName}}</td>
+                </tr>
+                <tr>
+                    <td>公示开始时间</td>
+                    <td>{{announcementInformationDetail.dealPublicityStartTime}}</td>
+                    <td>公示结束时间</td>
+                    <td>{{announcementInformationDetail.dealPublicityStopTime}}</td>
+                </tr>
+                <tr>
+                    <td>转出面积/数量</td>
+                    <td>{{announcementInformationDetail.allCount}}{{announcementInformationDetail.allCountUnit}}</td>
+                    <td>转出期限</td>
+                    <td>{{announcementInformationDetail.outStartTime}}至{{announcementInformationDetail.outStopTime}}</td>
+                </tr>
+                <tr>
+                    <td>成交价格</td>
+                    <td>{{announcementInformationDetail.dealMoney}}{{announcementInformationDetail.unit}}</td>
+                    <td>成交金额</td>
+                    <td>{{announcementInformationDetail.dealMoneySum}}元</td>
+                </tr>
+            </script>
+
         </table>
     </div>
     <!--底部链接  -->
@@ -151,5 +150,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/announcementDetail.js" defer type="text/javascript"></script>
 </html>

view/announcement/attestation.html

@@ -0,0 +1,210 @@
+<!DOCTYPE html
+        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">
+
+<head>
+    <meta charset="utf-8">
+    <title>农燊高科-鉴证详情</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="keywords" content="" />
+    <meta name="description" cxontent="" />
+    <link href="../../static/css/main.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/index.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/announcement/announcement.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+<div class="main" id="page">
+    <!--顶部Title  -->
+    <div class="bg-f7 txc">
+        <div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
+            <p class="topTit">Hi,欢迎来到农村产权交易中心</p>
+            <div class="flex_dom flex_item_end">
+                <el-select v-model="cityValue" placeholder="请选择">
+                    <el-option-group v-for="group in options" :key="group.label" :label="group.label">
+                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
+                                   :value="item.value">
+                        </el-option>
+                    </el-option-group>
+                </el-select>
+                <p class="topTit02">返回主站</p>
+            </div>
+        </div>
+    </div>
+    <!--LOGO search -->
+    <div class="logoSearch w-1200">
+        <div class="wid50 logoSearch-div fl">
+            <img src="../../static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
+            <h1 class="fl" id="webConfigName">左云县农村产权交易网</h1>
+            <div class="clear"></div>
+        </div>
+        <div class="wid50 logoSearch-div fr">
+            <div class="searchDiv fl">
+                <input type="text" placeholder="请输入关键词搜索" class="searchClass" />
+                <input type="button" value="搜索" class="searchButton" />
+            </div>
+            <div class="fr">
+                <a href="javascript:void(0)">请登录</a>
+                <a href="javascript:void(0)">免费注册</a>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <div class="clear"></div>
+    </div>
+
+    <!--顶部导航栏  -->
+    <div class="top">
+        <ul class="container w-1200">
+            <li><a href="../../index.html">首页</a></li>
+            <li><a href="../listingItems/itemsList.html">挂牌项目</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">
+        <p class="font16 m-t-15 titIndex">成交公告<i>></i><span>鉴证详情</span></p>
+        <table border="1" cellpadding="0" cellspacing="0" id="announcementInformationContent">
+            <script id="announcementInformationData" type="text/html">
+                <tr>
+                    <td colspan="6" style="font-weight:bolder; font-size:16px;">农村产权交易鉴证书</td>
+                </tr>
+                <tr>
+                    <td colspan="2">鉴证书编号</td>
+                    <td colspan="3">{{announcementInformationDetail.jzsNumOne}}第{{announcementInformationDetail.jzsNumTwo}}号</td>
+                </tr>
+                <tr>
+                    <td colspan="2">项目名称</td>
+                    <td>{{announcementInformationDetail.projectName}}</td>
+                    <td>项目编号</td>
+                    <td>{{announcementInformationDetail.projectCode}}</td>
+                </tr>
+                <tr>
+                    <td rowspan="3">转出方</td>
+                    <td>所有权人</td>
+                    <td>{{announcementInformationDetail.outName}}</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">转出方</td>
+                    <td>{{announcementInformationDetail.outName}}</td>
+                    <td>转出行为批准机构名称</td>
+                    <td>{{announcementInformationDetail.pzjg}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">负责人</td>
+                    <td>{{announcementInformationDetail.legalPerson}}</td>
+                    <td>注册号<br/>(身份证号)</td>
+                    <td>{{announcementInformationDetail.idCardNum}}</td>
+                </tr>
+                <tr>
+                    <td rowspan="3">受让方</td>
+                    <td>受让方</td>
+                    <td>{{announcementInformationDetail.inName}}</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">法定代表人</td>
+                    <td>{{announcementInformationDetail.realname}}</td>
+                    <td>公司性质</td>
+                    <td>{{announcementInformationDetail.companyNature}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">注册资本</td>
+                    <td>{{announcementInformationDetail.companyCapital}}</td>
+                    <td><p>注册号<br/>
+                        (身份证号)</p></td>
+                    <td>{{announcementInformationDetail.companyLicense}}</td>
+                </tr>
+                <tr>
+                    <td rowspan="8"><p>转出</p>
+                        <p>标的</p>
+                        <p>内容</p>
+                        <p>及</p>
+                        <p>方式</p></td>
+                    <td>坐落</td>
+                    <td colspan="3">{{announcementInformationDetail.areaName}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">标的物情况</td>
+                    <td colspan="3">{{announcementInformationDetail.szCondition}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">转出面积（数量）</td>
+                    <td>{{announcementInformationDetail.allCount}}{{announcementInformationDetail.allCountUnit}}</td>
+                    <td>转出期限</td>
+                    <td>{{announcementInformationDetail.outStartEndTime}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">确权机构</td>
+                    <td>{{announcementInformationDetail.organization}}</td>
+                    <td>权证编号</td>
+                    <td>{{announcementInformationDetail.warrantCode}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">转出方式</td>
+                    <td>{{announcementInformationDetail.rollout}}</td>
+                    <td>交易方式</td>
+                    <td>{{announcementInformationDetail.dealType}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">交易底价</td>
+                    <td>{{announcementInformationDetail.price}}{{announcementInformationDetail.unit}}</td>
+                    <td>成交金额</td>
+                    <td>{{announcementInformationDetail.dealMoneySum}}元</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">合同签署日期</td>
+                    <td>{{announcementInformationDetail.contractDate}}</td>
+                    <td>合同编号</td>
+                    <td>{{announcementInformationDetail.contractCode}}</td>
+                </tr>
+                <tr>
+                    <td style="border-left: none;">附记</td>
+                    <td colspan="4">{{announcementInformationDetail.jzsRemark}}</td>
+                </tr>
+                <tr>
+                    <td colspan="5" style="border-bottom:1px solid #999;">
+                        <p align="right">农村产权交易鉴证书</p>
+                        <p>{{announcementInformationDetail.jzsSignDate}}</p>
+                    </td>
+                </tr>
+            </script>
+        </table>
+    </div>
+    <!--底部链接  -->
+    <div class="bottomLink">
+        <div class="w-1200">
+            <div class="w-1000 fl">
+                <p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
+                <script id="friendsLinksData" type="text/html">
+                    {{each friendsLinksList as value i}}
+                    <a href="{{value.url}}" target="_blank">{{value.name}}</a>
+                    {{/each}}
+                </script>
+                <div class="bottomLink-linkList" id="friendsLinksContent"></div>
+                <p class="ba" id="webConfigRecord">
+                    鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
+                </p>
+                <p class="ba" id="webConfigAddress">
+                    左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
+                </p>
+            </div>
+            <div class="ewm fr">
+                <img src="../../static/images/ewm.jpg" width="110" height="110" alt="" />
+                <p class="ewmtit">关注公众号 了解详情</p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </div>
+</div>
+</body>
+<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/attestation.js" defer type="text/javascript"></script>
+</html>

view/attestation/attestation.html

@@ -1,241 +0,0 @@
-<!DOCTYPE html
-        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">
-
-<head>
-    <meta charset="utf-8">
-    <title>农燊高科-鉴证详情</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="keywords" content="" />
-    <meta name="description" cxontent="" />
-    <link href="../../static/css/main.css" rel="stylesheet" type="text/css" />
-    <link href="../../static/css/index.css" rel="stylesheet" type="text/css" />
-    <link href="../../static/css/announcement/announcement.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-<div class="main" id="page">
-    <!--顶部Title  -->
-    <div class="bg-f7 txc">
-        <div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
-            <p class="topTit">Hi,欢迎来到农村产权交易中心</p>
-            <div class="flex_dom flex_item_end">
-                <el-select v-model="cityValue" placeholder="请选择">
-                    <el-option-group v-for="group in options" :key="group.label" :label="group.label">
-                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
-                                   :value="item.value">
-                        </el-option>
-                    </el-option-group>
-                </el-select>
-                <p class="topTit02">返回主站</p>
-            </div>
-        </div>
-    </div>
-    <!--LOGO search -->
-    <div class="logoSearch w-1200">
-        <div class="wid50 logoSearch-div fl">
-            <img src="../../static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
-            <h1 class="fl" id="webConfigName">左云县农村产权交易网</h1>
-            <div class="clear"></div>
-        </div>
-        <div class="wid50 logoSearch-div fr">
-            <div class="searchDiv fl">
-                <input type="text" placeholder="请输入关键词搜索" class="searchClass" />
-                <input type="button" value="搜索" class="searchButton" />
-            </div>
-            <div class="fr">
-                <a href="javascript:void(0)">请登录</a>
-                <a href="javascript:void(0)">免费注册</a>
-            </div>
-            <div class="clear"></div>
-        </div>
-        <div class="clear"></div>
-    </div>
-
-    <!--顶部导航栏  -->
-    <div class="top">
-        <ul class="container w-1200">
-            <li><a href="../../index.html">首页</a></li>
-            <li><a href="../listingItems/itemsList.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="javascript:void(0)">政策法规</a></li>
-            <li><a href="javascript:void(0)">互动交流</a></li>
-        </ul>
-    </div>
-    <div class="w-1200">
-        <p class="font16 m-t-15 titIndex">成交公告<i>></i><span>鉴证详情</span></p>
-        <table border="1" cellpadding="0" cellspacing="0">
-            <tr>
-                <td colspan="6" style="font-weight:bolder; font-size:16px;">农村产权交易鉴证书</td>
-            </tr>
-            <tr>
-                <td colspan="2">鉴证书编号</td>
-                <td colspan="3">【2021】第40003号</td>
-            </tr>
-            <tr>
-                <td colspan="2">项目名称</td>
-                <td>胶州市三里河街道办事处北三里河村三里河文苑小区105号</td>
-                <td>项目编号</td>
-                <td>SW-ZC-20211792</td>
-            </tr>
-            <tr>
-                <td rowspan="3">转出方</td>
-                <td>所有权人</td>
-                <td>胶州市三里河街道办事处北三里河村股份经济合作社</td>
-                <td></td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>转出方</td>
-                <td>胶州市三里河街道办事处北三里河村股份经济合作社</td>
-                <td>转出行为批准机构名称</td>
-                <td>
-                    <el-input v-model="form.pzjg" placeholder="请输入转出行为批准机构"/>
-                </td>
-            </tr>
-            <tr>
-                <td>负责人</td>
-                <td>
-                    <el-input v-model="form.legalPerson" placeholder="请输入负责人"/>
-                </td>
-                <td>注册号<br/>(身份证号)</td>
-                <td>
-                    <el-input v-model="form.idCardNum" placeholder="请输入转出方注册号(身份证号)"/>
-                </td>
-            </tr>
-            <tr>
-                <td rowspan="3">受让方</td>
-                <td>受让方</td>
-                <td>
-                    <el-input v-model="form.inName" placeholder="请输入受让方名称"/>
-                </td>
-                <td></td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>法定代表人</td>
-                <td>
-                    <el-input v-model="form.realname" placeholder="请输入受让方法定代表人姓名"/>
-                </td>
-                <td>公司性质</td>
-                <td>集体</td>
-            </tr>
-            <tr>
-                <td>注册资本</td>
-                <td>
-                    <el-input v-model="form.companyCapital" placeholder="请输入注册资金"/>
-                </td>
-                <td><p>注册号<br/>
-                    (身份证号)</p></td>
-                <td>
-                    <el-input v-model="form.companyLicense" placeholder="请输入注册号(身份证号)"/>
-                </td>
-            </tr>
-            <tr>
-                <td rowspan="8"><p>转出</p>
-                    <p>标的</p>
-                    <p>内容</p>
-                    <p>及</p>
-                    <p>方式</p></td>
-                <td>坐落</td>
-                <td colspan="3">
-                    <el-input v-model="form.areaName" placeholder="请输入项目坐落"/>
-                </td>
-            </tr>
-            <tr>
-                <td>标的物情况</td>
-                <td colspan="3">
-                    <el-input v-model="form.szCondition" type="textarea" placeholder="四至情况"/>
-                </td>
-            </tr>
-            <tr>
-                <td>转出面积（数量）</td>
-                <td>
-                    <el-input v-model="form.allCount" placeholder="请输入转出面积"/>
-                </td>
-                <td>转出期限</td>
-                <td>
-                    <el-input v-model="form.outStartEndTime" placeholder="请输入转出期限"/>
-                </td>
-            </tr>
-            <tr>
-                <td>确权机构</td>
-                <td>
-                    <el-input v-model="form.organization" placeholder="请输入确权机构"/>
-                </td>
-                <td>权证编号</td>
-                <td>
-                    <el-input v-model="form.warrantCode" placeholder="请输入权证编号"/>
-                </td>
-            </tr>
-            <tr>
-                <td>转出方式</td>
-                <td>出租</td>
-                <td>交易方式</td>
-                <td>电子竞价</td>
-            </tr>
-            <tr>
-                <td>交易底价</td>
-                <td>
-                    <el-input v-model="form.price" placeholder="请输入交易底价"/>
-                </td>
-                <td>成交金额</td>
-                <td>
-                    <el-input v-model="form.dealMoneySum" placeholder="请输入成交金额"/>
-                </td>
-            </tr>
-            <tr>
-                <td>合同签署日期</td>
-                <td>2021.4.3</td>
-                <td>合同编号</td>
-                <td>
-                    <el-input v-model="form.contractCode" placeholder="请输入合同编号"/>
-                </td>
-            </tr>
-            <tr>
-                <td>附记</td>
-                <td colspan="4">
-                    <el-input v-model="form.jzsRemark" type="textarea" placeholder="请输入附记"/>
-                </td>
-            </tr>
-            <tr>
-                <td colspan="5" style="border-bottom:1px solid #999;">
-                    <p align="right">农村产权交易鉴证书</p>
-                    <p>2021.4.3</p>
-                </td>
-            </tr>
-        </table>
-    </div>
-    <!--底部链接  -->
-    <div class="bottomLink">
-        <div class="w-1200">
-            <div class="w-1000 fl">
-                <p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
-                <script id="friendsLinksData" type="text/html">
-                    {{each friendsLinksList as value i}}
-                    <a href="{{value.url}}" target="_blank">{{value.name}}</a>
-                    {{/each}}
-                </script>
-                <div class="bottomLink-linkList" id="friendsLinksContent"></div>
-                <p class="ba" id="webConfigRecord">
-                    鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
-                </p>
-                <p class="ba" id="webConfigAddress">
-                    左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
-                </p>
-            </div>
-            <div class="ewm fr">
-                <img src="../../static/images/ewm.jpg" width="110" height="110" alt="" />
-                <p class="ewmtit">关注公众号 了解详情</p>
-            </div>
-            <div class="clear"></div>
-        </div>
-    </div>
-</div>
-</body>
-
-</html>

view/demand/demand.html

@@ -12,6 +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/demand/demand.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/page_common.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -58,12 +59,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><a href="../announcement/announcement.html">项目公告</a></li>
+            <li class="active"><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">
@@ -72,97 +73,54 @@
             <div class="tabList">
                 <p class="active" id="supplyBtn" onclick="tabCheck('supply')">个人供应</p>
                 <p id="demandBtn" onclick="tabCheck('demand')">个人需求</p>
+
                 <table id="supply" cellspacing="0" cellpadding="0" width="100%">
-                    <tr>
-                        <td width="100px">供</td>
-                        <td>项目名称</td>
-                        <td>发布时间</td>
-                        <td>联系电话</td>
-                    </tr>
-                    <tr>
-                        <td>供</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>供</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>供</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>供</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>供</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
+                    <script id="supplyInformationData" type="text/html">
+                        <tr>
+                            <td width="100px">供</td>
+                            <td>项目名称</td>
+                            <td>发布时间</td>
+                            <td>联系电话</td>
+                        </tr>
+                        {{each supplyInformationList as value i}}
+                        <tr>
+                            <td width="100px">供</td>
+                            <td>{{value.projectName}}</td>
+                            <td>{{value.logintime}}</td>
+                            <td>{{value.phone}}</td>
+                        </tr>
+                        {{/each}}
+                    </script>
                 </table>
                 <table style="display: none;" id="demand" cellspacing="0" cellpadding="0" width="100%">
-                    <tr>
-                        <td width="100px">需</td>
-                        <td>项目名称</td>
-                        <td>发布时间</td>
-                        <td>联系电话</td>
-                    </tr>
-                    <tr>
-                        <td>需</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>需</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>需</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>需</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
-                    <tr>
-                        <td>需</td>
-                        <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
-                        <td>阶梯竞价</td>
-                        <td>15314031621</td>
-                    </tr>
+                    <script id="demandInformationData" type="text/html">
+                        <tr>
+                            <td width="100px">需</td>
+                            <td>项目名称</td>
+                            <td>发布时间</td>
+                            <td>联系电话</td>
+                        </tr>
+                        {{each demandInformationList as value i}}
+                        <tr>
+                            <td width="100px">需</td>
+                            <td>{{value.projectName}}</td>
+                            <td>{{value.logintime}}</td>
+                            <td>{{value.phone}}</td>
+                        </tr>
+                        {{/each}}
+                    </script>
                 </table>
             </div>
-
             <!--          <el-button size="mini" round class="perBtn">个人供求发布</el-button>-->
         </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" id="supplyNum" style="display: block;">
+            <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="pageNum" id="demandNum" style="display: none;">
+            <div style="display: inline-block;margin: 0 auto;" class="page_s2"></div>
+            <p style="display: inline-block;margin: 0 auto;" id="page_s2"></p>
+        </div>
     </div>
     <!--底部链接  -->
     <div class="bottomLink">
@@ -191,14 +149,8 @@
     </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/demand/demand.js" defer type="text/javascript"></script>
 <script>
-    tabCheck = function (type) {
-        document.getElementById('supply').style.display = 'none';
-        document.getElementById('demand').style.display = 'none';
-        document.getElementById(type).style.display = 'inline-table';
-        document.getElementById('supplyBtn').className = '';
-        document.getElementById('demandBtn').className = '';
-        document.getElementById(type+'Btn').className = 'active';
-    }
 </script>
 </html>

view/interact/interactList.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,6 +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/interact/interact.css" rel="stylesheet" type="text/css" />
+    <link href="../../static/css/page_common.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -58,12 +59,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><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="../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="../policy/policy.html">政策法规</a></li>
+            <li class="active"><a href="../interact/interactList.html">互动交流</a></li>
         </ul>
     </div>
     <div class="w-1200">
@@ -77,120 +78,30 @@
             <div class="clear"></div>
         </div>
         <div class="interactList">
-            <ul>
-                <li>
-                    <div class="m-b-20">
-                        <img src="../../static/images/questions.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">1. 没拍到钱怎么退回？</p>
-                        <p class="fr">03-11 15:02</p>
-                        <div class="clear"></div>
-                    </div>
-                    <div>
-                        <img src="../../static/images/answer.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">
-                            如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。<br/>
-                            钱款需要退回银行卡方法如下：<br/>
-                            通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费；<br/>
-                            通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡；<br/>
-                            通过余额宝交保，请在支付宝app找到余额宝，点击转出；<br/>
-                            通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。<br/>
-                        </p>
-                        <div class="clear"></div>
-                    </div>
-                </li>
-                <li>
-                    <div class="m-b-20">
-                        <img src="../../static/images/questions.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">1. 没拍到钱怎么退回？</p>
-                        <p class="fr">03-11 15:02</p>
-                        <div class="clear"></div>
-                    </div>
-                    <div>
-                        <img src="../../static/images/answer.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">
-                            如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。<br/>
-                            钱款需要退回银行卡方法如下：<br/>
-                            通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费；<br/>
-                            通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡；<br/>
-                            通过余额宝交保，请在支付宝app找到余额宝，点击转出；<br/>
-                            通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。<br/>
-                        </p>
-                        <div class="clear"></div>
-                    </div>
-                </li>
-                <li>
-                    <div class="m-b-20">
-                        <img src="../../static/images/questions.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">1. 没拍到钱怎么退回？</p>
-                        <p class="fr">03-11 15:02</p>
-                        <div class="clear"></div>
-                    </div>
-                    <div>
-                        <img src="../../static/images/answer.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">
-                            如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。<br/>
-                            钱款需要退回银行卡方法如下：<br/>
-                            通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费；<br/>
-                            通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡；<br/>
-                            通过余额宝交保，请在支付宝app找到余额宝，点击转出；<br/>
-                            通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。<br/>
-                        </p>
-                        <div class="clear"></div>
-                    </div>
-                </li>
-                <li>
-                    <div class="m-b-20">
-                        <img src="../../static/images/questions.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">1. 没拍到钱怎么退回？</p>
-                        <p class="fr">03-11 15:02</p>
-                        <div class="clear"></div>
-                    </div>
-                    <div>
-                        <img src="../../static/images/answer.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">
-                            如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。<br/>
-                            钱款需要退回银行卡方法如下：<br/>
-                            通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费；<br/>
-                            通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡；<br/>
-                            通过余额宝交保，请在支付宝app找到余额宝，点击转出；<br/>
-                            通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。<br/>
-                        </p>
-                        <div class="clear"></div>
-                    </div>
-                </li>
-                <li>
-                    <div class="m-b-20">
-                        <img src="../../static/images/questions.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">1. 没拍到钱怎么退回？</p>
-                        <p class="fr">03-11 15:02</p>
-                        <div class="clear"></div>
-                    </div>
-                    <div>
-                        <img src="../../static/images/answer.png" alt="" class="fl m-r-20"/>
-                        <p class="fl">
-                            如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。<br/>
-                            钱款需要退回银行卡方法如下：<br/>
-                            通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费；<br/>
-                            通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡；<br/>
-                            通过余额宝交保，请在支付宝app找到余额宝，点击转出；<br/>
-                            通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。<br/>
-                        </p>
-                        <div class="clear"></div>
-                    </div>
-                </li>
-            </ul>
+            <script id="interactInformationData" type="text/html">
+                {{each interactInformationList as value i}}
+                    <li>
+                        <div class="m-b-20">
+                            <img src="../../static/images/questions.png" alt="" class="fl m-r-20"/>
+                            <p class="fl">{{i+1}}.{{value.title}}？</p>
+                            <p class="fr">{{value.logintime}}</p>
+                            <div class="clear"></div>
+                        </div>
+                        <div>
+                            <img src="../../static/images/answer.png" alt="" class="fl m-r-20"/>
+                            <p class="fl wid80">{{value.reply}}</p>
+                            <p class="fr">{{value.replyTime}}</p>
+                            <div class="clear"></div>
+                        </div>
+                    </li>
+                {{/each}}
+            </script>
+            <ul id="interactInformationContent"></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">
@@ -219,5 +130,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/interact/interact.js" defer type="text/javascript"></script>
 </html>

view/listingItems/itemsDetail.html

@@ -64,373 +64,408 @@
     <div class="top">
         <ul class="container w-1200">
             <li><a href="../../index.html">首页</a></li>
-            <li class="active"><a href="itemsList.html">挂牌项目</a></li>
-            <li><a href="javascript:void(0)">竞价大厅</a></li>
-            <li><a href="javascript:void(0)">项目公告</a></li>
-            <li><a href="javascript:void(0)">个人供求</a></li>
+            <li 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">
         <p class="font16 m-t-15 titIndex">挂牌项目<i>></i>产权交易<i>></i><span>三屯乡黄家村土地经营权流转</span></p>
-        <p class="importantText m-t-15">
-            重要提示：竞买人在竞价前请务必遵照左云县农村产权交易网的《平台竞价交易规则》、《左云县农村产权交易网平台农村产权交易操作指南》的要求，了解的情况、竞买资格、注册报名、保证金缴纳、竞买操作及款项支付方式等内容。如未全面了解相关内容，违反相关规定，您将承担无法参与项目竞买、保证金不予退还等不利后果，请审慎参与竞买。</p>
-        <div class="swiperDiv">
-            <div class="pc-slide fl">
-                <div class="view">
-                    <div class="swiper-container">
-                        <a class="arrow-left" href="#"></a>
-                        <a class="arrow-right" href="#"></a>
-                        <div class="swiper-wrapper">
-                            <div class="swiper-slide">
-                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
-                            </div>
-                            <div class="swiper-slide">
-                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
-                            </div>
-                            <div class="swiper-slide">
-                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
-                            </div>
-                            <div class="swiper-slide">
-                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
-                            </div>
-                            <div class="swiper-slide">
-                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
-                            </div>
-                            <div class="swiper-slide">
-                                <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+        <p class="importantText m-t-15">重要提示：竞买人在竞价前请务必遵照左云县农村产权交易网的《平台竞价交易规则》、《左云县农村产权交易网平台农村产权交易操作指南》的要求，了解的情况、竞买资格、注册报名、保证金缴纳、竞买操作及款项支付方式等内容。如未全面了解相关内容，违反相关规定，您将承担无法参与项目竞买、保证金不予退还等不利后果，请审慎参与竞买。</p>
+        <div id="outProjectInformationContent"></div>
+        <script id="outProjectInformationData" type="text/html">
+            <div class="swiperDiv">
+                <div class="pc-slide fl">
+                    <div class="view">
+                        <div class="swiper-container">
+                            <a class="arrow-left" href="#"></a>
+                            <a class="arrow-right" href="#"></a>
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide">
+                                    <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                                </div>
+                                <div class="swiper-slide">
+                                    <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                                </div>
+                                <div class="swiper-slide">
+                                    <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                                </div>
+                                <div class="swiper-slide">
+                                    <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                                </div>
+                                <div class="swiper-slide">
+                                    <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                                </div>
+                                <div class="swiper-slide">
+                                    <a href="javascript:void(0);"><img src="../../static/images/material1.jpg" alt=""></a>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="preview">
-                    <div class="swiper-container">
-                        <div class="swiper-wrapper">
-                            <div class="swiper-slide active-nav">
-                                <img src="../../static/images/material1.jpg" alt="">
-                            </div>
-                            <div class="swiper-slide">
-                                <img src="../../static/images/material1.jpg" alt="">
-                            </div>
-                            <div class="swiper-slide active-nav">
-                                <img src="../../static/images/material1.jpg" alt="">
-                            </div>
-                            <div class="swiper-slide">
-                                <img src="../../static/images/material1.jpg" alt="">
-                            </div>
-                            <div class="swiper-slide active-nav">
-                                <img src="../../static/images/material1.jpg" alt="">
-                            </div>
-                            <div class="swiper-slide">
-                                <img src="../../static/images/material1.jpg" alt="">
+                    <div class="preview">
+                        <div class="swiper-container">
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide active-nav">
+                                    <img src="../../static/images/material1.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="../../static/images/material1.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide active-nav">
+                                    <img src="../../static/images/material1.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="../../static/images/material1.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide active-nav">
+                                    <img src="../../static/images/material1.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="../../static/images/material1.jpg" alt="">
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="fr swiperDetail">
-                <p class="swiperTit">【出租】管家堡乡500亩水田</p>
-                <table class="swiperTable">
-                    <tr>
-                        <td>距结束</td>
-                        <td>00天17时29分05秒</td>
-                    </tr>
-                    <tr>
-                        <td>挂牌价</td>
-                        <td><span>500</span> 元/亩/年</td>
-                    </tr>
-                    <tr>
-                        <td>保证金</td>
-                        <td><span>5000</span> 元</td>
-                    </tr>
-                </table>
-                <div class="swiperInput">
-                    <table>
+                <div class="fr swiperDetail">
+                    <p class="swiperTit">{{outProjectInformationDetail.projectName}}</p>
+                    <table class="swiperTable">
                         <tr>
-                            <td>
-                                <p class="fl inputTit">出价</p>
-                            </td>
-                            <td>
-                                <input type="text" placeholder="453330" class="fl"/>
-                                <div class="fl">
-                                    <input type="button" value="+"/>
-                                    <input type="button" value="-"/>
-                                </div>
-                            </td>
+                            <td>距结束</td>
+                            <td>00天17时29分05秒</td>
                         </tr>
                         <tr>
-                            <td></td>
-                            <td>
-                                <div class="fl">
-                                    <p>立即报名</p>
-                                    <p>保证金￥30,000</p>
-                                </div>
-                                <p class="signTit fl"><i class="ts">!</i>如何交钱报名</p>
-                            </td>
+                            <td>挂牌价</td>
+                            <td><span>{{outProjectInformationDetail.price}}</span>{{outProjectInformationDetail.unit}}</td>
+                        </tr>
+                        <tr>
+                            <td>保证金</td>
+                            <td><span>{{outProjectInformationDetail.deposit}}</span> 元</td>
+                        </tr>
+                    </table>
+                    <div class="swiperInput">
+                        <table>
+                            <tr>
+                                <td>
+                                    <p class="fl inputTit">出价</p>
+                                </td>
+                                <td>
+                                    <input type="text" placeholder="{{outProjectInformationDetail.money}}" class="fl"/>
+                                    <div class="fl">
+                                        <input type="button" value="+"/>
+                                        <input type="button" value="-"/>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td></td>
+                                <td>
+                                    <div class="fl">
+                                        <p>立即报名</p>
+                                        <p>保证金￥{{outProjectInformationDetail.deposit}}</p>
+                                    </div>
+                                    <p class="signTit fl"><i class="ts">!</i>如何交钱报名</p>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td></td>
+                                <td>
+                                    <img src="../../static/images/tips.png"/>
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
+                    <table class="tableTime">
+                        <tr>
+                            <td>报名开始时间：{{outProjectInformationDetail.signupStartTime}}</td>
+                            <td>报名截止时间：{{outProjectInformationDetail.signupStopTime}}</td>
                         </tr>
                         <tr>
+                            <td>竞价开始时间：{{outProjectInformationDetail.biddingStartTime}}</td>
+                            <td>竞价截止时间：{{outProjectInformationDetail.biddingStopTime}}</td>
+                        </tr>
+                        <tr>
+                            <td>竞价方式：{{outProjectInformationDetail.biddingType}}</td>
+                            <td>阶梯价（加价幅度）：¥{{outProjectInformationDetail.ladderPrice}}</td>
+                        </tr>
+                        <tr>
+                            <td>延时周期：2分钟<i class="wh">?</i></td>
                             <td></td>
-                            <td>
-                                <img src="../../static/images/tips.png"/>
-                            </td>
                         </tr>
                     </table>
                 </div>
-                <table class="tableTime">
+                <div class="clear"></div>
+            </div>
+            <div class="tabTable">
+                <ul>
+                    <li class="active" onclick="tabClick(1)" id="tab1">标的物介绍</li>
+                    <li onclick="tabClick(2)" id="tab2">标的物图片</li>
+                    <li onclick="tabClick(3)" id="tab3">竞买须知</li>
+                    <li onclick="tabClick(4)" id="tab4">竞价记录</li>
+                    <div class="clear"></div>
+                </ul>
+            </div>
+            <div style="display: block;" id="tabDetail1">
+                <table cellspacing="0" cellpadding="0" style="table-layout: fixed; margin: 0px auto; max-width: 1000px;">
+                    <tr style="height: 1px;" class="s0">
+                        <td width="76px;"></td>
+                        <td width="28px;"></td>
+                        <td width="47px;"></td>
+                        <td width="9px;"></td>
+                        <td width="31px;"></td>
+                        <td width="6px;"></td>
+                        <td width="28px;"></td>
+                        <td width="9px;"></td>
+                        <td width="24px;"></td>
+                        <td width="14px;"></td>
+                        <td width="32px;"></td>
+                        <td width="44px;"></td>
+                        <td width="30px;"></td>
+                        <td width="7px;"></td>
+                        <td width="16px;"></td>
+                        <td width="3px;"></td>
+                        <td width="47px;"></td>
+                        <td width="28px;"></td>
+                        <td width="28px;"></td>
+                        <td width="41px;"></td>
+                        <td width="10px;"></td>
+                        <td width="56px;"></td>
+                        <td width="38px;"></td>
+                        <td width="38px;"></td>
+                        <td width="16px;"></td>
+                        <td width="88px;"></td>
+                        <td width="9px;"></td>
+                    </tr>
+                    <tr class="s0">
+                        <td colspan="2" nowrap="nowrap" style="font-size: 1px;">&nbsp;</td>
+                        <td colspan="22" class="proTittle">项目挂牌转出方简况及公告内容</td>
+                        <td colspan="3" nowrap="nowrap" style="font-size: 1px;">&nbsp;</td>
+                    </tr>
+                    <tr style="height: 35px;" class="s0">
+                        <td colspan="27" nowrap="nowrap" class="s0" style="font-size: 1px;">&nbsp;</td>
+                    </tr>
+                    <tr>
+                        <td rowspan="6">转出方<br/>基本情况</td>
+                        <td colspan="12">转出方名称<span class="red">*</span></td>
+                        <td colspan="15">{{outProjectInformationDetail.outName}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="12">住所（地址）</td>
+                        <td colspan="15">{{outProjectInformationDetail.address}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="7">经济类型</td>
+                        <td colspan="8">{{outProjectInformationDetail.economicType}}</td>
+                        <td colspan="6">注册证号</td>
+                        <td colspan="6">{{outProjectInformationDetail.registerNum}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="7">注册资本(万元)</td>
+                        <td colspan="8">{{outProjectInformationDetail.registerMoney}}</td>
+                        <td colspan="6">组织机构代码证号</td>
+                        <td colspan="6">{{outProjectInformationDetail.areaNum}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="7">法定代表人/负责人<span class="red">*</span></td>
+                        <td colspan="8">{{outProjectInformationDetail.legalPerson}}</td>
+                        <td colspan="6">身份证号<span class="red">*</span></td>
+                        <td colspan="6">{{outProjectInformationDetail.idCardNum}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="7">联系电话<span class="red">*</span></td>
+                        <td colspan="8">{{outProjectInformationDetail.phone}}</td>
+                        <td colspan="6">电子邮箱</td>
+                        <td colspan="6">{{outProjectInformationDetail.email}}</td>
+                    </tr>
+                    <tr>
+                        <td rowspan="{{26+outProjectInformationDetail.subjectList.length}}">转出项目<br/>基本情况</td>
+                        <td colspan="10">项目类型<span class="red">*</span></td>
+                        <td colspan="17">{{outProjectInformationDetail.projectNumber}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">农地性质<span class="red">*</span></td>
+                        <td colspan="17">{{outProjectInformationDetail.projectType}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">转出项目名称<span class="red">*</span></td>
+                        <td colspan="17">{{outProjectInformationDetail.projectName}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">坐落</td>
+                        <td colspan="17">{{outProjectInformationDetail.locationName}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">是否属再次转出<span class="red">*</span></td>
+                        <td colspan="17">
+                            {{if outProjectInformationDetail.twoout == 'N'}}
+                                否
+                            {{else}}
+                                是
+                            {{/if}}
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">前次转出方式</td>
+                        <td colspan="17">{{outProjectInformationDetail.oneout}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">拟转出方式<span class="red">*</span></td>
+                        <td colspan="17">{{outProjectInformationDetail.rollout}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">拟转出期限<span class="red">*</span></td>
+                        <td colspan="17">{{outProjectInformationDetail.outStartTime}}至{{outProjectInformationDetail.outStopTime}}共{{outProjectInformationDetail.outYearNum}}年</td>
+                    </tr>
+                    <tr>
+                        <td colspan="7">拟转出面积/数量<span class="red">*</span></td>
+                        <td colspan="8">{{outProjectInformationDetail.allCount}}{{outProjectInformationDetail.allCountUnit}}</td>
+                        <td colspan="6">涉及农户数</td>
+                        <td colspan="6">{{outProjectInformationDetail.peasantNum}}户</td>
+                    </tr>
+                    <tr>
+                        <td colspan="27">转出标的物信息</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">标的物名称</td>
+                        <td colspan="5">面积/数量</td>
+                        <td colspan="3">单位</td>
+                        <td colspan="9">备注/描述</td>
+                    </tr>
+                    {{each outProjectInformationDetail.subjectList as value i}}
+                    <tr>
+                        <td colspan="10">{{value.landName}}</td>
+                        <td colspan="5">{{value.area}}</td>
+                        <td colspan="3">{{value.areaUnit}}</td>
+                        <td colspan="9">{{value.condition}}</td>
+                    </tr>
+                    {{/each}}
+                    <tr>
+                        <td colspan="10">价格是否面议<span class="red">*</span></td>
+                        <td colspan="17">
+                            {{if outProjectInformationDetail.isDiscuss == 'N'}}
+                            否
+                            {{else}}
+                            是
+                            {{/if}}
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">挂牌价格<span class="red">*</span></td>
+                        <td colspan="17">{{outProjectInformationDetail.price}}{{outProjectInformationDetail.unit}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">支付方式</td>
+                        <td colspan="17">{{outProjectInformationDetail.paymentType}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">授权情况(转出申请人与权证权利人非同一人)</td>
+                        <td colspan="17">{{outProjectInformationDetail.authorization}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">拟流转土地用途</td>
+                        <td colspan="17">{{outProjectInformationDetail.contractPurpose}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">其他农户是否放弃行使优先权</td>
+                        <td colspan="17">
+                            {{if outProjectInformationDetail.otherPeasant == 'N'}}
+                            否
+                            {{else}}
+                            是
+                            {{/if}}
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">是否优先本村集体内部成员</td>
+                        <td colspan="17">
+                            {{if outProjectInformationDetail.isOwnFirst == 'N'}}
+                            否
+                            {{else}}
+                            是
+                            {{/if}}
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">受让方应当具备的条件</td>
+                        <td colspan="17">{{outProjectInformationDetail.condition}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">其它需要披露的事项</td>
+                        <td colspan="17">{{outProjectInformationDetail.cracksEvents}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">是否缴纳保证金</td>
+                        <td colspan="17">
+                            {{if outProjectInformationDetail.isDeposit == 'N'}}
+                            否
+                            {{else}}
+                            是
+                            {{/if}}
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">缴纳形式</td>
+                        <td colspan="17">{{outProjectInformationDetail.depositPaymentType}}</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">保证金金额<span class="red">*</span></td>
+                        <td colspan="17">{{outProjectInformationDetail.deposit}}元</td>
+                    </tr>
+                    <tr>
+                        <td colspan="10">交易方式</td>
+                        <td colspan="17">{{outProjectInformationDetail.dealType}}</td>
+                    </tr>
                     <tr>
-                        <td>报名开始时间：2021-04-19 15:18:53</td>
-                        <td>报名截止时间：2021-04-19 15:20:53</td>
+                        <td colspan="10">竞价方式</td>
+                        <td colspan="17">{{outProjectInformationDetail.biddingType}}</td>
                     </tr>
                     <tr>
-                        <td>竞价开始时间：2021-04-19 15:25:53</td>
-                        <td>竞价截止时间：2021-04-19 15:35:53</td>
+                        <td colspan="10">阶梯价</td>
+                        <td colspan="17">{{outProjectInformationDetail.ladderPrice}}元</td>
                     </tr>
                     <tr>
-                        <td>竞价方式：自由竞价/阶梯竞价</td>
-                        <td>阶梯价（加价幅度）：¥1,000</td>
+                        <td colspan="27" style="text-align: left;padding-left: 20px;">
+                            挂牌公告期：自公告之日起{{outProjectInformationDetail.noticeDay}}日（不少于5个工作日）
+                        </td>
                     </tr>
                     <tr>
-                        <td>延时周期：2分钟<i class="wh">?</i></td>
-                        <td></td>
+                        <td colspan="27" style="text-align: left;padding-left: 20px;">
+                            挂牌期满，如未征集到意向受让方：{{outProjectInformationDetail.expire}}
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="27" style="text-align: left;padding-left: 20px;">挂牌期满，如征集到一个符合条件的意向受让方,采取协议转让方式确定受让方；如征集到两个及以上符合条件的意向受让方采取竞价(电子竞价)方式确定受让方。</td>
+                    </tr>
+                    <tr>
+                        <td>转出<br/>意愿<br/>确认</td>
+                        <td colspan="27">
+                            <p>我单位承诺上述内容属实，并自愿申请农村产权流转交易。</p>
+                            申请人：<span class="red">*</span>{{outProjectInformationDetail.outApplyName}} {{outProjectInformationDetail.outApplyTime}}
+                        </td>
+                    </tr>
+
+                    <tr v-if="this.auditStatus">
+                        <td>审批<br/>意见</td>
+                        <td colspan="27">
+                            {{outProjectInformationDetail.pass}}
+                        </td>
                     </tr>
                 </table>
             </div>
-            <div class="clear"></div>
-        </div>
 
-        <div class="tabTable">
-            <ul>
-                <li class="active" id="tab1">标的物介绍</li>
-                <li id="tab2">标的物图片</li>
-                <li id="tab3">竞买须知</li>
-                <li id="tab4">竞价记录</li>
-                <div class="clear"></div>
-            </ul>
-        </div>
-        <div style="display: block;" id="tabDetail1">
-            <table cellspacing="0" cellpadding="0" style="table-layout: fixed; margin: 0px auto; max-width: 1000px;">
-                <tr style="height: 1px;" class="s0">
-                    <td width="76px;"></td>
-                    <td width="28px;"></td>
-                    <td width="47px;"></td>
-                    <td width="9px;"></td>
-                    <td width="31px;"></td>
-                    <td width="6px;"></td>
-                    <td width="28px;"></td>
-                    <td width="9px;"></td>
-                    <td width="24px;"></td>
-                    <td width="14px;"></td>
-                    <td width="32px;"></td>
-                    <td width="44px;"></td>
-                    <td width="30px;"></td>
-                    <td width="7px;"></td>
-                    <td width="16px;"></td>
-                    <td width="3px;"></td>
-                    <td width="47px;"></td>
-                    <td width="28px;"></td>
-                    <td width="28px;"></td>
-                    <td width="41px;"></td>
-                    <td width="10px;"></td>
-                    <td width="56px;"></td>
-                    <td width="38px;"></td>
-                    <td width="38px;"></td>
-                    <td width="16px;"></td>
-                    <td width="88px;"></td>
-                    <td width="9px;"></td>
-                </tr>
-                <tr class="s0">
-                    <td colspan="2" nowrap="nowrap" style="font-size: 1px;">&nbsp;</td>
-                    <td colspan="22" class="proTittle">项目挂牌转出方简况及公告内容</td>
-                    <td colspan="3" nowrap="nowrap" style="font-size: 1px;">&nbsp;</td>
-                </tr>
-                <tr style="height: 35px;" class="s0">
-                    <td colspan="27" nowrap="nowrap" class="s0" style="font-size: 1px;">&nbsp;</td>
-                </tr>
-                <tr>
-                    <td rowspan="6">转出方<br/>基本情况</td>
-                    <td colspan="12">转出方名称<span class="red">*</span></td>
-                    <td colspan="15">转出方名称转出方名称</td>
-                </tr>
-                <tr>
-                    <td colspan="12">住所（地址）</td>
-                    <td colspan="15">住所（地址）住所（地址）</td>
-                </tr>
-                <tr>
-                    <td colspan="7">经济类型</td>
-                    <td colspan="8">经济类型经济类型</td>
-                    <td colspan="6">注册证号</td>
-                    <td colspan="6">注册证号注册证号</td>
-                </tr>
-                <tr>
-                    <td colspan="7">注册资本(万元)</td>
-                    <td colspan="8">注册资本(万元)注册资本(万元)</td>
-                    <td colspan="6">组织机构代码证号</td>
-                    <td colspan="6">组织机构代码证号组织机构代码证号</td>
-                </tr>
-                <tr>
-                    <td colspan="7">法定代表人/负责人<span class="red">*</span></td>
-                    <td colspan="8">法定代表人/负责人法定代表人/负责人</td>
-                    <td colspan="6">身份证号<span class="red">*</span></td>
-                    <td colspan="6">身份证号身份证号</td>
-                </tr>
-                <tr>
-                    <td colspan="7">联系电话<span class="red">*</span></td>
-                    <td colspan="8">联系电话联系电话</td>
-                    <td colspan="6">电子邮箱</td>
-                    <td colspan="6">电子邮箱电子邮箱</td>
-                </tr>
-                <tr>
-                    <td rowspan="27">转出项目<br/>基本情况</td>
-                    <td colspan="10">项目类型<span class="red">*</span></td>
-                    <td colspan="17">项目类型项目类型</td>
-                </tr>
-                <tr>
-                    <td colspan="10">农地性质<span class="red">*</span></td>
-                    <td colspan="17">农地性质农地性质</td>
-                </tr>
-                <tr>
-                    <td colspan="10">转出项目名称<span class="red">*</span></td>
-                    <td colspan="17">转出项目名称转出项目名称</td>
-                </tr>
-                <tr>
-                    <td colspan="10">坐落</td>
-                    <td colspan="17">坐落坐落</td>
-                </tr>
-                <tr>
-                    <td colspan="10">是否属再次转出<span class="red">*</span></td>
-                    <td colspan="17">是否属再次转出是否属再次转出</td>
-                </tr>
-                <tr>
-                    <td colspan="10">前次转出方式</td>
-                    <td colspan="17">前次转出方式前次转出方式</td>
-                </tr>
-                <tr>
-                    <td colspan="10">拟转出方式<span class="red">*</span></td>
-                    <td colspan="17">拟转出方式拟转出方式</td>
-                </tr>
-                <tr>
-                    <td colspan="10">拟转出期限<span class="red">*</span></td>
-                    <td colspan="17">1至2共10年</td>
-                </tr>
-                <tr>
-                    <td colspan="7">拟转出面积/数量<span class="red">*</span></td>
-                    <td colspan="8">拟转出面积/数量拟转出面积/数量</td>
-                    <td colspan="6">涉及农户数</td>
-                    <td colspan="6">1户</td>
-                </tr>
-                <tr>
-                    <td colspan="27">转出标的物信息</td>
-                </tr>
-                <tr>
-                    <td colspan="10">标的物名称</td>
-                    <td colspan="5">面积/数量</td>
-                    <td colspan="3">单位</td>
-                    <td colspan="9">备注/描述</td>
-                </tr>
-                <tr>
-                    <td colspan="10">标的物名称</td>
-                    <td colspan="5">面积/数量</td>
-                    <td colspan="3">单位</td>
-                    <td colspan="9">备注/描述</td>
-                </tr>
-                <tr>
-                    <td colspan="10">价格是否面议<span class="red">*</span></td>
-                    <td colspan="17">价格是否面议价格是否面议</td>
-                </tr>
-                <tr>
-                    <td colspan="10">挂牌价格<span class="red">*</span></td>
-                    <td colspan="17">挂牌价格挂牌价格</td>
-                </tr>
-                <tr>
-                    <td colspan="10">支付方式</td>
-                    <td colspan="17">支付方式支付方式</td>
-                </tr>
-                <tr>
-                    <td colspan="10">授权情况(转出申请人与权证权利人非同一人)</td>
-                    <td colspan="17">授权情况(转出申请人与权证权利人非同一人)授权情况(转出申请人与权证权利人非同一人)</td>
-                </tr>
-                <tr>
-                    <td colspan="10">拟流转土地用途</td>
-                    <td colspan="17">拟流转土地用途拟流转土地用途</td>
-                </tr>
-                <tr>
-                    <td colspan="10">其他农户是否放弃行使优先权</td>
-                    <td colspan="17">是</td>
-                </tr>
-                <tr>
-                    <td colspan="10">是否优先本村集体内部成员</td>
-                    <td colspan="17">是</td>
-                </tr>
-                <tr>
-                    <td colspan="10">受让方应当具备的条件</td>
-                    <td colspan="17">受让方应当具备的条件受让方应当具备的条件</td>
-                </tr>
-                <tr>
-                    <td colspan="10">其它需要披露的事项</td>
-                    <td colspan="17">其它需要披露的事项其它需要披露的事项</td>
-                </tr>
-                <tr>
-                    <td colspan="10">是否缴纳保证金</td>
-                    <td colspan="17">是</td>
-                </tr>
-                <tr>
-                    <td colspan="10">缴纳形式</td>
-                    <td colspan="17">现金</td>
-                </tr>
-                <tr>
-                    <td colspan="10">保证金金额<span class="red">*</span></td>
-                    <td colspan="17">100元</td>
-                </tr>
-                <tr>
-                    <td colspan="10">交易方式</td>
-                    <td colspan="17">一手交钱一手交货</td>
-                </tr>
-                <tr>
-                    <td colspan="10">竞价方式</td>
-                    <td colspan="17">竞价方式竞价方式</td>
-                </tr>
-                <tr>
-                    <td colspan="10">阶梯价</td>
-                    <td colspan="17">100元</td>
-                </tr>
-                <tr>
-                    <td colspan="27" style="text-align: left;padding-left: 20px;">
-                        挂牌公告期：自公告之日起5日（不少于5个工作日）
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="27" style="text-align: left;padding-left: 20px;">
-                        挂牌期满，如未征集到意向受让方：
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="27" style="text-align: left;padding-left: 20px;">挂牌期满，如征集到一个符合条件的意向受让方,采取协议转让方式确定受让方；如征集到两个及以上符合条件的意向受让方采取竞价(电子竞价)方式确定受让方。</td>
-                </tr>
-                <tr>
-                    <td>转出<br/>意愿<br/>确认</td>
-                    <td colspan="27">
-                        <p>我单位承诺上述内容属实，并自愿申请农村产权流转交易。</p>
-                        申请人：<span class="red">*</span>权志龙  2021-04-05
-                    </td>
-                </tr>
+        </script>
 
-                <tr v-if="this.auditStatus">
-                    <td>审批<br/>意见</td>
-                    <td colspan="27">
-                        驳回
-                    </td>
-                </tr>
-            </table>
-        </div>
-        <div style="display: none;" id="tabDetail2">
-            <img src="../../static/images/material2.jpg">
-            <img src="../../static/images/material2.jpg">
-            <img src="../../static/images/material2.jpg">
-            <img src="../../static/images/material2.jpg">
+        <script id="showImgInformationData" type="text/html">
+            {{each showImgInformationDetail as value i}}
+                <img src="../../static/images/material2.jpg">
+            {{/each}}
             <div class="clear"></div>
-        </div>
+        </script>
+        <div style="display: none;" id="tabDetail2"></div>
         <div style="display: none;" id="tabDetail3">
             <h1>·竞买须知</h1>
             <h3>一、竞价保证金缴付方式及要求： </h3>
@@ -460,7 +495,8 @@
             <h3>八、受让方放弃竞得项目的、无正当理由不与出让方签订合同的、在签订合同时向出让方提出附加条件或者更改合同实质性内容的，竞投保证金不予返还。</h3>
             <h3>九、法定节假日、公休日不受理报名。</h3>
         </div>
-        <div style="display: none;" id="tabDetail4">
+
+        <script id="biddinglistInformationData" type="text/html">
             <h1>·竞价记录</h1>
             <table cellspacing="0" cellpadding="0">
                 <tr>
@@ -470,22 +506,22 @@
                     <td>状态</td>
                     <td width="300px">出价时间</td>
                 </tr>
-                <tr>
-                    <td>1234512244</td>
-                    <td>张三</td>
-                    <td>45,000</td>
-                    <td>领先</td>
-                    <td>2021年04月20日 10:50:59</td>
-                </tr>
-                <tr>
-                    <td>1234512244</td>
-                    <td>张三</td>
-                    <td>45,000</td>
-                    <td></td>
-                    <td>2021年04月20日 10:50:59</td>
-                </tr>
+                {{each biddinglistInformationDetail as value i}}
+                    <tr>
+                        <td>{{value.userAccount}}</td>
+                        <td>{{value.userName}}</td>
+                        <td>{{value.money}}</td>
+                        <td>
+                            {{if i==0}}
+                                领先
+                            {{/if}}
+                        </td>
+                        <td width="300px">{{value.createTime}}</td>
+                    </tr>
+                {{/each}}
             </table>
-        </div>
+        </script>
+        <div style="display: none;" id="tabDetail4"></div>
     </div>
     <!--底部链接  -->
     <div class="bottomLink">

view/listingItems/itemsList.html

@@ -89,38 +89,27 @@
                     <td class="auction_td">标的所在地</td>
                     <td>
                         <div class="auction_all_left">
-                            <div class="auction_hall_table_tab auction_hall_table_tab_select" id="locInfoall">全部</div>
+                            <div class="auction_hall_table_tab auction_hall_table_tab_select" onclick="tabCheck('')" id="locInfoall">全部</div>
                         </div>
                         <div class="auction_all_right">
                             <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>
+                                        <div class="auction_hall_table_tab auction_loc" id="locInfoall{{value.deptId}}" onclick="tabCheck({{value.deptId}})">{{value.deptName}}</div>
                                 {{/each}}
+                                <div class="clear"></div>
                             </script>
-                            <div class="auction_all_one" id="deptLocationContent">
-                            </div>
+                            <div class="auction_all_one" id="deptLocationContent"></div>
+                            <div class="clickBtm" onclick="allDept()" id="allDept"><i id="sanjiao" class="sanjiao-bottom"></i></div>
                             <!-- 市 -->
-                            <div class="auction_add_area auction_add_area_one">
-                                <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 class="auction_add_area auction_add_area_one" id="secondDept" style="display: none;">
+                                <script id="deptSecondLocationData" type="text/html">
+                                    <div class="auction_hall_table_tab auction_hall_table_tab_select">全部</div>
+                                    {{each deptSecondLocationList as value i}}
+                                    <div class="auction_hall_table_tab  auction_loc">{{value.deptName}}</div>
+                                    {{/each}}
+                                    <div class="clear"></div>
+                                </script>
                             </div>
-                            <!-- 区 -->
-                            <div class="auction_add_area auction_add_area_two"></div>
                         </div>
                     </td>
                 </tr>
@@ -176,7 +165,7 @@
         <script id="ItemsInformationData" type="text/html">
             {{each itemsInformationList as value i}}
                 <div class="centerLeft-center-middle m-t-40">
-                    <a href="itemsDetail.html">
+                    <a href="itemsDetail.html?id={{value.id}}">
                         <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>

view/new/newDetail.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="" />
@@ -56,14 +56,14 @@
     <!--顶部导航栏  -->
     <div class="top">
         <ul class="container w-1200">
-            <li><a href="javascript:void(0)">首页</a></li>
-            <li><a href="javascript:void(0)">挂牌项目</a></li>
-            <li><a href="javascript:void(0)">竞价大厅</a></li>
-            <li><a href="javascript:void(0)">项目公告</a></li>
-            <li><a href="javascript:void(0)">个人供求</a></li>
-            <li class="active"><a href="javascript:void(0)">新闻资讯</a></li>
-            <li><a href="javascript:void(0)">政策法规</a></li>
-            <li><a href="javascript:void(0)">互动交流</a></li>
+            <li><a href="../../index.html">首页</a></li>
+            <li><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 class="active"><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">

view/new/newList.html

@@ -19,17 +19,38 @@
 <div class="main" id="page">
     <!--顶部Title  -->
     <div class="bg-f7 txc">
-        <div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
-            <p class="topTit">Hi,欢迎来到农村产权交易中心</p>
-            <div class="flex_dom flex_item_end">
-                <el-select v-model="cityValue" placeholder="请选择">
-                    <el-option-group v-for="group in options" :key="group.label" :label="group.label">
-                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
-                                   :value="item.value">
-                        </el-option>
-                    </el-option-group>
-                </el-select>
-                <p class="topTit02">返回主站</p>
+        <div class="w-1200 topDress">
+            <p class="topTit fl">Hi,欢迎来到农村产权交易中心</p>
+            <p class="topTit02 fr">返回主站</p>
+            <div class="topTit02 fr">
+                <img src="../../static/images/icon3.png" alt="" class="fl"/>
+                <p class="fl">威海市</p>
+                <div class="clear"></div>
+            </div>
+            <div class="clear"></div>
+            <div class="dressPc">
+                <ul>
+                    <li>
+                        <p class="fl">文登区</p>
+                        <i class="jiantou"></i>
+                        <div class="clear"></div>
+                    </li>
+                    <li>
+                        <p class="fl">文登区</p>
+                        <i class="jiantou"></i>
+                        <div class="clear"></div>
+                    </li>
+                    <li>
+                        <p class="fl">文登区</p>
+                        <i class="jiantou"></i>
+                        <div class="clear"></div>
+                    </li>
+                    <li>
+                        <p class="fl">文登区</p>
+                        <i class="jiantou"></i>
+                        <div class="clear"></div>
+                    </li>
+                </ul>
             </div>
         </div>
     </div>
@@ -59,12 +80,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><a href="../announcement/announcement.html">项目公告</a></li>
+            <li><a href="../demand/demand.html">个人供求</a></li>
+            <li class="active"><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">

view/policy/policy.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="" />
@@ -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,69 +61,71 @@
         <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><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="../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 class="active"><a href="../policy/policy.html">政策法规</a></li>
+            <li><a href="../interact/interactList.html">互动交流</a></li>
         </ul>
     </div>
     <div class="w-1200">
         <div class="breadcrum">
             <ul class="bre_news">
-                <a href="/news/list-c2" title="政策法规" class="active"><i class="iconfont icon-ArtboardCopy11"></i>政策法规</a>
-                <a href="/news/list-c3" title="交易规则"><i class="iconfont icon-fagui"></i>交易规则</a>
-                <a href="/news/list-c1" title="资料下载"><i class="iconfont icon-dongtai"></i>资料下载</a>
+                <a onclick="tabList('policy')" class="active" id="policy"><i class="iconfont icon-ArtboardCopy11"></i>政策法规</a>
+                <a onclick="tabList('rule')" id="rule"><i class="iconfont icon-fagui"></i>交易规则</a>
+                <a onclick="tabList('download')" id="download"><i class="iconfont icon-dongtai"></i>资料下载</a>
             </ul>
         </div>
         <div class="newList">
-            <ul>
+            <!--     政策法规       -->
+            <script id="policyInformationData" type="text/html">
+                {{each policyInformationList as value i}}
                 <li>
-                    <a href="newDetail.html"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
-                </li>
-                <li>
-                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
-                </li>
-                <li>
-                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
-                </li>
-                <li>
-                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
-                </li>
-                <li>
-                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
-                </li>
-                <li>
-                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
+                    <a href="../new/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>
+            <ul id="policyInformationContent" style="display: block;"></ul>
+
+            <!--     交易规则       -->
+            <script id="ruleInformationData" type="text/html">
+                {{each ruleInformationList as value i}}
                 <li>
-                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
+                    <a href="../new/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>
+            <ul id="ruleInformationContent" style="display: none;"></ul>
+
+            <!--     资料下载       -->
+            <script id="downloadInformationData" type="text/html">
+                {{each downloadInformationList as value i}}
                 <li>
-                    <a href="javascript:void(0)"><i class="sanjiao-right"></i>湖南省郴州市汝城县开展非法占用耕地专项治理行动实施方案</a>
-                    <p>2021-04-09</p>
+                    <a href="../new/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>
-            </ul>
+                {{/each}}
+            </script>
+            <ul id="downloadInformationContent" style="display: none;"></ul>
+        </div>
+        <div class="pageNum" id="policyNum" style="display: block;">
+            <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="pageNum" id="ruleNum" style="display: none;">
+            <div style="display: inline-block;margin: 0 auto;" class="page_s2"></div>
+            <p style="display: inline-block;margin: 0 auto;" id="page_s2"></p>
+        </div>
+        <div class="pageNum" id="downloadNum" style="display: none;">
+            <div style="display: inline-block;margin: 0 auto;" class="page_s3"></div>
+            <p style="display: inline-block;margin: 0 auto;" id="page_s3"></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">
@@ -151,5 +154,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/policy/policy.js" defer type="text/javascript"></script>
 </html>

view/user/user.html

@@ -180,7 +180,7 @@
         </div>
 
         <!--  我的资料 — 个人      -->
-        <div class="fl userTable" style="display: none;">
+        <div class="fl userTable">
             <input type="button" value="用户资料"/>
             <input type="button" value="银行账户信息"/>
             <table width="100%">
@@ -468,7 +468,7 @@
         </div>
 
         <!--  我的竞价     -->
-        <div class="fl supplyTable">
+        <div class="fl supplyTable" style="display: none;">
             <table width="100%" cellspacing="0" cellpadding="0">
                 <tr>
                     <td>序号</td>