微信小程序增加查看消息

qingyiay

2023-04-12 1ef0e393913961c11ea05f868a537015572d7b7c

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

@@ -1,8 +1,16 @@
<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" ref="freightForwarderIndexRef"></freight-forwarder-index>
      <driver-index v-if="roleType == 3" ref="driverIndexRef"></driver-index>
      <freight-forwarder-index
         v-if="roleType == 2"
         ref="freightForwarderIndexRef"
         :indexHistoryCoalData="indexHistoryCoalData"
         :indexHuoDaiOrderPlanData="indexHuoDaiOrderPlanData"
      ></freight-forwarder-index>
      <driver-index v-if="roleType == 3" ref="driverIndexRef" :indexdriverBillOfLoadingData="indexdriverBillOfLoadingData"></driver-index>
      <tab-bar :current="0"></tab-bar>
   </view>
</template>
@@ -18,17 +26,57 @@
      driverIndex,
      freightForwarderIndex
   },
   //首页下拉刷新
   onPullDownRefresh() {
      uni.showLoading({
         title: '加载中...'
      });
      this.$reqGet('GetOrderPlan').then(res => {
         if (res.data) {
            this.orderPlanDataStore = res.data;
            uni.hideLoading();
            uni.stopPullDownRefresh();
         }
      });
      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 => {
            if (res.data) {
               this.orderPlanDataStore = res.data;
               uni.hideLoading();
               uni.stopPullDownRefresh();
            } else {
               this.$u.toast('加载失败');
            }
         });
      } else if (this.roleType == 2) {
         this.$reqGet('huoDaiList').then(res => {
            if (res.data) {
               this.indexHuoDaiOrderPlanData = res.data;
               uni.hideLoading();
               uni.stopPullDownRefresh();
            } else {
               this.$u.toast('加载失败');
            }
         });
      } 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();
            }
         });
      }
   },
   onLoad() {
      // 开启双人通话
@@ -50,7 +98,10 @@
   data() {
      return {
         roleType: null,
         orderPlanDataStore: []
         orderPlanDataStore: [],
         indexHuoDaiOrderPlanData: [],
         indexHistoryCoalData: [],
         indexdriverBillOfLoadingData: {}
      };
   },
   onShow() {
@@ -58,6 +109,11 @@
      this.userAuthorization();
   },
   methods: {
      messagePage() {
         uni.navigateTo({
            url: '/pages/public-page/message/message'
         });
      },
      init() {
         this.roleType = uni.getStorageSync('roleType');
         switch (this.roleType) {
@@ -124,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>