qiubinghui
/
zhywpt-sp
Obserwuj 1
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
Przeglądaj źródła

选择车辆列表展示卡签状态

yxb
yangteng 11 miesięcy temu
rodzic
b3826c0008
commit
3a6a017ed0
5 zmienionych plików z 44 dodań i 362 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 0
    14
      pages.json
  2. 43
    6
      subpackage/after-sale/activation-once-again/select-car.vue
  3. 0
    170
      subpackage/after-sale/card-deactivation-activation/select-car.vue
  4. 0
    172
      subpackage/after-sale/transfer-ownership/select-car-transfer.vue
  5. 1
    0
      subpackage/after-sale/transfer-ownership/transfer-confirm.vue

+ 0
- 14
pages.json Wyświetl plik

"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{
"path": "transfer-ownership/select-car-transfer",
"style": {
"navigationBarTitleText": "ETC过户-选择车辆",
"enablePullDownRefresh": false
}
},
{ {
"path": "transfer-ownership/card-result", "path": "transfer-ownership/card-result",
"style": { "style": {
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{
"path": "card-deactivation-activation/select-car",
"style": {
"navigationBarTitleText": "卡签停用/启用",
"enablePullDownRefresh": false
}
},
{ {
"path": "card-deactivation-activation/deactivation-activation-confirm", "path": "card-deactivation-activation/deactivation-activation-confirm",
"style": { "style": {

+ 43
- 6
subpackage/after-sale/activation-once-again/select-car.vue Wyświetl plik

:key="i"> :key="i">
<view class="iten-left"> <view class="iten-left">
<image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> <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>
<view class="choose-item"> <view class="choose-item">
<view class="active" v-if="flag == i"> </view> <view class="active" v-if="flag == i"> </view>
import { onLoad, onShow } from "@dcloudio/uni-app"; import { onLoad, onShow } from "@dcloudio/uni-app";
import { orderList } from "@/utils/network/api.js"; import { orderList } from "@/utils/network/api.js";
import { request } from "@/utils/network/request.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 { stringToJson } from "@/utils/network/encryption";
import { jump } from "@/datas/9901Jump.js"; import { jump } from "@/datas/9901Jump.js";
import { deviceType } from "@/utils/network/difference"; import { deviceType } from "@/utils/network/difference";
import {
getCodeName
} from "@/datas/queryKey.js";
import {
getVehiclePlateColor
} from "@/datas/vehiclePlateColor";
const state = reactive({ const state = reactive({
list: [], list: [],
type: "",//1 OBU重新激活 2 卡签注销 3 更换设备 4卡签续期 5挂失解挂 6增补设备 type: "",//1 OBU重新激活 2 卡签注销 3 更换设备 4卡签续期 5挂失解挂 6增补设备
// 30 储值卡转记账卡 31卡pin码解锁
// 30 储值卡转记账卡 31卡pin码解锁 32ETC车牌过户 33 卡签停用/卡签启用
}); });
onLoad((options) => { onLoad((options) => {
console.log("options", options) console.log("options", options)
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '卡pin码解锁-选择车辆' title: '卡pin码解锁-选择车辆'
}); });
}else if (options.type == "32") {
uni.setNavigationBarTitle({
title: 'ETC车牌过户-选择车辆'
});
}else if (options.type == "33") {
uni.setNavigationBarTitle({
title: '卡签停用/卡签启用-选择车辆'
});
} }
quanCheckActionTrue().then((item : any) => { 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); console.log(item);
}); });
}); });
navTo(`/subpackage/after-sale/to-bookkeeping-card/confirm?id=${item.id}`) navTo(`/subpackage/after-sale/to-bookkeeping-card/confirm?id=${item.id}`)
}else if (state.type == "31") { }else if (state.type == "31") {
navTo(`/subpackage/after-sale/pin-code-deblocking/pin-code-confirm?id=${item.id}`); 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}`)
} }
} }
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 130rpx;
// height: 130rpx;
background: #ffffff; background: #ffffff;
box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8);
border-radius: 20rpx; border-radius: 20rpx;
} }
} }
} }
.message{
font-size: 26rpx;
margin-left: 6rpx;
}
</style> </style>

+ 0
- 170
subpackage/after-sale/card-deactivation-activation/select-car.vue Wyświetl plik

<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>

+ 0
- 172
subpackage/after-sale/transfer-ownership/select-car-transfer.vue Wyświetl plik

<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>

+ 1
- 0
subpackage/after-sale/transfer-ownership/transfer-confirm.vue Wyświetl plik



/*视图进入后操作*/ /*视图进入后操作*/
onLoad((option) => { onLoad((option) => {
console.log("option.id",option.id)
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) state.cardType=val.cardId.substring(8,10)

Napisz Podgląd
Ładowanie…
Anuluj
Zapisz