|
|
@@ -0,0 +1,651 @@
|
|
|
+<template>
|
|
|
+ <div v-loading="loading">
|
|
|
+ <div class="white-box">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="14" :lg="14">
|
|
|
+ <el-form :model="form" ref="form" :label-position="labelPosition" class="form-page">
|
|
|
+ <el-divider content-position="left">{{ $t('user.memberInformation') }}</el-divider>
|
|
|
+ <el-form-item :label="$t('shop.memberCode')" prop="insertUserName">
|
|
|
+ <el-input
|
|
|
+ v-model="form.insertUserName"
|
|
|
+ :placeholder="$t('shop.enterMemberCode')"
|
|
|
+ :rules="{ required: true, message: $t('shop.enterMemberCode'), trigger: 'blur' }"
|
|
|
+ @blur="fetchUpgrade"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="Member level"><!-- 会员级别 -->
|
|
|
+ <el-input v-model="form.userDecName" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="Member name"><!-- 会员姓名 -->
|
|
|
+ <el-input v-model="form.userRealName" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="Joining date"><!-- 加入日期 -->
|
|
|
+ <el-input v-model="form.addAt" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax" label="Upgrade way"><!-- 升级方式 -->
|
|
|
+ <el-input v-model="form.upgradeFunc" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax" label="To upgrade level " prop="upgradeValue"><!-- 升级级别 -->
|
|
|
+ <el-select v-model="form.upgradeValue" placeholder="Please select a level" @change="changeLevel"><!-- 请选择级别 -->
|
|
|
+ <el-option
|
|
|
+ v-for="item in upgradeOption"
|
|
|
+ :key="item.ID"
|
|
|
+ :label="item.LEVEL_NAME"
|
|
|
+ :value="{value:item.ID, diffPv:item.REPAIR_PV}">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax" label="Top Up(BV)"><!-- 升级补差业绩 -->
|
|
|
+ <el-input v-model="needDiffPv" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax">
|
|
|
+ <template slot="label">
|
|
|
+ Upgrade purchase product<!-- 升级购买商品 -->
|
|
|
+ </template>
|
|
|
+ <el-tabs type="border-card" v-model="decWay" style="position: relative;width: 100%;">
|
|
|
+ <el-tab-pane label="product" name="2"><!-- 商品 -->
|
|
|
+ <el-tab-pane :label="$t('shop.product')" name="2">
|
|
|
+ <el-table :data="tableData" :show-header="false" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="50" align="center"></el-table-column>
|
|
|
+ <el-table-column align="center">
|
|
|
+ <template slot-scope="{row, $index}">
|
|
|
+ <el-container>
|
|
|
+ <el-aside width="80px" style="background-color: #ffffff; padding: 10px 0;">
|
|
|
+ <el-image style="width: 80px; height: 80px" :src="tool.getArImage(row.COVER, '/files/')"></el-image>
|
|
|
+ </el-aside>
|
|
|
+ <el-main style="padding: 0;">
|
|
|
+ <div style="text-align: left; line-height: 25px;">
|
|
|
+ <span style="font-weight: bold;" @click="handleProduct(row)">{{ row.GOODS_NAME }}</span><br />
|
|
|
+ <span>{{ row.GOODS_NO }}</span><br />
|
|
|
+ <span style="color: tomato;">{{ $t('shop.productPrice') }}：{{ $t('currency.sign') }} {{ row.SELL_PRICE }}</span><br />
|
|
|
+ <span>{{ $t('shop.productBV') }}：{{ $t('currency.sign') }} {{ row.PRICE_PV }}</span><br />
|
|
|
+ <span style="display: inline-block; float: right; ">
|
|
|
+ <el-input-number size="mini" v-model="storeNums[$index]" :min="1" :max="Number(row.STORE_NUMS)" @change="handleInputNumber($event, row)"></el-input-number>
|
|
|
+ </span>
|
|
|
+ <br />
|
|
|
+ </div>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <div class="white-box-footer">
|
|
|
+ <div class="flex data" style="float: right; display: inline-block; line-height: 35px; font-size: 14px; margin-top: 20px; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 15px;">
|
|
|
+ <div style="margin-right: 2rem; display: inline-block;">{{ $t('shop.productPrice') }}：{{ $t('currency.sign') }} {{ sellPriceSum }}</div>
|
|
|
+ <div style="margin-right: 2rem; display: inline-block;">{{ $t('shop.productBV') }}：{{ $t('currency.sign') }} {{ pricePvSum }}</div>
|
|
|
+ <div style="display: inline-block;">{{ $t('shop.taxAmount') }}：{{ $t('currency.sign') }} {{ taxSum }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax">
|
|
|
+ <template slot="label">
|
|
|
+ Recipient name<!-- 收货人 -->
|
|
|
+ </template>
|
|
|
+ <el-input v-model="form.consignee"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax">
|
|
|
+ <template slot="label">
|
|
|
+ Phone Number<!-- 收货人手机 -->
|
|
|
+ </template>
|
|
|
+ <el-input v-model="form.acceptMobile"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax" prop="areaSelected">
|
|
|
+ <template slot="label">
|
|
|
+ State<!-- 地区 -->
|
|
|
+ </template>
|
|
|
+<!-- <el-cascader-->
|
|
|
+<!-- size="large"-->
|
|
|
+<!-- :options="regionData"-->
|
|
|
+<!-- v-model="form.areaSelected">-->
|
|
|
+<!-- </el-cascader>-->
|
|
|
+ <el-select v-model="form.areaSelected" class="filter-item" style="width: 100%;">
|
|
|
+ <el-option v-for="item in regionData" :key="item.id" :label="item.address" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax">
|
|
|
+ <template slot="label">
|
|
|
+ Local Government Area
|
|
|
+ </template>
|
|
|
+ <el-input v-model="form.lgaName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax">
|
|
|
+ <template slot="label">
|
|
|
+ City
|
|
|
+ </template>
|
|
|
+ <el-input v-model="form.cityName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax">
|
|
|
+ <template slot="label">
|
|
|
+ Detailed address<!-- 详细地址 -->
|
|
|
+ </template>
|
|
|
+ <el-input v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!isMax" label="note"><!-- 备注 -->
|
|
|
+ <el-input type="textarea" v-model="form.remark"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item v-if="!isMax" label="Payment method" required><!-- 支付方式 -->
|
|
|
+ <el-radio-group v-model="form.payType" @change="payMethodChange">
|
|
|
+ <el-radio v-for="(item, index) in payList" :key='index' :label="item.label">{{ item.name }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item v-if="!isMax">
|
|
|
+ <el-button type="primary" @click="onSubmit" :loading="submitButtonStat">SAVE<!-- 保存 --></el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- payStack模态框 -->
|
|
|
+ <el-dialog :title="$t('shop.goPay')" :visible.sync="visible" :width="payStackScreenWidth" v-loading="payStackLoading" :before-close="handleClose">
|
|
|
+ <section>
|
|
|
+ <el-form :model="payForm">
|
|
|
+ <el-form-item :label="$t('user.email')" label-width="100px" required>
|
|
|
+ <el-input v-model="payForm.email" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="$t('shop.amount')" label-width="100px" required>
|
|
|
+ <el-input v-model="payForm.amount" autocomplete="off" readonly></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </section>
|
|
|
+ <paystack
|
|
|
+ :firstname="payForm.firstname"
|
|
|
+ :lastname="payForm.lastname"
|
|
|
+ :amount="payForm.amount * 100"
|
|
|
+ :email="payForm.email"
|
|
|
+ :metadata="payForm.metadata"
|
|
|
+ :currency="payForm.currency"
|
|
|
+ :paystackkey="payForm.publicKey"
|
|
|
+ :reference="reference"
|
|
|
+ :channels="channels"
|
|
|
+ :callback="processPayment"
|
|
|
+ :close="handleClose"
|
|
|
+ >
|
|
|
+ <el-button type="primary" size="small">{{ $t('shop.goPay') }}</el-button>
|
|
|
+ </paystack>
|
|
|
+ <el-button type="danger" size="small" class="cancelButton" @click="handleClose" style="margin-left: 10px;">{{ $t('common.cancel') }}</el-button>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 倒计时页面 -->
|
|
|
+ <el-dialog :title="$t('common.hint')" :visible.sync="payDialog" :width="payStackScreenWidth" :show-close="false" :close="handleOrderList">
|
|
|
+ <el-card shadow="always">
|
|
|
+ <el-result icon="success" :title="$t('common.successfully')" :subTitle="$t('shop.successOrderTips')">
|
|
|
+ <template slot="extra">
|
|
|
+ <el-button type="primary" size="medium" @click="handleOrderList">{{ $t('shop.goBack') }}({{ countdown }})</el-button>
|
|
|
+ </template>
|
|
|
+ </el-result>
|
|
|
+ </el-card>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 商品详情 -->
|
|
|
+ <el-dialog :title="product.GOODS_NO" :visible.sync="visibleProduct" :width="screenWidth" style="margin-top: -95px;">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12">
|
|
|
+ <el-image style="width: 100%; height: 100%" :style="imageStyle" :src="tool.getArImage(product.COVER, '/files/')"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12">
|
|
|
+ <div style="text-align: left; line-height: 50px; font-size: 16px;">
|
|
|
+ <span style="font-weight: bold; font-size: 20px;">{{ product.GOODS_NAME }}</span><br />
|
|
|
+ <span style="font-weight: bold; font-size: 15px;">{{ $t('shop.productCode') }}：{{ product.GOODS_NO }}</span><br />
|
|
|
+ <span style="color: tomato;">{{ $t('shop.productPrice') }}：{{ $t('currency.sign') }} {{ product.SELL_PRICE }}</span><br />
|
|
|
+ <span>{{ $t('shop.productBV') }}：{{ product.PRICE_PV }}</span><br />
|
|
|
+ <span>{{ $t('shop.taxRate') }}：{{ product.TAX_RATE / 100 }}</span><br />
|
|
|
+ <span>{{ $t('shop.taxAmount') }}：{{ $t('currency.sign') }} {{ product.taxAmount }}</span><br />
|
|
|
+ <span>{{ $t('shop.inventory') }}：{{ product.STORE_NUMS }}</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {createBrandAmbassador, fetchFullInfo, fetchUpgrade} from '@/api/user'
|
|
|
+import waves from '@/directive/waves'
|
|
|
+import {formatAmount, getScreenWidth} from "@/utils"
|
|
|
+import Pagination from '@/components/Pagination'
|
|
|
+import paystack from 'vue-paystack'
|
|
|
+import tool from "@/utils/tool"
|
|
|
+import {deleteApproachOrder} from "@/api/shop"
|
|
|
+import {mapGetters} from "vuex"
|
|
|
+import userInfo from "@/utils/usersInfo"
|
|
|
+import usersInfo from "@/utils/usersInfo";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'upgradeManagement',
|
|
|
+ components: { Pagination, paystack },
|
|
|
+ directives: { waves },
|
|
|
+ filters: {
|
|
|
+ bvFilter(row) {
|
|
|
+ return tool.calculateBV(row.REAL_PV, row.BUY_NUMS)
|
|
|
+ },
|
|
|
+ taxAmountFilter(row) {
|
|
|
+ return tool.calculateTax(row.REAL_PRICE, row.BUY_NUMS)
|
|
|
+ },
|
|
|
+ priceAmountFilter(row) {
|
|
|
+ return tool.formatPrice(row.REAL_PRICE, row.BUY_NUMS)
|
|
|
+ },
|
|
|
+ amountFilter(amount) {
|
|
|
+ return formatAmount(amount)
|
|
|
+ },
|
|
|
+ statusFilter(status) {
|
|
|
+ const statusMap = {
|
|
|
+ Unpaid: 'info',
|
|
|
+ Paid: 'success'
|
|
|
+ }
|
|
|
+ return statusMap[status]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters([
|
|
|
+ 'regionInfo',
|
|
|
+ ]),
|
|
|
+ // PayStack混淆串
|
|
|
+ reference() {
|
|
|
+ let text = ''
|
|
|
+ let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"
|
|
|
+ for (let i = 0; i < 10; i++) {
|
|
|
+ text += possible.charAt(Math.floor(Math.random() * possible.length))
|
|
|
+ }
|
|
|
+ return text
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ nowPerf: '',
|
|
|
+ nextPerf: '',
|
|
|
+ decUserName: '',
|
|
|
+ needDiffPv: '',
|
|
|
+ isMax: true,
|
|
|
+ upgradeOption: [],
|
|
|
+ toLevel: '',
|
|
|
+ currentRow: null,
|
|
|
+ decWay: '2',
|
|
|
+ // TODO: 地区需处理
|
|
|
+ regionData: [
|
|
|
+ {
|
|
|
+ id: '10600',
|
|
|
+ address: 'test1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '10601',
|
|
|
+ address: 'test2',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ form: {
|
|
|
+ address: '',
|
|
|
+ areaSelected:[],
|
|
|
+ consignee: '',
|
|
|
+ upgradeFunc: '',
|
|
|
+ upgradeValue: '',
|
|
|
+ addAt: '',
|
|
|
+ userRealName: '',
|
|
|
+ userDecName: '',
|
|
|
+ remark: '',
|
|
|
+ realName: '',
|
|
|
+ decLv: '',
|
|
|
+ insertUserName: '',
|
|
|
+ decUserName: '',
|
|
|
+ recUserName: '',
|
|
|
+ conUserName: '',
|
|
|
+ insertUserIdCard: '',
|
|
|
+ packageId: '',
|
|
|
+ goodsId:[],
|
|
|
+ goodsNum:[],
|
|
|
+ province: '',
|
|
|
+ // city: '',
|
|
|
+ // county: '',
|
|
|
+ lgaName: '',
|
|
|
+ cityName: '',
|
|
|
+ acceptMobile: '',
|
|
|
+ payType: '',
|
|
|
+ },
|
|
|
+ num: 1,
|
|
|
+ allDecPackage: {},
|
|
|
+ loading: false,
|
|
|
+ submitButtonStat: false,
|
|
|
+ submitButton: false,
|
|
|
+ allGoods: [],
|
|
|
+ multipleSelection: [],
|
|
|
+ goodsNums: [],
|
|
|
+ numList: [],
|
|
|
+ sell_price_sum: 0.00,
|
|
|
+ price_pv_sum: 0.00,
|
|
|
+ payList: [],
|
|
|
+ sn: '',
|
|
|
+ payDialog: false,
|
|
|
+ countdown: 5,
|
|
|
+ visible: false,
|
|
|
+ payStackLoading: false,
|
|
|
+ channels: ['card', 'bank', 'ussd', 'qr'], // eft(南非) mobile_money(加纳)
|
|
|
+ payForm: {
|
|
|
+ publicKey: process.env.VUE_APP_BASE_PAY_STACK_PUBLIC_KEY,
|
|
|
+ currency: 'NGN',
|
|
|
+ firstname: usersInfo.userName(),
|
|
|
+ lastname: '',
|
|
|
+ email: userInfo.userEmail(),
|
|
|
+ amount: 0, // kobo
|
|
|
+ orderSn: '',
|
|
|
+ metadata: {
|
|
|
+ cart_id: '',
|
|
|
+ custom_fields: [
|
|
|
+ {
|
|
|
+ display_name: 'orderSn',
|
|
|
+ variable_name: 'orderSn',
|
|
|
+ value: this.sn
|
|
|
+ },
|
|
|
+ {
|
|
|
+ display_name: 'orderType',
|
|
|
+ variable_name: 'orderType',
|
|
|
+ value: 'userUpgrade'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ storeNums: [],
|
|
|
+ tableData: null,
|
|
|
+ payAmount: 0.00,
|
|
|
+
|
|
|
+ addressId: '',
|
|
|
+ selfPickUpAddressId: '100000000000000000',
|
|
|
+ shippingAddressList: [],
|
|
|
+
|
|
|
+ visibleProduct: false,
|
|
|
+ product: {
|
|
|
+ GOODS_NAME: '',
|
|
|
+ GOODS_NO: '',
|
|
|
+ COVER: '',
|
|
|
+ SELL_PRICE: '',
|
|
|
+ PRICE_PV: '',
|
|
|
+ TAX_RATE: '',
|
|
|
+ taxAmount: '',
|
|
|
+ },
|
|
|
+ imageStyle: 'margin-top: -50px;',
|
|
|
+
|
|
|
+ screenWidth: getScreenWidth() > 600 ? '500px' : getScreenWidth() + 'px',
|
|
|
+ labelPosition: getScreenWidth() > 600 ? 'right' : 'top',
|
|
|
+ payStackScreenWidth: getScreenWidth() > 500 ? '450px' : getScreenWidth() + 'px',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ let regionInfo = this.$store.getters.regionInfo
|
|
|
+ // console.log(this.$store.state.region)
|
|
|
+ this.fetchUpgrade()
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ fetchUpgrade() {
|
|
|
+ this.loading = true
|
|
|
+ fetchUpgrade().then(response => {
|
|
|
+ this.loading = false
|
|
|
+
|
|
|
+ this.decUserName = response.data.decUserName
|
|
|
+ this.allDecPackage = response.data.allDecPackage
|
|
|
+ this.allGoods = response.data.allGoods
|
|
|
+ let settingObj = this.allDecPackage
|
|
|
+ this.tableData = Object.keys(settingObj).map(key => {
|
|
|
+ return settingObj[key]
|
|
|
+ })
|
|
|
+ let settingObj1 = this.allGoods;
|
|
|
+ for (let i in settingObj1) {
|
|
|
+ this.numList[i] = 1
|
|
|
+ settingObj1[i].goodsNum= 1
|
|
|
+ }
|
|
|
+ this.tableDatas=settingObj1
|
|
|
+
|
|
|
+ // 支付方式
|
|
|
+ this.payList = response.data.sellType[0]['sell_type']
|
|
|
+ // 支付方式的第一项默认选中
|
|
|
+ this.form.payType = Object.values(this.payList)[1]['label']
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ this.loading = false
|
|
|
+ }, 0.5 * 1000)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 商品详情
|
|
|
+ handleProduct(row) {
|
|
|
+ this.product = row
|
|
|
+ this.product.taxAmount = tool.calculateTax(row.SELL_PRICE, row.TAX_RATE)
|
|
|
+ this.visibleProduct = true
|
|
|
+ },
|
|
|
+ // 选择商品计数
|
|
|
+ handleInputNumber(current, row){
|
|
|
+ let pageList = this.multipleSelection
|
|
|
+ let selectStatus = false
|
|
|
+ for (let i in pageList) {
|
|
|
+ if (pageList[i].ID === row.ID) {
|
|
|
+ pageList[i].goodsNum = current
|
|
|
+ selectStatus = true
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (selectStatus) {
|
|
|
+ this.multipleSelection = pageList
|
|
|
+ this.handleSureChange()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 统计商品
|
|
|
+ handleSureChange() {
|
|
|
+ if (this.multipleSelection.length > 0) {
|
|
|
+ let accumulatorSellPrice = 0, accumulatorPricePv = 0, accumulatorTax = 0
|
|
|
+ this.multipleSelection.forEach(accumulator => {
|
|
|
+ accumulatorSellPrice += accumulator.SELL_PRICE * accumulator.goodsNum;
|
|
|
+ accumulatorPricePv += Number(accumulator.PRICE_PV) * Number(accumulator.goodsNum);
|
|
|
+ accumulatorTax += tool.calculateTax(Number(accumulator.SELL_PRICE), Number(accumulator.TAX_RATE), Number(accumulator.goodsNum));
|
|
|
+ })
|
|
|
+
|
|
|
+ this.sellPriceSum = tool.formatPrice(accumulatorSellPrice)
|
|
|
+ this.pricePvSum = tool.formatPrice(accumulatorPricePv)
|
|
|
+ this.taxSum = tool.formatPrice(accumulatorTax)
|
|
|
+
|
|
|
+ this.display = true
|
|
|
+ } else {
|
|
|
+ this.sellPriceSum = this.pricePvSum = this.taxSum = 0.00
|
|
|
+ this.display = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 选择商品
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ let idx = -1, num
|
|
|
+ for (let i in this.tableData) {
|
|
|
+ for (let v in val){
|
|
|
+ if (val[v].ID === this.tableData[i].ID) {
|
|
|
+ idx = i
|
|
|
+ num = this.storeNums[idx]
|
|
|
+ val[v]['goodsNum'] = num
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.multipleSelection = val
|
|
|
+ // 计算统计
|
|
|
+ this.handleSureChange()
|
|
|
+ },
|
|
|
+ // 选择收货地址
|
|
|
+ choseAddress (addressId) {
|
|
|
+ this.addressId = addressId
|
|
|
+ // 设置运费
|
|
|
+ this.setFreight()
|
|
|
+ // 计算价格
|
|
|
+ this.getSumMoney()
|
|
|
+ },
|
|
|
+ // 切换支付方式
|
|
|
+ chosePayType(type) {
|
|
|
+ this.payType = type
|
|
|
+ },
|
|
|
+ // 关闭支付回调
|
|
|
+ handleClose() {
|
|
|
+ this.$confirm(this.$t('shop.confirmClose')).then(_ => {
|
|
|
+ deleteApproachOrder({ orderSn: this.form.orderSn }).then(() => {
|
|
|
+ // 关闭支付模态框
|
|
|
+ this.visible = false
|
|
|
+ // 关闭购物车
|
|
|
+ this.visibleShoppingCart = false
|
|
|
+ this.submitButtonStat = false
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 支付成功回调
|
|
|
+ processPayment() {
|
|
|
+ // 关闭支付页面
|
|
|
+ this.visible = false
|
|
|
+ this.payStackLoading = false
|
|
|
+ // 显示支付成功模态框
|
|
|
+ this.payDialog = true;
|
|
|
+ // 启动支付成功倒计时
|
|
|
+ this.handleCountdown()
|
|
|
+ },
|
|
|
+ // 倒计时结束跳转
|
|
|
+ handleOrderList () {
|
|
|
+ this.$router.push({path: `/shop/order-list`})
|
|
|
+ },
|
|
|
+ // 启动倒计时
|
|
|
+ handleCountdown () {
|
|
|
+ // 创建定时器
|
|
|
+ setInterval(() => {
|
|
|
+ // 每隔1秒把time的值减一，赋值给span标签
|
|
|
+ this.countdown--
|
|
|
+ if (this.countdown === 0) {
|
|
|
+ // 倒计时结束,跳转到订单列表
|
|
|
+ this.$router.push({path: `/shop/order-list`});
|
|
|
+ }
|
|
|
+ }, 1000)
|
|
|
+ },
|
|
|
+ // 会员查询
|
|
|
+ handleChkRecUser () {
|
|
|
+ this.form.conUserName = ''
|
|
|
+ this.conRealName = '-'
|
|
|
+ this.form.autoPlace = ''
|
|
|
+ if (this.form.recUserName) {
|
|
|
+ this.loading = true
|
|
|
+ fetchFullInfo({ userName: this.form.recUserName }).then(response => {
|
|
|
+ this.recRealName = response.data.REAL_NAME
|
|
|
+ this.loading = false
|
|
|
+ }).catch(() => {
|
|
|
+ this.recRealName = '-'
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 返回方式
|
|
|
+ wayChange () {
|
|
|
+ if (this.form.way === 'pickup') {
|
|
|
+ this.areaDisabled = true
|
|
|
+ this.addressDisabled = true
|
|
|
+ } else {
|
|
|
+ this.areaDisabled = false
|
|
|
+ this.addressDisabled = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 创建BA会员
|
|
|
+ onSubmit () {
|
|
|
+ // 已选择商品
|
|
|
+ this.selectProduct()
|
|
|
+ if (this.multipleSelection.length <= 0) {
|
|
|
+ this.$message.error(this.$t('shop.chooseTips'))
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ // 余额
|
|
|
+ let amountBalance = this.userBalance[this.form.payType] || 0
|
|
|
+ // 账户类型提示信息
|
|
|
+ let accountType = this.currency[this.form.payType].name || ''
|
|
|
+ // 余额是否充足
|
|
|
+ if ((this.form.payType === 'cash') && ((amountBalance - this.payAmount) < 0)) {
|
|
|
+ this.$message({
|
|
|
+ message: accountType + this.$t('shop.balanceNotAllow'),
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ return false
|
|
|
+ }
|
|
|
+
|
|
|
+ this.submitButtonStat = true
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ consignee: this.form.consignee,
|
|
|
+ acceptMobile: this.form.acceptMobile,
|
|
|
+ province: this.form.areaSelected[0] ? this.form.areaSelected[0] : '',
|
|
|
+ city: this.form.areaSelected[1] ? this.form.areaSelected[1] : '',
|
|
|
+ county: this.form.areaSelected[2] ? this.form.areaSelected[2] : '',
|
|
|
+ address: this.form.address,
|
|
|
+ insertUserName: this.form.insertUserName,
|
|
|
+ decLv: this.form.decLv,
|
|
|
+ realName: this.form.realName,
|
|
|
+ decUserName: this.form.decUserName,
|
|
|
+ conUserName: this.form.conUserName,
|
|
|
+ recUserName: this.form.recUserName,
|
|
|
+ insertUserIdCard: this.form.insertUserIdCard,
|
|
|
+ openBank: this.form.openBank,
|
|
|
+ bankAddress: this.form.bankAddress,
|
|
|
+ mobile: this.form.mobile,
|
|
|
+ email: this.form.email,
|
|
|
+ cityName: this.form.cityName,
|
|
|
+ lgaName: this.form.lgaName,
|
|
|
+
|
|
|
+ bankProvince: this.form.bankAreaSelected[0] ? this.form.bankAreaSelected[0] : '',
|
|
|
+ bankCity: this.form.bankAreaSelected[1] ? this.form.bankAreaSelected[1] : '',
|
|
|
+ bankCounty: this.form.bankAreaSelected[2] ? this.form.bankAreaSelected[2] : '',
|
|
|
+
|
|
|
+ bankNo: this.form.bankNo,
|
|
|
+ password: this.form.password,
|
|
|
+ payPassword: this.form.payPassword,
|
|
|
+ packageId: this.form.packageId,
|
|
|
+ goodsId: this.form.goodsId,
|
|
|
+ goodsNum: this.form.goodsNum,
|
|
|
+ location: this.form.location,
|
|
|
+ decWay: this.decWay,
|
|
|
+ payType: this.form.payType
|
|
|
+ }
|
|
|
+ createBrandAmbassador(params).then(response => {
|
|
|
+ if (this.form.payType !== 'pay_stack') {
|
|
|
+ // 余额支付
|
|
|
+ this.$message({
|
|
|
+ message: this.$t('common.successfully'),
|
|
|
+ type: 'success'
|
|
|
+ })
|
|
|
+ this.submitButtonStat = false
|
|
|
+ this.$router.push({path: `/shop/ba-dec-order-list`})
|
|
|
+ } else {
|
|
|
+ // PayStack支付
|
|
|
+ this.submitButtonStat = false
|
|
|
+ this.payForm.orderSn = response.data.SN
|
|
|
+ this.payForm.amount = response.data.ORDER_AMOUNT
|
|
|
+ this.payForm.metadata.custom_fields[0].value = response.data.SN
|
|
|
+ this.visible = true
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 已选择商品
|
|
|
+ selectProduct() {
|
|
|
+ this.payAmount = 0
|
|
|
+ this.form.goodsId = []
|
|
|
+ this.form.goodsNum = []
|
|
|
+ this.multipleSelection.map((item) => {
|
|
|
+ this.form.goodsId.push(item.ID)
|
|
|
+ this.form.goodsNum.push(item.goodsNum)
|
|
|
+ this.payAmount += item.goodsNum * item.SELL_PRICE
|
|
|
+ })
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+.el-table th.el-table__cell > .cell {
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+.el-table td.el-table__cell > .cell {
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: pre-wrap;
|
|
|
+}
|
|
|
+</style>
|
kevin_zhangl