12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <template>
- <view class="s-pages">
- <vew class="heads">
- <view><u-icon name="checkmark-circle-fill" size="200" color="red"></u-icon></view>
- <view v-if="type==1">洗车机归位成功</view>
- <view v-if="type==0">洗车已完成</view>
- <view class="s-butoon">
- <u-button @click="toHome" type="error">重新扫码洗车</u-button>
- </view>
- </vew>
- <view class="infos">
- <view>操作说明:</view>
- <view>【重新扫码洗车】需要再次支付洗车费用,如果遇到非个人原因导致洗车机中途归位,客服会在7个工作日内核实情况后,将已付费用按原支付渠道退款给付款账户。带来不便,敬请谅解。</view>
- <view @click="callPhone">如有疑问,请联系客服:<text>{{kfMobile}}</text> </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- type: 1,
- kfMobile: ''
- };
- },
- onLoad(opts) {
- this.type = opts.type
- this.kfMobile = this.$store.state.vuex_kfMobile
- },
- methods:{
- // 电话客服
- callPhone () {
- uni.makePhoneCall({
- phoneNumber: this.$store.state.vuex_kfMobile
- })
- },
- // 返回首页
- toHome () {
- uni.reLaunch({
- url: "/pages/index/index"
- })
- },
- // 再次洗车
- toWork(){
- uni.redirectTo({
- url: "/pages/getOrder/getOrder"
- })
- }
- }
- }
- </script>
- <style lang="scss">
- .s-pages{
- width: 100%;
- .heads{
- text-align: center;
- display: flex;
- justify-content: center;
- flex-direction: column;
- padding: 50rpx 50rpx 20rpx;
- .s-butoon{
- padding: 50rpx 0 0 0;
- .u-btn{
- margin-bottom: 35rpx;
- }
- }
- }
- .infos{
- padding:0 50rpx;
- > view{
- padding: 10rpx 0;
- text-indent: 24px;
- line-height: 22px;
- &:first-child{
- text-indent: 0;
- }
- text{
- color: red;
- }
- }
- }
- }
- </style>
|