c18acc6e by lttnew
2 parents 3915c951 9a38e7d0
...@@ -1780,7 +1780,7 @@ export function cancelPay(id) { ...@@ -1780,7 +1780,7 @@ export function cancelPay(id) {
1780 1780
1781 export const outputInvoiceNo = (data) => { 1781 export const outputInvoiceNo = (data) => {
1782 return request({ 1782 return request({
1783 url: `/common/order/outputInvoiceNo/${data.id}`, 1783 url: `/common/order/outputInvoiceNo/${data.id}?taxno=${data.taxno}&phone=${data.phone}&name=${data.name}&invoiceType=${data.invoiceType}&amount=${data.amount}`,
1784 method: 'post', 1784 method: 'post',
1785 params: data 1785 params: data
1786 }) 1786 })
......
1 // dev 1 // dev
2 // const baseUrl_api = 'http://192.168.1.125:8787' 2 // const baseUrl_api = 'http://192.168.1.125:8787'
3 const baseUrl_api = 'https://tk001.wxjylt.com/stage-api/' 3 const baseUrl_api = 'http://47.98.186.233:8787'
4 // const baseUrl_api = 'https://tk001.wxjylt.com/stage-api/'
4 const loginImage_api = 'https://tk001.wxjylt.com/stage-api' 5 const loginImage_api = 'https://tk001.wxjylt.com/stage-api'
5 const payUrl = 'https://wxpay.cmbc.com.cn/mobilePlatform/appserver/lcbpPay.do' 6 const payUrl = 'https://wxpay.cmbc.com.cn/mobilePlatform/appserver/lcbpPay.do'
6 7
......
1 <template> 1 <template>
2 <view class="order-page" :class="{ 'no-scroll': isPopupOpen }"> 2 <view :class="{ 'no-scroll': isPopupOpen }" class="order-page">
3 <!-- 顶部标签栏 --> 3 <!-- 顶部标签栏 -->
4 <view class="tab-bar"> 4 <view class="tab-bar">
5 <view 5 <view
6 v-for="(tab, index) in tabs" 6 v-for="(tab, index) in tabs"
7 :key="index" 7 :key="index"
8 class="tab-item"
9 :class="{ active: currentTab === tab.type }" 8 :class="{ active: currentTab === tab.type }"
9 class="tab-item"
10 @click="switchTab(tab.type)" 10 @click="switchTab(tab.type)"
11 > 11 >
12 {{ tab.name }} 12 {{ tab.name }}
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
15 15
16 <!-- 订单列表 --> 16 <!-- 订单列表 -->
17 <scroll-view 17 <scroll-view
18 scroll-y
19 class="order-list-scroll"
20 :show-scrollbar="false"
21 :scroll-enabled="!isPopupOpen" 18 :scroll-enabled="!isPopupOpen"
22 @scrolltolower="loadMore" 19 :show-scrollbar="false"
20 class="order-list-scroll"
23 lower-threshold="200" 21 lower-threshold="200"
22 scroll-y
23 @scrolltolower="loadMore"
24 > 24 >
25 <view class="order-list"> 25 <view class="order-list">
26 <!-- 有数据才循环 --> 26 <!-- 有数据才循环 -->
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 <view class="date"> 36 <view class="date">
37 <!-- <image :src="config.baseUrl_api + '/fs/static/calendar@2x.png'" mode="widthFix" style="width:30rpx;height:30rpx;"/> --> 37 <!-- <image :src="config.baseUrl_api + '/fs/static/calendar@2x.png'" mode="widthFix" style="width:30rpx;height:30rpx;"/> -->
38 <!-- --> 38 <!-- -->
39 <text class="value text-primary" >{{ item.wfCode || '——' }}</text> 39 <text class="value text-primary">{{ item.wfCode || '——' }}</text>
40 </view> 40 </view>
41 <view class="status-tags"> 41 <view class="status-tags">
42 <!-- <view 42 <!-- <view
...@@ -50,13 +50,13 @@ ...@@ -50,13 +50,13 @@
50 {{ getStatusText(item.payStatus) }} 50 {{ getStatusText(item.payStatus) }}
51 </view> --> 51 </view> -->
52 <view 52 <view
53 class="status-tag ml-10"
54 :class="{ 53 :class="{
55 'status-wait': item.auditStatus == 0, 54 'status-wait': item.auditStatus == 0,
56 'status-pending': item.auditStatus == 1, 55 'status-pending': item.auditStatus == 1,
57 'status-success': item.auditStatus == 2, 56 'status-success': item.auditStatus == 2,
58 'status-danger': item.auditStatus == 3 57 'status-danger': item.auditStatus == 3
59 }" 58 }"
59 class="status-tag ml-10"
60 > 60 >
61 {{ getAuditStatusText(item.auditStatus) }} 61 {{ getAuditStatusText(item.auditStatus) }}
62 </view> 62 </view>
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
68 <text class="label">订单编号:</text> 68 <text class="label">订单编号:</text>
69 <text class="value">{{ item.tradeNo || '——' }}</text> 69 <text class="value">{{ item.tradeNo || '——' }}</text>
70 </view> 70 </view>
71 <view class="info-row" v-if="item.orderName"> 71 <view v-if="item.orderName" class="info-row">
72 <text class="label">缴费名称:</text> 72 <text class="label">缴费名称:</text>
73 <text class="value">{{ item.orderName || '' }}</text> 73 <text class="value">{{ item.orderName || '' }}</text>
74 </view> 74 </view>
...@@ -78,22 +78,22 @@ ...@@ -78,22 +78,22 @@
78 </view> --> 78 </view> -->
79 79
80 <!-- 核心:前2tab仅展示缴费年限,后2tab仅展示人数合计 --> 80 <!-- 核心:前2tab仅展示缴费年限,后2tab仅展示人数合计 -->
81 <view class="info-section flex f-j-s" v-if="item.content"> 81 <view v-if="item.content" class="info-section flex f-j-s">
82 <!-- 个人/单位会员(仅缴费年限) --> 82 <!-- 个人/单位会员(仅缴费年限) -->
83 <view v-if="currentTab === '0' || currentTab === '1'" class="single-info"> 83 <view v-if="currentTab === '0' || currentTab === '1'" class="single-info">
84 <view class="label">缴费年限:</view> 84 <view class="label">缴费年限:</view>
85 <view class="value">{{ item.content.yearCount || 0 }}</view> 85 <view class="value">{{ item.content.yearCount || 0 }}</view>
86 </view> 86 </view>
87 <view class="line" v-if="currentTab === '0' || currentTab === '1'"></view> 87 <view v-if="currentTab === '0' || currentTab === '1'" class="line"></view>
88 <!-- 级位/段位考试(仅人数合计) --> 88 <!-- 级位/段位考试(仅人数合计) -->
89 <view v-if="currentTab === '2' || currentTab === '3' || currentTab === '4'" class="single-info"> 89 <view v-if="currentTab === '2' || currentTab === '3' || currentTab === '4'" class="single-info">
90 <view class="label">人数合计</view> 90 <view class="label">人数合计</view>
91 <view class="value">{{ item.content.personCount || 0 }}</view> 91 <view class="value">{{ item.content.personCount || 0 }}</view>
92 </view> 92 </view>
93 <view class="line" v-if="currentTab === '2' || currentTab === '3' || currentTab === '4'"></view> 93 <view v-if="currentTab === '2' || currentTab === '3' || currentTab === '4'" class="line"></view>
94 <view class="single-info"> 94 <view class="single-info">
95 <view class="label">订单状态</view> 95 <view class="label">订单状态</view>
96 <view class="value" :class="item.effect == 1 ? 'text-success' : 'text-warning'"> 96 <view :class="item.effect == 1 ? 'text-success' : 'text-warning'" class="value">
97 {{ item.effect == 1 ? '已生效' : '未生效' }} 97 {{ item.effect == 1 ? '已生效' : '未生效' }}
98 </view> 98 </view>
99 </view> 99 </view>
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
115 <view class="btn-group"> 115 <view class="btn-group">
116 <!-- 已缴费:申请开票/已开票(需要审核通过才能开票) --> 116 <!-- 已缴费:申请开票/已开票(需要审核通过才能开票) -->
117 <template v-if="item.payStatus == 1 && item.invoiceStatus != 1&& item.auditStatus == 2"> 117 <template v-if="item.payStatus == 1 && item.invoiceStatus != 1&& item.auditStatus == 2">
118 <button class="btn btn-view-invoice" @click="makeInvoiceFN(item)" :disabled="item.invoiceStatus === 1"> 118 <button :disabled="item.invoiceStatus === 1" class="btn btn-view-invoice" @click="makeInvoiceFN(item)">
119 开票 119 开票
120 </button> 120 </button>
121 </template> 121 </template>
...@@ -134,13 +134,13 @@ ...@@ -134,13 +134,13 @@
134 134
135 <!-- 空状态 --> 135 <!-- 空状态 -->
136 <view v-else class="empty"> 136 <view v-else class="empty">
137 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image> 137 <image :src="config.baseUrl_api + '/fs/static/nodata.png'" class="empty-img" mode="aspectFit"></image>
138 <text class="empty-text">暂无订单记录</text> 138 <text class="empty-text">暂无订单记录</text>
139 </view> 139 </view>
140 140
141 <!-- 加载/无更多提示 --> 141 <!-- 加载/无更多提示 -->
142 <view class="loading-tip" v-if="loading">加载中...</view> 142 <view v-if="loading" class="loading-tip">加载中...</view>
143 <view class="no-more" v-if="!loading && !hasMore && list.length">没有更多了</view> 143 <view v-if="!loading && !hasMore && list.length" class="no-more">没有更多了</view>
144 </view> 144 </view>
145 </scroll-view> 145 </scroll-view>
146 146
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
157 <view class="invoice-info-list"> 157 <view class="invoice-info-list">
158 <view class="invoice-info-row"> 158 <view class="invoice-info-row">
159 <view class="invoice-info-label">发票类型</view> 159 <view class="invoice-info-label">发票类型</view>
160 <view class="invoice-type-badge" :class="{ 'vat-type': invoiceData.invoiceType == 2 }"> 160 <view :class="{ 'vat-type': invoiceData.invoiceType == 2 }" class="invoice-type-badge">
161 {{ invoiceData.invoiceType == 1 ? '普通发票' : '增值税专用发票' }} 161 {{ invoiceData.invoiceType == 1 ? '普通发票' : '增值税专用发票' }}
162 </view> 162 </view>
163 </view> 163 </view>
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
165 <text class="invoice-info-label">发票抬头</text> 165 <text class="invoice-info-label">发票抬头</text>
166 <text class="invoice-info-value">{{ invoiceData.invoiceBuyerName || '—' }}</text> 166 <text class="invoice-info-value">{{ invoiceData.invoiceBuyerName || '—' }}</text>
167 </view> 167 </view>
168 <view class="invoice-info-row" v-if="invoiceData.invoiceBuyerTaxno"> 168 <view v-if="invoiceData.invoiceBuyerTaxno" class="invoice-info-row">
169 <text class="invoice-info-label">纳税人识别号</text> 169 <text class="invoice-info-label">纳税人识别号</text>
170 <text class="invoice-info-value">{{ invoiceData.invoiceBuyerTaxno }}</text> 170 <text class="invoice-info-value">{{ invoiceData.invoiceBuyerTaxno }}</text>
171 </view> 171 </view>
...@@ -173,6 +173,14 @@ ...@@ -173,6 +173,14 @@
173 <text class="invoice-info-label">接收邮箱</text> 173 <text class="invoice-info-label">接收邮箱</text>
174 <text class="invoice-info-value">{{ invoiceData.invoicePushPhone || '—' }}</text> 174 <text class="invoice-info-value">{{ invoiceData.invoicePushPhone || '—' }}</text>
175 </view> 175 </view>
176 <view class="invoice-info-row">
177 <text class="invoice-info-label">开票时间</text>
178 <text class="invoice-info-value">{{ invoiceData.invoiceTime || '—' }}</text>
179 </view>
180 <view class="invoice-info-row">
181 <text class="invoice-info-label">开票金额</text>
182 <text class="invoice-info-value">¥{{ invoiceData.price || '—' }}</text>
183 </view>
176 </view> 184 </view>
177 </view> 185 </view>
178 </view> 186 </view>
...@@ -205,17 +213,17 @@ ...@@ -205,17 +213,17 @@
205 </template> 213 </template>
206 214
207 <script setup> 215 <script setup>
208 import { ref, reactive, onMounted, computed } from 'vue'; 216 import {ref, reactive, onMounted, computed} from 'vue';
209 import { 217 import {
210 onShow, 218 onShow,
211 onLoad 219 onLoad
212 } from '@dcloudio/uni-app' 220 } from '@dcloudio/uni-app'
213 import * as api from '@/common/api.js' 221 import * as api from '@/common/api.js'
214 import config from '@/config.js' 222 import config from '@/config.js'
215 // 获取deptType值(初始值为0,在onMounted中设置实际值) 223 // 获取deptType值(初始值为0,在onMounted中设置实际值)
216 const deptType = ref(0); 224 const deptType = ref(0);
217 const goToDetail = (item) => { 225 const goToDetail = (item) => {
218 uni.navigateTo({ url: `/pages/rank/applyDetail?examId=${item.sourceId || item.id}&type=${queryParams.type}` }); 226 uni.navigateTo({url: `/pages/rank/applyDetail?examId=${item.sourceId || item.id}&type=${queryParams.type}`});
219 } 227 }
220 228
221 // 标签栏配置(根据deptType动态生成) 229 // 标签栏配置(根据deptType动态生成)
...@@ -226,25 +234,25 @@ const tabs = computed(() => { ...@@ -226,25 +234,25 @@ const tabs = computed(() => {
226 if (dt === 6) { 234 if (dt === 6) {
227 console.log('返回3个tab: 个人会员、单位会员、级位考试'); 235 console.log('返回3个tab: 个人会员、单位会员、级位考试');
228 return [ 236 return [
229 { name: '个人会员', type: '0' }, 237 {name: '个人会员', type: '0'},
230 { name: '单位会员', type: '1' }, 238 {name: '单位会员', type: '1'},
231 { name: '级位考试', type: '2' } 239 {name: '级位考试', type: '2'}
232 ]; 240 ];
233 } else if (dt === 2) { 241 } else if (dt === 2) {
234 console.log('返回3个tab: 单位会员、段位考试、越段考试'); 242 console.log('返回3个tab: 单位会员、段位考试、越段考试');
235 return [ 243 return [
236 // { name: '单位会员', type: '1' }, 244 // { name: '单位会员', type: '1' },
237 { name: '段位考试', type: '3' }, 245 {name: '段位考试', type: '3'},
238 { name: '越段考试', type: '4' } 246 {name: '越段考试', type: '4'}
239 ]; 247 ];
240 } else { 248 } else {
241 console.log('返回默认5个tab, dt值为:', dt); 249 console.log('返回默认5个tab, dt值为:', dt);
242 return [ 250 return [
243 { name: '个人会员', type: '0' }, 251 {name: '个人会员', type: '0'},
244 { name: '单位会员', type: '1' }, 252 {name: '单位会员', type: '1'},
245 { name: '级位考试', type: '2' }, 253 {name: '级位考试', type: '2'},
246 { name: '段位考试', type: '3' }, 254 {name: '段位考试', type: '3'},
247 { name: '越段考试', type: '4' } 255 {name: '越段考试', type: '4'}
248 ]; 256 ];
249 } 257 }
250 }); 258 });
...@@ -287,7 +295,7 @@ onLoad((option) => { ...@@ -287,7 +295,7 @@ onLoad((option) => {
287 deptType.value = Number(app.globalData?.deptType || 0); 295 deptType.value = Number(app.globalData?.deptType || 0);
288 const firstType = tabs.value[0]?.type ?? '0'; 296 const firstType = tabs.value[0]?.type ?? '0';
289 currentTab.value = option.type || firstType; 297 currentTab.value = option.type || firstType;
290 queryParams.type = option.type ||firstType; 298 queryParams.type = option.type || firstType;
291 initData(); 299 initData();
292 }); 300 });
293 301
...@@ -379,7 +387,7 @@ const initData = async () => { ...@@ -379,7 +387,7 @@ const initData = async () => {
379 hasMore.value = res.rows.length === pageSize.value; 387 hasMore.value = res.rows.length === pageSize.value;
380 } catch (e) { 388 } catch (e) {
381 console.error('订单加载异常:', e); 389 console.error('订单加载异常:', e);
382 uni.showToast({ title: '加载失败', icon: 'none' }); 390 uni.showToast({title: '加载失败', icon: 'none'});
383 hasMore.value = false; 391 hasMore.value = false;
384 } finally { 392 } finally {
385 loading.value = false; 393 loading.value = false;
...@@ -399,13 +407,13 @@ const confirmDel = async () => { ...@@ -399,13 +407,13 @@ const confirmDel = async () => {
399 if (!currentOrder.value) return; 407 if (!currentOrder.value) return;
400 try { 408 try {
401 await api.deleteOrder(currentOrder.value.id); 409 await api.deleteOrder(currentOrder.value.id);
402 uni.showToast({ title: '删除成功', icon: 'success' }); 410 uni.showToast({title: '删除成功', icon: 'success'});
403 pageNum.value = 1; 411 pageNum.value = 1;
404 list.value = []; 412 list.value = [];
405 initData(); 413 initData();
406 closeDelPopup(); 414 closeDelPopup();
407 } catch (e) { 415 } catch (e) {
408 uni.showToast({ title: '删除失败', icon: 'error' }); 416 uni.showToast({title: '删除失败', icon: 'error'});
409 } 417 }
410 }; 418 };
411 419
...@@ -420,10 +428,10 @@ const closeDelPopup = () => { ...@@ -420,10 +428,10 @@ const closeDelPopup = () => {
420 const handlePay = async (item) => { 428 const handlePay = async (item) => {
421 if (item.payStatus !== 0) return; 429 if (item.payStatus !== 0) return;
422 try { 430 try {
423 await api.goPay({ id: item.id }); 431 await api.goPay({id: item.id});
424 uni.navigateTo({ url: `/pages/pay/pay?orderId=${item.id}` }); 432 uni.navigateTo({url: `/pages/pay/pay?orderId=${item.id}`});
425 } catch (e) { 433 } catch (e) {
426 uni.showToast({ title: '发起支付失败', icon: 'none' }); 434 uni.showToast({title: '发起支付失败', icon: 'none'});
427 } 435 }
428 }; 436 };
429 437
...@@ -447,7 +455,9 @@ const viewInvoice = (item) => { ...@@ -447,7 +455,9 @@ const viewInvoice = (item) => {
447 invoiceType: item.invoiceType || 1, 455 invoiceType: item.invoiceType || 1,
448 invoiceBuyerName: item.invoiceTitle || item.invoiceBuyerName || '—', 456 invoiceBuyerName: item.invoiceTitle || item.invoiceBuyerName || '—',
449 invoiceBuyerTaxno: item.invoiceTaxno || item.invoiceBuyerTaxno || '', 457 invoiceBuyerTaxno: item.invoiceTaxno || item.invoiceBuyerTaxno || '',
450 invoicePushPhone: item.invoiceEmail || item.invoicePushPhone || '—' 458 invoicePushPhone: item.invoiceEmail || item.invoicePushPhone || '—',
459 price: item.price || '-',
460 invoiceTime: item.invoiceTime || '—'
451 }; 461 };
452 showInvoicePopup.value = true; 462 showInvoicePopup.value = true;
453 isPopupOpen.value = true; 463 isPopupOpen.value = true;
...@@ -472,13 +482,13 @@ const confirmCancel = async () => { ...@@ -472,13 +482,13 @@ const confirmCancel = async () => {
472 if (!currentOrder.value) return; 482 if (!currentOrder.value) return;
473 try { 483 try {
474 await api.cancelPay(currentOrder.value.id); 484 await api.cancelPay(currentOrder.value.id);
475 uni.showToast({ title: '取消成功', icon: 'success' }); 485 uni.showToast({title: '取消成功', icon: 'success'});
476 pageNum.value = 1; 486 pageNum.value = 1;
477 list.value = []; 487 list.value = [];
478 initData(); 488 initData();
479 closeCancelPopup(); 489 closeCancelPopup();
480 } catch (e) { 490 } catch (e) {
481 uni.showToast({ title: '取消失败', icon: 'error' }); 491 uni.showToast({title: '取消失败', icon: 'error'});
482 } 492 }
483 }; 493 };
484 494
...@@ -665,11 +675,13 @@ const closeCancelPopup = () => { ...@@ -665,11 +675,13 @@ const closeCancelPopup = () => {
665 justify-content: space-around; 675 justify-content: space-around;
666 margin: 20rpx 0; 676 margin: 20rpx 0;
667 } 677 }
668 .line{ 678
679 .line {
669 width: 1rpx; 680 width: 1rpx;
670 height: 90%; 681 height: 90%;
671 background: #eee; 682 background: #eee;
672 } 683 }
684
673 .single-info { 685 .single-info {
674 padding: 16rpx 20rpx; 686 padding: 16rpx 20rpx;
675 border-radius: 8rpx; 687 border-radius: 8rpx;
...@@ -750,10 +762,12 @@ const closeCancelPopup = () => { ...@@ -750,10 +762,12 @@ const closeCancelPopup = () => {
750 background: transparent; 762 background: transparent;
751 text-align: center; 763 text-align: center;
752 margin: 0; 764 margin: 0;
765
753 &::after { 766 &::after {
754 border: none; 767 border: none;
755 display: none; // 关键:隐藏伪元素 768 display: none; // 关键:隐藏伪元素
756 } 769 }
770
757 &.btn-delete { 771 &.btn-delete {
758 background: #fff; 772 background: #fff;
759 color: #e4393c; 773 color: #e4393c;
...@@ -879,6 +893,7 @@ const closeCancelPopup = () => { ...@@ -879,6 +893,7 @@ const closeCancelPopup = () => {
879 border: none; 893 border: none;
880 } 894 }
881 } 895 }
896
882 .code-text { 897 .code-text {
883 font-size: 28rpx; 898 font-size: 28rpx;
884 font-weight: 600; 899 font-weight: 600;
......
...@@ -6,9 +6,9 @@ ...@@ -6,9 +6,9 @@
6 <text class="label">发票类型</text> 6 <text class="label">发票类型</text>
7 <view class="type-select"> 7 <view class="type-select">
8 <view 8 <view
9 :class="{ active: form.invoiceType === '2' }"
9 class="type-option" 10 class="type-option"
10 :class="{ active: form.invoiceType === '1' }" 11 @click="form.invoiceType = '2'"
11 @click="form.invoiceType = '1'"
12 > 12 >
13 <view class="type-icon"></view> 13 <view class="type-icon"></view>
14 <view class="type-info"> 14 <view class="type-info">
...@@ -17,9 +17,10 @@ ...@@ -17,9 +17,10 @@
17 </view> 17 </view>
18 </view> 18 </view>
19 <view 19 <view
20 v-if="type==0"
21 :class="{ active: form.invoiceType === '1' }"
20 class="type-option" 22 class="type-option"
21 :class="{ active: form.invoiceType === '2' }" 23 @click="form.invoiceType = '1'"
22 @click="form.invoiceType = '2'"
23 > 24 >
24 <view class="type-icon enterprise"></view> 25 <view class="type-icon enterprise"></view>
25 <view class="type-info"> 26 <view class="type-info">
...@@ -34,21 +35,21 @@ ...@@ -34,21 +35,21 @@
34 <view class="form-item column"> 35 <view class="form-item column">
35 <text class="label">发票抬头</text> 36 <text class="label">发票抬头</text>
36 <input 37 <input
37 class="input"
38 v-model="form.name" 38 v-model="form.name"
39 class="input"
39 placeholder="请输入公司全称或个人姓名" 40 placeholder="请输入公司全称或个人姓名"
40 /> 41 />
41 <text class="hint">请确保发票抬头与公司营业执照或个人身份证上的名称一致。</text> 42 <text class="hint">请确保发票抬头与公司营业执照或个人身份证上的名称一致。</text>
42 </view> 43 </view>
43 44
44 <!-- 纳税人识别号(企业才显示) --> 45 <!-- 纳税人识别号(企业才显示) -->
45 <view class="form-item column" v-if="form.invoiceType === '2'"> 46 <view v-if="form.invoiceType === '1'" class="form-item column">
46 <text class="label">纳税人识别号</text> 47 <text class="label">纳税人识别号</text>
47 <input 48 <input
48 class="input"
49 v-model="form.taxno" 49 v-model="form.taxno"
50 placeholder="请输入纳税人识别号" 50 class="input"
51 maxlength="20" 51 maxlength="20"
52 placeholder="请输入纳税人识别号"
52 /> 53 />
53 <text class="hint">企业税务登记证上的号码,一般为 15、18 或 20 位</text> 54 <text class="hint">企业税务登记证上的号码,一般为 15、18 或 20 位</text>
54 </view> 55 </view>
...@@ -78,8 +79,8 @@ ...@@ -78,8 +79,8 @@
78 <view class="form-item column"> 79 <view class="form-item column">
79 <text class="label">接收邮箱号码</text> 80 <text class="label">接收邮箱号码</text>
80 <input 81 <input
81 class="input"
82 v-model="form.phone" 82 v-model="form.phone"
83 class="input"
83 placeholder="请输入接收发票的邮箱号码" 84 placeholder="请输入接收发票的邮箱号码"
84 type="text" 85 type="text"
85 /> 86 />
...@@ -89,7 +90,7 @@ ...@@ -89,7 +90,7 @@
89 90
90 <!-- 提交按钮 --> 91 <!-- 提交按钮 -->
91 <view class="btn-wrap"> 92 <view class="btn-wrap">
92 <view class="submit-btn" :class="{ loading: submitting }" @click="handleSubmit"> 93 <view :class="{ loading: submitting }" class="submit-btn" @click="handleSubmit">
93 {{ submitting ? '提交中...' : '提交申请' }} 94 {{ submitting ? '提交中...' : '提交申请' }}
94 </view> 95 </view>
95 </view> 96 </view>
...@@ -97,15 +98,15 @@ ...@@ -97,15 +98,15 @@
97 </template> 98 </template>
98 99
99 <script setup> 100 <script setup>
100 import { ref, reactive } from 'vue'; 101 import {ref, reactive} from 'vue';
101 import { onLoad } from '@dcloudio/uni-app'; 102 import {onLoad} from '@dcloudio/uni-app';
102 import { outputInvoiceNo } from '@/common/api.js'; 103 import {outputInvoiceNo} from '@/common/api.js';
103 104
104 const submitting = ref(false); 105 const submitting = ref(false);
105 106 const type = ref(0) //1个人订单只开普票
106 // 表单数据(与PC端字段完全对齐) 107 // 表单数据(与PC端字段完全对齐)
107 const form = reactive({ 108 const form = reactive({
108 invoiceType: '1', // 1=个人 2=企业 109 invoiceType: '2', // 1=企业 2=个人
109 deliveryMethod: '1', // 接收方式:1=电子发票 110 deliveryMethod: '1', // 接收方式:1=电子发票
110 name: '', // 发票抬头 111 name: '', // 发票抬头
111 taxno: '', // 纳税人识别号 112 taxno: '', // 纳税人识别号
...@@ -123,43 +124,45 @@ onLoad((options) => { ...@@ -123,43 +124,45 @@ onLoad((options) => {
123 if (options.invoiceType) { 124 if (options.invoiceType) {
124 form.invoiceType = options.invoiceType; 125 form.invoiceType = options.invoiceType;
125 } 126 }
127 type.value = options.type ?? 0
128 console.log(options)
126 }); 129 });
127 130
128 // 表单验证 131 // 表单验证
129 const validateForm = () => { 132 const validateForm = () => {
130 // 发票抬头校验 133 // 发票抬头校验
131 if (!form.name) { 134 if (!form.name) {
132 uni.showToast({ title: '请输入发票抬头', icon: 'none' }); 135 uni.showToast({title: '请输入发票抬头', icon: 'none'});
133 return false; 136 return false;
134 } 137 }
135 if (form.name.length < 2 || form.name.length > 100) { 138 if (form.name.length < 2 || form.name.length > 100) {
136 uni.showToast({ title: '发票抬头长度在2-100个字符之间', icon: 'none' }); 139 uni.showToast({title: '发票抬头长度在2-100个字符之间', icon: 'none'});
137 return false; 140 return false;
138 } 141 }
139 142
140 // 企业必须填纳税人识别号 143 // 企业必须填纳税人识别号
141 if (form.invoiceType === '2' && !form.taxno) { 144 if (form.invoiceType === '1' && !form.taxno) {
142 uni.showToast({ title: '请输入纳税人识别号', icon: 'none' }); 145 uni.showToast({title: '请输入纳税人识别号', icon: 'none'});
143 return false; 146 return false;
144 } 147 }
145 148
146 // 纳税人识别号格式校验(同PC) 149 // 纳税人识别号格式校验(同PC)
147 if (form.invoiceType === '2') { 150 if (form.invoiceType === '1') {
148 const taxReg = /^[A-Z0-9]{15}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/; 151 const taxReg = /^[A-Z0-9]{15}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/;
149 if (!taxReg.test(form.taxno)) { 152 if (!taxReg.test(form.taxno)) {
150 uni.showToast({ title: '纳税人识别号格式不正确', icon: 'none' }); 153 uni.showToast({title: '纳税人识别号格式不正确', icon: 'none'});
151 return false; 154 return false;
152 } 155 }
153 } 156 }
154 157
155 // 邮箱校验 158 // 邮箱校验
156 if (!form.phone) { 159 if (!form.phone) {
157 uni.showToast({ title: '请输入接收邮箱', icon: 'none' }); 160 uni.showToast({title: '请输入接收邮箱', icon: 'none'});
158 return false; 161 return false;
159 } 162 }
160 const phoneReg = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 163 const phoneReg = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
161 if (!phoneReg.test(form.phone)) { 164 if (!phoneReg.test(form.phone)) {
162 uni.showToast({ title: '请输入正确的邮箱地址', icon: 'none' }); 165 uni.showToast({title: '请输入正确的邮箱地址', icon: 'none'});
163 return false; 166 return false;
164 } 167 }
165 168
...@@ -183,6 +186,7 @@ const handleSubmit = async () => { ...@@ -183,6 +186,7 @@ const handleSubmit = async () => {
183 uni.navigateBack(); 186 uni.navigateBack();
184 }, 1500); 187 }, 1500);
185 } catch (error) { 188 } catch (error) {
189 console.log(error)
186 submitting.value = false; 190 submitting.value = false;
187 // 错误已由 request.js 处理 191 // 错误已由 request.js 处理
188 } finally { 192 } finally {
......
...@@ -5,13 +5,15 @@ ...@@ -5,13 +5,15 @@
5 <view class="yearRow"> 5 <view class="yearRow">
6 <view class="label">缴费年限</view> 6 <view class="label">缴费年限</view>
7 <view class="control"> 7 <view class="control">
8 <image class="icon" @click="minusYear" :src="config.baseUrl_api + '/fs/static/dd_02.png'" mode="widthFix" 8 <image v-if="form.payYear > 1" :src="config.baseUrl_api + '/fs/static/dd_02.png'" class="icon"
9 v-if="form.payYear > 1"></image> 9 mode="widthFix"
10 <image class="icon" :src="config.baseUrl_api + '/fs/static/dd_02_g.png'" mode="widthFix" v-else></image> 10 @click="minusYear"></image>
11 <image v-else :src="config.baseUrl_api + '/fs/static/dd_02_g.png'" class="icon" mode="widthFix"></image>
11 <text class="num">{{ form.payYear }}</text> 12 <text class="num">{{ form.payYear }}</text>
12 <image class="icon" :src="config.baseUrl_api + '/fs/static/btn_03.png'" mode="widthFix" @click="plusYear" 13 <image v-if="form.payYear < 5" :src="config.baseUrl_api + '/fs/static/btn_03.png'" class="icon"
13 v-if="form.payYear < 5"></image> 14 mode="widthFix"
14 <image class="icon" :src="config.baseUrl_api + '/fs/static/btn_03_g.png'" mode="widthFix" v-else></image> 15 @click="plusYear"></image>
16 <image v-else :src="config.baseUrl_api + '/fs/static/btn_03_g.png'" class="icon" mode="widthFix"></image>
15 </view> 17 </view>
16 </view> 18 </view>
17 </view> 19 </view>
...@@ -27,9 +29,9 @@ ...@@ -27,9 +29,9 @@
27 <view class="payRow "> 29 <view class="payRow ">
28 <radio-group @change="onPayTypeChange"> 30 <radio-group @change="onPayTypeChange">
29 <label class="radioItem"> 31 <label class="radioItem">
30 <radio value="1" :checked="payType === '1'" class="custom-radio" /> 32 <radio :checked="payType === '1'" class="custom-radio" value="1"/>
31 <view class="payInfo"> 33 <view class="payInfo">
32 <image class="icon" :src="config.baseUrl_api + '/fs/static/min.png'" mode="widthFix"></image> 34 <image :src="config.baseUrl_api + '/fs/static/min.png'" class="icon" mode="widthFix"></image>
33 <text>民生付</text> 35 <text>民生付</text>
34 </view> 36 </view>
35 </label> 37 </label>
...@@ -44,42 +46,43 @@ ...@@ -44,42 +46,43 @@
44 </view> 46 </view>
45 47
46 <view class="bottomBtn"> 48 <view class="bottomBtn">
47 <button class="payBtn" @click="handelPay" :loading="isPaying">立即支付 ¥{{ memberTotalFee }}</button> 49 <button :loading="isPaying" class="payBtn" @click="handelPay">立即支付 ¥{{ memberTotalFee }}</button>
48 </view> 50 </view>
49 51
50 </view> 52 </view>
51 </template> 53 </template>
52 54
53 <script setup> 55 <script setup>
54 import { 56 import {
55 ref, 57 ref,
56 computed, 58 computed,
57 onMounted 59 onMounted
58 } from 'vue' 60 } from 'vue'
59 import { 61 import {
60 onLoad 62 onLoad
61 } from '@dcloudio/uni-app'; 63 } from '@dcloudio/uni-app';
62 import to from 'await-to-js' 64 import to from 'await-to-js'
63 import * as api from '@/common/api.js' 65 import * as api from '@/common/api.js'
64 import { 66 import {
65 minShengPay 67 minShengPay
66 } from '@/common/pay.js' 68 } from '@/common/pay.js'
67 import config from '@/config.js' 69 import config from '@/config.js'
68 const form = ref({ 70
71 const form = ref({
69 payYear: 1 72 payYear: 1
70 }) 73 })
71 74
72 // 支付方式 75 // 支付方式
73 const payType = ref('1') 76 const payType = ref('1')
74 const isPaying = ref(false) 77 const isPaying = ref(false)
75 78
76 // 费用与优惠 79 // 费用与优惠
77 const memberFee = ref(0) 80 const memberFee = ref(0)
78 const memberTotalFee = computed(() => { 81 const memberTotalFee = computed(() => {
79 return memberFee.value * form.value.payYear 82 return memberFee.value * form.value.payYear
80 83
81 }) 84 })
82 onLoad((options) => { 85 onLoad((options) => {
83 if (options.baseFormData) { 86 if (options.baseFormData) {
84 const data = JSON.parse(decodeURIComponent(options.baseFormData)) 87 const data = JSON.parse(decodeURIComponent(options.baseFormData))
85 form.value = { 88 form.value = {
...@@ -89,30 +92,29 @@ import config from '@/config.js' ...@@ -89,30 +92,29 @@ import config from '@/config.js'
89 } 92 }
90 // 初始化接口 93 // 初始化接口
91 getMyMemberCertUnitFeeApi() 94 getMyMemberCertUnitFeeApi()
92 }) 95 })
93
94 96
95 97
96 // 减年限 98 // 减年限
97 const minusYear = () => { 99 const minusYear = () => {
98 if (form.value.payYear > 1) { 100 if (form.value.payYear > 1) {
99 form.value.payYear-- 101 form.value.payYear--
100 } 102 }
101 } 103 }
102 104
103 // 加年限(最大 5 年) 105 // 加年限(最大 5 年)
104 const plusYear = () => { 106 const plusYear = () => {
105 if (form.value.payYear < 5) { 107 if (form.value.payYear < 5) {
106 form.value.payYear++ 108 form.value.payYear++
107 } 109 }
108 } 110 }
109 111
110 // 支付方式切换 112 // 支付方式切换
111 const onPayTypeChange = (e) => { 113 const onPayTypeChange = (e) => {
112 payType.value = e.detail.value 114 payType.value = e.detail.value
113 } 115 }
114 116
115 const handelPay = async () => { 117 const handelPay = async () => {
116 if (memberTotalFee.value <= 0) { 118 if (memberTotalFee.value <= 0) {
117 uni.showToast({ 119 uni.showToast({
118 title: '支付金额异常', 120 title: '支付金额异常',
...@@ -127,13 +129,13 @@ import config from '@/config.js' ...@@ -127,13 +129,13 @@ import config from '@/config.js'
127 mask: true 129 mask: true
128 }) 130 })
129 isPaying.value = true 131 isPaying.value = true
130 132 form.value.validityDate = undefined
131 // 拼接完整参数 133 // 拼接完整参数
132 const postData = { 134 const postData = {
133 ...form.value, 135 ...form.value,
134 payYear: form.value.payYear, 136 payYear: form.value.payYear,
135 payType: payType.value, 137 payType: payType.value,
136 totalFee: memberTotalFee.value 138 totalFee: memberTotalFee.value,
137 } 139 }
138 140
139 // 创建订单 141 // 创建订单
...@@ -172,95 +174,94 @@ import config from '@/config.js' ...@@ -172,95 +174,94 @@ import config from '@/config.js'
172 uni.redirectTo({ 174 uni.redirectTo({
173 url: `/personal/sucPay?orderId=${orderRes.data.orderId}` 175 url: `/personal/sucPay?orderId=${orderRes.data.orderId}`
174 }) 176 })
175 } 177 }
176
177 178
178 179
179 // 获取会员费 180 // 获取会员费
180 async function getMyMemberCertUnitFeeApi() { 181 async function getMyMemberCertUnitFeeApi() {
181 const res = await api.getZtxFeeConfig() 182 const res = await api.getZtxFeeConfig()
182 memberFee.value = Number(res.data.personMemberFee || 1500) 183 memberFee.value = Number(res.data.personMemberFee || 1500)
183 } 184 }
184 </script> 185 </script>
185 186
186 <style scoped> 187 <style scoped>
187 .container { 188 .container {
188 min-height: 100vh; 189 min-height: 100vh;
189 background-color: #f7f7f7; 190 background-color: #f7f7f7;
190 } 191 }
191 192
192 .content { 193 .content {
193 padding: 20rpx 20rpx 120rpx; 194 padding: 20rpx 20rpx 120rpx;
194 } 195 }
195 196
196 .card { 197 .card {
197 background: #fff; 198 background: #fff;
198 border-radius: 8rpx; 199 border-radius: 8rpx;
199 padding: 25rpx 20rpx; 200 padding: 25rpx 20rpx;
200 margin-bottom: 20rpx; 201 margin-bottom: 20rpx;
201 } 202 }
202 203
203 .yearRow { 204 .yearRow {
204 display: flex; 205 display: flex;
205 align-items: center; 206 align-items: center;
206 justify-content: space-between; 207 justify-content: space-between;
207 margin-bottom: 20rpx; 208 margin-bottom: 20rpx;
208 } 209 }
209 210
210 .yearRow .label { 211 .yearRow .label {
211 font-size: 28rpx; 212 font-size: 28rpx;
212 color: #333; 213 color: #333;
213 } 214 }
214 215
215 .yearRow .control { 216 .yearRow .control {
216 display: flex; 217 display: flex;
217 align-items: center; 218 align-items: center;
218 } 219 }
219 220
220 .control image { 221 .control image {
221 width: 50rpx; 222 width: 50rpx;
222 height: 50rpx; 223 height: 50rpx;
223 } 224 }
224 225
225 .yearRow .num { 226 .yearRow .num {
226 font-size: 28rpx; 227 font-size: 28rpx;
227 color: #333; 228 color: #333;
228 min-width: 80rpx; 229 min-width: 80rpx;
229 text-align: center; 230 text-align: center;
230 margin: 0 10rpx; 231 margin: 0 10rpx;
231 } 232 }
232 233
233 .row { 234 .row {
234 display: flex; 235 display: flex;
235 justify-content: space-between; 236 justify-content: space-between;
236 align-items: center; 237 align-items: center;
237 } 238 }
238 239
239 .row .label { 240 .row .label {
240 font-size: 28rpx; 241 font-size: 28rpx;
241 color: #333; 242 color: #333;
242 } 243 }
243 244
244 .row .value { 245 .row .value {
245 font-size: 30rpx; 246 font-size: 30rpx;
246 color: #C4121B; 247 color: #C4121B;
247 font-weight: 500; 248 font-weight: 500;
248 } 249 }
249 250
250 .hintRow { 251 .hintRow {
251 display: flex; 252 display: flex;
252 align-items: flex-start; 253 align-items: flex-start;
253 font-size: 24rpx; 254 font-size: 24rpx;
254 line-height: 1.4; 255 line-height: 1.4;
255 } 256 }
256 257
257 .hintRow .hintText { 258 .hintRow .hintText {
258 color: #FF8124; 259 color: #FF8124;
259 flex: 1; 260 flex: 1;
260 margin-top: 10rpx; 261 margin-top: 10rpx;
261 } 262 }
262 263
263 .deductRow { 264 .deductRow {
264 background: #fff; 265 background: #fff;
265 padding: 20rpx 20rpx; 266 padding: 20rpx 20rpx;
266 display: flex; 267 display: flex;
...@@ -268,48 +269,48 @@ import config from '@/config.js' ...@@ -268,48 +269,48 @@ import config from '@/config.js'
268 align-items: center; 269 align-items: center;
269 margin-bottom: 10rpx; 270 margin-bottom: 10rpx;
270 border-radius: 8rpx; 271 border-radius: 8rpx;
271 } 272 }
272 273
273 .deductRow .label { 274 .deductRow .label {
274 font-size: 28rpx; 275 font-size: 28rpx;
275 color: #333; 276 color: #333;
276 } 277 }
277 278
278 .deductRow .value { 279 .deductRow .value {
279 font-size: 30rpx; 280 font-size: 30rpx;
280 color: #C4121B; 281 color: #C4121B;
281 } 282 }
282 283
283 .payRow { 284 .payRow {
284 background: #fff; 285 background: #fff;
285 border-radius: 8rpx; 286 border-radius: 8rpx;
286 padding: 20rpx 20rpx; 287 padding: 20rpx 20rpx;
287 margin-bottom: 20rpx; 288 margin-bottom: 20rpx;
288 } 289 }
289 290
290 .radioItem { 291 .radioItem {
291 display: flex; 292 display: flex;
292 align-items: center; 293 align-items: center;
293 } 294 }
294 295
295 .payInfo { 296 .payInfo {
296 display: flex; 297 display: flex;
297 align-items: center; 298 align-items: center;
298 margin-left: 15rpx; 299 margin-left: 15rpx;
299 } 300 }
300 301
301 .payInfo .icon { 302 .payInfo .icon {
302 width: 40rpx; 303 width: 40rpx;
303 height: 40rpx; 304 height: 40rpx;
304 margin-right: 10rpx; 305 margin-right: 10rpx;
305 } 306 }
306 307
307 .payInfo text { 308 .payInfo text {
308 font-size: 28rpx; 309 font-size: 28rpx;
309 color: #333; 310 color: #333;
310 } 311 }
311 312
312 .totalRow { 313 .totalRow {
313 background: #fff; 314 background: #fff;
314 border-radius: 8rpx; 315 border-radius: 8rpx;
315 padding: 20rpx 20rpx; 316 padding: 20rpx 20rpx;
...@@ -317,20 +318,20 @@ import config from '@/config.js' ...@@ -317,20 +318,20 @@ import config from '@/config.js'
317 justify-content: space-between; 318 justify-content: space-between;
318 align-items: center; 319 align-items: center;
319 margin-top: 10rpx; 320 margin-top: 10rpx;
320 } 321 }
321 322
322 .totalRow .label { 323 .totalRow .label {
323 font-size: 28rpx; 324 font-size: 28rpx;
324 color: #333; 325 color: #333;
325 } 326 }
326 327
327 .redBig { 328 .redBig {
328 font-size: 32rpx; 329 font-size: 32rpx;
329 color: #C4121B; 330 color: #C4121B;
330 font-weight: bold; 331 font-weight: bold;
331 } 332 }
332 333
333 .bottomBtn { 334 .bottomBtn {
334 position: fixed; 335 position: fixed;
335 bottom: 0; 336 bottom: 0;
336 left: 0; 337 left: 0;
...@@ -338,9 +339,9 @@ import config from '@/config.js' ...@@ -338,9 +339,9 @@ import config from '@/config.js'
338 padding: 20rpx 20rpx; 339 padding: 20rpx 20rpx;
339 background: #fff; 340 background: #fff;
340 border-top: 1rpx solid #eee; 341 border-top: 1rpx solid #eee;
341 } 342 }
342 343
343 .payBtn { 344 .payBtn {
344 width: 100%; 345 width: 100%;
345 height: 88rpx; 346 height: 88rpx;
346 line-height: 88rpx; 347 line-height: 88rpx;
...@@ -350,30 +351,30 @@ import config from '@/config.js' ...@@ -350,30 +351,30 @@ import config from '@/config.js'
350 font-size: 32rpx; 351 font-size: 32rpx;
351 text-align: center; 352 text-align: center;
352 border: none; 353 border: none;
353 } 354 }
354 355
355 .payBtn[disabled] { 356 .payBtn[disabled] {
356 background-color: #ccc; 357 background-color: #ccc;
357 color: #999; 358 color: #999;
358 } 359 }
359 360
360 .red { 361 .red {
361 color: #C4121B; 362 color: #C4121B;
362 } 363 }
363 364
364 .icon { 365 .icon {
365 width: 30px; 366 width: 30px;
366 } 367 }
367 368
368 ::v-deep .custom-radio .wx-radio-input { 369 ::v-deep .custom-radio .wx-radio-input {
369 width: 30rpx; 370 width: 30rpx;
370 height: 30rpx; 371 height: 30rpx;
371 border-radius: 50%; 372 border-radius: 50%;
372 border: 2rpx solid #ccc; 373 border: 2rpx solid #ccc;
373 } 374 }
374 375
375 ::v-deep .custom-radio .wx-radio-input.wx-radio-input-checked { 376 ::v-deep .custom-radio .wx-radio-input.wx-radio-input-checked {
376 border-color: #C4121B !important; 377 border-color: #C4121B !important;
377 background: #C4121B !important; 378 background: #C4121B !important;
378 } 379 }
379 </style> 380 </style>
......
...@@ -141,6 +141,7 @@ const queryParams = reactive({ ...@@ -141,6 +141,7 @@ const queryParams = reactive({
141 pageNum: 1, 141 pageNum: 1,
142 pageSize: 10, 142 pageSize: 10,
143 type: '0', // 0表示个人会员 143 type: '0', // 0表示个人会员
144 subType: '1', //0道馆 1个人
144 // queryType: '1', 145 // queryType: '1',
145 // payStatus: '', 146 // payStatus: '',
146 perId: '' 147 perId: ''
...@@ -269,7 +270,7 @@ const handlePay = async (item) => { ...@@ -269,7 +270,7 @@ const handlePay = async (item) => {
269 270
270 // 申请开票 271 // 申请开票
271 const makeInvoiceFN = (item) => { 272 const makeInvoiceFN = (item) => {
272 uni.navigateTo({url: `/pages/invoice/apply?orderId=${item.id}amount=${item.price}`}); 273 uni.navigateTo({url: `/pages/invoice/apply?orderId=${item.id}&amount=${item.price}&type=1`});
273 }; 274 };
274 275
275 // 取消订单 276 // 取消订单
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!