微信登录修改，呼叫客服功能（完成）

付延余

2023-03-23 1cb780b1762c62751c7f5f26132f3a7aa4ef3e2f

 pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue

@@ -2,32 +2,34 @@
   <view class="bill-of-lading-details">
      <view class="bangDanMessage">
         <view class="">
            <u--text align="center" size="35" bold plain text="主色" :text="'客户：' + coalDetailsData.customerName"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'矿厂：' + coalDetailsData.deptName"></u--text>
            <text>客户：{{ coalDetailsData.customerName }}</text>
            <text>矿厂：{{ coalDetailsData.deptName }}</text>
         </view>
         <view class="">
            <u--text align="center" size="35" bold plain text="主色" :text="'皮重：' + coalDetailsData.skin"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'毛重：' + coalDetailsData.hair"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'净重：' + coalDetailsData.clean"></u--text>
            <text>皮重：{{ coalDetailsData.skin }}</text>
            <text>毛重：{{ coalDetailsData.hair }}</text>
            <text>净重：{{ coalDetailsData.clean }}</text>
         </view>
         <view class="">
            <u--text align="center" size="35" bold plain text="主色" :text="'磅单类型：' + coalDetailsData.orderTye"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'状态：' + coalStatus[coalDetailsData.status]"></u--text>
            <text>磅单类型：{{ coalDetailsData.orderTye }}</text>
            <text>状态：{{ coalStatus[coalDetailsData.status] }}</text>
         </view>
         <u--text align="center" size="35" bold plain text="主色" :text="'煤场：' + coalDetailsData.filedName"></u--text>
         <u--text align="center" size="35" bold plain text="主色" :text="'发运时间：' + coalDetailsData.sendDate"></u--text>
         <u--text align="center" size="35" bold plain text="主色" :text="'提煤单编号：' + coalDetailsData.code"></u--text>
         <u--text align="center" size="35" bold plain text="主色" :text="'订单编号：' + coalDetailsData.orderCode"></u--text>
         <view class="">
            <text>煤场：{{ coalDetailsData.filedName }}</text>
            <text>发运时间：{{ coalDetailsData.sendDate }}</text>
            <text>提煤单编号：{{ coalDetailsData.code }}</text>
            <text>订单编号：{{ coalDetailsData.orderCode }}</text>
         </view>
      </view>
      <view class="timeLine" style="font-size: 16rpx;">
         <u--text type="primary" size="30" plain text="主色" v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
         <u--text type="primary" size="30" plain v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
      </view>
      <view class="utilsBox">
         <view class="utils_chil utils_chilTop">
            <u-button text="签到" type="primary" plain @click="arriveClick"></u-button>
            <u-button text="入场申请" type="primary" plain @click="rcsqClick"></u-button>
            <u-button text="放空" type="primary" plain></u-button>
            <u-button text="呼叫客服" type="primary" plain></u-button>
            <u-button text="呼叫客服" type="primary" plain @click="callCustomerService"></u-button>
         </view>
         <view class="utils_chil"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary"></u-button></view>
         <view class="utils_chil"><u-button text="上磅计量" @click="cengZhongClick" type="primary"></u-button></view>
@@ -38,11 +40,11 @@
<script>
export default {
   onLoad(value) {
      console.log('页面加载', value);
      if (value.orderPlanId && value.yyId) {
         this.orderPlanId = value.orderPlanId;
         this.yyId = value.yyId;
      }
      // wx.startRecord();
   },
   data() {
      return {
@@ -50,18 +52,29 @@
         yyId: null,
         dayRZ: [],
         coalDetailsData: {}, // 提煤单详情
         // 获取所在磅房参数
         getWeightHouseObj: {
            // 获取所在磅房
            deptId: '',
            filedId: '',
            tmId: '',
            tmCode: '',
            carNo: ''
         },
         // 获取入场申请的列表页面参数
         getYuYueDataParams: {
            deptId: '',
            filedId: '',
            sendDate: ''
         },
         // 获取客服openid参数
         getServiceOpenid: {
            deptId: '',
            filedId: ''
         },
         // 客服信息
         serviceInfoObj: {
            openId: null,
            openName: ''
         },
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓'] // 状态
      };
@@ -70,8 +83,8 @@
      this.init();
   },
   computed: {
      userName() {
         return uni.getStorageSync('username');
      name() {
         return uni.getStorageSync('name');
      },
      openid() {
         return uni.getStorageSync('openid');
@@ -79,8 +92,23 @@
   },
   methods: {
      init() {
         this.coalDayPage();
         this.getTakeCoal();
         this.coalDayPage(); //获取日志
         this.getTakeCoal(); //获取提煤单详情
         this.getgetService(); //获取客服
      },
      // 获取客服openid
      getgetService() {
         this.$reqGet('getCallOutList', this.getServiceOpenid).then(res => {
            console.log(res, '客服openid');
            if (res.code != 0) {
               this.$u.toast('获取客服信息失败');
            } else {
               if (res.data.length > 0) {
                  this.serviceInfoObj.openId = res.data[0].openId;
                  this.serviceInfoObj.openName = res.data[0].openName;
               }
            }
         });
      },
      // 获取提煤单详情
      getTakeCoal() {
@@ -97,6 +125,9 @@
               this.getYuYueDataParams.deptId = this.coalDetailsData.deptId;
               this.getYuYueDataParams.filedId = this.coalDetailsData.filedId;
               this.getYuYueDataParams.sendDate = this.coalDetailsData.sendDate;
               // 获取客服openId参数赋值
               this.getServiceOpenid.deptId = this.coalDetailsData.deptId;
               this.getServiceOpenid.filedId = this.coalDetailsData.filedId;
            }
         });
      },
@@ -130,12 +161,49 @@
      },
      // 呼叫客服
      callCustomerService() {
         wx.join1v1Chat({
            caller: { nickname: this.userName, openid: this.openid },
            listener: { nickname: '客服', openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 这里的openid是fyy的，充当固定的客服openid
            backgroundType: 2,
            roomType: 'voice'
         // if (!this.serviceInfoObj.openId) {
         // this.$u.toast('无客服信息');
         // }
         wx.getSetting({
            success(res) {
               console.log('授权success', res);
               if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) {
                  if (!res.authSetting['scope.camera']) {
                     uni.showToast({
                        title: '无相机权限'
                     });
                  } else if (!res.authSetting['scope.record']) {
                     uni.showToast({
                        title: '无麦克风权限'
                     });
                  }
               } else {
                  wx.join1v1Chat({
                     caller: { nickname: uni.getStorageSync('name'), openid: uni.getStorageSync('openid') },
                     listener: { nickname: '付延余', openid: 'oZjXk5e7G9uIvOzaTO6nFV51ALwk' }, // 这里的openid是fyy的，充当固定的客服openid
                     backgroundType: 2,
                     roomType: 'voice',
                     success() {
                        console.log('一对一成功');
                     },
                     fail(err) {
                        console.log('一对一失败', err);
                     }
                  });
               }
            },
            fail() {
               console.log('获取失败');
            }
         });
      },
      calling() {
         // wx.join1v1Chat({
         //    caller: { nickname: this.name, openid: this.openid }, //oZjXk5RRmbroAfl1m5aZ6hRNvqh4
         //    listener: { nickname: this.serviceInfoObj.openName, openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 这里的openid是fyy的，充当固定的客服openid
         //    backgroundType: 2,
         //    roomType: 'voice'
         // });
      },
      // 称重
      cengZhongClick() {
@@ -164,13 +232,14 @@
   display: flex;
   flex-direction: column;
   .bangDanMessage {
      padding: vww(10);
      border: vww(2) solid #dddddd;
      border-radius: vww(20);
      margin: vww(20);
      margin-bottom: vww(10);
      height: 40%;
      box-sizing: border-box;
      overflow-y: overlay; //行为与 auto 相同，但是滚动条绘制在内容之上，而不是占据空间。
      font-size:vww(16);
      font-weight: 500;
      .u-text {
         margin-bottom: vww(5) !important;
      }
@@ -179,12 +248,25 @@
      }
      view:nth-of-type(1) {
         display: flex;
         text{
            width:50%;
         }
      }
      view:nth-of-type(2) {
         display: flex;
         text{
            width:33%;
         }
      }
      view:nth-of-type(3) {
         display: flex;
         text{
            width:50%;
         }
      }
      view:nth-of-type(4){
         display:flex;
         flex-direction: column;
      }
   }
   .timeLine {