|  |  |  | 
|---|
|  |  |  | <view class="concrete" | 
|---|
|  |  |  | style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> | 
|---|
|  |  |  | 皮</view> | 
|---|
|  |  |  | <view class="num">{{ coalDetailsData.skin }}</view> | 
|---|
|  |  |  | <view class="num">{{ coalDetailsData.skin||"" }}</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="item"> | 
|---|
|  |  |  | <view class="concrete" | 
|---|
|  |  |  | style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> | 
|---|
|  |  |  | 毛</view> | 
|---|
|  |  |  | <view class="num">{{ coalDetailsData.hair }}</view> | 
|---|
|  |  |  | <view class="num">{{ coalDetailsData.hair||""  }}</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="item"> | 
|---|
|  |  |  | <view class="concrete" | 
|---|
|  |  |  | style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> | 
|---|
|  |  |  | 净</view> | 
|---|
|  |  |  | <view class="num">{{ coalDetailsData.clean }}</view> | 
|---|
|  |  |  | <view class="num">{{ coalDetailsData.clean||""  }}</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="weigh-ability"> | 
|---|
|  |  |  | <view class="weigh-button" | 
|---|
|  |  |  | v-show='ablePrintInduction'> | 
|---|
|  |  |  | <u-button text="打印入门证" | 
|---|
|  |  |  | @click="printEntryCertificate" | 
|---|
|  |  |  | type="primary" | 
|---|
|  |  |  | shape="circle" | 
|---|
|  |  |  | :loading="enterLoading" | 
|---|
|  |  |  | loadingText="打印中,请稍候"></u-button> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="weigh-button" | 
|---|
|  |  |  | v-show="ablePrintOut"> | 
|---|
|  |  |  | <u-button text="打印出门证" | 
|---|
|  |  |  | @click="printExitPermit" | 
|---|
|  |  |  | type="primary" | 
|---|
|  |  |  | shape="circle" | 
|---|
|  |  |  | :loading="outLoading" | 
|---|
|  |  |  | loadingText="打印中,请稍候"></u-button> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="weigh-button"><u-button text="展示提煤单" | 
|---|
|  |  |  | @click="showCaolPickUpBill" | 
|---|
|  |  |  | type="primary" | 
|---|
|  |  |  | 
|---|
|  |  |  | @confirm="completeOutSaleConfirm" | 
|---|
|  |  |  | @cancel="completeOutSaleCancel"></u-modal> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="serviece-customer"> | 
|---|
|  |  |  | <u-action-sheet :actions="list" | 
|---|
|  |  |  | @select="selectClick" | 
|---|
|  |  |  | @close='serviceClose' | 
|---|
|  |  |  | title="呼叫方式" | 
|---|
|  |  |  | :show="servieceShow" | 
|---|
|  |  |  | cancelText="取消"></u-action-sheet> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <!-- 磅房忙碌提示弹窗 --> | 
|---|
|  |  |  | <view class=""> | 
|---|
|  |  |  | <u-modal :show="wsgVisiable" | 
|---|
|  |  |  | title="提示" | 
|---|
|  |  |  | :content="wsgContent" | 
|---|
|  |  |  | @confirm="wsgContentConfirm"></u-modal> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | this.overTmWaixiao = value.overTmWaixiao | 
|---|
|  |  |  | this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onShow() { | 
|---|
|  |  |  | this.init(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | 
|---|
|  |  |  | // 客服信息 | 
|---|
|  |  |  | serviceInfoObj: { | 
|---|
|  |  |  | openId: null, | 
|---|
|  |  |  | openName: '' | 
|---|
|  |  |  | openName: '', | 
|---|
|  |  |  | serviecePhone: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', | 
|---|
|  |  |  | '进入场院' | 
|---|
|  |  |  | '进入场院', '异常审核中' | 
|---|
|  |  |  | ], // 状态 | 
|---|
|  |  |  | weighHouseCode: '', | 
|---|
|  |  |  | // 放空弹窗控制变量 | 
|---|
|  |  |  | 
|---|
|  |  |  | clean: "" | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | completeOutSaleShow: false, | 
|---|
|  |  |  | overTmWaixiao: null | 
|---|
|  |  |  |  | 
|---|
|  |  |  | overTmWaixiao: null, | 
|---|
|  |  |  | list: [{ name: '手机号', subname: '1213456', id: 1 }, { name: '微信语音', id: 2 }], //呼叫客服选项 | 
|---|
|  |  |  | servieceShow: false, | 
|---|
|  |  |  | ablePrintInduction: false, //入门证是否显示 | 
|---|
|  |  |  | ablePrintOut: false, //出门证是否显示 | 
|---|
|  |  |  | enterLoading: false, //入门按钮loading | 
|---|
|  |  |  | outLoading: false, //出门按钮loading | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onShow() { | 
|---|
|  |  |  | this.init(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onHide() { | 
|---|
|  |  |  | clearInterval(this.interval); | 
|---|
|  |  |  | 
|---|
|  |  |  | clearInterval(this.interval); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | computed: { | 
|---|
|  |  |  | ...mapState(['globalweigh', 'globalinfraredStatus']), | 
|---|
|  |  |  | ...mapState(['globalweigh', 'globalinfraredStatus', 'wsgVisiable', 'wsgContent']), | 
|---|
|  |  |  | name() { | 
|---|
|  |  |  | return uni.getStorageSync('name'); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | return this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | isapproach() { | 
|---|
|  |  |  | return this.currentPageCoalStatus <= 3; | 
|---|
|  |  |  | return this.currentPageCoalStatus !== 3; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | ...mapMutations(['changewsgVisiable']), | 
|---|
|  |  |  | init() { | 
|---|
|  |  |  | this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { | 
|---|
|  |  |  | if (res.code == 0) { | 
|---|
|  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | 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('获取客服信息失败'); | 
|---|
|  |  |  | this.$u.toast(res.msg ? res.msg : '获取客服信息失败'); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | if (res.data.length > 0) { | 
|---|
|  |  |  | this.serviceInfoObj.openId = res.data[0].openId; | 
|---|
|  |  |  | this.serviceInfoObj.openName = res.data[0].openName; | 
|---|
|  |  |  | uni.setStorageSync('customeropenId', this.serviceInfoObj.openId); | 
|---|
|  |  |  | uni.setStorageSync('customerName', this.serviceInfoObj.openName); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.serviceInfoObj.openId = res.data.openId; | 
|---|
|  |  |  | this.serviceInfoObj.openName = res.data.openName; | 
|---|
|  |  |  | this.serviceInfoObj.serviecePhone = res.data.serviecePhone | 
|---|
|  |  |  | this.$set(this.list[0], 'subname', this.serviceInfoObj.serviecePhone) | 
|---|
|  |  |  | uni.setStorageSync('customeropenId', this.serviceInfoObj.openId); | 
|---|
|  |  |  | uni.setStorageSync('customerName', this.serviceInfoObj.openName); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | this.primarySkin = this.coalDetailsData.skinTwo; | 
|---|
|  |  |  | this.primaryHair = this.coalDetailsData.hairTwo; | 
|---|
|  |  |  | this.primaryClean = this.coalDetailsData.cleanTwo; | 
|---|
|  |  |  | // 入门证 和 出门证 是否显示 | 
|---|
|  |  |  | this.ablePrintInduction = this.coalDetailsData.hair || this.coalDetailsData.skin | 
|---|
|  |  |  | this.ablePrintOut = this.coalDetailsData.hair && this.coalDetailsData.skin | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.$u.toast('加载失败'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(() => { | 
|---|
|  |  |  | this.getgetService(); //获取客服 | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 日志查询 | 
|---|
|  |  |  | 
|---|
|  |  |  | }&sendDate=${this.getYuYueDataParams.sendDate}` | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 呼叫客服 | 
|---|
|  |  |  | callCustomerService() { | 
|---|
|  |  |  | this.servieceShow = true | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | serviceClose() { | 
|---|
|  |  |  | this.servieceShow = false | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | selectClick(v) { | 
|---|
|  |  |  | if (v.id === 2) { | 
|---|
|  |  |  | this.callCustomerServiceImpl() | 
|---|
|  |  |  | } else if (v.id === 1) { | 
|---|
|  |  |  | wx.makePhoneCall({ | 
|---|
|  |  |  | phoneNumber: this.serviceInfoObj.serviecePhone | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 呼叫客服 | 
|---|
|  |  |  | callCustomerServiceImpl() { | 
|---|
|  |  |  | // if (!this.serviceInfoObj.openId) { | 
|---|
|  |  |  | // this.$u.toast('无客服信息'); | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | wx.join1v1Chat({ | 
|---|
|  |  |  | caller: { | 
|---|
|  |  |  | nickname: uni.getStorageSync('name'), | 
|---|
|  |  |  | nickname: uni.getStorageSync('username'), | 
|---|
|  |  |  | openid: uni.getStorageSync( | 
|---|
|  |  |  | 'openid') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | nickname: uni.getStorageSync('customerName'), | 
|---|
|  |  |  | openid: uni.getStorageSync( | 
|---|
|  |  |  | 'customeropenId') | 
|---|
|  |  |  | }, // 这里的openid是fyy的,充当固定的客服openid | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | backgroundType: 2, | 
|---|
|  |  |  | roomType: 'voice', | 
|---|
|  |  |  | success() { | 
|---|
|  |  |  | 
|---|
|  |  |  | 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() { | 
|---|
|  |  |  | 
|---|
|  |  |  | completeOutSaleCancel() { | 
|---|
|  |  |  | this.completeOutSaleShow = false | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 打印入门证 | 
|---|
|  |  |  | printEntryCertificate() { | 
|---|
|  |  |  | uni.showLoading({ | 
|---|
|  |  |  | title: '正在打印中,请稍后' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.enterLoading = true | 
|---|
|  |  |  | this.$reqGet('printer', { type: 2, tmId: this.coalDetailsData.id }).then(res => { | 
|---|
|  |  |  | uni.hideLoading() | 
|---|
|  |  |  | this.enterLoading = false | 
|---|
|  |  |  | console.log(res); | 
|---|
|  |  |  | if (res.code === 0) { | 
|---|
|  |  |  | this.$u.toast('打印成功') | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.$u.toast(res.msg ? res.msg : '打印失败') | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 打印出门证 | 
|---|
|  |  |  | printExitPermit() { | 
|---|
|  |  |  | uni.showLoading({ | 
|---|
|  |  |  | title: '正在打印中,请稍后' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.outLoading = true | 
|---|
|  |  |  | this.$reqGet('printer', { type: 3, tmId: this.coalDetailsData.id }).then(res => { | 
|---|
|  |  |  | uni.hideLoading() | 
|---|
|  |  |  | this.outLoading = false | 
|---|
|  |  |  | if (res.code === 0) { | 
|---|
|  |  |  | this.$u.toast('打印成功') | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.$u.toast(res.msg ? res.msg : '打印失败') | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | wsgContentConfirm() { | 
|---|
|  |  |  | this.changewsgVisiable(false) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep.bill-of-lading-details { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100vh; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | margin: 0 auto; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .timeLine { | 
|---|
|  |  |  | height: 40%; | 
|---|
|  |  |  | height: 300rpx; | 
|---|
|  |  |  | margin: vww(20); | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | top: vww(120); | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .weigh-ability { | 
|---|
|  |  |  | width: 631rpx; | 
|---|
|  |  |  | height: vww(100); | 
|---|
|  |  |  | height: vww(200); | 
|---|
|  |  |  | margin: vww(80) auto; | 
|---|
|  |  |  | margin-bottom: vww(10); | 
|---|
|  |  |  | margin-top: vww(100); | 
|---|
|  |  |  | margin-bottom: vww(20); | 
|---|
|  |  |  | @include flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | justify-content: flex-start; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .weigh-button { | 
|---|
|  |  |  | width: 631rpx; | 
|---|
|  |  |  | height: vww(89); | 
|---|
|  |  |  | height: vww(40); | 
|---|
|  |  |  | margin: vww(10); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .u-button { | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|