微信小程序增加查看消息

qingyiay

2023-04-12 1ef0e393913961c11ea05f868a537015572d7b7c

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

@@ -1,8 +1,16 @@
<template>
   <view>
      <customer-index v-if="roleType == 1" ref="customerIndexRef"></customer-index>
      <freight-forwarder-index v-if="roleType == 2" ref="freightForwarderIndexRef"></freight-forwarder-index>
      <driver-index v-if="roleType == 3" ref="driverIndexRef"></driver-index>
      <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"
         :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>
@@ -11,19 +19,71 @@
import customerIndex from '@/pages/customer-page/customer-index/customer-index.vue';
import driverIndex from '@/pages/driver-page/driver-index/driver-index.vue';
import freightForwarderIndex from '@/pages/freight-forwarder-page/freightForwarder-index/freightForwarder-index.vue';

import { mapState } from 'vuex';
export default {
   components: {
      customerIndex,
      driverIndex,
      freightForwarderIndex
   },
   onLoad(){
   //首页下拉刷新
   onPullDownRefresh() {
      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() {
      // 开启双人通话
      wx.setEnable1v1Chat({
         enable: true,
         backgroundType: 1,
         minWindowType:2,
         minWindowType: 2,
         success() {
            console.log('开启双人通话成功');
         },
@@ -37,7 +97,11 @@
   },
   data() {
      return {
         roleType: null
         roleType: null,
         orderPlanDataStore: [],
         indexHuoDaiOrderPlanData: [],
         indexHistoryCoalData: [],
         indexdriverBillOfLoadingData: {}
      };
   },
   onShow() {
@@ -45,6 +109,11 @@
      this.userAuthorization();
   },
   methods: {
      messagePage() {
         uni.navigateTo({
            url: '/pages/public-page/message/message'
         });
      },
      init() {
         this.roleType = uni.getStorageSync('roleType');
         switch (this.roleType) {
@@ -111,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>