{{state.data.cardId}} | {{state.data.cardId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<text>储蓄卡</text> | |||||
<text>{{state.cardType=="23"?'记账卡':'储值卡'}}</text> | |||||
<text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | <text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
{{state.data.obuId}} | {{state.data.obuId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<!-- <text>储蓄卡</text> --> | |||||
<text class="tips-card">{{getCodeName('OBU_STATE_TYPE',state.data.obuStatus)}}</text> | <text class="tips-card">{{getCodeName('OBU_STATE_TYPE',state.data.obuStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
} from "@/utils/network/request.js"; | } from "@/utils/network/request.js"; | ||||
import { | import { | ||||
orderDetail, | orderDetail, | ||||
CardlossStatus, | |||||
cckChangejzCardJY | cckChangejzCardJY | ||||
} from "@/utils/network/api.js"; | } from "@/utils/network/api.js"; | ||||
import { | |||||
msg | |||||
} from "@/utils/utils"; | |||||
import { | import { | ||||
stringToJson | stringToJson | ||||
} from "@/utils/network/encryption"; | } from "@/utils/network/encryption"; | ||||
cardStatus: undefined, | cardStatus: undefined, | ||||
obuStatus: undefined, | obuStatus: undefined, | ||||
}, | }, | ||||
type: undefined | |||||
type: undefined, | |||||
cardType:"" | |||||
}); | }); | ||||
/*视图进入后操作*/ | /*视图进入后操作*/ | ||||
queryOrderDetail(option.id).then((val : any) => { | queryOrderDetail(option.id).then((val : any) => { | ||||
console.log("option", val) | console.log("option", val) | ||||
state.data = val | state.data = val | ||||
state.cardType=val.cardId.substring(8,10) | |||||
}) | }) | ||||
}); | }); | ||||
}); | }); | ||||
/*下一步*/ | /*下一步*/ | ||||
const nextACtion = () => { | const nextACtion = () => { | ||||
queryCckChangejzCardJY().then(val => { | queryCckChangejzCardJY().then(val => { | ||||
// if (state.data.cardId.length > 0 && state.data.obuId.length < 1) { | |||||
// state.type = 1 //只有卡 | |||||
// } else if (state.data.cardId.length < 1 && state.data.obuId.length > 0) { | |||||
// state.type = 2 //只有设备 | |||||
// } else if (state.data.cardId.length > 0 && state.data.obuId.length > 0) { | |||||
// state.type = 3 //两者都有 | |||||
// } | |||||
let obj = { | let obj = { | ||||
type: state.type, | type: state.type, | ||||
customerIdnum: state.data.customerIdnum, | customerIdnum: state.data.customerIdnum, | ||||
`/subpackage/after-sale/ETC-log-off/etc-log-off?params=${params}` | `/subpackage/after-sale/ETC-log-off/etc-log-off?params=${params}` | ||||
) | ) | ||||
}) | }) | ||||
} | } | ||||
const queryCckChangejzCardJY = () => { | const queryCckChangejzCardJY = () => { | ||||
return new Promise(async (resolve, reject) => { | return new Promise(async (resolve, reject) => { | ||||
const res = await request(cckChangejzCardJY, { | const res = await request(cckChangejzCardJY, { | ||||
type: 2, | type: 2, | ||||
</style> | </style> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.selectCar-box { | .selectCar-box { | ||||
// width: 100%; | |||||
// height: 100%; | |||||
padding: 30rpx; | padding: 30rpx; | ||||
.title { | .title { | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
font-family: Microsoft YaHei UI; | font-family: Microsoft YaHei UI; |
orderInfos.cardStatus = orderInfo.cardStatus; | orderInfos.cardStatus = orderInfo.cardStatus; | ||||
orderInfos.obuId = orderInfo.obuId; | orderInfos.obuId = orderInfo.obuId; | ||||
orderInfos.obuStatus = orderInfo.obuStatus; | orderInfos.obuStatus = orderInfo.obuStatus; | ||||
let arr = orderInfo.vehicleDimensions.split("X"); | |||||
orderInfos.outlineL = parseInt(arr[0]); //外廓 长 | |||||
orderInfos.outlineW = parseInt(arr[1]); //外廓 宽 | |||||
orderInfos.outlineH = parseInt(arr[2].substring(0, arr[2].length - 2)); //外廓 高 | |||||
if(orderInfo.vehicleDimensions){ | |||||
let arr = orderInfo.vehicleDimensions.split("X"); | |||||
orderInfos.outlineL = parseInt(arr[0]); //外廓 长 | |||||
orderInfos.outlineW = parseInt(arr[1]); //外廓 宽 | |||||
if(arr[2].includes('mm')){ | |||||
orderInfos.outlineH = parseInt(arr[2].substring(0, arr[2].length - 2)); //外廓 高 | |||||
}else{ | |||||
orderInfos.outlineH = parseInt(arr[2]); //外廓 高 | |||||
} | |||||
} | |||||
orderInfos.type = orderInfo.type; | orderInfos.type = orderInfo.type; | ||||
orderInfos.axleCount = orderInfo.vehicleAxleCount; | orderInfos.axleCount = orderInfo.vehicleAxleCount; |
<view class="card-center"> | <view class="card-center"> | ||||
<view class="card-center-head"> {{orderInfos.cardId}} </view> | <view class="card-center-head"> {{orderInfos.cardId}} </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<text>储蓄卡</text> | |||||
<!-- <text>储蓄卡</text> --> | |||||
<text class="tips-card">{{getCodeName('CARD_STATE_TYPE',orderInfos.cardStatus)}}</text> | <text class="tips-card">{{getCodeName('CARD_STATE_TYPE',orderInfos.cardStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
let arr = orderInfo.vehicleDimensions.split("X"); | let arr = orderInfo.vehicleDimensions.split("X"); | ||||
orderInfos.outlineL = parseInt(arr[0]); //外廓 长 | orderInfos.outlineL = parseInt(arr[0]); //外廓 长 | ||||
orderInfos.outlineW = parseInt(arr[1]); //外廓 宽 | orderInfos.outlineW = parseInt(arr[1]); //外廓 宽 | ||||
orderInfos.outlineH = parseInt(arr[2].substring(0, arr[2].length - 2)); //外廓 高 | |||||
if(arr[2].indexOf('mm')){ | |||||
orderInfos.outlineH = parseInt(arr[2].substring(0, arr[2].length - 2)); //外廓 高 | |||||
}else{ | |||||
orderInfos.outlineH = arr[2] //外廓 高 | |||||
} | |||||
orderInfos.type = orderInfo.type; | orderInfos.type = orderInfo.type; | ||||
orderInfos.axleCount = orderInfo.vehicleAxleCount; | orderInfos.axleCount = orderInfo.vehicleAxleCount; | ||||
orderInfos.approvedCount = orderInfo.vehicleApprovedCount; | orderInfos.approvedCount = orderInfo.vehicleApprovedCount; |
{{state.data.obuId}} | {{state.data.obuId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<!-- <text>储蓄卡</text> --> | |||||
<text class="tips-card">{{getObuStatus(state.data.obuStatus)}}</text> | <text class="tips-card">{{getObuStatus(state.data.obuStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> |
{{state.data.cardId}} | {{state.data.cardId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<text>储蓄卡</text> | |||||
<text>{{state.cardType=="23"?'记账卡':'储值卡'}}</text> | |||||
<text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | <text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
import { | import { | ||||
msg | msg | ||||
} from "@/utils/utils"; | } from "@/utils/utils"; | ||||
import { | |||||
getCredentialType | |||||
} from "@/datas/credentialType.js"; | |||||
import { | |||||
getEtcCardStatus | |||||
} from "@/datas/etcCardStatus.js"; | |||||
import { | |||||
getObuStatus | |||||
} from "@/datas/obuStatus.js"; | |||||
import { | import { | ||||
stringToJson | stringToJson | ||||
cardStatus: undefined, | cardStatus: undefined, | ||||
obuStatus: undefined, | obuStatus: undefined, | ||||
}, | }, | ||||
successTip: "" //成功提示 | |||||
successTip: "" ,//成功提示 | |||||
cardType:"" | |||||
}); | }); | ||||
const flag = reactive([]) | const flag = reactive([]) | ||||
const type = ref('') | const type = ref('') | ||||
onShow(() => { | onShow(() => { | ||||
queryOrderDetail(state.id).then((val : any) => { | queryOrderDetail(state.id).then((val : any) => { | ||||
state.data = val | state.data = val | ||||
state.cardType=val.cardId.substring(8,10) | |||||
console.log(state.cardType) | |||||
}) | }) | ||||
}) | }) | ||||
onLoad((option) => { | onLoad((option) => { |
<view class="card-center"> | <view class="card-center"> | ||||
<view class="card-center-head"> {{orderInfos.obuId}} </view> | <view class="card-center-head"> {{orderInfos.obuId}} </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<!-- <text>储蓄卡</text> --> | |||||
<text class="tips-card">{{getCodeName('OBU_STATE_TYPE',orderInfos.obuStatus)}}</text> | <text class="tips-card">{{getCodeName('OBU_STATE_TYPE',orderInfos.obuStatus)}}</text> | ||||
</view> | </view> | ||||
<view class="choose-item"> 有效期:{{orderInfos.obuExpireTime }} </view> | <view class="choose-item"> 有效期:{{orderInfos.obuExpireTime }} </view> |
{{state.data.cardId}} | {{state.data.cardId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<text>储蓄卡</text> | |||||
<text>{{state.cardType=="23"?'记账卡':'储值卡'}}</text> | |||||
<text class="tips-card">{{getEtcCardStatus(state.data.cardStatus)}}</text> | <text class="tips-card">{{getEtcCardStatus(state.data.cardStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
{{state.data.obuId}} | {{state.data.obuId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<!-- <text>储蓄卡</text> --> | |||||
<text class="tips-card">{{getObuStatus(state.data.obuStatus)}}</text> | <text class="tips-card">{{getObuStatus(state.data.obuStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
} from "@/utils/network/request.js"; | } from "@/utils/network/request.js"; | ||||
import { | import { | ||||
orderDetail, | orderDetail, | ||||
CardlossStatus, | |||||
changeCardQuery | changeCardQuery | ||||
} from "@/utils/network/api.js"; | } from "@/utils/network/api.js"; | ||||
import { | |||||
msg | |||||
} from "@/utils/utils"; | |||||
import { | import { | ||||
getCredentialType | getCredentialType | ||||
} from "@/datas/credentialType.js"; | } from "@/datas/credentialType.js"; | ||||
cardStatus: undefined, | cardStatus: undefined, | ||||
obuStatus: undefined, | obuStatus: undefined, | ||||
}, | }, | ||||
type: undefined | |||||
type: undefined, | |||||
cardType:"" | |||||
}); | }); | ||||
const apply = reactive({ | const apply = reactive({ | ||||
data: { | data: { | ||||
queryOrderDetail(option.id).then((val : any) => { | queryOrderDetail(option.id).then((val : any) => { | ||||
console.log("val", val) | console.log("val", val) | ||||
state.data = val | state.data = val | ||||
state.cardType=val.cardId.substring(8,10) | |||||
}) | }) | ||||
}); | }); |
{{state.data.cardId}} | {{state.data.cardId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<text>储蓄卡</text> | |||||
<text>{{state.cardType=="23"?'记账卡':'储值卡'}}</text> | |||||
<text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | <text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
} from "@/utils/network/request.js"; | } from "@/utils/network/request.js"; | ||||
import { | import { | ||||
orderDetail, | orderDetail, | ||||
CardlossStatus, | |||||
cckChangejzCard | cckChangejzCard | ||||
} from "@/utils/network/api.js"; | } from "@/utils/network/api.js"; | ||||
import { | |||||
msg | |||||
} from "@/utils/utils"; | |||||
import { | import { | ||||
getCodeName | getCodeName | ||||
} from "@/datas/queryKey.js"; | } from "@/datas/queryKey.js"; | ||||
cardStatus: undefined, | cardStatus: undefined, | ||||
obuStatus: undefined, | obuStatus: undefined, | ||||
}, | }, | ||||
type: undefined | |||||
type: undefined, | |||||
cardType:"" | |||||
}); | }); | ||||
/*视图进入后操作*/ | /*视图进入后操作*/ | ||||
queryOrderDetail(option.id).then((val : any) => { | queryOrderDetail(option.id).then((val : any) => { | ||||
console.log("订单详情", val) | console.log("订单详情", val) | ||||
state.data = val | state.data = val | ||||
state.cardType=val.cardId.substring(8,10) | |||||
}) | }) | ||||
}); | }); | ||||
/*下一步*/ | /*下一步*/ |
{{state.data.cardId}} | {{state.data.cardId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<text>储蓄卡</text> | |||||
<text>{{state.cardType=="23"?'记账卡':'储值卡'}}</text> | |||||
<text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | <text class="tips-card">{{getCodeName('CARD_STATE_TYPE',state.data.cardStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
{{state.data.obuId}} | {{state.data.obuId}} | ||||
</view> | </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<!-- <text>储蓄卡</text> --> | |||||
<text class="tips-card">{{getCodeName('OBU_STATE_TYPE',state.data.obuStatus)}}</text> | <text class="tips-card">{{getCodeName('OBU_STATE_TYPE',state.data.obuStatus)}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
orderDetail, | orderDetail, | ||||
queryGuoHu | queryGuoHu | ||||
} from "@/utils/network/api.js"; | } from "@/utils/network/api.js"; | ||||
import { | |||||
msg | |||||
} from "@/utils/utils"; | |||||
import { | import { | ||||
getCodeName | getCodeName | ||||
} from "@/datas/queryKey.js"; | } from "@/datas/queryKey.js"; | ||||
cardStatus: undefined, | cardStatus: undefined, | ||||
obuStatus: undefined, | obuStatus: undefined, | ||||
orderId: undefined, | orderId: undefined, | ||||
} | |||||
}, | |||||
cardType:"" | |||||
}); | }); | ||||
/*视图进入后操作*/ | /*视图进入后操作*/ | ||||
onLoad((option) => { | onLoad((option) => { | ||||
queryOrderDetail(option.id).then((val : any) => { | queryOrderDetail(option.id).then((val : any) => { | ||||
state.data = val | state.data = val | ||||
state.cardType=val.cardId.substring(8,10) | |||||
}) | }) | ||||
/*监听手机号验证后的回调*/ | /*监听手机号验证后的回调*/ | ||||
uni.$on('queryCardlossStatus', function (type) { | uni.$on('queryCardlossStatus', function (type) { |
<view class="card-center"> | <view class="card-center"> | ||||
<view class="card-center-head"> {{orderInfos.obuId}} </view> | <view class="card-center-head"> {{orderInfos.obuId}} </view> | ||||
<view class="tips"> | <view class="tips"> | ||||
<!-- <text>储蓄卡</text> --> | |||||
<text class="tips-card">{{getCodeName('OBU_STATE_TYPE',orderInfos.obuStatus)}}</text> | <text class="tips-card">{{getCodeName('OBU_STATE_TYPE',orderInfos.obuStatus)}}</text> | ||||
</view> | </view> | ||||
<view class="choose-item1"> 有效期:{{orderInfos.obuExpireTime }} </view> | <view class="choose-item1"> 有效期:{{orderInfos.obuExpireTime }} </view> |
} | } | ||||
options.url = envs[process.env.NODE_ENV].baseUrl + '/api/interfaceMidGroundIn' | |||||
// options.url = envs[process.env.NODE_ENV].baseUrl + '/dev/api/interfaceMidGroundIn' | |||||
// options.url = envs[process.env.NODE_ENV].baseUrl + '/api/interfaceMidGroundIn' | |||||
options.url = envs[process.env.NODE_ENV].baseUrl + '/dev/api/interfaceMidGroundIn' | |||||
//默认json数据格式提交` | //默认json数据格式提交` | ||||
let contentType = 'application/x-www-form-urlencoded' | let contentType = 'application/x-www-form-urlencoded' | ||||