1 line
14 KiB
Plaintext
1 line
14 KiB
Plaintext
{"version":3,"file":"withdraw.js","sources":["../../../../../../src/modules/mall/commission/withdraw.vue","../../../../../../uniPage:/bW9kdWxlc1xtYWxsXGNvbW1pc3Npb25cd2l0aGRyYXcudnVl"],"sourcesContent":["<!-- 分佣提现 -->\r\n<template>\r\n <s-layout title=\"申请提现\" class=\"withdraw-wrap\" navbar=\"inner\">\r\n <view class=\"page-bg\"></view>\r\n <view\r\n class=\"wallet-num-box ss-flex ss-col-center ss-row-between\"\r\n :style=\"[\r\n {\r\n marginTop: '-' + Number(statusBarHeight + 88) + 'rpx',\r\n paddingTop: Number(statusBarHeight + 108) + 'rpx',\r\n },\r\n ]\"\r\n >\r\n <view class=\"\">\r\n <view class=\"num-title\">可提现金额（元）</view>\r\n <view class=\"wallet-num\">{{ fen2yuan(state.brokerageInfo.brokeragePrice) }}</view>\r\n </view>\r\n <button\r\n class=\"ss-reset-button log-btn\"\r\n @tap=\"sheep.$router.go('/modules/mall/commission/wallet', { type: 2 })\"\r\n >\r\n 提现记录\r\n </button>\r\n </view>\r\n <!-- 提现输入卡片-->\r\n <view class=\"draw-card\">\r\n <view class=\"bank-box ss-flex ss-col-center ss-row-between ss-m-b-30\">\r\n <view class=\"name\">提现至</view>\r\n <view class=\"bank-list ss-flex ss-col-center\" @tap=\"onAccountSelect(true)\">\r\n <view v-if=\"!state.accountInfo.type\" class=\"empty-text\">请选择提现方式</view>\r\n <view v-if=\"state.accountInfo.type === '1'\" class=\"empty-text\">钱包余额</view>\r\n <view v-if=\"state.accountInfo.type === '2'\" class=\"empty-text\">银行卡转账</view>\r\n <view v-if=\"state.accountInfo.type === '3'\" class=\"empty-text\">微信零钱</view>\r\n <view v-if=\"state.accountInfo.type === '4'\" class=\"empty-text\">支付宝账户</view>\r\n <text class=\"cicon-forward\" />\r\n </view>\r\n </view>\r\n <!-- 提现金额 -->\r\n <view class=\"card-title\">提现金额</view>\r\n <view class=\"input-box ss-flex ss-col-center border-bottom\">\r\n <view class=\"unit\">￥</view>\r\n <uni-easyinput\r\n :inputBorder=\"false\"\r\n class=\"ss-flex-1 ss-p-l-10\"\r\n v-model=\"state.accountInfo.price\"\r\n type=\"number\"\r\n placeholder=\"请输入提现金额\"\r\n />\r\n </view>\r\n <!-- 提现账号 -->\r\n <view class=\"card-title\" v-show=\"['2', '3', '4'].includes(state.accountInfo.type)\">\r\n 提现账号\r\n </view>\r\n <view\r\n class=\"input-box ss-flex ss-col-center border-bottom\"\r\n v-show=\"['2', '3', '4'].includes(state.accountInfo.type)\"\r\n >\r\n <view class=\"unit\" />\r\n <uni-easyinput\r\n :inputBorder=\"false\"\r\n class=\"ss-flex-1 ss-p-l-10\"\r\n v-model=\"state.accountInfo.accountNo\"\r\n placeholder=\"请输入提现账号\"\r\n />\r\n </view>\r\n <!-- 收款码 -->\r\n <view class=\"card-title\" v-show=\"['3', '4'].includes(state.accountInfo.type)\">收款码</view>\r\n <view\r\n class=\"input-box ss-flex ss-col-center\"\r\n v-show=\"['3', '4'].includes(state.accountInfo.type)\"\r\n >\r\n <view class=\"unit\" />\r\n <view class=\"upload-img\">\r\n <s-uploader\r\n v-model:url=\"state.accountInfo.accountQrCodeUrl\"\r\n fileMediatype=\"image\"\r\n limit=\"1\"\r\n mode=\"grid\"\r\n :imageStyles=\"{ width: '168rpx', height: '168rpx' }\"\r\n />\r\n </view>\r\n </view>\r\n <!-- 持卡人姓名 -->\r\n <view class=\"card-title\" v-show=\"state.accountInfo.type === '2'\">持卡人</view>\r\n <view\r\n class=\"input-box ss-flex ss-col-center border-bottom\"\r\n v-show=\"state.accountInfo.type === '2'\"\r\n >\r\n <view class=\"unit\" />\r\n <uni-easyinput\r\n :inputBorder=\"false\"\r\n class=\"ss-flex-1 ss-p-l-10\"\r\n v-model=\"state.accountInfo.name\"\r\n placeholder=\"请输入持卡人姓名\"\r\n />\r\n </view>\r\n <!-- 提现银行 -->\r\n <view class=\"card-title\" v-show=\"state.accountInfo.type === '2'\">提现银行</view>\r\n <view\r\n class=\"input-box ss-flex ss-col-center border-bottom\"\r\n v-show=\"state.accountInfo.type === '2'\"\r\n >\r\n <view class=\"unit\" />\r\n <uni-easyinput\r\n :inputBorder=\"false\"\r\n class=\"ss-flex-1 ss-p-l-10\"\r\n v-model=\"state.accountInfo.bankName\"\r\n placeholder=\"请输入提现银行\"\r\n />\r\n </view>\r\n <!-- 开户地址 -->\r\n <view class=\"card-title\" v-show=\"state.accountInfo.type === '2'\">开户地址</view>\r\n <view\r\n class=\"input-box ss-flex ss-col-center border-bottom\"\r\n v-show=\"state.accountInfo.type === '2'\"\r\n >\r\n <view class=\"unit\" />\r\n <uni-easyinput\r\n :inputBorder=\"false\"\r\n class=\"ss-flex-1 ss-p-l-10\"\r\n v-model=\"state.accountInfo.bankAddress\"\r\n placeholder=\"请输入开户地址\"\r\n />\r\n </view>\r\n <button class=\"ss-reset-button save-btn ui-BG-Main-Gradient ui-Shadow-Main\" @tap=\"onConfirm\">\r\n 确认提现\r\n </button>\r\n </view>\r\n\r\n <!-- 提现说明 -->\r\n <view class=\"draw-notice\">\r\n <view class=\"title ss-m-b-30\">提现说明</view>\r\n <view class=\"draw-list\">最低提现金额 {{ fen2yuan(state.minPrice) }} 元</view>\r\n <view class=\"draw-list\">\r\n 冻结佣金：\r\n <text>￥{{ fen2yuan(state.brokerageInfo.frozenPrice) }}</text>\r\n （每笔佣金的冻结期为 {{ state.frozenDays }} 天，到期后可提现）\r\n </view>\r\n </view>\r\n\r\n <!-- 选择提现账户 -->\r\n <account-type-select\r\n :show=\"state.accountSelect\"\r\n @close=\"onAccountSelect(false)\"\r\n round=\"10\"\r\n v-model=\"state.accountInfo\"\r\n :methods=\"state.withdrawTypes\"\r\n />\r\n </s-layout>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed, reactive, onBeforeMount } from 'vue'\r\nimport sheep from '@/sheep'\r\nimport accountTypeSelect from './components/account-type-select.vue'\r\nimport { fen2yuan } from '@/sheep/hooks/useGoods'\r\nimport TradeConfigApi from '@/sheep/api/trade/config'\r\nimport BrokerageApi from '@/sheep/api/trade/brokerage'\r\n\r\nconst headerBg = sheep.$url.css('/static/img/shop/user/withdraw_bg.png')\r\nconst statusBarHeight = sheep.$platform.device.statusBarHeight * 2\r\n\r\nconst userStore = sheep.$store('user')\r\nconst userInfo = computed(() => userStore.userInfo)\r\nconst state = reactive({\r\n accountInfo: {\r\n // 提现表单\r\n type: undefined,\r\n accountNo: undefined,\r\n accountQrCodeUrl: undefined,\r\n name: undefined,\r\n bankName: undefined,\r\n bankAddress: undefined,\r\n },\r\n\r\n accountSelect: false,\r\n\r\n brokerageInfo: {}, // 分销信息\r\n\r\n frozenDays: 0, // 冻结天数\r\n minPrice: 0, // 最低提现金额\r\n withdrawTypes: [], // 提现方式\r\n})\r\n\r\n// 打开提现方式的弹窗\r\nconst onAccountSelect = (e) => {\r\n state.accountSelect = e\r\n}\r\n\r\n// 提交提现\r\nconst onConfirm = async () => {\r\n // 参数校验\r\n debugger\r\n if (\r\n !state.accountInfo.price ||\r\n state.accountInfo.price > state.brokerageInfo.price ||\r\n state.accountInfo.price <= 0\r\n ) {\r\n sheep.$helper.toast('请输入正确的提现金额')\r\n return\r\n }\r\n if (!state.accountInfo.type) {\r\n sheep.$helper.toast('请选择提现方式')\r\n return\r\n }\r\n // 提交请求\r\n const { code } = await BrokerageApi.createBrokerageWithdraw({\r\n ...state.accountInfo,\r\n price: state.accountInfo.price * 100,\r\n })\r\n if (code !== 0) {\r\n return\r\n }\r\n // 提示\r\n uni.showModal({\r\n title: '操作成功',\r\n content: '您的提现申请已成功提交',\r\n cancelText: '继续提现',\r\n confirmText: '查看记录',\r\n success: (res) => {\r\n if (res.confirm) {\r\n sheep.$router.go('/modules/mall/commission/wallet', { type: 2 })\r\n return\r\n }\r\n getBrokerageUser()\r\n state.accountInfo = {}\r\n },\r\n })\r\n}\r\n\r\n// 获得分销配置\r\nasync function getWithdrawRules() {\r\n const { code, data } = await TradeConfigApi.getTradeConfig()\r\n if (code !== 0) {\r\n return\r\n }\r\n if (data) {\r\n state.minPrice = data.brokerageWithdrawMinPrice || 0\r\n state.frozenDays = data.brokerageFrozenDays || 0\r\n state.withdrawTypes = data.brokerageWithdrawTypes\r\n }\r\n}\r\n\r\n// 获得分销信息\r\nasync function getBrokerageUser() {\r\n const { data, code } = await BrokerageApi.getBrokerageUser()\r\n if (code === 0) {\r\n state.brokerageInfo = data\r\n }\r\n}\r\n\r\nonBeforeMount(() => {\r\n getWithdrawRules()\r\n getBrokerageUser()\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n:deep() {\r\n .uni-input-input {\r\n font-family: OPPOSANS !important;\r\n }\r\n}\r\n\r\n.wallet-num-box {\r\n padding: 0 40rpx 80rpx;\r\n background: var(--ui-BG-Main) v-bind(headerBg) center/750rpx 100% no-repeat;\r\n border-radius: 0 0 5% 5%;\r\n\r\n .num-title {\r\n margin-bottom: 20rpx;\r\n font-size: 26rpx;\r\n font-weight: 500;\r\n color: $white;\r\n }\r\n\r\n .wallet-num {\r\n font-family: OPPOSANS;\r\n font-size: 60rpx;\r\n font-weight: 500;\r\n color: $white;\r\n }\r\n\r\n .log-btn {\r\n width: 170rpx;\r\n height: 60rpx;\r\n padding: 0;\r\n font-size: 26rpx;\r\n font-weight: 500;\r\n line-height: 60rpx;\r\n color: $white;\r\n border: 1rpx solid $white;\r\n border-radius: 30rpx;\r\n }\r\n}\r\n\r\n// 提现输入卡片\r\n.draw-card {\r\n position: relative;\r\n z-index: 3;\r\n box-sizing: border-box;\r\n width: 690rpx;\r\n min-height: 560rpx;\r\n padding: 30rpx;\r\n margin: -60rpx 30rpx 30rpx 30rpx;\r\n background-color: $white;\r\n border-radius: 20rpx;\r\n\r\n .card-title {\r\n margin-bottom: 30rpx;\r\n font-size: 30rpx;\r\n font-weight: 500;\r\n }\r\n\r\n .bank-box {\r\n .name {\r\n font-size: 28rpx;\r\n font-weight: 500;\r\n }\r\n\r\n .bank-list {\r\n .empty-text {\r\n font-size: 28rpx;\r\n font-weight: 400;\r\n color: $dark-9;\r\n }\r\n\r\n .cicon-forward {\r\n color: $dark-9;\r\n }\r\n }\r\n\r\n .input-box {\r\n width: 624rpx;\r\n height: 100rpx;\r\n margin-bottom: 40rpx;\r\n\r\n .unit {\r\n font-size: 48rpx;\r\n font-weight: 500;\r\n color: #333;\r\n }\r\n\r\n .uni-easyinput__placeholder-class {\r\n height: 36rpx;\r\n font-size: 30rpx;\r\n }\r\n\r\n :deep(.uni-easyinput__content-input) {\r\n font-size: 48rpx;\r\n }\r\n }\r\n\r\n .save-btn {\r\n width: 616rpx;\r\n height: 86rpx;\r\n margin-top: 80rpx;\r\n line-height: 86rpx;\r\n border-radius: 40rpx;\r\n }\r\n }\r\n\r\n .bind-box {\r\n .placeholder-text {\r\n font-size: 26rpx;\r\n color: $dark-9;\r\n }\r\n\r\n .add-btn {\r\n width: 100rpx;\r\n height: 50rpx;\r\n font-size: 22rpx;\r\n line-height: 50rpx;\r\n color: var(--ui-BG-Main);\r\n background-color: var(--ui-BG-Main-light);\r\n border-radius: 25rpx;\r\n }\r\n }\r\n\r\n .input-box {\r\n width: 624rpx;\r\n height: 100rpx;\r\n margin-bottom: 40rpx;\r\n\r\n .unit {\r\n font-size: 48rpx;\r\n font-weight: 500;\r\n color: #333;\r\n }\r\n\r\n .uni-easyinput__placeholder-class {\r\n font-size: 30rpx;\r\n }\r\n\r\n :deep(.uni-easyinput__content-input) {\r\n font-size: 48rpx;\r\n }\r\n }\r\n\r\n .save-btn {\r\n width: 616rpx;\r\n height: 86rpx;\r\n margin-top: 80rpx;\r\n line-height: 86rpx;\r\n border-radius: 40rpx;\r\n }\r\n}\r\n\r\n// 提现说明\r\n.draw-notice {\r\n box-sizing: border-box;\r\n width: 684rpx;\r\n padding: 30rpx;\r\n margin: 20rpx 32rpx 0 32rpx;\r\n background: #ffffff;\r\n border: 2rpx solid #fffaee;\r\n border-radius: 20rpx;\r\n\r\n .title {\r\n font-size: 30rpx;\r\n font-weight: 500;\r\n color: #333333;\r\n }\r\n\r\n .draw-list {\r\n font-size: 24rpx;\r\n line-height: 46rpx;\r\n color: #999999;\r\n }\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/commission/withdraw.vue'\nwx.createPage(MiniProgramPage)"],"names":["sheep","computed","reactive","BrokerageApi","uni","TradeConfigApi","onBeforeMount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA,MAAA,oBAAA,MAAA;;;;;;;AAKA,UAAA,WAAAA,YAAA,MAAA,KAAA,IAAA,uCAAA;AACA,UAAA,kBAAAA,YAAAA,MAAA,UAAA,OAAA,kBAAA;AAEA,UAAA,YAAAA,YAAAA,MAAA,OAAA,MAAA;AACAC,kBAAAA,SAAA,MAAA,UAAA,QAAA;AACA,UAAA,QAAAC,cAAAA,SAAA;AAAA,MACA,aAAA;AAAA;AAAA,QAEA,MAAA;AAAA,QACA,WAAA;AAAA,QACA,kBAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAA;AAAA,MACA;AAAA,MAEA,eAAA;AAAA,MAEA,eAAA,CAAA;AAAA;AAAA,MAEA,YAAA;AAAA;AAAA,MACA,UAAA;AAAA;AAAA,MACA,eAAA,CAAA;AAAA;AAAA,IACA,CAAA;AAGA,UAAA,kBAAA,CAAA,MAAA;AACA,YAAA,gBAAA;AAAA,IACA;AAGA,UAAA,YAAA,MAAA;AAEA;AACA,UACA,CAAA,MAAA,YAAA,SACA,MAAA,YAAA,QAAA,MAAA,cAAA,SACA,MAAA,YAAA,SAAA,GACA;AACAF,0BAAA,QAAA,MAAA,YAAA;AACA;AAAA,MACA;AACA,UAAA,CAAA,MAAA,YAAA,MAAA;AACAA,0BAAA,QAAA,MAAA,SAAA;AACA;AAAA,MACA;AAEA,YAAA,EAAA,KAAA,IAAA,MAAAG,0BAAAA,aAAA,wBAAA,iCACA,MAAA,cADA;AAAA,QAEA,OAAA,MAAA,YAAA,QAAA;AAAA,MACA,EAAA;AACA,UAAA,SAAA,GAAA;AACA;AAAA,MACA;AAEAC,oBAAAA,MAAA,UAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA;AAAA,QACA,aAAA;AAAA,QACA,SAAA,CAAA,QAAA;AACA,cAAA,IAAA,SAAA;AACAJ,wBAAA,MAAA,QAAA,GAAA,mCAAA,EAAA,MAAA,GAAA;AACA;AAAA,UACA;AACA,2BAAA;AACA,gBAAA,cAAA,CAAA;AAAA,QACA;AAAA,MACA,CAAA;AAAA,IACA;AAGA,aAAA,mBAAA;AAAA;AACA,cAAA,EAAA,MAAA,KAAA,IAAA,MAAAK,uBAAAA,eAAA,eAAA;AACA,YAAA,SAAA,GAAA;AACA;AAAA,QACA;AACA,YAAA,MAAA;AACA,gBAAA,WAAA,KAAA,6BAAA;AACA,gBAAA,aAAA,KAAA,uBAAA;AACA,gBAAA,gBAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA;AAGA,aAAA,mBAAA;AAAA;AACA,cAAA,EAAA,MAAA,KAAA,IAAA,MAAAF,0BAAAA,aAAA,iBAAA;AACA,YAAA,SAAA,GAAA;AACA,gBAAA,gBAAA;AAAA,QACA;AAAA,MACA;AAAA;AAEAG,kBAAAA,cAAA,MAAA;AACA,uBAAA;AACA,uBAAA;AAAA,IACA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7PA,GAAG,WAAW,eAAe;"} |