123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <template>
- <view class="pages">
- <view class="success-box">
- <view class="success-tit">质保单领取成功</view>
- <view class="success-code">
- <image></image>
- </view>
- <view class="success-tips">车主可用微信扫此二维码查看质保单详情</view>
- </view>
- <view class="buttons">
- <u-button type="primary" @click="saveForm">保存二维码并查看质保信息</u-button>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- detail: null
- }
- },
- onLoad() {
- this.detail = this.$store.state.vuex_uuidTempData
- },
- methods: {
- // 保存二维码到相册并打开详情页面
- saveForm(){
- uni.redirectTo({
- url: "/pagesA/qualityPolicy/orderDetail"
- })
- }
- }
- }
- </script>
- <style lang="less">
- .pages{
- height: 100vh;
- background: #fff;
- .success-box{
- text-align: center;
- display: flex;
- flex-direction: column;
- justify-content: center;
- margin-top: 10vh;
- .success-tit{
- font-weight: bold;
- color: #4CAF50;
- font-size: 1rem;
- }
- .success-code{
- padding: 2rem;
- image{
- width: 10rem;
- height: 10rem;
- }
- }
- .success-tips{
- color: #fd920e;
- }
- }
- .buttons{
- position: fixed;
- bottom: 0;
- left: 0;
- padding: 1rem 3rem 3rem;
- background: #fff;
- width: 100%;
- }
- }
- </style>
|