This commit is contained in:
xiaozhiyong
2023-05-08 12:25:37 +08:00
parent a6909ed508
commit 9196734d72
3 changed files with 190 additions and 173 deletions

View File

@@ -8,7 +8,8 @@
<uni-easyinput :candidate='candidate' :ejectOpen='ejectOpen' @ejectFn='ejectFn'
:letfText='letfText' confirmType='search' @confirm='seachFn'
placeholder-style="color:#bbbbbb;font-weight: 100;" v-model="seachValue"
:placeholder="letfText=='订单号'? '订单编号':letfText=='司机'?'司机姓名,手机号码':letfText=='企业'?'企业名称,企业编号':'油站名称'" @iconClick="onClick">
:placeholder="letfText=='订单号'? '订单编号':letfText=='司机'?'司机姓名,手机号码':letfText=='企业'?'企业名称,企业编号':'油站名称'"
@iconClick="onClick">
</uni-easyinput>
</view>
</view>
@@ -29,17 +30,20 @@
<view v-for="(item,index) in listData" class="form_body">
<view @tap="jump(1,item)" class="form_body_item">
<view class="form_body_item_top">
<view :style="{backgroundColor:item.payAccountType==0?'#FD9500':'#2866FF' }" class="form_body_item_top_label">{{item.payAccountType==0?'个人':'企业'}}</view>
<view :style="{backgroundColor:item.payAccountType==0?'#FD9500':'#2866FF' }"
class="form_body_item_top_label">{{item.payAccountType==0?'个人':'企业'}}</view>
<view>{{item.orderSerialNumber}}</view>
</view>
<view style="padding: 0 25rpx; margin-top: 23rpx;">
<view class="from_body_item_container">
<view class="from_body_item_container">
<view class="flex between">
<view class="flex">
<view class="flex">
<view>{{item.phone}}</view>
<view class="samll_txext" style="margin-left:23rpx;">{{item.userName}}</view>
</view>
<view style="color: ;" v-if="item.orderWfStatus==0&& String(item.siteName).indexOf('壳牌')!==-1">待核销</view>
<view style="color: ;"
v-if="item.orderWfStatus==0&& String(item.siteName).indexOf('壳牌')!==-1">待核销
</view>
</view>
<view style="margin-bottom:23rpx ; font-size: 26rpx;" class="text">
{{item.companyName?item.companyName:'暂无'}}
@@ -60,7 +64,8 @@
</view>
<view class="form_body_item_footer">
<view style="font-size: 22rpx;" class="samll_txext">{{item.createTime}}</view>
<view :style="{fontSize: '24rpx', color:option(item.orderStatus).color }">{{option(item.orderStatus).text}}</view>
<view :style="{fontSize: '24rpx', color:option(item.orderStatus).color }">
{{option(item.orderStatus).text}}</view>
</view>
</view>
</view>
@@ -78,12 +83,12 @@
export default {
data() {
return {
animation:null,
animationData:null,
animation: null,
animationData: null,
listData: [],
letfText: '订单号',
seleindex: 0,
candidate: ['企业', '司机','订单号','油站名称'],
candidate: ['企业', '司机', '订单号', '油站名称'],
ejectOpen: false,
seachValue: '',
navigation: [{
@@ -108,7 +113,7 @@
userName: '',
orderStatus: '',
orderWfStatus: '',
siteName:''
siteName: ''
}
},
}
@@ -120,66 +125,66 @@
this.rotateFn()
},
methods: {
jump(e,w){
switch(e){
jump(e, w) {
switch (e) {
case 1:
uni.navigateTo({
url:'../orderDetails/orderDetails?jsData=' + JSON.stringify(w)
})
break;
uni.navigateTo({
url: '../orderDetails/orderDetails?jsData=' + JSON.stringify(w)
})
break;
}
},
scrolltolower(){
scrolltolower() {
this.getData.currentPage += 1
this.getlist()
},
option(e){
switch(e){
option(e) {
switch (e) {
case 0:
return {
text:'待支付',
color:'#EBC153'
}
break;
return {
text: '待支付',
color: '#EBC153'
}
break;
case 1:
return {
text:'已支付',
color:'#17A00E'
}
break;
return {
text: '已支付',
color: '#17A00E'
}
break;
case -1:
return {
text:'支付失败',
color:'#EC4645'
}
break;
return {
text: '支付失败',
color: '#EC4645'
}
break;
case 2:
return {
text:'已取消',
color:'#999999'
}
break;
return {
text: '已取消',
color: '#999999'
}
break;
case 3:
return {
text:'已退款',
color:'#999999'
}
break;
return {
text: '已退款',
color: '#999999'
}
break;
case 4:
return {
text:'退款中',
color:'#EBC153'
}
// return '退款中'
break;
return {
text: '退款中',
color: '#EBC153'
}
// return '退款中'
break;
case 5:
return {
text:'退款失败',
color:'#EC4645'
}
// return '退款失败'
break;
return {
text: '退款失败',
color: '#EC4645'
}
// return '退款失败'
break;
}
},
animationFns() {
@@ -192,7 +197,7 @@
this.animation.rotate(0).step()
this.animationData = this.animation.export()
},
rotateFn() {
rotateFn() {
var animation = uni.createAnimation({
duration: 1000,
timingFunction: 'ease',
@@ -243,27 +248,27 @@
this.navigation[0].text = '全部'
break
case 3:
this.getData.params.orderWfStatus = ''
this.getData.params.orderStatus = ''
this.navigation[0].text = '全部'
break
this.getData.params.orderWfStatus = ''
this.getData.params.orderStatus = ''
this.navigation[0].text = '全部'
break
}
if(this.getData.params.orderWfStatus === 0){
if (this.getData.params.orderWfStatus === 0) {
this.getData.params.orderWfStatus = ''
this.getData.params.orderStatus = ''
this.navigation[0].text = '全部'
}
}
if(e.index==1){
if (e.index == 1) {
this.getData.params.orderStatus = ''
this.getData.params.orderWfStatus = 0
}
if(e.index == -1){
if (e.index == -1) {
this.getData.params.orderWfStatus = null
this.getData.params.orderStatus = 3
}
this.rotateFn()
console.log(this.getData.params,this.navigation[0].text )
console.log(this.getData.params, this.navigation[0].text)
this.getlist()
},
onClick() {
@@ -272,31 +277,30 @@
},
seachFn() {
console.log(this.seachValue)
this.getData.params.userName= ''
this.getData.params.id= ''
this.getData.params.companyName= ''
this.getData.params.siteName= ''
if(this.letfText=='企业'){
this.getData.params.companyName= this.seachValue
console.log('现在是企业 companyName',this.letfText,)
}else if(this.letfText=='订单号') {
this.getData.params.id= this.seachValue
console.log('现在是订单 id',this.letfText,this.getData.params.id,this.getData.params)
}else if(this.letfText=='司机'){
this.getData.params.userName= this.seachValue
console.log('现在是司机 userName',this.letfText,)
}else
{
this.getData.params.siteName= this.seachValue
console.log('现在是其他 siteName',this.letfText,)
this.getData.params.userName = ''
this.getData.params.id = ''
this.getData.params.companyName = ''
this.getData.params.siteName = ''
if (this.letfText == '企业') {
this.getData.params.companyName = this.seachValue
console.log('现在是企业 companyName', this.letfText, )
} else if (this.letfText == '订单号') {
this.getData.params.id = this.seachValue
console.log('现在是订单 id', this.letfText, this.getData.params.id, this.getData.params)
} else if (this.letfText == '司机') {
this.getData.params.userName = this.seachValue
console.log('现在是司机 userName', this.letfText, )
} else {
this.getData.params.siteName = this.seachValue
console.log('现在是其他 siteName', this.letfText, )
}
this.getData.currentPage = 1
this.getlist()
},
ejectFn(e) {
this.letfText = e
if(this.letfText=='企业'){
if (this.letfText == '企业') {
}
console.log(e)
},
@@ -306,6 +310,7 @@
<style>
@import url("./index.css");
.icoon :active {
color: #007AFF;
}
@@ -344,28 +349,32 @@
justify-content: space-between;
align-items: baseline;
}
.bgtext{
.bgtext {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
.item_price {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.text{
.text {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.samll_txext {
font-size: 24rpx;
font-family: PingFang SC;
@@ -414,6 +423,7 @@
page {
background-color: #F0F2FF;
}
.form_body_item {
min-height: 339rpx;
background: #FFFFFF;