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

Commit 50460ad

Browse files
yumao233yumao233
committed
Automatic: Update code
1 parent 341c37b commit 50460ad

File tree

1 file changed

+254
-0
lines changed

1 file changed

+254
-0
lines changed

‎src/app/views/User.vue‎

Lines changed: 254 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,254 @@
1+
<!--
2+
* @Author: Copyright(c) 2020 Suwings
3+
* @Date: 2021-05-08 11:53:54
4+
* @LastEditTime: 2021-05-13 13:54:29
5+
* @Description:
6+
-->
7+
8+
<template>
9+
<el-row :gutter="20">
10+
<el-col :span="24">
11+
<Panel>
12+
<template #title>操作系统数据</template>
13+
<template #default>
14+
<el-row :gutter="20">
15+
<!-- <el-col :span="24" :offset="0">
16+
<div class="overview-info-hr">操作系统数据</div>
17+
</el-col> -->
18+
<el-col :xs="12" :md="6" v-for="(item, index) in computerInfoA" :key="index">
19+
<div class="overview-info-warpper">
20+
<p class="overview-info-title" v-text="item.name"></p>
21+
<p class="overview-info-value" v-text="item.value"></p>
22+
</div>
23+
</el-col>
24+
25+
<el-col :span="24" :offset="0">
26+
<div class="box-card-title">控制面板数据</div>
27+
</el-col>
28+
29+
<el-col :xs="12" :md="6" v-for="(item, index) in computerInfoB" :key="index">
30+
<div class="overview-info-warpper">
31+
<p class="overview-info-title" v-text="item.name"></p>
32+
<p class="overview-info-value" v-text="item.value"></p>
33+
</div>
34+
</el-col>
35+
</el-row>
36+
</template>
37+
</Panel>
38+
</el-col>
39+
</el-row>
40+
<el-row :gutter="20">
41+
<el-col :md="16">
42+
<Panel>
43+
<template #title>帮助文档</template>
44+
<template #default>
45+
<el-row :gutter="20">
46+
<el-col :span="12" :offset="0" v-for="(item, index) in manualLink" :key="index">
47+
<a class="manualLink" :href="item.link" v-text="item.title"></a>
48+
</el-col>
49+
50+
<el-col :span="24">
51+
<div class="box-card-title">常见问题</div>
52+
</el-col>
53+
<el-col :span="12" :offset="0" v-for="(item, index) in manualLink" :key="index">
54+
<a class="manualLink" :href="item.link" v-text="item.title"></a>
55+
</el-col>
56+
</el-row>
57+
</template>
58+
</Panel>
59+
<Panel>
60+
<template #title>更多服务</template>
61+
<template #default>
62+
<el-row type="flex" class="row-bg" justify="space-between">
63+
<el-col :span="6">
64+
<div class="manual-link-block-wrapper">
65+
<a class="manual-link-block" href="/"><i class="el-icon-link"></i> API 文档</a>
66+
</div>
67+
</el-col>
68+
<el-col :span="6">
69+
<div class="manual-link-block-wrapper">
70+
<a class="manual-link-block" href="/"><i class="el-icon-link"></i> 快速入门</a>
71+
</div>
72+
</el-col>
73+
<el-col :span="6">
74+
<div class="manual-link-block-wrapper">
75+
<a class="manual-link-block" href="/"><i class="el-icon-link"></i> 官方网站</a>
76+
</div>
77+
</el-col>
78+
<el-col :span="6">
79+
<div class="manual-link-block-wrapper">
80+
<a class="manual-link-block" href="/"><i class="el-icon-link"></i> 购买专业版</a>
81+
</div>
82+
</el-col>
83+
</el-row>
84+
</template>
85+
</Panel>
86+
</el-col>
87+
88+
<el-col :md="8">
89+
<Panel>
90+
<template #title>最新公告</template>
91+
<template #default>
92+
<div style="height: 300px">
93+
测试数据 - 测试面板 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
94+
</div>
95+
</template>
96+
</Panel>
97+
</el-col>
98+
</el-row>
99+
</template>
100+
101+
<script>
102+
import Panel from "../../components/Panel";
103+
104+
export default {
105+
data: function () {
106+
return {
107+
computerInfoA: [
108+
{
109+
name: "操作系统",
110+
value: "Windows 10"
111+
},
112+
{
113+
name: "系统版本",
114+
value: "Windows 20H4"
115+
},
116+
{
117+
name: "计算机名称",
118+
value: "Suwings"
119+
},
120+
{
121+
name: "正常运行时间",
122+
value: "234:21"
123+
},
124+
{
125+
name: "处理器型号",
126+
value: "Intel i7-4002K"
127+
},
128+
{
129+
name: "磁盘空间",
130+
value: "123.2GB/256GB"
131+
},
132+
{
133+
name: "内存使用率",
134+
value: "64%"
135+
},
136+
{
137+
name: "CPU使用率",
138+
value: "12%"
139+
}
140+
],
141+
computerInfoB: [
142+
{
143+
name: "面板版本",
144+
value: "9.0.0"
145+
},
146+
{
147+
name: "用户在线数",
148+
value: "4/20"
149+
},
150+
{
151+
name: "实例运行数",
152+
value: "16/70"
153+
},
154+
{
155+
name: "集群在线",
156+
value: "4/4"
157+
},
158+
{
159+
name: "封禁 IP 数",
160+
value: "4"
161+
},
162+
{
163+
name: "面板使用内存",
164+
value: "78MB"
165+
},
166+
{
167+
name: "越权访问接口",
168+
value: "0"
169+
},
170+
{
171+
name: "登录次数",
172+
value: "0"
173+
}
174+
],
175+
176+
manualLink: [
177+
{
178+
title: "如何获取云服务器的初始密码？",
179+
link: ""
180+
},
181+
{
182+
title: "为何控制台展示的流量数据与日志计算的流量对不上？",
183+
link: ""
184+
},
185+
{
186+
title: "使用 SSH 密钥登录还可以同时使用密码登录吗？",
187+
link: ""
188+
},
189+
{
190+
title: "在群聊中如何对群成员设置或取消禁言？",
191+
link: ""
192+
},
193+
{
194+
title: "备案初审被腾讯云驳回如何解决？",
195+
link: ""
196+
},
197+
{
198+
title: "即时通信 IM 消息存储时长是多久？",
199+
link: ""
200+
}
201+
]
202+
};
203+
},
204+
methods: {},
205+
components: { Panel }
206+
};
207+
</script>
208+
209+
<style>
210+
.overview-info-title {
211+
/* text-align: center; */
212+
color: rgb(66, 66, 66);
213+
font-size: 12px;
214+
margin-top: 0px;
215+
}
216+
.overview-info-value {
217+
/* text-align: center; */
218+
font-size: 14px;
219+
}
220+
.overview-info-hr {
221+
line-height: normal;
222+
margin-bottom: 16px;
223+
font-weight: 800;
224+
font-size: 12px;
225+
color: rgb(122, 122, 122);
226+
}
227+
.manualLink {
228+
display: block;
229+
color: black;
230+
line-height: 1.5;
231+
margin-bottom: 8px;
232+
box-sizing: border-box;
233+
text-decoration: none;
234+
}
235+
.manualLink:hover {
236+
color: #006eff !important;
237+
}
238+
239+
.manual-link-block-wrapper {
240+
margin: 4px;
241+
text-align: center;
242+
}
243+
244+
.manual-link-block {
245+
background-color: #ebeef3;
246+
display: block;
247+
padding: 8px;
248+
line-height: 1.5;
249+
transition: all 0.4s;
250+
}
251+
.manual-link-block:hover {
252+
background-color: #caced6;
253+
}
254+
</style>

0 commit comments

Comments
 (0)