四季采摘数据绑定

templates/outerNet/fourPick.html

@@ -35,12 +35,12 @@
                 <div class="gardenList">
                     <div class="caption">园区</div>
                     <ul class="gardenListUl" id="gardenListUl">
-                        <li class="active">一园区</li>
+                        <!-- <li class="active">一园区</li>
                         <li>二园区</li>
                         <li>三园区</li>
                         <li>四园区</li>
                         <li>五园区</li>
-                        <li>六园区</li>
+                        <li>六园区</li> -->
                         <!-- <li>七园区</li>
                         <li>八园区</li> -->
                     </ul>
@@ -55,9 +55,9 @@
                                 <i class="layui-icon">&#xe65a;</i>
                             </button>
                         </span>
-                        <span class="menuCurr">1</span>
+                        <span class="menuCurr"></span>
                         <span class="">/</span>
-                        <span class="menuTotalPage">6</span>
+                        <span class="menuTotalPage"></span>
                         <span class="">页</span>
                         <span class="nextPageBtn">
                             <button type="button" onclick="switchPage('jia')" class="layui-btn layui-btn-sm layui-btn-primary">
@@ -246,9 +246,9 @@
             if (data.length) {
                 var html = '<ul class="productList">';
                 for (var i = 0; i < data.length; i++) {
-                    html += '<li class="productItem"><div class="productImg">' +
+                    html += '<li class="productItem"><a href="garden_intro?id='+data[i].id+'" target="_blank"><div class="productImg">' +
                         '<img src="' + data[i].img + '" alt=""></div>' +
-                        '<div>' + data[i].farm + '</div><div>' + data[i].time + '采摘</div><div>' + data[i].company + '</div></li>';
+                        '<div class="title">' + data[i].name + '</div><div class="time">采摘时间：' + data[i].pick_s + '月~'+ data[i].pick_e  + '月</div></a></li>';
                     if (i == data.length - 1) {
                         html += '</ul>';
                         $('#dataFillDiv').html(html);

templates/outerNet/index2.html

@@ -289,7 +289,7 @@
                                                     <img src="http://192.168.1.9:8000/{{pickItem.pick_img}}" alt="">
                                                 </a>
                                             </div>
-                                            <p><a href="garden_intro" target="_blank">{{pickItem.name}}</a></p>
+                                            <p><a href="garden_intro?id={{pickItem.id}}" target="_blank">{{pickItem.name}}</a></p>
                                         </li>
                                         {% endfor %}
                                         <li style="clear:both"></li>

templates/outerNet/pickIntro.html

@@ -44,23 +44,23 @@
                     </div>
                     <!-- 采摘详情 -->
                     <div class="pickDesc">
-                        <h1 class="caption">红富士</h1>
-                        <div class="sendTime title">2019-11-15</div>
+                        <h1 class="caption">{{pick.name}}</h1>
+                        <div class="sendTime title">{{pick.pub_time}}</div>
                         <div class="prodectIntro">
                             <div class="prodectImg">
-                                <img src="http://www.zhopera.com/uploadfile/2020/0629/thumb_264_150_20200629110152202.jpg" alt="">
+                                <img src="http://127.0.0.1:8000/{{pick.pick_img}}" alt="">
                             </div>
                             <div class="descTxt">
-                                <div><span>产品名称：</span>红富士</div>
-                                <div><span>种植面积：</span>4亩</div>
-                                <div><span>成熟日期：</span>8月</div>
-                                <div><span>采摘日期：</span>8月-9月</div>
-                                <div><span>所属农场：</span>河南省郑州市金水</div>
-                                <div><span>详细地址：</span>河南省郑州市金水区瀚海北金6020</div>
+                                <div><span>产品名称：</span>{{pick.name}}</div>
+                                <div><span>种植面积：</span>{{pick.scale}}</div>
+                                <div><span>成熟日期：</span>{{pick.ripe_time}}</div>
+                                <div><span>采摘日期：</span>{{pick.pick_s}}月~{{pick.pick_s}}月</div>
+                                <div><span>所属农场：</span>{{pick.farm}}</div>
+                                <div><span>详细地址：</span>{{pick.addr}}</div>
                             </div>
                         </div>
                         <div class="title">详细介绍</div>
-                        <div></div>
+                        <div>{{pick.content|safe}}</div>
                     </div>
                 </div>
             </div>

templates/static/css/fourPickList.css

@@ -67,8 +67,14 @@
     margin-bottom: 10px;
 }
 
-.productItem >div{
+.productItem .title{
     font-size: 18px;
     line-height: 26px;
     text-align: center;
+}
+
+.productItem .time{
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
 }