油站二维码
This commit is contained in:
xk_guohonglei
@@ -10,9 +10,22 @@
|
||||
@tap="tabSelect" :data-id="index">{{item}}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="margin">
|
||||
<OrderItem class="cu-list menu-avatar comment" v-for="(item,index) in tabList" :key="index" v-show="index==TabCur"
|
||||
:item="order" />
|
||||
<view class="padding padding-bottom-0">
|
||||
<view v-show="TabCur==0" class="order-list">
|
||||
<view v-for="item in allOrder" :key="item.orderID">
|
||||
<OrderItem class="cu-list order-item menu-avatar comment" :item="item" />
|
||||
</view>
|
||||
</view>
|
||||
<view v-show="TabCur==1" class="order-list">
|
||||
<view v-for="item in payingOrder" :key="item.orderID">
|
||||
<OrderItem class="cu-list order-item menu-avatar comment" :item="item" />
|
||||
</view>
|
||||
</view>
|
||||
<view v-show="TabCur==2" class="order-list">
|
||||
<view v-for="item in finishedOrder" :key="item.orderID">
|
||||
<OrderItem class="cu-list order-item menu-avatar comment" :item="item" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -27,11 +40,11 @@
|
||||
data() {
|
||||
return {
|
||||
tabList: [
|
||||
'全部', '待支付', '已支付', '退款'
|
||||
'全部', '待支付', '已支付'
|
||||
],
|
||||
TabCur: 0,
|
||||
pageNumber: 1,
|
||||
istate: 3,
|
||||
istate: -3,
|
||||
scrollLeft: 0,
|
||||
order: {
|
||||
istate: 0,
|
||||
@@ -44,7 +57,10 @@
|
||||
sourceType: 3,
|
||||
realamount: 4.66,
|
||||
credateDatetime: '2020-10-12 12:30:10'
|
||||
}
|
||||
},
|
||||
allOrder: [],
|
||||
finishedOrder: [],
|
||||
payingOrder: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
@@ -56,11 +72,12 @@
|
||||
this.calcIstate(this.TabCur)
|
||||
this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
|
||||
},
|
||||
|
||||
calcIstate(id) {
|
||||
|
||||
switch (id) {
|
||||
case 0:
|
||||
this.istate = 3
|
||||
this.istate = -3
|
||||
this.loadList()
|
||||
break
|
||||
case 1:
|
||||
@@ -71,11 +88,6 @@
|
||||
this.istate = 1
|
||||
this.loadList()
|
||||
break
|
||||
case 3:
|
||||
this.istate = 2
|
||||
this.loadList()
|
||||
break
|
||||
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
@@ -84,7 +96,19 @@
|
||||
pageIndex: this.pageNumber //类型：Number 必有字段 备注：查询第几页,默认一页10条
|
||||
}
|
||||
cloudSiteApi.getSiteOrder(data2).then(res => {
|
||||
|
||||
if (res.code === 20000) {
|
||||
switch (this.istate) {
|
||||
case 0:
|
||||
this.payingOrder = res.data
|
||||
break
|
||||
case 1:
|
||||
this.finishedOrder = res.data
|
||||
break
|
||||
case -3:
|
||||
this.allOrder = res.data
|
||||
break
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -95,4 +119,8 @@
|
||||
.content {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.order-list .order-item:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -15,16 +15,17 @@
|
||||
@result="qrR" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-center padding-bottom-xs padding-bottom-xs">
|
||||
<view @tap="refreashQr" class="text-center padding-bottom-xs padding-bottom-xs">
|
||||
<text class="color-999 font-12">
|
||||
<text class="cuIcon-refresh padding-right-xs"></text>
|
||||
付款码自动 （25s）
|
||||
<!-- 付款码自动 （25s） -->
|
||||
付款码
|
||||
<text class="oil-main-color">
|
||||
刷新
|
||||
刷新
|
||||
</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="text-center color-000 font-10 margin-bottom-sm">
|
||||
<view class="text-center color-000 font-10 margin-bottom-sm" @tap="refreashQr">
|
||||
提示：司机扫描二维码支付油费
|
||||
</view>
|
||||
<view class="padding font-12 solid-top">
|
||||
@@ -39,7 +40,10 @@
|
||||
</view>
|
||||
|
||||
<view class="text-right flex-sub oil-main-color">
|
||||
￥1.20
|
||||
<text v-if="!showData.realPay">
|
||||
未指定
|
||||
</text>
|
||||
<text v-else>￥{{showData.realPay}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex padding-left padding-right">
|
||||
@@ -54,7 +58,10 @@
|
||||
|
||||
|
||||
<text class="text-right flex-sub">
|
||||
约56.00L
|
||||
<text v-if="!showData.vol">
|
||||
未指定
|
||||
</text>
|
||||
<text v-else>{{showData.vol}}L</text>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -74,7 +81,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-left padding-bottom padding-top-0 bg-white">
|
||||
<OrderOilForm />
|
||||
<OrderOilForm @confirmVol="getDesignatedQr" :oilList="oilList" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -85,7 +92,7 @@
|
||||
import OrderOilForm from '@/components/OrderOil.vue'
|
||||
// 引入二维码库
|
||||
import QR from "@/utils/wxqrcode.js" // 二维码生成器
|
||||
|
||||
import cloudSiteApi from '@/api/cloud-site.js'
|
||||
import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
|
||||
|
||||
export default {
|
||||
@@ -95,19 +102,81 @@
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
oilList: [],
|
||||
modalName: 'mod',
|
||||
oilSiteName: '',
|
||||
qrImg: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1102530589,2787379918&fm=11&gp=0.jpg",
|
||||
val: '羊的屎是猪',
|
||||
iconUrl: '../../static/img/qr-icon.png'
|
||||
val: '',
|
||||
iconUrl: '../../static/img/qr-icon.png',
|
||||
oilDate: {
|
||||
oilSiteCode: uni.getStorageSync('oilSite').oilSiteCode,
|
||||
oilSiteName: uni.getStorageSync('oilSite').oilSiteName,
|
||||
oilCode: '',
|
||||
oilName: '',
|
||||
gunId: '',
|
||||
standardPrice: '',
|
||||
oilPrice: '',
|
||||
vol: ''
|
||||
},
|
||||
showData: {
|
||||
vol: '',
|
||||
realPay: ''
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.oilSiteName = uni.getStorageSync('oilSiteName')
|
||||
this.getDefaultQr()
|
||||
this.getSiteInfo()
|
||||
// this.getDesignatedQr/()
|
||||
console.log('oilDate', this.oilDate)
|
||||
},
|
||||
methods: {
|
||||
// 刷新
|
||||
refreashQr() {
|
||||
console.log('刷新函数')
|
||||
if (this.showData.vol) {
|
||||
this.getDesignatedQr()
|
||||
} else {
|
||||
this.getDefaultQr()
|
||||
}
|
||||
},
|
||||
getSiteInfo() {
|
||||
cloudSiteApi.getSiteDetail().then(res => {
|
||||
console.log('...', res)
|
||||
if (res.code === 20000) {
|
||||
this.site = res.data.site
|
||||
this.oilList = res.data.oil
|
||||
uni.setStorage({
|
||||
key: 'oilSite',
|
||||
data: res.data.site
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
getDefaultQr() {
|
||||
cloudSiteApi.getSiteQrCode().then(res => {
|
||||
if (res.code === 20000) {
|
||||
this.val = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
getDesignatedQr(data) {
|
||||
const data6 = {
|
||||
...this.oilDate,
|
||||
...data
|
||||
}
|
||||
this.showData = data
|
||||
cloudSiteApi.getDesignatedSiteQrCode(data6).then(res => {
|
||||
if (res.code === 20000) {
|
||||
this.val = res.data
|
||||
this.hideModal()
|
||||
}
|
||||
})
|
||||
},
|
||||
hideModal() {
|
||||
console.log('关闭呀')
|
||||
this.modalName = ''
|
||||
},
|
||||
qrR() {
|
||||
|
||||
Reference in New Issue
Block a user