From e1e694369dabf557615669ce2f71e9af70277ff6 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Wed, 07 Jan 2026 13:56:32 +0800
Subject: [PATCH] 1
---
src/views/main-navbar-update-googleAuthCode.vue | 257 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 257 insertions(+), 0 deletions(-)
diff --git a/src/views/main-navbar-update-googleAuthCode.vue b/src/views/main-navbar-update-googleAuthCode.vue
new file mode 100644
index 0000000..22db7f2
--- /dev/null
+++ b/src/views/main-navbar-update-googleAuthCode.vue
@@ -0,0 +1,257 @@
+<template>
+ <el-dialog
+ :title="googleAuthBind ? '解绑谷歌验证器' : '绑定谷歌验证器'"
+ :visible.sync="visible"
+ :append-to-body="true"
+ >
+ <el-form
+ :model="dataForm"
+ :rules="dataRule"
+ ref="dataForm"
+ @keyup.enter.native="dataFormSubmit()"
+ label-width="80px"
+ >
+ <div class="gogTop">
+ <div
+ v-if="!getInput"
+ class="gogRefresgh"
+ @click="getGoogleAuthSecret()"
+ >
+ <i class="el-icon-refresh"></i>
+ </div>
+ </div>
+ <el-form-item
+ v-if="getInput && !googleAuthBind"
+ label="密钥"
+ style="position: relative"
+ >
+ <el-input
+ type="number"
+ :disabled="true"
+ placeholder="请点击右侧 生成密钥和二维码"
+ ></el-input>
+ <span class="maTreButton" @click="getGoogleAuthSecret()"
+ >生成密钥和二维码</span
+ >
+ </el-form-item>
+ <el-form-item v-if="googleAuthBind" label="资金密码" prop="safePassword">
+ <el-input
+ type="number"
+ v-model="dataForm.safePassword"
+ placeholder="请输入为当前登录人资金密码"
+ ></el-input>
+ </el-form-item>
+ <el-form-item v-show="!getInput" label="密钥" style="position: relative">
+ <el-input
+ type="text"
+ :disabled="true"
+ v-model="dataForm.secret"
+ ></el-input>
+ <el-button
+ class="spaButton"
+ type="button"
+ v-clipboard:copy="dataForm.secret"
+ v-clipboard:success="onCopy"
+ v-clipboard:error="onError"
+ >
+ 复制
+ </el-button>
+ </el-form-item>
+ <div v-show="!getInput" class="qrCode">
+ <img :src="gleimg" alt="" />
+ </div>
+ <el-form-item label="谷歌验证" prop="code">
+ <el-input
+ type="number"
+ placeholder="请输入当前管理员谷歌验证码"
+ v-model="dataForm.code"
+ ></el-input>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="visible = false">取消</el-button>
+ <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+ </span>
+ </el-dialog>
+</template>
+
+<script>
+import { Debounce } from "@/utils/debounce";
+import { encrypt } from "@/utils/crypto";
+export default {
+ data() {
+ return {
+ visible: false,
+ dataForm: {
+ password: "",
+ newPassword: "",
+ safePassword: "",
+ urlencoded: "",
+ code: "",
+ secret: "", //谷歌密钥
+ },
+ getOne: "",
+ getInput: true,
+ gleimg: "",
+ dataRule: {
+ code: [
+ { required: true, message: "谷歌验证码不能为空", trigger: "blur" },
+ ],
+ safePassword: [
+ { required: true, message: "资金密码不能为空", trigger: "blur" },
+ ],
+ },
+ };
+ },
+ computed: {
+ userName: {
+ get() {
+ return this.$store.state.user.name;
+ },
+ },
+ googleAuthBind: {
+ //是否绑定谷歌验证
+ get() {
+ return this.$store.state.user.googleAuthBind;
+ },
+ },
+ mainTabs: {
+ get() {
+ return this.$store.state.common.mainTabs;
+ },
+ set(val) {
+ this.$store.commit("common/updateMainTabs", val);
+ },
+ },
+ },
+ created() {
+ console.log(this.googleAuthBind);
+ },
+ methods: {
+ // 初始化
+ init() {
+ this.visible = true;
+ this.$nextTick(() => {
+ this.getInput = true;
+ this.$refs["dataForm"].resetFields();
+ });
+ },
+
+ // 表单提交
+ dataFormSubmit: Debounce(function () {
+ this.$refs["dataForm"].validate((valid) => {
+ if (valid) {
+ if (this.googleAuthBind) {
+ //解绑
+ this.$http({
+ url: this.$http.adornUrl("/unbinding"),
+ method: "post",
+ data: this.$http.adornData({
+ googleAuthCode: this.dataForm.code * 1,
+ safeWord: encrypt(this.dataForm.safePassword),
+ }),
+ }).then(({ data }) => {
+ this.$message({
+ message: "操作成功",
+ type: "success",
+ duration: 1500,
+ onClose: () => {
+ this.visible = false;
+ },
+ });
+ });
+ } else {
+ this.$http({
+ url: this.$http.adornUrl("/bind"),
+ method: "post",
+ data: this.$http.adornData({
+ code: this.dataForm.code,
+ secret: this.dataForm.secret,
+ }),
+ }).then(({ data }) => {
+ this.$message({
+ message: "操作成功",
+ type: "success",
+ duration: 1500,
+ onClose: () => {
+ this.visible = false;
+ },
+ });
+ });
+ }
+ }
+ });
+ }),
+ //获取密钥
+ getGoogleAuthSecret() {
+ this.$http({
+ url: this.$http.adornUrl("/getLoginGoogleAuthSecret"),
+ method: "get",
+ data: this.$http.adornData({}),
+ }).then(({ data }) => {
+ this.getInput = false;
+ this.dataForm.secret = data.googleAuthSecret;
+ this.gleimg = data.googleAuthImg;
+ this.$message({
+ message: "操作成功",
+ type: "success",
+ duration: 1500,
+ });
+ });
+ },
+ onCopy: function (e) {
+ this.$message({
+ message: "复制成功",
+ type: "success",
+ });
+ },
+ onError: function (e) {
+ this.$message({
+ message: "复制失败",
+ type: "error",
+ });
+ },
+ },
+};
+</script>
+<style scoped>
+.gogText {
+ float: left;
+}
+.gogRefresgh {
+ float: right;
+ cursor: pointer;
+}
+.el-icon-refresh:hover {
+ color: #02a1e9;
+}
+.gogTop {
+ overflow: hidden;
+ padding: 0 15px;
+ height: 43px;
+}
+.maTreButton {
+ position: absolute;
+ width: 123px;
+ right: 10px;
+ color: #02a1e9;
+ cursor: pointer;
+}
+.maTreButton:hover {
+ color: rgb(59, 226, 184);
+}
+.qrCode {
+ width: 219px;
+ height: 228px;
+ border: 1px solid #e1e4eb;
+ margin: 0 auto;
+ margin-bottom: 20px;
+}
+.spaButton {
+ position: absolute;
+ right: 2px;
+ border: none;
+ background: #eff2f5;
+ color: #02a1e9;
+}
+</style>
--
Gitblit v1.9.3