Merge branch 'master' into stage

src/assets/icons/iconfont/demo_index.html

@@ -55,6 +55,192 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe901;</span>
+                <div class="name">iconx_huodaigs</div>
+                <div class="code-name">&amp;#xe901;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe902;</span>
+                <div class="name">iconx_duogongspz</div>
+                <div class="code-name">&amp;#xe902;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe903;</span>
+                <div class="name">iconx_jichupeiz</div>
+                <div class="code-name">&amp;#xe903;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe904;</span>
+                <div class="name">iconm_duogongspz</div>
+                <div class="code-name">&amp;#xe904;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe905;</span>
+                <div class="name">iconm_huodaigs</div>
+                <div class="code-name">&amp;#xe905;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe906;</span>
+                <div class="name">iconm_jichupeiz</div>
+                <div class="code-name">&amp;#xe906;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe900;</span>
+                <div class="name">iconm_jichuweih</div>
+                <div class="code-name">&amp;#xe900;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8ff;</span>
+                <div class="name">iconx_jichuweih</div>
+                <div class="code-name">&amp;#xe8ff;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f7;</span>
+                <div class="name">iconx_shebeigl</div>
+                <div class="code-name">&amp;#xe8f7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f8;</span>
+                <div class="name">iconx_hangyegl</div>
+                <div class="code-name">&amp;#xe8f8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f9;</span>
+                <div class="name">iconx_IoTpeizhi</div>
+                <div class="code-name">&amp;#xe8f9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8fa;</span>
+                <div class="name">iconm_hangyegl</div>
+                <div class="code-name">&amp;#xe8fa;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8fb;</span>
+                <div class="name">iconm_shebeigl</div>
+                <div class="code-name">&amp;#xe8fb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8fc;</span>
+                <div class="name">iconx_gongcpz</div>
+                <div class="code-name">&amp;#xe8fc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8fd;</span>
+                <div class="name">iconm_gongcpz</div>
+                <div class="code-name">&amp;#xe8fd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8fe;</span>
+                <div class="name">iconm_IoTpeizhi</div>
+                <div class="code-name">&amp;#xe8fe;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f6;</span>
+                <div class="name">iconm_xiaoxtz</div>
+                <div class="code-name">&amp;#xe8f6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f1;</span>
+                <div class="name">btn_yagnzhi</div>
+                <div class="code-name">&amp;#xe8f1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f2;</span>
+                <div class="name">icon_yinhangk</div>
+                <div class="code-name">&amp;#xe8f2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f3;</span>
+                <div class="name">iconm_gengd</div>
+                <div class="code-name">&amp;#xe8f3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f4;</span>
+                <div class="name">icon_baoyym</div>
+                <div class="code-name">&amp;#xe8f4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f5;</span>
+                <div class="name">icomx_gengd</div>
+                <div class="code-name">&amp;#xe8f5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8e8;</span>
+                <div class="name">iconx_pingtaigl</div>
+                <div class="code-name">&amp;#xe8e8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8e9;</span>
+                <div class="name">iconm_caigfk</div>
+                <div class="code-name">&amp;#xe8e9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8ea;</span>
+                <div class="name">iconm_daohang</div>
+                <div class="code-name">&amp;#xe8ea;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8eb;</span>
+                <div class="name">iconx_xinzengcd</div>
+                <div class="code-name">&amp;#xe8eb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8ec;</span>
+                <div class="name">iconx_daohang</div>
+                <div class="code-name">&amp;#xe8ec;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8ed;</span>
+                <div class="name">iconm_xinzengcd</div>
+                <div class="code-name">&amp;#xe8ed;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8ee;</span>
+                <div class="name">iconx_shujukb</div>
+                <div class="code-name">&amp;#xe8ee;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8ef;</span>
+                <div class="name">iconm_shujukb</div>
+                <div class="code-name">&amp;#xe8ef;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f0;</span>
+                <div class="name">iconm_pingtaigl</div>
+                <div class="code-name">&amp;#xe8f0;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe8e4;</span>
                 <div class="name">btn_penren</div>
                 <div class="code-name">&amp;#xe8e4;</div>
@@ -1855,12 +2041,6 @@
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe72c;</span>
-                <div class="name">iconm_xiaoxtz</div>
-                <div class="code-name">&amp;#xe72c;</div>
-              </li>
-          
-            <li class="dib">
               <span class="icon iconfont">&#xe72d;</span>
                 <div class="name">iconm_zijzh</div>
                 <div class="code-name">&amp;#xe72d;</div>
@@ -3096,9 +3276,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1690168598112') format('woff2'),
-       url('iconfont.woff?t=1690168598112') format('woff'),
-       url('iconfont.ttf?t=1690168598112') format('truetype');
+  src: url('iconfont.woff2?t=1690782013986') format('woff2'),
+       url('iconfont.woff?t=1690782013986') format('woff'),
+       url('iconfont.ttf?t=1690782013986') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -3125,6 +3305,285 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-iconx_huodaigs"></span>
+            <div class="name">
+              iconx_huodaigs
+            </div>
+            <div class="code-name">.icon-iconx_huodaigs
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_duogongspz"></span>
+            <div class="name">
+              iconx_duogongspz
+            </div>
+            <div class="code-name">.icon-iconx_duogongspz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_jichupeiz"></span>
+            <div class="name">
+              iconx_jichupeiz
+            </div>
+            <div class="code-name">.icon-iconx_jichupeiz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_duogongspz"></span>
+            <div class="name">
+              iconm_duogongspz
+            </div>
+            <div class="code-name">.icon-iconm_duogongspz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_huodaigs"></span>
+            <div class="name">
+              iconm_huodaigs
+            </div>
+            <div class="code-name">.icon-iconm_huodaigs
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_jichupeiz"></span>
+            <div class="name">
+              iconm_jichupeiz
+            </div>
+            <div class="code-name">.icon-iconm_jichupeiz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_jichuweih"></span>
+            <div class="name">
+              iconm_jichuweih
+            </div>
+            <div class="code-name">.icon-iconm_jichuweih
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_jichuweih"></span>
+            <div class="name">
+              iconx_jichuweih
+            </div>
+            <div class="code-name">.icon-iconx_jichuweih
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_shebeigl"></span>
+            <div class="name">
+              iconx_shebeigl
+            </div>
+            <div class="code-name">.icon-iconx_shebeigl
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_hangyegl"></span>
+            <div class="name">
+              iconx_hangyegl
+            </div>
+            <div class="code-name">.icon-iconx_hangyegl
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_IoTpeizhi"></span>
+            <div class="name">
+              iconx_IoTpeizhi
+            </div>
+            <div class="code-name">.icon-iconx_IoTpeizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_hangyegl"></span>
+            <div class="name">
+              iconm_hangyegl
+            </div>
+            <div class="code-name">.icon-iconm_hangyegl
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_shebeigl"></span>
+            <div class="name">
+              iconm_shebeigl
+            </div>
+            <div class="code-name">.icon-iconm_shebeigl
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_gongcpz"></span>
+            <div class="name">
+              iconx_gongcpz
+            </div>
+            <div class="code-name">.icon-iconx_gongcpz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_gongcpz"></span>
+            <div class="name">
+              iconm_gongcpz
+            </div>
+            <div class="code-name">.icon-iconm_gongcpz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_IoTpeizhi"></span>
+            <div class="name">
+              iconm_IoTpeizhi
+            </div>
+            <div class="code-name">.icon-iconm_IoTpeizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_xiaoxtz1"></span>
+            <div class="name">
+              iconm_xiaoxtz
+            </div>
+            <div class="code-name">.icon-iconm_xiaoxtz1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-btn_yagnzhi"></span>
+            <div class="name">
+              btn_yagnzhi
+            </div>
+            <div class="code-name">.icon-btn_yagnzhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_yinhangk"></span>
+            <div class="name">
+              icon_yinhangk
+            </div>
+            <div class="code-name">.icon-icon_yinhangk
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_gengd"></span>
+            <div class="name">
+              iconm_gengd
+            </div>
+            <div class="code-name">.icon-iconm_gengd
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_baoyym"></span>
+            <div class="name">
+              icon_baoyym
+            </div>
+            <div class="code-name">.icon-icon_baoyym
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_gengd"></span>
+            <div class="name">
+              icomx_gengd
+            </div>
+            <div class="code-name">.icon-icomx_gengd
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_pingtaigl"></span>
+            <div class="name">
+              iconx_pingtaigl
+            </div>
+            <div class="code-name">.icon-iconx_pingtaigl
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_caigfk"></span>
+            <div class="name">
+              iconm_caigfk
+            </div>
+            <div class="code-name">.icon-iconm_caigfk
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_daohang"></span>
+            <div class="name">
+              iconm_daohang
+            </div>
+            <div class="code-name">.icon-iconm_daohang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_xinzengcd"></span>
+            <div class="name">
+              iconx_xinzengcd
+            </div>
+            <div class="code-name">.icon-iconx_xinzengcd
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_daohang"></span>
+            <div class="name">
+              iconx_daohang
+            </div>
+            <div class="code-name">.icon-iconx_daohang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_xinzengcd"></span>
+            <div class="name">
+              iconm_xinzengcd
+            </div>
+            <div class="code-name">.icon-iconm_xinzengcd
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_shujukb"></span>
+            <div class="name">
+              iconx_shujukb
+            </div>
+            <div class="code-name">.icon-iconx_shujukb
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_shujukb"></span>
+            <div class="name">
+              iconm_shujukb
+            </div>
+            <div class="code-name">.icon-iconm_shujukb
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_pingtaigl"></span>
+            <div class="name">
+              iconm_pingtaigl
+            </div>
+            <div class="code-name">.icon-iconm_pingtaigl
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-btn_penren"></span>
             <div class="name">
               btn_penren
@@ -5825,15 +6284,6 @@
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-iconm_xiaoxtz"></span>
-            <div class="name">
-              iconm_xiaoxtz
-            </div>
-            <div class="code-name">.icon-iconm_xiaoxtz
-            </div>
-          </li>
-          
-          <li class="dib">
             <span class="icon iconfont icon-iconm_zijzh"></span>
             <div class="name">
               iconm_zijzh
@@ -7689,6 +8139,254 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_huodaigs"></use>
+                </svg>
+                <div class="name">iconx_huodaigs</div>
+                <div class="code-name">#icon-iconx_huodaigs</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_duogongspz"></use>
+                </svg>
+                <div class="name">iconx_duogongspz</div>
+                <div class="code-name">#icon-iconx_duogongspz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_jichupeiz"></use>
+                </svg>
+                <div class="name">iconx_jichupeiz</div>
+                <div class="code-name">#icon-iconx_jichupeiz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_duogongspz"></use>
+                </svg>
+                <div class="name">iconm_duogongspz</div>
+                <div class="code-name">#icon-iconm_duogongspz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_huodaigs"></use>
+                </svg>
+                <div class="name">iconm_huodaigs</div>
+                <div class="code-name">#icon-iconm_huodaigs</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_jichupeiz"></use>
+                </svg>
+                <div class="name">iconm_jichupeiz</div>
+                <div class="code-name">#icon-iconm_jichupeiz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_jichuweih"></use>
+                </svg>
+                <div class="name">iconm_jichuweih</div>
+                <div class="code-name">#icon-iconm_jichuweih</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_jichuweih"></use>
+                </svg>
+                <div class="name">iconx_jichuweih</div>
+                <div class="code-name">#icon-iconx_jichuweih</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_shebeigl"></use>
+                </svg>
+                <div class="name">iconx_shebeigl</div>
+                <div class="code-name">#icon-iconx_shebeigl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_hangyegl"></use>
+                </svg>
+                <div class="name">iconx_hangyegl</div>
+                <div class="code-name">#icon-iconx_hangyegl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_IoTpeizhi"></use>
+                </svg>
+                <div class="name">iconx_IoTpeizhi</div>
+                <div class="code-name">#icon-iconx_IoTpeizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_hangyegl"></use>
+                </svg>
+                <div class="name">iconm_hangyegl</div>
+                <div class="code-name">#icon-iconm_hangyegl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_shebeigl"></use>
+                </svg>
+                <div class="name">iconm_shebeigl</div>
+                <div class="code-name">#icon-iconm_shebeigl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_gongcpz"></use>
+                </svg>
+                <div class="name">iconx_gongcpz</div>
+                <div class="code-name">#icon-iconx_gongcpz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_gongcpz"></use>
+                </svg>
+                <div class="name">iconm_gongcpz</div>
+                <div class="code-name">#icon-iconm_gongcpz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_IoTpeizhi"></use>
+                </svg>
+                <div class="name">iconm_IoTpeizhi</div>
+                <div class="code-name">#icon-iconm_IoTpeizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_xiaoxtz1"></use>
+                </svg>
+                <div class="name">iconm_xiaoxtz</div>
+                <div class="code-name">#icon-iconm_xiaoxtz1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-btn_yagnzhi"></use>
+                </svg>
+                <div class="name">btn_yagnzhi</div>
+                <div class="code-name">#icon-btn_yagnzhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_yinhangk"></use>
+                </svg>
+                <div class="name">icon_yinhangk</div>
+                <div class="code-name">#icon-icon_yinhangk</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_gengd"></use>
+                </svg>
+                <div class="name">iconm_gengd</div>
+                <div class="code-name">#icon-iconm_gengd</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_baoyym"></use>
+                </svg>
+                <div class="name">icon_baoyym</div>
+                <div class="code-name">#icon-icon_baoyym</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_gengd"></use>
+                </svg>
+                <div class="name">icomx_gengd</div>
+                <div class="code-name">#icon-icomx_gengd</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_pingtaigl"></use>
+                </svg>
+                <div class="name">iconx_pingtaigl</div>
+                <div class="code-name">#icon-iconx_pingtaigl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_caigfk"></use>
+                </svg>
+                <div class="name">iconm_caigfk</div>
+                <div class="code-name">#icon-iconm_caigfk</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_daohang"></use>
+                </svg>
+                <div class="name">iconm_daohang</div>
+                <div class="code-name">#icon-iconm_daohang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_xinzengcd"></use>
+                </svg>
+                <div class="name">iconx_xinzengcd</div>
+                <div class="code-name">#icon-iconx_xinzengcd</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_daohang"></use>
+                </svg>
+                <div class="name">iconx_daohang</div>
+                <div class="code-name">#icon-iconx_daohang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_xinzengcd"></use>
+                </svg>
+                <div class="name">iconm_xinzengcd</div>
+                <div class="code-name">#icon-iconm_xinzengcd</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_shujukb"></use>
+                </svg>
+                <div class="name">iconx_shujukb</div>
+                <div class="code-name">#icon-iconx_shujukb</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_shujukb"></use>
+                </svg>
+                <div class="name">iconm_shujukb</div>
+                <div class="code-name">#icon-iconm_shujukb</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_pingtaigl"></use>
+                </svg>
+                <div class="name">iconm_pingtaigl</div>
+                <div class="code-name">#icon-iconm_pingtaigl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-btn_penren"></use>
                 </svg>
                 <div class="name">btn_penren</div>
@@ -10089,14 +10787,6 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-iconm_xiaoxtz"></use>
-                </svg>
-                <div class="name">iconm_xiaoxtz</div>
-                <div class="code-name">#icon-iconm_xiaoxtz</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-iconm_zijzh"></use>
                 </svg>
                 <div class="name">iconm_zijzh</div>

src/assets/icons/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3933484 */
-  src: url('iconfont.woff2?t=1690168598112') format('woff2'),
-       url('iconfont.woff?t=1690168598112') format('woff'),
-       url('iconfont.ttf?t=1690168598112') format('truetype');
+  src: url('iconfont.woff2?t=1690782013986') format('woff2'),
+       url('iconfont.woff?t=1690782013986') format('woff'),
+       url('iconfont.ttf?t=1690782013986') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,130 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-iconx_huodaigs:before {
+  content: "\e901";
+}
+
+.icon-iconx_duogongspz:before {
+  content: "\e902";
+}
+
+.icon-iconx_jichupeiz:before {
+  content: "\e903";
+}
+
+.icon-iconm_duogongspz:before {
+  content: "\e904";
+}
+
+.icon-iconm_huodaigs:before {
+  content: "\e905";
+}
+
+.icon-iconm_jichupeiz:before {
+  content: "\e906";
+}
+
+.icon-iconm_jichuweih:before {
+  content: "\e900";
+}
+
+.icon-iconx_jichuweih:before {
+  content: "\e8ff";
+}
+
+.icon-iconx_shebeigl:before {
+  content: "\e8f7";
+}
+
+.icon-iconx_hangyegl:before {
+  content: "\e8f8";
+}
+
+.icon-iconx_IoTpeizhi:before {
+  content: "\e8f9";
+}
+
+.icon-iconm_hangyegl:before {
+  content: "\e8fa";
+}
+
+.icon-iconm_shebeigl:before {
+  content: "\e8fb";
+}
+
+.icon-iconx_gongcpz:before {
+  content: "\e8fc";
+}
+
+.icon-iconm_gongcpz:before {
+  content: "\e8fd";
+}
+
+.icon-iconm_IoTpeizhi:before {
+  content: "\e8fe";
+}
+
+.icon-iconm_xiaoxtz1:before {
+  content: "\e8f6";
+}
+
+.icon-btn_yagnzhi:before {
+  content: "\e8f1";
+}
+
+.icon-icon_yinhangk:before {
+  content: "\e8f2";
+}
+
+.icon-iconm_gengd:before {
+  content: "\e8f3";
+}
+
+.icon-icon_baoyym:before {
+  content: "\e8f4";
+}
+
+.icon-icomx_gengd:before {
+  content: "\e8f5";
+}
+
+.icon-iconx_pingtaigl:before {
+  content: "\e8e8";
+}
+
+.icon-iconm_caigfk:before {
+  content: "\e8e9";
+}
+
+.icon-iconm_daohang:before {
+  content: "\e8ea";
+}
+
+.icon-iconx_xinzengcd:before {
+  content: "\e8eb";
+}
+
+.icon-iconx_daohang:before {
+  content: "\e8ec";
+}
+
+.icon-iconm_xinzengcd:before {
+  content: "\e8ed";
+}
+
+.icon-iconx_shujukb:before {
+  content: "\e8ee";
+}
+
+.icon-iconm_shujukb:before {
+  content: "\e8ef";
+}
+
+.icon-iconm_pingtaigl:before {
+  content: "\e8f0";
+}
+
 .icon-btn_penren:before {
   content: "\e8e4";
 }
@@ -1213,10 +1337,6 @@
   content: "\e72b";
 }
 
-.icon-iconm_xiaoxtz:before {
-  content: "\e72c";
-}
-
 .icon-iconm_zijzh:before {
   content: "\e72d";
 }

src/assets/icons/iconfont/iconfont.json

@@ -6,6 +6,223 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "36645204",
+      "name": "iconx_huodaigs",
+      "font_class": "iconx_huodaigs",
+      "unicode": "e901",
+      "unicode_decimal": 59649
+    },
+    {
+      "icon_id": "36645206",
+      "name": "iconx_duogongspz",
+      "font_class": "iconx_duogongspz",
+      "unicode": "e902",
+      "unicode_decimal": 59650
+    },
+    {
+      "icon_id": "36645205",
+      "name": "iconx_jichupeiz",
+      "font_class": "iconx_jichupeiz",
+      "unicode": "e903",
+      "unicode_decimal": 59651
+    },
+    {
+      "icon_id": "36645202",
+      "name": "iconm_duogongspz",
+      "font_class": "iconm_duogongspz",
+      "unicode": "e904",
+      "unicode_decimal": 59652
+    },
+    {
+      "icon_id": "36645201",
+      "name": "iconm_huodaigs",
+      "font_class": "iconm_huodaigs",
+      "unicode": "e905",
+      "unicode_decimal": 59653
+    },
+    {
+      "icon_id": "36645203",
+      "name": "iconm_jichupeiz",
+      "font_class": "iconm_jichupeiz",
+      "unicode": "e906",
+      "unicode_decimal": 59654
+    },
+    {
+      "icon_id": "36644206",
+      "name": "iconm_jichuweih",
+      "font_class": "iconm_jichuweih",
+      "unicode": "e900",
+      "unicode_decimal": 59648
+    },
+    {
+      "icon_id": "36644207",
+      "name": "iconx_jichuweih",
+      "font_class": "iconx_jichuweih",
+      "unicode": "e8ff",
+      "unicode_decimal": 59647
+    },
+    {
+      "icon_id": "36643969",
+      "name": "iconx_shebeigl",
+      "font_class": "iconx_shebeigl",
+      "unicode": "e8f7",
+      "unicode_decimal": 59639
+    },
+    {
+      "icon_id": "36643965",
+      "name": "iconx_hangyegl",
+      "font_class": "iconx_hangyegl",
+      "unicode": "e8f8",
+      "unicode_decimal": 59640
+    },
+    {
+      "icon_id": "36643968",
+      "name": "iconx_IoTpeizhi",
+      "font_class": "iconx_IoTpeizhi",
+      "unicode": "e8f9",
+      "unicode_decimal": 59641
+    },
+    {
+      "icon_id": "36643967",
+      "name": "iconm_hangyegl",
+      "font_class": "iconm_hangyegl",
+      "unicode": "e8fa",
+      "unicode_decimal": 59642
+    },
+    {
+      "icon_id": "36643966",
+      "name": "iconm_shebeigl",
+      "font_class": "iconm_shebeigl",
+      "unicode": "e8fb",
+      "unicode_decimal": 59643
+    },
+    {
+      "icon_id": "36643964",
+      "name": "iconx_gongcpz",
+      "font_class": "iconx_gongcpz",
+      "unicode": "e8fc",
+      "unicode_decimal": 59644
+    },
+    {
+      "icon_id": "36643962",
+      "name": "iconm_gongcpz",
+      "font_class": "iconm_gongcpz",
+      "unicode": "e8fd",
+      "unicode_decimal": 59645
+    },
+    {
+      "icon_id": "36643963",
+      "name": "iconm_IoTpeizhi",
+      "font_class": "iconm_IoTpeizhi",
+      "unicode": "e8fe",
+      "unicode_decimal": 59646
+    },
+    {
+      "icon_id": "36642656",
+      "name": "iconm_xiaoxtz",
+      "font_class": "iconm_xiaoxtz1",
+      "unicode": "e8f6",
+      "unicode_decimal": 59638
+    },
+    {
+      "icon_id": "36642567",
+      "name": "btn_yagnzhi",
+      "font_class": "btn_yagnzhi",
+      "unicode": "e8f1",
+      "unicode_decimal": 59633
+    },
+    {
+      "icon_id": "36642563",
+      "name": "icon_yinhangk",
+      "font_class": "icon_yinhangk",
+      "unicode": "e8f2",
+      "unicode_decimal": 59634
+    },
+    {
+      "icon_id": "36642565",
+      "name": "iconm_gengd",
+      "font_class": "iconm_gengd",
+      "unicode": "e8f3",
+      "unicode_decimal": 59635
+    },
+    {
+      "icon_id": "36642566",
+      "name": "icon_baoyym",
+      "font_class": "icon_baoyym",
+      "unicode": "e8f4",
+      "unicode_decimal": 59636
+    },
+    {
+      "icon_id": "36642564",
+      "name": "icomx_gengd",
+      "font_class": "icomx_gengd",
+      "unicode": "e8f5",
+      "unicode_decimal": 59637
+    },
+    {
+      "icon_id": "36642136",
+      "name": "iconx_pingtaigl",
+      "font_class": "iconx_pingtaigl",
+      "unicode": "e8e8",
+      "unicode_decimal": 59624
+    },
+    {
+      "icon_id": "36642134",
+      "name": "iconm_caigfk",
+      "font_class": "iconm_caigfk",
+      "unicode": "e8e9",
+      "unicode_decimal": 59625
+    },
+    {
+      "icon_id": "36642133",
+      "name": "iconm_daohang",
+      "font_class": "iconm_daohang",
+      "unicode": "e8ea",
+      "unicode_decimal": 59626
+    },
+    {
+      "icon_id": "36642132",
+      "name": "iconx_xinzengcd",
+      "font_class": "iconx_xinzengcd",
+      "unicode": "e8eb",
+      "unicode_decimal": 59627
+    },
+    {
+      "icon_id": "36642130",
+      "name": "iconx_daohang",
+      "font_class": "iconx_daohang",
+      "unicode": "e8ec",
+      "unicode_decimal": 59628
+    },
+    {
+      "icon_id": "36642131",
+      "name": "iconm_xinzengcd",
+      "font_class": "iconm_xinzengcd",
+      "unicode": "e8ed",
+      "unicode_decimal": 59629
+    },
+    {
+      "icon_id": "36642129",
+      "name": "iconx_shujukb",
+      "font_class": "iconx_shujukb",
+      "unicode": "e8ee",
+      "unicode_decimal": 59630
+    },
+    {
+      "icon_id": "36642128",
+      "name": "iconm_shujukb",
+      "font_class": "iconm_shujukb",
+      "unicode": "e8ef",
+      "unicode_decimal": 59631
+    },
+    {
+      "icon_id": "36642135",
+      "name": "iconm_pingtaigl",
+      "font_class": "iconm_pingtaigl",
+      "unicode": "e8f0",
+      "unicode_decimal": 59632
+    },
+    {
       "icon_id": "36562143",
       "name": "btn_penren",
       "font_class": "btn_penren",
@@ -2106,13 +2323,6 @@
       "unicode_decimal": 59179
     },
     {
-      "icon_id": "34839775",
-      "name": "iconm_xiaoxtz",
-      "font_class": "iconm_xiaoxtz",
-      "unicode": "e72c",
-      "unicode_decimal": 59180
-    },
-    {
       "icon_id": "34839776",
       "name": "iconm_zijzh",
       "font_class": "iconm_zijzh",

src/components/byForm/index.vue

@@ -7,254 +7,191 @@
       :rules="rules"
       :labelPosition="formOption.labelPosition || 'top'"
       ref="byForm"
-      :disabled="formOption.disabled || false"
-    >
-      <el-form-item
-        :label="i.label"
-        v-for="i in formConfig"
-        :key="i.model"
-        :prop="i.prop"
-        v-show="i.isShow || i.isShow == undefined"
-        :style="
-          i.type == 'title'
-            ? 'width:100%'
-            : i.itemWidth
-            ? 'width:' + i.itemWidth + '%'
-            : formOption.itemWidth
-            ? 'width:' + formOption.itemWidth + '%'
-            : '100%'
-        "
-        :class="i.type == 'json' ? i.isHide ? 'by-form-json dn' : 'by-form-json' : i.isHide ? 'dn' : ''"
-      >
-        <el-input
-          v-if="i.type == 'input'"
-          v-model="formData[i.prop]"
-          :placeholder="i.placeholder || $t('common.pleaseEnter')"
-          @input="(e) => commonsEmit(e, i)"
-          @change="(e) => commonsEmitChange(e, i)"
-          :type="i.itemType ? i.itemType : 'text'"
-          :disabled="i.disabled ? i.disabled : false"
-          :max="i.max"
-          :min="i.min"
-          :maxlength="i.maxlength"
-          :readonly="i.readonly ? i.readonly : false"
-          :style="i.style"
-        />
-        <el-input
-          v-if="i.type == 'selectInput'"
-          v-model="formData[i.prop]"
-          :placeholder="i.placeholder || $t('common.pleaseEnter')"
-          @input="(e) => commonsEmit(e, i)"
-          :type="i.itemType ? i.itemType : 'text'"
-          :disabled="i.disabled ? i.disabled : false"
-          :max="i.max"
-          :min="i.min"
-          :maxlength="i.maxlength"
-          :readonly="i.readonly ? i.readonly : false"
-          :clearable="i.clearable ? i.clearable : false"
-        >
-          <template #prepend>
-            <el-select
-              v-model="formData[i.selectProp]"
-              :placeholder="i.selectPlaceholder || $t('common.pleaseSelect')"
-              @change="(e) => commonsEmit(e, i)"
-              :disabled="i.disabled ? i.disabled : false"
-              :readonly="i.readonly ? i.readonly : false"
-              style="width: 80px"
-            >
-              <el-option
-                :label="j.title || j.name || j.label"
-                :value="j.id || j.value"
-                v-for="j in i.data"
-                :key="j.id"
-              >
-              </el-option>
-            </el-select>
-          </template>
-        </el-input>
-        <el-select
-          v-model="formData[i.prop]"
-          :multiple="i.multiple || false"
-          v-else-if="i.type == 'select'"
-          :placeholder="i.placeholder || $t('common.pleaseSelect')"
-          @change="(e) => commonsEmit(e, i)"
-          :disabled="i.disabled ? i.disabled : false"
-          :clearable="i.clearable ? i.clearable : false"
-          :filterable="i.filterable ? true : false"
-          :style="i.style"
-          :readonly="i.readonly ? i.readonly : false"
-        >
-          <el-option
-            :label="j.title || j.name || j.label"
-            :value="j.id || j.value"
-            v-for="j in i.data"
-            :key="j.id"
-          >
-          </el-option>
-        </el-select>
-        <el-tree-select
-          v-model="formData[i.prop]"
-          v-else-if="i.type == 'treeSelect'"
-          :data="i.data"
-          :readonly="i.readonly ? i.readonly : false"
-          :props="{
-            value: i.propsTreeValue || 'id',
-            label: i.propsTreeLabel || 'label',
-            children: i.propsTreeChildren || 'children',
-          }"
-          value-key="id"
-          :placeholder="i.placeholder || $t('common.pleaseSelect')"
-          :disabled="i.disabled ? i.disabled : false"
-          check-strictly
-          :style="i.style"
-        />
-        <el-date-picker
-          v-model="formData[i.prop]"
-          :readonly="i.readonly ? i.readonly : false"
-          v-else-if="i.type == 'date'"
-          :type="i.itemType"
-          :placeholder="i.placeholder || $t('common.pleaseSelectTime')"
-          @change="(e) => commonsEmit(e, i)"
-          :disabled="i.disabled ? i.disabled : false"
-          :format="i.format ? i.format : dateFormatInit(i.itemType)"
-          :value-format="i.format ? i.format : dateFormatInit(i.itemType)"
-        />
-        <el-switch
-          :disabled="i.disabled ? i.disabled : false"
-          v-else-if="i.type == 'switch'"
-          :readonly="i.readonly ? i.readonly : false"
-          v-model="formData[i.prop]"
-        />
-        <el-checkbox-group
-          v-else-if="i.type == 'checkbox'"
-          v-model="formData[i.prop]"
-          :readonly="i.readonly ? i.readonly : false"
-          :disabled="i.disabled ? i.disabled : false"
-        >
-          <el-checkbox
-            v-for="j in i.data"
-            :key="j.id || j.value"
-            :label="j.id || j.value"
-            name="type"
-          >
-            {{ j.name || j.label }}
-          </el-checkbox>
-        </el-checkbox-group>
-        <el-radio-group
-          v-else-if="i.type == 'radio'"
-          v-model="formData[i.prop]"
-          :readonly="i.readonly ? i.readonly : false"
-          :disabled="i.disabled ? i.disabled : false"
-        >
-          <el-radio
-            :border="i.border ? i.border : false"
-            v-for="j in i.data"
-            :key="j.id || j.value"
-            :label="j.id || j.value"
-            name="type"
-          >
-            {{ j.name || j.label }}
-          </el-radio>
-        </el-radio-group>
-        <el-input-number
-          v-else-if="i.type == 'number'"
-          v-model="formData[i.prop]"
-          :readonly="i.readonly ? i.readonly : false"
-          :placeholder="i.placeholder || $t('common.pleaseEnter')"
-          @change="(e) => commonsEmit(e, i)"
-          :disabled="i.disabled ? i.disabled : false"
-          :min="i.min ? i.min : 0"
-          :max="i.max ? i.max : 9999999999"
-          :step="i.step ? i.step : 1"
-          :precision="i.precision !== '' ? i.precision : 2"
-          :controls="i.controls === false ? false : true"
-          :style="i.style"
-          onmousewheel="return false;"
-        >
-        </el-input-number>
-        <el-tree
-          v-else-if="i.type == 'tree'"
-          :data="i.data"
-          :props="i.props"
-          :readonly="i.readonly ? i.readonly : false"
-          :show-checkbox="i.showCheckbox || true"
-        >
-        </el-tree>
-        <el-cascader
-          v-else-if="i.type == 'cascader'"
-          :options="i.data"
-          :props="i.props"
-          :readonly="i.readonly ? i.readonly : false"
-          :placeholder="i.placeholder || $t('common.pleaseSelect')"
-          @change="(e) => commonsEmit(e, i)"
-          :disabled="i.disabled ? i.disabled : false"
-          :style="i.style"
-        >
-        </el-cascader>
-        <div class="form-title" v-else-if="i.type == 'title'">
-          {{ i.title }}
-        </div>
-        <slot :name="i.slotName" v-else-if="i.type == 'slot'">
-          {{ i.slotName }}插槽占位符
-        </slot>
-        <div class="upload" v-else-if="i.type == 'upload'">
-          <el-upload
+      :disabled="formOption.disabled || false">
+      <template v-for="i in formConfig" :key="i.model">
+        <el-form-item
+          :label="i.label"
+          :prop="i.prop"
+          v-if="i.isShow || i.isShow == undefined"
+          :style="
+            i.type == 'title'
+              ? 'width:100%'
+              : i.itemWidth
+              ? 'width:' + i.itemWidth + '%'
+              : formOption.itemWidth
+              ? 'width:' + formOption.itemWidth + '%'
+              : '100%'
+          "
+          :class="i.type == 'json' ? (i.isHide ? 'by-form-json dn' : 'by-form-json') : i.isHide ? 'dn' : ''">
+          <el-input
+            v-if="i.type == 'input'"
             v-model="formData[i.prop]"
-            action="https://winfaster.obs.cn-south-1.myhuaweicloud.com"
-            :data="uploadData"
-            list-type="picture-card"
-            :on-remove="handleRemove"
-            :on-success="handleSuccess"
-            :before-upload="handleBeforeUpload"
-          >
-            <!-- <el-icon class="el-icon--upload"><upload-filled /></el-icon> -->
-            <el-icon><Plus /></el-icon>
-          </el-upload>
-        </div>
-        <div
-          v-else-if="i.type == 'table'"
-          class="by-form-table"
-          style="width: 100%"
-        >
-          <el-table :data="formData[i.prop]" style="width: 100%">
-            <el-table-column
-              :prop="j.prop"
-              :label="j.label"
-              :width="i.width"
-              v-for="(j, jindex) in i.column"
-            >
-              <template #default="scope" v-if="j.type">
-                <component
-                  @change="(e) => formTableChange(e, scope, j)"
-                  v-model="scope.row[j.prop]"
-                  :is="formTableObj[j.type]"
-                  :placeholder="j.placeholder || $t('common.pleaseEnter')"
-                  :type="j.type == 'number' ? 'number' : 'text'"
-                >
-                  <el-option
-                    :label="n.title || n.name || n.label"
-                    :value="n.id || n.value"
-                    v-for="n in j.data"
-                    :key="n.id"
-                    v-if="j.type == 'select'"
-                  >
-                  </el-option>
-                </component>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div v-else-if="i.type == 'json'">
-          <byForm
-            :formConfig="i.json"
-            :formOption="formOption"
+            :placeholder="i.placeholder || $t('common.pleaseEnter')"
+            @input="(e) => commonsEmit(e, i)"
+            @change="(e) => commonsEmitChange(e, i)"
+            :type="i.itemType ? i.itemType : 'text'"
+            :disabled="i.disabled ? i.disabled : false"
+            :max="i.max"
+            :min="i.min"
+            :maxlength="i.maxlength"
+            :readonly="i.readonly ? i.readonly : false"
+            :style="i.style" />
+          <el-input
+            v-if="i.type == 'selectInput'"
             v-model="formData[i.prop]"
-            ref="byform"
-            :rules="rules"
-          >
-          </byForm>
-        </div>
-      </el-form-item>
+            :placeholder="i.placeholder || $t('common.pleaseEnter')"
+            @input="(e) => commonsEmit(e, i)"
+            :type="i.itemType ? i.itemType : 'text'"
+            :disabled="i.disabled ? i.disabled : false"
+            :max="i.max"
+            :min="i.min"
+            :maxlength="i.maxlength"
+            :readonly="i.readonly ? i.readonly : false"
+            :clearable="i.clearable ? i.clearable : false">
+            <template #prepend>
+              <el-select
+                v-model="formData[i.selectProp]"
+                :placeholder="i.selectPlaceholder || $t('common.pleaseSelect')"
+                @change="(e) => commonsEmit(e, i)"
+                :disabled="i.disabled ? i.disabled : false"
+                :readonly="i.readonly ? i.readonly : false"
+                style="width: 80px">
+                <el-option :label="j.title || j.name || j.label" :value="j.id || j.value" v-for="j in i.data" :key="j.id"> </el-option>
+              </el-select>
+            </template>
+          </el-input>
+          <el-select
+            v-model="formData[i.prop]"
+            :multiple="i.multiple || false"
+            v-else-if="i.type == 'select'"
+            :placeholder="i.placeholder || $t('common.pleaseSelect')"
+            @change="(e) => commonsEmit(e, i)"
+            :disabled="i.disabled ? i.disabled : false"
+            :clearable="i.clearable ? i.clearable : false"
+            :filterable="i.filterable ? true : false"
+            :style="i.style"
+            :readonly="i.readonly ? i.readonly : false">
+            <el-option :label="j.title || j.name || j.label" :value="j.id || j.value" v-for="j in i.data" :key="j.id"> </el-option>
+          </el-select>
+          <el-tree-select
+            v-model="formData[i.prop]"
+            v-else-if="i.type == 'treeSelect'"
+            :data="i.data"
+            :readonly="i.readonly ? i.readonly : false"
+            :props="{
+              value: i.propsTreeValue || 'id',
+              label: i.propsTreeLabel || 'label',
+              children: i.propsTreeChildren || 'children',
+            }"
+            value-key="id"
+            :placeholder="i.placeholder || $t('common.pleaseSelect')"
+            :disabled="i.disabled ? i.disabled : false"
+            check-strictly
+            :style="i.style" />
+          <el-date-picker
+            v-model="formData[i.prop]"
+            :readonly="i.readonly ? i.readonly : false"
+            v-else-if="i.type == 'date'"
+            :type="i.itemType"
+            :placeholder="i.placeholder || $t('common.pleaseSelectTime')"
+            @change="(e) => commonsEmit(e, i)"
+            :disabled="i.disabled ? i.disabled : false"
+            :format="i.format ? i.format : dateFormatInit(i.itemType)"
+            :value-format="i.format ? i.format : dateFormatInit(i.itemType)" />
+          <el-switch
+            :disabled="i.disabled ? i.disabled : false"
+            v-else-if="i.type == 'switch'"
+            :readonly="i.readonly ? i.readonly : false"
+            v-model="formData[i.prop]" />
+          <el-checkbox-group
+            v-else-if="i.type == 'checkbox'"
+            v-model="formData[i.prop]"
+            :readonly="i.readonly ? i.readonly : false"
+            :disabled="i.disabled ? i.disabled : false">
+            <el-checkbox v-for="j in i.data" :key="j.id || j.value" :label="j.id || j.value" name="type">
+              {{ j.name || j.label }}
+            </el-checkbox>
+          </el-checkbox-group>
+          <el-radio-group
+            v-else-if="i.type == 'radio'"
+            v-model="formData[i.prop]"
+            :readonly="i.readonly ? i.readonly : false"
+            :disabled="i.disabled ? i.disabled : false">
+            <el-radio :border="i.border ? i.border : false" v-for="j in i.data" :key="j.id || j.value" :label="j.id || j.value" name="type">
+              {{ j.name || j.label }}
+            </el-radio>
+          </el-radio-group>
+          <el-input-number
+            v-else-if="i.type == 'number'"
+            v-model="formData[i.prop]"
+            :readonly="i.readonly ? i.readonly : false"
+            :placeholder="i.placeholder || $t('common.pleaseEnter')"
+            @change="(e) => commonsEmit(e, i)"
+            :disabled="i.disabled ? i.disabled : false"
+            :min="i.min ? i.min : 0"
+            :max="i.max ? i.max : 9999999999"
+            :step="i.step ? i.step : 1"
+            :precision="i.precision !== '' ? i.precision : 2"
+            :controls="i.controls === false ? false : true"
+            :style="i.style"
+            onmousewheel="return false;">
+          </el-input-number>
+          <el-tree
+            v-else-if="i.type == 'tree'"
+            :data="i.data"
+            :props="i.props"
+            :readonly="i.readonly ? i.readonly : false"
+            :show-checkbox="i.showCheckbox || true">
+          </el-tree>
+          <el-cascader
+            v-else-if="i.type == 'cascader'"
+            :options="i.data"
+            :props="i.props"
+            :readonly="i.readonly ? i.readonly : false"
+            :placeholder="i.placeholder || $t('common.pleaseSelect')"
+            @change="(e) => commonsEmit(e, i)"
+            :disabled="i.disabled ? i.disabled : false"
+            :style="i.style">
+          </el-cascader>
+          <div class="form-title" v-else-if="i.type == 'title'">
+            {{ i.title }}
+          </div>
+          <slot :name="i.slotName" v-else-if="i.type == 'slot'"> {{ i.slotName }}插槽占位符 </slot>
+          <div class="upload" v-else-if="i.type == 'upload'">
+            <el-upload
+              v-model="formData[i.prop]"
+              action="https://winfaster.obs.cn-south-1.myhuaweicloud.com"
+              :data="uploadData"
+              list-type="picture-card"
+              :on-remove="handleRemove"
+              :on-success="handleSuccess"
+              :before-upload="handleBeforeUpload">
+              <!-- <el-icon class="el-icon--upload"><upload-filled /></el-icon> -->
+              <el-icon><Plus /></el-icon>
+            </el-upload>
+          </div>
+          <div v-else-if="i.type == 'table'" class="by-form-table" style="width: 100%">
+            <el-table :data="formData[i.prop]" style="width: 100%">
+              <el-table-column :prop="j.prop" :label="j.label" :width="i.width" v-for="(j, jindex) in i.column">
+                <template #default="scope" v-if="j.type">
+                  <component
+                    @change="(e) => formTableChange(e, scope, j)"
+                    v-model="scope.row[j.prop]"
+                    :is="formTableObj[j.type]"
+                    :placeholder="j.placeholder || $t('common.pleaseEnter')"
+                    :type="j.type == 'number' ? 'number' : 'text'">
+                    <el-option :label="n.title || n.name || n.label" :value="n.id || n.value" v-for="n in j.data" :key="n.id" v-if="j.type == 'select'">
+                    </el-option>
+                  </component>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div v-else-if="i.type == 'json'">
+            <byForm :formConfig="i.json" :formOption="formOption" v-model="formData[i.prop]" ref="byform" :rules="rules"> </byForm>
+          </div>
+        </el-form-item>
+      </template>
     </el-form>
   </div>
 </template>
@@ -263,7 +200,7 @@ export default {
   name: "byForm",
 };
 </script>
-<script  setup>
+<script setup>
 import { set } from "@vueuse/shared";
 import { reactive } from "vue";
 defineProps({
@@ -310,9 +247,7 @@ const handleSuccess = (res, file, files) => {
 };
 
 const handleRemove = (file) => {
-  const index = fileListCopy.value.findIndex(
-    (x) => x.uid === file.uid || x.id === file.id
-  );
+  const index = fileListCopy.value.findIndex((x) => x.uid === file.uid || x.id === file.id);
   fileListCopy.value.splice(index, 1);
 };
 
@@ -396,16 +331,9 @@ const commonRecursive = (arr, labelKey, labelVal, childrenName) => {
       arr[i].children = arr[i][childrenName];
     }
     arr[i].checked = false;
-    typeof arr[i][labelVal] == String
-      ? (arr[i].key = arr[i][labelVal])
-      : (arr[i].key = JSON.stringify(arr[i][labelVal]));
+    typeof arr[i][labelVal] == String ? (arr[i].key = arr[i][labelVal]) : (arr[i].key = JSON.stringify(arr[i][labelVal]));
     if (childrenName) {
-      this.commonRecursive(
-        arr[i][childrenName],
-        labelKey,
-        labelVal,
-        childrenName
-      );
+      this.commonRecursive(arr[i][childrenName], labelKey, labelVal, childrenName);
     }
   }
 };
@@ -420,12 +348,7 @@ const commonGetdata = (isLoad, i) => {
     }
     proxy.formConfig[i].data = getFormat(isLoad.resUrl, message);
     if (isLoad.labelKey) {
-      commonRecursive(
-        proxy.formConfig[i].data,
-        isLoad.labelKey,
-        isLoad.labelVal,
-        isLoad.childrenName
-      );
+      commonRecursive(proxy.formConfig[i].data, isLoad.labelKey, isLoad.labelVal, isLoad.childrenName);
     }
     console.log(proxy.formConfig[i].data);
   });
@@ -434,9 +357,7 @@ const commonGetdata = (isLoad, i) => {
 //根据resurl获取数据
 const getFormat = (formatStr, props) => {
   if (!formatStr) return props;
-  return formatStr
-    .split(".")
-    .reduce((total, cur) => (!total ? "" : total[cur]), props);
+  return formatStr.split(".").reduce((total, cur) => (!total ? "" : total[cur]), props);
 };
 
 //初始化所有表单
@@ -521,10 +442,10 @@ loadInit();
 }
 .by-form .el-form--inline .el-form-item {
   margin-right: 0px;
-  
+
   box-sizing: border-box;
 }
-.by-form .el-form--inline>.el-form-item{
+.by-form .el-form--inline > .el-form-item {
   padding: 0 10px;
 }
 
@@ -540,6 +461,6 @@ loadInit();
 }
 
 .by-form-json {
-  padding: 0px!important;
+  padding: 0px !important;
 }
-</style>
+</style>