ljydlv
/
sawAdmin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加模型策略管理

This commit is contained in:
lijun 2025-11-15 19:54:19 +08:00
parent da4af39a04
commit 278c4cbd8f
7 changed files with 563 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/api/model_policy.ts Normal file
View File

@ -0,0 +1,62 @@
import request from '@/utils/user_center_request';
export const GetModelPolicyService = (req) =>{
const params = new URLSearchParams();
for (const key in req) {
// 处理值为数组的情况（如多选参数）
if (Array.isArray(req[key])) {
req[key].forEach(value => {
params.append(key, value); // 数组参数会以 key=val1&key=val2 形式拼接
});
} else {
params.append(key, req[key]); // 普通键值对
}
}
let url = `/model_policy/get_policy?${params.toString()}`;
let token = localStorage.getItem("token") || "";
return request.get(url,
{
headers: {
'token': token, //token
}
}
)
}
export const UpdateModelPolicyService = (Data: any) => {
// 将 Data 转换为 JSON 字符串
const jsonData = JSON.stringify(Data);
const token = localStorage.getItem("token") || "";
return request.post('/model_policy/update_policy', jsonData, {
headers: {
'token': token,
'Content-Type': 'application/json' // 必须指定 JSON 格式的 Content-Type
}
});
};
export const AddModelPolicyService = (Data: any) => {
const jsonData = JSON.stringify(Data);
const token = localStorage.getItem("token") || "";
return request.post('/model_policy/add_policy', jsonData,{
headers: {
'token': token, //token
'Content-Type': 'application/json' // 必须指定 JSON 格式的 Content-Type
}
})
}
export const DelModelPolicyService = (Data: any) => {
const params = new URLSearchParams();
for (let key in Data) {
params.append(key, Data[key])
}
let token = localStorage.getItem("token") || "";
return request.post('/model_policy/del_policy', params,{
headers: {
'token': token, //token
}
})
}

6
src/components/menu.ts
View File

@ -37,6 +37,12 @@ export const menuData: Menus[] = [
pid: '1',
index: '/manage-permiss-policy',
title: '权限策略管理',
},
{
id: '74',
pid: '1',
index: '/manage-model-policy',
title: '模型策略管理',
}
],

30
src/router/index.ts
View File

@ -59,16 +59,6 @@ const routes: RouteRecordRaw[] = [
},
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-file.vue'),
},
{
path: '/manage-permiss-policy',
name: 'manage-permiss-policy',
meta: {
title: '权限策略管理',
permiss: '73',
},
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-permiss-policy.vue'),
},
{
path: '/manage-session',
name: 'manage-session',
@ -116,6 +106,26 @@ const routes: RouteRecordRaw[] = [
},
component: () => import(/* webpackChunkName: "project-select" */ '../views/system/db-manage.vue'),
},
{
path: '/manage-permiss-policy',
name: 'manage-permiss-policy',
meta: {
title: '权限策略管理',
permiss: '73',
},
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-permiss-policy.vue'),
},
{
path: '/manage-model-policy',
name: 'manage-model-policy',
meta: {
title: '模型策略管理',
permiss: '74',
},
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-model-policy.vue'),
},
{
path: '/callback',

1
src/store/permiss.ts
View File

@ -59,6 +59,7 @@ export const usePermissStore = defineStore("permiss", {
"71", //用户功能管理
"72", //数据库管理工具
"73", //权限策略管理
"74", //模型策略管理
],
user: ["0", "8", "7", "9", "51" ,"53","55" ,"56", "57", "58", "59", "61", "71"],
},

29
src/types/model_policy.ts Normal file
View File

@ -0,0 +1,29 @@
import { Range } from "./permiss_policy";
// 策略信息结构体
export interface ModelPolicy {
ID: number;
CreatedAt: string; // 日期时间格式，如 "2025-11-03T20:09:59.455+08:00"
UpdatedAt: string; // 日期时间格式
DeletedAt: null | string; // 可能为 null 或日期时间格式
name: string;
info: string;
model_id: string;
range: Range[]; // 范围信息数组
}
export interface ModelPolicyUserRange {
ID: number;
CreatedAt: string;
UpdatedAt: string; // 日期时间格式
DeletedAt: null | string; // 可能为 null 或日期时间格式
name: string;
info: string;
model_id: number[];
range: number[]; // 范围信息数组
}
// 完整响应结构体
export interface ModelPolicyResponseData {
policy: ModelPolicy;
range: Range[]; // 范围信息数组
}

443
src/views/system/manage-model-policy.vue Normal file
View File

@ -0,0 +1,443 @@
<template>
<div>
<TableSearch :query="query" :options="searchOpt" :search="handleSearch" :refresh="refreshTableData" />
<div class="container">
<div
v-loading="loading"
loading-text="加载中..."
style="min-height: 300px;"
>
<TableCustom :columns="columns" :tableData="tableData" :total="page.total" :viewFunc="handleView"
:delFunc="handleDelete" :changePage="changePage" :currentPage="page.index" :editFunc="handleEdit" :refresh="GetModelPolicy">
<template #toolbarBtn>
<el-button type="warning" :icon="CirclePlusFilled" @click="visible_add = true">新增</el-button>
<el-button type="primary" :icon="Search" @click="get_user_permission_policy_visible = true">模型策略检测</el-button>
</template>
</TableCustom>
</div>
</div>
<el-dialog :title="isEdit ? '编辑': '编辑'" v-model="visible" width="900px" destroy-on-close
:close-on-click-modal="false" @close="closeDialog">
<TableEdit :form-data="rowData" :options="options_edit" :edit="isEdit" :update="handleUpdateModelPolicy" />
</el-dialog>
<el-dialog :title="isAdd ? '新增' : '新增'" v-model="visible_add" width="900px" destroy-on-close
:close-on-click-modal="false" @close="closeDialog">
<TableEdit :form-data="rowData" :options="options" :edit="isAdd" :update="handleAddModelPolicy" />
</el-dialog>
<el-dialog title="查看详情" v-model="visible1" width="700px" destroy-on-close>
<TableDetail :data="viewData"></TableDetail>
</el-dialog>
</div>
<div>
<el-dialog title="策略匹配检测" v-model="get_user_permission_policy_visible" width="700px" destroy-on-close>
<el-input v-model="model_policy_check_req" placeholder="请输入用户ID或用户名" style="width: 50%;"></el-input>
<el-button type="warning" :icon="Search" @click="GetOneModelPolicy">模型策略检测</el-button>
<div>
<!-- 显示检测结果 -->
<div v-if="model_policy_check_res.ID">
<p>匹配到的权限策略：{{ model_policy_check_res.name }}</p>
<p>描述信息：{{ model_policy_check_res.info }}</p>
</div>
</div>
</el-dialog>
</div>
</template>
<script lang="ts" setup>
//获取query参数
import { onMounted,ref, reactive } from 'vue';
import { CirclePlusFilled,Search } from '@element-plus/icons-vue';
import {ModelPolicyResponseData, ModelPolicyUserRange} from '@/types/model_policy';
import {getAllDefaultUsers} from '@/api/user';
import {Model} from "@/types/model";
import {GetModelPolicyService, DelModelPolicyService, UpdateModelPolicyService, AddModelPolicyService} from '@/api/model_policy';
import { ElMessage } from 'element-plus';
import { FormOption, FormOptionList } from '@/types/form-option';
import {FindModelService} from "@/api/model";
const tableData = ref<ModelPolicyUserRange[]>([]);
const allData = ref<ModelPolicyUserRange[]>([]);
const visible = ref(false);
const visible_add = ref(false);
const isEdit = ref(false);
const isAdd = ref(false);
const rowData = ref<ModelPolicyUserRange>({} as ModelPolicyUserRange);
const user_select_opts = ref([]);
const model_select_opts = ref([]);
const get_user_permission_policy_visible = ref(false);
const model_policy_check_req = ref("");
const model_policy_check_res = ref<ModelPolicyUserRange>({} as ModelPolicyUserRange);
const model_list = ref<Model[]>([]);
const loading = ref(false);
// 查询相关
const query = reactive({
name: '',
});
const page = reactive({
index: 1,
size: 10,
total: 122,
});
const searchOpt = {};
const viewData = ref({
row: {},
list: [
]
});
// 查看详情弹窗相关
const visible1 = ref(false);
onMounted(async () => {
// 获取query参数
GetModelPolicy();
});
const closeDialog = () => {
visible.value = false;
visible_add.value = false;
isEdit.value = false;
};
const getModelList = async () => {
let req={
token: localStorage.getItem('token'),
type: "UserID"
}
try{
let result = await FindModelService(req);
if(result["code"] !== 0){
ElMessage.error("获取模型列表失败:"+result["message"]);
return;
}
model_list.value.length = 0;
model_list.value = result["data"];
model_select_opts.value.length = 0;
for(let i=0;i<model_list.value.length;i++){
let model = model_list.value[i];
model_select_opts.value.push({
value: model.ID,
label: model.Type +"-"+ model.Description
});
}
//console.log("model_select_opts:", model_select_opts.value);
}catch(e){
ElMessage.error("获取模型列表失败");
}
}
getModelList();
const handleAddModelPolicy = async (data) => {
// 添加权限策略
let req = {
"policy_name": data.name,
"policy_info": data.info,
"user_range": [],
"model_id": [],
};
for(let i=0;i<data.range.length;i++){
req.user_range.push({"id":data.range[i]});
}
for(let i=0;i<data.model_id.length;i++){
req.model_id.push({"id":data.model_id[i]});
}
try {
const response = await AddModelPolicyService(req);
if (response['code'] !== 0) {
ElMessage.error('添加权限策略失败:' + response["message"]);
return;
}
ElMessage.success('添加权限策略成功');
visible_add.value = false;
GetModelPolicy();
} catch (error) {
console.error('获取权限策略失败:', error);
}
};
const GetAllDefaultUsers = async () => {
try {
const response = await getAllDefaultUsers();
if (response['code'] !== 0) {
console.error('获取默认用户失败:', response["message"]);
return;
}
user_select_opts.value.length = 0;
for (let i = 0; i < response.data.length; i++) {
let user = response.data[i];
user_select_opts.value.push({
value: user.id,
label: (user.type === 0 ? "user":"group" )+ ":"+user.name
});
}
// console.log("user_select_opts:", user_select_opts.value);
} catch (error) {
console.error('获取默认用户失败:', error);
}
};
GetAllDefaultUsers();
const handleUpdateModelPolicy = async (data) => {
// 更新权限策略
let req = {
"id": data.ID,
"policy_name": data.name,
"policy_info": data.info,
"user_range": [],
"model_id": [],
};
//upload_size和upload_max_size必须是数字
for(let i=0;i<data.range.length;i++){
req.user_range.push({"id":data.range[i]});
}
for(let i=0;i<data.model_id.length;i++){
req.model_id.push({"id":data.model_id[i]});
}
//console.log("update req:", req);
try {
const response = await UpdateModelPolicyService(req);
if (response['code'] !== 0) {
ElMessage.error('更新权限策略失败:' + response["message"]);
return;
}
ElMessage.success('更新权限策略成功');
GetModelPolicy();
} catch (error) {
console.error('更新权限策略失败:', error);
}
};
const handleDeleteModelPolicy = async () => {
// 删除权限策略
let req = {
"id": 1,
};
try {
const response = await DelModelPolicyService(req);
if (response['code'] !== 0) {
ElMessage.error('删除权限策略失败:' + response["message"]);
return;
}
ElMessage.success('删除权限策略成功');
} catch (error) {
console.error('删除权限策略失败:', error);
}
};
const GetOneModelPolicy = async () => {
try {
let req={
type: 1,
user_id: 0,
user_name: ""
}
if (isNaN(Number(model_policy_check_req.value))) {
req.user_name = model_policy_check_req.value;
} else {
req.user_id = parseInt(model_policy_check_req.value);
}
const response = await GetModelPolicyService(req);
if (response['code'] !== 0) {
console.error('获取权限策略失败:', response["message"]);
return;
}
// allData.value = response.data;
let temp: ModelPolicyResponseData = response.data;
const jsonList: Array<{ id: number }> = JSON.parse(temp.policy.model_id);
let temp_ :ModelPolicyUserRange = {
ID: temp.policy.ID,
CreatedAt: temp.policy.CreatedAt,
UpdatedAt: temp.policy.UpdatedAt,
DeletedAt: temp.policy.DeletedAt,
name: temp.policy.name,
info: temp.policy.info,
model_id: jsonList.map(item => item.id),
range: temp.range.map(item => item.id),
};
model_policy_check_res.value = temp_;
} catch (error) {
console.error('获取权限策略失败:', error);
}
};
const sleep = (ms: number): Promise<void> => {
return new Promise(resolve => {
setTimeout(resolve, ms);
});
};
const refreshTableData = () => {
getModelList();
GetModelPolicy();
getAllDefaultUsers();
};
const GetModelPolicy = async () => {
try {
loading.value = true;
const response = await GetModelPolicyService({});
if (response['code'] !== 0) {
console.error('获取权限策略失败:', response["message"]);
return;
}
await sleep(100);
// allData.value = response.data;
allData.value = [];
for (let i = 0; i < response.data.length; i++) {
let temp: ModelPolicyResponseData = response.data[i];
const jsonList: Array<{ id: number }> = JSON.parse(temp.policy.model_id);
let temp_ :ModelPolicyUserRange = {
ID: temp.policy.ID,
CreatedAt: temp.policy.CreatedAt,
UpdatedAt: temp.policy.UpdatedAt,
DeletedAt: temp.policy.DeletedAt,
name: temp.policy.name,
info: temp.policy.info,
model_id: jsonList.map(item => item.id),
range: temp.range.map(item => item.id),
};
allData.value.push(temp_);
}
page.total = allData.value.length;
page.index = 1;
// 分页
let start = (page.index - 1) * page.size;
let end = start + page.size;
if (end > page.total) {
end = page.total;
}
if (start > page.total) {
start = page.total;
}
tableData.value = allData.value.slice(start, end);
loading.value = false;
} catch (error) {
console.error('获取权限策略失败:', error);
loading.value = false;
}
};
const handleEdit = async (row) => {
let data = row;
// console.log("edit_row_data:", data);
rowData.value = data;
isEdit.value = true;
visible.value = true;
};
const handleSearch = async () => {
await GetModelPolicy();
page.total = allData.value.length;
page.index = 1;
// 分页
let start = (page.index - 1) * page.size;
let end = start + page.size;
if (end > page.total) {
end = page.total;
}
if (start > page.total) {
start = page.total;
}
tableData.value = allData.value.slice(start, end);
};
// 表格相关
let columns = ref([
// { type: 'index', label: '序号', width: 55, align: 'center' },
{ prop: 'ID', label: '权限策略ID' },
{prop: 'name', label: '名称'},
{ prop: 'info', label: '描述信息' },
{ prop: 'CreatedAt', label: '创建时间',type: 'date' },
{ prop: 'operator', label: '操作', width: 250 , operate: { view: true, edit: true, delete: true,push: {link: false,label:"继续该会话"},gen: {show: false,label:"下载文件"}, genv2:{type:"", label:"", show:false} }},
])
// 新增弹窗
let options = ref<FormOption>({
labelWidth: '100px',
span: 12,
list: [
{ type: 'input', label: '名称', prop: 'name', required: true },
{ type: 'input', label: '描述', prop: 'info', required: true },
{ type: 'select', label: '模型范围', prop: 'model_id', required: true, opts:model_select_opts.value ,multiple: true},
{ type: 'select', label: '生效范围', prop: 'range', required: true, opts:user_select_opts.value ,multiple: true},
]
})
//编辑弹窗
let options_edit = ref<FormOption>({
labelWidth: '100px',
span: 12,
list: [
{ type: 'input', label: '名称', prop: 'name', required: true },
{ type: 'input', label: '描述', prop: 'info', required: true },
{ type: 'select', label: '模型范围', prop: 'model_id', required: true, opts:model_select_opts.value ,multiple: true},
{ type: 'select', label: '生效范围', prop: 'range', required: true, opts:user_select_opts.value ,multiple: true},
]
})
const handleView =async (row) => {
viewData.value.row = row;
viewData.value.list = [
{
prop: 'ID',
label: '模型策略ID',
},
{
prop: 'name',
label: '名称',
},
{
prop: 'info',
label: '描述',
},
{
prop: 'CreatedAt',
label: '创建时间',
type: 'date'
},
{
prop: 'UpdatedAt',
label: '更新时间',
type: 'date'
},
]
visible1.value = true;
};
// 删除相关
const handleDelete = async (row) => {
let req={
id: row.ID,
}
try{
let result = await DelModelPolicyService(req);
if(result['code'] === 0){
ElMessage.success("删除成功");
GetModelPolicy();
}else{
ElMessage.error("删除失败");
}
}catch(e){
console.log(e);
}
}
const changePage = (val: number) => {
page.index = val;
//分页
let start = (page.index - 1) * page.size;
let end = start + page.size;
if (end > page.total) {
end = page.total;
}
if (start > page.total) {
start = page.total;
}
tableData.value = allData.value.slice(start, end);
};
</script>

59
src/views/system/manage-permiss-policy.vue
View File

@ -148,13 +148,12 @@ const GetAllDefaultUsers = async () => {
user_select_opts.value.length = 0;
for (let i = 0; i < response.data.length; i++) {
let user = response.data[i];
console.log("user:", user);
user_select_opts.value.push({
value: user.id,
label: (user.type === 0 ? "user":"group" )+ ":"+user.name
});
}
console.log("user_select_opts:", user_select_opts.value);
//console.log("user_select_opts:", user_select_opts.value);
} catch (error) {
console.error('获取默认用户失败:', error);
}
@ -257,8 +256,6 @@ const GetOnePermissPolicy = async () => {
};
permiss_policy_check_res.value = temp_;
console.log("alldata 1:", addData[0])
} catch (error) {
console.error('获取权限策略失败:', error);
}
@ -314,7 +311,6 @@ const GetPermissPolicy = async () => {
start = page.total;
}
tableData.value = allData.value.slice(start, end);
console.log("allData:", allData.value);
loading.value = false;
} catch (error) {
console.error('获取权限策略失败:', error);
@ -323,64 +319,13 @@ const GetPermissPolicy = async () => {
};
const handleEdit = async (row) => {
let data = row;
console.log("edit_row_data:", data);
//console.log("edit_row_data:", data);
rowData.value = data;
isEdit.value = true;
visible.value = true;
};
const addData = async (data) => {
console.log("add_data:", data);
let result ={}
try{
let req={
policy_name: data.name,
policy_info: data.info
}
result = await AddPermissPolicyService(req);
if (result['code'] === 0) {
ElMessage.success("新增成功");
} else {
ElMessage.error("新增失败:"+result['message']);
}
}catch(e){
console.log(e);
}
closeDialog();
};
const updateData = async (data) => {
let result ={}
try{
let req={
token:localStorage.getItem("token"),
id: data.ID,
};
result = await UpdatePermissPolicyService(req);
if (result['code'] === 0) {
ElMessage.success("更新成功");
} else {
ElMessage.error("更新失败");
}
}catch(e){
console.log(e);
}
closeDialog();
};
const handleSearch = async () => {
// query.name是否是数字
if (isNaN(Number(query.name))) {
ElMessage.error('请输入数字');
return;
}
let req={
token: localStorage.getItem('token'),
type: "ID",
id: parseInt(query.name) || 1
}
await GetPermissPolicy();
page.total = allData.value.length;
page.index = 1;