@@ -84,7 +84,7 @@ | |||
}) | |||
const back = (title, type, userType, orderId) => { | |||
console.log("555555555", title, type, userType, orderId) | |||
if (title == "九州ETC" && type) { | |||
if (title == "九州ETC" && type ) { | |||
console.log("九州ETC",type,userType) | |||
uni.navigateBack({ | |||
delta:1 | |||
@@ -92,7 +92,7 @@ | |||
// uni.redirectTo({ | |||
// url: `/subpackage/orders/choice-product?vanType=${type}&&userType=${userType}` | |||
// }) | |||
} else if (title == "ETC开户新办申请-个人" || title == "ETC开户新办申请-单位" || title == "行驶证信息上传" || title == "微信车主服务" || title == "加购权益产品" || title == "产品详情" || title == "支付账户签约") { | |||
} else if ( title == "加购权益产品" ) { | |||
uni.showModal({ | |||
content: '当前ETC正在办理中,中断后续可在订单管理中继续办理。', | |||
success: function (res) { |
@@ -2,25 +2,30 @@ | |||
<template> | |||
<view class="devices"> | |||
<view class="device" v-for="(item, index) in deviceList" :key="index" @click="connectDevice(item)"> | |||
<image :src="`${$imgUrl}bluetooth/card1.png`" class="head" mode="aspectFill"></image> | |||
<image :src="`${$imgUrl}bluetooth/card1s.png`" class="head" mode="aspectFill"></image> | |||
<view class="center"> | |||
<view class="name">{{ item._name }}</view> | |||
<view class="desc">编号 {{ item.name }}</view> | |||
</view> | |||
<image :src="item.selected ? selectedUrl : unSelectedUrl" class="icon" mode="aspectFill"></image> | |||
<image :src=" item.selected ? selectedUrl : unSelectedUrl" class="icon" mode="aspectFill"></image> | |||
</view> | |||
<view class="hint"> | |||
<view class="orange-txt as-layout-horizontal as-gravity-center-start"> | |||
<image :src="`${$imgUrl}common/icon-hint.png`" mode="aspectFill"></image> | |||
<view class="txt"> | |||
<image :src="`${$imgUrl}bluetooth/waring.png`" mode="aspectFill" class="imgs"></image> | |||
<view>温馨提示:</view> | |||
</view> | |||
<view class="grey-txt"> | |||
指令执行过程中,请勿关闭蓝牙,勿将手机远离电子标签,以免导致写卡、写签失败。</view> | |||
</view> | |||
<view class="btn"> | |||
<!-- <view class="btn"> | |||
<submit-button title="点击重新搜索蓝牙" @submit="load"></submit-button> | |||
</view> --> | |||
<view class="action"> | |||
<button type="default" class="ui-btn" @click="load"> | |||
点击重新搜索蓝牙 | |||
</button> | |||
</view> | |||
</view> | |||
</template> | |||
@@ -32,8 +37,8 @@ | |||
const imgURL = `${fileURL}image/`; | |||
const selectedUrl = "common/selected.png`"; | |||
const unSelectedUrl = "common/unselected.png`"; | |||
const selectedUrl = imgURL + "bluetooth/select-icons.png"; | |||
const unSelectedUrl = imgURL + "bluetooth/unselected_xin.png"; | |||
const jyApi = require("../../static/etc/JYAPI/GenvictBleUtil.js"); | |||
const jlQZApi = require("../../static/etc/JLQZAPI/JLObuSDK.js"); | |||
@@ -74,8 +79,8 @@ | |||
{ | |||
id: "1", | |||
image: imgURL + "bluetooth/card1.png`", | |||
name: "聚力", | |||
number: "235564444558855", | |||
_name: "聚力", | |||
name: "235564444558855", | |||
}, | |||
], | |||
connectSuccess: 1, | |||
@@ -87,9 +92,9 @@ | |||
difference: "",//区分routeType5 1二次激活 2余额补领 | |||
vehicleId: "", | |||
refundBalance: "", | |||
vehPosImgUrl:"", | |||
vehNegImgUrl:"", | |||
isAfter:'' | |||
vehPosImgUrl: "", | |||
vehNegImgUrl: "", | |||
isAfter: '' | |||
}); | |||
const deviceList = ref([]); | |||
const connectPrefixName = ref(null); | |||
@@ -145,7 +150,7 @@ | |||
if (option.refundBalance) { | |||
state.refundBalance = option.refundBalance; | |||
} | |||
if (option.vehPosImgUrl) { | |||
state.vehPosImgUrl = option.vehPosImgUrl; | |||
} | |||
@@ -153,9 +158,9 @@ | |||
state.vehNegImgUrl = option.vehNegImgUrl; | |||
} | |||
if (option.isAfter) { | |||
state.isAfter =option.isAfter; | |||
state.isAfter = option.isAfter; | |||
} | |||
console.log("传过来的参数", option) | |||
}); | |||
@@ -324,7 +329,7 @@ | |||
_name = "智载"; | |||
break; | |||
case "ETC": | |||
if (name.split("-")[1] == "KC" || name.split("-")[1].indexOf('C')>0 || name.split("-")[1].indexOf('K')>0) { | |||
if (name.split("-")[1] == "KC" || name.split("-")[1].indexOf('C') > 0 || name.split("-")[1].indexOf('K') > 0) { | |||
_name = "前装-科畅"; | |||
console.log("前装-科畅") | |||
} else if (name.split("-")[1] == "JL") { | |||
@@ -453,7 +458,7 @@ | |||
); | |||
break; | |||
case "ETC": | |||
console.log("device.name=====", device.name, device.name.includes("KC"),device.name.includes("JY"),device.name.includes("KC") || device.name.includes("K") || device.name.includes("C")) | |||
console.log("device.name=====", device.name, device.name.includes("KC"), device.name.includes("JY"), device.name.includes("KC") || device.name.includes("K") || device.name.includes("C")) | |||
if (device.name.includes("KC") || device.name.includes("K")) { | |||
kcApi.connectDevice( | |||
device, | |||
@@ -624,16 +629,16 @@ | |||
function oks() { | |||
//routeType 1.激活(订单来) 2.圈存 (/pages/recharge/recharge来)3.ping码解锁 4.信息读取 5从哪里来回哪里去监听bluetoothLink 7消费明细去圈存 8单位账户圈存 9对公账户修复 | |||
if (routeType.value == "1") { | |||
if(state.isAfter=='1'){ | |||
if (state.isAfter == '1') { | |||
uni.navigateTo({ | |||
url: `/subpackage/after-sale/activation/activate-SH`, | |||
}); | |||
}else{ | |||
} else { | |||
uni.navigateTo({ | |||
url: `/subpackage/after-sale/activation/activate?transfer=${state.transfer}`, | |||
}); | |||
} | |||
} else if (routeType.value == "2") { | |||
uni.navigateTo({ | |||
url: `/subpackage/carPark/recharge/recharge-weixin?connectSuccess=${state.connectSuccess}`, | |||
@@ -684,7 +689,7 @@ | |||
uni.navigateTo({ | |||
url: `/subpackage/personal-center/trapping-and-repairing-account/recharge-two?rechargeMoney=${state.rechargeMoney}&&orderNum=${state.orderNum}&&payMoney=${state.payMoney}&&accountId=${state.accountId}`, | |||
}); | |||
} else if (routeType.value == "10") { | |||
} else if (routeType.value == "10") { | |||
uni.navigateTo({ | |||
url: `/subpackage/personal-center/car-message-change?vehicleId=${state.vehicleId}`, | |||
}); | |||
@@ -709,7 +714,7 @@ | |||
console.log(res.msg); | |||
} | |||
}; | |||
function etcOks() { | |||
function etcOks() { | |||
if (routeType.value == "4") { | |||
uni.navigateTo({ | |||
url: "/subpackage/carPark/etc/etcDeviceInfo", | |||
@@ -773,18 +778,37 @@ function etcOks() { | |||
<style lang="scss" scoped> | |||
.devices { | |||
min-height: 100vh; | |||
box-sizing: border-box; | |||
padding-bottom: 160rpx; | |||
position: relative; | |||
padding-top: 30rpx; | |||
background: #E9EDF0; | |||
.action { | |||
position: absolute; | |||
bottom: 0rpx; | |||
left: 0; | |||
height: 128rpx; | |||
background-color: #fff; | |||
border-radius: 30rpx 30rpx 0 0; | |||
width: 100vw; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
flex-direction: column; | |||
} | |||
.device { | |||
width: calc(100% - 30rpx); | |||
margin-left: 30rpx; | |||
margin: 0 auto; | |||
width: 701rpx; | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
margin-top: 30rpx; | |||
background: white; | |||
padding: 25rpx 20rpx; | |||
border-top-left-radius: 20rpx; | |||
border-bottom-left-radius: 20rpx; | |||
box-shadow: 0px 10px 10rpx 10rpx rgba(223, 223, 223, 0.3); | |||
box-sizing: border-box; | |||
background: #FFFFFF; | |||
box-shadow: 2rpx 6rpx 6rpx 6rpx #DFDFDF; | |||
border-radius: 12rpx; | |||
.head { | |||
width: 120rpx; | |||
@@ -811,20 +835,24 @@ function etcOks() { | |||
} | |||
.icon { | |||
width: 43rpx; | |||
height: 43rpx; | |||
margin-right: 10rpx; | |||
width: 38rpx; | |||
height: 38rpx; | |||
margin-right: 12rpx; | |||
} | |||
} | |||
.hint { | |||
margin: 60rpx 30rpx 0px; | |||
.orange-txt { | |||
font-size: 26rpx; | |||
color: #ff8000; | |||
.txt { | |||
font-family: MicrosoftYaHei; | |||
font-size: 28rpx; | |||
color: #111111; | |||
line-height: 40rpx; | |||
display: flex; | |||
align-items: center; | |||
image { | |||
.imgs { | |||
width: 30rpx; | |||
height: 30rpx; | |||
margin-right: 10rpx; | |||
@@ -832,8 +860,8 @@ function etcOks() { | |||
} | |||
.grey-txt { | |||
font-size: 26rpx; | |||
color: #666666; | |||
font-size: 28rpx; | |||
color: #999; | |||
line-height: 40rpx; | |||
margin-top: 16rpx; | |||
} | |||
@@ -845,12 +873,4 @@ function etcOks() { | |||
} | |||
.red { | |||
display: inline-block; | |||
color: red; | |||
background-color: red; | |||
width: 26rpx; | |||
height: 26rpx; | |||
border-radius: 100%; | |||
} | |||
</style> |
@@ -1,18 +1,17 @@ | |||
<!-- 新办订单item | |||
新办订单状态:待支付、审核中、审核不通过、待发货、待收货、待激活、已完成、已取消、已结束、退货、换货--> | |||
<template> | |||
<view :class="item.orderStatus == OrderStatus.已取消 ? 'item finished' : 'item'" | |||
@click.stop="gotoOrderDetails(item,1)"> | |||
<view :class="item.orderStatus == OrderStatus.已取消 ? 'item finished' : 'item'" @click.stop="gotoOrderDetails(item,1)"> | |||
<view class="head"> | |||
<view class="name"> | |||
<image :src="`${$imgUrl}order/icon-car.png`" class="icon" mode="aspectFit"></image> | |||
<text class="title">{{item.vehiclePlate ?item.vehiclePlate: ''}}</text> | |||
</view> | |||
<view v-if="item.promotionModes==1" class="xiao">小程序</view> | |||
<view v-else class="xianxia">线下网点</view> | |||
<view v-else class="xianxia">线下网点</view> | |||
</view> | |||
<view> | |||
</view> | |||
<view class="content"> | |||
<view class="picture"> | |||
@@ -28,17 +27,20 @@ | |||
</view> | |||
<view> | |||
<view v-if="item.orderStatus == OrderStatus.已取消"> | |||
<image class="tupian" :src="`${$imgUrl}order/yiquxiao.png`" mode="aspectFill"></image> | |||
<image class="tupian" :src="`${$imgUrl}order/yiquxiao.png`" mode="aspectFill"></image> | |||
</view> | |||
<!--异地 orderStatus=-1,你判断这个remoteStatus 是字符串7,就显示审核未通过 --> | |||
<view v-else-if="item.orderStatus == OrderStatus.已取消 && item.remoteStatus=='7' && item.deviceType == deviceType"> | |||
<image class="tupian" :src="`${$imgUrl}order/nopass.png`" mode="aspectFill"></image> | |||
<view | |||
v-else-if="item.orderStatus == OrderStatus.已取消 && item.remoteStatus=='7' && item.deviceType == deviceType"> | |||
<image class="tupian" :src="`${$imgUrl}order/nopass.png`" mode="aspectFill"></image> | |||
</view> | |||
<view v-else | |||
:class="{'text-orange':item.orderStep == OrderStatus.已完成 || item.orderStep == OrderStatus.已结束 | |||
:class="{'text-orange':item.orderStep == OrderStatus.已完成 || item.orderStep == OrderStatus.已结束 | |||
|| item.orderStep == OrderStatus['换货-设备已回收'] || item.orderStep == OrderStatus.退款成功 || item.orderStep == OrderStatus.退货成功}"> | |||
<image class="tupian" v-if="item.orderStep==12 && item.reshipment==1" :src="`${$imgUrl}order/buhuozhong.png`" mode="aspectFill"></image> | |||
<image class="tupian" v-else :src="`${$imgUrl}order/${getOrderStatusNameNew(item.orderStep)}.png`" mode="aspectFill"></image> | |||
<image class="tupian" v-if="item.orderStep==12 && item.reshipment==1" | |||
:src="`${$imgUrl}order/buhuozhong.png`" mode="aspectFill"></image> | |||
<image class="tupian" v-else :src="`${$imgUrl}order/${getOrderStatusNameNew(item.orderStep)}.png`" | |||
mode="aspectFill"></image> | |||
</view> | |||
</view> | |||
</view> | |||
@@ -94,18 +96,21 @@ | |||
<view class="btns" v-else-if="item.orderStep == OrderStatus.待收货"> | |||
<view class="btn btn-normal" @click.stop="gotoCheckLogistics(item)">查看物流</view> | |||
<!-- 待收货异地 发货之后确认收货之前可以补货 --> | |||
<view class="btn btn-normal" @click.stop="gotoReplenishmentOrder(item)" v-if="item.deviceType == deviceType">申请补货</view> | |||
<view class="btn btn-normal" @click.stop="gotoReplenishmentOrder(item)" v-if="item.deviceType == deviceType"> | |||
申请补货</view> | |||
<view class="btn btn-normal" @click.stop="gotoReturnOrder(item)" v-else>申请退货</view> | |||
<view class="btn btn-primary" @click.stop="gotoConfirmReceipt(item)">确认收货</view> | |||
<view class="btn btn-primary" @click.stop="closeOrder(item)" v-if="item.finishOrder">结束订单</view> | |||
</view> | |||
<!-- 待激活 --> | |||
<view class="btns" v-else-if="item.orderStep == OrderStatus.待激活"> | |||
<view class="btn btn-normal" @click.stop="gotoReturnOrder(item)" v-if="item.applyReturn || item.deviceType == deviceType">申请退货</view> | |||
<view class="btn btn-normal" @click.stop="gotoReturnOrder(item)" | |||
v-if="item.applyReturn || item.deviceType == deviceType">申请退货</view> | |||
<view class="btn btn-normal" @click.stop="gotoExchangeOrder(item)">申请换货</view> | |||
<view class="btn btn-normal" @click.stop="gotoReplenishmentOrder(item)" v-if="item.deviceType == deviceType">申请补货</view> | |||
<view class="btn btn-normal" @click.stop="gotoReplenishmentOrder(item)" v-if="item.deviceType == deviceType"> | |||
申请补货</view> | |||
<view class="btn btn-primary" @click.stop="gotoActiveOrder(item)">去激活</view> | |||
<view class="btn btn-primary" @click.stop="closeOrder(item)" v-if="item.finishOrder">结束订单</view> | |||
</view> | |||
@@ -114,14 +119,15 @@ | |||
ORDER_STEP_33(33, "异地-售前换货"), 33包含换货和补货 如果item.orderType=='REPLENISHMENT'是补货 就不展示换货 | |||
ORDER_STEP_34(34, "异地-售前换货后确认收货"), | |||
ORDER_STEP_35(35, "异地-下单--> | |||
<view class="btns" v-else-if="item.orderStep == 31"> | |||
<view class="btn btn-primary" @click.stop="gotoReturnOrder(item)" >退货</view> | |||
<view class="btns" v-else-if="item.orderStep == 31"> | |||
<view class="btn btn-primary" @click.stop="gotoReturnOrder(item)">退货</view> | |||
</view> | |||
<view class="btns" v-else-if="item.orderStep==33"> | |||
<view class="btn btn-primary" @click.stop="gotoExchangeOrder(item)" v-if="item.orderType!='REPLENISHMENT'">换货</view> | |||
<view class="btn btn-primary" @click.stop="gotoExchangeOrder(item)" v-if="item.orderType!='REPLENISHMENT'">换货 | |||
</view> | |||
</view> | |||
<view class="btns" v-else-if="item.orderStep == 35"> | |||
<view class="btn btn-primary" @click.stop="placeAnOrder(item)" >下单</view> | |||
<view class="btn btn-primary" @click.stop="placeAnOrder(item)">下单</view> | |||
</view> | |||
<!-- 已完成 售后订单不允许评价产品,储值卡转记账卡除外--> | |||
<!-- 发行产品 isProduct=0; 业务员 isStaff=0; 权益 isEquity=0 业务服务 isService=0; --> | |||
@@ -226,9 +232,10 @@ | |||
gotoActiveOrder(item); | |||
showActiveOrder.value = false; | |||
} | |||
//获取车牌颜色文字 | |||
const getVehiclePlateColor = (id : number) => { | |||
console.log("id",id) | |||
console.log("id", id) | |||
const colors = vehiclePlateColor.filter(item => item.id == id); | |||
return colors[0].color | |||
} | |||
@@ -255,8 +262,8 @@ | |||
align-items: center; | |||
padding: 20rpx 0; | |||
border-bottom: 1px solid #dcdcdc; | |||
width:95%; | |||
margin: 0 auto; | |||
width: 95%; | |||
margin: 0 auto; | |||
} | |||
.item .head { | |||
@@ -432,8 +439,8 @@ | |||
} | |||
.btn-primary { | |||
color:white; | |||
background-color: #133850 ; | |||
color: white; | |||
background-color: #133850; | |||
} | |||
.btn-disable { | |||
@@ -443,48 +450,55 @@ | |||
} | |||
.btn-normal { | |||
border: 1px solid #133850 ; | |||
color: #133850 ; | |||
border: 1px solid #133850; | |||
color: #133850; | |||
} | |||
.evaluation { | |||
display: flex; | |||
} | |||
.content{ | |||
.content { | |||
font-size: 26rpx; | |||
padding: 6rpx 20rpx; | |||
} | |||
.all{ | |||
.all { | |||
display: flex; | |||
justify-content: flex-end; | |||
align-items: center; | |||
margin-top: 10rpx; | |||
} | |||
.picture{ | |||
.picture { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
margin: 10rpx 0; | |||
} | |||
.picture>view:first-child{ | |||
.picture>view:first-child { | |||
width: 65%; | |||
} | |||
.xiao{ | |||
.xiao { | |||
background: #42D175; | |||
border-radius: 5rpx 5rpx 5rpx 5rpx; | |||
color: white; | |||
font-size: 20rpx; | |||
padding: 4rpx 6rpx; | |||
} | |||
.xianxia{ | |||
.xianxia { | |||
background: #CCB375; | |||
border-radius: 5rpx 5rpx 5rpx 5rpx; | |||
color: white; | |||
font-size: 20rpx; | |||
padding: 4rpx 6rpx; | |||
} | |||
.tupian{ | |||
.tupian { | |||
width: 90rpx; | |||
height: 80rpx; | |||
height: 80rpx; | |||
} | |||
</style> |
@@ -4,13 +4,11 @@ | |||
<empty-view v-if="!data.login" mode="permission" content="请先登录再查看订单" btnTxt="立即登录" | |||
@btnClick="$util.navTo('/login/login')"> | |||
</empty-view> | |||
<view class="list-wrapper" v-else> | |||
<view class="top-content"> | |||
<order-tabbar ref="tabbarRef" :tabs="data.tabsList" v-model:curIndex="data.tabIndex" | |||
v-if="data.tabsList.length > 0"></order-tabbar> | |||
</view> | |||
<order-list-item ref="mescrollItem" :index="data.tabIndex" | |||
:refresh="data.refresh"> | |||
</order-list-item> |
@@ -261,7 +261,7 @@ | |||
height: 88rpx; | |||
background: radial-gradient(at 0% 0%, #01243A 0%, #004576 100%); | |||
border-radius: 40rpx; | |||
font-size: 32rpx; | |||
font-size: 30rpx; | |||
font-weight: 400; | |||
color: #fff!important; | |||
line-height: 88rpx; |
@@ -1,40 +1,44 @@ | |||
<!-- 设备激活1-操作提示 --> | |||
<template> | |||
<view class="main"> | |||
<view class="center"> | |||
<image class="center-bg" :src="`${$imgUrl}bluetooth/device-active-bg.png`" mode="widthFix" | |||
style="width: 100%;"></image> | |||
<view class="dialog-content first"> | |||
<image :src="`${$imgUrl}bluetooth/device-active-left.png`" mode="widthFix"></image> | |||
<view class="dialog-text"> | |||
<text class="orange" space="emsp"> 撕掉双面胶背面贴纸</text> | |||
贴在汽车前挡风玻璃并用力按紧。 | |||
<view class="t-card"> | |||
<view class="center"> | |||
<image class="center-bg" :src="`${$imgUrl}bluetooth/device-active-bg.png`" mode="widthFix" style="width: 100%;"> | |||
</image> | |||
<view class="dialog-content first"> | |||
<image :src="`${$imgUrl}bluetooth/device-active-left.png`" mode="widthFix"></image> | |||
<view class="dialog-text"> | |||
<text class="orange" space="emsp"> 撕掉双面胶背面贴纸</text> | |||
贴在汽车前挡风玻璃并用力按紧。 | |||
</view> | |||
</view> | |||
</view> | |||
<view class="dialog-content second"> | |||
<image :src="`${$imgUrl}bluetooth/device-active-top.png`" mode="widthFix"></image> | |||
<view class="dialog-text"> | |||
请你在<text class="orange">激活前</text>将<text | |||
class="green">OBU</text>贴在申办车辆挡风玻璃<text class="orange">后视镜附近阴影区域</text>。 | |||
<view class="dialog-content second"> | |||
<image :src="`${$imgUrl}bluetooth/device-active-top.png`" mode="widthFix"></image> | |||
<view class="dialog-text"> | |||
请你在<text class="orange">激活前</text>将<text class="green">OBU</text>贴在申办车辆挡风玻璃<text | |||
class="orange">后视镜附近阴影区域</text>。 | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<!-- <view class="hint"> | |||
<image :src="`${$imgUrl}common/icon-hint.png`" class="icon"></image> | |||
<view>激活时,确保OBU蓝牙和手机蓝牙处于打开状态。</view> | |||
</view> --> | |||
<view class="hint"> | |||
<view class="orange-txt "> | |||
<text class="red"></text> | |||
<view style="margin: 0 24rpx;">重要提示</view> | |||
<text class="red"></text> | |||
<view class="txt"> | |||
<view>重要提示</view> | |||
</view> | |||
<view class="grey-txt">1.激活前必须将ETC设备安装到相应车辆上,确保安装车辆信息与激活后OBU内信息一致后才能正常使用。</view> | |||
<view class="grey-txt">2.如因激活的ETC设备未安装到对应车辆上产生的异常扣费,我司不承担任何赔偿责任。</view> | |||
<view class="grey-txt">3.激活时,需要录入您的车牌号和手机号并确保OBU蓝牙和手机蓝牙处于打开状态。</view> | |||
<view class="grey-txt"><view class="point"></view>激活前必须将ETC设备安装到相应车辆上,确保安装车辆信息与激活后OBU内信息一致后才能正常使用。</view> | |||
<view class="grey-txt"><view class="point"></view>如因激活的ETC设备未安装到对应车辆上产生的异常扣费,我司不承担任何赔偿责任。</view> | |||
<view class="grey-txt"><view class="point"></view>激活时,需要录入您的车牌号和手机号并确保OBU蓝牙和手机蓝牙处于打开状态。</view> | |||
</view> | |||
<view class="btn"> | |||
<submit-button @submit="gotoNextStep" title="已知悉,下一步"></submit-button> | |||
<view class="action"> | |||
<button type="default" class="ui-btn" @click="gotoNextStep"> | |||
已知悉,下一步 | |||
</button> | |||
</view> | |||
</view> | |||
</template> | |||
@@ -91,17 +95,17 @@ | |||
}) | |||
}); | |||
}, | |||
fail(err){ | |||
fail(err) { | |||
uni.showModal({ | |||
title: '提示', | |||
content: '请打开小程序蓝牙权限和微信蓝牙权限', | |||
success: function (res) { | |||
if (res.confirm) { | |||
uni.openSetting({ | |||
success(res) { | |||
console.log("2222") | |||
console.log(res.authSetting) | |||
} | |||
success(res) { | |||
console.log("2222") | |||
console.log(res.authSetting) | |||
} | |||
}); | |||
} else if (res.cancel) { | |||
console.log('用户点击取消'); | |||
@@ -115,7 +119,24 @@ | |||
<style lang="scss" scoped> | |||
.main { | |||
padding-bottom: 40rpx; | |||
padding-bottom: 200rpx; | |||
background: #E9EDF0; | |||
position: relative; | |||
min-height: 100vh; | |||
box-sizing: border-box; | |||
.action { | |||
position: absolute; | |||
bottom: 0rpx; | |||
left: 0; | |||
height: 128rpx; | |||
background-color: #fff; | |||
border-radius: 30rpx 30rpx 0 0; | |||
width: 100vw; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
flex-direction: column; | |||
} | |||
.title { | |||
font-size: 36rpx; | |||
@@ -125,10 +146,14 @@ | |||
padding: 48rpx 0px; | |||
} | |||
.t-card { | |||
padding-top: 70rpx; | |||
background-color: #fff; | |||
} | |||
.center { | |||
width: 100%; | |||
height: auto; | |||
margin-top: 70rpx; | |||
position: relative; | |||
.center-bg { | |||
@@ -187,29 +212,31 @@ | |||
} | |||
.hint { | |||
margin: 0rpx 30rpx 0px; | |||
margin: 40rpx 30rpx 0px; | |||
.orange-txt { | |||
font-size: 30rpx; | |||
color: #ff8000; | |||
text-align: center; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
margin-bottom: 50rpx; | |||
image { | |||
width: 30rpx; | |||
height: 30rpx; | |||
margin-right: 10rpx; | |||
} | |||
.txt { | |||
font-family: MicrosoftYaHei; | |||
font-size: 32rpx; | |||
color: #111111; | |||
line-height: 35rpx; | |||
} | |||
.grey-txt { | |||
font-size: 26rpx; | |||
color: #666666; | |||
line-height: 40rpx; | |||
margin-top: 16rpx; | |||
font-family: MicrosoftYaHei; | |||
font-size: 28rpx; | |||
color: #999999; | |||
line-height: 48rpx; | |||
display: flex; | |||
margin-top: 20rpx; | |||
.point{ | |||
margin-top: 19rpx; | |||
flex-shrink: 0; | |||
width: 10rpx; | |||
height: 10rpx; | |||
background: #A0A0A0; | |||
margin-right: 16rpx; | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
@@ -219,12 +246,6 @@ | |||
} | |||
.grey-txt { | |||
font-size: 26rpx; | |||
color: #666666; | |||
line-height: 40rpx; | |||
margin-top: 16rpx; | |||
} | |||
.red { | |||
display: inline-block; |
@@ -1,6 +1,7 @@ | |||
<!-- 设备激活2-上传图片 --> | |||
<template> | |||
<view class="main" :style="{height: height+'px'}"> | |||
<view class="main" :style="{minHeight: height+'px'}"> | |||
<view class="item-row"> | |||
<view class="item-left"> | |||
<view class="title">车身照</view> | |||
@@ -8,7 +9,6 @@ | |||
<view class="flag"><text>拍摄示例</text> </view> | |||
</view> | |||
<view class="item-right" @click="chooseImage(1)"> | |||
<view class="empty-node"></view> | |||
<image :src="state.headstockImg ?state.headstockImg: defHeadstockImg" | |||
:data-url="state.headstockImg ?state.headstockImg: defHeadstockImg"> | |||
</image> | |||
@@ -21,7 +21,6 @@ | |||
<view class="flag"><text>拍摄示例</text> </view> | |||
</view> | |||
<view class="item-right" @click="chooseImage(2)"> | |||
<view class="empty-node"></view> | |||
<image :src="state.installImg ?state.installImg: defInstallImg"></image> | |||
</view> | |||
</view> | |||
@@ -30,22 +29,34 @@ | |||
<view>请打开手机蓝牙后再进行下一步操作。</view> | |||
</view> | |||
<view class="open-tips"> | |||
<view>开启蓝牙</view> | |||
<view class="tip-title">开启蓝牙</view> | |||
<view class="item-tips"> | |||
<view>方式一</view> | |||
<view> 1.打开手机的【设置】菜单。</view> | |||
<view> 2.在【设置】菜单中,找到【蓝牙】选项。</view> | |||
<view> 3.点击【蓝牙】选项,然后打开蓝牙开关。</view> | |||
<view class="item-title">方式一</view> | |||
<view class="item"> | |||
<view class="point"></view>打开手机的【设置】菜单。 | |||
</view> | |||
<view class="item"> | |||
<view class="point"></view>在【设置】菜单中,找到【蓝牙】选项。 | |||
</view> | |||
<view class="item"> | |||
<view class="point"></view>点击【蓝牙】选项,然后打开蓝牙开关。 | |||
</view> | |||
</view> | |||
<view class="item-tips"> | |||
<view>方式二</view> | |||
<view> 1.下拉打开通知栏。</view> | |||
<view> 2.然后打开蓝牙开关。</view> | |||
<view class="item-title">方式二</view> | |||
<view class="item"> | |||
<view class="point"></view>下拉打开通知栏。 | |||
</view> | |||
<view class="item"> | |||
<view class="point"></view>然后打开蓝牙开关。 | |||
</view> | |||
</view> | |||
</view> | |||
<view class="btn"> | |||
<submit-button @submit="gotoNextStep" title="下一步"></submit-button> | |||
<view class="action"> | |||
<button type="default" class="ui-btn" @click="gotoNextStep"> | |||
下一步 | |||
</button> | |||
</view> | |||
</view> | |||
</template> | |||
@@ -81,8 +92,8 @@ | |||
} from '@dcloudio/uni-app' | |||
const height = uni.getSystemInfoSync().windowHeight | |||
const defHeadstockImg = imgURL + "bluetooth/device-active-img1.png"; | |||
const defInstallImg = imgURL + "bluetooth/device-active-img2.png"; | |||
const defHeadstockImg = imgURL + "issuance/chetou.png"; | |||
const defInstallImg = imgURL + "issuance/shebei.png"; | |||
const state = reactive({ | |||
headstockImg: null, //车头照 | |||
@@ -91,7 +102,7 @@ | |||
orderId: null, | |||
openId: null, | |||
transfer: 0, | |||
isAfter:'' | |||
isAfter: '' | |||
}); | |||
onLoad((option) => { | |||
//读取传入 存储的数据orderInfo | |||
@@ -157,7 +168,6 @@ | |||
}; | |||
requestNew(activeImgUpload, options).then((res) => { | |||
navTo(`/pages/bluetooth/bluetooth?routeType=1&transfer=${state.transfer}&isAfter=${state.isAfter}`) | |||
}); | |||
@@ -174,82 +184,99 @@ | |||
</style> | |||
<style lang="scss" scoped> | |||
.main { | |||
overflow: hidden; | |||
background: #E9EDF0; | |||
padding-bottom:160rpx; | |||
position: relative; | |||
box-sizing: border-box; | |||
.action { | |||
position: absolute; | |||
bottom: 0rpx; | |||
left: 0; | |||
height: 128rpx; | |||
background-color: #fff; | |||
border-radius: 30rpx 30rpx 0 0; | |||
width: 100vw; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
flex-direction: column; | |||
} | |||
.item-row { | |||
width: calc(100% - 60rpx); | |||
margin-left: 30rpx; | |||
width: 690rpx; | |||
height: 240rpx; | |||
margin: 30rpx auto 0; | |||
display: flex; | |||
justify-content: space-between; | |||
margin-top: 30rpx; | |||
background: white; | |||
padding: 30rpx; | |||
border-radius: 20rpx; | |||
box-shadow: 0rpx 4rpx 13rpx 3rpx rgba(223, 223, 223, 0.8); | |||
box-sizing: border-box; | |||
.item-left { | |||
.title { | |||
font-size: 34rpx; | |||
color: #333; | |||
margin-top: 24rpx; | |||
font-size: 32rpx; | |||
color: #111; | |||
font-weight: bold; | |||
} | |||
.desc { | |||
font-size: 24rpx; | |||
color: #999; | |||
margin: 10rpx 0; | |||
margin-top: 6rpx; | |||
} | |||
.flag { | |||
width: 110rpx; | |||
height: 45rpx; | |||
line-height: 42rpx; | |||
color: #0A8F8A; | |||
margin-top: 16rpx; | |||
border-radius: 6rpx; | |||
width: 100rpx; | |||
height: 30rpx; | |||
line-height: 30rpx; | |||
margin-top: 20rpx; | |||
border-radius: 5rpx; | |||
text-align: center; | |||
font-size: 20rpx; | |||
background: #D9F8F1; | |||
border: 1rpx solid #CCB375; | |||
font-family: SourceHanSansSC, SourceHanSansSC; | |||
color: #CCB375; | |||
} | |||
} | |||
.item-right { | |||
width: 295rpx; | |||
height: 188rpx; | |||
width: 288rpx; | |||
height: 174rpx; | |||
position: relative; | |||
image { | |||
position: relative; | |||
z-index: 10; | |||
width: 100%; | |||
height: 188rpx; | |||
height: 174rpx; | |||
} | |||
&::before { | |||
content: ''; | |||
position: absolute; | |||
width: 22rpx; | |||
height: 22rpx; | |||
border: 4rpx solid #21BEB1; | |||
border-bottom: none; | |||
border-right: none; | |||
z-index: 0; | |||
left: -4rpx; | |||
top: -4rpx; | |||
} | |||
// &::before { | |||
// content: ''; | |||
// position: absolute; | |||
// width: 22rpx; | |||
// height: 22rpx; | |||
// border: 4rpx solid #21BEB1; | |||
// border-bottom: none; | |||
// border-right: none; | |||
// z-index: 0; | |||
// left: -4rpx; | |||
// top: -4rpx; | |||
// } | |||
&::after { | |||
content: ''; | |||
position: absolute; | |||
width: 22rpx; | |||
height: 22rpx; | |||
border: 4rpx solid #21BEB1; | |||
border-top: none; | |||
border-right: none; | |||
z-index: 0; | |||
left: -4rpx; | |||
bottom: -4rpx; | |||
} | |||
// &::after { | |||
// content: ''; | |||
// position: absolute; | |||
// width: 22rpx; | |||
// height: 22rpx; | |||
// border: 4rpx solid #21BEB1; | |||
// border-top: none; | |||
// border-right: none; | |||
// z-index: 0; | |||
// left: -4rpx; | |||
// bottom: -4rpx; | |||
// } | |||
} | |||
.empty-node { | |||
@@ -258,31 +285,31 @@ | |||
width: 100%; | |||
height: 100%; | |||
&::before { | |||
content: ''; | |||
position: absolute; | |||
width: 22rpx; | |||
height: 22rpx; | |||
border: 4rpx solid #21BEB1; | |||
border-left: none; | |||
border-bottom: none; | |||
z-index: 0; | |||
right: -4rpx; | |||
top: -4rpx; | |||
} | |||
// &::before { | |||
// content: ''; | |||
// position: absolute; | |||
// width: 22rpx; | |||
// height: 22rpx; | |||
// border: 4rpx solid #21BEB1; | |||
// border-left: none; | |||
// border-bottom: none; | |||
// z-index: 0; | |||
// right: -4rpx; | |||
// top: -4rpx; | |||
// } | |||
&::after { | |||
content: ''; | |||
position: absolute; | |||
width: 22rpx; | |||
height: 22rpx; | |||
border: 4rpx solid #21BEB1; | |||
border-top: none; | |||
border-left: none; | |||
z-index: 0; | |||
right: -4rpx; | |||
bottom: -4rpx; | |||
} | |||
// &::after { | |||
// content: ''; | |||
// position: absolute; | |||
// width: 22rpx; | |||
// height: 22rpx; | |||
// border: 4rpx solid #21BEB1; | |||
// border-top: none; | |||
// border-left: none; | |||
// z-index: 0; | |||
// right: -4rpx; | |||
// bottom: -4rpx; | |||
// } | |||
} | |||
} | |||
@@ -290,14 +317,15 @@ | |||
display: flex; | |||
flex-direction: row; | |||
justify-content: center; | |||
font-size: 26rpx; | |||
color: #666666; | |||
font-size: 28rpx; | |||
color: #545454; | |||
padding: 0px 30rpx; | |||
margin-top: 60rpx; | |||
margin-top: 40rpx; | |||
align-items: center; | |||
.icon { | |||
width: 36rpx; | |||
height: 36rpx; | |||
width: 30rpx; | |||
height: 30rpx; | |||
margin-right: 10rpx; | |||
} | |||
@@ -315,9 +343,44 @@ | |||
width: 94%; | |||
margin: 20rpx auto; | |||
font-size: 30rpx; | |||
.tip-title { | |||
font-family: MicrosoftYaHei; | |||
font-size: 32rpx; | |||
color: #111111; | |||
line-height: 35px; | |||
} | |||
} | |||
.item-tips { | |||
margin-top: 10rpx; | |||
overflow: hidden; | |||
.item-title { | |||
font-family: MicrosoftYaHei; | |||
font-size: 28rpx; | |||
color: #111111; | |||
line-height: 35rpx; | |||
} | |||
.item { | |||
font-family: MicrosoftYaHei; | |||
font-size: 28rpx; | |||
color: #999999; | |||
line-height: 48rpx; | |||
display: flex; | |||
align-items: center; | |||
margin-top: 10rpx; | |||
.point { | |||
flex-shrink: 0; | |||
width: 10rpx; | |||
height: 10rpx; | |||
background: #A0A0A0; | |||
margin-right: 16rpx; | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
</style> |
@@ -383,7 +383,7 @@ | |||
}; | |||
requestNew(vehicleUpload, options) | |||
.then((res) => { | |||
uni.redirectTo({ | |||
uni.navigateTo({ | |||
url: `/subpackage/orders/product-detail?orderId=${state.form.orderId}&&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}&&isValueCard=${getItem("isValueCard")}&vehicleId=${state.form.vehicleId}`, | |||
}); | |||
}) |
@@ -17,10 +17,11 @@ | |||
<view class="l-money"> | |||
<text>¥</text> <text class="fee">{{ item.fee * 0.01 }}</text> | |||
</view> | |||
<view class="c-line"> | |||
<view class="c-line" v-if='item.remarks'> | |||
</view> | |||
<view class="r-desc"> | |||
产品权益专用,2%加息10天 | |||
{{item.remarks}} | |||
<!-- 产品权益专用,2%加息10天 --> | |||
</view> | |||
</view> | |||
</view> |
@@ -12,8 +12,8 @@ | |||
{{item.productName}} | |||
</view> | |||
<view class="tip-list"> | |||
<view class="tip-item"> | |||
标签 | |||
<view class="tip-item" v-for='ele in item.labels'> | |||
{{ele}} | |||
</view> | |||
</view> | |||
<view class="b-con"> | |||
@@ -136,7 +136,7 @@ | |||
padding: 5rpx 8rpx; | |||
font-size: 20rpx; | |||
color: #CCB375; | |||
margin-right: 8rpx; | |||
margin-right: 10rpx; | |||
} | |||
} | |||
@@ -86,7 +86,7 @@ | |||
) | |||
} else { | |||
// 正常流程 | |||
uni.redirectTo({ | |||
uni.navigateTo({ | |||
url: `/subpackage/orders/essential-information?userType=${state.userType}&vanType=${state.vanType}&isValueCard=${state.isValueCard}&cardType=${state.cardType}&totalAmount=${state.totalAmount}&equityId=${state.equityId}&productId=${state.productId}`, | |||
}); | |||
} |
@@ -313,7 +313,7 @@ | |||
} | |||
}); | |||
} | |||
let addKey = false //表示未添加 | |||
const nextAddress = () => { | |||
var data = state.data; | |||
// #ifdef MP-ALIPAY | |||
@@ -338,6 +338,7 @@ | |||
// productReCodeAction(data.orderId).then((result) => { | |||
// 加购权益产品 | |||
// addProductRequest().then((res) => { //接口直接不要了 | |||
addKey = true | |||
var vehicleId = state.data.vehiclePlate + "_" + state.data.vehiclePlateColor | |||
console.log("state.data.vehiclePlate", state.data.vehiclePlate, state.data.vehiclePlateColor, vehicleId) | |||
if (state.data.userType == 1) { |
@@ -423,7 +423,7 @@ | |||
}; | |||
requestNew(userUpload, options).then((res) => { | |||
console.log(res); | |||
uni.redirectTo({ | |||
uni.navigateTo({ | |||
url: `/subpackage/orders/car-release?orderId=${state.orderId}&vehiclePlateColor=${state.vehiclePlateColor}&vanType=${state.vanType}&isSign=${state.isSign}&vehicleId=${state.vehicleId}`, | |||
}); | |||
}); |
@@ -295,7 +295,7 @@ | |||
}; | |||
requestNew(userUpload, options).then((res) => { | |||
const data = res; | |||
uni.redirectTo({ | |||
uni.navigateTo({ | |||
url: `/subpackage/orders/car-release?orderId=${state.orderId}&vehiclePlateColor=${state.vehiclePlateColor}&vanType=${state.vanType}&vehicleId=${state.vehicleId}`, | |||
}); | |||
}); | |||
@@ -630,18 +630,6 @@ | |||
line-height: 30rpx; | |||
} | |||
} | |||
.green-tip { | |||
margin-top: 50rpx; | |||
font-size: 24rpx; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #00b38b; | |||
line-height: 24rpx; | |||
margin-bottom: 60rpx; | |||
} | |||
} | |||
::v-deep .u-input__input { |
@@ -293,7 +293,7 @@ | |||
url: "/pages/order/order" | |||
}) | |||
} else { | |||
uni.redirectTo({ | |||
uni.navigateTo({ | |||
url: `/subpackage/orders/release-products?orderId=${state.orderId}`, | |||
}); | |||
} | |||
@@ -370,7 +370,7 @@ | |||
url: "/pages/order/order" | |||
}) | |||
} else { | |||
uni.redirectTo({ | |||
uni.navigateTo({ | |||
url: `/subpackage/orders/release-products?orderId=${state.orderId}`, | |||
}); | |||
} |
@@ -97,7 +97,7 @@ | |||
{ | |||
icon: imgURL + "issuance/zfb.png", | |||
title: "支付宝签约", | |||
tip: "服务费是每笔交易金额的0.05%", | |||
// tip: "服务费是每笔交易金额的0.05%", | |||
tag1: "支付宝代付", | |||
tag2: "支付宝便捷支付", | |||
tag: "tag1", | |||
@@ -110,7 +110,7 @@ | |||
{ | |||
icon: imgURL + "issuance/weixin.png", | |||
title: "微信签约", | |||
tip: "服务费是每笔交易金额的0.05%", | |||
// tip: "服务费是每笔交易金额的0.05%", | |||
tag1: "微信代付", | |||
tag2: "微信便捷支付", | |||
tag: "tag1", |