252 lines
7.4 KiB
Vue
252 lines
7.4 KiB
Vue
<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>
|