From 2e7dbd705fc82e8db74b073e55af938d67d8c19f Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期二, 17 三月 2026 09:05:49 +0800
Subject: [PATCH] #
---
src/main/webapp/views/detail.html | 686 ++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 538 insertions(+), 148 deletions(-)
diff --git a/src/main/webapp/views/detail.html b/src/main/webapp/views/detail.html
index 9a7739c..bbed975 100644
--- a/src/main/webapp/views/detail.html
+++ b/src/main/webapp/views/detail.html
@@ -1,172 +1,562 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="zh-CN">
<head>
<meta charset="UTF-8">
- <title></title>
+ <title>璁剧疆鎴戠殑璧勬枡</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
- <script type="text/javascript" src="../static/js/common.js?v=20260309_i18n_fix1"></script>
+ <link rel="stylesheet" href="../static/vue/element/element.css">
+ <link rel="stylesheet" href="../static/css/cool.css">
<style>
+ :root {
+ --card-bg: rgba(255, 255, 255, 0.96);
+ --card-border: rgba(216, 226, 238, 0.96);
+ --text-main: #243447;
+ }
+
+ [v-cloak] {
+ display: none;
+ }
+
+ html,
body {
- background-color: #fff;
+ margin: 0;
+ min-height: 100%;
+ color: var(--text-main);
+ font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
+ background: #f5f7fb;
}
- #container {
- padding: 15px;
- margin-top: 15px
+
+ .page-shell {
+ padding: 14px 16px;
+ box-sizing: border-box;
}
- .layui-card-body {
- padding: 20px 15px 5px 15px;
+
+ .card-shell {
+ max-width: 860px;
+ margin: 0 auto;
+ border-radius: 16px;
+ border: 1px solid var(--card-border);
+ background: var(--card-bg);
+ box-shadow: 0 8px 20px rgba(44, 67, 96, 0.05);
+ overflow: hidden;
}
- .layui-form-item {
- margin-bottom: 18px;
+
+ .card-head {
+ padding: 16px 20px 12px;
+ border-bottom: 1px solid rgba(222, 230, 239, 0.92);
+ background: #f8fbff;
}
- .layui-form-label {
- color: #999!important;;
- width: 60px;
+
+ .card-title {
+ font-size: 16px;
+ font-weight: 700;
+ color: var(--text-main);
}
- .layui-input-block {
- margin-left: 90px;
+
+ .card-body {
+ padding: 18px 20px 16px;
}
- #update-password {
- padding: 0 20px 0 15px;
+
+ .form-shell {
+ max-width: 740px;
+ margin: 0 auto;
}
- .layui-btn .layui-icon {
- margin-right: 0;
+
+ .profile-form .el-form-item {
+ margin-bottom: 14px;
+ }
+
+ .profile-form .el-form-item__label {
+ font-weight: 600;
+ color: #5c6f82;
+ }
+
+ .profile-form .el-input__inner,
+ .profile-form .el-button {
+ height: 34px;
+ line-height: 34px;
+ }
+
+ .profile-form .el-button {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 16px;
+ vertical-align: middle;
+ }
+
+ .profile-form .el-button [class^="el-icon-"],
+ .profile-form .el-button [class*=" el-icon-"] {
+ line-height: 1;
+ margin-right: 6px;
+ }
+
+ .password-row {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ }
+
+ .password-mask {
+ width: 100%;
+ }
+
+ .password-row .el-button {
+ min-width: 118px;
+ flex: 0 0 118px;
+ }
+
+ .mfa-panel {
+ border: 1px solid rgba(222, 230, 239, 0.92);
+ border-radius: 14px;
+ background: #f8fbff;
+ padding: 14px 16px;
+ }
+
+ .mfa-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ margin-bottom: 10px;
+ }
+
+ .mfa-title {
+ font-size: 14px;
+ font-weight: 700;
+ color: #2f4358;
+ }
+
+ .mfa-actions {
+ display: flex;
+ gap: 10px;
+ flex-wrap: wrap;
+ }
+
+ .mfa-meta {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 10px;
+ }
+
+ .mfa-meta-item {
+ padding: 10px 12px;
+ border-radius: 12px;
+ background: rgba(255, 255, 255, 0.95);
+ border: 1px solid rgba(226, 233, 242, 0.96);
+ }
+
+ .mfa-meta-label {
+ font-size: 12px;
+ color: #7b8b9b;
+ margin-bottom: 6px;
+ }
+
+ .mfa-meta-value {
+ font-size: 13px;
+ color: #2f4358;
+ word-break: break-all;
+ }
+
+ .mfa-tip {
+ margin-top: 10px;
+ font-size: 12px;
+ line-height: 1.7;
+ color: #7b8b9b;
+ }
+
+ .footer-bar {
+ display: flex;
+ justify-content: flex-end;
+ padding-top: 4px;
+ }
+
+ .footer-bar .el-button {
+ min-width: 118px;
+ }
+
+ .password-dialog .el-dialog {
+ border-radius: 18px;
+ overflow: hidden;
+ }
+
+ .password-dialog .el-dialog__header,
+ .mfa-dialog .el-dialog__header {
+ padding: 18px 20px 12px;
+ border-bottom: 1px solid rgba(222, 230, 239, 0.92);
+ background: #f8fbff;
+ }
+
+ .password-dialog .el-dialog__title,
+ .mfa-dialog .el-dialog__title {
+ font-weight: 700;
+ color: var(--text-main);
+ }
+
+ .password-dialog .el-dialog__body,
+ .mfa-dialog .el-dialog__body {
+ padding: 18px 20px 12px;
+ }
+
+ .password-form .el-form-item {
+ margin-bottom: 16px;
+ }
+
+ .password-form .el-form-item__label {
+ font-weight: 600;
+ color: #5c6f82;
+ white-space: nowrap;
+ }
+
+ .password-form .el-input__inner,
+ .password-form .el-button {
+ height: 34px;
+ line-height: 34px;
+ }
+
+ .password-form .el-button {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 120px;
+ padding: 0 18px;
+ }
+
+ .password-footer {
+ display: flex;
+ justify-content: center;
+ gap: 12px;
+ padding-top: 4px;
+ }
+
+ .mfa-setup {
+ margin-bottom: 16px;
+ padding: 14px;
+ border-radius: 14px;
+ background: rgba(248, 251, 255, 0.92);
+ border: 1px solid rgba(226, 233, 242, 0.96);
+ }
+
+ .mfa-setup-tip {
+ font-size: 12px;
+ line-height: 1.7;
+ color: #738396;
+ margin-bottom: 12px;
+ }
+
+ .mfa-qr-wrap {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 220px;
+ margin-bottom: 14px;
+ background: #fff;
+ border-radius: 14px;
+ border: 1px dashed rgba(210, 220, 233, 0.96);
+ }
+
+ .mfa-qr-wrap img {
+ width: 220px;
+ height: 220px;
+ object-fit: contain;
+ }
+
+ .mfa-secret-row {
+ display: flex;
+ gap: 10px;
+ align-items: center;
+ }
+
+ .mfa-secret-row .el-input {
+ flex: 1;
+ }
+
+ .mfa-footer {
+ display: flex;
+ justify-content: center;
+ gap: 12px;
+ padding-top: 6px;
+ }
+
+ @media (max-width: 768px) {
+ .page-shell {
+ padding: 10px;
+ }
+
+ .password-row,
+ .mfa-secret-row {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .form-shell {
+ max-width: none;
+ }
+
+ .mfa-head {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .mfa-meta {
+ grid-template-columns: 1fr;
+ }
}
</style>
</head>
-<body id="body">
-<div id="container">
- <fieldset class="layui-elem-field">
- <legend>璁剧疆鎴戠殑璧勬枡</legend>
- <div class="layui-card-body">
- <div id="person-detail" class="layui-form">
- <div class="layui-form-item" style="display: none">
- <label class="layui-form-label">缂栧彿</label>
- <div class="layui-input-inline">
- <input id="id" class="layui-input" type="text" placeholder="璇疯緭鍏�" autocomplete="off">
+<body>
+<div id="app" class="page-shell" v-cloak>
+ <section class="card-shell">
+ <div class="card-head">
+ <div class="card-title">璁剧疆鎴戠殑璧勬枡</div>
+ </div>
+ <div class="card-body">
+ <div class="form-shell">
+ <input id="id" type="hidden" v-model="form.id">
+ <el-form
+ ref="profileForm"
+ class="profile-form"
+ :model="form"
+ :rules="rules"
+ label-width="78px"
+ size="small"
+ @submit.native.prevent>
+ <el-row :gutter="16">
+ <el-col :xs="24" :sm="12">
+ <el-form-item label="瑙掕壊">
+ <el-input id="roleName" v-model="form.roleName" disabled></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="12">
+ <el-form-item label="娉ㄥ唽鏃堕棿">
+ <el-input v-model="form.createTime$" disabled></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="12">
+ <el-form-item label="鍚嶇О" prop="username">
+ <el-input id="username" v-model.trim="form.username" maxlength="50" clearable placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="12">
+ <el-form-item label="璐﹀彿" prop="mobile">
+ <el-input id="mobile" v-model.trim="form.mobile" maxlength="50" clearable placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24">
+ <el-form-item label="瀵嗙爜">
+ <div class="password-row">
+ <el-input class="password-mask" value="宸茶缃瘑鐮�" disabled></el-input>
+ <el-button type="primary" plain icon="el-icon-lock" @click="openPasswordDialog">淇敼瀵嗙爜</el-button>
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24">
+ <el-form-item label="MFA">
+ <div class="mfa-panel">
+ <div class="mfa-head">
+ <div class="mfa-title">澶氬洜瀛愮櫥褰曢獙璇�</div>
+ <div class="mfa-actions">
+ <el-button
+ v-if="Number(form.mfaAllow) === 1 && Number(form.mfaEnabled) !== 1"
+ type="primary"
+ plain
+ icon="el-icon-key"
+ @click="openMfaEnableDialog">鍚敤 MFA</el-button>
+ <el-button
+ v-if="Number(form.mfaEnabled) === 1"
+ type="danger"
+ plain
+ icon="el-icon-switch-button"
+ @click="openMfaDisableDialog">鍋滅敤 MFA</el-button>
+ </div>
+ </div>
+ <div class="mfa-meta">
+ <div class="mfa-meta-item">
+ <div class="mfa-meta-label">璐﹀彿鎺堟潈</div>
+ <div class="mfa-meta-value">{{ form.mfaAllow$ || '--' }}</div>
+ </div>
+ <div class="mfa-meta-item">
+ <div class="mfa-meta-label">鍚敤鐘舵��</div>
+ <div class="mfa-meta-value">{{ form.mfaEnabled$ || '--' }}</div>
+ </div>
+ <div class="mfa-meta-item">
+ <div class="mfa-meta-label">缁戝畾鏃堕棿</div>
+ <div class="mfa-meta-value">{{ form.mfaBoundTime$ || '--' }}</div>
+ </div>
+ </div>
+ <div class="mfa-tip">
+ <span v-if="Number(form.mfaAllow) !== 1">褰撳墠璐﹀彿鏈紑閫� MFA 浣跨敤鏉冮檺锛岃鑱旂郴绠＄悊鍛樻巿鏉冦��</span>
+ <span v-else-if="Number(form.mfaEnabled) === 1">宸茬粦瀹氬瘑閽ワ細{{ form.mfaMaskedSecret || '--' }}銆傜櫥褰曟椂闇�瑕佸啀杈撳叆涓�娆″姩鎬侀獙璇佺爜銆�</span>
+ <span v-else>褰撳墠璐﹀彿宸插厑璁镐娇鐢� MFA锛屽惎鐢ㄥ悗鐧诲綍浼氬鍔犱竴娆� 6 浣嶅姩鎬侀獙璇佺爜鏍￠獙銆�</span>
+ </div>
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24">
+ <el-form-item label="閫氳瀵嗛挜">
+ <div class="mfa-panel">
+ <div class="mfa-head">
+ <div class="mfa-title">璁惧鐢熺墿璇嗗埆 / 瀹夊叏瀵嗛挜鐧诲綍</div>
+ <div class="mfa-actions">
+ <el-button
+ v-if="!form.passkeyBound"
+ type="primary"
+ plain
+ icon="el-icon-key"
+ @click="openPasskeyRegisterDialog">缁戝畾閫氳瀵嗛挜</el-button>
+ <el-button
+ v-else
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ @click="openPasskeyRemoveDialog">瑙ｇ粦閫氳瀵嗛挜</el-button>
+ </div>
+ </div>
+ <div class="mfa-meta">
+ <div class="mfa-meta-item">
+ <div class="mfa-meta-label">缁戝畾鐘舵��</div>
+ <div class="mfa-meta-value">{{ form.passkeyBound ? '宸茬粦瀹�' : '鏈粦瀹�' }}</div>
+ </div>
+ <div class="mfa-meta-item">
+ <div class="mfa-meta-label">鏄剧ず鍚嶇О</div>
+ <div class="mfa-meta-value">{{ form.passkeyName || '--' }}</div>
+ </div>
+ <div class="mfa-meta-item">
+ <div class="mfa-meta-label">缁戝畾鏃堕棿</div>
+ <div class="mfa-meta-value">{{ form.passkeyBoundTime$ || '--' }}</div>
+ </div>
+ </div>
+ <div class="mfa-tip">
+ <span v-if="form.passkeyBound">鏈�杩戜娇鐢細{{ form.passkeyLastUsedTime$ || '--' }}</span>
+ <span v-else>缁戝畾鍚庡彲鐩存帴浣跨敤璁惧鎸囩汗銆佷汉鑴告垨瀹夊叏瀵嗛挜鐧诲綍銆傝鑳藉姏瑕佹眰娴忚鍣ㄦ敮鎸侀�氳瀵嗛挜锛屼笖绯荤粺浠� HTTPS 鎴� localhost 鎵撳紑銆�</span>
+ </div>
+ </div>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <div class="footer-bar">
+ <el-button type="primary" :loading="saving" @click="handleSave">纭淇敼</el-button>
</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">瑙掕壊</label>
- <div class="layui-input-inline">
- <input id="roleName" class="layui-input" type="text" placeholder="璇疯緭鍏�" autocomplete="off" disabled="disabled">
- </div>
- <div class="layui-form-mid layui-word-aux">褰撳墠瑙掕壊涓嶅彲鏇存敼涓哄叾瀹冭鑹�</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-inline">
- <input id="username" class="layui-input" type="text" placeholder="璇疯緭鍏�" autocomplete="off">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">璐﹀彿</label>
- <div class="layui-input-inline">
- <input id="mobile" class="layui-input" type="text" placeholder="璇疯緭鍏�" autocomplete="off">
- </div>
- <div class="layui-form-mid layui-word-aux">閲嶈锛佷竴鑸敤浜庡悗鍙扮櫥鍏�</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">瀵嗙爜</label>
- <div class="layui-input-inline">
- <input id="password" class="layui-input" type="text" placeholder="璇疯緭鍏�" autocomplete="off" style="display: none">
- <button id="update-password" class="layui-btn layui-btn-primary">
- <i class="layui-icon"></i>
- 淇敼瀵嗙爜
- </button>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">娉ㄥ唽鏃堕棿</label>
- <div class="layui-input-inline">
- <input id="createTime$" class="layui-input" type="text" placeholder="璇疯緭鍏�" autocomplete="off" disabled="disabled">
- </div>
- <div class="layui-form-mid layui-word-aux">涓嶅彲淇敼</div>
- </div>
- <div class="layui-form-item">
- <div class="layui-input-block">
- <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="save">纭淇敼</button>
- </div>
- </div>
+ </el-form>
</div>
</div>
- </fieldset>
+ </section>
+
+ <el-dialog
+ class="password-dialog"
+ title="淇敼瀵嗙爜"
+ :visible.sync="passwordDialogVisible"
+ width="420px"
+ :close-on-click-modal="false"
+ append-to-body>
+ <el-form
+ ref="passwordForm"
+ class="password-form"
+ :model="passwordForm"
+ :rules="passwordRules"
+ label-width="112px"
+ size="small"
+ @submit.native.prevent>
+ <el-form-item label="褰撳墠瀵嗙爜" prop="oldPassword">
+ <el-input v-model="passwordForm.oldPassword" type="password" show-password autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item label="鏂板瘑鐮�" prop="password">
+ <el-input v-model="passwordForm.password" type="password" show-password autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item label="纭鏂板瘑鐮�" prop="rePassword">
+ <el-input v-model="passwordForm.rePassword" type="password" show-password autocomplete="off"></el-input>
+ </el-form-item>
+ <div class="password-footer">
+ <el-button @click="closePasswordDialog">鍏抽棴</el-button>
+ <el-button type="primary" :loading="passwordSaving" @click="handlePasswordSave">淇濆瓨</el-button>
+ </div>
+ </el-form>
+ </el-dialog>
+
+ <el-dialog
+ class="mfa-dialog"
+ :title="mfaDialogMode === 'enable' ? '鍚敤 MFA' : '鍋滅敤 MFA'"
+ :visible.sync="mfaDialogVisible"
+ width="520px"
+ :close-on-click-modal="false"
+ @close="closeMfaDialog"
+ append-to-body>
+ <div v-if="mfaDialogMode === 'enable'" class="mfa-setup">
+ <div class="mfa-setup-tip">璇峰厛浣跨敤 Google Authenticator銆丮icrosoft Authenticator 绛夎韩浠介獙璇佸櫒鎵弿浜岀淮鐮侊紝鍐嶈緭鍏ュ綋鍓嶅瘑鐮佸拰 6 浣嶅姩鎬佺爜瀹屾垚缁戝畾銆�</div>
+ <div class="mfa-qr-wrap" v-loading="mfaSetupLoading">
+ <img v-if="mfaSetup.qrCode" :src="mfaSetup.qrCode" alt="MFA QR Code">
+ <span v-else>浜岀淮鐮佺敓鎴愪腑...</span>
+ </div>
+ <div class="mfa-secret-row">
+ <el-input :value="mfaSetup.secret" readonly placeholder="MFA瀵嗛挜"></el-input>
+ <el-button plain @click="copySecret">澶嶅埗瀵嗛挜</el-button>
+ </div>
+ </div>
+ <div v-else class="mfa-setup">
+ <div class="mfa-setup-tip">鍋滅敤 MFA 鍓嶏紝璇疯緭鍏ュ綋鍓嶅瘑鐮佸拰韬唤楠岃瘉鍣ㄤ腑鐨� 6 浣嶅姩鎬佺爜杩涜纭銆�</div>
+ </div>
+ <el-form
+ ref="mfaForm"
+ class="password-form"
+ :model="mfaForm"
+ :rules="mfaRules"
+ label-width="112px"
+ size="small"
+ @submit.native.prevent>
+ <el-form-item label="褰撳墠瀵嗙爜" prop="currentPassword">
+ <el-input v-model="mfaForm.currentPassword" type="password" show-password autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item label="鍔ㄦ�侀獙璇佺爜" prop="code">
+ <el-input v-model.trim="mfaForm.code" maxlength="6" autocomplete="off" placeholder="璇疯緭鍏�6浣嶉獙璇佺爜"></el-input>
+ </el-form-item>
+ <div class="mfa-footer">
+ <el-button @click="closeMfaDialog">鍏抽棴</el-button>
+ <el-button type="primary" :loading="mfaSubmitting" @click="handleMfaSubmit">淇濆瓨</el-button>
+ </div>
+ </el-form>
+ </el-dialog>
+
+ <el-dialog
+ class="mfa-dialog"
+ :title="passkeyDialogMode === 'register' ? '缁戝畾閫氳瀵嗛挜' : '瑙ｇ粦閫氳瀵嗛挜'"
+ :visible.sync="passkeyDialogVisible"
+ width="520px"
+ :close-on-click-modal="false"
+ @close="closePasskeyDialog"
+ append-to-body>
+ <div class="mfa-setup">
+ <div v-if="passkeyDialogMode === 'register'" class="mfa-setup-tip">缁戝畾鏃朵細寮瑰嚭绯荤粺绾ц韩浠介獙璇佺獥鍙ｏ紝璇蜂娇鐢ㄥ綋鍓嶈澶囩殑浜鸿劯銆佹寚绾广�丳IN 鎴栧畨鍏ㄥ瘑閽ュ畬鎴愮‘璁ゃ�傝嫢娴忚鍣ㄦ垨鐜涓嶆敮鎸侊紝鏃犳硶鍚敤璇ヨ兘鍔涖��</div>
+ <div v-else class="mfa-setup-tip">瑙ｇ粦鍓嶈杈撳叆褰撳墠瀵嗙爜纭銆傝В缁戝悗灏嗕笉鑳藉啀鐢ㄥ綋鍓嶉�氳瀵嗛挜鐩存帴鐧诲綍銆�</div>
+ </div>
+ <el-form
+ ref="passkeyForm"
+ class="password-form"
+ :model="passkeyForm"
+ :rules="passkeyRules"
+ label-width="112px"
+ size="small"
+ @submit.native.prevent>
+ <el-form-item v-if="passkeyDialogMode === 'register'" label="鏄剧ず鍚嶇О" prop="name">
+ <el-input v-model.trim="passkeyForm.name" maxlength="100" autocomplete="off" placeholder="渚嬪锛氬姙鍏鐢佃剳"></el-input>
+ </el-form-item>
+ <el-form-item label="褰撳墠瀵嗙爜" prop="currentPassword">
+ <el-input v-model="passkeyForm.currentPassword" type="password" show-password autocomplete="off"></el-input>
+ </el-form-item>
+ <div class="mfa-footer">
+ <el-button @click="closePasskeyDialog">鍏抽棴</el-button>
+ <el-button type="primary" :loading="passkeySubmitting" @click="handlePasskeySubmit">淇濆瓨</el-button>
+ </div>
+ </el-form>
+ </el-dialog>
</div>
</body>
<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
-<script src="../static/layui/layui.js"></script>
-<script>
- layui.use(['form'], function(){
- var form = layui.form,
- layer = layui.layer,
- $ = layui.jquery;
-
- // 鍒濆鍖栬〃鍗曟暟鎹�
- $.ajax({
- url: baseUrl+"/user/detail/auth",
- headers: {'token': localStorage.getItem('token')},
- method: 'POST',
- success: function (res) {
- if (res.code === 200){
- var user = res.data;
- for (var val in user) {
- $('#person-detail').find(":input[id='" + val + "']").val(user[val]);
- }
- } else if (res.code === 403){
- top.location.href = baseUrl+"/";
- } else {
- layer.msg(res.msg);
- }
- }
- });
-
- // 淇敼瀵嗙爜
- $(document).on('click','#update-password', function () {
- layer.open({
- type: 2,
- title: '淇敼瀵嗙爜',
- maxmin: true,
- area: ['350px', '310px'],
- shadeClose: false,
- content: 'password.html',
- success: function(layero, index){
- layer.iframeAuto(index);
- }
- })
- });
-
-
- // 淇濆瓨淇敼
- form.on('submit(save)', function (data) {
- var user = {
- id: $('#id').val(),
- username: $('#username').val(),
- mobile: $("#mobile").val(),
- };
- layer.confirm('纭畾淇敼璧勬枡鍚楋紵', function(){
- $.ajax({
- url: baseUrl+"/user/update/auth",
- headers: {'token': localStorage.getItem('token')},
- data: user,
- method: 'POST',
- success: function (res) {
- if (res.code === 200){
- layer.msg(res.msg);
- localStorage.setItem("username", user.username);
- parent.$('#person-username').text(localStorage.getItem('username'));
- } else if (res.code === 403){
- top.location.href = baseUrl+"/";
- } else {
- layer.msg(res.msg);
- }
- }
- });
- });
- return false;
- });
- });
-</script>
-</html>
\ No newline at end of file
+<script type="text/javascript" src="../static/js/tools/md5.js"></script>
+<script type="text/javascript" src="../static/js/common.js"></script>
+<script type="text/javascript" src="../static/js/webauthn-utils.js"></script>
+<script type="text/javascript" src="../static/vue/js/vue.min.js"></script>
+<script type="text/javascript" src="../static/vue/element/element.js"></script>
+<script type="text/javascript" src="../static/js/detail/detail.js?v=20260311_detail_passkey"></script>
+</html>
--
Gitblit v1.9.1