+
+
![]()
-
@@ -45,9 +45,7 @@ const handleLogout = () => {
退出登录
-
- 返回OA
-
+ 返回OA
@@ -63,7 +61,7 @@ const handleLogout = () => {
align-items: center;
padding: 0 30px;
background-color: #fff;
- box-shadow: 0 0 12px 0 rgba(0,0,0,.08);
+ box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
.user-area {
display: flex;
align-items: center;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index c9b80ab..e5d7992 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,21 +1,25 @@
diff --git a/src/plugins/antv-g2plot/line.vue b/src/plugins/antv-g2plot/line.vue
new file mode 100644
index 0000000..e0eb1fe
--- /dev/null
+++ b/src/plugins/antv-g2plot/line.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
diff --git a/src/plugins/antv-g2plot/pie.vue b/src/plugins/antv-g2plot/pie.vue
new file mode 100644
index 0000000..6bcc8de
--- /dev/null
+++ b/src/plugins/antv-g2plot/pie.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
diff --git a/src/plugins/antv-g2plot/useChart.js b/src/plugins/antv-g2plot/useChart.js
new file mode 100644
index 0000000..1fb5e17
--- /dev/null
+++ b/src/plugins/antv-g2plot/useChart.js
@@ -0,0 +1,91 @@
+import { onBeforeUnmount, onMounted, ref, watch } from "vue";
+import _ from "lodash";
+
+export default function useChart(ChartClass, config) {
+ const chart = ref(null); // 表格实例
+ const chartOptions = ref(null); // 图表配置
+ const container = ref(null); // 渲染图表元素
+ const { onReady, onEvent } = config;
+
+ // 全局事件侦听器
+ let handler;
+
+ onMounted(() => {
+ chartOptions.value = _.cloneDeep(config);
+
+ // 实例化图表
+ const chartInstance = new ChartClass(container.value, { ...config });
+ chartInstance.toDataURL = (type, encoderOptions) => {
+ return toDataURL(type, encoderOptions);
+ };
+ chartInstance.downloadImage = (name, type, encoderOptions) => {
+ return downloadImage(name, type, encoderOptions);
+ };
+ chartInstance.render(); // 渲染图表
+
+ chart.value = chartInstance;
+
+ // 图表渲染完成回调
+ if (onReady) {
+ onReady(chartInstance);
+ }
+ // 侦听全局事件
+ handler = (event) => {
+ if (onEvent) {
+ onEvent(chartInstance, event);
+ }
+ };
+ chartInstance.on("*", handler);
+ });
+
+ onBeforeUnmount(() => {
+ chart.value.destroy();
+ chart.value.off("*", handler);
+ chart.value = undefined;
+ });
+
+ // 配置更改时更新图表
+ watch(
+ () => config,
+ (config) => {
+ const newConfig = _.cloneDeep(config);
+ chartOptions.value = newConfig;
+ chart.value.update(newConfig);
+ },
+ {
+ deep: true,
+ }
+ );
+
+ const toDataURL = (type = "image/png", encoderOptions) => {
+ return chart.value?.chart.canvas.cfg.el.toDataURL(type, encoderOptions);
+ };
+
+ const downloadImage = (
+ name = "download",
+ type = "image/png",
+ encoderOptions
+ ) => {
+ let imageName = name;
+ if (name.indexOf(".") === -1) {
+ imageName = `${name}.${type.split("/")[1]}`;
+ }
+ const base64 = chart.value?.chart.canvas.cfg.el.toDataURL(
+ type,
+ encoderOptions
+ );
+ let a = document.createElement("a");
+ a.href = base64;
+ a.download = imageName;
+ document.body.appendChild(a);
+ a.click();
+ document.body.removeChild(a);
+ a = null;
+ return imageName;
+ };
+
+ return {
+ chart,
+ container,
+ };
+}
diff --git a/src/router/guards.ts b/src/router/guards.ts
index fff599f..0d50887 100644
--- a/src/router/guards.ts
+++ b/src/router/guards.ts
@@ -2,7 +2,7 @@ import type { NavigationGuardWithThis } from 'vue-router';
const titleGuard: NavigationGuardWithThis = (to, from, next) => {
next();
- document.title = to.meta.title ? `${to.meta.title} | 机制系统` : '机制系统';
+ document.title = to.meta.title ? `${to.meta.title} | 悦码` : '悦码';
};
export { titleGuard };
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 5d29010..75f68ef 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -28,41 +28,57 @@ const routeList: RouteType[] = [
name: '-',
meta: {},
children: [],
- redirect: '/flow-manager/list',
+ redirect: '/config-manage/project-cfg',
},
{
- path: '/flow-manager',
- name: 'flow-manager',
+ path: '/config-manage',
+ name: 'config-manage',
isMenu: true,
- meta: { title: '机制管理' },
+ meta: { title: '配置管理' },
icon: () => h(HomeOutlined),
children: [
{
- path: 'list',
- name: 'list',
- component: () => import('@/views/flow-manager/list/index.vue'),
- meta: { title: '机制列表' },
+ path: 'project-cfg',
+ name: 'project-cfg',
+ component: () => import('@/views/config-manage/project-cfg/index.vue'),
+ meta: { title: '项目配置' },
isMenu: true,
children: [],
},
{
- path: 'create',
- name: 'create',
- component: () => import('@/views/flow-manager/create/index.vue'),
- meta: { title: '机制创建' },
+ path: 'module-cfg',
+ name: 'module-cfg',
+ component: () => import('@/views/config-manage/module-cfg/index.vue'),
+ meta: { title: '数据表配置' },
isMenu: true,
children: [],
},
],
},
{
- path: '/data-overview',
- name: 'data-overview',
+ path: '/view-all-manage',
+ name: 'view-all-manage',
isMenu: true,
- meta: { title: '数据总览' },
- children: [],
+ meta: { title: '视图管理' },
icon: () => h(BarChartOutlined),
- component: () => import('@/views/data-overview/index.vue'),
+ children: [
+ {
+ path: 'view-list',
+ name: 'view-list',
+ component: () => import('@/views/view-all-manage/view-list/index.vue'),
+ meta: { title: '视图列表' },
+ isMenu: true,
+ children: [],
+ },
+ {
+ path: 'create-view',
+ name: 'create-view',
+ component: () => import('@/views/view-all-manage/create-view/index.vue'),
+ meta: { title: '创建视图' },
+ isMenu: true,
+ children: [],
+ },
+ ],
},
],
},
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 857d318..2a03370 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -8,10 +8,10 @@ export interface ResopnseType {
data: T
ts: string
}
-export const OA_BASEURL: string = import.meta.env.VITE_OA_BASEURL;
+export const YCODE_BASEURL: string = import.meta.env.VITE_YCODE_BASEURL;
const requestType = {
- base: OA_BASEURL,
+ base: YCODE_BASEURL,
};
const baseAxios: AxiosInstance = axios.create({
@@ -26,7 +26,7 @@ const errorHandle = (error: AxiosError) => {
switch (status) {
case 401:
message.warning('请先登录');
- window.location.href = `${OA_BASEURL}/login?redirect=${encodeURIComponent(window.location.href)}`;
+ window.location.href = `${YCODE_BASEURL}/login?redirect=${encodeURIComponent(window.location.href)}`;
break;
case 403:
message.warning('权限不足');
diff --git a/src/views/config-manage/module-cfg/components/create-modal.vue b/src/views/config-manage/module-cfg/components/create-modal.vue
new file mode 100644
index 0000000..6cc602d
--- /dev/null
+++ b/src/views/config-manage/module-cfg/components/create-modal.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/config-manage/module-cfg/components/field-modal.vue b/src/views/config-manage/module-cfg/components/field-modal.vue
new file mode 100644
index 0000000..62d150f
--- /dev/null
+++ b/src/views/config-manage/module-cfg/components/field-modal.vue
@@ -0,0 +1,234 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/config-manage/module-cfg/config.ts b/src/views/config-manage/module-cfg/config.ts
new file mode 100644
index 0000000..56cbbfa
--- /dev/null
+++ b/src/views/config-manage/module-cfg/config.ts
@@ -0,0 +1,20 @@
+export const moduleCfgCols = [
+ { dataIndex: 'modular_id', title: '编号', align: 'center'},
+ { dataIndex: 'modular_name', title: '数据表名称', align: 'center'},
+ { dataIndex: 'project_name', title: '项目名称', align: 'center'},
+ { dataIndex: 'is_show', title: '展示状态', align: 'center'},
+ { dataIndex: 'show_type_handle', title: '展示类型', align: 'center'},
+ // { dataIndex: 'sort', title: '排序', align: 'center'},
+ { dataIndex: 'action', title: '操作', align: 'center'},
+];
+
+export const viewCfgCols = [
+ { dataIndex: 'field_name', title: '字段名称', align: 'center'},
+ { dataIndex: 'field_title', title: '字段标题', align: 'center'},
+ { dataIndex: 'field_type_name', title: '字段类型', align: 'center'},
+ { dataIndex: 'is_search', title: '是否可搜索', align: 'center'},
+ { dataIndex: 'sort', title: '排序', align: 'center'},
+ { dataIndex: 'belong_to_table', title: '所属表名称', align: 'center'},
+ { dataIndex: 'original_sql', title: 'sql数据源', align: 'center'},
+ { dataIndex: 'action', title: '操作', align: 'center'},
+];
diff --git a/src/views/config-manage/module-cfg/index.vue b/src/views/config-manage/module-cfg/index.vue
new file mode 100644
index 0000000..939e2a2
--- /dev/null
+++ b/src/views/config-manage/module-cfg/index.vue
@@ -0,0 +1,233 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 检测数据库连接
+
+
+
+
+
+
+
diff --git a/src/views/config-manage/project-cfg/config.ts b/src/views/config-manage/project-cfg/config.ts
new file mode 100644
index 0000000..cbcf90e
--- /dev/null
+++ b/src/views/config-manage/project-cfg/config.ts
@@ -0,0 +1,9 @@
+export const projectCfgCols = [
+ { dataIndex: 'project_id', title: '编号', align: 'center'},
+ { dataIndex: 'project_name', title: '项目名称', align: 'center'},
+ { dataIndex: 'mark', title: '项目标识', align: 'center'},
+ { dataIndex: 'database_name', title: '数据库名', align: 'center'},
+ { dataIndex: 'is_show', title: '展示状态', align: 'center'},
+ // { dataIndex: 'sort', title: '排序', align: 'center'},
+ { dataIndex: 'action', title: '操作', align: 'center'},
+];
diff --git a/src/views/config-manage/project-cfg/index.vue b/src/views/config-manage/project-cfg/index.vue
new file mode 100644
index 0000000..7490022
--- /dev/null
+++ b/src/views/config-manage/project-cfg/index.vue
@@ -0,0 +1,200 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/config-manage/view-cfg/config.ts b/src/views/config-manage/view-cfg/config.ts
new file mode 100644
index 0000000..d7e2158
--- /dev/null
+++ b/src/views/config-manage/view-cfg/config.ts
@@ -0,0 +1,10 @@
+export const viewCfgCols = [
+ { dataIndex: 'field_name', title: '字段名称', align: 'center'},
+ { dataIndex: 'field_title', title: '字段标题', align: 'center'},
+ { dataIndex: 'field_type_name', title: '字段类型', align: 'center'},
+ { dataIndex: 'is_search', title: '是否可搜索', align: 'center'},
+ { dataIndex: 'sort', title: '排序', align: 'center'},
+ { dataIndex: 'belong_to_table', title: '所属表名称', align: 'center'},
+ { dataIndex: 'original_sql', title: 'sql数据源', align: 'center'},
+ { dataIndex: 'action', title: '操作', align: 'center'},
+];
diff --git a/src/views/config-manage/view-cfg/index.vue b/src/views/config-manage/view-cfg/index.vue
new file mode 100644
index 0000000..4afa2c2
--- /dev/null
+++ b/src/views/config-manage/view-cfg/index.vue
@@ -0,0 +1,181 @@
+
+
{{ userInfoStore.userInfo?.alias || '-' }}
+ {{ userInfoStore.userInfo?.alias || "-" }}
+
+
+
+
+
+
+ {{ record.field_type_name }}
+
+
+
+
+ 保存
+ 取消
+
+ 修改
+
+
+
+
+
+
+ 新建
+
+
+
+
+
+
+
+
diff --git a/src/views/config-manage/module-cfg/service.js b/src/views/config-manage/module-cfg/service.js
new file mode 100644
index 0000000..be564f8
--- /dev/null
+++ b/src/views/config-manage/module-cfg/service.js
@@ -0,0 +1,108 @@
+import { get, post } from "@/utils/request";
+
+// 获取数据表配置列表
+export function getModularList({ page, perPage, modularName, projectId }) {
+ return get({
+ url: "/api/v1/modular/list",
+ params: {
+ page,
+ per_page: perPage,
+ modular_name: modularName,
+ project_id: projectId,
+ },
+ });
+}
+
+// 获取数据表配置详情
+export function getModularDetail({ modularId }) {
+ return get({
+ url: "/api/v1/modular/info",
+ params: {
+ modular_id: modularId,
+ },
+ });
+}
+
+// 保存数据库配置
+export function saveModular(data) {
+ return post({
+ url: "/api/v1/modular/save",
+ data,
+ });
+}
+
+// 删除数据库配置
+export function deleteModular(data) {
+ return post({
+ url: "/api/v1/modular/del",
+ data,
+ });
+}
+
+// 修改数据表状态
+export function updateStatus(data) {
+ return post({
+ url: "/api/v1/modular/change-status",
+ data,
+ });
+}
+
+// 项目下拉
+export function getProjectSelect() {
+ return get({
+ url: `/api/v1/project/get-project-drop`,
+ });
+}
+
+// 展示类型下拉
+export function getShowTypeSelect() {
+ return get({
+ url: `/api/v1/modular/get-show-type-drop`,
+ });
+}
+
+// 字段类型下拉
+export function getFieldTypeSelect() {
+ return get({
+ url: `/api/v1/field/get-field-type-drop`,
+ });
+}
+
+// 获取字段列表
+export function getFieldList({ modularId, fieldName, page, perPage }) {
+ return get({
+ url: "/api/v1/field/list",
+ params: {
+ modular_id: modularId,
+ field_name: fieldName,
+ page,
+ per_page: perPage,
+ },
+ });
+}
+
+// 获取字段详情
+export function getFieldDetail({ fieldId }) {
+ return get({
+ url: "/api/v1/field/info",
+ params: {
+ field_id: fieldId,
+ },
+ });
+}
+
+// 保存字段
+export function saveField(data) {
+ return post({
+ url: "/api/v1/field/save",
+ data,
+ });
+}
+
+// 删除字段
+export function deleteField(data) {
+ return post({
+ url: "/api/v1/field/del",
+ data,
+ });
+}
diff --git a/src/views/config-manage/project-cfg/components/create-modal.vue b/src/views/config-manage/project-cfg/components/create-modal.vue
new file mode 100644
index 0000000..bb1033b
--- /dev/null
+++ b/src/views/config-manage/project-cfg/components/create-modal.vue
@@ -0,0 +1,182 @@
+
+
+
+ 新建
+
+
+
+
+
+
+
+ 字段管理
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/config-manage/project-cfg/service.js b/src/views/config-manage/project-cfg/service.js
new file mode 100644
index 0000000..f8d2342
--- /dev/null
+++ b/src/views/config-manage/project-cfg/service.js
@@ -0,0 +1,57 @@
+import { get, post } from "@/utils/request";
+
+// 获取项目列表
+export function getProjectList({ page, perPage, projectName }) {
+ return get({
+ url: `/api/v1/project/list`,
+ params: {
+ page,
+ per_page: perPage,
+ project_name: projectName,
+ },
+ });
+}
+
+// 获取项目详情
+export function getProjectDetail({ projectId }) {
+ return get({
+ url: `api/v1/project/info`,
+ params: {
+ project_id: projectId,
+ },
+ });
+}
+
+// 保存
+export function saveProject(data) {
+ return post({
+ url: `/api/v1/project/save`,
+ data,
+ });
+}
+
+// 删除
+export function deleteProject({ projectId }) {
+ return post({
+ url: `/api/v1/project/del`,
+ data: {
+ project_id: projectId,
+ },
+ });
+}
+
+// 检测数据库链接
+export function checkDbConnect(data) {
+ return post({
+ url: `/api/v1/project/check-database-connect`,
+ data,
+ });
+}
+
+// 修改展示状态
+export function updateStatus(data) {
+ return post({
+ url: `/api/v1/project/change-status`,
+ data,
+ });
+}
diff --git a/src/views/config-manage/view-cfg/components/create-modal.vue b/src/views/config-manage/view-cfg/components/create-modal.vue
new file mode 100644
index 0000000..02c48d2
--- /dev/null
+++ b/src/views/config-manage/view-cfg/components/create-modal.vue
@@ -0,0 +1,110 @@
+
+
+
+ 新建
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/config-manage/view-cfg/service.js b/src/views/config-manage/view-cfg/service.js
new file mode 100644
index 0000000..6c37617
--- /dev/null
+++ b/src/views/config-manage/view-cfg/service.js
@@ -0,0 +1,40 @@
+import { get, post } from "@/utils/request";
+
+// 获取列表
+export function getFieldList({ modularId, fieldName, page, perPage }) {
+ return get({
+ url: "/api/v1/field/list",
+ params: {
+ modularId,
+ fieldName,
+ page,
+ perPage,
+ },
+ });
+}
+
+// 获取详情
+export function getFieldDetail({ fieldId }) {
+ return get({
+ url: "/api/v1/field/info",
+ params: {
+ fieldId,
+ },
+ });
+}
+
+// 保存字段
+export function saveField(data) {
+ return post({
+ url: "/api/v1/field/save",
+ data,
+ });
+}
+
+// 删除字段
+export function deleteField(data) {
+ return post({
+ url: "/api/v1/field/del",
+ data,
+ });
+}
diff --git a/src/views/data-overview/index.vue b/src/views/data-overview/index.vue
deleted file mode 100644
index 1ab0fc6..0000000
--- a/src/views/data-overview/index.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-
- data
-
\ No newline at end of file
diff --git a/src/views/flow-manager/create/index.vue b/src/views/flow-manager/create/index.vue
deleted file mode 100644
index 88b2c8e..0000000
--- a/src/views/flow-manager/create/index.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-
- create
-
\ No newline at end of file
diff --git a/src/views/flow-manager/list/index.vue b/src/views/flow-manager/list/index.vue
deleted file mode 100644
index 86e937d..0000000
--- a/src/views/flow-manager/list/index.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
+
+ 新建
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
- 111
-
-
- 222
-
-
\ No newline at end of file
diff --git a/src/views/view-all-manage/create-view/index.vue b/src/views/view-all-manage/create-view/index.vue
new file mode 100644
index 0000000..188a935
--- /dev/null
+++ b/src/views/view-all-manage/create-view/index.vue
@@ -0,0 +1,304 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/view-all-manage/create-view/service.js b/src/views/view-all-manage/create-view/service.js
new file mode 100644
index 0000000..b19fbc5
--- /dev/null
+++ b/src/views/view-all-manage/create-view/service.js
@@ -0,0 +1,34 @@
+import { get, post } from "@/utils/request";
+
+// 项目-表-字段下拉
+export function getProModularField() {
+ return get({
+ url: "/api/v1/field/get-project-modular-field-drop",
+ });
+}
+
+// 预览
+export function preview({ modularId, fieldIds, page, perPage, filter }) {
+ return post({
+ url: "api/v1/preview/view",
+ data: {
+ modular_id: modularId,
+ field_ids: fieldIds,
+ page,
+ per_page: perPage,
+ filter,
+ },
+ });
+}
+
+// 点击保存
+export function saveView({ modularId, fieldIds, previewName }) {
+ return post({
+ url: "api/v1/preview/save",
+ data: {
+ modular_id: modularId,
+ field_ids: fieldIds,
+ preview_name: previewName,
+ },
+ });
+}
diff --git a/src/views/view-all-manage/view-list/config.ts b/src/views/view-all-manage/view-list/config.ts
new file mode 100644
index 0000000..e0fcb79
--- /dev/null
+++ b/src/views/view-all-manage/view-list/config.ts
@@ -0,0 +1,5 @@
+export const viewListCols = [
+ { dataIndex: 'preview_name', title: '视图名称', align: 'center' },
+ { dataIndex: 'created_at', title: '创建时间', align: 'center' },
+ { dataIndex: 'action', title: '操作', align: 'center' },
+];
diff --git a/src/views/view-all-manage/view-list/index.vue b/src/views/view-all-manage/view-list/index.vue
new file mode 100644
index 0000000..7c5e5c5
--- /dev/null
+++ b/src/views/view-all-manage/view-list/index.vue
@@ -0,0 +1,220 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}：
+
+
+
+
+
+ 预览区
+
+
+
+
+
+
+
diff --git a/src/views/view-all-manage/view-list/service.js b/src/views/view-all-manage/view-list/service.js
new file mode 100644
index 0000000..554c877
--- /dev/null
+++ b/src/views/view-all-manage/view-list/service.js
@@ -0,0 +1,48 @@
+import { get, post } from "@/utils/request";
+
+// 联动下拉
+export function getProModular() {
+ return get({
+ url: "/api/v1/field/get-project-modular-drop",
+ });
+}
+
+// 视图列表
+export function getViewList({ modularId, page = 1, perPage = 20 }) {
+ return get({
+ url: "/api/v1/preview/list",
+ params: {
+ modular_id: modularId,
+ page,
+ perPage: perPage,
+ },
+ });
+}
+
+// 查看视图
+export function getViewInfo({
+ previewId,
+ page = 1,
+ perPage = 20,
+ filter = [],
+}) {
+ return post({
+ url: "/api/v1/preview/info",
+ data: {
+ preview_id: previewId,
+ page,
+ per_page: perPage,
+ filter,
+ },
+ });
+}
+
+// 删除视图
+export function deleteView({ previewId }) {
+ return post({
+ url: "/api/v1/preview/del",
+ data: {
+ preview_id: previewId,
+ },
+ });
+}
diff --git a/vite.config.ts b/vite.config.ts
index 9ddb338..827a72e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,6 +4,7 @@ import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import Components from 'unplugin-vue-components/vite';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
+import { server } from 'typescript';
// https://vitejs.dev/config/
export default defineConfig({
@@ -21,4 +22,8 @@ export default defineConfig({
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
+ server: {
+ hmr: true,
+ host: '0.0.0.0',
+ },
});
+
+
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+ 展示区
+