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

feat: update resource search

Browse Source
This commit is contained in:
songlh
2024-09-03 11:29:32 +08:00
parent 6ccc010d08
commit 1f3df6921d
35 changed files with 4079 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,93 +54,171 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe9b6;</span>
<div class="name">veops-expand</div>
<div class="code-name">&amp;#xe9b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b1;</span>
<div class="name">公有云</div>
<div class="code-name">&amp;#xe9b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b2;</span>
<div class="name">操作系统</div>
<div class="code-name">&amp;#xe9b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b3;</span>
<div class="name">IPAM</div>
<div class="code-name">&amp;#xe9b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b4;</span>
<div class="name">hyperV</div>
<div class="code-name">&amp;#xe9b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b5;</span>
<div class="name">数据中心</div>
<div class="code-name">&amp;#xe9b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ad;</span>
<div class="name">硬件设备</div>
<div class="code-name">&amp;#xe9ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ae;</span>
<div class="name">计算机</div>
<div class="code-name">&amp;#xe9ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9af;</span>
<div class="name">网络设备</div>
<div class="code-name">&amp;#xe9af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b0;</span>
<div class="name">存储设备</div>
<div class="code-name">&amp;#xe9b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ab;</span>
<div class="name">负载均衡</div>
<div class="code-name">&amp;#xe9ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ac;</span>
<div class="name">消息队列</div>
<div class="code-name">&amp;#xe9ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9aa;</span>
<div class="name">websever</div>
<div class="code-name">&amp;#xe9aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a9;</span>
<div class="name">caise-middleware</div>
<div class="name">中间件</div>
<div class="code-name">&amp;#xe9a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a7;</span>
<div class="name">caise-database</div>
<div class="name">数据库</div>
<div class="code-name">&amp;#xe9a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a8;</span>
<div class="name">caise-business</div>
<div class="name">业务</div>
<div class="code-name">&amp;#xe9a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a6;</span>
<div class="name">caise- virtualization</div>
<div class="name">虚拟化</div>
<div class="code-name">&amp;#xe9a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a4;</span>
<div class="name">caise-storage_pool</div>
<div class="name">存储池</div>
<div class="code-name">&amp;#xe9a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a5;</span>
<div class="name">caise-storage_volume</div>
<div class="name">存储卷</div>
<div class="code-name">&amp;#xe9a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a3;</span>
<div class="name">ciase-aix</div>
<div class="name">aix</div>
<div class="code-name">&amp;#xe9a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe99b;</span>
<div class="name">caise_pool</div>
<div class="name">ip池</div>
<div class="code-name">&amp;#xe99b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe99c;</span>
<div class="name">caise-ip_address</div>
<div class="name">ip地址</div>
<div class="code-name">&amp;#xe99c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe99d;</span>
<div class="name">caise-computer_room</div>
<div class="name">机房</div>
<div class="code-name">&amp;#xe99d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe99e;</span>
<div class="name">caise-rack</div>
<div class="name">机柜</div>
<div class="code-name">&amp;#xe99e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe99f;</span>
<div class="name">caise-pc</div>
<div class="name">PC</div>
<div class="code-name">&amp;#xe99f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a0;</span>
<div class="name">caise-bandwidth_line</div>
<div class="name">带宽线路</div>
<div class="code-name">&amp;#xe9a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a1;</span>
<div class="name">caise-fiber</div>
<div class="name">光纤交换机</div>
<div class="code-name">&amp;#xe9a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9a2;</span>
<div class="name">caise-disk_array</div>
<div class="name">磁盘阵列</div>
<div class="code-name">&amp;#xe9a2;</div>
</li>
@@ -5622,9 +5700,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1724834571283') format('woff2'),
url('iconfont.woff?t=1724834571283') format('woff'),
url('iconfont.ttf?t=1724834571283') format('truetype');
src: url('iconfont.woff2?t=1725331691589') format('woff2'),
url('iconfont.woff?t=1725331691589') format('woff'),
url('iconfont.ttf?t=1725331691589') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -5650,10 +5728,127 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont veops-expand"></span>
<div class="name">
veops-expand
</div>
<div class="code-name">.veops-expand
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-public_cloud"></span>
<div class="name">
公有云
</div>
<div class="code-name">.caise-public_cloud
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-system"></span>
<div class="name">
操作系统
</div>
<div class="code-name">.caise-system
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-IPAM"></span>
<div class="name">
IPAM
</div>
<div class="code-name">.caise-IPAM
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-hyperV"></span>
<div class="name">
hyperV
</div>
<div class="code-name">.caise-hyperV
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-data_center2"></span>
<div class="name">
数据中心
</div>
<div class="code-name">.caise-data_center2
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-hardware"></span>
<div class="name">
硬件设备
</div>
<div class="code-name">.caise-hardware
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-computer"></span>
<div class="name">
计算机
</div>
<div class="code-name">.caise-computer
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-network_devices"></span>
<div class="name">
网络设备
</div>
<div class="code-name">.caise-network_devices
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-storage_device"></span>
<div class="name">
存储设备
</div>
<div class="code-name">.caise-storage_device
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-load_balancing"></span>
<div class="name">
负载均衡
</div>
<div class="code-name">.caise-load_balancing
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-message_queue"></span>
<div class="name">
消息队列
</div>
<div class="code-name">.caise-message_queue
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-websever"></span>
<div class="name">
websever
</div>
<div class="code-name">.caise-websever
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-middleware"></span>
<div class="name">
caise-middleware
中间件
</div>
<div class="code-name">.caise-middleware
</div>
@@ -5662,7 +5857,7 @@
<li class="dib">
<span class="icon iconfont caise-database"></span>
<div class="name">
caise-database
数据库
</div>
<div class="code-name">.caise-database
</div>
@@ -5671,43 +5866,43 @@
<li class="dib">
<span class="icon iconfont caise-business"></span>
<div class="name">
caise-business
业务
</div>
<div class="code-name">.caise-business
</div>
</li>
<li class="dib">
<span class="icon iconfont a-caise-virtualization"></span>
<span class="icon iconfont caise-virtualization"></span>
<div class="name">
caise- virtualization
虚拟化
</div>
<div class="code-name">.a-caise-virtualization
<div class="code-name">.caise-virtualization
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-storage_pool"></span>
<div class="name">
caise-storage_pool
存储池
</div>
<div class="code-name">.caise-storage_pool
</div>
</li>
<li class="dib">
<span class="icon iconfont a-caise-storage_volume1"></span>
<span class="icon iconfont caise-storage_volume1"></span>
<div class="name">
caise-storage_volume
存储卷
</div>
<div class="code-name">.a-caise-storage_volume1
<div class="code-name">.caise-storage_volume1
</div>
</li>
<li class="dib">
<span class="icon iconfont ciase-aix"></span>
<div class="name">
ciase-aix
aix
</div>
<div class="code-name">.ciase-aix
</div>
@@ -5716,7 +5911,7 @@
<li class="dib">
<span class="icon iconfont caise_pool"></span>
<div class="name">
caise_pool
ip池
</div>
<div class="code-name">.caise_pool
</div>
@@ -5725,7 +5920,7 @@
<li class="dib">
<span class="icon iconfont caise-ip_address"></span>
<div class="name">
caise-ip_address
ip地址
</div>
<div class="code-name">.caise-ip_address
</div>
@@ -5734,7 +5929,7 @@
<li class="dib">
<span class="icon iconfont caise-computer_room"></span>
<div class="name">
caise-computer_room
机房
</div>
<div class="code-name">.caise-computer_room
</div>
@@ -5743,7 +5938,7 @@
<li class="dib">
<span class="icon iconfont caise-rack"></span>
<div class="name">
caise-rack
机柜
</div>
<div class="code-name">.caise-rack
</div>
@@ -5752,7 +5947,7 @@
<li class="dib">
<span class="icon iconfont caise-pc"></span>
<div class="name">
caise-pc
PC
</div>
<div class="code-name">.caise-pc
</div>
@@ -5761,7 +5956,7 @@
<li class="dib">
<span class="icon iconfont caise-bandwidth_line"></span>
<div class="name">
caise-bandwidth_line
带宽线路
</div>
<div class="code-name">.caise-bandwidth_line
</div>
@@ -5770,7 +5965,7 @@
<li class="dib">
<span class="icon iconfont caise-fiber"></span>
<div class="name">
caise-fiber
光纤交换机
</div>
<div class="code-name">.caise-fiber
</div>
@@ -5779,7 +5974,7 @@
<li class="dib">
<span class="icon iconfont caise-disk_array"></span>
<div class="name">
caise-disk_array
磁盘阵列
</div>
<div class="code-name">.caise-disk_array
</div>
@@ -14002,11 +14197,115 @@
<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-expand"></use>
</svg>
<div class="name">veops-expand</div>
<div class="code-name">#veops-expand</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-public_cloud"></use>
</svg>
<div class="name">公有云</div>
<div class="code-name">#caise-public_cloud</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-system"></use>
</svg>
<div class="name">操作系统</div>
<div class="code-name">#caise-system</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-IPAM"></use>
</svg>
<div class="name">IPAM</div>
<div class="code-name">#caise-IPAM</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-hyperV"></use>
</svg>
<div class="name">hyperV</div>
<div class="code-name">#caise-hyperV</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-data_center2"></use>
</svg>
<div class="name">数据中心</div>
<div class="code-name">#caise-data_center2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-hardware"></use>
</svg>
<div class="name">硬件设备</div>
<div class="code-name">#caise-hardware</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-computer"></use>
</svg>
<div class="name">计算机</div>
<div class="code-name">#caise-computer</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-network_devices"></use>
</svg>
<div class="name">网络设备</div>
<div class="code-name">#caise-network_devices</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-storage_device"></use>
</svg>
<div class="name">存储设备</div>
<div class="code-name">#caise-storage_device</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-load_balancing"></use>
</svg>
<div class="name">负载均衡</div>
<div class="code-name">#caise-load_balancing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-message_queue"></use>
</svg>
<div class="name">消息队列</div>
<div class="code-name">#caise-message_queue</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-websever"></use>
</svg>
<div class="name">websever</div>
<div class="code-name">#caise-websever</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-middleware"></use>
</svg>
<div class="name">caise-middleware</div>
<div class="name">中间件</div>
<div class="code-name">#caise-middleware</div>
</li>
@@ -14014,7 +14313,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-database"></use>
</svg>
<div class="name">caise-database</div>
<div class="name">数据库</div>
<div class="code-name">#caise-database</div>
</li>
@@ -14022,39 +14321,39 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-business"></use>
</svg>
<div class="name">caise-business</div>
<div class="name">业务</div>
<div class="code-name">#caise-business</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#a-caise-virtualization"></use>
<use xlink:href="#caise-virtualization"></use>
</svg>
<div class="name">caise- virtualization</div>
<div class="code-name">#a-caise-virtualization</div>
<div class="name">虚拟化</div>
<div class="code-name">#caise-virtualization</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-storage_pool"></use>
</svg>
<div class="name">caise-storage_pool</div>
<div class="name">存储池</div>
<div class="code-name">#caise-storage_pool</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#a-caise-storage_volume1"></use>
<use xlink:href="#caise-storage_volume1"></use>
</svg>
<div class="name">caise-storage_volume</div>
<div class="code-name">#a-caise-storage_volume1</div>
<div class="name">存储卷</div>
<div class="code-name">#caise-storage_volume1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ciase-aix"></use>
</svg>
<div class="name">ciase-aix</div>
<div class="name">aix</div>
<div class="code-name">#ciase-aix</div>
</li>
@@ -14062,7 +14361,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise_pool"></use>
</svg>
<div class="name">caise_pool</div>
<div class="name">ip池</div>
<div class="code-name">#caise_pool</div>
</li>
@@ -14070,7 +14369,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-ip_address"></use>
</svg>
<div class="name">caise-ip_address</div>
<div class="name">ip地址</div>
<div class="code-name">#caise-ip_address</div>
</li>
@@ -14078,7 +14377,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-computer_room"></use>
</svg>
<div class="name">caise-computer_room</div>
<div class="name">机房</div>
<div class="code-name">#caise-computer_room</div>
</li>
@@ -14086,7 +14385,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-rack"></use>
</svg>
<div class="name">caise-rack</div>
<div class="name">机柜</div>
<div class="code-name">#caise-rack</div>
</li>
@@ -14094,7 +14393,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-pc"></use>
</svg>
<div class="name">caise-pc</div>
<div class="name">PC</div>
<div class="code-name">#caise-pc</div>
</li>
@@ -14102,7 +14401,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-bandwidth_line"></use>
</svg>
<div class="name">caise-bandwidth_line</div>
<div class="name">带宽线路</div>
<div class="code-name">#caise-bandwidth_line</div>
</li>
@@ -14110,7 +14409,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-fiber"></use>
</svg>
<div class="name">caise-fiber</div>
<div class="name">光纤交换机</div>
<div class="code-name">#caise-fiber</div>
</li>
@@ -14118,7 +14417,7 @@
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-disk_array"></use>
</svg>
<div class="name">caise-disk_array</div>
<div class="name">磁盘阵列</div>
<div class="code-name">#caise-disk_array</div>
</li>