Files
car-system-app/pages/driver/serve/repair/re_create/result.vue
2024-06-17 10:29:45 +08:00

142 lines
3.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<view class="resultall">
<view class="re_result">
<view class="conview">
<view class="imgview">
<!-- #ifdef MP-WEIXIN -->
<image class="img" :src="`${config.aliyunOssUrl}/static/images/app/serve/re_result.png`" mode=""></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image class="img" src="@/static/images/app/serve/re_result.png" mode=""></image>
<!-- #endif -->
</view>
<view class="txtview">
<view class="bigtxt">预约成功</view>
<view class="smalltxt">你的维修工单已经预约成功可在我的工单里面查看进度</view>
</view>
</view>
<view class="btnview">
<view class="btn_top" @click="toMyBtn">
我的工单
</view>
<view class="btn_bottom" @click="toHomePage">
返回首页
</view>
</view>
</view>
</view>
</template>
<script>
import config from '@/config'
export default {
data() {
return {
config,
}
},
methods: {
toMyBtn() {
this.$store.dispatch('WorkingDay', '')
this.$store.dispatch('WorkingTime', '')
uni.redirectTo({
url: `/pages/driver/mine/my_order/serveOrder/serve_order?tabOnecurrent=0`
})
// uni.navigateTo({
// url: `/pages/driver/mine/my_order/my_order`
// });
},
toHomePage() {
this.$store.dispatch('WorkingDay', '')
this.$store.dispatch('WorkingTime', '')
uni.switchTab({
url: '/pages/driver/home/home'
});
}
}
}
</script>
<style lang="scss" scoped>
.resultall {
background-color: #F5F5F5;
height: 100vh;
}
.re_result {
padding: 135rpx 50rpx 0 50rpx;
.conview {
// border: 1px solid blue ;
.imgview {
// border: 1px solid red ;
width: 500rpx;
height: 280rpx;
margin: 0 auto;
.img {
width: 500rpx;
height: 280rpx;
}
}
.txtview {
text-align: center;
margin-top: 40rpx;
.bigtxt {
font-size: 40rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #000000;
}
.smalltxt {
font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #999999;
margin-top: 15rpx;
}
}
}
.btnview {
margin-top: 64rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
.btn_top {
width: 264rpx;
height: 80rpx;
border-radius: 60rpx 60rpx 60rpx 60rpx;
opacity: 1;
line-height: 78rpx;
text-align: center;
font-size: 34rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #fff;
background: #13AFA8;
}
.btn_bottom {
width: 264rpx;
height: 80rpx;
border-radius: 60rpx 60rpx 60rpx 60rpx;
opacity: 1;
line-height: 78rpx;
text-align: center;
font-size: 34rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
margin-top: 20rpx;
color: #13AFA8;
}
}
}
</style>