<template>
|
<view class="noob-tour"
|
v-if="roleType===3&&isFirstLogin||isPersonCenter">
|
<combined-title title="操作指引"></combined-title>
|
<u-cell-group>
|
<u-cell title="接单预约操作指引"
|
name='1'
|
:clickable="true"
|
@click="noobTour(1)">
|
<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 title="外销单过磅指引"
|
name='1'
|
:clickable="true"
|
@click="noobTour(2)">
|
<u-badge type="primary"
|
value="02"
|
slot='icon'></u-badge>
|
<u-icon slot="value"
|
name="arrow-right"
|
size="30"
|
color="#b8b8b8"></u-icon>
|
</u-cell>
|
<u-cell title="外购单过磅指引"
|
name='1'
|
:clickable="true"
|
@click="noobTour(3)">
|
<u-badge type="primary"
|
value="03"
|
slot='icon'></u-badge>
|
<u-icon slot="value"
|
name="arrow-right"
|
size="30"
|
color="#b8b8b8"></u-icon>
|
</u-cell>
|
<u-cell title="内调单过磅指引"
|
name='1'
|
:clickable="true"
|
@click="noobTour(4)">
|
<u-badge type="primary"
|
value="04"
|
slot='icon'></u-badge>
|
<u-icon slot="value"
|
name="arrow-right"
|
size="30"
|
color="#b8b8b8"></u-icon>
|
</u-cell>
|
</u-cell-group>
|
<!-- 图片预览弹出框 -->
|
<view class="previewImage-container">
|
<previewImage ref="previewImage"
|
:imgs="imgList"
|
:saveBtn='false'></previewImage>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import combinedTitle from '@/components/combined-title/combined-title.vue';
|
import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
|
import { mapState } from 'vuex'
|
import { BaseUrl } from '@/api/publicInterface.js'
|
export default {
|
name: "noobTour",
|
components: {
|
combinedTitle,
|
previewImage
|
},
|
created() {
|
if (!this.isFirstTime) {
|
this.getLogOn()
|
}
|
},
|
props: {
|
isPersonCenter: {
|
type: Boolean,
|
default: () => false
|
}
|
},
|
data() {
|
return {
|
imgList: [],
|
isFirstLogin: true, //是否是第一次登录
|
phone: "",
|
isFirstTime: false, //是否是登录进入首页，还是别的页面返回 false是登录 true是别的页面
|
};
|
},
|
computed: {
|
...mapState(['driverTourImgList']),
|
roleType() {
|
return uni.getStorageSync('roleType');
|
},
|
},
|
methods: {
|
noobTour(order) {
|
switch (order) {
|
case 1:
|
this.imgList = this.driverTourImgList.slice(0, 8)
|
this.$nextTick(() => {
|
this.$refs.previewImage.open(
|
'https://mx.jzeg.cn:9096/appimg/image/tour/driver/sj1.png')
|
})
|
break;
|
case 2:
|
this.imgList = this.driverTourImgList
|
this.$nextTick(() => {
|
this.$refs.previewImage.open(
|
'https://mx.jzeg.cn:9096/appimg/image/tour/driver/sj1.png')
|
})
|
break;
|
case 3:
|
this.imgList = this.driverTourImgList
|
this.$nextTick(() => {
|
this.$refs.previewImage.open(
|
'https://mx.jzeg.cn:9096/appimg/image/tour/driver/sj1.png')
|
})
|
break;
|
case 4:
|
this.imgList = this.driverTourImgList
|
this.$nextTick(() => {
|
this.$refs.previewImage.open(
|
'https://mx.jzeg.cn:9096/appimg/image/tour/driver/sj1.png')
|
})
|
break;
|
default:
|
break;
|
}
|
|
},
|
getLogOn() {
|
this.isFirstTime = true
|
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
|
this.$emit('isFirstLogin', this.isFirstLogin)
|
} else {
|
this.isFirstLogin = false
|
this.$emit('isFirstLogin', this.isFirstLogin)
|
}
|
}
|
});
|
})
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
|
</style>
|
