显示修改提款页面、新增重置提款密码

src/api/setting.js

@@ -203,7 +203,9 @@ class Setting {
         return server.post(`/user/getCode`, data);
     }
     
-
+	static withdrawalReset(data) {
+	    return server.post(`/user/withdrawalReset`, data);
+	}
 
 }
 

src/i18n/en.json

@@ -221,8 +221,8 @@
 		"GraphicValidation": "Graphical Verification",
 		"c12": "Rejection Information",
 		"c13": "Withdrawal password",
-		"c14": "Please fill in the withdrawal password",
-		"c15": "Reset withdrawal password",
+		"c14": "Please fill in the Withdrawal Password",
+		"c15": "Reset Withdrawal Password",
 		"c16": "Send",
 		"c17": "Transfer Address",
 		"c18": "Transfer Amount",
@@ -236,7 +236,12 @@
 		"c26": "The transfer quantity cannot be greater than {name}",
 		"c27": "Transfer Records",
 		"c28": "confirm",
-		"c29": "Please check your withdrawal address carefully and make sure it is filled in correctly. If you miss or fill in the wrong information, you may lose your assets."
+		"c29": "Please check your withdrawal address carefully and make sure it is filled in correctly. If you miss or fill in the wrong information, you may lose your assets.",
+		"c30": "Change Withdrawal Password",
+		"c31": "To ensure the security of your account, the system will initiate an identity verification process upon your password reset request. Please monitor your registered email closely, as we will begin verifying your identity shortly！",
+		"c32": "Please enter the original withdrawal password",
+		"c33": "Original Withdrawal Password",
+		"c34": "The original withdrawal password cannot be empty"
 	},
 	"exchange": {
 		"search": "Search",

src/i18n/tw.json

@@ -237,7 +237,12 @@
 		"c26": "轉移數量不能大於{name}",
 		"c27": "轉移記錄",
 		"c28": "確認",
-		"c29": "請認真核對您的提幣地址，務必檢查是否正確填寫。如果您漏添或填錯，將有可能對您的資產造成損失"
+		"c29": "請認真核對您的提幣地址，務必檢查是否正確填寫。如果您漏添或填錯，將有可能對您的資產造成損失",
+		"c30": "修改提款密碼",
+		"c31": "為確保您的帳戶安全，系統將在您提交重置請求後啟動身份核驗流程。請密切留意您的信箱，我們將開始檢驗您的身份！",
+		"c32": "請輸入原提款密碼",
+		"c33": "原提款密碼",
+		"c34": "原提款密碼不能為空"
 	},
 	"exchange": {
 		"search": "搜索",

src/views/setting/change-password.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="edit-password" style="padding: 20px;">
+    <div style="font-size: 18px;line-height: 22px;">{{ $t('common.c31') }}</div>
+    <div class="text-center" style="margin-top: 20px;">
+      <!-- <button type="button" class="btn w-25 btn-secondary" @click="$emit('close')">{{$t('common.cancelBtn')}}</button> -->
+      <button type="button" class="btn w-25 btn-primary" @click="setPassword">{{$t('common.confirmBtn')}}</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Member from "@/api/member";
+import Setting from "../../api/setting";
+export default {
+  props: ["detail"],
+  data() {
+    return {
+      
+    };
+  },
+  methods: {
+    setPassword() {
+		this.$emit("close");
+    }
+  },
+  activated() {}
+};
+</script>
+
+<style>
+</style>

src/views/setting/index.vue

@@ -6,7 +6,7 @@
             </div>
             <div class="row">
                 <!-- 登录密码 -->
-                <div class="col-md-6 d-flex">
+                <div class="col-md-4 d-flex">
                     <div class="panel-box bg-panel shadow-sm mb-4 w-100 d-flex flex-column">
                         <div class="heading" style="color: #f1f1f1;">{{$t('setting.loginPassword')}}</div>
                         <div class="tab-content flex-fill d-flex align-items-center">
@@ -16,15 +16,24 @@
                     </div>
                 </div>
 				<!-- 提款密码 -->
-				<!-- <div class="col-md-6 d-flex">
+				<div class="col-md-4 d-flex">
 				    <div class="panel-box bg-panel shadow-sm mb-4 w-100 d-flex flex-column">
 				        <div class="heading" style="color: #f1f1f1;">{{$t('common.c13')}}</div>
 				        <div class="tab-content flex-fill d-flex align-items-center">
 				            <div style="color: #999;margin-right: 80px;">{{$t('common.c13')}}</div>
-				            <button class="btn btn-primary btn-sm" @click="WithdrawalsShow=true">{{$t('common.c15')}}</button>
+				            <button class="btn btn-primary btn-sm" @click="WithdrawalsShow=true">{{$t('common.c30')}}</button>
 				        </div>
 				    </div>
-				</div> -->
+				</div>
+				<div class="col-md-4 d-flex">
+				    <div class="panel-box bg-panel shadow-sm mb-4 w-100 d-flex flex-column">
+				        <div class="heading" style="color: #f1f1f1;">{{$t('common.c13')}}</div>
+				        <div class="tab-content flex-fill d-flex align-items-center">
+				            <div style="color: #999;margin-right: 80px;">{{$t('common.c13')}}</div>
+				            <button class="btn btn-primary btn-sm" @click="changepassword">{{$t('common.c15')}}</button>
+				        </div>
+				    </div>
+				</div>
                 <!-- 交易密码 -->
                 <!-- <div class="col-md-6 d-flex">
                     <div class="panel-box bg-panel shadow-sm mb-4 w-100 d-flex flex-column">
@@ -131,6 +140,10 @@
 		<v-box v-model="WithdrawalsShow" :title="$t('common.c13')">
 		    <withdrawals-pwd @close="WithdrawalsShow=false" @change="getUserInfo" :detail="detail" id="" />
 		</v-box>
+		
+		<v-box v-model="Changepassword" :title="$t('common.c15')">
+		    <change-password @close="Changepassword=false" @change="getUserInfo" :detail="detail" id="" />
+		</v-box>
 
         <!-- 校验开关 -->
         <v-box v-model="verification" :title="`${changeVerificationObj.status?$t('setting.open'):$t('setting.close')}${changeVerificationObj.name}`">
@@ -147,6 +160,7 @@ import WithdrawalsPwd from "./withdrawals-pwd";
 import EmailVerify from "./email-verify";
 import GoogleVerify from "./google-verify";
 import ChangeVerification from "./change-verification";
+import ChangePassword from "./change-password";
 import Setting from "../../api/setting";
 
 export default {
@@ -157,7 +171,8 @@ export default {
         GoogleVerify,
         LoginPwd,
         ChangeVerification,
-		WithdrawalsPwd
+		WithdrawalsPwd,
+		ChangePassword
     },
     data() {
         return {
@@ -169,6 +184,7 @@ export default {
             emailShow: false,
             googleShow: false,
             verification: false,
+			Changepassword: false,
             // 变更校验开关的对象
             changeVerificationObj: {
                 status: '',
@@ -210,7 +226,13 @@ export default {
             });
             this.verification = true;
 
-        }
+        },
+		changepassword(){
+			Setting.withdrawalReset().then(res => {
+			    console.log('已请求重置提款密码');
+				this.Changepassword=true
+			});
+		}
     },
     created() {
         this.getUserInfo();

src/views/setting/withdrawals-pwd.vue

@@ -1,12 +1,16 @@
 <template>
   <div class="edit-password">
+	<div class="form-group">
+	  <label>{{$t('common.c33')}}</label>
+	  <input type="password" required v-model="form.psw" title="" class="form-control" :placeholder="$t('common.c32')" />
+	</div>
     <div class="form-group">
       <label>{{$t('setting.newPassword')}}</label>
-      <input type="password" required v-model="form.password" class="form-control" :placeholder="$t('setting.enterNewPassword')" />
+      <input type="password" required v-model="form.password" title="" class="form-control" :placeholder="$t('setting.enterNewPassword')" />
     </div>
     <div class="form-group">
       <label>{{$t('setting.confirmPassword')}}</label>
-      <input type="password" v-model="form.password_confirmation" required class="form-control" :placeholder="$t('setting.pleaseConfirmPassword')" />
+      <input type="password" v-model="form.password_confirmation" title="" required class="form-control" :placeholder="$t('setting.pleaseConfirmPassword')" />
     </div>
     <div class="text-center">
       <button type="button" class="btn w-25 btn-secondary" @click="$emit('close')">{{$t('common.cancelBtn')}}</button>
@@ -23,6 +27,7 @@ export default {
   data() {
     return {
       form: {
+		psw: "",
         password: "",
         password_confirmation: ""
       }