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

feat(ui): add ipam

Browse Source
This commit is contained in:
songlh
2024-11-11 16:49:53 +08:00
parent 57d4bf5548
commit 8c2cdb1ca4
47 changed files with 6250 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,6 +54,108 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe9fa;</span>
<div class="name">ops-setting-holiday_management-copy</div>
<div class="code-name">&amp;#xe9fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f8;</span>
<div class="name">itsm-system_log</div>
<div class="code-name">&amp;#xe9f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f6;</span>
<div class="name">ops-setting-adjustday</div>
<div class="code-name">&amp;#xe9f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f7;</span>
<div class="name">ops-setting-holiday</div>
<div class="code-name">&amp;#xe9f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f5;</span>
<div class="name">ops-setting-festival</div>
<div class="code-name">&amp;#xe9f5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f4;</span>
<div class="name">itsm-count</div>
<div class="code-name">&amp;#xe9f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f3;</span>
<div class="name">itsm-satisfaction</div>
<div class="code-name">&amp;#xe9f3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f2;</span>
<div class="name">veops-folder</div>
<div class="code-name">&amp;#xe9f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f1;</span>
<div class="name">veops-entire_network_</div>
<div class="code-name">&amp;#xe9f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9f0;</span>
<div class="name">veops-subnet</div>
<div class="code-name">&amp;#xe9f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ef;</span>
<div class="name">veops-map_view</div>
<div class="code-name">&amp;#xe9ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ee;</span>
<div class="name">veops-recycle</div>
<div class="code-name">&amp;#xe9ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ed;</span>
<div class="name">veops-catalog</div>
<div class="code-name">&amp;#xe9ed;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ec;</span>
<div class="name">veops-ipam</div>
<div class="code-name">&amp;#xe9ec;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9eb;</span>
<div class="name">cmdb-calc</div>
<div class="code-name">&amp;#xe9eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ea;</span>
<div class="name">ai-users</div>
<div class="code-name">&amp;#xe9ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9e9;</span>
<div class="name">ai-tokens</div>
<div class="code-name">&amp;#xe9e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9e8;</span>
<div class="name">oneterm-mysql</div>
@@ -6000,9 +6102,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1729157759723') format('woff2'),
url('iconfont.woff?t=1729157759723') format('woff'),
url('iconfont.ttf?t=1729157759723') format('truetype');
src: url('iconfont.woff2?t=1731312848138') format('woff2'),
url('iconfont.woff?t=1731312848138') format('woff'),
url('iconfont.ttf?t=1731312848138') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -6028,6 +6130,159 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont ops-setting-holidays"></span>
<div class="name">
ops-setting-holiday_management-copy
</div>
<div class="code-name">.ops-setting-holidays
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-itsm-logs"></span>
<div class="name">
itsm-system_log
</div>
<div class="code-name">.ops-itsm-logs
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-setting-workday"></span>
<div class="name">
ops-setting-adjustday
</div>
<div class="code-name">.ops-setting-workday
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-setting-holiday"></span>
<div class="name">
ops-setting-holiday
</div>
<div class="code-name">.ops-setting-holiday
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-setting-festival"></span>
<div class="name">
ops-setting-festival
</div>
<div class="code-name">.ops-setting-festival
</div>
</li>
<li class="dib">
<span class="icon iconfont itsm-calc"></span>
<div class="name">
itsm-count
</div>
<div class="code-name">.itsm-calc
</div>
</li>
<li class="dib">
<span class="icon iconfont itsm-reports_4"></span>
<div class="name">
itsm-satisfaction
</div>
<div class="code-name">.itsm-reports_4
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-folder"></span>
<div class="name">
veops-folder
</div>
<div class="code-name">.veops-folder
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-entire_network_"></span>
<div class="name">
veops-entire_network_
</div>
<div class="code-name">.veops-entire_network_
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-subnet"></span>
<div class="name">
veops-subnet
</div>
<div class="code-name">.veops-subnet
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-map_view"></span>
<div class="name">
veops-map_view
</div>
<div class="code-name">.veops-map_view
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-recycle"></span>
<div class="name">
veops-recycle
</div>
<div class="code-name">.veops-recycle
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-catalog"></span>
<div class="name">
veops-catalog
</div>
<div class="code-name">.veops-catalog
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-ipam"></span>
<div class="name">
veops-ipam
</div>
<div class="code-name">.veops-ipam
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-calc"></span>
<div class="name">
cmdb-calc
</div>
<div class="code-name">.cmdb-calc
</div>
</li>
<li class="dib">
<span class="icon iconfont ai-users"></span>
<div class="name">
ai-users
</div>
<div class="code-name">.ai-users
</div>
</li>
<li class="dib">
<span class="icon iconfont ai-tokens"></span>
<div class="name">
ai-tokens
</div>
<div class="code-name">.ai-tokens
</div>
</li>
<li class="dib">
<span class="icon iconfont oneterm-mysql"></span>
<div class="name">
@@ -8162,20 +8417,20 @@
</li>
<li class="dib">
<span class="icon iconfont itsm-duration"></span>
<span class="icon iconfont itsm-reports_3"></span>
<div class="name">
itsm-duration
</div>
<div class="code-name">.itsm-duration
<div class="code-name">.itsm-reports_3
</div>
</li>
<li class="dib">
<span class="icon iconfont itsm-workload"></span>
<span class="icon iconfont itsm-reports_2"></span>
<div class="name">
itsm-workload (1)
</div>
<div class="code-name">.itsm-workload
<div class="code-name">.itsm-reports_2
</div>
</li>
@@ -14947,6 +15202,142 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-setting-holidays"></use>
</svg>
<div class="name">ops-setting-holiday_management-copy</div>
<div class="code-name">#ops-setting-holidays</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-itsm-logs"></use>
</svg>
<div class="name">itsm-system_log</div>
<div class="code-name">#ops-itsm-logs</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-setting-workday"></use>
</svg>
<div class="name">ops-setting-adjustday</div>
<div class="code-name">#ops-setting-workday</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-setting-holiday"></use>
</svg>
<div class="name">ops-setting-holiday</div>
<div class="code-name">#ops-setting-holiday</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-setting-festival"></use>
</svg>
<div class="name">ops-setting-festival</div>
<div class="code-name">#ops-setting-festival</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#itsm-calc"></use>
</svg>
<div class="name">itsm-count</div>
<div class="code-name">#itsm-calc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#itsm-reports_4"></use>
</svg>
<div class="name">itsm-satisfaction</div>
<div class="code-name">#itsm-reports_4</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-folder"></use>
</svg>
<div class="name">veops-folder</div>
<div class="code-name">#veops-folder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-entire_network_"></use>
</svg>
<div class="name">veops-entire_network_</div>
<div class="code-name">#veops-entire_network_</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-subnet"></use>
</svg>
<div class="name">veops-subnet</div>
<div class="code-name">#veops-subnet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-map_view"></use>
</svg>
<div class="name">veops-map_view</div>
<div class="code-name">#veops-map_view</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-recycle"></use>
</svg>
<div class="name">veops-recycle</div>
<div class="code-name">#veops-recycle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-catalog"></use>
</svg>
<div class="name">veops-catalog</div>
<div class="code-name">#veops-catalog</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-ipam"></use>
</svg>
<div class="name">veops-ipam</div>
<div class="code-name">#veops-ipam</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-calc"></use>
</svg>
<div class="name">cmdb-calc</div>
<div class="code-name">#cmdb-calc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ai-users"></use>
</svg>
<div class="name">ai-users</div>
<div class="code-name">#ai-users</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ai-tokens"></use>
</svg>
<div class="name">ai-tokens</div>
<div class="code-name">#ai-tokens</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#oneterm-mysql"></use>
@@ -16845,18 +17236,18 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#itsm-duration"></use>
<use xlink:href="#itsm-reports_3"></use>
</svg>
<div class="name">itsm-duration</div>
<div class="code-name">#itsm-duration</div>
<div class="code-name">#itsm-reports_3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#itsm-workload"></use>
<use xlink:href="#itsm-reports_2"></use>
</svg>
<div class="name">itsm-workload (1)</div>
<div class="code-name">#itsm-workload</div>
<div class="code-name">#itsm-reports_2</div>
</li>
<li class="dib">

78
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=1729157759723') format('woff2'),
url('iconfont.woff?t=1729157759723') format('woff'),
url('iconfont.ttf?t=1729157759723') format('truetype');
src: url('iconfont.woff2?t=1731312848138') format('woff2'),
url('iconfont.woff?t=1731312848138') format('woff'),
url('iconfont.ttf?t=1731312848138') format('truetype');
}
.iconfont {
@@ -13,6 +13,74 @@
-moz-osx-font-smoothing: grayscale;
}
.ops-setting-holidays:before {
content: "\e9fa";
}
.ops-itsm-logs:before {
content: "\e9f8";
}
.ops-setting-workday:before {
content: "\e9f6";
}
.ops-setting-holiday:before {
content: "\e9f7";
}
.ops-setting-festival:before {
content: "\e9f5";
}
.itsm-calc:before {
content: "\e9f4";
}
.itsm-reports_4:before {
content: "\e9f3";
}
.veops-folder:before {
content: "\e9f2";
}
.veops-entire_network_:before {
content: "\e9f1";
}
.veops-subnet:before {
content: "\e9f0";
}
.veops-map_view:before {
content: "\e9ef";
}
.veops-recycle:before {
content: "\e9ee";
}
.veops-catalog:before {
content: "\e9ed";
}
.veops-ipam:before {
content: "\e9ec";
}
.cmdb-calc:before {
content: "\e9eb";
}
.ai-users:before {
content: "\e9ea";
}
.ai-tokens:before {
content: "\e9e9";
}
.oneterm-mysql:before {
content: "\e9e8";
}
@@ -961,11 +1029,11 @@
content: "\e914";
}
.itsm-duration:before {
.itsm-reports_3:before {
content: "\e913";
}
.itsm-workload:before {
.itsm-reports_2:before {
content: "\e912";
}

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

File diff suppressed because one or more lines are too long

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

@@ -5,6 +5,125 @@
"css_prefix_text": "",
"description": "",
"glyphs": [
{
"icon_id": "42337844",
"name": "ops-setting-holiday_management-copy",
"font_class": "ops-setting-holidays",
"unicode": "e9fa",
"unicode_decimal": 59898
},
{
"icon_id": "42335414",
"name": "itsm-system_log",
"font_class": "ops-itsm-logs",
"unicode": "e9f8",
"unicode_decimal": 59896
},
{
"icon_id": "42334782",
"name": "ops-setting-adjustday",
"font_class": "ops-setting-workday",
"unicode": "e9f6",
"unicode_decimal": 59894
},
{
"icon_id": "42334768",
"name": "ops-setting-holiday",
"font_class": "ops-setting-holiday",
"unicode": "e9f7",
"unicode_decimal": 59895
},
{
"icon_id": "42334734",
"name": "ops-setting-festival",
"font_class": "ops-setting-festival",
"unicode": "e9f5",
"unicode_decimal": 59893
},
{
"icon_id": "42281202",
"name": "itsm-count",
"font_class": "itsm-calc",
"unicode": "e9f4",
"unicode_decimal": 59892
},
{
"icon_id": "42270632",
"name": "itsm-satisfaction",
"font_class": "itsm-reports_4",
"unicode": "e9f3",
"unicode_decimal": 59891
},
{
"icon_id": "42205149",
"name": "veops-folder",
"font_class": "veops-folder",
"unicode": "e9f2",
"unicode_decimal": 59890
},
{
"icon_id": "42205128",
"name": "veops-entire_network_",
"font_class": "veops-entire_network_",
"unicode": "e9f1",
"unicode_decimal": 59889
},
{
"icon_id": "42205094",
"name": "veops-subnet",
"font_class": "veops-subnet",
"unicode": "e9f0",
"unicode_decimal": 59888
},
{
"icon_id": "42201912",
"name": "veops-map_view",
"font_class": "veops-map_view",
"unicode": "e9ef",
"unicode_decimal": 59887
},
{
"icon_id": "42201676",
"name": "veops-recycle",
"font_class": "veops-recycle",
"unicode": "e9ee",
"unicode_decimal": 59886
},
{
"icon_id": "42201586",
"name": "veops-catalog",
"font_class": "veops-catalog",
"unicode": "e9ed",
"unicode_decimal": 59885
},
{
"icon_id": "42201534",
"name": "veops-ipam",
"font_class": "veops-ipam",
"unicode": "e9ec",
"unicode_decimal": 59884
},
{
"icon_id": "42179262",
"name": "cmdb-calc",
"font_class": "cmdb-calc",
"unicode": "e9eb",
"unicode_decimal": 59883
},
{
"icon_id": "42161413",
"name": "ai-users",
"font_class": "ai-users",
"unicode": "e9ea",
"unicode_decimal": 59882
},
{
"icon_id": "42161417",
"name": "ai-tokens",
"font_class": "ai-tokens",
"unicode": "e9e9",
"unicode_decimal": 59881
},
{
"icon_id": "42155223",
"name": "oneterm-mysql",
@@ -1667,14 +1786,14 @@
{
"icon_id": "39926816",
"name": "itsm-duration",
"font_class": "itsm-duration",
"font_class": "itsm-reports_3",
"unicode": "e913",
"unicode_decimal": 59667
},
{
"icon_id": "39926833",
"name": "itsm-workload (1)",
"font_class": "itsm-workload",
"font_class": "itsm-reports_2",
"unicode": "e912",
"unicode_decimal": 59666
},

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.