Merge branch 'master' of https://code.itechtop.cn/yangyang/ztx_wx_gzt
Showing
6 changed files
with
200 additions
and
178 deletions
| ... | @@ -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 | // 取消订单 | ... | ... |
-
Please register or sign in to post a comment