caoliancun/company_h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
xiaozhiyong
2023-04-07 15:25:20 +08:00
parent c50f14f14c
commit 4164ce1b5c
8 changed files with 103 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/cashier/cashierIndex.vue
View File

@@ -93,7 +93,6 @@ export default {
},
created() {
this.orderData = JSON.parse(this.$route.query.order)
console.log('this.orderData', this.orderData)
this.time = this.getCountDownTime(this.orderData.createTime)
this.updateDetails()
@@ -102,7 +101,6 @@ export default {
methods: {
cardListFn() {
let networkId = this.$pinia.state.value.user.user?.networkId
// console.log('this.$pinia.value', networkId)
let company = this.orderData.companyAccounts
? this.orderData.companyAccounts
.filter(item => {
@@ -123,7 +121,6 @@ export default {
return item
})
: []
console.log('other', other)
this.cardList = [...company, ...other]
},
updateDetails() {

122
src/views/cashier/paymentl.vue
View File

@@ -1,18 +1,18 @@
<template>
<div class="paymentl">
<detailsCardHeader :countTimer='countTimer' :codeTpe="codeTpe" ></detailsCardHeader>
<detailsCard :detailsList="detailsList"></detailsCard>
<detailsCardHeader :countTimer="countTimer" :codeTpe="codeTpe"></detailsCardHeader>
<detailsCard :detailsList="detailsList"></detailsCard>
<div @click="goHome" class="paymentl-footer flex ac jc">返回首页</div>
</div>
</template>
<script>
import vueQr from 'vue-qr'
import detailsCard from "./components/detailsCard.vue";
import detailsCardHeader from "./components/detailsCardHeader.vue";
import oilSiteApi from '@/api/oil-site.js';
import useStore from '@/store/piniaIndex';
let store = useStore();
import detailsCard from './components/detailsCard.vue'
import detailsCardHeader from './components/detailsCardHeader.vue'
import oilSiteApi from '@/api/oil-site.js'
import useStore from '@/store/piniaIndex'
let store = useStore()
export default {
components: {
detailsCard,
@@ -21,13 +21,13 @@ export default {
},
data() {
return {
user:store.user,
countTimer:180,
timer:null,
codeTpe:{
switch:false,
codeValue:'',
imgType:true
user: store.user,
countTimer: 180,
timer: null,
codeTpe: {
switch: false,
codeValue: '',
imgType: true
},
detailsCardTitle: {},
detailsList: [
@@ -38,7 +38,7 @@ export default {
valueStyle: {
color: ''
}
},
}
],
[
{
@@ -56,7 +56,7 @@ export default {
{
lable: '加油员：',
value: '李某'
},
}
// {
// lable: '加油渠道：',
// value: '星油 查看三方支付凭证'
@@ -81,7 +81,7 @@ export default {
valueStyle: {
color: '#FF0000'
}
},
}
],
[
{
@@ -90,73 +90,71 @@ export default {
},
{
lable: '加油司机：',
value: (store.user&&store.user.name)||'---',
value: (store.user && store.user.name) || '---'
},
{
lable: '油卡性质：',
value: '企业油卡',
},
],
value: '企业油卡'
}
]
]
};
},
created(){
console.log(this.user,'user')
this.init()
},
watch:{
countTimer:function(n){
}
},
methods:{
init(){
created() {
// console.log(this.user,'user')
this.init()
},
watch: {
countTimer: function (n) {}
},
methods: {
init() {
this.orderData = JSON.parse(this.$route.query.orderData)
this.codeTpe.imgType = JSON.parse(this.$route.query.type)
console.log(this.codeTpe.imgType)
this.getCode();
this.updateDetails();
console.log(this.codeTpe)
this.getCode()
this.updateDetails()
},
Timekeeping(){
Timekeeping() {
this.countTimer = 180000
this.timer = setInterval(()=>{
if(this.countTimer==0){
clearInterval(this.timer);
this.timer = setInterval(() => {
if (this.countTimer == 0) {
clearInterval(this.timer)
this.getCode()
return
}
this.countTimer-=10;
},10)
this.countTimer -= 10
}, 10)
},
goHome(){
goHome() {
this.$router.push('/')
},
updateDetails(){
this.detailsList[0][0].value = this.orderData.orderSerialNumber;
this.detailsList[1][0].value = this.orderData.siteName ;
this.detailsList[1][1].value = `${this.orderData.oilsCode} ${this.orderData.oilsBar}号枪`;
this.detailsList[1][2].value = `${Number(this.orderData.volume).toFixed(2)}L`;
this.detailsList[1][3].value = this.orderData.siteUserName ;
this.detailsList[2][0].value = '￥'+this.orderData.realAmount ;
this.detailsList[2][1].value = '￥'+ Number(this.orderData.oilDiscountAmount).toFixed(2) ;
this.detailsList[3][0].value = this.orderData.plateNumber ;
updateDetails() {
this.detailsList[0][0].value = this.orderData.orderSerialNumber
this.detailsList[1][0].value = this.orderData.siteName
this.detailsList[1][1].value = `${this.orderData.oilsCode} ${this.orderData.oilsBar}号枪`
this.detailsList[1][2].value = `${Number(this.orderData.volume).toFixed(2)}L`
this.detailsList[1][3].value = this.orderData.siteUserName
this.detailsList[2][0].value = '￥' + this.orderData.realAmount
this.detailsList[2][1].value = '￥' + Number(this.orderData.oilDiscountAmount).toFixed(2)
this.detailsList[3][0].value = this.orderData.plateNumber
// this.detailsList[3][2].value = '￥'+this.orderData.plateNumber ;
},
getCode(){
console.log( this.orderData)
oilSiteApi.getOrderQrCode(this.orderData.orderSerialNumber).then(res=>{
if(res.code==20000){
getCode() {
// console.log(this.orderData)
oilSiteApi.getOrderQrCode(this.orderData.orderSerialNumber).then(res => {
if (res.code == 20000) {
this.codeTpe.codeValue = ''
this.$nextTick(function(){
this.codeTpe.switch = true;
this.codeTpe.codeValue = res.data.codeStr;
this.Timekeeping()
})
this.$nextTick(function () {
this.codeTpe.switch = true
this.codeTpe.codeValue = res.data.codeStr
this.Timekeeping()
})
}
})
}
}
};
}
</script>
<style scoped>
@@ -188,4 +186,4 @@ export default {
color: #333333;
margin: 50px auto;
}
</style>
</style>