diff --git a/web/package.json b/web/package.json
index 011b00b..65f946d 100644
--- a/web/package.json
+++ b/web/package.json
@@ -44,6 +44,7 @@
"vue-grid-layout": "^3.0.0-beta1",
"vue-i18n": "^9.2.2",
"vue-router": "^4.1.6",
+ "vxe-table": "^4.3.10",
"xe-utils": "^3.5.7"
},
"devDependencies": {
diff --git a/web/src/utils/message.ts b/web/src/utils/message.ts
new file mode 100644
index 0000000..0e3bc4b
--- /dev/null
+++ b/web/src/utils/message.ts
@@ -0,0 +1,17 @@
+import { ElMessage, MessageOptions } from 'element-plus';
+
+export function message(message: string, option?: MessageOptions) {
+ ElMessage({ message, ...option });
+}
+export function successMessage(message: string, option?: MessageOptions) {
+ ElMessage({ message, ...option, type: 'success' });
+}
+export function warningMessage(message: string, option?: MessageOptions) {
+ ElMessage({ message, ...option, type: 'warning' });
+}
+export function errorMessage(message: string, option?: MessageOptions) {
+ ElMessage({ message, ...option, type: 'error' });
+}
+export function infoMessage(message: string, option?: MessageOptions) {
+ ElMessage({ message, ...option, type: 'info' });
+}
diff --git a/web/src/views/system/config/api.ts b/web/src/views/system/config/api.ts
new file mode 100644
index 0000000..e8909e6
--- /dev/null
+++ b/web/src/views/system/config/api.ts
@@ -0,0 +1,53 @@
+import { request } from '/@/utils/service';
+import { PageQuery, AddReq, DelReq, EditReq, InfoReq } from '@fast-crud/fast-crud';
+import XEUtils from 'xe-utils';
+
+export const apiPrefix = '/api/system/system_config/';
+export function GetList(query: PageQuery) {
+ return request({
+ url: apiPrefix,
+ method: 'get',
+ params: query,
+ });
+}
+export function GetObj(id: InfoReq) {
+ return request({
+ url: apiPrefix + id,
+ method: 'get',
+ });
+}
+
+export function AddObj(obj: AddReq) {
+ return request({
+ url: apiPrefix,
+ method: 'post',
+ data: obj,
+ });
+}
+
+export function UpdateObj(obj: EditReq) {
+ return request({
+ url: apiPrefix + obj.id + '/',
+ method: 'put',
+ data: obj,
+ });
+}
+
+export function DelObj(id: DelReq) {
+ return request({
+ url: apiPrefix + id + '/',
+ method: 'delete',
+ data: { id },
+ });
+}
+
+/*
+获取所有的model及字段信息
+ */
+export function GetAssociationTable() {
+ return request({
+ url: apiPrefix + 'get_association_table/',
+ method: 'get',
+ params: {},
+ });
+}
diff --git a/web/src/views/system/config/components/addContent.vue b/web/src/views/system/config/components/addContent.vue
new file mode 100644
index 0000000..6284a18
--- /dev/null
+++ b/web/src/views/system/config/components/addContent.vue
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 立即创建
+
+
+
+
+
+
+
+
+
+
+
+ 立即创建
+ 取消
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/config/components/components/associationTable.vue b/web/src/views/system/config/components/components/associationTable.vue
new file mode 100644
index 0000000..32af76b
--- /dev/null
+++ b/web/src/views/system/config/components/components/associationTable.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+ {{ item.tableName }}
+ {{ item.table }}
+
+
+
+
+
+
+ {{ item.field }}
+ {{ item.title }}
+
+
+
+
+
+
+ {{ item.field }}
+ {{ item.title }}
+
+
+
+
+
+
+ {{ item.field }}
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/config/components/formContent.vue b/web/src/views/system/config/components/formContent.vue
new file mode 100644
index 0000000..9ebc0e5
--- /dev/null
+++ b/web/src/views/system/config/components/formContent.vue
@@ -0,0 +1,505 @@
+
+
+
+ 变量标题
+ 变量值
+ 变量名
+ 是否前端配置
+ 操作
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+ 选取图片后,需手动上传到服务器,并且只能上传jpg/png文件
+
+
+ ![]()
+
+
+
+
+ 选取图片后,需手动上传到服务器,并且只能上传jpg/png文件
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 删除后无法恢复,确定删除吗？
+
+ 取消
+ 确定
+
+ 删除
+
+
+
+
+
+ 追加
+
+
+
+
+
+
+ 系统配置:您可以对您的网站进行自定义配置
+
+
+
+ 添加分组
+ 添加内容
+
+
+
+