前端修改

static/css/listingItems/items.css

@@ -202,14 +202,13 @@
 }
 
 .pc-slide {
-    width: 445px;
-    background-color: #f7f7f7;
-    /*border: 1px solid #eaeaea;*/
+    width: 500px;
+    margin: 0 auto;
 }
 
 .view .swiper-container {
-    width: 445px;
-    height: 298px;
+    width: 500px;
+    height: 350px;
 }
 
 .view .arrow-left {
@@ -218,9 +217,10 @@
     left: 10px;
     top: 50%;
     margin-top: -25px;
-    width: 28px;
-    height: 28px;
+    width: 30px;
+    height: 30px;
     z-index: 10;
+    background-size: 100%;
 }
 
 .view .arrow-right {
@@ -229,27 +229,27 @@
     right: 10px;
     top: 50%;
     margin-top: -25px;
-    width: 28px;
-    height: 28px;
+    width: 30px;
+    height: 30px;
     z-index: 10;
+    background-size: 100%;
 }
 
 .preview {
     width: 100%;
     margin-top: 10px;
-    padding-bottom: 40px;
     position: relative;
 }
 
 .preview .swiper-container {
-    width: 420px;
+    width: 430px;
     height: 82px;
+    margin-left: 35px;
 }
 
 .preview .swiper-slide {
-    width: 100px;
+    width: 87px;
     height: 82px;
-    margin-right: 10px;
 }
 
 .preview .slide6 {
@@ -257,7 +257,7 @@
 }
 
 .preview .arrow-left {
-    background: url(../../images/feel3.png) no-repeat left top;
+    background: url(../../images/feel6.png) no-repeat left top;
     position: absolute;
     left: 10px;
     top: 50%;
@@ -268,7 +268,7 @@
 }
 
 .preview .arrow-right {
-    background: url(../../images/feel4.png) no-repeat left bottom;
+    background: url(../../images/feel5.png) no-repeat left bottom;
     position: absolute;
     right: 10px;
     top: 50%;
@@ -284,7 +284,7 @@
 
 .preview .active-nav img {
     padding: 0;
-    border: 1px solid #007b76;
+    border: 1px solid #F00;
 }
 
 .swiperDetail{

static/js/common/tools.js

@@ -3,9 +3,10 @@ define(['jquery', 'dialog'], function ($, dialog) {
 	function Tool() {
 		this.version = "1.0.0";
 		this.description = "这是一个工具类";
+		this.serverApi = 'aaa';
 	}
 	var ajaxJsUrl = "/api";
-	var module = {};
+
 	$.extend(Tool.prototype, {
 		/**
 		 * ajax post
@@ -391,6 +392,7 @@ define(['jquery', 'dialog'], function ($, dialog) {
 				$("#webConfigName").html(content[0].configValue);
 				$("#webConfigRecord").html(content[1].configValue + content[2].configValue);
 				$("#webConfigAddress").html(content[0].configValue+' '+content[3].configValue);
+				this.serverApi = content[11].configValue;
 			}
 		},
 		/**

static/js/project/listingItems/items.js

@@ -13,7 +13,7 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
     module.init = function (page) {
 
         //浏览次数
-        tools.doGet(outProject + '/'+getQueryVariable('id'), {}, module.projectNum(),true);
+        //tools.doGet(outProject + '/'+getQueryVariable('id'), {}, module.projectNum(),true);
 
         //项目基本信息
         tools.doGet(outProject + '/id/'+getQueryVariable('id'), {}, module.outProjectInformation,true);
@@ -24,6 +24,11 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
         //网站配置信息（网站名称 底部联系方式 公安备案号 网站备案号）
         tools.getWebConfig();
 
+        //焦点图
+        setTimeout(function () {
+            module.swiperBanner();
+        },200)
+
     };
 
     //获取地址栏参数
@@ -61,6 +66,7 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
             var outProjectInformationData = template('outProjectInformationData', module.data);
             $("#outProjectInformationContent").html(outProjectInformationData);
 
+
             //挂牌项目竞价记录
             tools.doGet(biddinglist, {projectId:getQueryVariable('id')}, module.biddinglistInformation,true);
             //挂牌价格字典
@@ -100,8 +106,7 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
             tools.doGet(signup, {projectId:getQueryVariable('id'),depositStatus:'1',memberId:tools.getCookie('memberId')}, module.signup);
 
 
-            //焦点图
-            module.swiperBanner();
+
         }
     }
 
@@ -144,6 +149,7 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
 
     //焦点图滚动
     module.swiperBanner = function (type) {
+        console.log('aaaa')
         var viewSwiper = new Swiper('.view .swiper-container', {
             onSlideChangeStart: function() {
                 updateNavPosition()
@@ -175,6 +181,7 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
                 viewSwiper.swipeTo(previewSwiper.clickedSlideIndex)
             }
         })
+
         function updateNavPosition() {
             $('.preview .active-nav').removeClass('active-nav')
             var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
@@ -365,6 +372,10 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
         module.data.outProjectInformationDetail.money += module.data.outProjectInformationDetail.ladderPrice ;
         var outProjectInformationData = template('outProjectInformationData', module.data);
         $("#outProjectInformationContent").html(outProjectInformationData);
+        //焦点图
+        setTimeout(function () {
+            module.swiperBanner();
+        },200)
     }
 
     //向下降价
@@ -375,6 +386,10 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi'], function ($, templ
         module.data.outProjectInformationDetail.money -= module.data.outProjectInformationDetail.ladderPrice ;
         var outProjectInformationData = template('outProjectInformationData', module.data);
         $("#outProjectInformationContent").html(outProjectInformationData);
+        //焦点图
+        setTimeout(function () {
+            module.swiperBanner();
+        },200)
     }
     return module;
 });

static/js/project/listingItems/itemsList.js

@@ -81,6 +81,12 @@ define(['jquery', "template", "Tools", "itemsApi", "paging",'dateTime'], functio
 
         //网站配置信息（网站名称 底部联系方式 公安备案号 网站备案号）
         tools.getWebConfig();
+        console.log(tools)
+        setTimeout(function () {
+            module.data.serverApi = tools.serverApi;
+            console.log(tools.serverApi)
+        },5000)
+
 
         $("#signStartTimeStr").datetime({
             type:"date",
@@ -113,6 +119,8 @@ define(['jquery', "template", "Tools", "itemsApi", "paging",'dateTime'], functio
                 console.log(res)
             }
         })
+
+
     };
 
     //获取地址栏参数

view/listingItems/itemsDetail.html

@@ -15,7 +15,6 @@
     <link href="../../static/css/iconfont.css" rel="stylesheet" type="text/css"/>
     <link href="../../static/css/swiper-bundle.min.css" rel="stylesheet" type="text/css"/>
     <link href="../../static/css/listingItems/items.css" rel="stylesheet" type="text/css"/>
-    <link href="https://at.alicdn.com/t/font_426541_j8s6z8ejoo.css" rel="stylesheet" type="text/css"/>
     <style>
 
     </style>
@@ -135,6 +134,7 @@
     <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 id="outProjectInformationContent"></div>
         <script id="outProjectInformationData" type="text/html">
             <div class="swiperDiv">
@@ -143,49 +143,56 @@
                         <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>
+                                {{if fileUrl == null}}
+                                    <div class="swiper-slide">
+                                        <a href="javascript:void(0);" ><img src="../../static/images/zwtp.jpg" alt=""></a>
+                                    </div>
+                                {{else}}
+                                    {{each fileUrl as value i}}
+                                    <div class="swiper-slide">
+                                        <a href="javascript:void(0);" ><img src="../../static/images/material1.jpg" alt=""></a>
+                                    </div>
+                                    {{/each}}
+                                {{/if}}
                             </div>
                         </div>
                     </div>
                     <div class="preview">
+                        <a class="arrow-left" href="#"></a>
+                        <a class="arrow-right" href="#"></a>
                         <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>
+                                {{if fileUrl == null}}
+                                    <div class="swiper-slide active-nav">
+                                        <img src="../../static/images/zwtp.jpg" alt="">
+                                    </div>
+                                {{else}}
+                                    {{each fileUrl as value i}}
+                                        <div class="swiper-slide active-nav">
+                                            <img src="../../static/images/material1.jpg" alt="">
+                                        </div>
+                                    {{/each}}
+                                {{/if}}
+<!--                                <div class="swiper-slide active-nav">-->
+<!--                                    <img src="../../static/images/material1.jpg" alt="">-->
+<!--                                </div>-->
+<!--                                <div class="swiper-slide">-->
+<!--                                    <img src="../../static/images/material2.jpg" alt="">-->
+<!--                                </div>-->
+<!--                                <div class="swiper-slide">-->
+<!--                                    <img src="../../static/images/material1.jpg" alt="">-->
+<!--                                </div>-->
+<!--                                <div class="swiper-slide">-->
+<!--                                    <img src="../../static/images/material2.jpg" alt="">-->
+<!--                                </div>-->
+<!--                                <div class="swiper-slide">-->
+<!--                                    <img src="../../static/images/material1.jpg" alt="">-->
+<!--                                </div>-->
+<!--                                <div class="swiper-slide slide6">-->
+<!--                                    <img src="../../static/images/material2.jpg" alt="">-->
+<!--                                </div>-->
                             </div>
                         </div>
                     </div>