新增大额支付页面

src/components/SecondaryNav.vue

@@ -54,7 +54,11 @@ export default {
                 },{
                     url: `/wallet/address`,
                     label: this.$t('common.addressManagement'),
-                }
+                },
+				{
+					url: `/wallet/deposit`,
+					label: this.$t('service.a0'),
+				}
             ];
         },
 

src/router/wallet.js

@@ -7,7 +7,8 @@ import Reward from '@/views/wallet/reward';
 import Funding from '@/views/wallet/funding';
 import Address from '@/views/wallet/address';
 import Otc from '@/views/wallet/otc-assets';
-
+// 大额支付通道
+import Deposit from '@/views/wallet/deposit'
 export default [
     {
         name: "exchange-assets",
@@ -47,5 +48,10 @@ export default [
         name : "otcAssets",
         path : "/wallet/otc", // 地址管理
         component : Otc
-    }
+    },
+	{
+	    name: "deposit",
+	    path: "/wallet/deposit",
+	    component: Deposit
+	},
 ]

src/views/wallet/deposit.vue

@@ -0,0 +1,189 @@
+<template>
+	 <div class="settings wallet-page">
+		 <secondary-nav></secondary-nav>
+		 <div class="container">
+			<div class="" style="background-color: #121212;color: #fff;padding:20px 40px;margin-top: 10px;">
+				<div class="title1">{{$t('service.a1')}}</div>
+				<div class="title2">{{$t('service.a2')}}</div>
+				<div class="title3">{{$t('service.a3')}}</div>
+				<!-- 存入金额 -->
+				<div class="d-flex">
+					<input type="number" placeholder="0.000" v-model="form.amount" class="input-control" style="background-color: #242424;"></input>
+					<div class="right_txt">EGP</div>
+				</div>
+				<div class="title3">{{$t('service.a4')}}</div>
+				<div class="d-flex">
+					<input type="number" placeholder="0" model="form.amount1" class="input-control" style="background-color: #242424;width: 65%;"></v-input>
+					<div class="right_txt" style="color: #d2de8e;">USDT</div>
+				</div>
+				<div class="flex-text">
+					<div>{{$t('service.a5')}}</div>
+					<div>1 EGP ≈ 0.0211 USDT</div>
+				</div>
+				<div class="banking_box">
+					<div>{{$t('service.a6')}}</div>
+					<div class="banking_title2">{{$t('service.a7')}}<span class="banking_span">EGP</span>{{$t('service.a8')}}</div>
+					<div>
+						<div class="banking_box1">
+							<div class="banking_border"></div>
+							<div class="banking_txt">E-Banking</div>
+						</div>
+						<div class="banking_box2">
+							<div style="color: #717171;">{{$t('service.a9')}}<span style="color: #fff;">**** ****</span></div>
+						</div>
+						<div class="banking_box2">
+							<div style="color: #717171;">{{$t('service.a10')}}<span style="color: #fff;">********</span></div>
+						</div>
+						<div class="banking_box2">
+							<div style="color: #717171;">{{$t('service.a11')}}<span style="color: #fff;">********</span></div>
+						</div>
+					</div>
+					<div class="banking_title3">{{$t('service.a12')}}</div>
+				</div>
+				<div style="margin: 20px 0px;font-size: 30px;">{{$t('service.a13')}}</div>
+				<upload-img class="mb-3" v-model="form.images">
+					<template #text>
+					  <div class="el-upload__text">{{$t('profile.dragHere')}} <em>{{$t('profile.clickUpload')}}</em>
+					  </div>
+					</template>
+				</upload-img>
+				<div style="margin-top: 15px;margin-bottom: 50px;">* {{$t('service.a14')}}</div>
+				<div style="margin-left: 200px;">
+					<button class="btn btn-primary rounded-pill" @click="openshow"
+					 style="background-image: linear-gradient(to right, #abbb62, #abbb62);padding: 10px 60px;">
+						{{ $t('service.a15') }}
+					</button>
+				</div>
+				<div class="modal fade" tabindex="-1" role="dialog" id="deposite" aria-hidden="true">
+					<div class="modal-dialog modal-xl modal-dialog-centered" style="width: 400px;">
+						<div class="modal-content bg-panel" style="background-color: #22222d;">
+							<div class="modal-header" style="border: 0px;">
+								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+									<span aria-hidden="true">&times;</span>
+								</button>
+							</div>
+							<div style="text-align: center;">
+								<img src="@/assets/img/service2.png" alt="" />
+							</div>
+							<div>
+								<div style="text-align: center;color: #fff;margin: 15px 0px;">{{$t('service.a16')}}</div>
+								<div style="display: flex;justify-content: center;margin-bottom: 20px;text-align: center;">
+									{{$t('service.a17')}}{{$t('common.email')}}: sevice@bigtcoins.com
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		 </div>
+	 </div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				form: {
+				  images: '',
+				  amount:'',
+				  amount1:''
+				},
+				show: false
+			}
+		},
+		methods: {
+			openshow() {
+				$("#deposite").modal("show");
+			}
+		},
+	}
+</script>
+
+<style scoped lang="scss">
+	.title1{
+		// margin-top: 50px;
+		font-weight: bold;
+		font-size: 45px;
+	}
+	.title2{
+		margin-top: 10px;
+		font-weight: bold;
+	}
+	.title3{
+		margin-top: 20px;
+		margin-bottom: 20px;
+		font-weight: bold;
+		color: #6e6c6d;
+	}
+	.right_txt{
+		height: 38px;
+		font-size: 15px;
+		line-height: 40px;
+		padding-right: 10px;
+		background-color: #242424;
+		border-radius: 0px 5px 5px 0px;
+	}
+	.input-control{
+		width: 66%;
+		height: calc(1.5em + .75rem + 2px);
+		padding: .375rem .75rem;
+		font-size: 1rem;
+		font-weight: 400;
+		line-height: 1.5;
+		color: #495057;
+		background-color: #fff;
+		background-clip: padding-box;
+		border: 1px solid #242424;
+		border-radius: 5px 0px 0px 5px;
+		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+	}
+	.flex-text{
+		width: 53%;
+		display: flex;
+		color: #6e6c6d;
+		font-size: 12px;
+		justify-content: space-between;
+		margin-top: 5px;
+	}
+	.banking_box{
+		width: 70%;
+		margin-top: 45px;
+		border-radius: 10px;
+		padding: 30px 20px;
+		background-color: #202020;
+		
+		.banking_title2{
+			margin-top: 20px;
+			.banking_span{
+				color: #d2de8e;
+				font-weight: bold;
+				padding-left: 10px;
+			}
+		}
+		
+		.banking_box1{
+			display: flex;
+			margin-top: 40px;
+			.banking_border{
+				height: 25px;
+				margin-top: 13px;
+				border: 1px solid #5479c2;
+			}
+			.banking_txt{
+				font-size: 32px;
+				margin-left: 10px;
+			}
+		}
+		
+		.banking_box2{
+			display: flex;
+			margin-top: 20px;
+			justify-content: space-between;
+		}
+		
+		.banking_title3{
+			font-size: 26px;
+			margin-top: 50px;
+		}
+	}
+</style>

src/views/wallet/exchange-assets.vue

@@ -84,6 +84,14 @@
                     </div>
                   </div>
                 </div>
+				<div>
+					<div style="float: right;">
+						<button class="btn btn-primary rounded-pill" style="background-image: linear-gradient(to right, #2fad66, #9de686);" 
+						@click.prevent="todeposit">
+							{{ $t('service.a0') }}
+						</button>
+					</div>
+				</div>
               </div>
             </div>
           </div>
@@ -763,6 +771,9 @@ export default {
 	addressText(){
 		$("#withdraw").modal("hide");
 		this.$router.push("/wallet/address")
+	},
+	todeposit(){
+		this.$router.push("/wallet/deposit")
 	}
 },