前端介绍
# 框架运行的环境
node版本: >=18.17,推荐node版本：18.20.2
npm版本: >=7.7,
1
2
2
# 功能
- 登录 / 注销 / 修改密码
- 多环境发布
- dev test prod
- 功能
- 国际化多语言
- 多种动态皮肤
- 我的收藏
- H4A 登录
- 加解密
- E-开发助手运维工具 shift + l
- 整合数字魔方报表
- 组件
- 放大镜
- EXCEL
- 导出 excel
- 错误页面
- 404
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# 安装
# 安装
npm install -g yarn
yarn install
# 本地开发 启动项目
npm run dev
1
2
3
4
5
6
2
3
4
5
6
# 目录结构
## 框架代码部分，请不要修改和增加
├── public # 静态资源
│ │── tiangong_public # 框架代码
│ └── web # 业务代码
├── src # 源代码
│ ├── tiangong_core # 框架代码
│ ├── web # 业务代码
│ ├── App.vue # 入口页面
│ ├── main.js # 入口文件 加载组件 初始化等
└── .env # 全局配置文件
└── .env.development # 全局配置文件：开发
└── .env.testing # 全局配置文件：测试
└── .env.production # 全局配置文件：生产
├── .gitignore # .gitignore
└── index.html # html模板
└── package.json # package.json
└── vite.config.js # vite 配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# .env 配置文件
# 系统名称
VITE_TG_SYS_NAME = '天宫框架'
# 版权
# VITE_TG_COPY_RIGHT = '版权所有:华东信息科技有限公司 Copyright @ 2020-2030'
# 设置默认跳转页面 （当系统不需要使用工作台时）
# VITE_TG_HOME_URL = '/desk/desk'
# 数字魔方报表
# VITE_TG_SZMF_FORM = 'kj'
# 登录启用 H4A
# VITE_TG_LOGIN_H4A = 'true'
# 加密
# VITE_TG_ENCRYPT = 'true'
# 系统切换 true false
# VITE_TG_SYSTEM_SWITCH = 'false'
# 备案号
# VITE_TG_ICP = ''
# 是否开启阿里云图片上传 true false
# VITE_TG_ALIYUN_UPLOAD = 'true'
# App.vue通过判断loadUseAppType进行初始化
# {1|2} 1为加载天宫框架的`@core/hooks/component/useAppCore`，2为加载业务的`useApp`
# VITE_TG_LOAD_USE_APP_TYPE = '1'
# 是否显示修改密码 true false
# VITE_TG_PASSWORD = 'false'
# 是否使用框架的收藏 true false
# VITE_TG_MY_FAVRITE = 'false'
# 登录按钮下方协议显隐 0隐藏 1展示
# VITE_TG_SHOW_PROTOCOL = '1'
# 后端是否采用微服务： 用于开发助手抓取接口sql
# VITE_TG_SOA_FRAMEWORK = 'true'
# 是否启用 websocket true false
# VITE_TG_WEBSOCKET = 'false'
# 此系统作为子应用时的名称，名称唯一，不能和需要接入的主应用的其它子应用名称重复
# VITE_TG_SUB_APP_NAME = ""
# 是否接入微前端框架 0：接入，1：接入
# VITE_TG_USE_WUJIE = '1'
# 接入微前端后配置需要加载的子应用 不要换行，.env文件配置的值不支持换行 {"sysName":"","appName":"","isHash":true,"appUrl":{"development":"xxx","testing":"xxx","production":"xxx"}}
# VITE_TG_WUJIE_CONFIG = []
# TgFilter label 宽度
# VITE_TG_FILTER_LABEL_WIDTH = 150px
# 天宫EXCEL子应用配置 [{"sysName": "天宫Excel","appName": "TG_EXCEL","appUrl": {"development": "http://192.168.106.182:5009/","testing": "http://192.168.106.182:5009/","production": "http://localhost:8080"}}]
# VITE_TG_WUJIE_EXCEL = []
# 企业性质逻辑调整:自理企业:经营单位查询，表单上:经营单位和申报单位默认给上值当前登录公司(移到扩展)
# VITE_TG_DEFAULT_TRADE = '/tiangong_core/hooks/component/useSetDefaultTrade'
# 国际化配置使用业务：灵境 1 框架（默认） 2 业务
# VITE_TG_LANGUAGE_DEFAULT = '1'
# --tg-menu-width:左侧菜单宽度；--tg-head-height：系统头部高度；
# VITE_TG_CSS_VARIABLE = {"--tg-menu-width": 190, "--tg-head-height": 50}
# 主题设置 1 显示（默认） 2 不显示
# VITE_TG_THEME = '2'
# 用户信息等下拉框是否显示： 1 显示（默认） 2 不显示
# VITE_TG_USER_INFO_ALL = '2'
# 筛选配置： 1 显示（默认） 2 不显示
# VITE_TG_FILTER_SETTING = '2'
# 表格配置： 1 显示（默认） 2 不显示
# VITE_TG_TABLE_LIST_SETTING = '2'
# 快捷工作区（我的收藏）： 1 显示（默认） 2 不显示
# VITE_TG_SHORTCUT_WORKSPAGE = '2'
# 是否需要权限：比如系统不需要登录 ： 1 是（默认） 2 否
# VITE_TG_AUTH = '2'
# 登录名称默认显示： trueName:权限平台真实名称；loginName：权限平台用户名编码(默认值)
VITE_TG_LOGIN_NAME = 'trueName'
# 单点登录地址，默认是:/tiangong_core/login/sso/index.vue
#VITE_TG_TOKEN_LOGIN_URL = '/tiangong_core/login/sso/TgIndex.vue'
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
# 注意事项
# 1. 框架配置文件命名规则
# VITE_TG_ 开头
# 例如
VITE_TG_SYS_NAME = '天宫框架'
1
2
3
2
3
# 2. 已使用的快捷键
alt 我的收藏
shift + l 开发助手
1
2
2
# 3. store 使用
import store from '@core/store'
// state
store.state.professiona.XXX
// getters
store.getters['professiona/XXX']
// mutation
store.commit('professiona/XXX')
// actions
store.dispatch('professiona/XXX')
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 4. 列表显示字段和导出功能
列表显示的 CODE 字段，显示对应的名称： setting里面对应的配置项的 columnCode 修改为 code+ 'Name'
接口做了处理，会返回code对应的name字段，字段的命名规则为 code+'Name'
如下图片为 进出口字段举例：
1
2
3
2
3
上次更新: 2024/6/13 13:16:29