指尖榆山

epdc-resident-mp-yushan/app.json

@@ -199,6 +199,13 @@
         "pages/activeApply/activeApply",
         "pages/moreList/moreList"
       ]
+    },
+    {
+      "root": "subpages/fingertipYushan",
+      "name": "fingertipYushan",
+      "pages": [
+        "pages/index/index"
+      ]
     }
   ],
   "preloadRule": {

epdc-resident-mp-yushan/pages/index/index.js

@@ -391,7 +391,9 @@ Page({
         icon: 'none'
       })
     } else if (module === 'fingerYushan') {
-
+      wx.navigateTo({
+        url: '/subpages/fingertipYushan/pages/index/index'
+      })
     }
   },
   // 我有事要说跳转

epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.js

@@ -0,0 +1,87 @@
+const api = require('../../utils/fingertipYushan')
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    pageIndex: 1,
+    pageSize: 10,
+    nodata: false,
+    loadMoreType: 'none',
+    loadMoreVisible: false,
+    isLoadMore: false,
+    modulelist: [],
+    pid: '1438320938730868737'
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    // this.modulelist()
+    wx.setNavigationBarTitle({
+      title: options.title
+    })
+    this.getModuleList()
+  },
+  // modulelist() {
+  //   let that = this;
+  //   api.modulelist(that.data.moduleCategory).then(function (res) {
+  //     that.setData({
+  //       modulelist: res.data,
+  //     })
+  //     console.log(that.data.modulelist)
+  //   })
+  // },
+  getModuleList() {
+    let params = {
+      pageIndex: this.data.pageIndex,
+      pageSize: this.data.pageSize,
+      pid: this.data.pid
+    }
+    api.getModuleList(params).then(res => {
+      console.log(res.data)
+      this.setData({
+        modulelist: this.data.modulelist.concat(res.data),
+        loadMoreType: res.data.length === this.data.pageSize ? 'loading' : 'none',
+        loadMoreVisible: res.data.length === this.data.pageSize ? false : true
+      })
+      if (this.data.modulelist.length == 0) {//没有值
+        this.setData({
+          nodata: true,
+          loadMoreType: 'none',
+          loadMoreVisible: false,
+        })
+      }
+    }).catch(err => {
+      this.setData({
+        modulelist: [],
+        nodata: true,
+        loadMoreType: 'none',
+        loadMoreVisible: false,
+      })
+      console.log(err)
+    })
+  },
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+    this.setData({
+      loadMoreVisible: true
+    })
+    if (this.data.loadMoreType === 'loading') {
+      this.setData({
+        pageIndex: this.data.pageIndex + 1,
+        pageSize: this.data.pageSize,
+      })
+      this.getModuleList()
+    }
+  },
+  goDetails (e) {
+    wx.navigateTo({
+      url: `/subpages/workTodo/pages/list/index?pid=${e.currentTarget.dataset.pid}`,
+    })
+  }
+})

epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "指尖榆山",
+  "usingComponents": {
+    "load-more": "/components/loadMore/loadMore",
+    "no-data":"/components/nodata/nodata"
+  }
+}

epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxml

@@ -0,0 +1,15 @@
+<button class="index top" 
+        hover-class="hover-btn"  
+        bindtap="goDetails"  
+        wx:for-item="item" 
+        wx:key="index" 
+        wx:for-index="index" 
+        wx:for="{{modulelist}}"
+        data-pid="{{item.id}}">
+  <image class="img-bj" src="{{item.imgUrl}}"></image>
+  <!-- {{item.name}} -->
+</button>
+
+<!-- <load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible && isLoadMore}}"></load-more> -->
+
+<no-data isShow="{{nodata}}"></no-data>

epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxss

@@ -0,0 +1,35 @@
+.index {
+  width: calc(100% - 60rpx);
+  /* margin-top: 28rpx; */
+  height: 300rpx;
+  line-height: 300rpx;
+  margin-left: 30rpx;
+  border-radius: 10rpx;
+  position: relative;
+  margin-bottom: 28rpx;
+  padding: 0;
+  background: #fff;
+  box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(5, 5, 5, 0.4);
+}
+
+button::after {
+  border: none;
+}
+
+.hover-btn {
+  box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1);
+}
+
+.index.top {
+  margin-top: 28rpx;
+}
+
+.index .img-bj {
+  border-radius: 10rpx;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+}

epdc-resident-mp-yushan/subpages/fingertipYushan/utils/fingertipYushan.js

@@ -0,0 +1,5 @@
+var request = require('../../../utils/request')
+
+export function getModuleList(params) {
+  return request.get('news/getModuleList', params)
+}