添加平台分类页

models/billboard.js

@@ -3,6 +3,7 @@ import {HTTP, Method} from '../utils/http.js'
 const BaillConst = {
   bail_list_url:'/api/content/getListByCode',
   bail_tag_url: '/api/apicategory/childList', // 获取子分类和标题
+  category_artice_url: '/api/content/getOneListByCode'
 }
 class BillboardModel extends HTTP {
   constructor () {
@@ -31,6 +32,17 @@ class BillboardModel extends HTTP {
     }
     this.request(params)
   }
+  fetchCategoryArtice(code, success) {
+    const params = {
+      url: BaillConst.category_artice_url,
+      success: success,
+      method: Method.POST,
+      data: {
+        typeCode: code
+      }
+    }
+    this.request(params)
+  }
 }
 
 export {BillboardModel}

pages/billboards/index.wxss

@@ -9,5 +9,5 @@
 .billboard_item {
   margin-top: 25px;
   width: 90%;
-  height: 120px;
+  height: 130px;
 }

pages/billboards/park/index.js

@@ -16,10 +16,13 @@ Page({
 
   },
   onClickItem(e) {
-    const { code } = e.currentTarget.dataset
+    const { code, title } = e.currentTarget.dataset
     console.log(code)
     wx.navigateTo({
-      url: '/pages/billboards/park/park-list/index?code=' + code,
+      url: '/pages/billboards/park/park-category/index?code=' + code + '&title=' + title,
     })
+    // wx.navigateTo({
+    //   url: '/pages/billboards/park/park-list/index?code=' + code,
+    // })
   },
 })

pages/billboards/park/index.wxml

@@ -1,7 +1,7 @@
 <!--pages/billboards/park/index.wxml-->
 <view class="container">
-  <image bindtap="onClickItem" data-code="park-cbd" class="billboard_item" src="images/1.png"></image>
-  <image bindtap="onClickItem" data-code="park-bhxq" class="billboard_item" src="images/2.png"></image>
-  <image bindtap="onClickItem" data-code="park-cxzy" class="billboard_item" src="images/3.png"></image>
-  <image bindtap="onClickItem" data-code="park-lswh" class="billboard_item" src="images/4.png"></image>
+  <image bindtap="onClickItem" data-code="park-cbd" data-title="中央商务区" class="billboard_item" src="images/1.png"></image>
+  <image bindtap="onClickItem" data-code="park-bhxq" data-title="滨海新区" class="billboard_item" src="images/2.png"></image>
+  <image bindtap="onClickItem" data-code="park-cxzy" data-title="创新资源集聚示范片区" class="billboard_item" src="images/3.png"></image>
+  <image bindtap="onClickItem" data-code="park-lswh" data-title="历史文化记忆示范片区" class="billboard_item" src="images/4.png"></image>
 </view>

pages/billboards/park/park-category/index.js

@@ -10,19 +10,37 @@ Page({
    * 页面的初始数据
    */
   data: {
-    list: []
+    list: [],
+    curCode: '' // 
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-
+    const { code,title } = options
+    wx.setNavigationBarTitle({
+      title: title,
+    })
+    console.log(code)
+    this.setData({
+      curCode: code,
+    })
+    this.fetchTags()
   },
-  fetchList() {
-    const { curCode } = this.data
-    const page = this.data.currPage
-    billboard.fetchBailList(curCode, page, res => {
+  onTapMoreItem (e) {
+    const {code} = e.currentTarget.dataset
+    console.log(code)
+  },
+  clickCardItem(e) {
+    console.log(e.detail)
+    const { id } = e.detail
+    wx.navigateTo({
+      url: `/pages/article/index?id=${id}`,
+    })
+  },
+  fetchList(code, index) {
+    billboard.fetchBailList(code, 1, res => {
       console.log(res)
       const datas = res.list
       let tempDatas = []
@@ -33,42 +51,27 @@ Page({
           image: item.titlePic
         })
       })
-      if (page == 1) {
-        this.setData({
-          list: tempDatas
-        })
-      } else {
-        if (tempDatas.length > 0) {
-          const list = [...this.data.list, ...tempDatas]
-          this.setData({
-            list: list
-          })
-        } else {
-          const page = this.data.currPage - 1
+
       this.setData({
-            currPage: page
+        [`list[${index}].datas`]: tempDatas
       })
-          wx.showToast({
-            title: '已加载全部',
-            icon: 'none'
-          })
-        }
-      }
-      wx.stopPullDownRefresh()
     })
   },
   // 获取分类Tags
   fetchTags() {
-    billboard.fetchTagsByCode('sc-zdqy', res => {
+    wx.showLoading({
+      title: '加载中...',
+    })
+    billboard.fetchTagsByCode(this.data.curCode, res => {
       console.log(res)
-      const tags = res.result.records
-      const navs = tags.map(item => item.name)
+      const categorys = res.result.records
       this.setData({
-        navs: navs,
-        tags: tags,
-        curCode: tags.length > 0 ? tags[0].code : ''
+        list: categorys,
+      })
+      categorys.forEach((item, index) => {
+        this.fetchList(item.code, index)
       })
-      this.fetchList()
+      wx.hideLoading()
     })
   },
 })

pages/billboards/park/park-category/index.json

@@ -1,3 +1,8 @@
 {
-  "usingComponents": {}
+  "navigationBarTitleText": "平台载体",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "e-card": "/components/card/index",
+    "mp-cell": "/components/weui/cell/cell"
+  }
 }

pages/billboards/park/park-category/index.wxml

@@ -1,2 +1,18 @@
-<!--pages/billboards/park/park-category/index.wxml-->
-<text>pages/billboards/park/park-category/index.wxml</text>
+<!--pages/billboards/park/index.wxml-->
+<view class="container">
+  <block wx:for="{{list}}" wx:key="category-list-{{index}}">
+    <view class="categroy_card_wrapper">
+      <mp-cell bindtap="onTapMoreItem" icon="/images/common/line.png" data-code="{{item.code}}"  
+      link="true" 
+      ext-class="cell-item">
+        <text slot="title" data-code="{{item.code}}">{{item.name}}</text>
+      </mp-cell>
+      <view class="card_list">
+        <block wx:for="{{item.datas}}" wx:key="park-list-{{index}}">
+          <e-card cId="{{item.id}}" title="{{item.title}}" image="{{item.titlePic}}" tag-class="e_card" bind:clickCardItem="clickCardItem" />
+        </block>
+      </view>
+    </view>
+  </block>
+  <view wx:if="{{list.length <= 0}}" class="page_empty">暂无数据</view>
+</view>

pages/billboards/park/park-category/index.wxss

@@ -1 +1,29 @@
-/* pages/billboards/park/park-category/index.wxss */
+/* pages/billboards/park/index.wxss */
+
+.categroy_card_wrapper .weui-cell__icon {
+  width: 14px;
+  height: 16px;
+  vertical-align: middle;
+}
+.categroy_card_wrapper .cell-item {
+  padding: 0 10px 10px 10px;
+}
+.card_list {
+  padding: 0 3vw;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.e_card {
+  width: 45vw;
+  margin-bottom: 13px;
+}
+.page_empty {
+  width: 100%;
+  height: 100px;
+  margin-top: 20px;
+  font-size: 14px;
+  color: #aaa;
+  text-align: center;
+}