| | |
| | | <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; |