做统一认证登录
This commit is contained in:
@@ -229,16 +229,16 @@ const performLoginRequest = async () => {
|
||||
|
||||
if (res && res.code === 200) {
|
||||
// 登录成功:处理"记住我"
|
||||
// 安全:只记住账号,绝不明文存储密码
|
||||
if (rememberMe.value) {
|
||||
localStorage.setItem("loginAccount", account.value);
|
||||
localStorage.setItem("loginPassword", password.value);
|
||||
localStorage.setItem("loginRememberMe", "true");
|
||||
} else {
|
||||
localStorage.removeItem("loginAccount");
|
||||
localStorage.removeItem("loginTenantName");
|
||||
localStorage.removeItem("loginPassword");
|
||||
localStorage.setItem("loginRememberMe", "false");
|
||||
}
|
||||
localStorage.removeItem("loginPassword");
|
||||
|
||||
authStore.setLoginInfo(res.data);
|
||||
|
||||
@@ -353,16 +353,16 @@ const startGeetest4 = async () => {
|
||||
});
|
||||
|
||||
if (loginRes && loginRes.code === 200) {
|
||||
// 安全:只记住账号,绝不明文存储密码
|
||||
if (rememberMe.value) {
|
||||
localStorage.setItem("loginAccount", account.value);
|
||||
localStorage.setItem("loginPassword", password.value);
|
||||
localStorage.setItem("loginRememberMe", "true");
|
||||
} else {
|
||||
localStorage.removeItem("loginAccount");
|
||||
localStorage.removeItem("loginTenantName");
|
||||
localStorage.removeItem("loginPassword");
|
||||
localStorage.setItem("loginRememberMe", "false");
|
||||
}
|
||||
localStorage.removeItem("loginPassword");
|
||||
|
||||
authStore.setLoginInfo(loginRes.data);
|
||||
const { useTabsStore } = await import("@/stores");
|
||||
@@ -468,7 +468,7 @@ const handleRememberMeChange = async () => {
|
||||
if (rememberMe.value) {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
"请确认电脑环境是可信的,登录成功后会自动记住密码。",
|
||||
"请确认电脑环境是可信的,登录成功后会自动记住账号(不会保存密码)。",
|
||||
"安全提示",
|
||||
{
|
||||
confirmButtonText: "确定",
|
||||
@@ -489,7 +489,6 @@ onMounted(() => {
|
||||
const savedRemember = localStorage.getItem("loginRememberMe");
|
||||
if (savedRemember === "true") {
|
||||
account.value = localStorage.getItem("loginAccount") || "";
|
||||
password.value = localStorage.getItem("loginPassword") || "";
|
||||
rememberMe.value = true;
|
||||
}
|
||||
generateCaptcha();
|
||||
|
||||
@@ -0,0 +1,236 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue';
|
||||
import type { FormInstance, FormRules } from 'element-plus';
|
||||
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||
|
||||
interface UpgradeItem {
|
||||
id?: number;
|
||||
tenant_id: string;
|
||||
update_date: string;
|
||||
title: string;
|
||||
content: string;
|
||||
sort: number;
|
||||
status: number;
|
||||
create_time: string;
|
||||
}
|
||||
|
||||
const tableData = ref<UpgradeItem[]>([]);
|
||||
const loading = ref(false);
|
||||
const total = ref(0);
|
||||
const page = ref(1);
|
||||
const pageSize = ref(10);
|
||||
|
||||
// 表单对话框
|
||||
const dialogVisible = ref(false);
|
||||
const dialogTitle = ref('');
|
||||
const formRef = ref<FormInstance>();
|
||||
const formData = ref<Partial<UpgradeItem>>({
|
||||
tenant_id: '',
|
||||
update_date: new Date().toISOString().split('T')[0],
|
||||
title: '',
|
||||
content: '',
|
||||
sort: 0,
|
||||
status: 1,
|
||||
});
|
||||
|
||||
// 表单验证
|
||||
const validateForm = ref<FormRules>({});
|
||||
|
||||
// 获取列表
|
||||
const fetchList = async () => {
|
||||
loading.value = true;
|
||||
try {
|
||||
const response = await fetch(`/platform/api/upgrade/list?limit=${pageSize.value * 2}`);
|
||||
const result = await response.json();
|
||||
if (result.code === 200) {
|
||||
tableData.value = result.data;
|
||||
total.value = result.data.length;
|
||||
} else {
|
||||
ElMessage.error(result.msg || '获取数据失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取数据失败:', error);
|
||||
ElMessage.error('获取数据失败');
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
// 打开新增对话框
|
||||
const openCreateDialog = () => {
|
||||
dialogTitle.value = '新增更新内容';
|
||||
formData.value = {
|
||||
tenant_id: '',
|
||||
update_date: new Date().toISOString().split('T')[0],
|
||||
title: '',
|
||||
content: '',
|
||||
sort: 0,
|
||||
status: 1,
|
||||
};
|
||||
dialogVisible.value = true;
|
||||
};
|
||||
|
||||
// 打开编辑对话框
|
||||
const openEditDialog = (row: UpgradeItem) => {
|
||||
dialogTitle.value = '编辑更新内容';
|
||||
formData.value = { ...row };
|
||||
dialogVisible.value = true;
|
||||
};
|
||||
|
||||
// 保存表单
|
||||
const handleSubmit = async () => {
|
||||
if (!formRef.value) return;
|
||||
|
||||
await formRef.value.validate((valid) => {
|
||||
if (!valid) return;
|
||||
|
||||
// TODO: 调用后端保存接口
|
||||
ElMessage.success('保存成功');
|
||||
dialogVisible.value = false;
|
||||
fetchList();
|
||||
});
|
||||
};
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (row: UpgradeItem) => {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确定要删除"${row.title}"吗?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
});
|
||||
|
||||
// TODO: 调用后端删除接口
|
||||
ElMessage.success('删除成功');
|
||||
fetchList();
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
console.error('删除失败:', error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
fetchList();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="platform-upgrade">
|
||||
<!-- 操作栏 -->
|
||||
<el-card shadow="never" class="toolbar-card">
|
||||
<el-button type="primary" @click="openCreateDialog">
|
||||
<el-icon><Plus /></el-icon>
|
||||
新增更新内容
|
||||
</el-button>
|
||||
</el-card>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
<el-card shadow="never" class="table-card">
|
||||
<el-table :data="tableData" v-loading="loading" border stripe>
|
||||
<el-table-column prop="update_date" label="更新日期" width="120" />
|
||||
<el-table-column prop="title" label="标题" min-width="200" show-overflow-tooltip />
|
||||
<el-table-column prop="content" label="更新内容" min-width="300" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="80" align="center" />
|
||||
<el-table-column prop="status" label="状态" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="row.status === 1 ? 'success' : 'info'">
|
||||
{{ row.status === 1 ? '显示' : '隐藏' }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="create_time" label="创建时间" width="180" />
|
||||
<el-table-column label="操作" width="180" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button size="small" @click="openEditDialog(row)">编辑</el-button>
|
||||
<el-button size="small" type="danger" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
<!-- 新增/编辑对话框 -->
|
||||
<el-dialog
|
||||
v-model="dialogVisible"
|
||||
:title="dialogTitle"
|
||||
width="600px"
|
||||
destroy-on-close
|
||||
>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="validateForm"
|
||||
label-width="100px"
|
||||
label-position="top"
|
||||
>
|
||||
<el-form-item label="更新日期" prop="update_date">
|
||||
<el-date-picker
|
||||
v-model="formData.update_date"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input
|
||||
v-model="formData.title"
|
||||
placeholder="请输入标题"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="更新内容" prop="content">
|
||||
<el-input
|
||||
v-model="formData.content"
|
||||
type="textarea"
|
||||
:rows="8"
|
||||
placeholder="请输入更新内容(支持 HTML)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="排序" prop="sort">
|
||||
<el-input-number
|
||||
v-model="formData.sort"
|
||||
:min="0"
|
||||
:max="9999"
|
||||
controls-position="right"
|
||||
/>
|
||||
<span class="tip">数值越大越靠前</span>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-radio-group v-model="formData.status">
|
||||
<el-radio :label="1">显示</el-radio>
|
||||
<el-radio :label="0">隐藏</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit">确定</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="less">
|
||||
.platform-upgrade {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.toolbar-card,
|
||||
.table-card {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
margin-left: 10px;
|
||||
color: #909399;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user