@arkxos/arkos-system 0.1.0

package/src/portal/App.vue

@@ -0,0 +1,27 @@
+<template>
+  <router-view />
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+import { getSetting } from '@/utils/system';
+
+onMounted(() => {
+  getSetting().then(setting => {
+    document.title = setting.portalTitle || '门户';
+
+    if (setting.portalCss) {
+      const style = document.createElement('style');
+      style.textContent = setting.portalCss;
+      document.head.appendChild(style);
+    }
+  });
+});
+</script>
+
+<style>
+#app {
+  background: #eee;
+  box-sizing: border-box;
+}
+</style>

package/src/portal/home/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div
+    class="portal-page-container"
+    v-loading="loading"
+    element-loading-text="数据加载中..."
+  >
+    <visual-page v-if="!loading" :pageInfo="pageInfo" :globalParam="globalParam" />
+  </div>
+</template>
+
+<script setup>
+import { getCurrentInstance, onMounted, ref } from 'vue';
+import VisualPage from '@/visual/view/page.vue';
+import { useRoute } from 'vue-router';
+import { getPage } from '@/utils/codeless';
+
+const route = useRoute();
+const query = route.query;
+
+const loading = ref(true);
+const pageInfo = ref({});
+const globalParam = ref({});
+const instance = getCurrentInstance();
+const pageId = instance?.type?.pageId;
+
+onMounted(async() => {
+  loading.value = true;
+  pageInfo.value = await getPage(pageId);
+
+  if (pageInfo.value.paramList && query) {
+    const params = {};
+    pageInfo.value.paramList.forEach(param => {
+      params[param.id] = query[param.name] || '';
+    });
+    globalParam.value = params;
+  }
+
+  loading.value = false;
+});
+</script>
+
+<style>
+#app {
+  background: #eee;
+  box-sizing: border-box;
+}
+</style>
+<style scoped>
+.portal-page-container {
+  box-sizing: border-box;
+}
+</style>

package/src/portal/main.js

@@ -0,0 +1,31 @@
+import { createApp } from 'vue';
+import ElementPlus from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import 'element-plus/dist/index.css';
+import { store } from '@/pinia';
+import codeless from '@/codeless/components/index';
+import visual from '@/visual/components/index';
+import directives from '@/directives/index';
+import App from './App.vue';
+import router from './router';
+import '@/assets/style/global/default.css';
+import '@/assets/style/menu/default.css';
+import '@/assets/style/base.css';
+import '@/assets/style/main.css';
+import '@/assets/style/codeless.css';
+import '@/assets/style/visual.css';
+import 'default-passive-events';
+
+const app = createApp(App);
+app.config.productionTip = false;
+
+app
+  .use(store)
+  .use(router)
+  .use(ElementPlus, { locale: zhCn })
+  .use(codeless)
+  .use(visual)
+  .use(directives)
+  .mount('#app');
+
+export default app;

package/src/portal/page/index.vue

@@ -0,0 +1,39 @@
+<template>
+  <div
+    class="portal-page-container"
+    v-loading="loading"
+    element-loading-text="数据加载中..."
+  >
+    <visual-page v-if="!loading" :pageInfo="pageInfo" />
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import VisualPage from '@/visual/view/page.vue';
+import { getPage } from '@/utils/codeless';
+
+const route = useRoute();
+const loading = ref(true);
+const pageInfo = ref({});
+const pageId = route.params?.pageId;
+
+onMounted(async() => {
+  loading.value = true;
+  pageInfo.value = await getPage(pageId);
+  loading.value = false;
+});
+</script>
+
+<style>
+#app {
+  background: #eee;
+  box-sizing: border-box;
+}
+</style>
+<style scoped>
+.portal-page-container {
+  box-sizing: border-box;
+}
+</style>

package/src/portal/pinia/router.js

@@ -0,0 +1,176 @@
+import { ref, markRaw } from 'vue';
+import { defineStore } from 'pinia';
+import api from '@/http/api';
+import tool from '@/utils/tool';
+import { ElMessage } from 'element-plus';
+
+const components = import.meta.glob('@/portal/**/*.vue');
+const baseRoutes = [{
+  name: 'notfound',
+  path: '/:pathMatch(.*)',
+  text: '访问地址不存在',
+  meta: {
+    title: '访问地址不存在',
+  },
+  component: () => import('@/error/404.vue')
+}, {
+  name: 'portal',
+  path: '/portal/:pageId',
+  text: '门户',
+  meta: {
+    title: '门户',
+  },
+  component: () => import('@/portal/page/index.vue')
+}];
+
+const getComponent = async(compName, pageId, path) => {
+  const keys = Object.keys(components);
+  const matchKeys = keys.filter((key) => {
+    return key.replace('/src/portal', '').replace('/src', '').replace('.vue', '') === path;
+  });
+
+  const component = components[matchKeys[0]];
+  return !component
+    ? null
+    : await component().then(comp => ({
+      ...comp.default,
+      name: compName,
+      pageId: pageId
+    }));
+};
+
+const buildRouteTree = async(rootNode, children) => {
+  const layoutNodeMap = {};
+  await tool.asyncWalkTree({ children: children }, async(item) => {
+    item.name = item.name || item.id;
+    if (item.data && item.data.type === '页面' && item.data.pageId) {
+      item.path = '/home/' + item.name + '/' + item.data.pageId;
+      item.component = markRaw(await getComponent(item.name, item.data.pageId, '/home/index'));
+    } else {
+      item.path = item.href || item.path || '';
+    }
+    item.meta = item.meta || {};
+    item.meta.keepAlive = (typeof item.keepAlive !== 'undefined')
+      ? item.keepAlive
+      : ((typeof item.meta.keepAlive === 'undefined') ? true : item.meta.keepAlive);
+    item.meta.title = item.text;
+    item.meta.hidden = item.hidden;
+    item.meta.url = item.data && item.data.url;
+    if (!item.component && item.path) {
+      item.component = markRaw(await getComponent(item.name, item?.data?.pageId, item.path));
+    }
+    if (item.children && item.children.length === 0) {
+      delete item.children;
+    }
+
+    if (item.data && item.data.layoutPageId) {
+      let layoutNode = layoutNodeMap[item.data.layoutPageId];
+      if (!layoutNode) {
+        layoutNode = {
+          name: item.data.layoutPageId,
+          path: '/home/' + item.data.layoutPageId,
+          keepAlive: true,
+          component: markRaw(await getComponent(item.data.layoutPageId, item.data.layoutPageId, '/home/index')),
+          children: []
+        };
+        rootNode.push(layoutNode);
+        layoutNodeMap[item.data.layoutPageId] = layoutNode;
+      }
+      layoutNode.children.push(item);
+    } else {
+      rootNode.push(item);
+    }
+  });
+};
+
+export const usePortalRouterStore = defineStore('portalRouter', () => {
+  const menuTree = ref([]);
+  const isInit = ref(false);
+
+  const initRouter = async(router) => {
+    if (isInit.value) {
+      return false;
+    }
+
+    router.getRoutes().forEach(item => {
+      item.name && router.removeRoute(item.name);
+    });
+
+    const res = await api.post('/business/menu/portal-tree');
+    if (res.code === '500') {
+      ElMessage.error(res.message);
+      baseRoutes.forEach(route => router.addRoute(route));
+      isInit.value = true;
+      return false;
+    }
+
+    const children = res.data && res.data.children || [];
+    const rootNode = [];
+    await buildRouteTree(rootNode, children);
+    rootNode.push(...baseRoutes);
+    rootNode.forEach(route => router.addRoute(route));
+    menuTree.value = filterValid(tool.deepClone(children));
+    isInit.value = true;
+    return true;
+  };
+
+  const filterValid = (children) => {
+    tool.walkTree({ children: children }, node => {
+      node.children = node.children && node.children.filter(item => item.data.onlyRoute !== '1');
+    });
+    return children.filter(item => item.data.onlyRoute !== '1');
+  };
+
+  const getDefaultRoute = (routeList) => {
+    if (!routeList || routeList.length === 0) {
+      return null;
+    }
+
+    for (const route of routeList) {
+      if (route.data && route.data.defaultShow === '1') {
+        return route;
+      }
+
+      const temp = getDefaultRoute(route.children);
+      if (temp) {
+        return temp;
+      }
+    }
+
+    return null;
+  };
+
+  const getFirstRoute = (routeList) => {
+    if (!routeList || routeList.length === 0) {
+      return null;
+    }
+
+    for (const route of routeList) {
+      if (route.href || route.path) {
+        return route;
+      }
+
+      const temp = getFirstRoute(route.children);
+      if (temp) {
+        return temp;
+      }
+    }
+
+    return null;
+  };
+
+  const getShowRoute = () => {
+    const route = getDefaultRoute(menuTree.value);
+    return route || getFirstRoute(menuTree.value);
+  };
+
+  const getMenuTree = () => {
+    return menuTree.value;
+  }
+
+  return {
+    initRouter,
+    getMenuTree,
+    getShowRoute,
+  };
+});

package/src/portal/router.js

@@ -0,0 +1,86 @@
+import { createRouter, createWebHashHistory } from 'vue-router';
+import { usePortalRouterStore as useRouterStore } from '@/portal/pinia/router';
+import { useNProgress } from '@/utils/progress';
+
+const { start, done } = useNProgress();
+const routes = [{
+  name: 'notfound',
+  path: '/:pathMatch(.*)',
+  text: '访问地址不存在',
+  meta: {
+    title: '访问地址不存在',
+  },
+  component: () => import('@/error/404.vue')
+}, {
+  name: 'portal',
+  path: '/portal/:pageId',
+  text: '门户',
+  meta: {
+    title: '门户',
+  },
+  component: () => import('@/portal/page/index.vue')
+}];
+
+const router = createRouter({
+  history: createWebHashHistory(import.meta.env.VITE_WEB_PATH || '/'),
+  routes
+});
+
+let isInitRouter = false;
+
+const initRouter = async() => {
+  const routerStore = useRouterStore();
+  await routerStore.initRouter(router);
+};
+
+const handleKeepAlive = async(to) => {
+  if (to.matched.some(item => item.meta.keepAlive)) {
+    if (to.matched && to.matched.length > 2) {
+      for (let i = 1; i < to.matched.length; i++) {
+        const element = to.matched[i - 1];
+        if (typeof element.components.default === 'function') {
+          await element.components.default();
+          await handleKeepAlive(to);
+        }
+      }
+    }
+  }
+};
+
+router.beforeEach(async(to) => {
+  start();
+  const routerStore = useRouterStore();
+  to.meta.matched = [...to.matched];
+  await handleKeepAlive(to);
+
+  if (!isInitRouter) {
+    isInitRouter = true;
+    await initRouter();
+    if (to.path === '/') {
+      const route = routerStore.getShowRoute();
+      if (route) {
+        return { name: route ? route.name : 'notfound' };
+      } else {
+        return { path: 'notfound' };
+      }
+    } else {
+      await router.push({ path: to.path, query: to.query, params: to.params }).catch(() => {});
+    }
+  } else {
+    if (to.matched.length) {
+      return true;
+    } else {
+      return { name: 'notfound' };
+    }
+  }
+});
+
+router.afterEach(() => {
+  done();
+});
+
+router.onError(() => {
+  done();
+});
+
+export default router;

package/src/router/constantRoutes.ts

@@ -0,0 +1,13 @@
+import { RouteRecordRaw } from 'vue-router';
+
+// 公共路由
+export const constantRoutes: RouteRecordRaw[] = [
+  // {
+  //   path: '/helloworld',
+  //   // component: Layout,
+  //   component: () => import('@/views/helloworld/index.vue'),
+  //   meta: { title: 'helloworld', icon: 'user' }
+  // }
+];
+
+export default constantRoutes

package/src/router/loadComponent.ts

@@ -0,0 +1,29 @@
+export default function(item, puzzleCode) {
+  // const routers = [];
+  //
+  // // 动态路由
+  // for (const item of menusRoutes) {
+  //   routers.push({
+  //     name: item.id,
+  //     path: item.path,
+  //     component: () =>
+  //       import(
+  //         /* webpackChunkName: "views/[request]" */
+  //         `../views/${item.component}`
+  //       ),
+  //     meta: {
+  //       puzzleCode: puzzleCode,
+  //       name: item.name,
+  //       resource: item.resource ? item.resource : [],
+  //       title: item.meta?.title
+  //     }
+  //   });
+  // }
+  //
+  // return routers;
+  console.log('pre load component: ', item)
+  return () => import(
+    /* webpackChunkName: "views/[request]" */
+    `../views${item.component}`
+  )
+}

package/src/router/readme.txt

@@ -0,0 +1,21 @@
+/**
+ * Note: 路由配置项
+ *
+ * hidden: true                     // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
+ * alwaysShow: true                 // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
+ *                                  // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
+ *                                  // 若你想不管路由下面的 children 声明的个数都显示你的根路由
+ *                                  // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
+ * redirect: noRedirect             // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
+ * name:'router-name'               // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
+ * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
+ * roles: ['admin', 'common']       // 访问路由的角色权限
+ * permissions: ['a:a:a', 'b:b:b']  // 访问路由的菜单权限
+ * meta : {
+    noCache: true                   // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
+    title: 'title'                  // 设置该路由在侧边栏和面包屑中展示的名字
+    icon: 'svg-name'                // 设置该路由的图标，对应路径src/assets/icons/svg
+    breadcrumb: false               // 如果设置为false，则不会在breadcrumb面包屑中显示
+    activeMenu: '/system/user'      // 当路由设置了该属性，则会高亮相对应的侧边栏。
+  }
+ */

package/src/sso/sso.js

@@ -0,0 +1,19 @@
+import { createApp } from 'vue';
+import ElementPlus from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import 'element-plus/dist/index.css';
+import { store } from '@/pinia';
+import App from './sso.vue';
+import '@/assets/style/global/default.css';
+import '@/assets/style/base.css';
+import 'default-passive-events';
+
+const app = createApp(App);
+app.config.productionTip = false;
+
+app
+  .use(store)
+  .use(ElementPlus, { locale: zhCn })
+  .mount('#app');
+
+export default app;

package/src/sso/sso.vue

@@ -0,0 +1,138 @@
+<template>
+  <div class="sso-container" :style="{backgroundImage: 'url(' + bgImgUrl + ')'}">
+    <div class="message-box">
+      <el-result
+        v-if="message"
+        icon="error"
+        title="错误提示"
+      >
+        <template #sub-title>
+          <div style="color: red;font-weight: 600;">{{message}}</div>
+        </template>
+      </el-result>
+      <el-result
+        v-else
+        icon="primary"
+        title="提示"
+      >
+        <template #sub-title>
+          <div style="font-weight: 600;">正在登录中...</div>
+        </template>
+      </el-result>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import loading from '@/utils/loading';
+import { getSetting } from '@/utils/system';
+import { useUserStore } from '@/pinia/modules/user';
+import api from '@/http/api';
+import * as dd from 'dingtalk-jsapi';
+import defaultBgImg from '@/assets/images/login-bg.jpg';
+import { ElMessage } from 'element-plus';
+
+const imageUrl = ref(import.meta.env.VITE_IMAGE_PATH);
+const bgImgUrl = ref('');
+const message = ref();
+const userStore = useUserStore();
+
+const doLogin = () => {
+  loading.showLoading('正在登录中，请稍候...');
+  const hashParams = new URLSearchParams(window.location.hash);
+  const searchParams = new URLSearchParams(window.location.search);
+
+  if (searchParams.get('ssoThirdType') === 'dd') {
+    loginByDD(searchParams);
+  } else {
+    loginByParams(hashParams, searchParams);
+  }
+};
+
+const loginByDD = (searchParams) => {
+  dd.requestAuthCode({
+    corpId: searchParams.get('corpId'),
+    clientId: searchParams.get('clientId'),
+    onSuccess: function (res) {
+      api.post('/ssoLogin', { code: res.code }).then(result => {
+        if (result.code === '1') {
+          userStore.setUser(result.data);
+          const basePath = import.meta.env.VITE_WEB_PATH;
+          window.location.href = basePath + 'choose.html';
+        } else {
+          ElMessage.error(result.message);
+        }
+        loading.hideLoading();
+      }).catch(e => {
+        message.value = e.message;
+        loading.hideLoading();
+      });
+    },
+    onFail: function (e) {
+      console.log(e);
+      loading.hideLoading();
+    },
+  });
+};
+
+const loginByParams = (hashParams, searchParams) => {
+  const params = {};
+  if (hashParams) {
+    for (const [key, value] of hashParams.entries()) {
+      params[key] = value;
+    }
+  }
+  if (searchParams) {
+    for (const [key, value] of searchParams.entries()) {
+      params[key] = value;
+    }
+  }
+
+  api.post('/ssoLogin', params).then(() => {
+    const basePath = import.meta.env.VITE_WEB_PATH;
+    window.location.href = basePath + 'choose.html';
+    loading.hideLoading();
+  }).catch(e => {
+    message.value = e.message;
+    loading.hideLoading();
+  });
+};
+
+const loadSetting = () => {
+  getSetting().then(setting => {
+    if (setting) {
+      bgImgUrl.value = !setting.loginBgImageId ? defaultBgImg : imageUrl.value + setting.loginBgImageId;
+      document.title = (setting.webTitle || '系统登录').split('<br/>')[0];
+    }
+  });
+};
+
+onMounted(() => {
+  doLogin();
+  loadSetting();
+});
+</script>
+
+<style lang="scss">
+#app {
+  background: #eee;
+  height: 100vh;
+  overflow: hidden;
+}
+.sso-container {
+  background-size: cover;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.message-box {
+  font-size: 18px;
+  background: white;
+  width: 400px;
+  border-radius: 30px;
+}
+</style>

package/src/types/axios.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+import * as axios from 'axios';
+
+// 扩展 axios 数据返回类型，可自行扩展
+declare module 'axios' {
+	export interface AxiosResponse<T = any> {
+		code: number;
+		data: T;
+		message: string;
+		type?: string;
+		[key: string]: T;
+	}
+}

package/src/types/func.ts

@@ -0,0 +1,14 @@
+// 定义全局属性的类型
+// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+import { ComponentCustomProperties } from 'vue';
+
+// declare module '@vue/runtime-core' {
+// 	interface ComponentCustomProperties {
+// 		parseTime: Function;
+// 		parseDate: Function;
+// 		dateTimeStr: string;
+// 		dateStr: string;
+// 		timeStr: string;
+// 		baseURL: string;
+// 	}
+// }