qiubinghui
/
zhywpt-sp
보기 1
좋아요 0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 Activity
소스 검색

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

yxb
yangteng 11 달 전
부모
b3826c0008
커밋
3a6a017ed0
5개의 변경된 파일과 44개의 추가작업 그리고 362개의 파일을 삭제
분할 보기 변경상태 보기
  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 파일 보기

@@ -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": {

+ 43
- 6
subpackage/after-sale/activation-once-again/select-car.vue 파일 보기

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

+ 0
- 170
subpackage/after-sale/card-deactivation-activation/select-car.vue 파일 보기

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

+ 0
- 172
subpackage/after-sale/transfer-ownership/select-car-transfer.vue 파일 보기

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

+ 1
- 0
subpackage/after-sale/transfer-ownership/transfer-confirm.vue 파일 보기

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

Write Preview
Loading…
취소
저장