zianxin/jh-military-admin
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:第三方认证密钥管理

Browse Source
This commit is contained in:
dzc committed 2025-07-30 11:50:08 +08:00
1 parent 06052b15a4
commit f27ab78c8f
3 files changed
+90 -36
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/api/thirdSelf/thirdKeyManage.ts
+5 -5
View File
@@ -2,7 +2,7 @@ import request from "/@/utils/request"
export function fetchList(query?: Object) {
return request({
url: '/third/thirdKeyManage/page',
url: '/admin/thirdSelf/thirdKeyManage/page',
method: 'get',
params: query
})
@@ -10,7 +10,7 @@ export function fetchList(query?: Object) {
export function addObj(obj?: Object) {
return request({
url: '/third/thirdKeyManage',
url: '/admin/thirdSelf/thirdKeyManage',
method: 'post',
data: obj
})
@@ -18,14 +18,14 @@ export function addObj(obj?: Object) {
export function getObj(id?: string) {
return request({
url: '/third/thirdKeyManage/' + id,
url: '/admin/thirdSelf/thirdKeyManage/' + id,
method: 'get'
})
}
export function delObjs(ids?: Object) {
return request({
url: '/third/thirdKeyManage',
url: '/admin/thirdSelf/thirdKeyManage',
method: 'delete',
data: ids
})
@@ -33,7 +33,7 @@ export function delObjs(ids?: Object) {
export function putObj(obj?: Object) {
return request({
url: '/third/thirdKeyManage',
url: '/admin/thirdSelf/thirdKeyManage',
method: 'put',
data: obj
})
src/views/third/thirdKeyManage/form.vue
+23 -21
View File
@@ -3,44 +3,38 @@
<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
<el-row :gutter="24">
<el-col :span="24" class="mb20">
<el-form-item label="第三方名" prop="name">
<el-input v-model="form.name" placeholder="请输入第三方名" />
<el-form-item label="应用名" prop="name">
<el-input v-model="form.name" placeholder="请输入应用名" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="第三方备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入第三方备注" />
<el-form-item label="appKey" prop="appKey">
<el-input v-model="form.appKey" placeholder="请输入appKey" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="是否启用" prop="enabled">
<el-input v-model="form.enabled" placeholder="请输入是否启用" />
<el-form-item label="appSecret" prop="appSecret">
<el-input v-model="form.appSecret" placeholder="请输入appSecret" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="第三方唯一标识" prop="appKey">
<el-input v-model="form.appKey" placeholder="请输入第三方唯一标识" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="第三方唯一密钥" prop="appSecret">
<el-input v-model="form.appSecret" placeholder="请输入第三方唯一密钥" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="第三方字段加密密钥" prop="appFieldSecret">
<el-input v-model="form.appFieldSecret" placeholder="请输入第三方字段加密密钥" />
<el-form-item label="字段密钥" prop="appFieldSecret">
<el-input v-model="form.appFieldSecret" placeholder="请输入字段密钥" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="环境" prop="env">
<el-input v-model="form.env" placeholder="请输入环境" />
<dict-select v-model="form.env" :options="third_env" placeholder="请选择" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" type="textarea" :autosize="{ minRows: 6 }" />
</el-form-item>
</el-col>
@@ -68,7 +62,10 @@ const emit = defineEmits(['refresh']);
const dataFormRef = ref();
const visible = ref(false)
const loading = ref(false)
// 定义字典
// 定义查询字典
const { yes_no_type, third_env } = useDict("yes_no_type", "third_env")
// 提交表单数据
const form = reactive({
@@ -84,6 +81,11 @@ const form = reactive({
// 定义校验规则
const dataRules = ref({
name: [{ required: true, message: '应用名不能为空', trigger: 'blur' }],
appKey: [{ required: true, message: 'appKey不能为空', trigger: 'blur' }],
appSecret: [{ required: true, message: 'appSecret不能为空', trigger: 'blur' }],
appFieldSecret: [{ required: true, message: '字段密钥不能为空', trigger: 'blur' }],
env: [{ required: true, message: '环境不能为空', trigger: 'blur' }],
})
// 打开弹窗
src/views/third/thirdKeyManage/index.vue
+62 -10
View File
@@ -1,6 +1,25 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row shadow="hover" v-show="showSearch" class="ml10">
<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
<el-form-item style="width: 250px;" label="应用名" prop="name">
<el-input v-model="state.queryForm.name" placeholder="请输入应用名" />
</el-form-item>
<el-form-item style="width: 250px;" label="启用" prop="enabled">
<dict-select v-model="state.queryForm.enabled" :options="yes_no_type" placeholder="请选择" />
</el-form-item>
<el-form-item style="width: 250px;" label="环境" prop="env">
<dict-select v-model="state.queryForm.env" :options="third_env" placeholder="请选择" />
</el-form-item>
<el-form-item>
<el-button icon="search" type="primary" @click="getDataList">
{{ $t('common.queryBtn') }}
</el-button>
<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
</el-form-item>
</el-form>
</el-row>
<el-row>
<div class="mb8" style="width: 100%">
<el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
@@ -20,15 +39,24 @@
:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="40" />
<el-table-column prop="name" label="第三方名" show-overflow-tooltip />
<el-table-column prop="remark" label="第三方备注" show-overflow-tooltip />
<el-table-column prop="enabled" label="是否启用" show-overflow-tooltip />
<el-table-column prop="appKey" label="第三方唯一标识" show-overflow-tooltip />
<el-table-column prop="appSecret" label="第三方唯一密钥" show-overflow-tooltip />
<el-table-column prop="appFieldSecret" label="第三方字段加密密钥" show-overflow-tooltip />
<el-table-column prop="env" label="环境" show-overflow-tooltip />
<el-table-column label="操作" width="150">
<el-table-column type="index" label="#" min-width="80" />
<el-table-column prop="name" label="应用名" min-width="100" />
<el-table-column prop="appKey" label="appId" min-width="150" show-overflow-tooltip />
<el-table-column prop="appSecret" label="appSecret" min-width="300" show-overflow-tooltip />
<el-table-column prop="appFieldSecret" label="字段密钥" min-width="300" show-overflow-tooltip />
<el-table-column prop="env" label="环境" min-width="100">
<template #default="{ row }">
<dict-tag :options="third_env" :value="row.env" />
</template>
</el-table-column>
<el-table-column prop="enabled" label="是否启用" min-width="150">
<template #default="{ row }">
<el-switch v-model="row.enabled" active-value="1" inactive-value="0" active-text="开启" inactive-text="关闭"
:loading="enableLoading" @change="enableChange(row)" />
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" show-overflow-tooltip min-width="200" />
<el-table-column label="操作" width="150" fixed="right">
<template #default="scope">
<el-button icon="edit-pen" text type="primary" v-auth="'third_thirdKeyManage_edit'"
@click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
@@ -55,13 +83,20 @@ import * as ThirdKeyManageApi from "/@/api/thirdSelf/thirdKeyManage";
// 引入组件
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
// 定义查询字典
const { yes_no_type, third_env } = useDict("yes_no_type", "third_env")
// 变量
const enableLoading = ref(false)
// 定义变量内容
const formDialogRef = ref()
// 搜索变量
const queryRef = ref()
const showSearch = ref(true)
// 多选变量
const selectObjs = ref([]) as any
const multiple = ref(true)
@@ -108,7 +143,6 @@ const handleDelete = async (ids: string[]) => {
} catch {
return;
}
try {
await ThirdKeyManageApi.delObjs(ids);
getDataList();
@@ -117,4 +151,22 @@ const handleDelete = async (ids: string[]) => {
useMessage().error(err.msg);
}
};
async function enableChange(row: any) {
enableLoading.value = true
try {
const _data = {
...row
}
await ThirdKeyManageApi.putObj(_data)
useMessage().success('操作成功');
getDataList()
} catch (err: any) {
console.error(err);
useMessage().error('操作失败');
} finally {
enableLoading.value = false
}
}
</script>