@arkxos/arkos-system 0.1.0

package/src/pinia/modules/organization.js

@@ -0,0 +1,189 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import api from '@/http/api';
+
+export const useOrganizationStore = defineStore('organization', () => {
+  const regions = ref([]);
+  const units = ref([]);
+  const entps = ref([]);
+  const organizations = ref([]);
+  const regionLoading = ref(false);
+  const unitLoading = ref(false);
+  const entpLoading = ref(false);
+  const loading = ref(false);
+
+  const setRegion = (tree) => {
+    regions.value = tree && tree.children || [];
+  };
+
+  const getRegion = async() => {
+    if (regions.value && regions.value.length > 0) {
+      return regions.value;
+    } else {
+      return await loadRegion();
+    }
+  };
+
+  const loadRegion = async() => {
+    if (regions.value && regions.value.length > 0) {
+      regionLoading.value = false;
+      return regions.value;
+    }
+
+    if (regionLoading.value) {
+      await sleep(100);
+      return await loadRegion();
+    }
+
+    regionLoading.value = true;
+    if (regions.value && regions.value.length) {
+      regionLoading.value = false;
+      return regions.value;
+    } else {
+      const res = await api.post('/business/region/tree').catch(() => {
+        regionLoading.value = false;
+      });
+      regionLoading.value = false;
+      if (res.code === '1') {
+        setRegion(res.data);
+        return regions.value;
+      }
+    }
+  };
+
+  const setUnit = (tree) => {
+    units.value = tree && tree.children || [];
+  };
+
+  const getUnit = async() => {
+    if (units.value && units.value.length > 0) {
+      return units.value;
+    } else {
+      return await loadUnit();
+    }
+  };
+
+  const loadUnit = async() => {
+    if (units.value && units.value.length > 0) {
+      unitLoading.value = false;
+      return units.value;
+    }
+
+    if (unitLoading.value) {
+      await sleep(100);
+      return await loadUnit();
+    }
+
+    unitLoading.value = true;
+    if (units.value && units.value.length) {
+      unitLoading.value = false;
+      return units.value;
+    } else {
+      const res = await api.post('/business/unit/tree').catch(() => {
+        unitLoading.value = false;
+      });
+      unitLoading.value = false;
+      if (res.code === '1') {
+        setUnit(res.data);
+        return units.value;
+      }
+    }
+  };
+
+  const setEntp = (tree) => {
+    entps.value = tree && tree.children || [];
+  };
+
+  const getEntp = async() => {
+    if (entps.value && entps.value.length > 0) {
+      return entps.value;
+    } else {
+      return await loadEntp();
+    }
+  };
+
+  const loadEntp = async() => {
+    if (entps.value && entps.value.length > 0) {
+      entpLoading.value = false;
+      return entps.value;
+    }
+
+    if (entpLoading.value) {
+      await sleep(100);
+      return await loadEntp();
+    }
+
+    entpLoading.value = true;
+    if (entps.value && entps.value.length) {
+      entpLoading.value = false;
+      return entps.value;
+    } else {
+      const res = await api.post('/business/ent/tree').catch(() => {
+        entpLoading.value = false;
+      });
+      entpLoading.value = false;
+      if (res.code === '1') {
+        setEntp(res.data);
+        return entps.value;
+      }
+    }
+  };
+
+  const setOrganization = (tree) => {
+    organizations.value = tree && tree.children || [];
+  };
+
+  const getOrganization = async() => {
+    if (organizations.value && organizations.value.length > 0) {
+      return organizations.value;
+    } else {
+      return await loadOrganization();
+    }
+  };
+
+  const loadOrganization = async() => {
+    if (organizations.value && organizations.value.length > 0) {
+      loading.value = false;
+      return organizations.value;
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await loadOrganization();
+    }
+
+    loading.value = true;
+    if (organizations.value && organizations.value.length) {
+      loading.value = false;
+      return organizations.value;
+    } else {
+      const res = await api.post('/business/organization/tree').catch(() => {
+        loading.value = false;
+      });
+      loading.value = false;
+      if (res.code === '1') {
+        setOrganization(res.data);
+        return organizations.value;
+      }
+    }
+  };
+
+  const clearOrganization = async() => {
+    regions.value = [];
+    units.value = [];
+    entps.value = [];
+    organizations.value = [];
+  };
+
+  const sleep = async (d) => {
+    return new Promise((resolve) => setTimeout(resolve, d));
+  };
+
+  return {
+    getRegion,
+    getUnit,
+    getEntp,
+    getOrganization,
+    clearOrganization
+  };
+});

package/src/pinia/modules/page.js

@@ -0,0 +1,46 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import api from '@/http/api';
+
+export const usePageStore = defineStore('page', () => {
+  const pageList = ref([]);
+  const loading = ref(false);
+
+  const setById = (id, data) => {
+    if (!data) return;
+    pageList.value[id] = data;
+  };
+
+  const getById = async(id, menuId) => {
+    if (!id) return {};
+
+    if (pageList.value[id]) {
+      return pageList.value[id] || {};
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await getById(id, menuId);
+    }
+
+    loading.value = true;
+    try {
+      const res = await api.post('/business/page/' + (menuId ? (menuId + '/') : '') + id);
+      loading.value = false;
+      setById(id, res.data);
+      return pageList.value[id] || {};
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  const sleep = async (d) => {
+    return new Promise((resolve) => setTimeout(resolve, d))
+  };
+
+  const clearData = () => {
+    pageList.value = [];
+  };
+
+  return { getById, clearData };
+});

package/src/pinia/modules/pageButton.js

@@ -0,0 +1,44 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import api from '@/http/api';
+
+export const usePageButtonStore = defineStore('pageButton', () => {
+  const pageButtonList = ref([]);
+  const loading = ref(false);
+
+  const setList = (list) => {
+    if (!list) return;
+    pageButtonList.value = list || [];
+  };
+
+  const getList = async() => {
+    if (pageButtonList.value && pageButtonList.value.length > 0) {
+      return pageButtonList.value || [];
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await getList();
+    }
+
+    loading.value = true;
+    try {
+      const res = await api.post('/business/page-button/list');
+      loading.value = false;
+      setList(res.data);
+      return pageButtonList.value || [];
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  const sleep = async (d) => {
+    return new Promise((resolve) => setTimeout(resolve, d))
+  };
+
+  const clearData = () => {
+    pageButtonList.value = [];
+  };
+
+  return { getList, clearData };
+});

package/src/pinia/modules/pageComp.js

@@ -0,0 +1,46 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import api from '@/http/api';
+
+export const usePageCompStore = defineStore('pageComp', () => {
+  const pageCompList = ref([]);
+  const loading = ref(false);
+
+  const setById = (id, data) => {
+    if (!data) return;
+    pageCompList.value[id] = data;
+  };
+
+  const getById = async(id, menuId) => {
+    if (!id) return {};
+
+    if (pageCompList.value[id]) {
+      return pageCompList.value[id] || {};
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await getById(id, menuId);
+    }
+
+    loading.value = true;
+    try {
+      const res = await api.post('/business/page-comp/' + (menuId ? (menuId + '/') : '') + id);
+      loading.value = false;
+      setById(id, res.data);
+      return pageCompList.value[id] || {};
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  const sleep = async (d) => {
+    return new Promise((resolve) => setTimeout(resolve, d))
+  };
+
+  const clearData = () => {
+    pageCompList.value = [];
+  };
+
+  return { getById, clearData };
+});

package/src/pinia/modules/role.js

@@ -0,0 +1,46 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import api from '@/http/api';
+
+export const useRoleStore = defineStore('role', () => {
+  const roles = ref([]);
+  const loading = ref(false);
+
+  const setRole = (list) => {
+    roles.value = list;
+  };
+
+  const clearRole = () => {
+    roles.value = [];
+  };
+
+  const getRole = async() => {
+    if (roles.value && roles.value.length > 0) {
+      return roles.value;
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await getRole();
+    }
+
+    loading.value = true;
+    const res = await api.post('/business/role/list').catch(() => {
+      loading.value = false
+    });
+    if (res.code === '1') {
+      loading.value = false;
+      setRole(res.data);
+      return roles.value;
+    }
+  };
+
+  const sleep = async (d) => {
+    return new Promise((resolve) => setTimeout(resolve, d))
+  };
+
+  return {
+    getRole,
+    clearRole
+  };
+});

package/src/pinia/modules/setting.js

@@ -0,0 +1,56 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import api from '@/http/api';
+import aes from '@/utils/aes';
+
+export const useSettingStore = defineStore('setting', () => {
+  const setting = ref(null);
+  const loading = ref(false);
+
+  const getSetting = async() => {
+    if (setting.value != null) {
+      return setting.value;
+    } else {
+      return await loadSetting();
+    }
+  };
+
+  const loadSetting = async() => {
+    if (setting.value != null) {
+      loading.value = false;
+      return setting.value;
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await loadSetting();
+    }
+
+    loading.value = true;
+    if (setting.value != null) {
+      loading.value = false;
+      return setting.value;
+    } else {
+      const res = await api.post('/setting').catch(() => {
+        loading.value = false;
+      });
+      loading.value = false;
+      if (res.code === '1') {
+        if (res.data && res.data.token && res.data.sha) {
+          setting.value = JSON.parse(aes.aesDecrypt(res.data.token, res.data.sha));
+        }
+        return setting.value;
+      }
+    }
+  };
+
+  const sleep = async(time) => {
+    return new Promise((resolve) => setTimeout(resolve, time));
+  };
+
+  const clearSetting = () => {
+    setting.value = null;
+  };
+
+  return { getSetting, clearSetting };
+});

package/src/pinia/modules/subsystem.js

@@ -0,0 +1,64 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import api from '@/http/api';
+
+export const useSubsystemStore = defineStore('subsystem', () => {
+  const subsystem = ref(null);
+  const loading = ref(false);
+
+  const getInfo = () => {
+    return subsystem.value;
+  };
+
+  const getSubsystem = async() => {
+    if (subsystem.value != null) {
+      return subsystem.value;
+    } else {
+      return await loadSubsystem();
+    }
+  };
+
+  const loadSubsystem = async() => {
+    if (subsystem.value != null) {
+      loading.value = false;
+      return subsystem.value;
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await loadSubsystem();
+    }
+
+    loading.value = true;
+    if (subsystem.value != null) {
+      loading.value = false;
+      return subsystem.value;
+    } else {
+      const urlParams = new URLSearchParams(window.location.search);
+      const subsystemId = urlParams.get('subsystemId');
+
+      if (!subsystemId) {
+        window.location.href = import.meta.env.VITE_WEB_PATH + '/choose.html';
+        return null;
+      }
+
+      const res = await api.post('/business/subsystem/' + subsystemId).catch(() => {
+        loading.value = false;
+      });
+      loading.value = false;
+      if (res.code === '1') {
+        subsystem.value = res.data;
+        return subsystem.value;
+      }
+    }
+  };
+
+  const sleep = async(d) => {
+    return new Promise((resolve) => setTimeout(resolve, d));
+  };
+
+  return {
+    getInfo,
+    getSubsystem
+  };
+});

package/src/pinia/modules/user.js

@@ -0,0 +1,177 @@
+import { ref } from 'vue';
+import { defineStore } from 'pinia';
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus';
+import api from '@/http/api';
+import { useCache } from '@/utils/cache';
+
+const { wsCache } = useCache();
+
+export const useUserStore = defineStore('user', () => {
+  const loadingInstance = ref(null);
+  const loading = ref(false);
+
+  const userInfo = ref({
+    id: '',
+    name: '',
+    organizations: [],
+  });
+
+  const userData = ref({});
+  const orgData = ref({});
+  const dateData = ref({});
+
+  const setToken = (val) => {
+    wsCache.set('user.token', val);
+  };
+
+  const getToken = () => {
+    return wsCache.get('user.token') || '';
+  };
+
+  const setUser = (data) => {
+    userInfo.value = data.user;
+    userData.value = data.userData;
+    orgData.value = data.orgData;
+    dateData.value = data.dateData;
+    setToken(data.token)
+  };
+
+  const getUser = () => {
+    return userInfo.value;
+  };
+
+  const getUserData = () => {
+    return userData.value;
+  };
+
+  const getOrgData = () => {
+    return orgData.value;
+  };
+
+  const initUserInfo = async() => {
+    if (getToken() === '') {
+      return null;
+    }
+
+    if (userInfo.value && userInfo.value.id) {
+      return userInfo.value;
+    }
+
+    if (loading.value) {
+      await sleep(100);
+      return await initUserInfo();
+    }
+
+    loading.value = true;
+    const res = await api.post('/business/user');
+    if (res.code === '1') {
+      loading.value = false;
+      setUser(res.data);
+      return userInfo.value;
+    } else {
+      loading.value = false;
+      setToken(null);
+      throw new Error('用户信息获取失败！');
+    }
+  };
+
+  const isLogin = () => {
+    return new Promise((resolve, reject) => {
+      if (getToken() === '') {
+        resolve(false);
+        return;
+      }
+
+      api.post('/business/user').then(res => {
+        if (res.code === '1') {
+          resolve(res.data);
+        } else {
+          reject();
+        }
+      }).catch(() => {
+        reject();
+      });
+    });
+  };
+
+  const login = async(loginInfo) => {
+    loadingInstance.value = ElLoading.service({
+      fullscreen: true,
+      text: '登录中，请稍候...',
+    });
+    try {
+      const res = await api.login(loginInfo);
+      if (res.code === '1') {
+        setUser(res.data);
+        window.location.href = import.meta.env.VITE_WEB_PATH + '/choose.html';
+      } else {
+        ElMessage.error(res.message);
+      }
+    } catch (e) {
+      console.log(e);
+      loadingInstance.value.close();
+    }
+    loadingInstance.value.close();
+  };
+
+  const logout = async() => {
+    ElMessageBox.confirm('请确认是否退出登录？', '提示', { type: 'warning' }).then(() => {
+      api.logout().then(async (res) => {
+        ElMessage.success(res.message);
+        clearStorage();
+        window.location.href = import.meta.env.VITE_WEB_PATH || '/';
+      });
+    }).catch(() => {});
+  };
+
+  const parseSymbol = async(symbol) => {
+    if (!symbol || symbol.trim().length === 0) return null;
+    if (!symbol.trim().startsWith('${')) return symbol;
+
+    const tplValue = symbol.trim().substring(2, symbol.trim().length - 1);
+    const tplValues = tplValue.split('.');
+    if (tplValues.length < 2) return symbol;
+
+    switch (tplValues[0]) {
+      case 'user':
+        return userData.value[tplValues[1]];
+      case 'org':
+        return orgData.value[tplValues[1]];
+      case 'script':
+        return await api.runScript(tplValues[1]);
+      case 'date':
+        if (tplValues[1] === 'currTime') {
+          return new Date().getTime();
+        } else {
+          return dateData.value[tplValues[1]];
+        }
+      default:
+        return null;
+    }
+  };
+
+  const sleep = async (d) => {
+    return new Promise((resolve) => setTimeout(resolve, d))
+  };
+
+  const clearStorage = () => {
+    wsCache.delete('user.token')
+    window.sessionStorage.clear();
+  };
+
+  return {
+    setUser,
+    getUser,
+    getUserData,
+    getOrgData,
+    setToken,
+    getToken,
+    login,
+    logout,
+    initUserInfo,
+    isLogin,
+    loadingInstance,
+    clearStorage,
+    parseSymbol
+  };
+});

package/src/plugins/index.ts

@@ -0,0 +1,24 @@
+
+import { App } from 'vue';
+import { store } from '@/pinia';
+import admin from '@/admin/components/index';
+import adminVisual from '@/admin/visual/components/index';
+import codeless from '@/codeless/components/index';
+import directives from '@/directives/index';
+import '@/assets/style/global/default.css';
+import '@/assets/style/menu/default.css';
+import '@/assets/style/base.css';
+import '@/assets/style/main.css';
+export default function installPlugin(app: App) {
+  console.log('install plugin arkxos-app')
+
+  // 将 api, utils 挂载在 Vue 的 prototype 下
+  // app.config.globalProperties.GLOBAL_VAR = GLOBAL_VAR
+  // app.config.globalProperties.GLOBAL_FUN = GLOBAL_FUN
+  // 导入通用自定义组件
+  // app.component('DictTag', DictTag);
+  app.use(admin)
+    .use(adminVisual)
+    .use(codeless)
+    .use(directives)
+}