佰川加油
This commit is contained in:
caolc
251
BagStation/orderInvoicing/orderInvoicing.vue
Normal file
251
BagStation/orderInvoicing/orderInvoicing.vue
Normal file
@@ -0,0 +1,251 @@
|
||||
<template>
|
||||
<view class=" ">
|
||||
<cu-custom class="main-totextbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
|
||||
<block slot="backText">返回</block>
|
||||
<block slot="content">申请开发票</block>
|
||||
</cu-custom>
|
||||
<view class="bg-main-oil padding-bottom-xl padding">
|
||||
<view class="ext-center text-lg padding-sm ">
|
||||
开票金额 ：{{realAmount}}
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
class="text-center shadow radius move-top bg-gray margin margin-top-0 margin-bottom-sm bg-white text-bold text-xl padding-lg">
|
||||
<view class="Invoicing-header">
|
||||
<view class="Invoicing-header-text text-df">
|
||||
开票信息
|
||||
</view>
|
||||
</view>
|
||||
<uni-forms ref="form" :rules="rules">
|
||||
<uni-forms-item label="" class='cu-form-group fixed-group' name="">
|
||||
<view class=" text-df">发票类型</view>
|
||||
<view class=" text-df margin-left-lg"> 普通电子发票 </view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group fixed-group' name="">
|
||||
<view class=" text-df">抬头类型</view>
|
||||
<view class=" text-df margin-left-lg"> 企业 </view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df">发票抬头</view>
|
||||
<input placeholder="请输入发票抬头" name="input" class=" text-df text-left margin-left-lg"
|
||||
v-model="Invoicing.invoicName"></input>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df margin-right-lg">税 号</view>
|
||||
<input placeholder="请输入税号" name="input" class=" text-df text-left margin-left-xl"
|
||||
v-model="Invoicing.invoicTaxIdentiNumber"></input>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df">公司地址</view>
|
||||
<input placeholder="请输入公司地址" name="input" class=" text-df text-left margin-left-lg"
|
||||
v-model="Invoicing.invoicAddress"></input>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df">电话号码</view>
|
||||
<input placeholder="请输入电话号码" name="input" class=" text-df text-left margin-left-lg"
|
||||
v-model="Invoicing.invoicTel"></input>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df">开户银行</view>
|
||||
<input placeholder="请输入开户银行" name="input" class=" text-df text-left margin-left-lg"
|
||||
v-model="Invoicing.invoicOpenBank"></input>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df">银行账号</view>
|
||||
<input placeholder="请输入银行账号" name="input" class=" text-df text-left margin-left-lg"
|
||||
v-model="Invoicing.invoicBankNumber"></input>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df">发票备注</view>
|
||||
<input placeholder="请输入发票备注" name="input" class=" text-df text-left margin-left-lg"
|
||||
v-model="Invoicing.remark"></input>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
<view class="text-center shadow radius margin bg-white text-bold text-xl padding-lg">
|
||||
<view class="Invoicing-header">
|
||||
<view class="Invoicing-header-text text-df">
|
||||
接收信息
|
||||
</view>
|
||||
</view>
|
||||
<uni-forms ref="form" :rules="rules">
|
||||
<uni-forms-item label="" class='cu-form-group' name="">
|
||||
<view class=" text-df">电子邮箱</view>
|
||||
<input placeholder="请输入电子邮箱" name="input" class="text-df text-left margin-left-lg"
|
||||
v-model="Invoicing.invoicEmail"></input>
|
||||
|
||||
</uni-forms-item>
|
||||
<view class="text-xs text-left padding-left-sm text-red">
|
||||
请仔细核验邮箱号是否正确
|
||||
</view>
|
||||
</uni-forms>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
<view class="cu-btn width-50 text-lg height-80 padding text-center" @tap="backtodetail">
|
||||
取消
|
||||
</view>
|
||||
<view @tap="saveInvoicRecord"
|
||||
class="cu-btn width-50 text-lg height-80 padding text-center bg-red text-white">
|
||||
提交
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import financelApi from '@/api/oil-finance.js'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
code: 0,
|
||||
realAmount: null,
|
||||
InvoiceType: '普通电子发票',
|
||||
InvoiceHeader: '企业',
|
||||
orderId: '',
|
||||
Invoicing: { //发票信息
|
||||
customerId: '',
|
||||
invoicName: '', //发票抬头
|
||||
invoicTaxIdentiNumber: '', //税号
|
||||
invoicAddress: '', //公司地址
|
||||
invoicTel: '', //公司电话号码
|
||||
invoicOpenBank: '', //开户银行
|
||||
invoicBankNumber: '', //银行账号
|
||||
remark: '', //发票备注
|
||||
invoicEmail: '', //电子邮箱,
|
||||
orderSerialNumber: '' //订单编号
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
console.log(options);
|
||||
|
||||
this.Invoicing.orderSerialNumber = options.orderId
|
||||
this.orderId = options.orderId
|
||||
this.Invoicing.customerId = options.customerId
|
||||
let realAmount = options.payRealAmount
|
||||
console.log(realAmount,'++++++++++++')
|
||||
this.code = options.code
|
||||
if (options.code == 2) {
|
||||
this.getchange(realAmount)
|
||||
} else if (options.code == 1) {
|
||||
this.realAmount = realAmount
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
backtodetail() {
|
||||
uni.switchTab({
|
||||
url: '../../pages/tabbar/order/orderList/orderList'
|
||||
})
|
||||
},
|
||||
getchange(realAmount) {
|
||||
console.log(realAmount)
|
||||
let _that = this
|
||||
financelApi.getRecordByOrderId(this.orderId).then((res) => {
|
||||
console.log('这里是修改处')
|
||||
console.log(res)
|
||||
_that.realAmount = parseFloat(realAmount)
|
||||
console.log(_that.realAmoun)
|
||||
_that.Invoicing = res.data
|
||||
})
|
||||
},
|
||||
saveInvoicRecord() {
|
||||
console.log(this.code)
|
||||
if (this.code == 1) {
|
||||
console.log('这里是发布')
|
||||
console.log(this.Invoicing)
|
||||
financelApi.save( Object.assign(this.Invoicing,{invoicAmount:this.realAmount}) ).then((res) => {
|
||||
if (res.code == 20000) {
|
||||
if (res.data != null && res.data.remark != null) {
|
||||
uni.showToast({
|
||||
title: res.data.remark,
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/BagStation/InvoiceProgress/InvoiceProgress?orderId=' + this
|
||||
.Invoicing.orderSerialNumber
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
} else if (this.code == 2) {
|
||||
console.log('这里是更新')
|
||||
financelApi.orderUpdate(Object.assign(this.Invoicing,{invoicAmount:this.realAmount})).then((res) => {
|
||||
console.log(res)
|
||||
if (res.code == 20000) {
|
||||
if (res.data != null && res.data.remark != null) {
|
||||
uni.showToast({
|
||||
title: res.data.remark,
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/BagStation/InvoiceProgress/InvoiceProgress?orderId=' + this
|
||||
.Invoicing.orderSerialNumber
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.fixed-group {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
. {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.Invoicing-header {
|
||||
border-bottom: 2upx solid #efefef;
|
||||
padding-bottom: 2%;
|
||||
padding-left: 2%;
|
||||
}
|
||||
|
||||
.Invoicing-header-text {
|
||||
border-left: 6upx solid #007AFF;
|
||||
text-align: left;
|
||||
color: #333333;
|
||||
padding-left: 2%;
|
||||
}
|
||||
|
||||
.move-top {
|
||||
margin-top: -2rem;
|
||||
}
|
||||
|
||||
.width-50 {
|
||||
width: 50%;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.height-80 {
|
||||
height: 80upx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user