不甘寂寞 2年前
コミット
c230407e2f

+ 4
- 3
after-sale/replace-equipment/form.vue ファイルの表示

name: "不邮寄", name: "不邮寄",
disabled: false, disabled: false,
}, },
]);
]);
let showApplyRes = ref(false); let showApplyRes = ref(false);
// 打开物流先择器 // 打开物流先择器
queryCckChangejzCardInfo().then(val => { queryCckChangejzCardInfo().then(val => {
console.log(val) console.log(val)
navTo( navTo(
`/after-sale/to-bookkeeping-card/result`
`/after-sale/replace-equipment/result`
) )
}) })
}; };

+ 82
- 100
after-sale/replace-equipment/result.vue ファイルの表示

<template>
<view class="oderPage">
<view class="content">
<image :src="`${$imgUrl}ETCcancellation/bg1.png`" mode=""></image>
<view class="title">
办理成功
</view>
<view class="">
您办理的更换ETC设备业务已生成订单
</view>
</view>
</view>
<button class="submit" @click="submit">查看订单</button>
</template>

<script setup lang="ts">
import navBar from "./components/nav-bar.vue"
import {
ref,
reactive
} from "vue";
import {
navTo
} from "@/utils/utils"
let model1 = reactive({
uname: '输入验证码',
phone: '135****9090',
code: ''
})

const getCode = () => {
console.log(123);
}

const submit = () => {
console.log(11);
uni.reLaunch({
url: '/pages/service/service'
});
}
</script>


<style>
page {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
</style>
<style lang="scss" scoped>
.oderPage {
flex: 1;
width: 100%;

.content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 130rpx;

image {
width: 390rpx;
height: 307rpx;
margin-bottom: 20rpx;
}

.title {
font-size: 38rpx;
font-weight: 600;
font-size: 40rpx;
font-family: Microsoft YaHei UI;
color: #2A2A2A;
}

view {
margin: 15rpx 0;
font-size: 28rpx;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #717171;
}
}
}

.submit {
background: linear-gradient(to left, #43A1E0 0%, #13E7C1 100%);
width: 670rpx;
height: 80rpx;
line-height: 80rpx;
font-size: 32rpx;
color: #fff;
border-radius: 100rpx;
position: fixed;
bottom: 60rpx;
left: 50%;
transform: translate(-50%);
}
<template>
<view class="oderPage">
<view class="content">
<image :src="`${$imgUrl}ETCcancellation/bg1.png`" mode=""></image>
<view class="title">
办理成功
</view>
<view class="">
您办理的更换卡签业务已完成
</view>
</view>
</view>
<button class="submit" @click="submit">返回</button>
</template>
<script setup lang="ts">
const submit = () => {
let routes = getCurrentPages();
uni.navigateBack({
delta: routes.length - 2
});
}
</script>
<style>
page {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
</style>
<style lang="scss" scoped>
.oderPage {
flex: 1;
width: 100%;
.content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 130rpx;
image {
width: 390rpx;
height: 307rpx;
margin-bottom: 20rpx;
}
.title {
font-size: 38rpx;
font-weight: 600;
font-size: 40rpx;
font-family: Microsoft YaHei UI;
color: #2A2A2A;
}
view {
margin: 15rpx 0;
font-size: 28rpx;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #717171;
}
}
}
.submit {
background: linear-gradient(to left, #43A1E0 0%, #13E7C1 100%);
width: 670rpx;
height: 80rpx;
line-height: 80rpx;
font-size: 32rpx;
color: #fff;
border-radius: 100rpx;
position: fixed;
bottom: 60rpx;
left: 50%;
transform: translate(-50%);
}
</style> </style>

+ 15
- 17
after-sale/replace-equipment/select-car.vue ファイルの表示

<template> <template>
<view class="selectCar-box"> <view class="selectCar-box">
<view v-if="state.list.length>0" @click="choose(i,item)" class="item" v-for="(item,i) in state.list" :key="i">
<view v-if="state.list&&state.list.length>0" @click="choose(i,item)" class="item" v-for="(item,i) in state.list"
:key="i">
<view class="iten-left"> <view class="iten-left">
<image :src="`${$imgUrl}che.png`" mode=""></image> <image :src="`${$imgUrl}che.png`" mode=""></image>
<text>{{item.vehiclePlate}}</text> <text>{{item.vehiclePlate}}</text>
</view> </view>
</view> </view>
</view> </view>
<view v-else class="flex">
暂无车辆订单信息
<view v-else>
<empty title='暂无找到相关车辆信息' />
</view> </view>
</view> </view>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import empty from "@/components/empty/empty.vue";
import { import {
reactive, reactive,
ref ref
} from "@/utils/utils" } from "@/utils/utils"
import { import {
onLoad, onLoad,
onShow
} from "@dcloudio/uni-app"; } from "@dcloudio/uni-app";
import { import {
orderList orderList
import { import {
request request
} from "@/utils/network/request.js"; } from "@/utils/network/request.js";
import {
msg
} from "@/utils/utils";
import { import {
getItem, getItem,
StorageKeys, StorageKeys,
setItem
} from "@/utils/storage"; } from "@/utils/storage";
import { import {
stringToJson stringToJson
} from "@/utils/network/encryption"; } from "@/utils/network/encryption";
const state = reactive({ const state = reactive({
list: []
list: [] //车辆list
}); });
const flag = ref('0') //默认选择0
onLoad(() => { onLoad(() => {
quanCheckActionTrue().then((item: any) => { quanCheckActionTrue().then((item: any) => {
state.list = item.data state.list = item.data
console.log(item)
}) })
}); });
const quanCheckActionTrue = () => { const quanCheckActionTrue = () => {
var data = { var data = {
opId: getItem(StorageKeys.OpenId), opId: getItem(StorageKeys.OpenId),
source: 'WECHAT',
tabIndex: '0',
orderStep: '11',
isValueCard: '2'
source: 'WECHAT', //渠道为小程序
tabIndex: '0', //0全部
orderStep: '11', //11 为已完成”
}; };
const options = { const options = {
type: 2, type: 2,
reject(error); reject(error);
}); });
} }
const flag = ref('0')
const choose = (i, item) => { const choose = (i, item) => {
flag.value = i
navTo(`/after-sale/replace-equipment/replace-equipment-confirm?id=${item.id}`) navTo(`/after-sale/replace-equipment/replace-equipment-confirm?id=${item.id}`)
}
}
</script> </script>
<style> <style>

読み込み中…
キャンセル
保存