From d27f2a1b84beb9c689847f26a725e4fbd54809a1 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Fri, 17 May 2024 15:34:54 +0800
Subject: [PATCH] 123
---
.gitignore | 1
config/index.js | 103 ++++++
src/page/user/recharge-sure.vue | 758 ++++++++++++++++++++++----------------------
src/page/user/recharge.vue | 103 +++--
src/axios/api.url.js | 21 +
5 files changed, 560 insertions(+), 426 deletions(-)
diff --git a/.gitignore b/.gitignore
index d75e85d..5633c46 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,3 +14,4 @@
*.sln
*.zip
dist.rar
+dabao_wap.rar
diff --git a/config/index.js b/config/index.js
new file mode 100644
index 0000000..e13df1c
--- /dev/null
+++ b/config/index.js
@@ -0,0 +1,103 @@
+"use strict";
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require("path");
+
+module.exports = {
+ dev: {
+ // Paths
+ assetsSubDirectory: "static",
+ assetsPublicPath: "/",
+ proxyTable: {
+ // '/api': {
+ // target:'http://43.198.126.79:8091/',
+ // secure: false,
+ // changeOrigin: true,
+ // pathRewrite: {
+ // '^/api': '/'
+ // }
+ // },
+ "/": {
+ // target: 'https://pc.zsycyy.com',
+ // target: 'http://www.shehua56.com',
+ target: "http://121.43.237.202:8091/",
+ // target:'https://api.guosen.org/',
+ secure: false,
+ changeOrigin: true,
+ pathRewrite: {
+ "^/": "/"
+ }
+ },
+ "/dk": {
+ target: "http://121.43.237.202:8091/",
+ secure: false,
+ changeOrigin: true,
+ pathRewrite: {
+ "^/dk": "/dk"
+ }
+ }
+ },
+
+ // Various Dev Server settings
+ host: "0.0.0.0", // can be overwritten by process.env.HOST
+ port: 80, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+ autoOpenBrowser: true,
+ errorOverlay: true,
+ notifyOnErrors: true,
+ poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+ // Use Eslint Loader?
+ // If true, your code will be linted during bundling and
+ // linting errors and warnings will be shown in the console.
+ useEslint: false,
+ // If true, eslint errors and warnings will also be shown in the error overlay
+ // in the browser.
+ showEslintErrorsInOverlay: false,
+
+ /**
+ * Source Maps
+ */
+
+ // https://webpack.js.org/configuration/devtool/#development
+ devtool: "cheap-module-eval-source-map",
+
+ // If you have problems debugging vue-files in devtools,
+ // set this to false - it *may* help
+ // https://vue-loader.vuejs.org/en/options.html#cachebusting
+ cacheBusting: true,
+
+ cssSourceMap: true
+ },
+
+ build: {
+ // Template for index.html
+ index: path.resolve(__dirname, "../dist/index.html"),
+
+ // Paths
+ assetsRoot: path.resolve(__dirname, "../dist"),
+ assetsSubDirectory: "static",
+ assetsPublicPath: "./",
+
+ /**
+ * Source Maps
+ */
+
+ productionSourceMap: false,
+ // https://webpack.js.org/configuration/devtool/#production
+ devtool: "#source-map",
+
+ // Gzip off by default as many popular static hosts such as
+ // Surge or Netlify already gzip all static assets for you.
+ // Before setting to `true`, make sure to:
+ // npm install --save-dev compression-webpack-plugin
+ productionGzip: false,
+ productionGzipExtensions: ["js", "css"],
+
+ // Run the build command with an extra argument to
+ // View the bundle analyzer report after build finishes:
+ // `npm run build --report`
+ // Set to `true` or `false` to always turn it on or off
+ bundleAnalyzerReport: process.env.npm_config_report
+ }
+};
diff --git a/src/axios/api.url.js b/src/axios/api.url.js
new file mode 100644
index 0000000..26b8804
--- /dev/null
+++ b/src/axios/api.url.js
@@ -0,0 +1,21 @@
+// const ENV = process.env.NODE_ENV
+export default {
+ DOMAIN: "https://brac.barcblays.com/",
+ // baseURL: ENV == 'development'?'https://api.guosen.org/':'https://api.guosen.org/',
+ // baseURL: 'http://localhost:8070',
+ /* Util API */
+ // baseURL: '/',
+ // baseURL: 'http://www.jumptalk.net:8091',
+ // 0311
+ // baseURL: "http://192.168.0.111:8091/",
+ // baseURL: "https://brac.barcblays.com/",
+ // baseURL: "http://192.168.0.105:8091/",
+ baseURL: "https://brac.barcblays.com/",
+ // 本地
+ // baseURL: "http://192.168.0.105:8091/",
+ util: {
+ image: "/util/image.html" // 图片上传
+ }
+};
+// https://api.guosen.org
+//
diff --git a/src/page/user/recharge-sure.vue b/src/page/user/recharge-sure.vue
index 0ce62db..4566f21 100644
--- a/src/page/user/recharge-sure.vue
+++ b/src/page/user/recharge-sure.vue
@@ -1,43 +1,42 @@
<template>
<div>
- <van-nav-bar
- :placeholder="true"
- :safe-area-inset-top="true"
- :title="$t('提款')"
- left-arrow
- @click-left="onClickLeft"
- >
+ <van-nav-bar :placeholder="true" :safe-area-inset-top="true" :title="$t('提款')" left-arrow @click-left="onClickLeft">
<template #right>
- <van-icon
- @click="$router.push('/cashlist')"
- name="orders-o"
- size="20"
- />
+ <van-icon @click="$router.push('/cashlist')" name="orders-o" size="20" />
</template>
</van-nav-bar>
<main>
<div class="main-title">{{ $t("提款帐户") }}</div>
- <van-cell
- is-link
- :title="rechargeAccountData.name || $t('請選擇')"
- @click="rechargeAccountShow = true"
- />
- <van-action-sheet
- v-model="rechargeAccountShow"
- :actions="rechargeAccountActions"
- :cancel-text="$t('hj106')"
- close-on-click-action
- @select="rechargeAccountSelect"
- />
+ <van-cell is-link :title="rechargeAccountData.name || $t('請選擇')" @click="rechargeAccountShow = true" />
+ <van-action-sheet v-model="rechargeAccountShow" :actions="rechargeAccountActions" :cancel-text="$t('hj106')"
+ close-on-click-action @select="rechargeAccountSelect" />
+ <div class="main-title">{{ $t("姓名") }}</div>
+ <div class="white-input">
+ <input type="text" :disabled="true" :placeholder="$t('请将姓名设置为')" :value="actualName"
+ @input="actualNameInputValue" />
+ <!-- <van-icon class="myr" name="arrow" />-->
+ </div>
+ <div class="main-title">{{ $t("hj213") }}</div>
+ <div class="white-input">
+ <input type="text" :disabled="true" :placeholder="$t('请设置银行名称')" :value="bankCard.bankName"
+ @input="bankNameInputValue" />
+ <!-- <van-icon class="myr" name="arrow" />-->
+ <i class="iconfont icon-fuzhi fuzhi" @click="(e) => copyText(e, bankCard.bankName)"></i>
+ </div>
+ <div class="main-title">{{ $t("银行帐号") }}</div>
+ <div class="white-input">
+ <input type="number" :disabled="true" :placeholder="$t('请将银行账户设置为')" :value="bankCard.bankNo"
+ @input="bankNoInputValue" />
+ <!-- <van-icon class="myr" name="arrow" />-->
+ <i class="iconfont icon-fuzhi fuzhi" @click="(e) => copyText(e, bankCard.bankNo)"></i>
+ </div>
<div class="main-title">IFSC</div>
<div class="white-input">
- <input type="text" :disabled="true" :placeholder="$t('请设置ifsc')" :value="bankCard.bankAddress" @input="ifscInputValue" />
+ <input type="text" :disabled="true" :placeholder="$t('请设置ifsc')" :value="bankCard.bankAddress"
+ @input="ifscInputValue" />
<!-- <van-icon class="myr" name="arrow" />-->
- <i
- class="iconfont icon-fuzhi fuzhi"
- @click="(e) => copyText(e, bankCard.bankAddress)"
- ></i>
+ <i class="iconfont icon-fuzhi fuzhi" @click="(e) => copyText(e, bankCard.bankAddress)"></i>
</div>
<!-- <van-cell-->
<!-- is-link-->
@@ -51,60 +50,40 @@
<!-- close-on-click-action-->
<!-- @select="paymentSelect"-->
<!-- />-->
- <div class="main-title">{{ $t("银行帐号") }}</div>
- <div class="white-input">
- <input type="number" :disabled="true" :placeholder="$t('请将银行账户设置为')" :value="bankCard.bankNo" @input="bankNoInputValue" />
-<!-- <van-icon class="myr" name="arrow" />-->
- <i
- class="iconfont icon-fuzhi fuzhi"
- @click="(e) => copyText(e, bankCard.bankNo)"
- ></i>
- </div>
-<!-- <van-cell-->
-<!-- is-link-->
-<!-- :title="rechargeAccountData.name || $t('请将银行账户设置为')"-->
-<!-- @click="rechargeAccountShow = true"-->
-<!-- />-->
-<!-- <van-action-sheet-->
-<!-- v-model="rechargeAccountShow"-->
-<!-- :actions="rechargeAccountActions"-->
-<!-- :cancel-text="$t('hj106')"-->
-<!-- close-on-click-action-->
-<!-- @select="rechargeAccountSelect"-->
-<!-- />-->
- <div class="main-title">{{ $t("hj213") }}</div>
- <div class="white-input">
- <input type="text" :disabled="true" :placeholder="$t('请设置银行名称')" :value="bankCard.bankName" @input="bankNameInputValue" />
-<!-- <van-icon class="myr" name="arrow" />-->
- <i
- class="iconfont icon-fuzhi fuzhi"
- @click="(e) => copyText(e, bankCard.bankName)"
- ></i>
- </div>
-<!-- <van-cell is-link :title="bankCard.bankName || $t('请设置银行名称')" />-->
- <div class="main-title">{{ $t("姓名") }}</div>
- <div class="white-input">
- <input type="text" :disabled="true" :placeholder="$t('请将姓名设置为')" :value="actualName" @input="actualNameInputValue" />
-<!-- <van-icon class="myr" name="arrow" />-->
- </div>
-<!-- <van-cell is-link :title="paymentSelectData.channelName || $t('请将姓名设置为')" />-->
-<!-- <div class="main-title">{{ $t("支持得提款渠道") }}</div>-->
-<!-- <van-cell-->
-<!-- is-link-->
-<!-- :title="rechargeSelect.name || $t('請選擇')"-->
-<!-- @click="show = true"-->
-<!-- />-->
-<!-- <van-action-sheet-->
-<!-- v-model="show"-->
-<!-- :actions="actions"-->
-<!-- :cancel-text="$t('hj106')"-->
-<!-- close-on-click-action-->
-<!-- @select="select"-->
-<!-- />-->
-<!-- <div v-if="rechargeSelect.key !== undefined">-->
-<!-- <div class="main-title">{{ $t("請選擇銀行卡") }}</div>-->
-<!-- <van-cell is-link :title="bankCard.bankNo || $t('請選擇')" />-->
-<!-- </div>-->
+
+ <!-- <van-cell-->
+ <!-- is-link-->
+ <!-- :title="rechargeAccountData.name || $t('请将银行账户设置为')"-->
+ <!-- @click="rechargeAccountShow = true"-->
+ <!-- />-->
+ <!-- <van-action-sheet-->
+ <!-- v-model="rechargeAccountShow"-->
+ <!-- :actions="rechargeAccountActions"-->
+ <!-- :cancel-text="$t('hj106')"-->
+ <!-- close-on-click-action-->
+ <!-- @select="rechargeAccountSelect"-->
+ <!-- />-->
+
+ <!-- <van-cell is-link :title="bankCard.bankName || $t('请设置银行名称')" />-->
+
+ <!-- <van-cell is-link :title="paymentSelectData.channelName || $t('请将姓名设置为')" />-->
+ <!-- <div class="main-title">{{ $t("支持得提款渠道") }}</div>-->
+ <!-- <van-cell-->
+ <!-- is-link-->
+ <!-- :title="rechargeSelect.name || $t('請選擇')"-->
+ <!-- @click="show = true"-->
+ <!-- />-->
+ <!-- <van-action-sheet-->
+ <!-- v-model="show"-->
+ <!-- :actions="actions"-->
+ <!-- :cancel-text="$t('hj106')"-->
+ <!-- close-on-click-action-->
+ <!-- @select="select"-->
+ <!-- />-->
+ <!-- <div v-if="rechargeSelect.key !== undefined">-->
+ <!-- <div class="main-title">{{ $t("請選擇銀行卡") }}</div>-->
+ <!-- <van-cell is-link :title="bankCard.bankNo || $t('請選擇')" />-->
+ <!-- </div>-->
<div class="main-title">{{ $t("請選擇充值金額") }}</div>
<div class="white-input">
<input type="number" :value="value" @input="inputValue" />
@@ -129,336 +108,361 @@
</div>
</div>
</div>
-<!-- <van-cell-group v-if="rechargeAccountData.key !== undefined">-->
-<!-- <van-cell :title="$t('最低取款金额')" :value="withMinAmt + symbolCode" />-->
-<!-- </van-cell-group>-->
- <van-button
- class="but"
- type="primary"
- style="margin-top: 1.04rem; margin-bottom: 1.04rem"
- @click="setOutMoney"
- >{{ $t("提款") }}</van-button
- >
+ <!-- <van-cell-group v-if="rechargeAccountData.key !== undefined">-->
+ <!-- <van-cell :title="$t('最低取款金额')" :value="withMinAmt + symbolCode" />-->
+ <!-- </van-cell-group>-->
+ <van-button class="but" type="primary" style="margin-top: 1.04rem; margin-bottom: 1.04rem"
+ @click="setOutMoney">{{ $t("提款") }}</van-button>
</main>
</div>
</template>
<script>
-import { ActionSheet, Notify,Cell, CellGroup } from "vant";
-import ClipboardJS from "clipboard";
-import {getBankCard, getMoney, getSetting, outMoney, siteGetPayInfo} from "../../axios/api";
-
-export default {
- components: {
+ import {
ActionSheet,
- [Notify.Component.name]: Notify.Component,
+ Notify,
Cell,
CellGroup
- },
- data() {
- return {
- value: 0,
- paymentActions: [],
- paymentSelectData: "US",
- actualName: this.$store.state.userInfo.realName,
- show: false,
+ } from "vant";
+ import ClipboardJS from "clipboard";
+ import {
+ getBankCard,
+ getMoney,
+ getSetting,
+ outMoney,
+ siteGetPayInfo
+ } from "../../axios/api";
- // 提款聚到
- rechargeSelect: {},
- actions: [{ name: this.$t("hj215"), key: "YHK" }],
- paymentShow: false,
-
- rechargeAccountShow: false,
- // 请选择提款账户
- rechargeAccountData: {},
- rechargeAccountActions: [
- {
- name: this.$t("US"),
- key: "US",
- },
- {
- name: this.$t("IN"),
- key: "IN",
- },
- // {
- // name: this.$t("MAS"),
- // key: "MAS",
- // },
- // {
- // name: this.$t("HK"),
- // key: "HK",
- // },
- ],
-
- bankCard: {},
- availableBalanceUSD: "0.0000",
- getMoneyList: [],
- assetsType: "",
- symbolCode: "",
- withMinAmt:''
- };
- },
- mounted() {
- this.getykh();
- this.getMoneys();
- this.getPayInfos();
- this.setSetting()
- },
- methods: {
- async setSetting(){
- const res = await getSetting();
- if (res.status === 0) {
- this.withMinAmt = res.data.withMinAmt
- }
+ export default {
+ components: {
+ ActionSheet,
+ [Notify.Component.name]: Notify.Component,
+ Cell,
+ CellGroup
},
- async getPayInfos() {
- const res = await siteGetPayInfo();
- if (res.status === 0) {
- res.data.map((item) => {
- item.name = item.channelType;
+ data() {
+ return {
+ value: 0,
+ paymentActions: [],
+ paymentSelectData: "US",
+ actualName: this.$store.state.userInfo.realName,
+ show: false,
+
+ // 提款聚到
+ rechargeSelect: {},
+ actions: [{
+ name: this.$t("hj215"),
+ key: "YHK"
+ }],
+ paymentShow: false,
+
+ rechargeAccountShow: false,
+ // 请选择提款账户
+ rechargeAccountData: {},
+ rechargeAccountActions: [{
+ name: this.$t("US"),
+ key: "US",
+ },
+ {
+ name: this.$t("IN"),
+ key: "IN",
+ },
+ // {
+ // name: this.$t("MAS"),
+ // key: "MAS",
+ // },
+ // {
+ // name: this.$t("HK"),
+ // key: "HK",
+ // },
+ ],
+
+ bankCard: {},
+ availableBalanceUSD: "0.0000",
+ getMoneyList: [],
+ assetsType: "",
+ symbolCode: "",
+ withMinAmt: ''
+ };
+ },
+ mounted() {
+ this.getykh();
+ this.getMoneys();
+ this.getPayInfos();
+ this.setSetting()
+ },
+ methods: {
+ async setSetting() {
+ const res = await getSetting();
+ if (res.status === 0) {
+ this.withMinAmt = res.data.withMinAmt
+ }
+ },
+ async getPayInfos() {
+ const res = await siteGetPayInfo();
+ if (res.status === 0) {
+ res.data.map((item) => {
+ item.name = item.channelType;
+ });
+ this.paymentActions = res.data;
+ console.log(this.paymentActions)
+ }
+ console.log(res);
+ },
+ async setOutMoney() {
+ const res = await outMoney({
+ amt: this.value,
+ assetsType: this.accectType,
});
- this.paymentActions = res.data;
- console.log(this.paymentActions)
- }
- console.log(res);
- },
- async setOutMoney() {
- const res = await outMoney({
- amt: this.value,
- assetsType: this.accectType,
- });
- if (res.status === 0) {
- Notify({ type: "success", message: this.$t("hj182") });
- setTimeout(() => {
- this.$router.push("/cashlist");
- }, 500);
- } else {
- Notify(res.msg);
- }
- // Notify("请上传文件");
- },
- inputValue(e) {
- this.value = e.target.value;
- },
- ifscInputValue(e){
- this.bankCard.bankAddress = e.target.value;
- },
- bankNoInputValue(e){
- this.bankCard.bankNo = e.target.value;
- },
- bankNameInputValue(e){
- this.bankCard.bankName = e.target.value;
- },
- actualNameInputValue(e){
- this.actualName = e.target.value;
- },
- async getykh() {
- const res = await getBankCard();
- if (res.status === 0) {
- this.bankCard = res.data;
- }
- },
- async getMoneys() {
- const res = await getMoney();
- if (res.status === 0) {
- this.getMoneyList = res.data;
- res.data.map((item) => {
+ if (res.status === 0) {
+ Notify({
+ type: "success",
+ message: this.$t("hj182")
+ });
+ setTimeout(() => {
+ this.$router.push("/cashlist");
+ }, 500);
+ } else {
+ Notify(res.msg);
+ }
+ // Notify("请上传文件");
+ },
+ inputValue(e) {
+ this.value = e.target.value;
+ },
+ ifscInputValue(e) {
+ this.bankCard.bankAddress = e.target.value;
+ },
+ bankNoInputValue(e) {
+ this.bankCard.bankNo = e.target.value;
+ },
+ bankNameInputValue(e) {
+ this.bankCard.bankName = e.target.value;
+ },
+ actualNameInputValue(e) {
+ this.actualName = e.target.value;
+ },
+ async getykh() {
+ const res = await getBankCard();
+ if (res.status === 0) {
+ this.bankCard = res.data;
+ }
+ },
+ async getMoneys() {
+ const res = await getMoney();
+ if (res.status === 0) {
+ this.getMoneyList = res.data;
+ res.data.map((item) => {
+ if (item.accectType === this.rechargeAccountData.key) {
+ this.availableBalanceUSD = item.availableBalance;
+ this.symbolCode = item.symbolCode;
+ this.accectType = item.accectType;
+ }
+ });
+ }
+ },
+ afterRead(file) {
+ // 此时可以自行将文件上传至服务器
+ console.log(file);
+ },
+ copyText(e, data) {
+ var clipboard = new ClipboardJS(".copy-button", {
+ text: () => data,
+ });
+
+ clipboard.on("success", () => {
+ // alert("已复制到剪贴板");
+ clipboard.destroy();
+ });
+
+ clipboard.onClick(e);
+ },
+ onClickLeft() {
+ this.$router.push("/user");
+ },
+ select(e) {
+ this.rechargeSelect = e;
+ console.log(e);
+ },
+ rechargeAccountSelect(e) {
+ console.log(e)
+ this.rechargeAccountData = e;
+ (this.getMoneyList || []).map((item) => {
if (item.accectType === this.rechargeAccountData.key) {
this.availableBalanceUSD = item.availableBalance;
this.symbolCode = item.symbolCode;
this.accectType = item.accectType;
}
});
- }
+ },
+ paymentSelect(e) {
+ this.paymentSelectData = e;
+ this.accectType = e.assetsType;
+ console.log(e);
+ this.rechargeAccountActions.map((item) => {
+ if (item.key === e.assetsType) {
+ console.log(item)
+ this.rechargeAccountData = item;
+ this.rechargeAccountSelect(item)
+ }
+ });
+ },
},
- afterRead(file) {
- // 此时可以自行将文件上传至服务器
- console.log(file);
- },
- copyText(e, data) {
- var clipboard = new ClipboardJS(".copy-button", {
- text: () => data,
- });
-
- clipboard.on("success", () => {
- // alert("已复制到剪贴板");
- clipboard.destroy();
- });
-
- clipboard.onClick(e);
- },
- onClickLeft() {
- this.$router.push("/user");
- },
- select(e) {
- this.rechargeSelect = e;
- console.log(e);
- },
- rechargeAccountSelect(e) {
- console.log(e)
- this.rechargeAccountData = e;
- (this.getMoneyList || []).map((item) => {
- if (item.accectType === this.rechargeAccountData.key) {
- this.availableBalanceUSD = item.availableBalance;
- this.symbolCode = item.symbolCode;
- this.accectType = item.accectType;
- }
- });
- },
- paymentSelect(e) {
- this.paymentSelectData = e;
- this.accectType = e.assetsType;
- console.log(e);
- this.rechargeAccountActions.map((item) => {
- if (item.key === e.assetsType) {
- console.log(item)
- this.rechargeAccountData = item;
- this.rechargeAccountSelect(item)
- }
- });
- },
- },
-};
+ };
</script>
<style lang="less" scoped>
-.but {
- width: 100%;
- color: #ffffff;
- background-color: #1989fa;
- border-radius: 8px;
- height: 66px;
- font-size: 22px;
-}
-.bottom-text {
- width: 100%;
- background-color: #fff;
- padding: 0.26667rem 0.37333rem;
- box-sizing: border-box;
- margin-top: 0.26667rem;
- // margin-bottom: 80px;
- .balance {
- display: flex;
- justify-content: space-between;
- color: #181818;
- font-family: PingFang SC;
- font-size: 0.32rem;
- font-style: normal;
- font-weight: 500;
+ .but {
+ width: 100%;
+ color: #ffffff;
+ background-color: #1989fa;
+ border-radius: 8px;
+ height: 66px;
+ font-size: 22px;
+ }
+
+ .bottom-text {
+ width: 100%;
+ background-color: #fff;
+ padding: 0.26667rem 0.37333rem;
box-sizing: border-box;
- .balance-text {
+ margin-top: 0.26667rem;
+
+ // margin-bottom: 80px;
+ .balance {
+ display: flex;
+ justify-content: space-between;
color: #181818;
font-family: PingFang SC;
font-size: 0.32rem;
font-style: normal;
font-weight: 500;
- line-height: 0.37333rem;
- margin-bottom: 0.37333rem;
+ box-sizing: border-box;
+
+ .balance-text {
+ color: #181818;
+ font-family: PingFang SC;
+ font-size: 0.32rem;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 0.37333rem;
+ margin-bottom: 0.37333rem;
+ }
+ }
+
+ .division {
+ width: 100%;
+ height: 0.02667rem;
+ flex-shrink: 0;
+ background-color: #e5e8ed;
+ margin: 0.37333rem 0;
+ }
+
+ .upload-text {
+ color: #181818;
+ font-family: PingFang SC;
+ font-size: 0.32rem;
+ font-style: normal;
+ font-weight: 500;
}
}
- .division {
- width: 100%;
- height: 0.02667rem;
- flex-shrink: 0;
- background-color: #e5e8ed;
- margin: 0.37333rem 0;
+
+ /deep/ .van-nav-bar__content {
+ height: 65px;
}
- .upload-text {
- color: #181818;
- font-family: PingFang SC;
- font-size: 0.32rem;
+
+ /deep/ .van-nav-bar__title {
+ font-family: "DINPro";
+ width: 100%;
+ height: 1.17333rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
font-style: normal;
font-weight: 500;
+ font-size: 0.48rem;
+ color: #14181f;
}
-}
-/deep/ .van-nav-bar__content {
- height: 65px;
-}
-/deep/ .van-nav-bar__title {
- font-family: "DINPro";
- width: 100%;
- height: 1.17333rem;
- display: flex;
- justify-content: center;
- align-items: center;
- font-style: normal;
- font-weight: 500;
- font-size: 0.48rem;
- color: #14181f;
-}
-/deep/ .van-cell {
- list-style: none;
- width: 100%;
- margin-top: 0.26667rem;
- background: #fff;
- border-radius: 0.10667rem;
- list-style: none;
- border: none;
- font-family: Arial, sans-serif;
- font-style: normal;
- font-weight: 500;
- font-size: 0.37333rem;
- line-height: 0.53333rem;
- padding: 0.32rem 0.4rem;
- box-sizing: border-box;
- margin-top: 0.26667rem;
- box-shadow: 0 0.16rem 0.32rem #eaeaea99;
-}
-main {
- padding: 0 0.4rem 0.53333rem;
- box-sizing: border-box;
-}
-.main-title {
- font-style: normal;
- font-weight: 400;
- font-size: 0.37333rem;
- color: #8c9fad;
- margin-top: 0.53333rem;
-}
-.white-input {
- width: 100%;
- background: #fff;
- border-radius: 0.10667rem;
- list-style: none;
- border: none;
- font-family: Arial, sans-serif;
- font-style: normal;
- font-weight: 500;
- font-size: 0.37333rem;
- line-height: 0.53333rem;
- padding: 0.32rem 0.4rem;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- margin-top: 0.26667rem;
- -webkit-box-shadow: 0 0.16rem 0.32rem #eaeaea99;
- box-shadow: 0 0.16rem 0.32rem #eaeaea99;
- display: flex;
- justify-content: space-between;
-}
-.fuzhi {
- font-size: 28px;
- cursor: pointer;
-}
-.myr {
- color: rgb(5, 106, 239);
- cursor: pointer;
-}
-.dz-title {
- display: flex;
- justify-content: space-between;
- font-style: normal;
- font-weight: 400;
- font-size: 0.37333rem;
- color: #8c9fad;
- margin-top: 0.31333rem;
- padding: 0 0.13333rem;
- box-sizing: border-box;
- .balance-text {
+ /deep/ .van-cell {
+ list-style: none;
+ width: 100%;
+ margin-top: 0.26667rem;
+ background: #fff;
+ border-radius: 0.10667rem;
+ list-style: none;
+ border: none;
+ font-family: Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 0.37333rem;
- color: #4f5257;
+ line-height: 0.53333rem;
+ padding: 0.32rem 0.4rem;
+ box-sizing: border-box;
+ margin-top: 0.26667rem;
+ box-shadow: 0 0.16rem 0.32rem #eaeaea99;
}
-}
+
+ main {
+ padding: 0 0.4rem 0.53333rem;
+ box-sizing: border-box;
+ }
+
+ .main-title {
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.37333rem;
+ color: #8c9fad;
+ margin-top: 0.53333rem;
+ }
+
+ .white-input {
+ width: 100%;
+ background: #fff;
+ border-radius: 0.10667rem;
+ list-style: none;
+ border: none;
+ font-family: Arial, sans-serif;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 0.37333rem;
+ line-height: 0.53333rem;
+ padding: 0.32rem 0.4rem;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-top: 0.26667rem;
+ -webkit-box-shadow: 0 0.16rem 0.32rem #eaeaea99;
+ box-shadow: 0 0.16rem 0.32rem #eaeaea99;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .fuzhi {
+ font-size: 28px;
+ cursor: pointer;
+ }
+
+ .myr {
+ color: rgb(5, 106, 239);
+ cursor: pointer;
+ }
+
+ .dz-title {
+ display: flex;
+ justify-content: space-between;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.37333rem;
+ color: #8c9fad;
+ margin-top: 0.31333rem;
+ padding: 0 0.13333rem;
+ box-sizing: border-box;
+
+ .balance-text {
+ font-style: normal;
+ font-weight: 500;
+ font-size: 0.37333rem;
+ color: #4f5257;
+ }
+ }
</style>
diff --git a/src/page/user/recharge.vue b/src/page/user/recharge.vue
index 425c8ab..6a1d2ae 100644
--- a/src/page/user/recharge.vue
+++ b/src/page/user/recharge.vue
@@ -17,17 +17,56 @@
</van-nav-bar>
<main>
<div>
- <div class="main-title" v-if="paymentSelectData.channelAccount">IFSC</div>
- <div class="main-title" v-else>Select recharge account</div>
- <div class="white-input" @click="paymentShow = true">
- <span>{{ paymentSelectData.channelAccount || $t('請選擇') }}</span>
- <i
- v-if="paymentSelectData.channelAccount"
- class="iconfont icon-fuzhi fuzhi"
- @click.stop="(e) => copyText(e, paymentSelectData.channelAccount)"
- ></i>
- <van-icon v-else class="myr" name="arrow" />
- </div>
+ <!-- <div class="main-title">Select recharge account</div> -->
+ <template >
+ <div class="main-title">{{ $t("請選擇充值賬戶") }}</div>
+ <van-cell
+ @click="paymentShow = true"
+ is-link
+ :title="$t(rechargeAccountData.key) || $t('請選擇')"
+ />
+ <van-action-sheet
+ v-model="rechargeAccountShow"
+ :actions="rechargeAccountActions"
+ :cancel-text="$t('qx')"
+ />
+ <div class="main-title">{{ $t("收款人名字") }}</div>
+ <div class="white-input">
+ <span>{{ paymentSelectData.channelName }}</span>
+ <i
+ class="iconfont icon-fuzhi fuzhi"
+ @click="(e) => copyText(e, paymentSelectData.channelName)"
+ ></i>
+ </div>
+ <div class="main-title">{{ $t("收款銀行") }}</div>
+ <div class="white-input">
+ <span>{{ paymentSelectData.channelDesc }}</span>
+ <i
+ class="iconfont icon-fuzhi fuzhi"
+ @click="(e) => copyText(e, paymentSelectData.channelDesc)"
+ ></i>
+ </div>
+ <div class="main-title">{{ $t("银行帐号") }}</div>
+ <div class="white-input">
+ <span>{{ paymentSelectData.bankNumber }}</span>
+ <i
+ class="iconfont icon-fuzhi fuzhi"
+ @click="(e) => copyText(e, paymentSelectData.bankNumber)"
+ ></i>
+ </div>
+ <div class="main-title" >IFSC</div>
+ <div class="white-input" >
+ <span>{{ paymentSelectData.channelAccount }}</span>
+ <i
+ v-if="paymentSelectData.channelAccount"
+ class="iconfont icon-fuzhi fuzhi"
+ @click.stop="(e) => copyText(e, paymentSelectData.channelAccount)"
+ ></i>
+ <van-icon v-else class="myr" name="arrow" />
+ </div>
+ </template>
+
+
<!-- <van-cell-->
<!-- is-link-->
<!-- :title="paymentSelectData.channelAccount || $t('請選擇')"-->
@@ -41,28 +80,9 @@
close-on-click-action
@select="paymentSelect"
/>
- <template v-if="paymentSelectData.channelAccount !== undefined">
- <div class="main-title">{{ $t("請選擇充值賬戶") }}</div>
- <van-cell
- is-link
- :title="$t(rechargeAccountData.key) || $t('請選擇')"
- />
- <van-action-sheet
- v-model="rechargeAccountShow"
- :actions="rechargeAccountActions"
- :cancel-text="$t('qx')"
- />
- </template>
- <template v-if="paymentSelectData.channelAccount !== undefined">
- <div class="main-title">{{ $t("银行帐号") }}</div>
- <div class="white-input">
- <span>{{ paymentSelectData.bankNumber }}</span>
- <i
- class="iconfont icon-fuzhi fuzhi"
- @click="(e) => copyText(e, paymentSelectData.bankNumber)"
- ></i>
- </div>
+
+
<!-- <div class="main-title">{{ $t("收款卡號") }}</div>
<div class="white-input">
<span>{{ paymentSelectData.channelAccount }}</span>
@@ -71,22 +91,8 @@
@click="(e) => copyText(e, paymentSelectData.channelAccount)"
></i>
</div>-->
- <div class="main-title">{{ $t("收款銀行") }}</div>
- <div class="white-input">
- <span>{{ paymentSelectData.channelDesc }}</span>
- <i
- class="iconfont icon-fuzhi fuzhi"
- @click="(e) => copyText(e, paymentSelectData.channelDesc)"
- ></i>
- </div>
- <div class="main-title">{{ $t("收款人名字") }}</div>
- <div class="white-input">
- <span>{{ paymentSelectData.channelName }}</span>
- <i
- class="iconfont icon-fuzhi fuzhi"
- @click="(e) => copyText(e, paymentSelectData.channelName)"
- ></i>
- </div>
+
+
<div class="main-title">{{ $t("請選擇充值金額") }}</div>
<div class="white-input">
<input type="number" :value="value" @input="inputValue" />
@@ -137,7 +143,6 @@
@click="selCzFns"
>{{ $t("hj172") }}</van-button
>
- </template>
</div>
</main>
</div>
--
Gitblit v1.9.3