feat(ui): add ipam

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">&#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">