You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
5.9 KiB
145 lines
5.9 KiB
<template>
|
|
<view class="invoiceIssuance">
|
|
<view class="head-box"></view>
|
|
<Navbar :title="$t('pages_order.invoice_issuance.title')" :autoBack="true" :bgColor="bgColor" leftIconSize="18px" height="100rpx" :leftIconColor="leftIconColor" :titleStyle="{color:fontColor}" /><!-- 申请开票 -->
|
|
<view class="content contentPosition_">
|
|
<view class="info cardStyle_">
|
|
<view class="left">
|
|
<image src="https://img0.baidu.com/it/u=4274003247,920124130&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1031" alt="" />
|
|
</view>
|
|
<view class="right">
|
|
<view class="detailed">
|
|
<view class="title">{{$ot(activityItem, 'active', 'title')}}</view>
|
|
<view class="date">{{activityItem.startTime}}</view>
|
|
<view class="address">{{$ot(activityItem, 'active', 'address')}}</view>
|
|
</view>
|
|
<view class="price"><text>{{$t('pages_order.invoice_issuance.total')}}</text>¥{{activityItem.price}}</view><!-- 总计 -->
|
|
</view>
|
|
</view>
|
|
<view class="choice">
|
|
<uv-radio-group
|
|
siz="300"
|
|
labelSize="25rpx"
|
|
iconSize="25rpx"
|
|
v-model="radioValue"
|
|
placement="column"
|
|
shape="square"
|
|
labelColor="#fff"
|
|
activeColor="#FF4546"
|
|
iconPlacement="right">
|
|
<uv-radio name="0" :label="$t('pages_order.invoice_issuance.individual')"></uv-radio><!-- 个人 -->
|
|
<uv-radio name="1" :label="$t('pages_order.invoice_issuance.enterprise')"></uv-radio><!-- 企业 -->
|
|
</uv-radio-group>
|
|
</view>
|
|
<view class="iptInfo" v-if="radioValue">
|
|
<uv-form-item :label="radioValue === '0' ? $t('pages_order.invoice_issuance.name') : $t('pages_order.invoice_issuance.enterprise_name')" labelWidth="180rpx" borderBottom><!-- 姓名/企业名称 -->
|
|
<uv-input :placeholder="$t('pages_order.invoice_issuance.please_enter')" fontSize="29rpx" color="#fff" v-model="invoicingInfo.name" border="none"></uv-input><!-- 请输入内容 -->
|
|
</uv-form-item>
|
|
<uv-form-item :label="radioValue === '0' ? $t('pages_order.invoice_issuance.id_number') : $t('pages_order.invoice_issuance.tax_number')" labelWidth="180rpx" borderBottom><!-- 身份证号/税号 -->
|
|
<uv-input :placeholder="$t('pages_order.invoice_issuance.please_enter')" fontSize="29rpx" color="#fff" v-model="invoicingInfo.no" border="none"></uv-input><!-- 请输入内容 -->
|
|
</uv-form-item>
|
|
<uv-form-item :label="$t('pages_order.invoice_issuance.email')" labelWidth="180rpx" borderBottom><!-- 邮箱 -->
|
|
<uv-input :placeholder="$t('pages_order.invoice_issuance.please_enter')" fontSize="29rpx" color="#fff" v-model="invoicingInfo.emil" border="none"></uv-input><!-- 请输入内容 -->
|
|
</uv-form-item>
|
|
</view>
|
|
<view style="padding: 0 35rpx 65rpx;">
|
|
<uv-button @click="toInvoiceRecords" :custom-style="customStyle" type="primary" shape="circle" color="#381615" :text="$t('pages_order.invoice_issuance.apply')"></uv-button><!-- 申请 -->
|
|
</view>
|
|
<uv-toast ref="toast"></uv-toast>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import Navbar from '@/pages/components/Navbar.vue'
|
|
import { globalMixin } from '../pages/mixins/globalMixin';
|
|
export default{
|
|
mixins: [globalMixin],
|
|
components:{
|
|
Navbar
|
|
},
|
|
data() {
|
|
return {
|
|
orderId: '',
|
|
radioValue: '0',
|
|
invoicingInfo: {
|
|
name: '',
|
|
no: '',
|
|
emil: ''
|
|
},
|
|
activityItem:{}
|
|
}
|
|
},
|
|
onLoad({orderId}) {
|
|
this.orderId = orderId
|
|
console.log("发票标识："+orderId)
|
|
this.toOrderDetails("orderId");
|
|
},
|
|
methods: {
|
|
//查询订单详情信息
|
|
toOrderDetails(orderId) {
|
|
this.$api('orderInfo',{orderId:this.orderId},res=>{
|
|
if(res.code == 200) {
|
|
this.activityItem = res.result.orderDetails
|
|
}
|
|
})
|
|
},
|
|
toInvoiceRecords() {
|
|
let params = {}
|
|
params = this.invoicingInfo;
|
|
params.orderId = this.orderId
|
|
console.log(params);
|
|
this.$api('invoice', params, res=> {
|
|
if (res.code == 200) {
|
|
this.$refs.toast.show({
|
|
type: 'success',
|
|
message: res.result
|
|
})
|
|
setTimeout(uni.redirectTo, 800, {
|
|
url: '/pages_order/invoiceRecords'
|
|
})
|
|
}
|
|
})
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.invoiceIssuance {
|
|
.content {
|
|
margin-top: 40rpx;
|
|
.info {
|
|
margin: 10rpx 32rpx 0rpx;
|
|
border-radius: 26rpx;
|
|
}
|
|
.choice {
|
|
/deep/.uv-radio-group {
|
|
margin: 32px 32rpx 40rpx;
|
|
.uv-radio {
|
|
color: #fff;
|
|
padding: 45rpx 35rpx;
|
|
background: $uni-color-card-background;
|
|
border-radius: 26rpx;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
.uv-radio__icon-wrap {
|
|
width: 32rpx!important;
|
|
height: 32rpx!important;
|
|
}
|
|
}
|
|
}
|
|
.iptInfo {
|
|
background: $uni-color-card-background;
|
|
padding: 41rpx 46rpx 60rpx;
|
|
margin: 32px 32rpx 40rpx;
|
|
border-radius: 26rpx;
|
|
/deep/.uv-form-item__body__left__content__label {
|
|
color: #fff!important;
|
|
font-size: 32rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
</style>
|