Skip to content
This repository was archived by the owner on Nov 13, 2024. It is now read-only.

Commit 20ffe8f

Browse files
yumao233yumao233
committed
Automatic: Update code
1 parent 471378b commit 20ffe8f

23 files changed

+677
-295
lines changed

‎README.md‎

Lines changed: 18 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,29 @@
1-
```
2-
______ _______________________ ___
3-
___ |/ /_ ____/_ ___/__ |/ /_____ _____________ _______ _____________
4-
__ /|_/ /_ / _____ \__ /|_/ /_ __ /_ __ \ __ /_ __ / _ \_ ___/
5-
_ / / / / /___ ____/ /_ / / / / /_/ /_ / / / /_/ /_ /_/ // __/ /
6-
/_/ /_/ \____/ /____/ /_/ /_/ \__,_/ /_/ /_/\__,_/ _\__, / \___//_/
7-
/____/
8-
```
9-
10-
[![Status](https://img.shields.io/badge/npm-v6.9.0-blue.svg)](https://www.npmjs.com/)
11-
[![Status](https://img.shields.io/badge/node-v10.16.0-blue.svg)](https://nodejs.org/en/download/)
12-
[![Status](https://img.shields.io/badge/License-GPL-red.svg)](https://github.com/Suwings/MCSManager)
13-
14-
15-
适用于 MCSManager 未来版本的 Web 界面项目。
16-
17-
18-
19-
[官方网站](http://mcsm.suwings.top/) | 当前正在开发中
20-
21-
<br />
22-
23-
24-
25-
MCSManager 简介
26-
-----------
27-
这是一款可以管理多个 Minecraft 服务端（支持群组端）的 Web 管理面板，并且可以分配多个子账号来分别管理不同的 Minecraft 服务端，支持绝大部分主流的服务端，甚至是其他非 Minecraft 的程序。
28-
29-
控制面板可运行在 Windows 与 Linux 平台，无需数据库与任何系统配置，只需安装 node 环境即可快速运行，属于轻量级的 Minecraft 服务端控制面板。
1+
# project2104-ui
302

3+
## Project setup
314

32-
<br />
33-
34-
当前状态
35-
-----------
36-
项目处于开发阶段，如果想促进开发或关注进度您可以点击左上角的 `star` 给予我们基本的支持。
37-
38-
若您想成为本项目的赞助者，请访问官方网站浏览至最底下。
5+
```
6+
npm install
7+
```
398

40-
<br />
9+
### Compiles and hot-reloads for development
4110

42-
运行环境
43-
-----------
44-
推荐 `Node 10.16.0` 以上，无需数据库和更改任何系统配置，开箱即可运行。
11+
```
12+
npm run serve
13+
```
4514

46-
<br />
15+
### Compiles and minifies for production
4716

48-
预计功能
49-
-----------
50-
- 基于 Element-UI 的前端设计
51-
- 优秀的用户体验，完整的操作流程
52-
- 基于 Socket.io 的实时通信功能
53-
- 具有一定扩展性的接口设计
17+
```
18+
npm run build
19+
```
5420

55-
<br />
21+
### Lints and fixes files
5622

57-
使用
58-
-----------
59-
```bash
60-
npm install
61-
npm run serve
23+
```
24+
npm run lint
6225
```
6326

64-
开源协议
65-
-----------
66-
使用 GNU General Public License v3.0
27+
### Customize configuration
6728

68-
若您想基于本项目进行任何修改，你需要提供许可作品和修改的完整源代码，其中包括使用许可作品的较大作品。 必须保留版权和许可声明以及贡献者明确授予专利权。
29+
See [Configuration Reference](https://cli.vuejs.org/config/).

‎jsconfig.json‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"compilerOptions": {
3+
"target": "es6"
4+
},
5+
"exclude": [
6+
"node_modules",
7+
"dist"
8+
]
9+
}

‎src/app/App.vue‎

Lines changed: 23 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,31 @@
11
<!--
2-
* @Author: Copyright(c) 2020 Suwings
2+
* @Author: Copyright(c) 2021 Suwings
33
* @Date: 2021-05-08 10:07:55
4-
* @LastEditTime: 2021-05-16 22:47:30
4+
* @LastEditTime: 2021-07-06 22:14:17
55
* @Description:
66
-->
77
<template>
88
<el-container>
9-
<el-aside width="240px">
10-
<Aside />
11-
</el-aside>
12-
9+
<!-- 手机屏幕菜单栏 -->
10+
<el-drawer size="240" v-model="drawer" :with-header="false" direction="ltr">
11+
<el-aside width="240px" style="height: 100%">
12+
<Aside />
13+
</el-aside>
14+
</el-drawer>
15+
<!-- 电脑屏幕菜单栏 -->
16+
<div id="app-menu" class="only-pc-display">
17+
<el-aside width="240px" style="height: 100%">
18+
<Aside />
19+
</el-aside>
20+
</div>
1321
<el-container>
1422
<el-main>
1523
<el-row>
1624
<el-col>
17-
<Header v-bind:breadcrumbs="breadCrumbs" />
25+
<Header v-bind:breadcrumbs="breadCrumbs" :aside="toAside" />
1826
</el-col>
1927
</el-row>
20-
<!-- <transition name="fade"> -->
2128
<router-view></router-view>
22-
<!-- </transition> -->
2329
</el-main>
2430
</el-container>
2531
</el-container>
@@ -36,9 +42,16 @@ export default {
3642
components: { Aside, Header },
3743
data: function () {
3844
return {
39-
breadCrumbs: "aaa"
45+
breadCrumbs: "",
46+
mode: 1,
47+
drawer: false
4048
};
4149
},
50+
methods: {
51+
toAside() {
52+
this.drawer = !this.drawer;
53+
}
54+
},
4255
mounted() {
4356
router.beforeEach((to, from, next) => {
4457
console.log("Router:", to, "->", from);

‎src/app/index.js‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
/*
2-
* @Author: Copyright(c) 2020 Suwings
2+
* @Author: Copyright(c) 2021 Suwings
33
* @Date: 2021-05-08 10:07:55
4-
* @LastEditTime: 2021-07-04 13:46:10
5-
* @Description:
4+
* @LastEditTime: 2021-07-06 21:23:14
5+
* @Description: 入口文件
66
*/
77

88
import { createApp } from "vue";
99
import App from "./App.vue";
1010
import installElementPlus from "../plugins/element";
11-
import "../assets/common.css";
12-
import "../assets/tools.css";
11+
import "../assets/css/common.css";
12+
import "../assets/css/tools.css";
13+
import "../assets/css/responsive.css";
1314

1415
// eslint-disable-next-line no-unused-vars
1516
import socket from "./service/socket";

‎src/app/router.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/*
22
* @Author: Copyright(c) 2020 Suwings
33
* @Date: 2021-05-08 22:54:31
4-
* @LastEditTime: 2021-07-03 20:22:12
4+
* @LastEditTime: 2021-07-06 20:58:22
55
* @Description:
66
*/
77
import { createRouter, createWebHistory } from "vue-router";

‎src/app/service/socket.js‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
* @Description:
66
*/
77
import { io } from "socket.io-client";
8-
import { ElNotification } from 'element-plus';
8+
import { ElNotification } from "element-plus";
99

1010
import { API_URL } from "./common";
1111

@@ -36,7 +36,7 @@ socket.on("instance/stopped", (data) => {
3636
dangerouslyUseHTMLString: true,
3737
type: "success",
3838
duration: 3000
39-
})
39+
});
4040
});
4141

4242
socket.on("instance/opened", (data) => {
@@ -47,10 +47,9 @@ socket.on("instance/opened", (data) => {
4747
dangerouslyUseHTMLString: true,
4848
type: "success",
4949
duration: 3000
50-
})
50+
});
5151
});
5252

53-
5453
socket.on("instance/failure", (data) => {
5554
console.log("Event: 实例失败:", data);
5655
ElNotification({
@@ -59,7 +58,7 @@ socket.on("instance/failure", (data) => {
5958
dangerouslyUseHTMLString: true,
6059
type: "error",
6160
duration: 5000
62-
})
61+
});
6362
});
6463

6564
socket.on("forward/instance", (data) => {

‎src/app/views/Container.vue‎

Lines changed: 76 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,89 @@
11
<!--
22
* @Author: Copyright(c) 2020 Suwings
33
* @Date: 2021-05-08 11:53:54
4-
* @LastEditTime: 2021-05-11 21:47:02
4+
* @LastEditTime: 2021-07-05 17:15:29
55
* @Description:
66
-->
77

8-
<template>容器与镜像</template>
8+
<template>
9+
<Panel>
10+
<template #title>容器操作</template>
11+
<template #default>
12+
<div class="flex flex-space-between flex-align-items-center">
13+
<div>
14+
<el-button type="success" size="mini">新建镜像</el-button>
15+
<el-button type="" size="mini">刷新</el-button>
16+
</div>
17+
<span class="color-gray">新建镜像可能需要一定时间。&nbsp;&nbsp;</span>
18+
</div>
19+
</template>
20+
</Panel>
21+
22+
<Panel>
23+
<template #title>镜像列表</template>
24+
<template #default>
25+
<el-table :data="images" stripe style="width: 100%" size="small">
26+
<el-table-column prop="id" label="序号" width="260"></el-table-column>
27+
<el-table-column prop="tag" label="标签名" width="120"></el-table-column>
28+
<el-table-column prop="size" label="大小"></el-table-column>
29+
<el-table-column prop="time" label="上次启动"></el-table-column>
30+
<el-table-column prop="text" label="备注"></el-table-column>
31+
<el-table-column label="操作" style="text-align: center">
32+
<template #default="scope">
33+
<el-button size="mini" @click="deleteImage(scope.row)">删除</el-button>
34+
</template>
35+
</el-table-column>
36+
</el-table>
37+
</template>
38+
</Panel>
39+
</template>
940

1041
<script>
42+
import Panel from "../../components/Panel";
43+
// import LineLabel from "../../components/LineLabel";
44+
1145
export default {
46+
components: { Panel },
1247
data: function () {
13-
return {};
48+
return {
49+
images: [
50+
{
51+
id: "IVCIOHSOFJIOVCPOSJDOPWA",
52+
tag: "openjdk:16",
53+
size: "200MB",
54+
time: "2021/12/24",
55+
text: "用来开 MC1.17 版本"
56+
},
57+
{
58+
id: "IVCIOHSOFJIOVCPOSJDOPWA",
59+
tag: "mcsd",
60+
size: "400MB",
61+
time: "2021/12/24",
62+
text: "原版MC开服环境"
63+
},
64+
{
65+
id: "IVCIOHSOFJIOVCPOSJDOPWA",
66+
tag: "ubuntu14",
67+
size: "421MB",
68+
time: "2021/12/24",
69+
text: "基岩版环境"
70+
},
71+
{
72+
id: "IVCIOHSOFJIOVCPOSJDOPWA",
73+
tag: "openjdk:16",
74+
size: "200MB",
75+
time: "2021/12/24",
76+
text: "用来开 MC1.17 版本"
77+
},
78+
{
79+
id: "IVCIOHSOFJIOVCPOSJDOPWA",
80+
tag: "openjdk:16",
81+
size: "200MB",
82+
time: "2021/12/24",
83+
text: "用来开 MC1.17 版本"
84+
}
85+
]
86+
};
1487
},
1588
methods: {}
1689
};

‎src/app/views/Instances.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!--
22
* @Author: Copyright(c) 2020 Suwings
33
* @Date: 2021-05-08 11:53:54
4-
* @LastEditTime: 2021-07-04 13:10:42
4+
* @LastEditTime: 2021-07-07 13:23:10
55
* @Description:
66
-->
77

@@ -86,11 +86,11 @@
8686
>
8787
<el-table-column type="selection" width="55"> </el-table-column>
8888
<!-- <el-table-column prop="instanceUuid" label="UUID" width="240"></el-table-column> -->
89-
<el-table-column prop="nickname" label="实例昵称" width="260"></el-table-column>
89+
<el-table-column prop="nickname" label="实例昵称" min-width="240"></el-table-column>
9090
<el-table-column prop="status" label="运行状态" width="120"></el-table-column>
91-
<el-table-column prop="type" label="实例类型"></el-table-column>
92-
<el-table-column prop="ip" label="来自于"></el-table-column>
93-
<el-table-column label="操作" style="text-align: center">
91+
<el-table-column prop="type" label="实例类型" width="140"></el-table-column>
92+
<el-table-column prop="ip" label="来自于" width="140"></el-table-column>
93+
<el-table-column label="操作" style="text-align: center" width="180">
9494
<template #default="scope">
9595
<el-button
9696
size="mini"

0 commit comments

Comments
 (0)