Skip to content

Commit 995ab69

Browse files
lin-xinlin-xin
committed
改为typescript；升级elementplus
1 parent a072752 commit 995ab69

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+3725
-2627
lines changed

‎LICENSE

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MIT License
22

3-
Copyright (c) 2016-2021 vue-manage-system
3+
Copyright (c) 2016-2023 vue-manage-system
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy
66
of this software and associated documentation files (the "Software"), to deal

‎README.md

Lines changed: 40 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -22,16 +22,6 @@
2222
2323
[English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md)
2424

25-
## 项目截图
26-
27-
### 登录
28-
29-
![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms3.png)
30-
31-
### 首页
32-
33-
![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms1.png)
34-
3525
## 赞助商
3626

3727
### 好问
@@ -40,34 +30,33 @@
4030

4131
专业问卷服务，一对一客服，按需定制
4232

43-
## 赞赏
33+
## 支持作者
4434

4535
请作者喝杯咖啡吧！(微信号：linxin_20)
4636

4737
![微信扫一扫](https://lin-xin.gitee.io/images/weixin.jpg)
4838

4939
## 前言
5040

51-
该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于 Vue3 + pinia，引用 Element Plus 组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。
41+
该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统开发。基于 Vue3 + pinia，引用 Element Plus 组件库，方便开发。
5242

5343
## 功能
5444

5545
- [x] Element Plus
46+
- [x] vite
47+
- [x] pinia
5648
- [x] 登录/注销
5749
- [x] Dashboard
5850
- [x] 表格
5951
- [x] Tab 选项卡
6052
- [x] 表单
6153
- [x] 图表 :bar_chart:
62-
- [x] 富文本编辑器
54+
- [x] 富文本/markdown编辑器
6355
- [x] 图片拖拽/裁剪上传
64-
- [x] 权限测试
65-
- [x] 404 / 403
56+
- [x] 权限管理
6657
- [x] 三级菜单
6758
- [x] 自定义图标
68-
- [x] 国际化
69-
- [x] vite
70-
- [x] pinia
59+
7160

7261
## 安装步骤
7362

@@ -76,7 +65,7 @@ git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下
7665
cd vue-manage-system // 进入模板目录
7766
npm install // 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn
7867
79-
// 开启服务器，浏览器访问 http://localhost:8080
68+
// 运行
8069
npm run dev
8170
8271
// 执行构建命令，生成的dist文件夹放在服务器下即可访问
@@ -98,38 +87,30 @@ vue.js 封装 sChart.js 的图表组件。访问地址：[vue-schart](https://gi
9887
</div>
9988
</template>
10089

101-
<script>
102-
import Schart from "vue-schart"; // 导入Schart组件
103-
export default {
104-
data() {
105-
return {
106-
options: {
107-
type: "bar",
108-
title: {
109-
text: "最近一周各品类销售图",
110-
},
111-
labels: ["周一", "周二", "周三", "周四", "周五"],
112-
datasets: [
113-
{
114-
label: "家电",
115-
data: [234, 278, 270, 190, 230],
116-
},
117-
{
118-
label: "百货",
119-
data: [164, 178, 190, 135, 160],
120-
},
121-
{
122-
label: "食品",
123-
data: [144, 198, 150, 235, 120],
124-
},
125-
],
126-
},
127-
};
90+
<script setup>
91+
import { ref } from 'vue';
92+
import Schart from "vue-schart"; // 导入Schart组件
93+
const options = ref({
94+
type: "bar",
95+
title: {
96+
text: "最近一周各品类销售图",
97+
},
98+
labels: ["周一", "周二", "周三", "周四", "周五"],
99+
datasets: [
100+
{
101+
label: "家电",
102+
data: [234, 278, 270, 190, 230],
128103
},
129-
components: {
130-
Schart,
104+
{
105+
label: "百货",
106+
data: [164, 178, 190, 135, 160],
131107
},
132-
};
108+
{
109+
label: "食品",
110+
data: [144, 198, 150, 235, 120],
111+
},
112+
],
113+
})
133114
</script>
134115
<style>
135116
.wrapper {
@@ -139,6 +120,16 @@ vue.js 封装 sChart.js 的图表组件。访问地址：[vue-schart](https://gi
139120
</style>
140121
```
141122

123+
## 项目截图
124+
125+
### 登录
126+
127+
![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms3.png)
128+
129+
### 首页
130+
131+
![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms1.png)
132+
142133
## License
143134

144135
[MIT](https://github.com/lin-xin/vue-manage-system/blob/master/LICENSE)

‎README_EN.md

Lines changed: 25 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -37,13 +37,10 @@ The scheme as a set of multi-function background frame templates, suitable for m
3737
- [x] Tabs
3838
- [x] From
3939
- [x] Chart :bar_chart:
40-
- [ ] Editor
41-
- [ ] Markdown
40+
- [x] Editor
41+
- [x] Markdown
4242
- [x] Upload pictures by clipping or dragging
43-
- [ ] Support manual switch themes :sparkles:
44-
- [ ] List drag sort
4543
- [x] Permission
46-
- [x] 404 / 403
4744
- [x] Three level menu
4845
- [x] Custom icon
4946

@@ -55,8 +52,7 @@ The scheme as a set of multi-function background frame templates, suitable for m
5552

5653
## Local development
5754

58-
// Open server and access http://localhost:8080 in browser
59-
npm run serve
55+
npm run dev
6056

6157
## Constructing production
6258

@@ -75,39 +71,30 @@ Vue.js wrapper for sChart.js. Github : [vue-schart](https://github.com/lin-xin/v
7571
<schart class="wrapper" canvasId="myCanvas" :options="options"></schart>
7672
</div>
7773
</template>
78-
79-
<script>
80-
import Schart from "vue-schart"; // 导入Schart组件
81-
export default {
82-
data() {
83-
return {
84-
options: {
85-
type: "bar",
86-
title: {
87-
text: "最近一周各品类销售图",
88-
},
89-
labels: ["周一", "周二", "周三", "周四", "周五"],
90-
datasets: [
91-
{
92-
label: "家电",
93-
data: [234, 278, 270, 190, 230],
94-
},
95-
{
96-
label: "百货",
97-
data: [164, 178, 190, 135, 160],
98-
},
99-
{
100-
label: "食品",
101-
data: [144, 198, 150, 235, 120],
102-
},
103-
],
104-
},
105-
};
74+
<script setup>
75+
import { ref } from 'vue';
76+
import Schart from "vue-schart"; // 导入Schart组件
77+
const options = ref({
78+
type: "bar",
79+
title: {
80+
text: "最近一周各品类销售图",
81+
},
82+
labels: ["周一", "周二", "周三", "周四", "周五"],
83+
datasets: [
84+
{
85+
label: "家电",
86+
data: [234, 278, 270, 190, 230],
87+
},
88+
{
89+
label: "百货",
90+
data: [164, 178, 190, 135, 160],
10691
},
107-
components: {
108-
Schart,
92+
{
93+
label: "食品",
94+
data: [144, 198, 150, 235, 120],
10995
},
110-
};
96+
],
97+
})
11198
</script>
11299
<style>
113100
.wrapper {
@@ -117,10 +104,6 @@ Vue.js wrapper for sChart.js. Github : [vue-schart](https://github.com/lin-xin/v
117104
</style>
118105
```
119106

120-
### element-ui
121-
122-
A desktop component library based on vue.js2.0 . Github : [element](http://element.eleme.io/#/zh-CN/component/layout)
123-
124107
## Screenshot
125108

126109
### Default theme

‎auto-imports.d.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
// Generated by 'unplugin-auto-import'
2+
export {}
3+
declare global {
4+
5+
}

‎components.d.ts

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
// generated by unplugin-vue-components
2+
// We suggest you to commit this file into source control
3+
// Read more: https://github.com/vuejs/core/pull/3399
4+
import '@vue/runtime-core'
5+
6+
export {}
7+
8+
declare module '@vue/runtime-core' {
9+
export interface GlobalComponents {
10+
ElAvatar: typeof import('element-plus/es')['ElAvatar']
11+
ElButton: typeof import('element-plus/es')['ElButton']
12+
ElCard: typeof import('element-plus/es')['ElCard']
13+
ElCascader: typeof import('element-plus/es')['ElCascader']
14+
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
15+
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
16+
ElCol: typeof import('element-plus/es')['ElCol']
17+
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
18+
ElDialog: typeof import('element-plus/es')['ElDialog']
19+
ElDropdown: typeof import('element-plus/es')['ElDropdown']
20+
ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
21+
ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
22+
ElForm: typeof import('element-plus/es')['ElForm']
23+
ElFormItem: typeof import('element-plus/es')['ElFormItem']
24+
ElIcon: typeof import('element-plus/es')['ElIcon']
25+
ElImage: typeof import('element-plus/es')['ElImage']
26+
ElInput: typeof import('element-plus/es')['ElInput']
27+
ElMenu: typeof import('element-plus/es')['ElMenu']
28+
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
29+
ElOption: typeof import('element-plus/es')['ElOption']
30+
ElPagination: typeof import('element-plus/es')['ElPagination']
31+
ElProgress: typeof import('element-plus/es')['ElProgress']
32+
ElRadio: typeof import('element-plus/es')['ElRadio']
33+
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
34+
ElRow: typeof import('element-plus/es')['ElRow']
35+
ElSelect: typeof import('element-plus/es')['ElSelect']
36+
ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
37+
ElSwitch: typeof import('element-plus/es')['ElSwitch']
38+
ElTable: typeof import('element-plus/es')['ElTable']
39+
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
40+
ElTabPane: typeof import('element-plus/es')['ElTabPane']
41+
ElTabs: typeof import('element-plus/es')['ElTabs']
42+
ElTag: typeof import('element-plus/es')['ElTag']
43+
ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
44+
ElTooltip: typeof import('element-plus/es')['ElTooltip']
45+
ElUpload: typeof import('element-plus/es')['ElUpload']
46+
Header: typeof import('./src/components/header.vue')['default']
47+
RouterLink: typeof import('vue-router')['RouterLink']
48+
RouterView: typeof import('vue-router')['RouterView']
49+
Sidebar: typeof import('./src/components/sidebar.vue')['default']
50+
Tags: typeof import('./src/components/tags.vue')['default']
51+
}
52+
}

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
Please enable it to continue.</strong>
1616
</noscript>
1717
<div id="app"></div>
18-
<script type="module" src="/src/main.js"></script>
18+
<script type="module" src="/src/main.ts"></script>
1919
<!-- built files will be auto injected -->
2020
</body>
2121

0 commit comments

Comments
 (0)