| | |
| | | <view class="wait-collection" |
| | | :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/diverbanner.png)`, backgroundSize: 'contain', backgroundRepeat: 'no-repeat' }"> |
| | | </view> |
| | | <!-- 引导页 --> |
| | | <view class="noob-tour" |
| | | v-if="roleType===3&&isFirstLogin"> |
| | | <combined-title title="操作指引"></combined-title> |
| | | <u-cell-group> |
| | | <u-cell title="新手指引" |
| | | name='1' |
| | | :clickable="true" |
| | | @click="noobTour"> |
| | | <u-badge type="primary" |
| | | value="01" |
| | | slot='icon'></u-badge> |
| | | <u-icon slot="value" |
| | | name="arrow-right" |
| | | size="30" |
| | | color="#b8b8b8"></u-icon> |
| | | </u-cell> |
| | | </u-cell-group> |
| | | </view> |
| | | <view class="collection-form"> |
| | | <view class="collection-form-item" |
| | | v-for="(item, index) in driverBillOfLoadingData.list1" |
| | |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | | textSize="30" |
| | | iconSize="1000" |
| | | text="暂无数据" |
| | | v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true"></u-empty> |
| | | |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" |
| | | v-for="(item, index) in driverBillOfLoadingData.list3" |
| | | :key="index"> |
| | | :key="index" |
| | | @click="list3CardIconClick(item)" |
| | | > |
| | | |
| | | <view class="main-divider"></view> |
| | | <view class="orderCode">订单号:{{ item.orderCode }}</view> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | | textSize="30" |
| | | iconSize="1000" |
| | | text="暂无数据" |
| | | v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"></u-empty> |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" |
| | |
| | | :key="index" |
| | | @click="list3CardIconClick(item)"> |
| | | <view class="main-divider"></view> |
| | | <view class="orderCode">订单号:{{ item.orderCode }}</view> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | |
| | | </view> |
| | | <view class="white-block"></view> |
| | | </view> |
| | | <!-- 图片预览弹出框 --> |
| | | <view class="previewImage-container"> |
| | | <previewImage ref="previewImage" |
| | | :imgs="driverTourImgList" |
| | | :saveBtn='false'></previewImage> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | import { customerId } from '@/utils/status'; |
| | | import combinedTitle from '@/components/combined-title/combined-title.vue'; |
| | | import { onlineurl } from '@/api/request.js' |
| | | import { BaseUrl } from '@/api/publicInterface.js' |
| | | import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; |
| | | import { mapState } from 'vuex' |
| | | export default { |
| | | components: { |
| | | combinedTitle |
| | | combinedTitle, |
| | | previewImage |
| | | }, |
| | | props: { |
| | | indexdriverBillOfLoadingData: { |
| | |
| | | }, |
| | | deep: true, |
| | | immediate: true |
| | | } |
| | | }, |
| | | }, |
| | | computed: { |
| | | ...mapState(['driverTourImgList']), |
| | | roleType() { |
| | | return uni.getStorageSync('roleType'); |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | fleetId: '', |
| | | xsUserId: '', |
| | | customerId: '', |
| | | coalStatus: ['未称重', '称重中', '验质中', '称重完成'], |
| | | coalStatus: ['未称重', '称重中', '验质中', '称重完成', '验质完成'], |
| | | onlineurl, |
| | | phone: "", |
| | | isFirstLogin: true //是否是第一次登录 |
| | | }; |
| | | }, |
| | | mounted() { |
| | | // this.TourImgList = TourImgList |
| | | this.getLogOn() |
| | | |
| | | }, |
| | | onShow() { |
| | | this.init(); |
| | |
| | | uni.navigateTo({ |
| | | url: `/pages/driver-page/appointment/appointment?takeCoalId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}` |
| | | }); |
| | | } |
| | | }, |
| | | noobTour() { |
| | | this.$refs.previewImage.open('https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg') |
| | | }, |
| | | getLogOn() { |
| | | this.$reqGet('getUserEntity').then(res => { |
| | | this.phone = res.data.phone |
| | | }).then(() => { |
| | | uni.request({ |
| | | url: `${BaseUrl}/admin/log/getLogOnType?phone=${this.phone}`, |
| | | success: res => { |
| | | // res.data.data 为1 代表第一次登录 为0取消学习指引 为2 代表存在 |
| | | if (res.data.data === 1) { |
| | | this.noobTour() |
| | | } else if (res.data.data === 2) { |
| | | this.isFirstLogin = true |
| | | } else { |
| | | this.isFirstLogin = false |
| | | } |
| | | } |
| | | }); |
| | | }) |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | text-align: center; |
| | | line-height: vww(40); |
| | | } |
| | | } |
| | | |
| | | .fade-enter-active, |
| | | .fade-leave-active { |
| | | transition: opacity 0.5s; |
| | | } |
| | | |
| | | .fade-enter, |
| | | .fade-leave-to { |
| | | opacity: 0; |
| | | } |
| | | |
| | | .exceedHide { |
| | |
| | | |
| | | .appointment-form-item { |
| | | @include formItem; |
| | | height: vww(220); |
| | | height: vww(240); |
| | | justify-content: space-between; |
| | | overflow: hidden; |
| | | |
| | | .main-divider { |
| | | width: 560rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | | top: 122rpx; |
| | | top: 200rpx; |
| | | left: 128rpx; |
| | | } |
| | | .orderCode{ |
| | | padding: 10px; |
| | | } |
| | | |
| | | .first-line { |
| | |
| | | margin-top: vww(10); |
| | | } |
| | | } |
| | | |
| | | .noob-tour { |
| | | margin-bottom: vww(10); |
| | | position: relative; |
| | | top: -240rpx; |
| | | } |
| | | |
| | | .u-popup { |
| | | .u-transition { |
| | | .u-popup__content { |
| | | .editDriverPopup-container-box {} |
| | | |
| | | //closeIcon |
| | | .u-popup__content__close--top-right { |
| | | .u-icon { |
| | | .u-icon__icon { |
| | | font-size: vww(20) !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |