合并开发票跳转的逻辑完善，填写发票信息的静态页面和订单详情接口对接，提交接口的对接
This commit is contained in:
parent
4bcbc1494c
commit
96dda0b4c1
@ -2,14 +2,22 @@
|
|||||||
<!-- <view>填写发票信息</view> -->
|
<!-- <view>填写发票信息</view> -->
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="invoiceInfo">
|
<view class="invoiceInfo">
|
||||||
<view class="invoiceList-item flex">
|
<view class="invoiceList-item flex" v-if="num == 1">
|
||||||
<view class="item-img">
|
<view class="item-img">
|
||||||
<image style="width: 170rpx;height: 170rpx;border-radius: 20rpx;" src="../../static/index/about.png"
|
<!-- <image style="width: 170rpx;height: 170rpx;border-radius: 20rpx;" src="../../static/index/about.png"
|
||||||
mode=""></image>
|
mode=""></image> -->
|
||||||
|
<image style="width: 170rpx;height: 170rpx;border-radius: 20rpx;" :src="detail.images[0]" mode="">
|
||||||
|
</image>
|
||||||
</view>
|
</view>
|
||||||
<view class="item-con">
|
<view class="item-con">
|
||||||
<view class="itenCon-actName" style="">活动名</view>
|
<view class="itenCon-actName" style="">{{detail.title}}</view>
|
||||||
<view class="itenCon-actPrice" style="">￥ 价格</view>
|
<view class="itenCon-actPrice" style="">￥ {{detailAny.payprice}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-else>
|
||||||
|
<view style="color: #3D3D3D;font-size: 26rpx;font-weight: 400;margin-top: 10rpx;">已选择{{num}}个订单 预计发票金额：￥
|
||||||
|
43.25</view>
|
||||||
|
<view style="color: #999999;font-size: 26rpx;font-weight: 400;margin-top: 10rpx;">预计金额仅作为参考，请以合并后的实际金额为准
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -17,73 +25,126 @@
|
|||||||
<view style="height: auto;">
|
<view style="height: auto;">
|
||||||
<u-form :model="form" :rules="rules" ref="uForm" label-width="auto" labelPostition="left">
|
<u-form :model="form" :rules="rules" ref="uForm" label-width="auto" labelPostition="left">
|
||||||
<view class="formBox">
|
<view class="formBox">
|
||||||
<u-form-item label="发票类型" prop="username">
|
<u-form-item label="发票类型" prop="invoice_type">
|
||||||
<view class="typeBOx">
|
<view class="typeBOx" style="width: 800rpx;justify-content: center;">
|
||||||
<view class="normalInv">
|
<view class="normalInv" @click="handleHeadTp1()">
|
||||||
<view class="typeImgs">
|
<view class="typeImgs">
|
||||||
<image style="width: 44rpx;height: 44rpx;" src="../../static/fabu/check.png" mode=""></image>
|
<image v-if="form.invoice_type == 'ordinary'" style="width: 44rpx;height: 44rpx;"
|
||||||
<image style="width: 44rpx;height: 44rpx;" src="../../static/fabu/nocheck.png" mode=""></image>
|
src="../../static/fabu/check.png" mode=""></image>
|
||||||
|
<image v-else style="width: 44rpx;height: 44rpx;"
|
||||||
|
src="../../static/fabu/nocheck.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="typeText">普通发票</view>
|
<view class="typeText">普通发票</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="specialInv"></view>
|
<view class="specialInv" @click="handleHeadTp2()">
|
||||||
|
<view class="typeImgs">
|
||||||
|
<image v-if="form.invoice_type == 'special'" style="width: 44rpx;height: 44rpx;"
|
||||||
|
src="../../static/fabu/check.png" mode=""></image>
|
||||||
|
<image v-else style="width: 44rpx;height: 44rpx;"
|
||||||
|
src="../../static/fabu/nocheck.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="typeText">专用发票</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item label="发票内容" prop="password" required>
|
<u-form-item label="发票内容" prop="password">
|
||||||
<image style="width: 38rpx;height: 38rpx;" src="/static/tips.png" mode=""></image>
|
<view class="typeBOx" style="width: 400rpx;justify-content: flex-end;">
|
||||||
|
<view class="normalInv">
|
||||||
|
<view class="typeImgs">
|
||||||
|
<image style="width: 44rpx;height: 44rpx;" src="../../static/fabu/check.png"
|
||||||
|
mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="typeText">商品明细</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- <image style="width: 38rpx;height: 38rpx;" src="/static/tips.png" mode=""></image> -->
|
||||||
<!-- <u-input inputAlign="right" v-model="form.password" placeholder="请输入密码" border="none"/> -->
|
<!-- <u-input inputAlign="right" v-model="form.password" placeholder="请输入密码" border="none"/> -->
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item label="抬头类型" prop="confirmPassword" required>
|
<u-form-item label="抬头类型" prop="head_type">
|
||||||
<!-- name和range-key绑定的值都是抬头类型的字段-->
|
<view class="typeBOx" style="width: 219px;justify-content: flex-end;">
|
||||||
<picker @change="clickUpTypeShow" name="isUpType" :value="upTypelist" :range="upTypelist" range-key="isUpType">
|
<view class="normalInv" v-if="form.invoice_type == 'ordinary' || form.invoice_type == ''"
|
||||||
<view class="form_right">
|
@click="handlePerson()">
|
||||||
请选择抬头类型
|
<view class="typeImgs">
|
||||||
|
<image v-if="form.head_type == 'personal'" style="width: 44rpx;height: 44rpx;"
|
||||||
|
src="../../static/fabu/check.png" mode=""></image>
|
||||||
|
<image v-else style="width: 44rpx;height: 44rpx;"
|
||||||
|
src="../../static/fabu/nocheck.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="typeText">个人或事业单位</view>
|
||||||
|
</view>
|
||||||
|
<view class="specialInv" @click="handleCompany()">
|
||||||
|
<view class="typeImgs">
|
||||||
|
<image v-if="form.head_type == 'corporate'" style="width: 44rpx;height: 44rpx;"
|
||||||
|
src="../../static/fabu/check.png" mode=""></image>
|
||||||
|
<image v-else style="width: 44rpx;height: 44rpx;"
|
||||||
|
src="../../static/fabu/nocheck.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="typeText">企业</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item label="发票抬头" prop="">
|
||||||
|
<view class="form_right" @click="openHeadShow()">
|
||||||
|
选择预设抬头类型
|
||||||
<u-icon name="arrow-right"></u-icon>
|
<u-icon name="arrow-right"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
</picker>
|
|
||||||
|
|
||||||
|
<!-- name和range-key绑定的值都是抬头类型的字段-->
|
||||||
|
<!-- <picker @change="clickUpTypeShow" name="invoice_header" :value="upTypelist" :range="upTypelist" range-key="invoice_header">
|
||||||
|
<view class="form_right">
|
||||||
|
选择预设抬头类型
|
||||||
|
<u-icon name="arrow-right"></u-icon>
|
||||||
|
</view>
|
||||||
|
</picker> -->
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item label="发票抬头" prop="email">
|
<u-form-item label="抬头名称" prop="invoice_header" required>
|
||||||
<u-input inputAlign="right" v-model="form.email" placeholder="请输入邮箱" border="none"/>
|
<u-input inputAlign="right" v-model="form.invoice_header" type="number" placeholder="请输入抬头名称"
|
||||||
|
border="none" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
<u-form-item label="单位税号" prop="tax_id" v-if="form.head_type == 'corporate'">
|
||||||
<u-form-item label="抬头名称" prop="age">
|
<u-input inputAlign="right" v-model="form.tax_id" type="number" placeholder="请输入单位税号"
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="请输入抬头名称" border="none"/>
|
border="none" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="单位税号" prop="age">
|
<u-form-item label="注册地址" prop="enterprise_address" v-if="form.head_type == 'corporate'">
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="请输入单位税号" border="none"/>
|
<u-input inputAlign="right" v-model="form.enterprise_address" type="number" placeholder="必填"
|
||||||
|
border="none" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="注册地址" prop="age">
|
<u-form-item label="注册电话" prop="enterprise_phone" v-if="form.invoice_type == 'special'">
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="必填" border="none"/>
|
<u-input inputAlign="right" v-model="form.enterprise_phone" type="number" placeholder="必填"
|
||||||
|
border="none" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="注册电话" prop="age">
|
<u-form-item label="开户银行" prop="bank_deposit" v-if="form.head_type == 'corporate'">
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="必填" border="none"/>
|
<u-input inputAlign="right" v-model="form.bank_deposit" type="number" placeholder="必填"
|
||||||
|
border="none" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="开户银行" prop="age">
|
<u-form-item label="银行账号" prop="bank_number" v-if="form.head_type == 'corporate'">
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="必填" border="none"/>
|
<u-input inputAlign="right" v-model="form.bank_number" type="number" placeholder="必填"
|
||||||
</u-form-item>
|
border="none" />
|
||||||
<u-form-item label="银行账号" prop="age">
|
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="必填" border="none"/>
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view style="background-color: #f5f5f5;height: 40rpx;"></view> -->
|
<!-- <view style="background-color: #f5f5f5;height: 40rpx;"></view> -->
|
||||||
|
|
||||||
<view class="recipientInfo" >
|
<view class="recipientInfo">
|
||||||
<u-form-item label="手机号" prop="age">
|
<u-form-item label="手机号" prop="invoice_reservation_phone" required>
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="请输入手机号" border="none"/>
|
<u-input inputAlign="right" v-model="form.invoice_reservation_phone" type="number"
|
||||||
|
placeholder="请输入发票预留手机号" border="none" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="邮箱地址" prop="age">
|
<u-form-item label="邮箱地址" prop="invoice_reservation_email" required>
|
||||||
<u-input inputAlign="right" v-model="form.age" type="number" placeholder="请输入邮箱地址" border="none"/>
|
<u-input inputAlign="right" v-model="form.invoice_reservation_email" type="number"
|
||||||
|
placeholder="请输入发票预留邮箱" border="none" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<!--<u-form-item>
|
<!--<u-form-item>
|
||||||
<u-button type="primary" @click="submit">申请开票</u-button>
|
<u-button type="primary" @click="submit">申请开票</u-button>
|
||||||
<u-button @click="reset" style="margin-left: 30rpx">重置</u-button>
|
|
||||||
</u-form-item>-->
|
</u-form-item>-->
|
||||||
|
|
||||||
|
|
||||||
@ -95,8 +156,79 @@
|
|||||||
|
|
||||||
<!-- 提交按钮 -->
|
<!-- 提交按钮 -->
|
||||||
<view class="footer-btn">
|
<view class="footer-btn">
|
||||||
<u-button color="#323232" shape="circle">申请开票</u-button>
|
<view class="invoiceBtn" @click.stop="submit()">
|
||||||
|
<view>申请开票</view>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<u-popup :show="headShow" :round="22" mode="bottom" @close="closeHeadShow" @open="openHeadShow"
|
||||||
|
:custom-style="popupStyletk">
|
||||||
|
<view class="popup_tkall">
|
||||||
|
<view class="popup_tk">选择预设抬头</view>
|
||||||
|
<scroll-view scroll-y="true" class="popup-content">
|
||||||
|
<view class="manageList" v-for="(item,index) in headList" :key="index">
|
||||||
|
<!-- 专用 -->
|
||||||
|
<view class="manageList-itemSpec" @click="selectHead(item,index)" style="">
|
||||||
|
<view class="manage-type" v-if="item.head_type == 'corporate'">专用发票抬头</view>
|
||||||
|
<view class="manage-type" v-else>个人发票抬头</view>
|
||||||
|
<view class="manageLine"></view>
|
||||||
|
<view class="manageCon">
|
||||||
|
<view class="messContext">
|
||||||
|
<view class="textFir">
|
||||||
|
<view class="defaultBox" v-if="item.is_default == 1">默认</view>
|
||||||
|
<view class="manageName">{{item.invoice_header}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="textSec">{{item.tax_id}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="manageEdit">
|
||||||
|
<image style="width: 50rpx;height: 50rpx;" src="/static/invoice/manageEdit.png"
|
||||||
|
mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 个人
|
||||||
|
<view class="manageList-itemPer">
|
||||||
|
<view class="manage-type">个人发票抬头</view>
|
||||||
|
<view class="manageLine"></view>
|
||||||
|
<view class="manageCon">
|
||||||
|
<view class="messContext">
|
||||||
|
<view class="textFir">
|
||||||
|
<view class="defaultBox">
|
||||||
|
默认</view>
|
||||||
|
<view class="manageName">洛阳灵睿网络技术有限公司</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="manageEdit">
|
||||||
|
<image style="width: 50rpx;height: 50rpx;" src="/static/invoice/manageEdit.png"
|
||||||
|
mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
-->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<view class="popup-footer">
|
||||||
|
<view class="headBtn" style="width: 90%;height: 90rpx;background-color: #323232;border-radius: 148rpx;color: #BBFC5B;font-size: 36rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 50rpx;
|
||||||
|
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||||||
|
text-transform: none;
|
||||||
|
font-style: normal;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 66rpx;">
|
||||||
|
<view>添加抬头</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -105,82 +237,306 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
upTypelist:[],//抬头类型列表
|
popupStyletk: {
|
||||||
id:1,
|
width: '710rpx',
|
||||||
order_no:'',
|
padding: '24rpx 24rpx 42rpx 24rpx',
|
||||||
|
height: '800rpx',
|
||||||
|
margin: '0 auto', // 水平居中
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'start',
|
||||||
|
alignItems: 'center',
|
||||||
|
flexColumn: 'column'
|
||||||
|
},
|
||||||
|
style: {
|
||||||
|
// 字符串的形式
|
||||||
|
img: 'width: 100%'
|
||||||
|
},
|
||||||
|
upTypelist: [], //抬头类型列表
|
||||||
|
id: 0,
|
||||||
|
order_no: '',
|
||||||
|
order_nos: '',
|
||||||
|
num: '',
|
||||||
form: {
|
form: {
|
||||||
username: '',
|
order_nos: '',
|
||||||
password: '',
|
head_type: '',
|
||||||
confirmPassword: '',
|
invoice_type: '',
|
||||||
email: '',
|
invoice_header: '',
|
||||||
age: ''
|
tax_id: '',
|
||||||
|
bank_deposit: '',
|
||||||
|
bank_number: '',
|
||||||
|
enterprise_address: '',
|
||||||
|
enterprise_phone: '',
|
||||||
|
invoice_reservation_phone: '',
|
||||||
|
invoice_reservation_email: ''
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
username: [{
|
// invoice_type: [{
|
||||||
|
// required: true,
|
||||||
|
// message: '请选择发票类型',
|
||||||
|
// trigger: 'blur'
|
||||||
|
// }],
|
||||||
|
invoice_header: [{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入用户名',
|
// type: 'invoice_header',
|
||||||
trigger: 'blur'
|
message: '请输入抬头名称',
|
||||||
},
|
|
||||||
{
|
|
||||||
min: 3,
|
|
||||||
max: 10,
|
|
||||||
message: '用户名长度在3到10个字符',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
|
|
||||||
email: [{
|
|
||||||
type: 'email',
|
|
||||||
message: '邮箱格式不正确',
|
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}],
|
}],
|
||||||
age: [{
|
// invoice_type: [{
|
||||||
type: 'number',
|
// required: true,
|
||||||
message: '年龄必须为数字',
|
// // type: 'invoice_type',
|
||||||
|
// message: '请选择抬头类型',
|
||||||
|
// trigger: 'blur'
|
||||||
|
// }],
|
||||||
|
invoice_reservation_phone: [{
|
||||||
|
required: true,
|
||||||
|
// type: 'invoice_reservation_phone',
|
||||||
|
message: '请输入发票预留手机号',
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
|
}],
|
||||||
|
invoice_reservation_email: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入发票预留邮箱',
|
||||||
|
trigger: 'blur'
|
||||||
|
}],
|
||||||
},
|
},
|
||||||
{
|
detail: '', //第二个detail
|
||||||
min: 18,
|
detailAny: '', //第一个detail
|
||||||
max: 60,
|
qrimages: '',
|
||||||
type: 'number',
|
headShow: false, //预设抬头的遮罩
|
||||||
message: '年龄必须在18到60岁之间',
|
page: 1,
|
||||||
trigger: 'blur'
|
limit: 10,
|
||||||
}
|
headList: [],
|
||||||
]
|
selectHeadIndex: null,
|
||||||
}
|
// keywords: '',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
// this.userInfo = uni.getStorageSync("userInfo")
|
console.log('options:', options.num, options.order_nos);
|
||||||
|
this.num = options.num
|
||||||
|
this.order_nos = options.order_nos
|
||||||
|
if (this.num == 1) {
|
||||||
this.id = options.id
|
this.id = options.id
|
||||||
this.order_no = options.order_no
|
console.log('id1', this.id);
|
||||||
console.log('id:',this.id,'order_no:',this.order_no);
|
this.getOrderInfo();
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
submit() {
|
|
||||||
this.$refs.uForm.validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
uni.showToast({
|
|
||||||
title: '提交成功',
|
|
||||||
icon: 'success'
|
|
||||||
})
|
|
||||||
console.log('表单数据:', this.form)
|
|
||||||
} else {
|
|
||||||
console.log('验证失败')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
reset() {
|
|
||||||
this.$refs.uForm.resetFields()
|
|
||||||
}
|
}
|
||||||
|
console.log('num:', this.num, 'order_nos:', this.order_nos);
|
||||||
},
|
},
|
||||||
onReady() {
|
onReady() {
|
||||||
this.$refs.uForm.setRules(this.rules)
|
console.log('设置规则:', this.rules);
|
||||||
|
this.$refs.uForm.setRules(this.rules);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getOrderInfo() {
|
||||||
|
console.log('id', this.id);
|
||||||
|
uni.$u.http.get('/api/school.newactivity.order/detail', {
|
||||||
|
params: {
|
||||||
|
id: this.id,
|
||||||
}
|
}
|
||||||
|
}).then(res => {
|
||||||
|
if (res.code == 1) {
|
||||||
|
this.detail = res.data.detail.detail;
|
||||||
|
|
||||||
|
// this.qrList = res.data.detail.ordercode;
|
||||||
|
this.qrimages = res.data.detail.ordercode;
|
||||||
|
this.detailAny = res.data.detail;
|
||||||
|
// this.generateAllQRCodes()
|
||||||
|
console.log('qrimages:', this.qrimages);
|
||||||
|
console.log('detailAny:', this.detailAny);
|
||||||
|
console.log('detail:', this.detail);
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: res.msg,
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch(error => {});
|
||||||
|
},
|
||||||
|
handleHeadTp1() {
|
||||||
|
this.form.invoice_type = 'ordinary'
|
||||||
|
console.log('1-1', this.form.invoice_type);
|
||||||
|
},
|
||||||
|
handleHeadTp2() {
|
||||||
|
// this.$set(this.form.invoice_type = 'special')
|
||||||
|
this.form.invoice_type = 'special'
|
||||||
|
console.log('2-2', this.form.invoice_type);
|
||||||
|
},
|
||||||
|
handlePerson() {
|
||||||
|
console.log('1');
|
||||||
|
this.form.head_type = 'personal'
|
||||||
|
},
|
||||||
|
handleCompany() {
|
||||||
|
console.log('2');
|
||||||
|
this.form.head_type = 'corporate'
|
||||||
|
},
|
||||||
|
openHeadShow() {
|
||||||
|
this.headShow = true;
|
||||||
|
this.getHeadList();
|
||||||
|
},
|
||||||
|
closeHeadShow() {
|
||||||
|
this.headShow = false;
|
||||||
|
},
|
||||||
|
getHeadList() {
|
||||||
|
uni.$u.http.get('/api/school.header/header_list', {
|
||||||
|
params: {
|
||||||
|
// keywords: this.keywords,
|
||||||
|
page: this.page,
|
||||||
|
limit: this.limit,
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
if (res.code == 1) {
|
||||||
|
console.log('res:', res);
|
||||||
|
this.headList = res.data.list
|
||||||
|
console.log('headlist', this.headList[2]);
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: res.msg,
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch(error => {});
|
||||||
|
},
|
||||||
|
selectHead(item, index) {
|
||||||
|
console.log('index:', index, 'item:', item.head_type);
|
||||||
|
this.form.head_type = item.head_type
|
||||||
|
console.log('this.form.head_type', this.form.head_type);
|
||||||
|
// if(this.form.head_type == 'ordinary'){
|
||||||
|
// console.log('edfsd');
|
||||||
|
// this.form.tax_id = item.tax_id
|
||||||
|
// this.form.bank_deposit = item.bank_deposit
|
||||||
|
// this.form.bank_number = item.bank_number
|
||||||
|
// this.form.enterprise_address = item.enterprise_address
|
||||||
|
// this.form.enterprise_phone = item.enterprise_phone
|
||||||
|
// }
|
||||||
|
this.selectHeadIndex = index
|
||||||
|
this.form.invoice_type = item.invoice_type
|
||||||
|
this.form.invoice_header = item.invoice_header
|
||||||
|
this.form.invoice_reservation_phone = item.invoice_reservation_phone
|
||||||
|
this.form.invoice_reservation_email = item.invoice_reservation_email
|
||||||
|
this.form.tax_id = item.tax_id
|
||||||
|
this.form.bank_deposit = item.bank_deposit
|
||||||
|
this.form.bank_number = item.bank_number
|
||||||
|
this.form.enterprise_address = item.enterprise_address
|
||||||
|
this.form.enterprise_phone = item.enterprise_phone
|
||||||
|
console.log('5555');
|
||||||
|
this.closeHeadShow();
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
console.log('sub1');
|
||||||
|
if (this.form.invoice_reservation_phone == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入手机号',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.form.invoice_reservation_email == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入邮箱地址',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.form.invoice_header == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入抬头名称',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.form.head_type == 'corporate') {
|
||||||
|
console.log('判断');
|
||||||
|
if (this.form.tax_id == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入单位税号',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.form.enterprise_address == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入企业注册地址',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.form.enterprise_phone == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入企业注册电话',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.form.bank_deposit == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入企业开户银行',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.form.bank_number == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入银行账号',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
uni.$u.http.post('/api/school.header/apply', {
|
||||||
|
order_nos: this.order_nos,
|
||||||
|
head_type: this.form.head_type,
|
||||||
|
invoice_type: this.form.invoice_type,
|
||||||
|
invoice_header: this.form.invoice_header,
|
||||||
|
tax_id: this.form.tax_id,
|
||||||
|
bank_deposit: this.form.bank_deposit,
|
||||||
|
bank_number: this.form.bank_number,
|
||||||
|
enterprise_address: this.form.enterprise_address,
|
||||||
|
enterprise_address: this.form.enterprise_address,
|
||||||
|
invoice_reservation_phone: this.form.invoice_reservation_phone,
|
||||||
|
invoice_reservation_email: this.form.invoice_reservation_email
|
||||||
|
}).then(res => {
|
||||||
|
if (res.code == 1) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '提交申请成功',
|
||||||
|
icon: 'success',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: res.msg,
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch(error => {});
|
||||||
|
// this.$refs.uForm.validate(valid => {
|
||||||
|
// console.log('sub2');
|
||||||
|
// if (valid) {
|
||||||
|
// console.log('sub3');
|
||||||
|
|
||||||
|
// console.log('表单数据:', this.form)
|
||||||
|
// } else {
|
||||||
|
// console.log('验证失败')
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
},
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.custom-btn {
|
||||||
|
color: #bbfc5b !important;
|
||||||
|
}
|
||||||
|
|
||||||
.form_right {
|
.form_right {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -190,7 +546,7 @@
|
|||||||
width: 300rpx;
|
width: 300rpx;
|
||||||
padding: 0rpx 0rpx 0rpx 20rpx;
|
padding: 0rpx 0rpx 0rpx 20rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
left:2rpx;
|
left: 2rpx;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@ -198,11 +554,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.typeBOx {
|
.typeBOx {
|
||||||
width: 400rpx;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
.normalInv {
|
.normalInv {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -211,19 +565,47 @@
|
|||||||
|
|
||||||
.typeImgs {
|
.typeImgs {
|
||||||
width: 44rpx;
|
width: 44rpx;
|
||||||
height:44rpx;
|
height: 44rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.typeText {
|
.typeText {
|
||||||
font-size:30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.typeText2 {
|
.typeText2 {
|
||||||
font-size:30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #323232;
|
color: #323232;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.specialInv {
|
||||||
|
margin-left: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.typeImgs {
|
||||||
|
width: 44rpx;
|
||||||
|
height: 44rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeText {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #999999;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeText2 {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #323232;
|
||||||
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -301,7 +683,265 @@
|
|||||||
right: -2rpx;
|
right: -2rpx;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
color: #bbfc5b;
|
||||||
|
|
||||||
|
.invoiceBtn {
|
||||||
|
width: 90%;
|
||||||
|
height: 90rpx;
|
||||||
|
background-color: #323232;
|
||||||
|
border-radius: 148rpx;
|
||||||
|
color: #BBFC5B;
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 50rpx;
|
||||||
|
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||||||
|
text-transform: none;
|
||||||
|
font-style: normal;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 66rpx;
|
||||||
|
margin-left: 2%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.popup_tkall {
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
.popup_tk {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
margin: 12rpx 0 24rpx 0;
|
||||||
|
text-align: center;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-content {
|
||||||
|
height: auto;
|
||||||
|
padding-bottom: 130rpx;
|
||||||
|
// overflow-y: auto;
|
||||||
|
|
||||||
|
.manageList {
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
display: grid;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.manageList-itemSpec {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
width: 690rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
// margin-left: 5%;
|
||||||
|
// margin: 0 20rpx;
|
||||||
|
|
||||||
|
.manage-type {
|
||||||
|
width: 100%;
|
||||||
|
height: 32rpx;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
line-height: 32rpx;
|
||||||
|
// text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageLine {
|
||||||
|
width: 100%;
|
||||||
|
height: 1rpx;
|
||||||
|
background: #EEEEEE;
|
||||||
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageCon {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 20rpx;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.messContext {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
.textFir {
|
||||||
|
display: flex;
|
||||||
|
justify-content: left;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.defaultBox {
|
||||||
|
width: 68rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
background: #FFEEEE;
|
||||||
|
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||||
|
border: 1rpx solid #EB1B1B;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageName {
|
||||||
|
// margin-left: 10rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
line-height: 32rpx;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.textSec {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
line-height: 32rpx;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageEdit {
|
||||||
|
width: 50rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageList-itemPer {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
width: 90%;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
margin-left: 5%;
|
||||||
|
|
||||||
|
.manage-type {
|
||||||
|
width: 100%;
|
||||||
|
height: 32rpx;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
line-height: 32rpx;
|
||||||
|
// text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
margin: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageLine {
|
||||||
|
width: 100%;
|
||||||
|
height: 1rpx;
|
||||||
|
background: #EEEEEE;
|
||||||
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageCon {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 20rpx;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.messContext {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
.textFir {
|
||||||
|
display: flex;
|
||||||
|
justify-content: left;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.defaultBox {
|
||||||
|
width: 68rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
background: #FFEEEE;
|
||||||
|
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||||
|
border: 1rpx solid #EB1B1B;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageName {
|
||||||
|
margin-left: 10rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
line-height: 32rpx;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.textSec {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
line-height: 32rpx;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.manageEdit {
|
||||||
|
width: 50rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-footer {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.headBtn {
|
||||||
|
width: 90%;
|
||||||
|
height: 90rpx;
|
||||||
|
background-color: #323232;
|
||||||
|
border-radius: 148rpx;
|
||||||
|
color: #BBFC5B;
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 50rpx;
|
||||||
|
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||||||
|
text-transform: none;
|
||||||
|
font-style: normal;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 66rpx;
|
||||||
|
margin-left: 2%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -14,9 +14,9 @@
|
|||||||
<!-- 合开发票 -->
|
<!-- 合开发票 -->
|
||||||
<view v-if="selected == 0">
|
<view v-if="selected == 0">
|
||||||
<view class="invoiceList" v-for="(item,index) in unInvoiceList" :key="index">
|
<view class="invoiceList" v-for="(item,index) in unInvoiceList" :key="index">
|
||||||
<view class="invoiceList-item flex">
|
<view class="invoiceList-item flex" @click="checkInvoice(item.invoiceCheck,index)">
|
||||||
<view class="changedBox">
|
<view class="changedBox">
|
||||||
<view class="changedBox-Img" @click="checkInvoice(item.invoiceCheck,index)">
|
<view class="changedBox-Img" >
|
||||||
<image v-if="item.invoiceCheck === 1" style="width: 44rpx;height: 44rpx;" src="../../static/fabu/check.png" mode=""></image>
|
<image v-if="item.invoiceCheck === 1" style="width: 44rpx;height: 44rpx;" src="../../static/fabu/check.png" mode=""></image>
|
||||||
<image v-else style="width: 44rpx;height: 44rpx;" src="../../static/fabu/nocheck.png" mode=""></image>
|
<image v-else style="width: 44rpx;height: 44rpx;" src="../../static/fabu/nocheck.png" mode=""></image>
|
||||||
|
|
||||||
@ -217,6 +217,8 @@
|
|||||||
upList: [],//支票抬头列表
|
upList: [],//支票抬头列表
|
||||||
count:0,
|
count:0,
|
||||||
order_nos: '',//选中的多个订单号
|
order_nos: '',//选中的多个订单号
|
||||||
|
num:0,
|
||||||
|
id: 0,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
@ -305,14 +307,31 @@
|
|||||||
handleIssueInvoice() {
|
handleIssueInvoice() {
|
||||||
//拿到选中的订单
|
//拿到选中的订单
|
||||||
const list = this.unInvoiceList.filter(item => item.invoiceCheck == 1).map(item => item.order_no)
|
const list = this.unInvoiceList.filter(item => item.invoiceCheck == 1).map(item => item.order_no)
|
||||||
console.log('list:',list);
|
const idList = this.unInvoiceList.filter(item => item.invoiceCheck == 1).map(item => item.id)
|
||||||
|
console.log('list:',list,idList);
|
||||||
// this.order_nos = JSON.stringify(list)
|
// this.order_nos = JSON.stringify(list)
|
||||||
this.order_nos = JSON.stringify(list.join(','))
|
this.order_nos = JSON.stringify(list.join(','))
|
||||||
const num = list.length
|
this.num = list.length
|
||||||
console.log('num:',num);
|
console.log('num:',this.num);
|
||||||
uni.navigateTo({
|
if(list.length<1){
|
||||||
url:'/packageB/invoice/addInvoice?order_nos=' + this.order_nos + '&num?' + num
|
uni.showToast({
|
||||||
|
title: '请选择需要开发票的订单',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
})
|
})
|
||||||
|
}else if(list.length === 1){
|
||||||
|
this.id = idList[0]
|
||||||
|
console.log('id',this.id);
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/packageB/invoice/addInvoice?order_nos=' + this.order_nos + '&num=' + this.num + '&id=' + this.id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/packageB/invoice/addInvoice?order_nos=' + this.order_nos + '&num=' + this.num
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user