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

更新

Browse Source
pull/2/head
xiaozhiyong 3 years ago
parent ee6ebb71f1
commit 68152e6b42
5 changed files with 349 additions and 324 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      src/api/oil-order.js
  2. 37
      src/permission.js
  3. 5
      src/store/piniaIndex.js
  4. 8
      src/utils/request.js
  5. 147
      src/views/cashier/cashierIndex.vue

10
src/api/oil-order.js
Unescape View File

@ -1,12 +1,12 @@
import request from '@/utils/request' import request from '@/utils/request'
const service_name = "oil-site" const service_name = 'oil-site'
const group_name = "oilSiteOrderInfo" const group_name = 'oilSiteOrderInfo'
const Img_name = 'oil-interfaces' const Img_name = 'oil-interfaces'
export default { export default {
// 下单 // 下单
createOrder(data) { createOrder(data) {
return request({ return request({
url: `/oil-site/oilSiteOrderInfo/createH5Order`, url: `/oil-site/oilSiteOrderInfo/createOrder`,
method: 'post', method: 'post',
data: data data: data
}) })
@ -35,7 +35,7 @@ export default {
}, },
getOrderPayInfo(id) { getOrderPayInfo(id) {
return request({ return request({
url: `/${service_name}/${group_name}/getOrderPayInfoH5/${id}`, url: `/${service_name}/${group_name}/getOrderPayInfo/${id}`,
method: 'get' method: 'get'
}) })
}, },
@ -76,5 +76,5 @@ export default {
url: `/oil-finance/xoilUreaOrderRelation/queryBarrelOrderDetails?orderId=${id}`, url: `/oil-finance/xoilUreaOrderRelation/queryBarrelOrderDetails?orderId=${id}`,
method: 'get' method: 'get'
}) })
}, }
} }

37
src/permission.js
Unescape View File

@ -3,7 +3,7 @@ import useStore from './store/piniaIndex'
import { obtainUrlPathParameterTarget } from '@/utils/index.js' import { obtainUrlPathParameterTarget } from '@/utils/index.js'
import { getToken, removeToken } from '@/utils/auth' import { setToken, getToken, removeToken } from '@/utils/auth'
import { Notify } from 'vant' import { Notify } from 'vant'
let whiteList = ['/home'] let whiteList = ['/home']
@ -16,17 +16,25 @@ router.beforeEach(async (to, from, next) => {
// removeToken() // removeToken()
!whiteList.includes(to.path) && store.getPosition() !whiteList.includes(to.path) && store.getPosition()
// store.login({ username: '15098826302', networkId: '1522478429548756992' })
if (!token) { if (!token) {
// let paramsTarget = obtainUrlPathParameterTarget(location.href)
// sessionStorage.setItem('paramsTarget', JSON.stringify(paramsTarget))
// store.login(paramsTarget).then(
// () => {
// next()
// },
// () => {
// Notify('登陆失败，请退出重试')
// }
// )
let paramsTarget = obtainUrlPathParameterTarget(location.href) let paramsTarget = obtainUrlPathParameterTarget(location.href)
sessionStorage.setItem('paramsTarget', JSON.stringify(paramsTarget)) if (paramsTarget.token) {
store.login(paramsTarget).then( setToken(paramsTarget.token)
() => { store.getUser()
next() next()
}, } else Notify('登陆失败，请退出重试')
() => {
Notify('登陆失败，请退出重试')
}
)
return return
} }
@ -40,12 +48,13 @@ router.beforeEach(async (to, from, next) => {
// } // }
// } // }
//拦截 如果不是去首页 还没有token直接去首页 //拦截 如果不是去首页 还没有token直接去首页
if (to.path !== '/' && !token) { // if (to.path !== '/home' && !token) {
Notify('请检查登陆状态') // Notify('请检查登陆状态')
next({ path: '/' }) // next({ path: '/' })
} else { // } else {
// }
next() next()
}
}, 0) }, 0)
}) })

5
src/store/piniaIndex.js
Unescape View File

@ -119,13 +119,14 @@ const instance = defineStore('user', {
}) })
.then(res => { .then(res => {
if (res.code === 20000) { if (res.code === 20000) {
setToken(res.data.accessToken) // setToken(res.data.accessToken)
this.getUser() // this.getUser()
} }
}) })
} }
return Promise.reject() return Promise.reject()
}, },
clearToken() { clearToken() {
removeToken() removeToken()
} }

8
src/utils/request.js
Unescape View File

@ -63,8 +63,14 @@ service.interceptors.response.use(
// let paramsTargetJson = sessionStorage.getItem('paramsTarget') // let paramsTargetJson = sessionStorage.getItem('paramsTarget')
// let paramsTarget = JSON.parse(paramsTargetJson) // let paramsTarget = JSON.parse(paramsTargetJson)
// instance.login(paramsTarget).then(location.reload()) // instance.login(paramsTarget).then(location.reload())
// removeToken()
// location.reload()
Notify({
message: '登陆失败，请退出重试',
onClose: () => {
removeToken() removeToken()
location.reload() }
})
return return
} }
if (![20000].includes(res.code)) { if (![20000].includes(res.code)) {

147
src/views/cashier/cashierIndex.vue
Unescape View File

@ -1,24 +1,21 @@
<template> <template>
<div class="cashier"> <div class="cashier">
<div class="payment-time"> <div class="payment-time">
<div class="payment-number">￥{{Number(orderData.realAmount).toFixed(2)}}</div> <div class="payment-number">￥{{ Number(orderData.realAmount).toFixed(2) }}</div>
<div v-if="time!==0" class="time flex jc ac"> <div v-if="time !== 0" class="time flex jc ac">
支付时间剩余： 支付时间剩余：
<van-count-down style="color:#999999" format="mm:ss" :time="time" /> <van-count-down style="color: #999999" format="mm:ss" :time="time" />
</div>
<div style="color:#fe0505" class="time" v-else>
支付已过期
</div> </div>
<div style="color: #fe0505" class="time" v-else>支付已过期</div>
</div> </div>
<div class="payment-method"> <div class="payment-method">
<div @click="cardIndex = index" v-for="(item, index) in cardList" :key="index" class="payment-method-item flex bw ac"> <div @click="cardIndex = index" v-for="(item, index) in cardList" :key="index" class="payment-method-item flex bw ac">
<span>企业{{item.cardType?'外请':'自营'}}油卡支付（余额：{{item.balance?item.balance:0}}）</span> <span>企业{{ item.cardType ? '外请' : '自营' }}油卡支付（余额：{{ item.balance ? item.balance : 0 }}）</span>
<van-icon :color="cardIndex==index? '#ff6700' : '#C9C7C7' " name="success" /> <van-icon :color="cardIndex == index ? '#ff6700' : '#C9C7C7'" name="success" />
</div> </div>
</div> </div>
<detailsCard :title="'请提醒加油员使用 <span>“星油云站”</span> 进行订单核实'" :detailsList='detailsList'> <detailsCard :title="'请提醒加油员使用 <span>“星油云站”</span> 进行订单核实'" :detailsList="detailsList"> </detailsCard>
</detailsCard> <div @click="goplay" :class="time == 0 ? 'debgcolor' : ''" class="payment-footer flex ac jc">立即支付</div>
<div @click="goplay" :class="time==0?'debgcolor': '' " class="payment-footer flex ac jc">立即支付</div>
</div> </div>
</template> </template>
@ -31,10 +28,10 @@ export default {
}, },
data() { data() {
return { return {
cardIndex:0, cardIndex: 0,
cardList:[], cardList: [],
time: 600000, time: 600000,
orderData:null, orderData: null,
detailsCardTitle: {}, detailsCardTitle: {},
detailsList: [ detailsList: [
[ [
@ -44,7 +41,7 @@ export default {
valueStyle: { valueStyle: {
color: '' color: ''
} }
}, }
], ],
[ [
{ {
@ -58,7 +55,7 @@ export default {
{ {
lable: '加油升数：', lable: '加油升数：',
value: '100L' value: '100L'
}, }
], ],
[ [
@ -79,8 +76,7 @@ export default {
valueStyle: { valueStyle: {
color: '#FF0000' color: '#FF0000'
} }
}, }
], ],
[ [
{ {
@ -89,76 +85,91 @@ export default {
valueStyle: { valueStyle: {
color: '#FF0000' color: '#FF0000'
} }
}, }
] ]
] ]
} }
}, },
created(){ created() {
this.orderData = JSON.parse(this.$route.query.order); this.orderData = JSON.parse(this.$route.query.order)
this.time = this.getCountDownTime(this.orderData.createTime); console.log('this.orderData', this.orderData)
this.updateDetails(); this.time = this.getCountDownTime(this.orderData.createTime)
this.cardListFn(); this.updateDetails()
this.cardListFn()
}, },
methods:{ methods: {
cardListFn(){ cardListFn() {
let a = this.orderData.companyAccounts?this.orderData.companyAccounts.map(item=>{item['cardType'] = 0;return item}):[]; let a = this.orderData.companyAccounts
let b = this.orderData.otherAccounts?this.orderData.otherAccounts.map(item=>{item['cardType'] = 1;return item}):[]; ? this.orderData.companyAccounts.map(item => {
this.cardList = [...a,...b]; item['cardType'] = 0
return item
})
: []
let b = this.orderData.otherAccounts
? this.orderData.otherAccounts.map(item => {
item['cardType'] = 1
return item
})
: []
this.cardList = [...a, ...b]
}, },
updateDetails(){ updateDetails() {
this.detailsList[0][0].value = this.orderData.orderSerialNumber||'暂无数据'; this.detailsList[0][0].value = this.orderData.orderSerialNumber || '暂无数据'
this.detailsList[1][0].value = this.orderData.siteName||'暂无数据'; this.detailsList[1][0].value = this.orderData.siteName || '暂无数据'
this.detailsList[1][1].value = this.orderData.oilsCode + ' '+ this.orderData.oilsBar+'号枪' ||'暂无数据'; 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][2].value = Number(this.orderData.volume).toFixed(2) + 'L' || '暂无数据'
this.detailsList[2][0].value = '￥'+Number(this.orderData.xoilAmountGun).toFixed(2)|| '￥'+Number(this.orderData.baseRealPriceAmount).toFixed(2)||'暂无数据'; this.detailsList[2][0].value =
this.detailsList[2][1].value = '-￥'+Number(this.orderData.oilDiscountAmount).toFixed(2)||'-￥'+ Number(this.orderData.discountAmount).toFixed(2)||'暂无数据'; '￥' + Number(this.orderData.xoilAmountGun).toFixed(2) || '￥' + Number(this.orderData.baseRealPriceAmount).toFixed(2) || '暂无数据'
this.detailsList[2][2].value = '-￥'+Number(this.orderData.couponDiscountAmount).toFixed(2)||'暂无数据'; this.detailsList[2][1].value =
this.detailsList[3][0].value = '￥'+Number(this.orderData.realAmount).toFixed(2)||'暂无数据'; '-￥' + Number(this.orderData.oilDiscountAmount).toFixed(2) || '-￥' + Number(this.orderData.discountAmount).toFixed(2) || '暂无数据'
this.detailsList[2][2].value = '-￥' + Number(this.orderData.couponDiscountAmount).toFixed(2) || '暂无数据'
this.detailsList[3][0].value = '￥' + Number(this.orderData.realAmount).toFixed(2) || '暂无数据'
}, },
getCountDownTime(e){ getCountDownTime(e) {
let createTime = new Date(e); let createTime = new Date(e)
let nowTime = new Date(); let nowTime = new Date()
let difference = Date.parse(nowTime)- Date.parse(createTime); let difference = Date.parse(nowTime) - Date.parse(createTime)
let a = 600000; let a = 600000
return difference>a?0:a-difference return difference > a ? 0 : a - difference
}, },
async goplay(){ async goplay() {
if(!this.time) { if (!this.time) {
this.$notify('支付已过期') this.$notify('支付已过期')
return return
} }
let payData = { let payData = {
...this.cardList[this.cardIndex], ...this.cardList[this.cardIndex],
"orderSerialNumber": this.orderData.orderSerialNumber, //类型：String 必有字段 备注：订单编号 orderSerialNumber: this.orderData.orderSerialNumber, //类型：String 必有字段 备注：订单编号
"payChannel": "BALANCE_PAYMENT", //类型：String 必有字段 备注：支付渠道（BALANCE_PAYMENT：余额支付） payChannel: 'BALANCE_PAYMENT', //类型：String 必有字段 备注：支付渠道（BALANCE_PAYMENT：余额支付）
"orderMethod": "CUSTOMER_ACTIVE", //类型：String 必有字段 备注：订单产生方式（CUSTOMER_ACTIVE：客户扫码支付：客户扫描油站二维码完成支付） orderMethod: 'CUSTOMER_ACTIVE', //类型：String 必有字段 备注：订单产生方式（CUSTOMER_ACTIVE：客户扫码支付：客户扫描油站二维码完成支付）
"createSource": "XOIL_DRIVER_COMPANY_WECHAT_APPLET", createSource: 'XOIL_DRIVER_COMPANY_WECHAT_APPLET',
oilCardType:-1 oilCardType: -1
} }
let orderType = false let orderType = false
oilOrderApi.payOrder(payData).then(res=>{ oilOrderApi
if(res.code==20000){ .payOrder(payData)
.then(res => {
if (res.code == 20000) {
orderType = true orderType = true
} }
}).finally((e)=>{ })
.finally(e => {
this.$router.push({ this.$router.push({
name:'paymentl', name: 'paymentl',
query:{ query: {
orderData:JSON.stringify(this.orderData), orderData: JSON.stringify(this.orderData),
type:JSON.stringify(orderType) type: JSON.stringify(orderType)
} }
}) })
}) })
} }
} }
}; }
</script> </script>
<style scoped> <style scoped>
.debgcolor{ .debgcolor {
background-color: #999999 !important; background-color: #999999 !important;
} }
.payment-time { .payment-time {
@ -166,7 +177,6 @@ export default {
} }
.payment-details-item-row-lable { .payment-details-item-row-lable {
color: #999999; color: #999999;
} }
@ -175,17 +185,16 @@ export default {
} }
.payment-details-item:first-child { .payment-details-item:first-child {
margin-top: 0q; margin-top: 0Q;
} }
.payment-details-item:last-child { .payment-details-item:last-child {
border-bottom: dashed 0px #B9B9B9; border-bottom: dashed 0px #b9b9b9;
} }
.payment-details-item { .payment-details-item {
box-sizing: border-box; box-sizing: border-box;
border-bottom: dashed 1px #B9B9B9; border-bottom: dashed 1px #b9b9b9;
padding-bottom: 20px; padding-bottom: 20px;
margin-top: 20px; margin-top: 20px;
} }
@ -198,13 +207,13 @@ export default {
} }
.payment-details-title span { .payment-details-title span {
color: #FF6700; color: #ff6700;
} }
.payment-details-title { .payment-details-title {
width: 690px; width: 690px;
height: 82px; height: 82px;
background: #F6F6F6; background: #f6f6f6;
box-shadow: 5px 5px 0px 1px rgba(0, 0, 0, 0.0118); box-shadow: 5px 5px 0px 1px rgba(0, 0, 0, 0.0118);
border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;
opacity: 1; opacity: 1;

Write Preview
Loading…
Cancel
Save