消息列表

api/groupon.js

@@ -1,6 +1,17 @@
 import request from "@/utils/request.js";
 
 
+
+// 查询个人消息
+export function getNotice(data) {
+    return request.post("/v1/getNotice",data);
+}
+
+// 查询个人消息
+export function getMyMessage(data) {
+    return request.post("/v1/getMyMessage",data);
+}
+
 // 查询团购统计数据
 export function grouponMngStatis() {
     return request.get("/v1/groupon/statis");

components/normalMsg/normalMsg.vue

@@ -0,0 +1,90 @@
+<template>
+	<view>
+		<view class="myclient_list" v-for="(item,index) in list">
+			<view class="myclient_list_name">
+				{{item.mainTitle}}
+			</view>
+			<view class="myclient_list_content">
+
+				<view class="phone">
+					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
+					<text>
+						订单编号:{{item.orderNo}}
+					</text>
+				</view>
+				<view class="time">
+					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
+					<text>
+						绑定时间:{{item.createTime}}
+					</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"normalMsg",
+		props: {
+			list: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
+				type: Array,
+				default () {
+					return []
+				}
+			},
+		},
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+	.myclient_list {
+		margin-top: 30rpx;
+		width: 750rpx;
+		min-height: 220rpx;
+		padding: 30rpx;
+		background: #FFFFFF;
+
+	.myclient_list_name {
+		margin-bottom: 15rpx;
+		height: 44rpx;
+		font-size: 28rpx;
+		font-weight: 500;
+		color: #111111;
+		line-height: 44rpx;
+	}
+
+	.myclient_list_content {
+
+	image {
+		width: 24rpx;
+		height: 24rpx;
+		margin-right: 20rpx;
+	}
+
+	.phone {
+		margin-bottom: 15rpx;
+		height: 44rpx;
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #999999;
+		line-height: 44rpx;
+	}
+
+	.time {
+		height: 44rpx;
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #999999;
+		line-height: 44rpx;
+	}
+	}
+	}
+
+</style>

components/sysMsg/sysMsg.vue

@@ -0,0 +1,85 @@
+<template>
+	<view>
+		<view class="myclient_list2" v-for="(item,index) in list">
+			<view class="myclient_list_name">
+				{{item.title}}
+			</view>
+			<view class="myclient_list_content">
+
+				<view class="content">
+					<text>
+						{{item.content}}
+					</text>
+				</view>
+				<view class="time">
+					<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
+					<text>
+						绑定时间:{{item.releaseTime}}
+					</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"sysMsg",
+		props: {
+			list: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
+				type: Array,
+				default () {
+					return []
+				}
+			},
+		},
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+	.myclient_list2 {
+		margin-top: 30rpx;
+		width: 750rpx;
+		min-height: 220rpx;
+		padding: 30rpx;
+		background: #FFFFFF;
+
+	.myclient_list_name {
+		margin-bottom: 15rpx;
+		font-size: 28rpx;
+		font-weight: 500;
+		color: #111111;
+		line-height: 44rpx;
+	}
+
+	.myclient_list_content {
+
+	image {
+		width: 24rpx;
+		height: 24rpx;
+		margin-right: 20rpx;
+	}
+
+	.content {
+		margin-bottom: 15rpx;
+		font-size: 28rpx;
+		font-weight: 400;
+		color: #666666;
+	}
+
+	.time {
+		height: 44rpx;
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #999999;
+		line-height: 44rpx;
+	}
+	}
+	}
+</style>

pages/message/message.vue

@@ -14,196 +14,49 @@
 
     <view class="header-group">
       <view class="tabs">
-        <u-tabs class="defalt-utabs" :is-scroll="false" :list="navigationList" @change="changeNav" lineColor="#B22338"
+        <u-tabs class="defalt-utabs" :is-scroll="false" :list="navigationList" @change="changeNav" lineColor="#B22338" :current="tabIndex"
           :inactiveStyle="{ color: '#999999' }" :activeStyle="{ color: '#B22338', fontWeight: 'bold' }"
           keyName="title"></u-tabs>
       </view>
     </view>
 
-    <view v-if="activeTab === 'normal-msg'">
-      <view class="myclient_list">
-        <view class="myclient_list_name">
-          订单已提货
-        </view>
-        <view class="myclient_list_content">
-
-          <view class="phone">
-				<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
-            <text>
-              订单编号:02151510202151510104649898926
-            </text>
-          </view>
-          <view class="time">
-            <image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-            <text>
-              绑定时间:2023/04/26&nbsp;21:45:00
-            </text>
-          </view>
-        </view>
-      </view>
-      <view class="myclient_list">
-        <view class="myclient_list_name">
-          订单付款成功,付款方式[微信]
-        </view>
-        <view class="myclient_list_content">
-
-          <view class="phone">
-				<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
-            <text>
-              订单编号:02151510202151510104649898926
-            </text>
-          </view>
-          <view class="time">
-            <image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-            <text>
-              绑定时间:2023/04/26&nbsp;21:45:00
-            </text>
-          </view>
-        </view>
-      </view>
-      <view class="myclient_list">
-        <view class="myclient_list_name">
-          订单已提货
-        </view>
-        <view class="myclient_list_content">
-
-          <view class="phone">
-				<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
-            <text>
-              订单编号:02151510202151510104649898926
-            </text>
-          </view>
-          <view class="time">
-            <image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-            <text>
-              绑定时间:2023/04/26&nbsp;21:45:00
-            </text>
-          </view>
-        </view>
-      </view>
+    <view  :style="{ height: height }" >
+      <swiper :style="{ height: height }" :current="tabIndex" @change="swiperChange">
+        <swiper-item v-for="(tab,index) in navigationList" :key="index">
+          <mescroll-item ref="MescrollItem"  :i="tabIndex" :index="tabIndex" :tabs="navigationList" :height="height">
+          </mescroll-item>
+        </swiper-item>
+      </swiper>
     </view>
-    <view v-if="activeTab === 'sys-msg'">
-      <view class="myclient_list2">
-        <view class="myclient_list_name">
-          我是系统公告标题
-        </view>
-        <view class="myclient_list_content">
-
-          <view class="content">
-            <text>
-              瀛洲学士风流远，中叶唐惭贞观唐。灵武拾遗晚羁旅，开元供奉老佯狂。
-            </text>
-          </view>
-          <view class="time">
-            <image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-            <text>
-              绑定时间:2023/04/26&nbsp;21:45:00
-            </text>
-          </view>
-        </view>
-      </view>
-      <view class="myclient_list2">
-        <view class="myclient_list_name">
-          我是系统公告标题
-        </view>
-        <view class="myclient_list_content">
-
-          <view class="content">
-            <text>
-              瀛洲学士风流远，中叶唐惭贞观唐。灵武拾遗晚羁旅，开元供奉老佯狂。
-              瀛洲学士风流远，中叶唐惭贞观唐。灵武拾遗晚羁旅，开元供奉老佯狂。
-            </text>
-          </view>
-          <view class="time">
-            <image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-            <text>
-              绑定时间:2023/04/26&nbsp;21:45:00
-            </text>
-          </view>
-        </view>
-      </view>
-      <view class="myclient_list2">
-        <view class="myclient_list_name">
-          我是系统公告标题
-        </view>
-        <view class="myclient_list_content">
 
-          <view class="content">
-            <text>
-              瀛洲学士风流远，中叶唐惭贞观唐。灵武拾遗晚羁旅，开元供奉老佯狂。
-              瀛洲学士风流远，中叶唐惭贞观唐。灵武拾遗晚羁旅，开元供奉老佯狂。
-              瀛洲学士风流远，中叶唐惭贞观唐。灵武拾遗晚羁旅，开元供奉老佯狂。
-            </text>
-          </view>
-          <view class="time">
-            <image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
-            <text>
-              绑定时间:2023/04/26&nbsp;21:45:00
-            </text>
-          </view>
-        </view>
-      </view>
-    </view>
 
   </view>
 </template>
 
 <script>
 let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
-import {
-  grabFlag,
-  leaderboard,
-  doGrab,
-  todayStatistics
-} from '@/api/home.js';
-import {
-  getProductHot,
-  collectAll,
-  getProductDetail
-} from '@/api/store.js';
-import {
-  toLogin
-} from '@/libs/login.js';
 import {
   mapGetters
 } from "vuex";
 import recommend from '@/components/recommend';
 import productWindow from '@/components/productWindow';
-// #ifdef MP
-import authorize from '@/components/Authorize';
-// #endif
 import pageFooter from '@/components/pageFooter/index.vue'
 import colors from "@/mixins/color";
-import {
-  HTTP_REQUEST_URL
-} from '@/config/app';
-const hot_res = require('@/mock/json/hot_res.json')
-import {
-  getNavigation
-} from '@/api/public.js'
-import {
-  colorChange
-} from '../../api/api';
+import MescrollItem from "./module/mescrollUni-item.vue";
+
 export default {
   components: {
+    MescrollItem,
     pageFooter,
     recommend,
     productWindow,
-    // #ifdef MP
-    authorize
-    // #endif
+
   },
   mixins: [colors],
   data () {
     return {
-      isactiveTab: 'todayRank',
-      grabFlagisOpen: false,
-      grabAmountFlag: false,
-      show: false,
-      userInfo: {},
-      activeRedPer: {
-        type: 0
-      },
+      height:'550px',
+      tabIndex:0,
       navigationList: [{
         title: '个人消息',
         id: 'normal-msg'
@@ -211,250 +64,30 @@ export default {
         title: '系统公告',
         id: 'sys-msg'
       }],
-      imgHost: HTTP_REQUEST_URL,
-      is_diy: uni.getStorageSync('is_diy'),
-      canShow: false,
-      cartCount: 0,
-      goodsHidden: true,
-      footerswitch: true,
-      hostProduct: [],
-      cartList: {
-        valid: [],
-        invalid: []
-      },
-      selectCountPrice: 0.00,
-      isShowAuth: false, //是否隐藏授权
-      hotScroll: false,
-      hotPage: 1,
-      hotLimit: 10,
-      loading: false,
-      loadend: false,
-      loadTitle: this.$t(`我也是有底线的`), //提示语
-      page: 1,
-      limit: 20,
-      loadingInvalid: false,
-      loadTitleInvalid: this.$t(`加载更多`), //提示语
-      pageInvalid: 1,
-      limitInvalid: 20,
-      attr: {
-        cartAttr: false,
-        productAttr: [],
-        productSelect: {}
-      },
-      rankList: [],
-      redPaper: [],
-      productValue: [], //系统属性
-      storeInfo: {},
-      attrValue: '', //已选属性
-      attrTxt: this.$t(`请选择`), //属性页面提示
-      cartId: 0,
-      product_id: 0,
-      sysHeight: sysHeight,
-      newData: {},
-      activeRouter: '',
-      activeTab: 'normal-msg',
-      is_diy_set: false
+
     };
   },
   computed: mapGetters(['isLogin']),
-  onPullDownRefresh () {
-    this.grabFlag()
-    console.log('下拉刷新');
-  },
+
   onLoad (options) {
-    let that = this;
-    if (that.isLogin == false) {
-      toLogin();
-    }
-    let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
-    let curRoute = routes[routes.length - 1].route //获取当前页面路由
-    this.activeRouter = '/' + curRoute
+
   },
   onShow () {
-
+    let sysInfo = uni.getSystemInfoSync()
+    this.height= sysInfo.windowHeight -(sysInfo.screenWidth/750) * (200) +'px';
+    console.log(this.height)
   },
   created () {
-    this.userInfo = JSON.parse(this.$Cache.get("USER_INFO"));
-    console.log(this.userInfo, this.userInfo.avatar);
-    this.grabFlag('created')
-    this.leaderboard()
-    this.todayStatistics()
   },
   methods: {
-    changeNav (index) {
-      console.log(index);
-      this.activeTab = index.id
-    },
-    goReceived () {
-      uni.navigateTo({
-        url: '/pages/order_addcart/wallet_received/index'
-      })
-    },
-    goMissed () {
-      uni.navigateTo({
-        url: '/pages/order_addcart/wallet_missed/index'
-      })
-    },
-
-    // 授权关闭
-    authColse: function (e) {
-      this.isShowAuth = e;
-    },
-
-    leaderboard () {
-      let that = this
-      uni.showLoading({
-        title: this.$t(`加载中`),
-        mask: true
-      });
-      let postData = {
-        flag: this.isactiveTab === 'todayRank' ? 1 : 0
-      }
-      leaderboard(postData).then(res => {
-        if (res.data.length > 0) {
-          that.$set(that, "rankList", res.data)
-        } else {
-          that.$set(that, "rankList", [])
-        }
-        uni.hideLoading();
-      })
-    },
-    doGrab () {
-      doGrab({
-        type: this.activeRedPer.type
-      }).then(res => {
-        // if (res.code === 200) {
-        //   this.grabFlag('dograbAmountFlag')
-        // }
-        this.currentRedpaper = res.data
-        this.grabAmountFlag = true
-        this.grabFlag('dograbAmountFlag')
-      })
-    },
-    grabFlag (params) {
-      grabFlag().then(res => {
-        this.redPaper = res.data
-        if (!params) {
-          this.grabAmountFlag = false
-        }
-        if (params === 'created') {
-          this.activeRedPer = res.data[0]
-          let flag = this.redPaper.filter((e) => {
-            return e.flag === 1;
-          }).length
-          console.log(flag, this.activeRedPer);
-          if (flag === 0) {
-            this.show = false
-            uni.stopPullDownRefresh();
-            return
-          }
-
-        }
-
-        this.show = true
-        uni.stopPullDownRefresh();
-      })
+    swiperChange(e) {
+      this.tabIndex = e.detail.current
     },
-    todayStatistics () {
-      uni.showLoading({
-        title: this.$t(`加载中`),
-        mask: true
-      });
-      let postData = {
-        flag: this.isactiveTab === 'todayRank' ? 1 : 0
-      }
-      todayStatistics().then(res => {
-        this.moneyObj = res.data
-        uni.hideLoading();
-      })
+    changeNav (e) {
+      this.tabIndex = e.index
     },
 
-    /**
-     * 购物车手动填写
-     * 
-     */
-    iptCartNum: function (e) {
-      this.$set(this.attr.productSelect, 'cart_num', e);
-    },
-
-    inArray: function (search, array) {
-      for (let i in array) {
-        if (array[i] == search) {
-          return true;
-        }
-      }
-      return false;
-    },
-    switchSelect: function () {
-      let that = this;
-      let validList = that.cartList.valid;
-      let selectValue = that.selectValue;
-      let selectCountPrice = 0.00;
-      if (selectValue.length < 1) {
-        that.selectCountPrice = selectCountPrice;
-      } else {
-        for (let index in validList) {
-          if (that.inArray(validList[index].id, selectValue)) {
-            selectCountPrice = that.$util.$h.Add(selectCountPrice, that.$util.$h.Mul(validList[index]
-              .cart_num, validList[
-                index].truePrice))
-          }
-        }
-        that.selectCountPrice = selectCountPrice;
-      }
-    },
-    getInvalidList: function () {
-      let that = this;
-      if (this.loadendInvalid) return false;
-      if (this.loadingInvalid) return false;
-      let data = {
-        page: that.pageInvalid,
-        limit: that.limitInvalid,
-        status: 0
-      }
-      let resData = {
-        "valid": [],
-        "invalid": [],
-        "deduction": {
-          "seckill_id": 0,
-          "bargain_id": 0,
-          "combination_id": 0,
-          "discount_id": 0
-        }
-      }
-      // getCartList(data).then(res => {
-      let cartList = resData,
-        invalid = cartList.invalid,
-        loadendInvalid = invalid.length < that.limitInvalid;
-      let invalidList = that.$util.SplitArray(invalid, that.cartList.invalid);
-      that.$set(that.cartList, 'invalid', invalidList);
-      that.loadendInvalid = loadendInvalid;
-      that.loadTitleInvalid = loadendInvalid ? that.$t(`我也是有底线的`) : that.$t(`加载更多`);
-      that.pageInvalid = that.pageInvalid + 1;
-      that.loadingInvalid = false;
-      // }).catch(res => {
-      // 	that.loadingInvalid = false;
-      // 	that.loadTitleInvalid = that.$t(`加载更多`);
-      // })
-
-    },
-    getHostProduct: function () {
-      let that = this;
-      if (that.hotScroll) return
-      that.hotPage++
-      that.hotScroll = hot_res.length < that.hotLimit
-      that.hostProduct = that.hostProduct.concat(hot_res)
-    },
   },
-  onReachBottom () {
-    let that = this;
-    if (that.loadend) {
-      that.getInvalidList();
-    }
-    if (that.cartList.valid.length == 0 && that.cartList.invalid.length == 0) {
-      that.getHostProduct();
-    }
-  }
 }
 </script>
 
@@ -495,89 +128,4 @@ export default {
 
 
 }
-
-
-
-.myclient_list {
-  margin-top: 30rpx;
-  width: 750rpx;
-  min-height: 220rpx;
-  padding: 30rpx;
-  background: #FFFFFF;
-
-  .myclient_list_name {
-    margin-bottom: 15rpx;
-    height: 44rpx;
-    font-size: 28rpx;
-    font-weight: 500;
-    color: #111111;
-    line-height: 44rpx;
-  }
-
-  .myclient_list_content {
-
-    image {
-      width: 24rpx;
-      height: 24rpx;
-      margin-right: 20rpx;
-    }
-
-    .phone {
-      margin-bottom: 15rpx;
-      height: 44rpx;
-      font-size: 24rpx;
-      font-weight: 400;
-      color: #999999;
-      line-height: 44rpx;
-    }
-
-    .time {
-      height: 44rpx;
-      font-size: 24rpx;
-      font-weight: 400;
-      color: #999999;
-      line-height: 44rpx;
-    }
-  }
-}
-
-.myclient_list2 {
-  margin-top: 30rpx;
-  width: 750rpx;
-  min-height: 220rpx;
-  padding: 30rpx;
-  background: #FFFFFF;
-
-  .myclient_list_name {
-    margin-bottom: 15rpx;
-font-size: 28rpx;
-font-weight: 500;
-color: #111111;
-line-height: 44rpx;
-  }
-
-  .myclient_list_content {
-
-    image {
-      width: 24rpx;
-      height: 24rpx;
-      margin-right: 20rpx;
-    }
-
-    .content {
-      margin-bottom: 15rpx;
-      font-size: 28rpx;
-      font-weight: 400;
-      color: #666666;
-    }
-
-    .time {
-      height: 44rpx;
-      font-size: 24rpx;
-      font-weight: 400;
-      color: #999999;
-      line-height: 44rpx;
-    }
-  }
-}
 </style>

pages/message/module/mescrollUni-item.vue

@@ -0,0 +1,138 @@
+<template>
+	<!--
+    swiper中的transfrom会使fixed失效,此时用height固定高度;
+    swiper中无法触发mescroll-mixins.js的onPageScroll和onReachBottom方法,只能用mescroll-uni,不能用mescroll-body
+    -->
+	<!-- ref动态生成: 字节跳动小程序编辑器不支持一个页面存在相同的ref (如不考虑字节跳动小程序可固定值为 ref="mescrollRef") -->
+	<!-- top的高度等于悬浮菜单tabs的高度 -->
+	<mescroll-uni :ref="'mescrollRef' + i" @init="mescrollInit" :height="height" :down="downOption" @down="downCallback"
+		:up="upOption" @up="upCallback" @emptyclick="emptyClick">
+		<!-- 数据列表 -->
+
+		<normalMsg v-if="index === 0" :list="normalMsgList"></normalMsg>
+		<sysMsg v-if="index === 1" :list="sysMsgList"></sysMsg>
+	</mescroll-uni>
+</template>
+
+<script>
+	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+	import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js";
+	import sysMsg from '@/components/sysMsg/sysMsg.vue'
+	import normalMsg from '@/components/normalMsg/normalMsg.vue'
+	import { getNotice,getMyMessage} from '@/api/groupon.js'
+	export default {
+		mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
+		components: {
+			sysMsg,normalMsg
+		},
+
+		data() {
+			return {
+				downOption: {
+					auto: true // 不自动加载 (mixin已处理第一个tab触发downCallback)
+				},
+				upOption: {
+					auto: true, // 不自动加载
+					// page: {
+					// 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
+					// 	size: 10 // 每页数据的数量
+					// },
+					noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
+					empty: {
+						icon: '/static/images/empty.png',
+						tip: '暂无内容', // 提示
+						// btnText: '去看看'
+					},
+					textNoMore: '没有更多了'
+				},
+				sysMsgList: [],
+				normalMsgList:[]
+			}
+		},
+		props: {
+			i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+			index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+				type: Number,
+				default () {
+					return 0
+				}
+			},
+
+			tabs: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			height: [Number, String], // mescroll的高度
+
+		},
+		watch:{
+			index(newVal,oldVal){
+				this.downCallback();
+			}
+		},
+
+		methods: {
+
+			/*下拉刷新的回调 */
+			downCallback() {
+				// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
+				// loadSwiper();
+				// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
+				this.mescroll.resetUpScroll()
+			},
+			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+			upCallback(page) {
+				//联网加载数据
+				let httpData = {
+					current: page.num,
+					size: 10,
+				}
+				if (this.index === 0){
+					getMyMessage(httpData).then((res) => {
+
+						//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+						this.mescroll.endSuccess(res.data.length,res.data.length === 10);
+						//设置列表数据
+						if (page.num === 1) this.normalMsgList = []; //如果是第一页需手动制空列表
+						if (res.data.length > 0){
+							this.normalMsgList = this.normalMsgList.concat(res.data); //追加新数据
+						}
+						console.log("+++++++++++++++++++++",this.normalMsgList)
+					}).catch((err) => {
+						//联网失败, 结束加载
+						this.mescroll.endErr();
+					})
+				}
+				if (this.index === 1){
+					getNotice(httpData).then((res) => {
+						//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+						this.mescroll.endSuccess(res.data.length,res.data.length === 10);
+						//设置列表数据
+						if (page.num === 1) this.sysMsgList = []; //如果是第一页需手动制空列表
+						if (res.data.length > 0){
+							this.sysMsgList = this.sysMsgList.concat(res.data); //追加新数据
+						}
+						console.log("+++++++++++++++++++++",this.sysMsgList)
+					}).catch((err) => {
+						//联网失败, 结束加载
+						this.mescroll.endErr();
+					})
+				}
+
+			},
+			//点击空布局按钮的回调
+			emptyClick() {
+				uni.showToast({
+					title: '点击了按钮,具体逻辑自行实现'
+				})
+			},
+			// 搜索
+			doSearch() {
+				this.list = []; // 先清空列表,显示加载进度
+				this.mescroll.resetUpScroll();
+			},
+		}
+	}
+</script>