feat(ui): update ui

cmdb-ui/public/iconfont/demo_index.html

@@ -54,6 +54,108 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a9;</span>
+                <div class="name">caise-middleware</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="code-name">&amp;#xe9a7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a8;</span>
+                <div class="name">caise-business</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="code-name">&amp;#xe9a6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a4;</span>
+                <div class="name">caise-storage_pool</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="code-name">&amp;#xe9a5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a3;</span>
+                <div class="name">ciase-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="code-name">&amp;#xe99b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99c;</span>
+                <div class="name">caise-ip_address</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="code-name">&amp;#xe99d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99e;</span>
+                <div class="name">caise-rack</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="code-name">&amp;#xe99f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a0;</span>
+                <div class="name">caise-bandwidth_line</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="code-name">&amp;#xe9a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a2;</span>
+                <div class="name">caise-disk_array</div>
+                <div class="code-name">&amp;#xe9a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99a;</span>
+                <div class="name">veops-group</div>
+                <div class="code-name">&amp;#xe99a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe999;</span>
+                <div class="name">veops-inheritance</div>
+                <div class="code-name">&amp;#xe999;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe998;</span>
                 <div class="name">veops-department</div>
@@ -5520,9 +5622,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1724653006782') format('woff2'),
-       url('iconfont.woff?t=1724653006782') format('woff'),
-       url('iconfont.ttf?t=1724653006782') format('truetype');
+  src: url('iconfont.woff2?t=1724834571283') format('woff2'),
+       url('iconfont.woff?t=1724834571283') format('woff'),
+       url('iconfont.ttf?t=1724834571283') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -5548,6 +5650,159 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont caise-middleware"></span>
+            <div class="name">
+              caise-middleware
+            </div>
+            <div class="code-name">.caise-middleware
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-database"></span>
+            <div class="name">
+              caise-database
+            </div>
+            <div class="code-name">.caise-database
+            </div>
+          </li>
+          
+          <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>
+            <div class="name">
+              caise- virtualization
+            </div>
+            <div class="code-name">.a-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>
+            <div class="name">
+              caise-storage_volume
+            </div>
+            <div class="code-name">.a-caise-storage_volume1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont ciase-aix"></span>
+            <div class="name">
+              ciase-aix
+            </div>
+            <div class="code-name">.ciase-aix
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise_pool"></span>
+            <div class="name">
+              caise_pool
+            </div>
+            <div class="code-name">.caise_pool
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-ip_address"></span>
+            <div class="name">
+              caise-ip_address
+            </div>
+            <div class="code-name">.caise-ip_address
+            </div>
+          </li>
+          
+          <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>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-rack"></span>
+            <div class="name">
+              caise-rack
+            </div>
+            <div class="code-name">.caise-rack
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-pc"></span>
+            <div class="name">
+              caise-pc
+            </div>
+            <div class="code-name">.caise-pc
+            </div>
+          </li>
+          
+          <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>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-fiber"></span>
+            <div class="name">
+              caise-fiber
+            </div>
+            <div class="code-name">.caise-fiber
+            </div>
+          </li>
+          
+          <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>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont veops-group"></span>
+            <div class="name">
+              veops-group
+            </div>
+            <div class="code-name">.veops-group
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont veops-inheritance"></span>
+            <div class="name">
+              veops-inheritance
+            </div>
+            <div class="code-name">.veops-inheritance
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont veops-department"></span>
             <div class="name">
@@ -13747,6 +14002,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="#caise-middleware"></use>
+                </svg>
+                <div class="name">caise-middleware</div>
+                <div class="code-name">#caise-middleware</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-database"></use>
+                </svg>
+                <div class="name">caise-database</div>
+                <div class="code-name">#caise-database</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-business"></use>
+                </svg>
+                <div class="name">caise-business</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>
+                </svg>
+                <div class="name">caise- virtualization</div>
+                <div class="code-name">#a-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="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>
+                </svg>
+                <div class="name">caise-storage_volume</div>
+                <div class="code-name">#a-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="code-name">#ciase-aix</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise_pool"></use>
+                </svg>
+                <div class="name">caise_pool</div>
+                <div class="code-name">#caise_pool</div>
+            </li>
+          
+            <li class="dib">
+                <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="code-name">#caise-ip_address</div>
+            </li>
+          
+            <li class="dib">
+                <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="code-name">#caise-computer_room</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-rack"></use>
+                </svg>
+                <div class="name">caise-rack</div>
+                <div class="code-name">#caise-rack</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-pc"></use>
+                </svg>
+                <div class="name">caise-pc</div>
+                <div class="code-name">#caise-pc</div>
+            </li>
+          
+            <li class="dib">
+                <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="code-name">#caise-bandwidth_line</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-fiber"></use>
+                </svg>
+                <div class="name">caise-fiber</div>
+                <div class="code-name">#caise-fiber</div>
+            </li>
+          
+            <li class="dib">
+                <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="code-name">#caise-disk_array</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#veops-group"></use>
+                </svg>
+                <div class="name">veops-group</div>
+                <div class="code-name">#veops-group</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#veops-inheritance"></use>
+                </svg>
+                <div class="name">veops-inheritance</div>
+                <div class="code-name">#veops-inheritance</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#veops-department"></use>