From ce06ca62a0dd65d4a8fb57126948449c804ad77e Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 19 五月 2026 19:40:08 +0800
Subject: [PATCH] 提交
---
small-program/shop/pages/Invoice-request/Invoice-request.vue | 98 +++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 82 insertions(+), 16 deletions(-)
diff --git a/small-program/shop/pages/Invoice-request/Invoice-request.vue b/small-program/shop/pages/Invoice-request/Invoice-request.vue
index a2808a2..552d341 100644
--- a/small-program/shop/pages/Invoice-request/Invoice-request.vue
+++ b/small-program/shop/pages/Invoice-request/Invoice-request.vue
@@ -48,7 +48,7 @@
<view class="form-row input-row">
<text class="row-label">绋庡彿</text>
<input
- v-model="form.taxNo"
+ v-model="form.taxId"
class="row-input"
type="text"
placeholder="杈撳叆绾崇◣浜鸿瘑鍒彿鎴栫ぞ浼氱粺涓�寰佷俊浠ｇ爜"
@@ -59,7 +59,9 @@
<template v-if="titleType === 'company'">
<view class="divider"></view>
<view class="form-row input-row">
- <text class="row-label">寮�鎴烽摱琛�</text>
+ <text class="row-label">
+ <text v-if="isSpecialInvoice" class="required-star">*</text>寮�鎴烽摱琛�
+ </text>
<input
v-model="form.bankName"
class="row-input"
@@ -71,7 +73,9 @@
<view class="divider"></view>
<view class="form-row input-row">
- <text class="row-label">閾惰璐﹀彿</text>
+ <text class="row-label">
+ <text v-if="isSpecialInvoice" class="required-star">*</text>閾惰璐﹀彿
+ </text>
<input
v-model="form.bankAccount"
class="row-input"
@@ -83,9 +87,11 @@
<view class="divider"></view>
<view class="form-row input-row">
- <text class="row-label">浼佷笟鍦板潃</text>
+ <text class="row-label">
+ <text v-if="isSpecialInvoice" class="required-star">*</text>浼佷笟鍦板潃
+ </text>
<input
- v-model="form.companyAddress"
+ v-model="form.companyAddr"
class="row-input"
type="text"
placeholder="寮�鍏蜂笓绁ㄦ椂蹇呭～"
@@ -95,7 +101,9 @@
<view class="divider"></view>
<view class="form-row input-row">
- <text class="row-label">浼佷笟鐢佃瘽</text>
+ <text class="row-label">
+ <text v-if="isSpecialInvoice" class="required-star">*</text>浼佷笟鐢佃瘽
+ </text>
<input
v-model="form.companyPhone"
class="row-input"
@@ -108,8 +116,8 @@
</view>
<view class="detail-card">
- <view class="form-row detail-row" @tap="detailChecked = !detailChecked">
- <text class="row-label">鎶ご绫诲瀷</text>
+ <view class="form-row detail-row" :class="{ disabled: isSpecialInvoice }" @tap="handleDetailCheck">
+ <text class="row-label">鍙戠エ鏄庣粏</text>
<view class="detail-check">
<view class="check-circle" :class="{ active: detailChecked }">
<u-icon v-if="detailChecked" name="checkbox-mark" size="12" color="#ffffff"></u-icon>
@@ -158,14 +166,15 @@
export default {
data() {
return {
- orderNo: '202607131742520001',
- amount: '125.00',
+ orderId: '',
+ orderNo: '',
+ amount: '',
invoiceType: 'normal',
tempInvoiceType: 'normal',
showInvoiceTypePopup: false,
titleType: 'personal',
selectedTitle: '',
- detailChecked: false,
+ detailChecked: true,
invoiceTypeOptions: [
{
label: '鐢靛瓙鏅�氬彂绁�',
@@ -179,10 +188,10 @@
}
],
form: {
- taxNo: '',
+ taxId: '',
bankName: '',
bankAccount: '',
- companyAddress: '',
+ companyAddr: '',
companyPhone: ''
}
};
@@ -191,7 +200,15 @@
invoiceTypeLabel() {
const current = this.invoiceTypeOptions.find((item) => item.value === this.invoiceType);
return current ? current.label : '鐢靛瓙鏅�氬彂绁�';
+ },
+ isSpecialInvoice() {
+ return this.invoiceType === 'special';
}
+ },
+ onLoad(options) {
+ this.orderId = options.id || '';
+ this.orderNo = options.orderNo || '';
+ this.amount = options.invoiceAmount || '';
},
methods: {
openInvoiceTypePopup() {
@@ -206,6 +223,40 @@
this.showInvoiceTypePopup = false;
},
goConfirmInvoiceIssuance() {
+ if (this.isSpecialInvoice) {
+ if (!this.form.bankName) {
+ uni.showToast({ title: '璇峰～鍐欏紑鎴烽摱琛�', icon: 'none' });
+ return;
+ }
+ if (!this.form.bankAccount) {
+ uni.showToast({ title: '璇峰～鍐欓摱琛岃处鍙�', icon: 'none' });
+ return;
+ }
+ if (!this.form.companyAddr) {
+ uni.showToast({ title: '璇峰～鍐欎紒涓氬湴鍧�', icon: 'none' });
+ return;
+ }
+ if (!this.form.companyPhone) {
+ uni.showToast({ title: '璇峰～鍐欎紒涓氱數璇�', icon: 'none' });
+ return;
+ }
+ }
+ const invoiceData = {
+ invoiceType: this.invoiceTypeLabel,
+ titleType: this.titleType,
+ titleTypeText: this.titleType === 'company' ? '浼佷笟' : '涓汉/浜嬩笟鍗曚綅',
+ title: this.selectedTitle,
+ content: '鏄庣粏',
+ amount: this.amount ? `楼${this.amount}` : '',
+ taxNo: this.form.taxId,
+ bankName: this.form.bankName,
+ bankAccount: this.form.bankAccount,
+ companyAddress: this.form.companyAddr,
+ companyPhone: this.form.companyPhone,
+ orderId: this.orderId,
+ orderNo: this.orderNo
+ }
+ uni.setStorageSync('invoiceFormData', invoiceData)
uni.navigateTo({
url: '/shop/pages/confirm-invoice-issuance/confirm-invoice-issuance'
});
@@ -214,15 +265,21 @@
this.titleType = type;
this.detailChecked = type === 'company';
},
+ handleDetailCheck() {
+ if (this.isSpecialInvoice) return;
+ this.detailChecked = !this.detailChecked;
+ },
chooseInvoiceTitle() {
// #ifdef MP-WEIXIN
uni.chooseInvoiceTitle({
+ type: this.titleType === 'company' ? 0 : 1,
success: (res) => {
+ console.log(res);
this.selectedTitle = res.title || '';
- this.form.taxNo = res.taxNumber || '';
+ this.form.taxId = res.taxNumber || '';
this.form.bankName = res.bankName || '';
this.form.bankAccount = res.bankAccount || '';
- this.form.companyAddress = res.companyAddress || '';
+ this.form.companyAddr = res.companyAddress || '';
this.form.companyPhone = res.telephone || '';
if (res.type === 1) {
@@ -293,10 +350,15 @@
.row-label {
flex-shrink: 0;
- width: 150rpx;
+ width: 195rpx;
font-size: 34rpx;
line-height: 48rpx;
color: #4a4a4a;
+ }
+
+ .required-star {
+ color: #ff4d4f;
+ margin-right: 4rpx;
}
.row-value {
@@ -401,6 +463,10 @@
justify-content: space-between;
}
+ .detail-row.disabled {
+ opacity: 0.6;
+ }
+
.invoice-type-popup {
padding: 24rpx 24rpx calc(env(safe-area-inset-bottom) + 24rpx);
background: #ffffff;
--
Gitblit v1.9.3