11
This commit is contained in:
parent
9bda12d3fa
commit
3473a2ff63
|
|
@ -54,7 +54,7 @@
|
|||
"appid" : "wx3428c498d5061192",
|
||||
"setting" : {
|
||||
"urlCheck" : false,
|
||||
"minified" : true
|
||||
"minified" : false
|
||||
},
|
||||
"usingComponents" : true,
|
||||
"optimization" : {
|
||||
|
|
|
|||
|
|
@ -1,397 +0,0 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="换电工单" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="top">
|
||||
<view class="search_box">
|
||||
|
||||
<view class="search_center">
|
||||
<input type="text" class="ips" v-model="code" placeholder="编码/报修单号" placeholder-style='font-weight: 400;font-size: 36rpx;color: #808080;' />
|
||||
</view>
|
||||
<view class="search_right">
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
<view class="tap">
|
||||
<view class="tap_cont " :class="curtitidx==0?'act1':''" @click="changeidx(0)">
|
||||
全部
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==1?'act1':''" @click="changeidx(1)">
|
||||
待换电
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==2?'act1':''" @click="changeidx(2)">
|
||||
换电中
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==3?'act1':''" @click="changeidx(3)">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="warp_box">
|
||||
<swiper class="swiper" :style="{ height: swiperHeight + 'rpx' }" :current='curtitidx' @change="swiperchange" next-margin='-20rpx'>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
code:'',
|
||||
curtitidx:0,
|
||||
swiperHeight:408
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeidx(idx){
|
||||
this.curtitidx=idx
|
||||
},
|
||||
swiperchange(){
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" >
|
||||
page{
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
.page{
|
||||
width: 750rpx;
|
||||
.top{
|
||||
width: 750rpx;
|
||||
background: #fff;
|
||||
padding-top: 26rpx;
|
||||
.tap{
|
||||
margin-top: 24rpx;
|
||||
width: 750rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
|
||||
.tap_cont{
|
||||
text-align: center;
|
||||
padding-bottom: 15rpx;
|
||||
width: 100rpx;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
border-bottom: 6rpx solid #fff ;
|
||||
}
|
||||
.act1{
|
||||
border-bottom: 6rpx solid #4C97E7 ;
|
||||
color: #4C97E7;
|
||||
}
|
||||
}
|
||||
.search_box{
|
||||
margin:0 auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
width: 680rpx;
|
||||
height:68rpx ;
|
||||
border: 2rpx solid #4C97E7;
|
||||
border-radius: 20rpx;
|
||||
// .search_left{
|
||||
// image{
|
||||
// width: 56rpx;
|
||||
// height: 56rpx;
|
||||
// }
|
||||
// }
|
||||
.search_center{
|
||||
margin-left: 40rpx;
|
||||
width: 490rpx;
|
||||
}
|
||||
.search_right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
width: 112rpx;
|
||||
height: 68rpx;
|
||||
background: #4C97E7;
|
||||
border: 2rpx solid #4C97E7;
|
||||
border-radius:0 20rpx 20rpx 0;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
.warp_box{
|
||||
.swiper{
|
||||
.swiper-item{
|
||||
.card{
|
||||
margin: 16rpx auto;
|
||||
width: 752rpx;
|
||||
height: 408rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
.card_top{
|
||||
padding: 32rpx 38rpx 28rpx 38rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.card_top_left{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
image{
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.card_top_right{
|
||||
margin-left: auto;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
.cont_info{
|
||||
margin-left: 38rpx;
|
||||
margin-bottom: 28rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.cont_info_left{
|
||||
margin-right: 44rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.cont_info_right{
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
.card_bot{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-top: 2rpx dashed #D8D8D8;
|
||||
height: 102rpx;
|
||||
image{
|
||||
margin-left: 40rpx;
|
||||
margin-right: 18rpx;
|
||||
width: 41.66rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
.stause{
|
||||
display: flex;align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
margin-right: 38rpx;
|
||||
width: 132rpx;
|
||||
height: 54rpx;
|
||||
background: #979797;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,397 +0,0 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="换电工单" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="top">
|
||||
<view class="search_box">
|
||||
|
||||
<view class="search_center">
|
||||
<input type="text" class="ips" v-model="code" placeholder="编码/报修单号" placeholder-style='font-weight: 400;font-size: 36rpx;color: #808080;' />
|
||||
</view>
|
||||
<view class="search_right">
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
<view class="tap">
|
||||
<view class="tap_cont " :class="curtitidx==0?'act1':''" @click="changeidx(0)">
|
||||
全部
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==1?'act1':''" @click="changeidx(1)">
|
||||
待换电
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==2?'act1':''" @click="changeidx(2)">
|
||||
换电中
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==3?'act1':''" @click="changeidx(3)">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="warp_box">
|
||||
<swiper class="swiper" :style="{ height: swiperHeight + 'rpx' }" :current='curtitidx' @change="swiperchange" next-margin='-20rpx'>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
code:'',
|
||||
curtitidx:0,
|
||||
swiperHeight:408
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeidx(idx){
|
||||
this.curtitidx=idx
|
||||
},
|
||||
swiperchange(){
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" >
|
||||
page{
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
.page{
|
||||
width: 750rpx;
|
||||
.top{
|
||||
width: 750rpx;
|
||||
background: #fff;
|
||||
padding-top: 26rpx;
|
||||
.tap{
|
||||
margin-top: 24rpx;
|
||||
width: 750rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
|
||||
.tap_cont{
|
||||
text-align: center;
|
||||
padding-bottom: 15rpx;
|
||||
width: 100rpx;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
border-bottom: 6rpx solid #fff ;
|
||||
}
|
||||
.act1{
|
||||
border-bottom: 6rpx solid #4C97E7 ;
|
||||
color: #4C97E7;
|
||||
}
|
||||
}
|
||||
.search_box{
|
||||
margin:0 auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
width: 680rpx;
|
||||
height:68rpx ;
|
||||
border: 2rpx solid #4C97E7;
|
||||
border-radius: 20rpx;
|
||||
// .search_left{
|
||||
// image{
|
||||
// width: 56rpx;
|
||||
// height: 56rpx;
|
||||
// }
|
||||
// }
|
||||
.search_center{
|
||||
margin-left: 40rpx;
|
||||
width: 490rpx;
|
||||
}
|
||||
.search_right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
width: 112rpx;
|
||||
height: 68rpx;
|
||||
background: #4C97E7;
|
||||
border: 2rpx solid #4C97E7;
|
||||
border-radius:0 20rpx 20rpx 0;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
.warp_box{
|
||||
.swiper{
|
||||
.swiper-item{
|
||||
.card{
|
||||
margin: 16rpx auto;
|
||||
width: 752rpx;
|
||||
height: 408rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
.card_top{
|
||||
padding: 32rpx 38rpx 28rpx 38rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.card_top_left{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
image{
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.card_top_right{
|
||||
margin-left: auto;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
.cont_info{
|
||||
margin-left: 38rpx;
|
||||
margin-bottom: 28rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.cont_info_left{
|
||||
margin-right: 44rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.cont_info_right{
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
.card_bot{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-top: 2rpx dashed #D8D8D8;
|
||||
height: 102rpx;
|
||||
image{
|
||||
margin-left: 40rpx;
|
||||
margin-right: 18rpx;
|
||||
width: 41.66rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
.stause{
|
||||
display: flex;align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
margin-right: 38rpx;
|
||||
width: 132rpx;
|
||||
height: 54rpx;
|
||||
background: #979797;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,390 +0,0 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="换电工单" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="top">
|
||||
<view class="search_box">
|
||||
|
||||
<view class="search_center">
|
||||
<input type="text" class="ips" v-model="code" placeholder="编码/报修单号" placeholder-style='font-weight: 400;font-size: 36rpx;color: #808080;' />
|
||||
</view>
|
||||
<view class="search_right">
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
<view class="tap">
|
||||
<view class="tap_cont " :class="curtitidx==0?'act1':''" @click="changeidx(0)">
|
||||
全部
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==1?'act1':''" @click="changeidx(1)">
|
||||
待调度
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==2?'act1':''" @click="changeidx(2)">
|
||||
调度中
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==3?'act1':''" @click="changeidx(3)">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="warp_box">
|
||||
<swiper class="swiper" :style="{ height: swiperHeight + 'rpx' }" :current='curtitidx' @change="swiperchange" next-margin='-20rpx'>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
调度单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
调度单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card">
|
||||
<view class="card_top">
|
||||
<view class="card_top_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uacJ7fdNpS3llY54ZaUi" mode=""></image>
|
||||
电单车
|
||||
</view>
|
||||
<view class="card_top_right">
|
||||
2024-03-24 22:28:51
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
报修单号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
2126459452821387
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
设备编号
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
DS-21674651
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_info">
|
||||
<view class="cont_info_left">
|
||||
剩余电量
|
||||
</view>
|
||||
<view class="cont_info_right">
|
||||
20%
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uklW7KIegcLR6E7DTOGO" mode=""></image>
|
||||
嵛山岛芦竹村三沙路68号
|
||||
<view class="stause">
|
||||
已完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
code:'',
|
||||
curtitidx:0,
|
||||
swiperHeight:408
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeidx(idx){
|
||||
this.curtitidx=idx
|
||||
},
|
||||
swiperchange(){
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" >
|
||||
page{
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
.page{
|
||||
width: 750rpx;
|
||||
.top{
|
||||
width: 750rpx;
|
||||
background: #fff;
|
||||
padding-top: 26rpx;
|
||||
.tap{
|
||||
margin-top: 24rpx;
|
||||
width: 750rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
|
||||
.tap_cont{
|
||||
text-align: center;
|
||||
padding-bottom: 15rpx;
|
||||
width: 100rpx;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
border-bottom: 6rpx solid #fff ;
|
||||
}
|
||||
.act1{
|
||||
border-bottom: 6rpx solid #4C97E7 ;
|
||||
color: #4C97E7;
|
||||
}
|
||||
}
|
||||
.search_box{
|
||||
margin:0 auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
width: 680rpx;
|
||||
height:68rpx ;
|
||||
border: 2rpx solid #4C97E7;
|
||||
border-radius: 20rpx;
|
||||
// .search_left{
|
||||
// image{
|
||||
// width: 56rpx;
|
||||
// height: 56rpx;
|
||||
// }
|
||||
// }
|
||||
.search_center{
|
||||
margin-left: 40rpx;
|
||||
width: 490rpx;
|
||||
}
|
||||
.search_right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
width: 112rpx;
|
||||
height: 68rpx;
|
||||
background: #4C97E7;
|
||||
border: 2rpx solid #4C97E7;
|
||||
border-radius:0 20rpx 20rpx 0;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
.warp_box{
|
||||
.swiper{
|
||||
.swiper-item{
|
||||
.card{
|
||||
margin: 16rpx auto;
|
||||
width: 752rpx;
|
||||
height: 408rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
.card_top{
|
||||
padding: 32rpx 38rpx 28rpx 38rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.card_top_left{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
image{
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.card_top_right{
|
||||
margin-left: auto;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
.cont_info{
|
||||
margin-left: 38rpx;
|
||||
margin-bottom: 28rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.cont_info_left{
|
||||
margin-right: 44rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.cont_info_right{
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
.card_bot{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-top: 2rpx dashed #D8D8D8;
|
||||
height: 102rpx;
|
||||
image{
|
||||
margin-left: 40rpx;
|
||||
margin-right: 18rpx;
|
||||
width: 41.66rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
.stause{
|
||||
display: flex;align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
margin-right: 38rpx;
|
||||
width: 132rpx;
|
||||
height: 54rpx;
|
||||
background: #979797;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -185,7 +185,7 @@
|
|||
justify-content: space-around;
|
||||
// box-shadow: 12rpx 16rpx 40rpx 0rpx rgba(42,130,228,0.1);
|
||||
.act1{
|
||||
background: #4C97E7 !important;
|
||||
background: #64B6A7 !important;
|
||||
}
|
||||
.btn {
|
||||
width: 250rpx;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="费用明细" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36' height='45'></u-navbar>
|
||||
<u-navbar title="费用明细" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36' height='45' back-icon-color='#fff'></u-navbar>
|
||||
<view class="tit">
|
||||
<view class="left">电单车</view>
|
||||
<!-- <view class="right">查看计费规则 ></view> -->
|
||||
|
|
@ -169,7 +169,7 @@ page{
|
|||
// width: 750rpx;
|
||||
width: 750rpx;
|
||||
// height: 530rpx;
|
||||
background: linear-gradient( 180deg, #4C97E7 0.1%, rgba(255,255,255,0) 40%), #FFFFFF;
|
||||
background: linear-gradient( 180deg, #64B6A7 0%, rgba(255,255,255,0) 100%), #FFFFFF;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
.tit{
|
||||
margin-left: 86rpx;
|
||||
|
|
@ -213,7 +213,7 @@ page{
|
|||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
|
||||
background: linear-gradient( 0deg, #B1C3FF 0.1%, rgba(255,255,255,0) 40%), #FFFFFF;
|
||||
background: linear-gradient( 0deg, #A7E492 0.1%, rgba(255,255,255,0) 40%), #FFFFFF;
|
||||
}
|
||||
.cont{
|
||||
padding: 32rpx 28rpx;
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<input type="text" class="ips" v-model="sn" placeholder="请输入车辆二维码下方编号"
|
||||
placeholder-style='font-weight: 400;font-size: 36rpx;color: #808080;' />
|
||||
<view class="iptbtn" @click="scanQRCode()">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/un6Wi8CefEjy04qzvn67" mode=""></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/u7thMxZGRQrS5yWh2mCD" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
<view class="checkbox">
|
||||
<view v-for="(item, index) in cbgz" :key="index" class="check_li" :class="item.checked === true ? 'act1' : ''" @click="toggleCheckbox(index)">
|
||||
{{ item.dictLabel }}
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uuMYyKHxezgXIREa0bpT" mode="" v-if="item.checked === true "></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ufYwbVclwhX64u4eGu6u" mode="" v-if="item.checked === true "></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="txt">
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
<view class="checkbox">
|
||||
<view v-for="(item, index) in csgz" :key="index" class="check_li" :class="item.checked === true ? 'act1' : ''" @click="csCheckbox(index)">
|
||||
{{ item.dictLabel }}
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uuMYyKHxezgXIREa0bpT" mode="" v-if="item.checked === true "></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ufYwbVclwhX64u4eGu6u" mode="" v-if="item.checked === true "></image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
<view class="checkbox">
|
||||
<view v-for="(item, index) in tsgz" :key="index" class="check_li" :class="item.checked === true ? 'act1' : ''" @click="tsCheckbox(index)">
|
||||
{{ item.dictLabel }}
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uuMYyKHxezgXIREa0bpT" mode="" v-if="item.checked === true "></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ufYwbVclwhX64u4eGu6u" mode="" v-if="item.checked === true "></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-container">
|
||||
|
|
@ -353,7 +353,7 @@
|
|||
justify-content: center;
|
||||
width: 680rpx;
|
||||
height: 90rpx;
|
||||
background: #4C97E7;
|
||||
background: #64B6A7;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
|
|
@ -405,7 +405,7 @@
|
|||
justify-content: center;
|
||||
width: 112rpx;
|
||||
height: 80rpx;
|
||||
background: #4C97E7;
|
||||
background: #64B6A7;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
|
||||
image {
|
||||
|
|
@ -468,7 +468,7 @@
|
|||
width: 142rpx;
|
||||
height: 65rpx;
|
||||
// background-size: cover;
|
||||
border: 2rpx solid #4C97E7;
|
||||
border: 2rpx solid #1E807A;
|
||||
// background: #4C97E7;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="客户服务" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36'
|
||||
<u-navbar title="客户服务" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36' back-icon-color='#fff'
|
||||
height='45'></u-navbar>
|
||||
<image class="backimg" src="https://lxnapi.ccttiot.com/bike/img/static/uWCOkHl7HYqjZUVUOzxy" mode=""></image>
|
||||
<image class="backimg" src="https://lxnapi.ccttiot.com/bike/img/static/ukLK3qJWhi4m70KzlxAE" mode=""></image>
|
||||
<view class="tit">
|
||||
Hi 您好，我们为您提供更多帮助哦~
|
||||
</view>
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#4C97E7",
|
||||
backgroundColor: "#64B6A7",
|
||||
},
|
||||
areaInfo: {},
|
||||
tabindex:0,
|
||||
|
|
@ -461,7 +461,7 @@
|
|||
margin-top: 16rpx;
|
||||
width: 66rpx;
|
||||
height: 6rpx;
|
||||
background: #4C97E7;
|
||||
background: #64B6A7;
|
||||
border-radius: 3rpx 3rpx 3rpx 3rpx;
|
||||
}
|
||||
}
|
||||
|
|
@ -504,8 +504,8 @@
|
|||
|
||||
width: 680rpx;
|
||||
height: 118rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 59rpx 59rpx 59rpx 59rpx;
|
||||
background: #1E807A;
|
||||
border-radius:20rpx;
|
||||
|
||||
image {
|
||||
margin-right: 18rpx;
|
||||
|
|
|
|||
166
page_user/vadio_back.vue
Normal file
166
page_user/vadio_back.vue
Normal file
|
|
@ -0,0 +1,166 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="拍照还车" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36' height='45'
|
||||
back-icon-color='#fff'></u-navbar>
|
||||
<view class="tip_box">
|
||||
请将车辆正确停放指定停车点后，环绕车拍摄视 频，押金将在审核通过后退还账户
|
||||
</view>
|
||||
<view class="cont">
|
||||
<view class="tip_txt">
|
||||
我们将在12小时内完成审核
|
||||
</view>
|
||||
<view class="vadio_png" @click="recordVideo">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uAjjz6wpQALYAGUDx5UL" mode=""></image>
|
||||
</view>
|
||||
<view class="tip_txt" style="font-weight: 600;font-size: 32rpx;color: #3D3D3D;">
|
||||
保持车辆录像的完整清晰
|
||||
</view>
|
||||
<view class="vadio_png">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uVuGMvfe3xlz3x8WSmcC" mode=""></image>
|
||||
</view>
|
||||
|
||||
<view class="btn">
|
||||
提交
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#64B6A7",
|
||||
},
|
||||
videoPath: '',
|
||||
imglist:[],
|
||||
token: '',
|
||||
upurl:''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.getQiniuToken()
|
||||
},
|
||||
methods: {
|
||||
|
||||
getQiniuToken() {
|
||||
console.log('diaou');
|
||||
this.$u.get("/common/qiniu/uploadInfo").then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.token=res.token
|
||||
console.log(res,'resres');
|
||||
this.upurl=res.domain
|
||||
}
|
||||
});
|
||||
// this.$u.get('https://v2.ielts.langsi.online/file/getToken').then(res => {
|
||||
// console.log(res.data);
|
||||
// this.token = res.data.token
|
||||
// }).catch(err => {
|
||||
// console.log(err)
|
||||
// })
|
||||
|
||||
},
|
||||
recordVideo() {
|
||||
// 调用录像API
|
||||
uni.chooseVideo({
|
||||
sourceType: ['camera'], // 指定使用相机录像
|
||||
camera: 'back', // 指定使用后置摄像头，可选值有front、back
|
||||
maxDuration: 15, // 最大录制时长（秒）
|
||||
success: (res) => {
|
||||
// 获取视频录制文件的临时路径
|
||||
this.videoPath = res.tempFilePath;
|
||||
console.log(res.tempFilePath);
|
||||
this.upload()
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('录像失败：', err);
|
||||
}
|
||||
});
|
||||
},
|
||||
upload(){
|
||||
let _this=this
|
||||
let math='static/'+_this.$u.guid(20)
|
||||
wx.uploadFile({
|
||||
url: 'https://up-z2.qiniup.com',
|
||||
name: 'file',
|
||||
filePath: this.videoPath,
|
||||
formData: {
|
||||
token: _this.token, //后端返回的token
|
||||
key:'bike/vadio/'+math
|
||||
},
|
||||
success: function(res) {
|
||||
console.log(res,'resres');
|
||||
let str = JSON.parse(res.data)
|
||||
console.log(str.key)
|
||||
_this.userImgs = _this.upurl +'/'+ str.key
|
||||
console.log(_this.userImgs)
|
||||
// _this.imglist.push(_this.userImgs)
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #F7FAFE;
|
||||
}
|
||||
|
||||
.page {
|
||||
// width: 750rpx;
|
||||
width: 750rpx;
|
||||
// height: 530rpx;
|
||||
// background: linear-gradient( 180deg, #64B6A7 0%, rgba(255,255,255,0) 100%), #FFFFFF;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
|
||||
.tip_box {
|
||||
padding: 44rpx 36rpx;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
background: #64B6A7;
|
||||
}
|
||||
|
||||
.cont {
|
||||
width: 100%;
|
||||
padding: 0 39rpx;
|
||||
|
||||
.tip_txt {
|
||||
margin-top: 38rpx;
|
||||
width: 100%;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.vadio_png {
|
||||
margin-top: 52rpx;
|
||||
|
||||
image {
|
||||
width: 672rpx;
|
||||
height: 370rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 128rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 680rpx;
|
||||
height: 90rpx;
|
||||
background: #64B6A7;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="行程结束" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36'
|
||||
<u-navbar title="行程结束" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<map class="map" id="map" ref="map" :scale="zoomSize" :latitude="latitude" :longitude="longitude"
|
||||
:show-location='true' :markers="markers" :polygons="polygons" :polyline="polyline"> </map>
|
||||
|
|
@ -640,7 +640,7 @@
|
|||
width: 100%;
|
||||
height: 90rpx;
|
||||
|
||||
background: #4C97E7;
|
||||
background: #64B6A7;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
|
|
@ -686,7 +686,7 @@
|
|||
justify-content: center;
|
||||
width: 112rpx;
|
||||
height: 42rpx;
|
||||
background: linear-gradient(90deg, #4C97E7 0%, rgba(158, 205, 255, 0.58) 100%);
|
||||
background: linear-gradient(90deg, #64B6A7 0%, #64B6A7 50%, #5A9D93 100%);
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
|
||||
font-weight: 500;
|
||||
|
|
|
|||
35
pages.json
35
pages.json
|
|
@ -187,31 +187,9 @@
|
|||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "battery/battery_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "dispatch/dispatch_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "back/back_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ... 分包A的其他页面
|
||||
]
|
||||
},
|
||||
|
|
@ -373,6 +351,15 @@
|
|||
"enablePullDownRefresh" : false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "vadio_back",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"enablePullDownRefresh" : false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
||||
// 其他 userpages 目录下的页面...
|
||||
|
|
|
|||
|
|
@ -1,16 +1,33 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<view class="fixed">
|
||||
<u-navbar title="登录" :border-bottom="false" :background="background" title-color='#CCC' title-size='36' back-icon-color='#CCC'
|
||||
height='45'></u-navbar>
|
||||
</view>
|
||||
<!-- <u-navbar :is-back="false" :title="tittxt" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='45' >
|
||||
|
||||
</u-navbar> -->
|
||||
<view class="imgbox">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uzg30jo8Mx7lgaRHFyiO" mode=""></image>
|
||||
<view class="pages1" v-if="deptId==100">
|
||||
<view class="imgbox">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uzg30jo8Mx7lgaRHFyiO" mode=""></image>
|
||||
</view>
|
||||
<button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" >
|
||||
授权登录
|
||||
</button>
|
||||
<!-- <view class="button1" @click="back">
|
||||
取消登录
|
||||
</view> -->
|
||||
</view>
|
||||
<button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" >
|
||||
授权登录
|
||||
</button>
|
||||
<view class="button1" @click="back">
|
||||
取消登录
|
||||
<view class="pages2" v-if="deptId==101">
|
||||
<view class="imgbox">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uX6A5Dlyr4lvGFNuqfPK" mode=""></image>
|
||||
</view>
|
||||
<button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" >
|
||||
授权登录
|
||||
</button>
|
||||
<!-- <view class="button1" @click="back">
|
||||
取消登录
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="tip">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/u4LEl3cUFgF9uN30ESnF" mode=""></image>
|
||||
|
|
@ -29,9 +46,14 @@
|
|||
tittxt:"登录",
|
||||
chooseType:true,
|
||||
usertype:'',
|
||||
login:false
|
||||
login:false,
|
||||
deptId:''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.deptId = uni.getStorageSync('deptId');
|
||||
// this.deptId = 101
|
||||
},
|
||||
methods: {
|
||||
userType(num){
|
||||
this.chooseType=false
|
||||
|
|
@ -120,43 +142,88 @@
|
|||
}
|
||||
.page {
|
||||
position: relative; /* 添加相对定位 */
|
||||
}
|
||||
|
||||
.imgbox {
|
||||
margin-top:0rpx ;
|
||||
width: 750rpx;
|
||||
height: 734rpx;
|
||||
z-index: 0;
|
||||
|
||||
image {
|
||||
width: 750rpx;
|
||||
height: 734rpx;
|
||||
.fixed {
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
.pages1{
|
||||
.imgbox {
|
||||
margin-top:0rpx ;
|
||||
width: 750rpx;
|
||||
height: 734rpx;
|
||||
z-index: 0;
|
||||
|
||||
image {
|
||||
width: 750rpx;
|
||||
height: 734rpx;
|
||||
}
|
||||
}
|
||||
.button{
|
||||
margin-top: 200rpx;
|
||||
width: 586rpx;
|
||||
height: 90rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.button1{
|
||||
margin: 72rpx auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 586rpx;
|
||||
height: 90rpx;
|
||||
background: #fff;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
border: 4rpx solid #4C97E7;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
}
|
||||
.pages2{
|
||||
.imgbox {
|
||||
margin-top:0rpx ;
|
||||
width: 750rpx;
|
||||
height: 1274rpx;
|
||||
z-index: 0;
|
||||
|
||||
image {
|
||||
width: 750rpx;
|
||||
height: 1274rpx;
|
||||
}
|
||||
}
|
||||
.button{
|
||||
margin-top: 100rpx;
|
||||
width: 586rpx;
|
||||
height: 90rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.button1{
|
||||
margin: 72rpx auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 586rpx;
|
||||
height: 90rpx;
|
||||
background: #fff;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
border: 4rpx solid #4C97E7;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.button{
|
||||
margin-top: 200rpx;
|
||||
width: 586rpx;
|
||||
height: 90rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.button1{
|
||||
margin: 72rpx auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 586rpx;
|
||||
height: 90rpx;
|
||||
background: #fff;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
border: 4rpx solid #4C97E7;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
|
||||
.tip{
|
||||
margin-top:128rpx ;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<view class="fixed">
|
||||
<u-navbar title="个人中心" :border-bottom="false" :background="background" title-color='#fff' title-size='36' :back-text-style='backcolor'
|
||||
<u-navbar title="个人中心" :border-bottom="false" :background="background" title-color='#fff' title-size='36' back-icon-color='#fff'
|
||||
height='45'></u-navbar>
|
||||
</view>
|
||||
|
||||
|
|
@ -257,7 +257,7 @@
|
|||
backgroundColor: 'transparent'
|
||||
},
|
||||
backcolor:{
|
||||
color:'#fff'
|
||||
color:'#ffffff'
|
||||
},
|
||||
info: {},
|
||||
totype: 0,
|
||||
|
|
|
|||
|
|
@ -617,7 +617,7 @@
|
|||
|
||||
},
|
||||
areaId: false,
|
||||
tit: '手机号',
|
||||
tit: '车牌号',
|
||||
shows: false,
|
||||
list: [{
|
||||
value: '1',
|
||||
|
|
@ -630,7 +630,7 @@
|
|||
|
||||
|
||||
],
|
||||
typeidx: '1',
|
||||
typeidx: '2',
|
||||
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -254,7 +254,7 @@
|
|||
<view class="tip_box" v-if="showvehicle">
|
||||
<view class="top" v-if="showvehicle">
|
||||
<view class="tip">
|
||||
退款
|
||||
设备信息修改
|
||||
</view>
|
||||
|
||||
<view class="ipt_box">
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<map class="map" id="map" ref="map" :scale="zoomSize" :latitude="latitude" :longitude="longitude"
|
||||
:show-location='true' :markers="markers" :polygons="polygons" :polyline="polyline" :enable-building="true"
|
||||
>
|
||||
<cover-view class="park" @click="toggleIconAndCallout">
|
||||
<cover-view class="park" @click="toggleIconAndCallout" v-if="showpark">
|
||||
<cover-image class="img" src="https://lxnapi.ccttiot.com/bike/img/static/uRiYQZQEb3l2LsltEsyW"
|
||||
mode=""></cover-image>
|
||||
</cover-view>
|
||||
|
|
@ -119,6 +119,51 @@
|
|||
</view>
|
||||
|
||||
</view>
|
||||
<view class="lines"></view>
|
||||
<view class="info_tit">
|
||||
视频审核
|
||||
<view class="vadio_type">
|
||||
待审核
|
||||
</view>
|
||||
<view class="vadio_type" style="color: #FF4444 ;background: #FFEEEE;">
|
||||
设备损坏
|
||||
</view>
|
||||
<view class="vadio_type" style="color: #64B6A8;background: #E2FFFA;">
|
||||
审核通过
|
||||
</view>
|
||||
</view>
|
||||
<view class="vadio_box">
|
||||
|
||||
<video src="https://lxnapi.ccttiot.com/bike/vadio/static/u4NKq2eQVg0QkrLP6Syw" controls="controls" style="width: 100%;" @fullscreenchange="handleFullscreenChange"></video>
|
||||
|
||||
<view class="vadio_li">
|
||||
<view class="" style="width: 10rpx;">
|
||||
|
||||
</view>
|
||||
<view class="vadio_info">
|
||||
提交时间：02-11 15:06:45
|
||||
</view>
|
||||
</view>
|
||||
<view class="vadio_li">
|
||||
<view class="" style="width: 10rpx;">
|
||||
|
||||
</view>
|
||||
<view class="btn_box">
|
||||
<view class="vadio_btn">
|
||||
通过
|
||||
</view>
|
||||
<view class="vadio_btn" style="background: #FF4444;">
|
||||
有损坏
|
||||
</view>
|
||||
<view class="vadio_btn" style="background: #64B6A8 ;" @click="callPhone">
|
||||
电话沟通
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="lines"></view>
|
||||
<view class="cont" v-if="orderInfo.etRefund">
|
||||
|
||||
|
|
@ -297,7 +342,8 @@
|
|||
loading: false,
|
||||
showtk: false,
|
||||
show: false,
|
||||
_mapContext: null
|
||||
_mapContext: null,
|
||||
showpark:true
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -350,6 +396,16 @@
|
|||
|
||||
},
|
||||
methods: {
|
||||
handleFullscreenChange(e) {
|
||||
// 这里可以通过 e.detail 来获取全屏状态的信息（如果有的话）
|
||||
// 但请注意，不同平台和浏览器可能返回的信息不同
|
||||
console.log('全屏状态变化', e.detail);
|
||||
if(e.detail.fullScreen){
|
||||
this.showpark=false
|
||||
}else{
|
||||
this.showpark=true
|
||||
}
|
||||
},
|
||||
displayAmount(amount) {
|
||||
return amount ? amount : '--';
|
||||
},
|
||||
|
|
@ -798,7 +854,7 @@
|
|||
flex-wrap: nowrap;
|
||||
// height: 100%;
|
||||
bottom: -20rpx;
|
||||
|
||||
z-index: 99;
|
||||
.bot_left {
|
||||
border-radius: 0rpx 0rpx 0rpx 30rpx;
|
||||
width: 50%;
|
||||
|
|
@ -850,7 +906,7 @@
|
|||
border-radius: 50%;
|
||||
width: 82rpx;
|
||||
height: 82rpx;
|
||||
z-index: 10;
|
||||
z-index: 0;
|
||||
|
||||
.img {
|
||||
width: 82rpx;
|
||||
|
|
@ -876,6 +932,17 @@
|
|||
font-size: 32rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
.vadio_type{
|
||||
margin-left: auto;
|
||||
padding: 5rpx 34rpx;
|
||||
|
||||
background: #FFFAE6;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFCC00;
|
||||
}
|
||||
}
|
||||
|
||||
.lines {
|
||||
|
|
@ -883,7 +950,37 @@
|
|||
// height: 2rpx;
|
||||
border-bottom: 2rpx solid #E7E7E7;
|
||||
}
|
||||
|
||||
|
||||
.vadio_box{
|
||||
padding: 26rpx 28rpx;
|
||||
.vadio_li{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
// justify-content: space-between;
|
||||
.vadio_info{
|
||||
margin-left: auto;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #979797;
|
||||
}
|
||||
.btn_box{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
.vadio_btn{
|
||||
margin-left: 10rpx;
|
||||
padding: 6rpx 44rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #FEFFFE;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.cont {
|
||||
padding: 26rpx 28rpx;
|
||||
|
||||
|
|
|
|||
|
|
@ -41,7 +41,12 @@
|
|||
|
||||
<view class="info_card" style="margin-top: 20rpx;" v-for="(item,index) in filteredList" :key="index" @click.stop="todetail(item)">
|
||||
<view class="info_tit" style="margin-left: 36rpx;">
|
||||
<view class="tit_left" v-if="stepindex==1">
|
||||
<view class="tit_right" :style="{ color: getStatusColors(item) }" style="margin-left: 0rpx;margin-right: 20rpx;">
|
||||
|
||||
<view class="yuan" :style="{ background: getStatusColors(item) }"></view>
|
||||
{{statuss(item)}}
|
||||
</view>
|
||||
<view class="tit_left" v-if="stepindex==1" >
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uTuWiPEViwzaPPHAgjdN" mode=""
|
||||
v-if="!isSelected(item.sn)" @click.stop="selectItem(item.sn)"></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uGY25CNyW7Vz0LJcOYtS" mode=""
|
||||
|
|
@ -50,6 +55,7 @@
|
|||
</view>
|
||||
<span v-if="item.vehicleNum"> 车牌号：{{item.vehicleNum}}</span>
|
||||
<span v-if="!item.vehicleNum"> 车牌号：--</span>
|
||||
|
||||
<view class="tit_right" :style="{ color: getStatusColor(item) }">
|
||||
|
||||
<view class="yuan" :style="{ background: getStatusColor(item) }"></view>
|
||||
|
|
@ -316,10 +322,11 @@
|
|||
this.getDevice()
|
||||
},
|
||||
getStatusColor(item) {
|
||||
if (item.onlineStatus == 0) {
|
||||
// 离线状态为红色
|
||||
return 'red';
|
||||
} else if (item.status == 0 || item.status == 8) {
|
||||
// if (item.onlineStatus == 0) {
|
||||
// // 离线状态为红色
|
||||
// return 'red';
|
||||
// } else
|
||||
if (item.status == 0 || item.status == 8) {
|
||||
// 下线和未上架状态为灰色
|
||||
return 'gray';
|
||||
} else {
|
||||
|
|
@ -327,6 +334,12 @@
|
|||
// return 'blue';
|
||||
}
|
||||
},
|
||||
getStatusColors(item) {
|
||||
if (item.onlineStatus == 0) {
|
||||
// 离线状态为红色
|
||||
return 'red';
|
||||
}
|
||||
},
|
||||
closestep() {
|
||||
this.selectedItems = []
|
||||
this.stepindex = 0
|
||||
|
|
@ -357,26 +370,28 @@
|
|||
}
|
||||
},
|
||||
status(item) {
|
||||
if (item.status == 0) {
|
||||
return '仓库中'
|
||||
} else if (item.status == 1) {
|
||||
return '待租'
|
||||
} else if (item.status == 2) {
|
||||
return '预约中'
|
||||
} else if (item.status == 3) {
|
||||
return '骑行中'
|
||||
} else if (item.status == 4) {
|
||||
return '临时锁车中'
|
||||
} else if (item.status == 7) {
|
||||
return '未绑定'
|
||||
} else if (item.status == 8) {
|
||||
return '禁用中'
|
||||
}
|
||||
},
|
||||
statuss(item) {
|
||||
if (item.onlineStatus == 0) {
|
||||
return '离线'
|
||||
} else {
|
||||
if (item.status == 0) {
|
||||
return '未上架'
|
||||
} else if (item.status == 1) {
|
||||
return '待租'
|
||||
} else if (item.status == 2) {
|
||||
return '预约中'
|
||||
} else if (item.status == 3) {
|
||||
return '骑行中'
|
||||
} else if (item.status == 4) {
|
||||
return '临时锁车中'
|
||||
} else if (item.status == 7) {
|
||||
return '未绑定'
|
||||
} else if (item.status == 8) {
|
||||
return '下线'
|
||||
}
|
||||
}else{
|
||||
return '在线'
|
||||
}
|
||||
|
||||
},
|
||||
getDevice() {
|
||||
let data = {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user