@@ -481,13 +481,6 @@ | |||
"enablePullDownRefresh": false | |||
} | |||
}, | |||
{ | |||
"path": "transfer-ownership/select-car-transfer", | |||
"style": { | |||
"navigationBarTitleText": "ETC过户-选择车辆", | |||
"enablePullDownRefresh": false | |||
} | |||
}, | |||
{ | |||
"path": "transfer-ownership/card-result", | |||
"style": { | |||
@@ -523,13 +516,6 @@ | |||
"enablePullDownRefresh": false | |||
} | |||
}, | |||
{ | |||
"path": "card-deactivation-activation/select-car", | |||
"style": { | |||
"navigationBarTitleText": "卡签停用/启用", | |||
"enablePullDownRefresh": false | |||
} | |||
}, | |||
{ | |||
"path": "card-deactivation-activation/deactivation-activation-confirm", | |||
"style": { |
@@ -4,7 +4,14 @@ | |||
:key="i"> | |||
<view class="iten-left"> | |||
<image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> | |||
<text>{{ item.vehiclePlate }}</text> | |||
<view class="message"> | |||
<view>车牌号:{{ item.vehiclePlate }}</view> | |||
<view>车牌颜色:{{ getVehiclePlateColor(item.vehiclePlateColor) }}</view> | |||
<view v-if="item.cardId">卡号:{{ item.cardId }}</view> | |||
<view v-if="item.cardStatus">卡状态:{{getCodeName('CARD_STATE_TYPE',item.cardStatus)}}</view> | |||
<view v-if="item.obuId">签号:{{ item.obuId }}</view> | |||
<view v-if="item.obuStatus">签状态:{{ getCodeName('OBU_STATE_TYPE',item.obuStatus) }}</view> | |||
</view> | |||
</view> | |||
<view class="choose-item"> | |||
<view class="active" v-if="flag == i"> </view> | |||
@@ -20,14 +27,20 @@ | |||
import { onLoad, onShow } from "@dcloudio/uni-app"; | |||
import { orderList } from "@/utils/network/api.js"; | |||
import { request } from "@/utils/network/request.js"; | |||
import { getItem, StorageKeys, setItem } from "@/utils/storage"; | |||
import { getItem, StorageKeys} from "@/utils/storage"; | |||
import { stringToJson } from "@/utils/network/encryption"; | |||
import { jump } from "@/datas/9901Jump.js"; | |||
import { deviceType } from "@/utils/network/difference"; | |||
import { | |||
getCodeName | |||
} from "@/datas/queryKey.js"; | |||
import { | |||
getVehiclePlateColor | |||
} from "@/datas/vehiclePlateColor"; | |||
const state = reactive({ | |||
list: [], | |||
type: "",//1 OBU重新激活 2 卡签注销 3 更换设备 4卡签续期 5挂失解挂 6增补设备 | |||
// 30 储值卡转记账卡 31卡pin码解锁 | |||
// 30 储值卡转记账卡 31卡pin码解锁 32ETC车牌过户 33 卡签停用/卡签启用 | |||
}); | |||
onLoad((options) => { | |||
console.log("options", options) | |||
@@ -60,10 +73,26 @@ import { deviceType } from "@/utils/network/difference"; | |||
uni.setNavigationBarTitle({ | |||
title: '卡pin码解锁-选择车辆' | |||
}); | |||
}else if (options.type == "32") { | |||
uni.setNavigationBarTitle({ | |||
title: 'ETC车牌过户-选择车辆' | |||
}); | |||
}else if (options.type == "33") { | |||
uni.setNavigationBarTitle({ | |||
title: '卡签停用/卡签启用-选择车辆' | |||
}); | |||
} | |||
quanCheckActionTrue().then((item : any) => { | |||
state.list = item.data; | |||
if (options.type == "32") { | |||
let data = item.data | |||
for (var k = 0; k < data.length; k++) { | |||
if (data[k]['orderStatus'] != "99999") { | |||
state.list.push(data[k]) | |||
} | |||
} | |||
}else{ | |||
state.list = item.data; | |||
} | |||
console.log(item); | |||
}); | |||
}); | |||
@@ -136,6 +165,10 @@ import { deviceType } from "@/utils/network/difference"; | |||
navTo(`/subpackage/after-sale/to-bookkeeping-card/confirm?id=${item.id}`) | |||
}else if (state.type == "31") { | |||
navTo(`/subpackage/after-sale/pin-code-deblocking/pin-code-confirm?id=${item.id}`); | |||
}else if (state.type == "32") { | |||
navTo(`/subpackage/after-sale/transfer-ownership/transfer-confirm?id=${item.id}`) | |||
}else if (state.type == "33") { | |||
navTo(`/subpackage/after-sale/card-deactivation-activation/deactivation-activation-confirm?id=${item.id}`) | |||
} | |||
} | |||
@@ -166,7 +199,7 @@ import { deviceType } from "@/utils/network/difference"; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
height: 130rpx; | |||
// height: 130rpx; | |||
background: #ffffff; | |||
box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); | |||
border-radius: 20rpx; | |||
@@ -211,4 +244,8 @@ import { deviceType } from "@/utils/network/difference"; | |||
} | |||
} | |||
} | |||
.message{ | |||
font-size: 26rpx; | |||
margin-left: 6rpx; | |||
} | |||
</style> |
@@ -1,170 +0,0 @@ | |||
<template> | |||
<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 class="iten-left"> | |||
<image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> | |||
<text>{{item.vehiclePlate}}</text> | |||
</view> | |||
<view class="choose-item"> | |||
<view class="active" v-if="flag==i"> | |||
</view> | |||
</view> | |||
</view> | |||
<view v-else class="flex"> | |||
暂无车辆订单信息 | |||
</view> | |||
</view> | |||
</template> | |||
<script setup> | |||
import { | |||
reactive, | |||
ref | |||
} from "vue" | |||
import { | |||
navTo | |||
} from "@/utils/utils" | |||
import { | |||
onLoad, | |||
onShow | |||
} from "@dcloudio/uni-app"; | |||
import { | |||
orderList | |||
} from "@/utils/network/api.js"; | |||
import { | |||
request | |||
} from "@/utils/network/request.js"; | |||
import { | |||
msg | |||
} from "@/utils/utils"; | |||
import { | |||
getItem, | |||
StorageKeys, | |||
setItem | |||
} from "@/utils/storage"; | |||
import { | |||
stringToJson | |||
} from "@/utils/network/encryption"; | |||
const state = reactive({ | |||
list: [] | |||
}); | |||
onLoad(() => { | |||
quanCheckActionTrue().then((item) => { | |||
state.list = item.data | |||
console.log(item) | |||
}) | |||
}); | |||
const quanCheckActionTrue = () => { | |||
let source = "" | |||
// #ifdef MP-ALIPAY | |||
source ="ALI" | |||
// #endif | |||
// #ifdef MP-WEIXIN | |||
source ="WECHAT" | |||
// #endif | |||
var data = { | |||
opId: getItem(StorageKeys.OpenId), | |||
source: source, | |||
tabIndex: '0', | |||
orderStep: '11', | |||
isValueCard: "", | |||
orderStatus: "1", | |||
isAfter: true, | |||
}; | |||
const options = { | |||
type: 2, | |||
data: data, | |||
method: "POST", | |||
showLoading: true, | |||
}; | |||
return new Promise(async (resolve, reject) => { | |||
const res = await request(orderList, options); | |||
const data = stringToJson(res.bizContent); | |||
resolve(data); | |||
}).catch((error) => { | |||
reject(error); | |||
}); | |||
} | |||
const flag = ref('0') | |||
const choose = (i, item) => { | |||
console.log(item.cardId) | |||
navTo(`/subpackage/after-sale/card-deactivation-activation/deactivation-activation-confirm?id=${item.id}`) | |||
} | |||
</script> | |||
<style> | |||
page { | |||
width: 100%; | |||
height: 100%; | |||
background-color: #EEF7F7; | |||
} | |||
</style> | |||
<style lang="scss" scoped> | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.selectCar-box { | |||
// width: 100%; | |||
height: 100%; | |||
padding: 30rpx; | |||
.item { | |||
padding: 20rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
height: 130rpx; | |||
background: #FFFFFF; | |||
box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); | |||
border-radius: 20rpx; | |||
margin-bottom: 30rpx; | |||
.iten-left { | |||
display: flex; | |||
align-items: center; | |||
image { | |||
width: 150rpx; | |||
height: 90rpx; | |||
} | |||
text { | |||
margin-left: 20rpx; | |||
font-size: 32rpx; | |||
font-family: Noto Sans S Chinese; | |||
font-weight: 400; | |||
color: #333333; | |||
} | |||
} | |||
.choose-item { | |||
width: 44rpx; | |||
height: 44rpx; | |||
background: #FFFFFF; | |||
border: 2rpx solid #00B38B; | |||
border-radius: 50%; | |||
margin-right: 20rpx; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
box-sizing: content-box; | |||
} | |||
.active { | |||
width: 34rpx; | |||
height: 34rpx; | |||
background: #00B38B; | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
</style> |
@@ -1,172 +0,0 @@ | |||
<template> | |||
<view class="selectCar-box"> | |||
<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"> | |||
<image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> | |||
<text>{{item.vehiclePlate}}</text> | |||
</view> | |||
<view class="choose-item"> | |||
<view class="active" v-if="flag==i"> | |||
</view> | |||
</view> | |||
</view> | |||
<view v-else> | |||
<empty title='暂无找到相关车辆信息' /> | |||
</view> | |||
</view> | |||
</template> | |||
<script lang="ts" setup> | |||
import empty from "@/components/empty/empty.vue"; | |||
import { | |||
reactive, | |||
ref | |||
} from "vue" | |||
import { | |||
navTo | |||
} from "@/utils/utils" | |||
import { | |||
onLoad, | |||
} from "@dcloudio/uni-app"; | |||
import { | |||
orderList | |||
} from "@/utils/network/api.js"; | |||
import { | |||
request | |||
} from "@/utils/network/request.js"; | |||
import { | |||
getItem, | |||
StorageKeys, | |||
} from "@/utils/storage"; | |||
import { | |||
stringToJson | |||
} from "@/utils/network/encryption"; | |||
const state = reactive({ | |||
list: [] //车辆list | |||
}); | |||
const flag = ref('0') //默认选择0 | |||
onLoad(() => { | |||
quanCheckActionTrue().then((item : any) => { | |||
let data = item.data | |||
for (var k = 0; k < data.length; k++) { | |||
if (data[k]['orderStatus'] != "99999") { | |||
state.list.push(data[k]) | |||
} | |||
} | |||
}) | |||
}); | |||
const quanCheckActionTrue = () => { | |||
let source = "" | |||
// #ifdef MP-ALIPAY | |||
source = "ALI" | |||
// #endif | |||
// #ifdef MP-WEIXIN | |||
source = "WECHAT" | |||
// #endif | |||
var data = { | |||
opId: getItem(StorageKeys.OpenId), | |||
source: source, //渠道为小程序 | |||
tabIndex: '0', //0全部 | |||
orderStep: '11', //11 为已完成” | |||
isAfter: true, | |||
}; | |||
const options = { | |||
type: 2, | |||
data: data, | |||
method: "POST", | |||
showLoading: true, | |||
}; | |||
return new Promise(async (resolve, reject) => { | |||
const res = await request(orderList, options); | |||
const data = stringToJson(res.bizContent); | |||
resolve(data); | |||
}).catch((error) => { | |||
reject(error); | |||
}); | |||
} | |||
const choose = (i, item) => { | |||
flag.value = i | |||
navTo(`/subpackage/after-sale/transfer-ownership/transfer-confirm?id=${item.id}`) | |||
} | |||
</script> | |||
<style> | |||
page { | |||
width: 100%; | |||
height: 100%; | |||
background-color: #EEF7F7; | |||
} | |||
</style> | |||
<style lang="scss" scoped> | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.selectCar-box { | |||
// width: 100%; | |||
height: 100%; | |||
padding: 30rpx; | |||
.item { | |||
padding: 20rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
height: 130rpx; | |||
background: #FFFFFF; | |||
box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); | |||
border-radius: 20rpx; | |||
margin-bottom: 30rpx; | |||
.iten-left { | |||
display: flex; | |||
align-items: center; | |||
image { | |||
width: 150rpx; | |||
height: 90rpx; | |||
} | |||
text { | |||
margin-left: 20rpx; | |||
font-size: 32rpx; | |||
font-family: Noto Sans S Chinese; | |||
font-weight: 400; | |||
color: #333333; | |||
} | |||
} | |||
.choose-item { | |||
width: 44rpx; | |||
height: 44rpx; | |||
background: #FFFFFF; | |||
border: 2rpx solid #00B38B; | |||
border-radius: 50%; | |||
margin-right: 20rpx; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
box-sizing: content-box; | |||
} | |||
.active { | |||
width: 34rpx; | |||
height: 34rpx; | |||
background: #00B38B; | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
</style> |
@@ -121,6 +121,7 @@ | |||
/*视图进入后操作*/ | |||
onLoad((option) => { | |||
console.log("option.id",option.id) | |||
queryOrderDetail(option.id).then((val : any) => { | |||
state.data = val | |||
state.cardType=val.cardId.substring(8,10) |