7x31/cmdb
1
0
Fork 0
mirror of https://github.com/veops/cmdb.git synced 2025-08-08 12:11:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add dcim

Browse Source
This commit is contained in:
songlh
2024-11-27 10:26:05 +08:00
parent aa3beefe75
commit ccc45bec0f
50 changed files with 5278 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
cmdb-ui/public/iconfont/demo_index.html
View File

@@ -54,6 +54,66 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xea02;</span>
<div class="name">veops-rear</div>
<div class="code-name">&amp;#xea02;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea03;</span>
<div class="name">veops-front</div>
<div class="code-name">&amp;#xea03;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea01;</span>
<div class="name">veops-xianggang</div>
<div class="code-name">&amp;#xea01;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea00;</span>
<div class="name">veops-device (2)</div>
<div class="code-name">&amp;#xea00;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ff;</span>
<div class="name">veops-room (1)</div>
<div class="code-name">&amp;#xe9ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9fe;</span>
<div class="name">veops-IDC</div>
<div class="code-name">&amp;#xe9fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9fd;</span>
<div class="name">veops-region</div>
<div class="code-name">&amp;#xe9fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9fb;</span>
<div class="name">veops-device</div>
<div class="code-name">&amp;#xe9fb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9fc;</span>
<div class="name">veops-cabinet</div>
<div class="code-name">&amp;#xe9fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f9;</span>
<div class="name">veops-data_center</div>
<div class="code-name">&amp;#xe9f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9fa;</span>
<div class="name">ops-setting-holiday_management-copy</div>
@@ -6102,9 +6162,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1731312848138') format('woff2'),
url('iconfont.woff?t=1731312848138') format('woff'),
url('iconfont.ttf?t=1731312848138') format('truetype');
src: url('iconfont.woff2?t=1732673294759') format('woff2'),
url('iconfont.woff?t=1732673294759') format('woff'),
url('iconfont.ttf?t=1732673294759') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -6130,6 +6190,96 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont veops-rear"></span>
<div class="name">
veops-rear
</div>
<div class="code-name">.veops-rear
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-front"></span>
<div class="name">
veops-front
</div>
<div class="code-name">.veops-front
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-xianggang"></span>
<div class="name">
veops-xianggang
</div>
<div class="code-name">.veops-xianggang
</div>
</li>
<li class="dib">
<span class="icon iconfont a-veops-device2"></span>
<div class="name">
veops-device (2)
</div>
<div class="code-name">.a-veops-device2
</div>
</li>
<li class="dib">
<span class="icon iconfont a-veops-room1"></span>
<div class="name">
veops-room (1)
</div>
<div class="code-name">.a-veops-room1
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-IDC"></span>
<div class="name">
veops-IDC
</div>
<div class="code-name">.veops-IDC
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-region"></span>
<div class="name">
veops-region
</div>
<div class="code-name">.veops-region
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-device"></span>
<div class="name">
veops-device
</div>
<div class="code-name">.veops-device
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-cabinet"></span>
<div class="name">
veops-cabinet
</div>
<div class="code-name">.veops-cabinet
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-data_center"></span>
<div class="name">
veops-data_center
</div>
<div class="code-name">.veops-data_center
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-setting-holidays"></span>
<div class="name">
@@ -15202,6 +15352,86 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-rear"></use>
</svg>
<div class="name">veops-rear</div>
<div class="code-name">#veops-rear</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-front"></use>
</svg>
<div class="name">veops-front</div>
<div class="code-name">#veops-front</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-xianggang"></use>
</svg>
<div class="name">veops-xianggang</div>
<div class="code-name">#veops-xianggang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#a-veops-device2"></use>
</svg>
<div class="name">veops-device (2)</div>
<div class="code-name">#a-veops-device2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#a-veops-room1"></use>
</svg>
<div class="name">veops-room (1)</div>
<div class="code-name">#a-veops-room1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-IDC"></use>
</svg>
<div class="name">veops-IDC</div>
<div class="code-name">#veops-IDC</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-region"></use>
</svg>
<div class="name">veops-region</div>
<div class="code-name">#veops-region</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-device"></use>
</svg>
<div class="name">veops-device</div>
<div class="code-name">#veops-device</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-cabinet"></use>
</svg>
<div class="name">veops-cabinet</div>
<div class="code-name">#veops-cabinet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-data_center"></use>
</svg>
<div class="name">veops-data_center</div>
<div class="code-name">#veops-data_center</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-setting-holidays"></use>

46
cmdb-ui/public/iconfont/iconfont.css
View File

@@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 3857903 */
src: url('iconfont.woff2?t=1731312848138') format('woff2'),
url('iconfont.woff?t=1731312848138') format('woff'),
url('iconfont.ttf?t=1731312848138') format('truetype');
src: url('iconfont.woff2?t=1732673294759') format('woff2'),
url('iconfont.woff?t=1732673294759') format('woff'),
url('iconfont.ttf?t=1732673294759') format('truetype');
}
.iconfont {
@@ -13,6 +13,46 @@
-moz-osx-font-smoothing: grayscale;
}
.veops-rear:before {
content: "\ea02";
}
.veops-front:before {
content: "\ea03";
}
.veops-xianggang:before {
content: "\ea01";
}
.a-veops-device2:before {
content: "\ea00";
}
.a-veops-room1:before {
content: "\e9ff";
}
.veops-IDC:before {
content: "\e9fe";
}
.veops-region:before {
content: "\e9fd";
}
.veops-device:before {
content: "\e9fb";
}
.veops-cabinet:before {
content: "\e9fc";
}
.veops-data_center:before {
content: "\e9f9";
}
.ops-setting-holidays:before {
content: "\e9fa";
}

2
cmdb-ui/public/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

70
cmdb-ui/public/iconfont/iconfont.json
View File

@@ -5,6 +5,76 @@
"css_prefix_text": "",
"description": "",
"glyphs": [
{
"icon_id": "42510712",
"name": "veops-rear",
"font_class": "veops-rear",
"unicode": "ea02",
"unicode_decimal": 59906
},
{
"icon_id": "42510708",
"name": "veops-front",
"font_class": "veops-front",
"unicode": "ea03",
"unicode_decimal": 59907
},
{
"icon_id": "42497603",
"name": "veops-xianggang",
"font_class": "veops-xianggang",
"unicode": "ea01",
"unicode_decimal": 59905
},
{
"icon_id": "42485038",
"name": "veops-device (2)",
"font_class": "a-veops-device2",
"unicode": "ea00",
"unicode_decimal": 59904
},
{
"icon_id": "42455620",
"name": "veops-room (1)",
"font_class": "a-veops-room1",
"unicode": "e9ff",
"unicode_decimal": 59903
},
{
"icon_id": "42455607",
"name": "veops-IDC",
"font_class": "veops-IDC",
"unicode": "e9fe",
"unicode_decimal": 59902
},
{
"icon_id": "42455609",
"name": "veops-region",
"font_class": "veops-region",
"unicode": "e9fd",
"unicode_decimal": 59901
},
{
"icon_id": "42448953",
"name": "veops-device",
"font_class": "veops-device",
"unicode": "e9fb",
"unicode_decimal": 59899
},
{
"icon_id": "42448948",
"name": "veops-cabinet",
"font_class": "veops-cabinet",
"unicode": "e9fc",
"unicode_decimal": 59900
},
{
"icon_id": "42433324",
"name": "veops-data_center",
"font_class": "veops-data_center",
"unicode": "e9f9",
"unicode_decimal": 59897
},
{
"icon_id": "42337844",
"name": "ops-setting-holiday_management-copy",

BIN
cmdb-ui/public/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
cmdb-ui/public/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
cmdb-ui/public/iconfont/iconfont.woff2
View File

Binary file not shown.