Commit 0cfced19 authored by 程新智's avatar 程新智 👽

适配样式

parent d3052f6f
<template>
<view class="appCotent" v-if="show">
<view class="index-content">
<u-swiper :radius="0" :height="210" :list="list5" circular @change="e => current = e.current" :autoplay="true">
<u-swiper radius="0 0 0 30px" :height="210" :list="list5" circular @change="e => current = e.current" :autoplay="true">
<view slot="indicator" class="indicator">
<view class="indicator__dot" v-for="(item, index) in list5" :key="index" :class="[index === current && 'indicator__dot--active']">
</view>
......@@ -69,30 +69,33 @@ export default {
methods: {
getPrice() {
let token = uni.getStorageSync('userToken');
if(!token){
if (!token) {
uni.navigateTo({
url: '/pages/binding/index?url=/pages/main&index=0'
})
return;
}
let opts = { url: '/app/user/info', method: 'get' }
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
let freeMoveFlag = res.data.data.freeMoveFlag
if (freeMoveFlag) {
uni.showToast({
title: "您的免费领取次数已用完",
icon: 'none',
duration: 2000,
});
} else {
//跳转到领取优惠卷页面
uni.navigateTo({
url: '/pagesA/pages/index/getPrice?orderId=' + this.freeCode.id
});
}
}
})
let opts = {
url: '/app/user/info',
method: 'get'
}
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
let freeMoveFlag = res.data.data.freeMoveFlag
if (freeMoveFlag) {
uni.showToast({
title: "您的免费领取次数已用完",
icon: 'none',
duration: 2000,
});
} else {
//跳转到领取优惠卷页面
uni.navigateTo({
url: '/pagesA/pages/index/getPrice?orderId=' + this.freeCode.id
});
}
}
})
},
getMoveCode() {
let opts = {
......@@ -143,6 +146,11 @@ export default {
<style lang="scss">
.index-content {
/deep/ .u-swiper__indicator {
position: absolute;
right: 30rpx !important;
}
background-color: #f9f9f9;
height: 100%;
......@@ -273,10 +281,6 @@ export default {
}
}
/deep/ .u-swiper__indicator {
right: 0 !important;
}
/deep/ .u-swiper {
border-radius: 0 0 0 100rpx !important;
}
......@@ -304,6 +308,7 @@ export default {
background-color: rgba(0, 0, 0, 0.35);
border-radius: 100%;
width: 35px;
text-align: right;
@include flex;
justify-content: center;
......
......@@ -15,10 +15,10 @@
<image src="@/static/move-car/my-move-car4.png" />
</div>
<div class="top__car__phone">
<div>
<div class="top__car">
{{vo.carNo}}
</div>
<div>
<div class="top__phone">
{{vo.userMobile}}
</div>
</div>
......@@ -158,8 +158,7 @@ export default {
}
.top__car__phone {
width: 60%;
width: 340rpx;
.top__car {
font-size: 36rpx;
font-family: PingFang SC;
......@@ -180,6 +179,7 @@ export default {
font-family: PingFang SC;
font-weight: 500;
color: #666666;
padding-bottom: 50rpx;
}
}
......
......@@ -4,36 +4,36 @@
-->
<template>
<view class="appCotent">
<div class="myRecord">
<scroll-list ref="list" :option="option" @load="load">
<div class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.applyDate}}
<div class="myRecord">
<scroll-list ref="list" :option="option" @load="load">
<div class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.applyDate}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.confirmType=="1"?'电话':'微信'}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNo}}
</div>
<div>
通知类型:{{type}}
</div>
<div>
挪车申请人:{{vo.applyUserMobile}}
</div>
</div>
<div class="item__btn" @click="goDetail(vo.id)">
<div>
查看详情
</div>
</div>
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.confirmType=="1"?'电话':'微信'}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNo}}
</div>
<div>
通知类型:{{type}}
</div>
<div>
挪车申请人:{{vo.applyUserMobile}}
</div>
</div>
<div class="item__btn" @click="goDetail(vo.id)">
<div>
查看详情
</div>
</div>
</scroll-list>
</div>
</scroll-list>
</div>
</view>
</template>
......@@ -42,53 +42,59 @@ export default {
data() {
return {
option: {
size: 10,
auto: true
size: 10,
auto: true
},
items: [],
type: '他人请求挪车',
type: '他人请求挪车',
};
},
methods: {
// 加载数据
load(paging) {
setTimeout(() => {
let list = [];
let opts = { url: '/app/moveLog/my/list?pageSize='+paging.size+'&pageNum='+paging.page, method: 'get' };
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
list = res.data.rows
this.items = [...this.items, ...list]
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({
list: this.items,
total: res.data.total
});
}
})
// 加载数据
load(paging) {
setTimeout(() => {
let list = [];
let opts = {
url: '/app/moveLog/my/list?pageSize=' + paging.size + '&pageNum=' + paging.page,
method: 'get'
};
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
list = res.data.rows
this.items = [...this.items, ...list]
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({
list: this.items,
total: res.data.total
});
}
})
// 加载失败
// this.$refs.list.loadFail()
}, this.$u.random(100, 1000));
},
goDetail(id){
//console.log(id)
uni.navigateTo({
url: '/pagesB/pages/move-car/recordDetail?id='+id
})
// 加载失败
// this.$refs.list.loadFail()
}, this.$u.random(100, 1000));
},
goDetail(id) {
//console.log(id)
uni.navigateTo({
url: '/pagesB/pages/move-car/recordDetail?id=' + id
})
},
getMyMoveLogList() {
let opts = {
url: '/app/moveLog/my/list',
method: 'get'
};
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
this.items = res.data.rows
}
})
},
getMyMoveLogList(){
let opts = { url: '/app/moveLog/my/list', method: 'get' };
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
this.items = res.data.rows
}
})
},
},
created() {
//this.getMyMoveLogList()
},
created() {
//this.getMyMoveLogList()
},
}
</script>
......@@ -112,6 +118,13 @@ export default {
padding-bottom: 30rpx;
margin-bottom: 30rpx;
.top__time {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
}
.top__state {
background: #cfffe2;
width: 70rpx;
......
......@@ -81,7 +81,7 @@ export default {
.list__item {
padding: 28rpx;
box-sizing: border-box;
width: 620rpx;
width: 640rpx;
height: 220rpx;
background: #ffffff;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.16);
......
......@@ -15,7 +15,8 @@
}" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;">
</u-tabs>
<scroll-list ref="list" :option="option" @load="load">
<div class="order__content" v-for="(item,index) in orderList">
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="order__content" v-for="(item,index) in orderList" :key="index">
<div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===1) && item.orderStatus == 10">
<div class="item">
<div class="item__time">
......@@ -313,9 +314,8 @@ export default {
uni-view {
background: #fff;
}
.order__content {
padding: 40rpx;
padding:0 40rpx;
.order__items {
background: #FFFFFF;
......@@ -370,7 +370,7 @@ export default {
font-family: PingFang SC;
font-weight: 500;
color: #333333;
width: 320rpx;
width: 340rpx;
padding-right: 70rpx;
}
......
......@@ -209,7 +209,7 @@ export default {
font-family: PingFang SC;
font-weight: 500;
color: #666666;
padding: 0 14rpx;
padding-right: 14rpx;
}
span:nth-of-type(2) {
......@@ -292,7 +292,7 @@ export default {
font-family: PingFang SC;
font-weight: 500;
color: #333333;
width: 320rpx;
width: 340rpx;
padding-right: 70rpx;
}
......
......@@ -23,4 +23,8 @@
/deep/ .self__input__km span{
padding-left: 10rpx;
width: 70rpx !important;
}
/deep/ .u-swiper__indicator {
position: absolute;
right: 30rpx !important;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment