微信小程序增加查看消息

qingyiay

2023-04-12 1ef0e393913961c11ea05f868a537015572d7b7c

 pages/tabbar-page/index-tabbar/index-tabbar.vue

@@ -1,5 +1,8 @@
<template>
   <view>
      <view class="search-bar">
         <view class="icon-box" @click="messagePage"><u-icon name="chat" color="#000" size="50"></u-icon></view>
      </view>
      <customer-index v-if="roleType == 1" ref="customerIndexRef" :orderPlanDataStore="orderPlanDataStore"></customer-index>
      <freight-forwarder-index
         v-if="roleType == 2"
@@ -25,9 +28,19 @@
   },
   //首页下拉刷新
   onPullDownRefresh() {
      uni.showLoading({
         title: '加载中...'
      });
      uni.showLoading({ title: '加载中...' });
      // 获取历史提煤单
      if (this.roleType == 1 || this.roleType == 2) {
         this.$reqGet('getJhOrderPlanDataPage', { current: 1, size: 10 }).then(res => {
            if (res.data.records) {
               this.indexHistoryCoalData = res.data.records;
               uni.hideLoading();
               uni.stopPullDownRefresh();
            } else {
               this.$u.toast('加载失败');
            }
         });
      }
      // 客户获取日计划
      if (this.roleType == 1) {
         this.$reqGet('GetOrderPlan').then(res => {
@@ -35,25 +48,33 @@
               this.orderPlanDataStore = res.data;
               uni.hideLoading();
               uni.stopPullDownRefresh();
            } else {
               this.$u.toast('加载失败');
            }
         });
      } else if (this.roleType == 2) {
         this.$reqGet('huoDaiList').then(res => {
            this.indexHuoDaiOrderPlanData = res.data;
            if (res.data) {
               this.indexHuoDaiOrderPlanData = res.data;
               uni.hideLoading();
               uni.stopPullDownRefresh();
            } else {
               this.$u.toast('加载失败');
            }
         });
         // 获取历史提煤单
         this.$reqGet('getJhOrderPlanDataPage', { current: 1, size: 10 }).then(res => {
            if (res.data.records) {
               this.indexHistoryCoalData = [...this.historyCoalData, ...res.data.records];
      } else if (this.roleType == 3) {
         this.$reqGet('qiangDanList').then(res => {
            console.log(res, '刷新之后的数据');
            if (res.code == 0) {
               this.indexdriverBillOfLoadingData = res.data;
               this.$u.toast('加载成功');
               uni.hideLoading();
               uni.stopPullDownRefresh();
            } else {
               this.$u.toast('加载失败');
               uni.hideLoading();
               uni.stopPullDownRefresh();
            }
         });
      } else {
         this.$reqGet('qiangDanList').then(res => {
            this.indexdriverBillOfLoadingData = res.data;
            uni.hideLoading();
            uni.stopPullDownRefresh();
         });
      }
   },
@@ -80,7 +101,7 @@
         orderPlanDataStore: [],
         indexHuoDaiOrderPlanData: [],
         indexHistoryCoalData: [],
         indexdriverBillOfLoadingData: []
         indexdriverBillOfLoadingData: {}
      };
   },
   onShow() {
@@ -88,6 +109,11 @@
      this.userAuthorization();
   },
   methods: {
      messagePage() {
         uni.navigateTo({
            url: '/pages/public-page/message/message'
         });
      },
      init() {
         this.roleType = uni.getStorageSync('roleType');
         switch (this.roleType) {
@@ -154,4 +180,22 @@
};
</script>

<style lang="scss" scoped></style>
<style lang="scss" scoped>
.search-bar {
   height: vww(20);
   width: 96%;
   margin: vww(3) auto;
   position: relative;
   .icon-box {
      width: vww(30);
      height: vww(30);
      background-color: #eee;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: vww(-3);
   }
}
</style>