From c14cab434cc1702a91aacc9caa3e706086650408 Mon Sep 17 00:00:00 2001
From: Sheng <sheng@ShengMacBook-Pro.local>
Date: Thu, 27 Oct 2022 15:32:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E7=99=BD=E5=90=8D=E5=8D=95?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store                                   | Bin 0 -> 6148 bytes
 web/.env.development                        |   2 +-
 web/src/i18n/lang/zh-cn.ts                  |   3 +-
 web/src/router/route.ts                     |  17 +++-
 web/src/views/system/apiWhiteList/index.vue |  92 ++++++++++++++++++++
 5 files changed, 111 insertions(+), 3 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 web/src/views/system/apiWhiteList/index.vue

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..98abf3e28197668fbb482fc8588a81418fe98252
GIT binary patch
literal 6148
zcmeHKO>Yx15FIBe-BqcS1C@F~vcxqiNsIUpmu;FJIB@A!<v>x$vQb&FU03<&9->Hl
zE<c7Vzl6U7Z)^vVrd%VaW~A{O+w*Mst!1x?NOh-ahp0(J0i3ZGqPWAjpMAw@zGVZb
z>=<w9nD%H$1xm61K>_}D59tKo?T~u(=l8p$^i6I)CAmqE!yDufzW37_BBJmXZ<X=w
z7Nbrjc1N;2u6lfTR#J|y{OsS8t2`S|+U*~zR&Q)P*bFv<t>8oa*_82QFqw|KgVB4g
zof?xTi+GTnWy7-Hd~{@r$sj9+BTLBAAyUrYWkqVru9+6;*m7gn5rje5Z|=@!`!8R#
z^g*XHZ|T{q{dP+~J9s{yhr!O1r>{@?U-HYs+^`JT{Mh~0wmmN3D+0gf>v&Y;rno@M
zB72b~C<=%IqQJTp@aIslweE>!K2bmv_~#Yi^FhNIBaf9sdvu_%PXJ&8&DId}uOf4_
z$H-&l5Ir#Es6a<m{)wR+9qroZMII}Mj!w!yK9rwX`4@_^vtxX1(@8}Rr4$83fn^2i
zuG-}L|M>6k|7DWYL;+FYUMZj&y|~xKlKkDevN*nLHT)x-jq@spzbOdpRg7G|ig)4G
Z(5^WEMjk7NXo1O(fR#ZCQDChK`~qMWYz6=T

literal 0
HcmV?d00001

diff --git a/web/.env.development b/web/.env.development
index 058274c..ffa2772 100644
--- a/web/.env.development
+++ b/web/.env.development
@@ -2,4 +2,4 @@
 ENV = 'development'
 
 # 本地环境接口地址
-VITE_API_URL = 'http://localhost:8888/'
\ No newline at end of file
+VITE_API_URL = 'http://192.168.1.246:8000/'
\ No newline at end of file
diff --git a/web/src/i18n/lang/zh-cn.ts b/web/src/i18n/lang/zh-cn.ts
index 54284e3..bec73ad 100644
--- a/web/src/i18n/lang/zh-cn.ts
+++ b/web/src/i18n/lang/zh-cn.ts
@@ -8,6 +8,7 @@ export default {
 		systemUser: '用户管理',
 		systemDept: '部门管理',
 		systemDic: '字典管理',
+		systemApiWhiteList: '接口白名单',
 		limits: '权限管理',
 		limitsFrontEnd: '前端控制',
 		limitsFrontEndPage: '页面权限',
@@ -72,7 +73,7 @@ export default {
 		tools: '工具类集合',
 		layoutLinkView: '外链',
 		layoutIfameView: '内嵌 iframe',
-		demo1:'demo1'
+		demo1: 'demo1',
 	},
 	staticRoutes: {
 		signIn: '登录',
diff --git a/web/src/router/route.ts b/web/src/router/route.ts
index 063b52b..eab5c69 100644
--- a/web/src/router/route.ts
+++ b/web/src/router/route.ts
@@ -137,6 +137,21 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
 							icon: 'ele-SetUp',
 						},
 					},
+					{
+						path: '/system/apiWhiteList',
+						name: 'apiWhiteList',
+						component: () => import('/@/views/system/apiWhiteList/index.vue'),
+						meta: {
+							title: 'message.router.systemApiWhiteList',
+							isLink: '',
+							isHide: false,
+							isKeepAlive: true,
+							isAffix: false,
+							isIframe: false,
+							roles: ['admin'],
+							icon: 'ele-SetUp',
+						},
+					},
 				],
 			},
 			{
@@ -1142,7 +1157,7 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
 					roles: ['admin'],
 					icon: 'iconfont icon-neiqianshujuchucun',
 				},
-			}
+			},
 		],
 	},
 ];
diff --git a/web/src/views/system/apiWhiteList/index.vue b/web/src/views/system/apiWhiteList/index.vue
new file mode 100644
index 0000000..c8c974c
--- /dev/null
+++ b/web/src/views/system/apiWhiteList/index.vue
@@ -0,0 +1,92 @@
+<template>
+	<fs-page>
+		<fs-crud ref="crudRef" v-bind="crudBinding" />
+	</fs-page>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue';
+import { useExpose, useCrud, CrudOptions, AddReq, DelReq, EditReq } from '@fast-crud/fast-crud';
+import _ from 'lodash-es';
+
+interface CreateCrudOptionsTypes {
+	crudOptions: CrudOptions;
+}
+
+//此处为crudOptions配置
+const createCrudOptions = function (prop?: CrudOptions): CreateCrudOptionsTypes {
+	//本地模拟后台crud接口方法 ----开始
+	const records = [{ id: 1, name: 'Hello World' }];
+	const pageRequest = async (query: any) => {
+		return {
+			records,
+			currentPage: 1,
+			pageSize: 20,
+			total: records.length,
+		};
+	};
+	const editRequest = async (req: EditReq) => {
+		const target = _.find(records, (item) => {
+			return req.row.id === item.id;
+		});
+		_.merge(target, req.form);
+		return target;
+	};
+	const delRequest = async (req: DelReq) => {
+		_.remove(records, (item) => {
+			return item.id === req.row.id;
+		});
+	};
+
+	const addRequest = async (req: AddReq) => {
+		const maxRecord = _.maxBy(records, (item) => {
+			return item.id;
+		});
+		req.form.id = (maxRecord?.id || 0) + 1;
+		records.push(req.form);
+		return req.form;
+	};
+	//本地模拟后台crud接口方法 ----结束
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			columns: {
+				name: {
+					title: '姓名',
+					type: 'text',
+					search: { show: true },
+					form: {
+						component: {
+							maxlength: 20,
+						},
+					},
+				},
+			},
+		},
+	};
+};
+
+// crud组件的ref
+const crudRef = ref();
+// crud 配置的ref
+const crudBinding = ref();
+// 暴露的方法
+const { expose } = useExpose({ crudRef, crudBinding });
+// 你的crud配置
+const { crudOptions } = createCrudOptions({ expose });
+// 初始化crud配置
+// eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
+const { resetCrudOptions } = useCrud({ expose, crudOptions });
+// 你可以调用此方法，重新初始化crud配置
+// resetCrudOptions(options)
+
+// 页面打开后获取列表数据
+onMounted(() => {
+	expose.doRefresh();
+});
+</script>