From ecd0a49e85981dae77c673f206344f1f59bea708 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Fri, 14 Jul 2023 12:34:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9searchbar=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=B1=95=E5=BC=80=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                           |   2 +-
 src/assets/iconfont/demo_index.html    |  58 +++++-
 src/assets/iconfont/iconfont.css       |  20 +-
 src/assets/iconfont/iconfont.eot       | Bin 2448 -> 2664 bytes
 src/assets/iconfont/iconfont.js        |   2 +-
 src/assets/iconfont/iconfont.json      |  14 ++
 src/assets/iconfont/iconfont.svg       |   4 +
 src/assets/iconfont/iconfont.ttf       | Bin 2280 -> 2496 bytes
 src/assets/iconfont/iconfont.woff      | Bin 1416 -> 1544 bytes
 src/assets/iconfont/iconfont.woff2     | Bin 976 -> 1120 bytes
 src/components/SearchBar/SearchBar.vue | 261 +++++++++++++++----------
 11 files changed, 239 insertions(+), 122 deletions(-)

diff --git a/package.json b/package.json
index a267353..1f2fdc9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "code-brick-zj",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": false,
   "description": "组件封装",
   "main": "index.js"
diff --git a/src/assets/iconfont/demo_index.html b/src/assets/iconfont/demo_index.html
index 5b4d21c..348d9b9 100644
--- a/src/assets/iconfont/demo_index.html
+++ b/src/assets/iconfont/demo_index.html
@@ -54,6 +54,18 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">downward</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe605;</span>
+                <div class="name">upward</div>
+                <div class="code-name">&amp;#xe605;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe601;</span>
                 <div class="name">detail</div>
@@ -90,12 +102,12 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.eot?t=1670833747896'); /* IE9 */
-  src: url('iconfont.eot?t=1670833747896#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPQAAsAAAAACOgAAAOEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDDAqFLIQ+ATYCJAMQCwoABCAFhGcHQBuuBxEVnK3Ifhw4bsPKemuJufIlJ6qEJtJ/DgLK2Waz25KLIeL68gZe14KfiOD6U5E2QABZ5KNTuwgOKAujXT79x/1YSS7XBUAFLGCF+j/HTJeEH0SWWbjW+YAG1mlRhHuzvBKkO5ZXHqRr/nkXBGBQTxtapy69BuHMGr9oDiUovFoBZaiYNX3qeHTJR42ECnQEXuhEhViPB7RQ7SywLr29eEODdNDwSLxl+k3pPInjz8VzKX1BH+Rd4hoEuLMGeAAJ1DqZUAwblw9A5vZaJEafXFGFtFYIeC6DQZ6LGH/uf3kg0JAgvHh0C2MbOSQ8FyGNlKFhGpghMQrS3ZigAzbwFviHxyxFPbxoePJhhM2p74R/ShGj1BLHHwa+cDNvIFIIN2JY/cEW+6LTA5mxbkyGPy1K0864xM0NZKP5th8+aTj+00d3Co+769gZ0w6Eh/vCwgzLvzsrDuXbcmDRbfflJooxkZnZ0YUmhaVlRMTEFp3rzxFSvSrLIN7hWVMN4V5WHX4RDH+WL9vMH8h1c+a4ucumZYM13fJfVqNmd7Bza9EXm0040ctGslkoaKHSkko12tRfWSTvrYTSCbfKxMXVqixFkwecCiUbOAXKrb53spxT7uS91RhnrNU85OXaAmtfhjQv2ObQk4JOifhbJRy2qL0kNKm+ETp5xRAlz7RrBjNsg5Xf6hrSi1HpUVtwriiOm5j5z/8Ma1W5YeUaNKZVmE1xtsJe7VpawqqBra0muTlJA/SjjHp0DWoSpR9RDThSuSHz8LaS67TrELwmc2VNCD6UybL8//EZPrmfmozN2+qbbioAHhyOuJLqgtcU8AB0NBD4v4ExCphX2QZQqo8cEv8wwVDeuFUDDF8NQawu4P4azILgYBDoFCxBIw8lQaJTAamwNcCDSQPwotMaDGrqPN2koHlIhAoBqliFQJBPNmg4HACJkM8HqbBf8CjiB175/MEwJHsxU5XUllAwapBv8GooJmBx2ugJ7T0J6rLckGaPTdBWTdN1xIK0xJD5YTtmA4aGDAe+HaY0wEhDQMWVYx77ujZ9V6nUkBdbBAkMaUB6A54yKEycn+v3d4Ksu0QgIPImJTPFkcZBq9IAkEd6AeU8yTKzB6vDmAEMQs4MHKQUJcs+AGN/uwAprOJmWEe92s9noPRqf2a+vHWAwVtSpQkplPDgHbLwaTNZey59EjIuFg==') format('woff2'),
-       url('iconfont.woff?t=1670833747896') format('woff'),
-       url('iconfont.ttf?t=1670833747896') format('truetype'),
-       url('iconfont.svg?t=1670833747896#iconfont') format('svg');
+  src: url('iconfont.eot?t=1689233106339'); /* IE9 */
+  src: url('iconfont.eot?t=1689233106339#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARgAAsAAAAACcAAAAQUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDKAqGSIUsATYCJAMYCw4ABCAFhGcHVBtUCMiuMG7hiaIkox1FaBhxvd1fpwAN4YKo1v7tWTr8hBRkBQgO7yqKUJKPUKzDjkixjn7/q0vlANCkEHCJtsMvx2eQn04h5rHEE8593TK2y1SC5nbvNG5gqgZBNEWTqFUQLGVFNnVu1TjyMm3SafEsC3y0myW12KdEh2x+deP/zzHTJeG3AVBm4lrnAxpQN0US7s3ijuSE6Jbh1UGv08cgQEivMg5z6m49Qj77TVxDEZww6gXicNkviSbkxgswNeGCj+CgMw1yFRpAnUNegSv+8+UfU/igsBpjnRV3rRV9+Su8Fk1Agv6CW4eAeyvAAhronJlI1tcrVnIMHZ0cCcsUTrRTnQ0CP50B4KfgEub9Lw80BougQBwGI8bYJU4LPwUbBw0/HXAw8NORUM90wsT9JeIMFACux9QckHyQ9FDYTobcGi+FLSjwMxDe3L5s+w9THFYeEs8H303FWMnZ1JuBWFgNPh3bd5wOvJmKI9aTqXeD8eJ66HnfnV1dJPE8cy4EgqT+s/SbdSWbp9Pn24NbZ1MnGw7CDbvT6+lL1CXVh++hcH56umDT9vOviL/grQ6srHjE57uLHdQn+dtO9x2v94WN6+eXm0HWlZOzta3tUDp1JWjymsiD8r0ViWGkC+n4GeH5aODSM+9COnilpdfdZsRIvMerLmS0uICTplrOnb99LT3NkJNeajPfpDznblq6bXH8efBjlPIUxhQcX+U0qEdt4bjxy6rMdOkbEn0/3mlvrXZL60ysxdwcn/qKLJ/82pnzGS61z5rBeGmrxf33ZXN/IBWUvb8KSvnttbwwq+YTkweZHue0M0+c0ssZGY/Rs+aVF8+3GaW07CkvLC/KcBvP8c2uGpsdm0THlazwlPE22Kdi9ZK4Hdsmtw9eHVQwPjG0p33Q7tGMJ6TUJ2VK1MMw6ftI6qPPtruCvEPmLZqiHcj1Aw3Rup/sdzj+lt/w3f5TrAHgx++nD7A+8xaD4CL8m60Q+KWYO7CgUY3gTFl+OwUBHKteh00BoWmGDIYm301frAJwKAg+BTEoPCpA41OPNNh2sET0g8NnCkI61M6PKKBzREwANBtGIOS6BEU2D0CT6xvSYP+Apdg/cOT6DyErI68W0RzbqhmYOFixuRNLFqoRi839Zh+A2KqYWJH1CTC7hM04My0j664HDVgXY+xtYhbnBBNGVVzH7geKQrHOqA0sPK2Fc70oPZ2UPSTNQlVUjQEmHLDCzDphEgtKQ9zCPP16DwBRK4UJAyKfyBg7jaeaxzKlyQAg6xkaKO9M2tu1EWXhOEL3IxhKhdWpMqCYDgrTy7vZAAsuTUsLm65IOlWIQBlp47PUS9wAhBgHOFGixYgVJx7+dtqutZuY1eXTvXYncJOkOF1Wicd+CnBACA==') format('woff2'),
+       url('iconfont.woff?t=1689233106339') format('woff'),
+       url('iconfont.ttf?t=1689233106339') format('truetype'),
+       url('iconfont.svg?t=1689233106339#iconfont') format('svg');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -121,6 +133,24 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-downward"></span>
+            <div class="name">
+              downward
+            </div>
+            <div class="code-name">.icon-downward
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-upward"></span>
+            <div class="name">
+              upward
+            </div>
+            <div class="code-name">.icon-upward
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-detail"></span>
             <div class="name">
@@ -175,6 +205,22 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-downward"></use>
+                </svg>
+                <div class="name">downward</div>
+                <div class="code-name">#icon-downward</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-upward"></use>
+                </svg>
+                <div class="name">upward</div>
+                <div class="code-name">#icon-upward</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-detail"></use>
diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css
index 3e5c87f..da3d1f0 100644
--- a/src/assets/iconfont/iconfont.css
+++ b/src/assets/iconfont/iconfont.css
@@ -1,11 +1,11 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3821755 */
-  src: url('iconfont.eot?t=1670833747896'); /* IE9 */
-  src: url('iconfont.eot?t=1670833747896#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPQAAsAAAAACOgAAAOEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDDAqFLIQ+ATYCJAMQCwoABCAFhGcHQBuuBxEVnK3Ifhw4bsPKemuJufIlJ6qEJtJ/DgLK2Waz25KLIeL68gZe14KfiOD6U5E2QABZ5KNTuwgOKAujXT79x/1YSS7XBUAFLGCF+j/HTJeEH0SWWbjW+YAG1mlRhHuzvBKkO5ZXHqRr/nkXBGBQTxtapy69BuHMGr9oDiUovFoBZaiYNX3qeHTJR42ECnQEXuhEhViPB7RQ7SywLr29eEODdNDwSLxl+k3pPInjz8VzKX1BH+Rd4hoEuLMGeAAJ1DqZUAwblw9A5vZaJEafXFGFtFYIeC6DQZ6LGH/uf3kg0JAgvHh0C2MbOSQ8FyGNlKFhGpghMQrS3ZigAzbwFviHxyxFPbxoePJhhM2p74R/ShGj1BLHHwa+cDNvIFIIN2JY/cEW+6LTA5mxbkyGPy1K0864xM0NZKP5th8+aTj+00d3Co+769gZ0w6Eh/vCwgzLvzsrDuXbcmDRbfflJooxkZnZ0YUmhaVlRMTEFp3rzxFSvSrLIN7hWVMN4V5WHX4RDH+WL9vMH8h1c+a4ucumZYM13fJfVqNmd7Bza9EXm0040ctGslkoaKHSkko12tRfWSTvrYTSCbfKxMXVqixFkwecCiUbOAXKrb53spxT7uS91RhnrNU85OXaAmtfhjQv2ObQk4JOifhbJRy2qL0kNKm+ETp5xRAlz7RrBjNsg5Xf6hrSi1HpUVtwriiOm5j5z/8Ma1W5YeUaNKZVmE1xtsJe7VpawqqBra0muTlJA/SjjHp0DWoSpR9RDThSuSHz8LaS67TrELwmc2VNCD6UybL8//EZPrmfmozN2+qbbioAHhyOuJLqgtcU8AB0NBD4v4ExCphX2QZQqo8cEv8wwVDeuFUDDF8NQawu4P4azILgYBDoFCxBIw8lQaJTAamwNcCDSQPwotMaDGrqPN2koHlIhAoBqliFQJBPNmg4HACJkM8HqbBf8CjiB175/MEwJHsxU5XUllAwapBv8GooJmBx2ugJ7T0J6rLckGaPTdBWTdN1xIK0xJD5YTtmA4aGDAe+HaY0wEhDQMWVYx77ujZ9V6nUkBdbBAkMaUB6A54yKEycn+v3d4Ksu0QgIPImJTPFkcZBq9IAkEd6AeU8yTKzB6vDmAEMQs4MHKQUJcs+AGN/uwAprOJmWEe92s9noPRqf2a+vHWAwVtSpQkplPDgHbLwaTNZey59EjIuFg==') format('woff2'),
-       url('iconfont.woff?t=1670833747896') format('woff'),
-       url('iconfont.ttf?t=1670833747896') format('truetype'),
-       url('iconfont.svg?t=1670833747896#iconfont') format('svg');
+  src: url('iconfont.eot?t=1689233106339'); /* IE9 */
+  src: url('iconfont.eot?t=1689233106339#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARgAAsAAAAACcAAAAQUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDKAqGSIUsATYCJAMYCw4ABCAFhGcHVBtUCMiuMG7hiaIkox1FaBhxvd1fpwAN4YKo1v7tWTr8hBRkBQgO7yqKUJKPUKzDjkixjn7/q0vlANCkEHCJtsMvx2eQn04h5rHEE8593TK2y1SC5nbvNG5gqgZBNEWTqFUQLGVFNnVu1TjyMm3SafEsC3y0myW12KdEh2x+deP/zzHTJeG3AVBm4lrnAxpQN0US7s3ijuSE6Jbh1UGv08cgQEivMg5z6m49Qj77TVxDEZww6gXicNkviSbkxgswNeGCj+CgMw1yFRpAnUNegSv+8+UfU/igsBpjnRV3rRV9+Su8Fk1Agv6CW4eAeyvAAhronJlI1tcrVnIMHZ0cCcsUTrRTnQ0CP50B4KfgEub9Lw80BougQBwGI8bYJU4LPwUbBw0/HXAw8NORUM90wsT9JeIMFACux9QckHyQ9FDYTobcGi+FLSjwMxDe3L5s+w9THFYeEs8H303FWMnZ1JuBWFgNPh3bd5wOvJmKI9aTqXeD8eJ66HnfnV1dJPE8cy4EgqT+s/SbdSWbp9Pn24NbZ1MnGw7CDbvT6+lL1CXVh++hcH56umDT9vOviL/grQ6srHjE57uLHdQn+dtO9x2v94WN6+eXm0HWlZOzta3tUDp1JWjymsiD8r0ViWGkC+n4GeH5aODSM+9COnilpdfdZsRIvMerLmS0uICTplrOnb99LT3NkJNeajPfpDznblq6bXH8efBjlPIUxhQcX+U0qEdt4bjxy6rMdOkbEn0/3mlvrXZL60ysxdwcn/qKLJ/82pnzGS61z5rBeGmrxf33ZXN/IBWUvb8KSvnttbwwq+YTkweZHue0M0+c0ssZGY/Rs+aVF8+3GaW07CkvLC/KcBvP8c2uGpsdm0THlazwlPE22Kdi9ZK4Hdsmtw9eHVQwPjG0p33Q7tGMJ6TUJ2VK1MMw6ftI6qPPtruCvEPmLZqiHcj1Aw3Rup/sdzj+lt/w3f5TrAHgx++nD7A+8xaD4CL8m60Q+KWYO7CgUY3gTFl+OwUBHKteh00BoWmGDIYm301frAJwKAg+BTEoPCpA41OPNNh2sET0g8NnCkI61M6PKKBzREwANBtGIOS6BEU2D0CT6xvSYP+Apdg/cOT6DyErI68W0RzbqhmYOFixuRNLFqoRi839Zh+A2KqYWJH1CTC7hM04My0j664HDVgXY+xtYhbnBBNGVVzH7geKQrHOqA0sPK2Fc70oPZ2UPSTNQlVUjQEmHLDCzDphEgtKQ9zCPP16DwBRK4UJAyKfyBg7jaeaxzKlyQAg6xkaKO9M2tu1EWXhOEL3IxhKhdWpMqCYDgrTy7vZAAsuTUsLm65IOlWIQBlp47PUS9wAhBgHOFGixYgVJx7+dtqutZuY1eXTvXYncJOkOF1Wicd+CnBACA==') format('woff2'),
+       url('iconfont.woff?t=1689233106339') format('woff'),
+       url('iconfont.ttf?t=1689233106339') format('truetype'),
+       url('iconfont.svg?t=1689233106339#iconfont') format('svg');
 }
 
 .iconfont {
@@ -16,6 +16,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-downward:before {
+  content: "\e604";
+}
+
+.icon-upward:before {
+  content: "\e605";
+}
+
 .icon-detail:before {
   content: "\e601";
 }
diff --git a/src/assets/iconfont/iconfont.eot b/src/assets/iconfont/iconfont.eot
index 8857d9996f83b2548a7e459c083b063f07d36e5f..e746725cb7ee14836d415117d59484c396fcf152 100644
GIT binary patch
delta 632
zcmZutJ!lj`6n<}ZcQ&g*m)x<5u{qA%3L##TWe*_`!6FtSD56b3m)kWL?r%9)a%nuo
zfQ1%G)>x$xEd*02wic2?5Ny+)sZI+k!A>@Qv%$_;-ka~u`@ZkZ&Sv39Q8rExeX_Qs
zuMZb{8(Wv24i1R;84=yBw}bfm#gRuObez3eX|3OTSX<g9(mo=tG@>A!`SR-}xQ7V8
zfdg}>Jpo3aW*Y6JKLr5oPo$|<w;qTW+=q4#^{IBykJ+I*`ifTS1ntOvHNEhT$izUg
z5_j(>*S}3aC$d@~+)P70SCPcPh>hOj@XqOl-*ggWtiyxbH~#JE9-m>Ee&+XVq<t}$
z?uxTZ%ej*17HK(}!;Zh_WzuODN*y13N5;_+GOLVQnQO=fu)u*#S^JaPnmHI()97lR
z34Lge1AH2Rt3v5Vsz&4-RV&YY5-@bi7t5t<^p$7%H88pu`&K-n38D)7o?A98cFVFj
z$<CzXiwitx7F@58?PvQ%uTtQqH9p~P^0r+q+1U;^?NZgwI%B##elTVBSeaSu6lM9m
z#j@;rHTG-11GE2li8$*hGj3)(%8a*jGu%t&m-}#8uNw1`1#7Ic!IDiH3%hHbwV)Tu
X2XVfIQ4*}S^e9|SWEi!gBqI6?YrTD@

delta 414
zcmX9(ze@sf9DSd=ua{|&p+g0c^lNfxh-*<09HXTngoZlwQbE(`23rb;ASg(=h<29-
zhoaTFf1pOGrjlrJ2pS@Lr{Cj!KJW9n_uk#N8>xql`Y6!#Hw;smy_z(V=O<5qTmab3
zl&s3f%El+>UvHNy9_?LL)>D9f1!%3jZDr?g4w}@y5oVr?kr(}xyiF|TOHMUJLhlz#
zs94Te@{A7sXPg5it6Gr=GJHS9Il6C^>`-$ieg_yyejryVA3Ec++X=vbOF`1j%EFR@
zkP}ktnL88lZv+(=z-#-Ozdr14OQuD+k8&@%Th(H2OADvc11GQveZXSu0p_HkuuP-k
z!`yeh-)9xCa`wUn8nqC^oz#Eas2)s=aSN;tD(~azhZrPi<OE$z8^Y7@9HS#!4}WUS
aH>X4sU6lA>WNpVP6qTJVIOIj!v4MY?(N{76

diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js
index b4ae1c6..1520f0a 100644
--- a/src/assets/iconfont/iconfont.js
+++ b/src/assets/iconfont/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_3821755='<svg><symbol id="icon-detail" viewBox="0 0 1024 1024"><path d="M902.428444 190.748444H332.401778a7.964444 7.964444 0 0 0-7.793778 8.021334v56.206222a7.964444 7.964444 0 0 0 7.793778 8.078222h570.026666A7.964444 7.964444 0 0 0 910.222222 254.976v-56.206222a7.964444 7.964444 0 0 0-7.793778-8.021334z m0 285.127112H332.401778a7.964444 7.964444 0 0 0-7.793778 7.964444v56.32a7.964444 7.964444 0 0 0 7.793778 7.964444h570.026666a7.964444 7.964444 0 0 0 7.793778-7.964444v-56.32a7.964444 7.964444 0 0 0-7.793778-7.964444z m0 285.070222H332.401778a7.964444 7.964444 0 0 0-7.793778 8.078222v56.206222a7.964444 7.964444 0 0 0 7.793778 8.021334h570.026666a7.964444 7.964444 0 0 0 7.793778-8.021334v-56.206222a7.964444 7.964444 0 0 0-7.793778-8.078222zM113.777778 226.872889c0 20.081778 10.410667 38.684444 27.306666 48.696889a53.361778 53.361778 0 0 0 54.670223 0 56.547556 56.547556 0 0 0 27.306666-48.696889 56.547556 56.547556 0 0 0-27.306666-48.696889 53.361778 53.361778 0 0 0-54.613334 0A56.547556 56.547556 0 0 0 113.777778 226.872889zM113.777778 512c0 20.081778 10.410667 38.684444 27.306666 48.696889a53.361778 53.361778 0 0 0 54.670223 0A56.547556 56.547556 0 0 0 223.061333 512a56.547556 56.547556 0 0 0-27.306666-48.696889 53.361778 53.361778 0 0 0-54.613334 0A56.547556 56.547556 0 0 0 113.777778 512z m0 285.127111c0 20.081778 10.410667 38.684444 27.306666 48.696889a53.361778 53.361778 0 0 0 54.670223 0 56.547556 56.547556 0 0 0 27.306666-48.696889 56.547556 56.547556 0 0 0-27.306666-48.696889 53.361778 53.361778 0 0 0-54.613334 0 56.547556 56.547556 0 0 0-27.363555 48.696889z" fill="#0B58FF" ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M873.016889 500.736a32.824889 32.824889 0 0 1 65.649778 0v273.806222a164.124444 164.124444 0 0 1-164.124445 164.124445h-525.084444A164.124444 164.124444 0 0 1 85.333333 774.542222v-525.084444A164.124444 164.124444 0 0 1 249.457778 85.333333h312.32a32.824889 32.824889 0 1 1 0 65.649778h-312.32a98.417778 98.417778 0 0 0-98.474667 98.417778v525.141333c0 54.385778 44.088889 98.474667 98.417778 98.474667h525.141333a98.417778 98.417778 0 0 0 98.474667-98.417778V500.679111z m-14.222222-362.097778a32.824889 32.824889 0 0 1 48.014222 44.771556L548.750222 567.466667a32.824889 32.824889 0 1 1-48.014222-44.771556l358.115556-384.056889z" fill="#0B58FF" ></path></symbol><symbol id="icon-delete" viewBox="0 0 1024 1024"><path d="M601.024 749.76a29.632 29.632 0 0 1-29.696-29.696V392.96a29.632 29.632 0 1 1 59.456 0v326.848a29.76 29.76 0 0 1-29.76 29.888z m-178.24 0a29.632 29.632 0 0 1-29.696-29.696V392.96a29.632 29.632 0 1 1 59.392 0v326.848a29.76 29.76 0 0 1-29.696 29.888z m475.52-505.216h-148.544v-59.456c0-49.152-39.616-89.088-88.512-89.088H363.392c-49.216 0-89.152 39.936-89.152 89.088v59.456H125.696a29.632 29.632 0 1 0 0 59.392h772.608a29.632 29.632 0 1 0 0-59.392z m-564.608-59.456c0-16.256 13.44-29.696 29.696-29.696h297.856c16.32 0 29.056 13.12 29.056 29.696v59.456H333.696v-59.456zM720 928h-416a89.152 89.152 0 0 1-89.088-89.088V392.768a29.632 29.632 0 1 1 59.456 0v446.08c0 16.512 13.44 29.76 29.696 29.76h416.064a29.632 29.632 0 0 0 29.696-29.696V393.856a29.632 29.632 0 1 1 59.456 0v445.056A89.536 89.536 0 0 1 720 928z" fill="#FF5454" ></path></symbol></svg>',function(n){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var a,i,o,c,d,l=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}a=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_3821755,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?l(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),a()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=a,c=n.document,d=!1,v(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,s())})}function s(){d||(d=!0,o())}function v(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(v,50)}s()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_3821755='<svg><symbol id="icon-downward" viewBox="0 0 1024 1024"><path d="M556.942222 751.900444l363.064889-401.806222c24.860444-21.617778 24.860444-56.263111 0-77.880889a68.437333 68.437333 0 0 0-44.942222-16.156444c-16.896 0-33.052444 5.859556-44.885333 16.156444L512 635.050667l-318.236444-362.951111a68.437333 68.437333 0 0 0-44.942223-16.099556c-16.896 0-33.109333 5.802667-44.942222 16.156444-24.746667 21.617778-24.746667 56.206222 0 77.824l363.121778 401.749334c5.973333 5.290667 13.141333 9.443556 21.048889 12.231111 23.722667 8.305778 51.029333 3.527111 68.892444-12.060445z" fill="#0B58FF" ></path></symbol><symbol id="icon-upward" viewBox="0 0 1024 1024"><path d="M556.942222 272.099556l363.064889 401.806222c24.860444 21.617778 24.860444 56.263111 0 77.880889a68.437333 68.437333 0 0 1-44.942222 16.156444c-16.896 0-33.052444-5.859556-44.885333-16.156444L512 388.949333l-318.236444 362.951111a68.437333 68.437333 0 0 1-44.942223 16.099556c-16.896 0-33.109333-5.802667-44.942222-16.156444-24.746667-21.617778-24.746667-56.206222 0-77.824L467.057778 272.270222c5.973333-5.290667 13.141333-9.443556 21.048889-12.231111 23.722667-8.305778 51.029333-3.527111 68.892444 12.060445z" fill="#0B58FF" ></path></symbol><symbol id="icon-detail" viewBox="0 0 1024 1024"><path d="M902.428444 190.748444H332.401778a7.964444 7.964444 0 0 0-7.793778 8.021334v56.206222a7.964444 7.964444 0 0 0 7.793778 8.078222h570.026666A7.964444 7.964444 0 0 0 910.222222 254.976v-56.206222a7.964444 7.964444 0 0 0-7.793778-8.021334z m0 285.127112H332.401778a7.964444 7.964444 0 0 0-7.793778 7.964444v56.32a7.964444 7.964444 0 0 0 7.793778 7.964444h570.026666a7.964444 7.964444 0 0 0 7.793778-7.964444v-56.32a7.964444 7.964444 0 0 0-7.793778-7.964444z m0 285.070222H332.401778a7.964444 7.964444 0 0 0-7.793778 8.078222v56.206222a7.964444 7.964444 0 0 0 7.793778 8.021334h570.026666a7.964444 7.964444 0 0 0 7.793778-8.021334v-56.206222a7.964444 7.964444 0 0 0-7.793778-8.078222zM113.777778 226.872889c0 20.081778 10.410667 38.684444 27.306666 48.696889a53.361778 53.361778 0 0 0 54.670223 0 56.547556 56.547556 0 0 0 27.306666-48.696889 56.547556 56.547556 0 0 0-27.306666-48.696889 53.361778 53.361778 0 0 0-54.613334 0A56.547556 56.547556 0 0 0 113.777778 226.872889zM113.777778 512c0 20.081778 10.410667 38.684444 27.306666 48.696889a53.361778 53.361778 0 0 0 54.670223 0A56.547556 56.547556 0 0 0 223.061333 512a56.547556 56.547556 0 0 0-27.306666-48.696889 53.361778 53.361778 0 0 0-54.613334 0A56.547556 56.547556 0 0 0 113.777778 512z m0 285.127111c0 20.081778 10.410667 38.684444 27.306666 48.696889a53.361778 53.361778 0 0 0 54.670223 0 56.547556 56.547556 0 0 0 27.306666-48.696889 56.547556 56.547556 0 0 0-27.306666-48.696889 53.361778 53.361778 0 0 0-54.613334 0 56.547556 56.547556 0 0 0-27.363555 48.696889z" fill="#0B58FF" ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M873.016889 500.736a32.824889 32.824889 0 0 1 65.649778 0v273.806222a164.124444 164.124444 0 0 1-164.124445 164.124445h-525.084444A164.124444 164.124444 0 0 1 85.333333 774.542222v-525.084444A164.124444 164.124444 0 0 1 249.457778 85.333333h312.32a32.824889 32.824889 0 1 1 0 65.649778h-312.32a98.417778 98.417778 0 0 0-98.474667 98.417778v525.141333c0 54.385778 44.088889 98.474667 98.417778 98.474667h525.141333a98.417778 98.417778 0 0 0 98.474667-98.417778V500.679111z m-14.222222-362.097778a32.824889 32.824889 0 0 1 48.014222 44.771556L548.750222 567.466667a32.824889 32.824889 0 1 1-48.014222-44.771556l358.115556-384.056889z" fill="#0B58FF" ></path></symbol><symbol id="icon-delete" viewBox="0 0 1024 1024"><path d="M601.024 749.76a29.632 29.632 0 0 1-29.696-29.696V392.96a29.632 29.632 0 1 1 59.456 0v326.848a29.76 29.76 0 0 1-29.76 29.888z m-178.24 0a29.632 29.632 0 0 1-29.696-29.696V392.96a29.632 29.632 0 1 1 59.392 0v326.848a29.76 29.76 0 0 1-29.696 29.888z m475.52-505.216h-148.544v-59.456c0-49.152-39.616-89.088-88.512-89.088H363.392c-49.216 0-89.152 39.936-89.152 89.088v59.456H125.696a29.632 29.632 0 1 0 0 59.392h772.608a29.632 29.632 0 1 0 0-59.392z m-564.608-59.456c0-16.256 13.44-29.696 29.696-29.696h297.856c16.32 0 29.056 13.12 29.056 29.696v59.456H333.696v-59.456zM720 928h-416a89.152 89.152 0 0 1-89.088-89.088V392.768a29.632 29.632 0 1 1 59.456 0v446.08c0 16.512 13.44 29.76 29.696 29.76h416.064a29.632 29.632 0 0 0 29.696-29.696V393.856a29.632 29.632 0 1 1 59.456 0v445.056A89.536 89.536 0 0 1 720 928z" fill="#FF5454" ></path></symbol></svg>',function(a){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var n,i,o,c,l,d=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}n=function(){var t,e=document.createElement("div");e.innerHTML=a._iconfont_svg_string_3821755,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?d(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(n,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),n()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=n,c=a.document,l=!1,v(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,s())})}function s(){l||(l=!0,o())}function v(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(v,50)}s()}}(window);
\ No newline at end of file
diff --git a/src/assets/iconfont/iconfont.json b/src/assets/iconfont/iconfont.json
index fe01bb3..fd0f1b7 100644
--- a/src/assets/iconfont/iconfont.json
+++ b/src/assets/iconfont/iconfont.json
@@ -5,6 +5,20 @@
   "css_prefix_text": "icon-",
   "description": "封装的组件中的icon",
   "glyphs": [
+    {
+      "icon_id": "36426261",
+      "name": "downward",
+      "font_class": "downward",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "36426301",
+      "name": "upward",
+      "font_class": "upward",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
     {
       "icon_id": "33347867",
       "name": "detail",
diff --git a/src/assets/iconfont/iconfont.svg b/src/assets/iconfont/iconfont.svg
index 8a63c78..647e551 100644
--- a/src/assets/iconfont/iconfont.svg
+++ b/src/assets/iconfont/iconfont.svg
@@ -14,6 +14,10 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="downward" unicode="&#58884;" d="M556.942222 144.099556l363.064889 401.806222c24.860444 21.617778 24.860444 56.263111 0 77.880889a68.437333 68.437333 0 0 1-44.942222 16.156444c-16.896 0-33.052444-5.859556-44.885333-16.156444L512 260.949333l-318.236444 362.951111a68.437333 68.437333 0 0 1-44.942223 16.099556c-16.896 0-33.109333-5.802667-44.942222-16.156444-24.746667-21.617778-24.746667-56.206222 0-77.824l363.121778-401.749334c5.973333-5.290667 13.141333-9.443556 21.048889-12.231111 23.722667-8.305778 51.029333-3.527111 68.892444 12.060445z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="upward" unicode="&#58885;" d="M556.942222 623.900444l363.064889-401.806222c24.860444-21.617778 24.860444-56.263111 0-77.880889a68.437333 68.437333 0 0 0-44.942222-16.156444c-16.896 0-33.052444 5.859556-44.885333 16.156444L512 507.050667l-318.236444-362.951111a68.437333 68.437333 0 0 0-44.942223-16.099556c-16.896 0-33.109333 5.802667-44.942222 16.156444-24.746667 21.617778-24.746667 56.206222 0 77.824L467.057778 623.729778c5.973333 5.290667 13.141333 9.443556 21.048889 12.231111 23.722667 8.305778 51.029333 3.527111 68.892444-12.060445z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="detail" unicode="&#58881;" d="M902.428444 705.251556H332.401778a7.964444 7.964444 0 0 1-7.793778-8.021334v-56.206222a7.964444 7.964444 0 0 1 7.793778-8.078222h570.026666A7.964444 7.964444 0 0 1 910.222222 641.024v56.206222a7.964444 7.964444 0 0 1-7.793778 8.021334z m0-285.127112H332.401778a7.964444 7.964444 0 0 1-7.793778-7.964444v-56.32a7.964444 7.964444 0 0 1 7.793778-7.964444h570.026666a7.964444 7.964444 0 0 1 7.793778 7.964444v56.32a7.964444 7.964444 0 0 1-7.793778 7.964444z m0-285.070222H332.401778a7.964444 7.964444 0 0 1-7.793778-8.078222v-56.206222a7.964444 7.964444 0 0 1 7.793778-8.021334h570.026666a7.964444 7.964444 0 0 1 7.793778 8.021334v56.206222a7.964444 7.964444 0 0 1-7.793778 8.078222zM113.777778 669.127111c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0 56.547556 56.547556 0 0 1 27.306666 48.696889 56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0A56.547556 56.547556 0 0 1 113.777778 669.127111zM113.777778 384c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0A56.547556 56.547556 0 0 1 223.061333 384a56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0A56.547556 56.547556 0 0 1 113.777778 384z m0-285.127111c0-20.081778 10.410667-38.684444 27.306666-48.696889a53.361778 53.361778 0 0 1 54.670223 0 56.547556 56.547556 0 0 1 27.306666 48.696889 56.547556 56.547556 0 0 1-27.306666 48.696889 53.361778 53.361778 0 0 1-54.613334 0 56.547556 56.547556 0 0 1-27.363555-48.696889z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="edit" unicode="&#58882;" d="M873.016889 395.264a32.824889 32.824889 0 0 0 65.649778 0v-273.806222a164.124444 164.124444 0 0 0-164.124445-164.124445h-525.084444A164.124444 164.124444 0 0 0 85.333333 121.457778v525.084444A164.124444 164.124444 0 0 0 249.457778 810.666667h312.32a32.824889 32.824889 0 1 0 0-65.649778h-312.32a98.417778 98.417778 0 0 1-98.474667-98.417778v-525.141333c0-54.385778 44.088889-98.474667 98.417778-98.474667h525.141333a98.417778 98.417778 0 0 1 98.474667 98.417778V395.320889z m-14.222222 362.097778a32.824889 32.824889 0 0 0 48.014222-44.771556L548.750222 328.533333a32.824889 32.824889 0 1 0-48.014222 44.771556l358.115556 384.056889z"  horiz-adv-x="1024" />
diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf
index d72f15bb725ece6a7f5c8023ed452a538a47e4a3..014c3da9b180f6bb81e952964e168afc3e36648e 100644
GIT binary patch
delta 628
zcmY*VJ!lhQ7=GXH?!M&w>)C{BsURV3PpP$w#|5F#!9fQpD56V2kKEamT#}=nG%f~F
za1pGHb#f^>2s$WTJ4iRd!6lBhQ*>|=T`xZ0MHJuTd4Hexc|Y#k(f5V*$xe@m9}&@w
zYQvAep6$CtLPzh_a&+hB-OBmrMA{B;p%(hV)Q2Bi;O+xn4UOEM_7FMdG*xRP?Qta7
z{SG%CwW_{&#%=7rL4Bm*w_~=cin*edntmg+UQEotCCcHTSdLq_l1pDEo)Vc62v?r$
zOfE=bq`-sKg}v(|^S|gIxUl`+wafqFpr?~|3U!`@>cZ5X>>lTLY;-^IZ1*Q0JGYc|
ziLR2CWwVF}KwTo8X293+VXtot2JoyrYIRV9H;{|%MRAxr7tvB?DB2L9P#?z?)Jk8~
zK*mwElF7u8WAD#H9a^N1Ji{-CQ(Ss2?$IdGG<&X7&YA3#WpRw{G20WTxn6MGLfY9)
zcZ=?Hf$Qd>QD>buththvZgSl!%~@$Pugl?oQ)2g(n8|igmQR>0%Z^)Nuj1K%#s1S0
zaoSX3Tu(QZ7;j`^c$@@Cdn`WF2yJg^Cyg_b1#7Ic!IE>74_a%@HGegbx8p1XVdAeu
PdKj!EG6<tE35k9K`}umf

delta 416
zcmXv}Jxc>Y6r6Xvi6JURVj+Sb7_l*hg~TReAf?z?gn)$}$(aQ1%!yaTMzIhq1eJ)`
zr?Ie5Y*Y9X1horl6-8_;?1VTQahG}T&FsA0w|DXP!IQ+^10Y8L)(f8Pzs)XxkpCF1
z<nC-7`%76sodMQW*|Ce07h4T_Ux`$iLeH~0VBI99%3e^5v0(2fL(HufY<WbB{fFdH
z&#w70gaXfp$tN~#&xtig($_#Z!v{)!bvx)EU0nbomo#Kfn~6mYVM)mTS88n_{f%Bt
z0eESibMpV(dD2ibq!Cy~<uZM`J|;J!>i3eYYb&13cU52os#_(QqqOFsF>U<Z>}#t|
zhfz!<HxCN$RZQWAZApeg9|6pDBY$Y@f9PJoA=+jTlg$}nJY2hIN$xhM=R@OKEK#B*
UgmBRb?24<MVkKbhI)MZH0=h#`+yDRo

diff --git a/src/assets/iconfont/iconfont.woff b/src/assets/iconfont/iconfont.woff
index 931547aaae4537028f22a14dbea465f5f1655ff7..d25f753466da76a548c74047d88b3f133cf332c5 100644
GIT binary patch
delta 1051
zcmeC+?%)wA_jhw+U}OLSHVy`E5Y2gDqKJL{)#Tj70tN=g4xmUJkY4fJ@|j6`PGuU9
z{eppkNr-`g*`v<feNIMdVhWJ`2dGXTh|N?^ep;9T6l7pv(E;*hfLMk79&>v}Zb=1D
z%mc{h17ZmYAd!=w3{n>X72{)?##oV?SOK)xj3omoC<nv}jA9JQd5O8HK!rfZFggG&
zPZwBhv!NirxP*a$^#o9j9T0~E-j|v(nS(K_J~i*h{R0OM)U-2t7#S?mNMd40`pA=3
zG3V`sgS-t694zhD=h`<4C2Q`hjr_lLA$LTZ%4SaCL&=SdC50U9yA6}{BE9cNUbe2j
zSMkGgo_prRTekam?346OdN^PA^Pg>kxuO@p=eU}fS5GvL3pvjEmeo;TP?v$BVoqz2
zZU1Elf%>^OOJ!<`u0`H{u6#~a<=jmV1s*Qxc4tp64FUTH6JBHlE)lkGXyWf|V-mS*
z+QIbdH>*g)4kj<D9a5cbU5~6(HW_4>cunrO`0C}^if5JX`HYQC@*CP8FfWN%p|jFz
zhHBZ4#*1zt8@MfajYMBK*GjB1Ik58aubahlu7385egC+A%e|AYtG-W3y<M>A>x~Rc
ziPo~BYmU|@uLyJ}3hG`@`u=5|;Ng|`%#$p%k7{^5IDbR1qJT~B5J%o2U4}PmW!#5f
z6m5_12~7QCZ`qdn#y{Zc42~(<!v9kKO^g;x57+Gy{qvn)aC_25p&RX7`wwZWzIcDy
zvU|^s&yTh-{!O)HXRH74T-*M^^M^t{8R?;47MDtLU3;x&DeYmJxFufNxiLgA=k6P)
zshrXuIJa%=Vk!>f`FVGNq}iv!^twBe&v_3Q-2NzI^(%P8)|W>s&$K8W%4~b_LVVkl
ztzD^)g9TZf{@ct<I%IJCv+eQQcetJ%H_71Gy}zxl*w=nVm`=FY<H*)`_5XVJKZ`9`
z=(sQUFyG#_DvP84-#+wCchZSt_Z(99UfLqJclRapsY_QW2yNZqU8nDMdOf#d+3l}?
zFYo)mPA%1WQUCn!A*=d>wz{`UZRdFYerfmfn3eI5lxx*PuRP!V<J8yA6_OXFRUW=F
zXA_sH?+sddNznA7<jhYQ`xXb8)USG(ZI}A}_NL!es~+fA3U?cT5=L@DN<sp|qiIUN
zt3UoRi<jIHDdF(o;METbEPwxNaWii=n{fKz0Tv-v29qqV36u9Ti@P#1xbraO19c`Q
zBqSVcVr0x<kOZc25Kv?AV>rX8#kd4+azZi(dy+r`Q<9!SO2QBRXT}T+f?pY{7&eQu
z_%NFGPVAgGb7JensS|rA&TUjy-EXtrW}`;y+ARz|OP5SjNqe?o$+DDb3^y%Ts;=bW
MVPNy-xz4}<05UDC9RL6T

delta 941
zcmeC+>EISA_jhw+U}OLS)(!@45Y6#oqKJL{<>cJN0tN=g4xmUFknVYI;QJ~)r!o!5
zegMQ97#Nt=^cQ$LXQU>kFfcGr0IJgmVl$-~g^M$Qf<UnYK)wtRtFYf=Zq3LosQ`-I
z0rL5PSU><s<m4xV)V%>Rxj>ll3d5b;#0sFjX3Rf;0`fqtz$n6yoR^rJ%D})P0kqfw
zXmPs0Vw(*G`NbtbS4RNV=mD_<uWYpKWDdrx`n0?s_YWL6P}9!nVPvpKBZ-M2X**9!
z#hkYjHu5$&@G$GYcW9i^+%?H_#f|+5z5i9tOSo9MZ(Ah7CgyNZ(&9$*#A5fXsoiUf
zp0AKT|0neQ!f8_Xyrb(jO|AcS>2>j`WolPrXHSS0HeqPe<#lCXsF>3_(J=ptfynXu
zn<s~?EZSE8W{KeR*RsBs?l1&(@!fX})MMu9;15tS3){!coRpC0;51i&`AiKHn?vla
ziL6%28x0IgoR!+1hrF0JZ^N4Xb?<-L-uAEOXb`JE=;wGS^+q$>yMwh1XSx%5JgaQy
z>rTs9_Q&2(O?b}Mj4U0NRa+VBugMmlfBa^edp7U?e~Oz5>(#DtS%3QJ`|f+v{`fOG
zQ)f=Od8G4iks&klkIz&0KMsE=wZ&v}<e5vlQ#rz(xt@J?YD>?v*$GM$jGA(HMrvH%
zWSL*sB(1R_ty}s}pp94C*P`Xtw<E7PyYG-cHDQ}=XZiNjuyh{_frlCgFYM!*BK0G#
z;k>I1_wUc~;=+ASD^oS<x0gSD*CQpn;rQ$o?z6w0Y<utOWqH2l*KhNG)1C_)oKSPS
zow;Gvj7#g!FXuQFI)N?X+}SN}e6_nD+%Y#^d!|W2HrcOkebn#ES6$yYF8Qju)}C*Q
zl-89WKQDxQ+hWu{MWUd8%kL#hdxSK9OU=L4K6Rm$?8Dg}!ZW6~l)vmcv9EkrebS$+
zA;&^^MK9*X?0U)P)B0{{<KDaB^)FVx4`KVqbZu^)O~st#gp`B?hNNT1`qMuCF^iYn
z5h>yD;NQH=>4IPWuh!u?bIU=GomtpJgu(tacM&j-!RkTjO5pGz1}29|6B$K;Il!HZ
zDHkZ0n2?a*c!+^v1A`ziA!-3JLmk5%MqsvqYD`GvNKZ&+U{q6h#^l7-_CLXnnL%(r
zW5won79U2{)`^`HXHIOLIJHq%b*qY@al5Li>SmS`=R9>iQxg~%0#(`eGcW)EW0iQZ

diff --git a/src/assets/iconfont/iconfont.woff2 b/src/assets/iconfont/iconfont.woff2
index e69e82d70e2bd0ecc4c515d60b090e7c61d61601..28c928058ba5d5c7f7bb8fb6318699bc2d478764 100644
GIT binary patch
delta 1107
zcmV-Z1g!he2jB=8cTYw#00961000DF01E&B000TV000COkr*C-C<=y1g)9L!0we<%
z3l0DTAO(bH2UHtW2*|E5ZsCcdB%>WgXc%$5-Cw5w4dH^Q*8c5TI{btbWCaKg?<$H=
zl8;cV!;VO?j(-2EOXUF2q!4h4w!<&SXON#xA?C5f6V83zGPcW9g64MbG;Uz320=7M
zlc-e?EM-MDb#B#vIPx-W(rNK53w*SjCAHY6M2BpCb>sifG1DdCw*gRQ;#%he8c;Vy
z67J37j^u>smf_VwuhYjMKuE7L4s+^mJwiVFO<Y3}oG|JI;&9n7i6-R63otd|f{);!
zGYxVT8bF;xUV$tA^W`5?_@J;FW1SUutrdOwE4&s>K!W~%f?J1xdn>>K8t9yvNY>XY
zR&op-og4|v6i&2Loecs%odMvd;1cHjFAp>Zi=aRp1|!DUB~A-J1sewqKOJx|@Y9h{
z&ve4X{UzcI6acQr)Etm}kn~X4PKMkXFNG~A@G}tJ+`er44^tdg9um(7-%Z6>$=TGK
zfmm1#J{{YCcbpEqnTjLUlc{%u@#1>udEcE~T_o{5b1nper2ez?n{_3dr_<-#gIi})
zCmRmJ4ZG9p=}Xil)raq)aDIBaVAJ;VuZX|ktq!cLc*N(siyhP_`P)wS9k2I=jqB%^
zn?cr<le4w0?NB;(C1~=R$b<5|6^UV_3+eb7;rVEP;L<biLOOV*rPtkN#7Mlyt1e`;
zxPX(UTF#xneJwrBkdt0&GvA~<=WbfMZE^g0@MDzn6vh-BU*$BYM{VJ_@yn{rbm<!s
zeLvo5Z>@Gq>rAZ0+#H|!iY%Y}+L`kiF162^!FXw_#r^kXbAKQel)b+SO8M=zyfCZg
z6O#vjnI7k~Gf$k-%NZGu(X-~27tgmDrL^oRFDx(0a2wC@&8`}o9h*eQm8|fT@iy3}
zV)c@^9or_i4_+NqFg`J~r+v`w(Tpdg)F)+1)Wb08`$+1e&$hdQyhG+KnxY-Z^#cvj
zx}WTKIR2L3@ZJ7XtO4N1@23y2KJylX;3E8go2?M|rI<UgpizzBOj&+A1pyqZUWZKq
zp=pK;h9=)lU#tRfC<s0UF(^DLK;u)7G}v~qMD&BhX9_|()XtA6pmRh_05ls$Amq9P
zMK%vWlj|GOVE=%n*gtUO`VS#1Bd-?G9NVfHm^fImxf4qksu7FL{bnD4*s7RVk@X3G
zFuR1!I5RCH>#he4SQlgLZDJPZ1QSM8T*vMQibAo@s0}PUt%Y;FC_SB&JtWOSRaA`u
zCLFNB%sOEb3ra)W!aV(Y4**dsg$V;9pU4<Hji;K&GNs7?AnO?#DDO<#+qDs8;W$F~
zBN$4B)u}R|m<|fl%e&bC3ocDd3!APoNIF%BKpAP{v(!u60E8F^I8ma-h!rOu{&w1~
ZwVRmL<<q@(CvcObI9*nW$9@WMKnPW;4GjPQ

delta 962
zcmV;z13moU2+#)@cTYw#00961000Bf01E&B000Q+000Aokr*C-3<`xTggyZ_0we<v
z3km=PAO(bH2S6LH2N4yVt;l{HIBvtrdTWWf@+Bv#geKB|4g$*AX0zLpiy`9r@&;bl
zf}e=s`csiMKmb|fqf@&G4k!zwT|WKC{a8sZ*9AZYEMSHDKgUd$gdaqfS-95ufCkoS
zQG|Q5yb`24mRBBsq-*|p7X)BXPa9gNF1-ff%o@LF4kakOS^;IKm^FRscy!4}jf4tx
z1YYPwg;<XVv{3CVur9s5cteA9(C|pSW%^C&Jc;Aa#d9frK_BE@;u-|Fvj%to3Di27
zPz)QF4?yPjS|moFTv3IzRtR`5gF&8)7=P}6c_7e`AiQ{gbPHn}IV3z6A&r!wVH%hr
zF$&V%n4kkT@D})o$1FuXyl8mxVT8@8?}UF!5u?-+#~%j1a5HZpQV2I<SpC5k`=ZkW
znXzt6hCeMz)6TfW%?)Iu`L-WEX*mAVM|TR3yX)8)(+-4(`@+Hu%fCA-4&~c&V9{;&
z<tB<Tk(t?l(S;_3rDa6K#1@_F&k<6+D$5|=;aO7+;a*l9ei00RmM`1PAINoc=D4}b
zre%XQ-SS^nqh@!ob8FETn@u>;%SN(UC}^S5l1eq&)L&U7@2!N=3Af6`#nq}TMUw}d
z3MCsj1<I|yce0#Q?&Q7I7-y{2Jmlrt0&8D}G%whH=FpRZPKo$iB^<V>y(BcLz7aZk
z#SkUWv}*=4Y=f2G>Kf9EQRz`zaIPqho0$2}{|swYxnboRG^SOUO>wruUhP_1!m5F-
zttPoSNdxqwjCynpY7(U%Q4Kg!xgqoLwvy|#>kzyqb7f5kK9tF_{QvP8KDnQojLqBX
zn{Fz903IBUxRUCE*A(yobTkn7zkx9dm{-{bP^ym{68|v4P~Nyz0}NjcL98y|{u<1J
z;9wBw6f8j_4<$jOQvs>4HNb;O1Ms5L8VqXcJl&+Ac}Ro`0jgMqK#)&1XgC}IiIC3+
zsjy%0DB=fR`TW5!BzrMamDH9{Flvx*@M<W3CSY;e=n3sT3F@-kkY<lf&{j>;b;N?S
z#E|)6J7xohh71S39i}wENJBuym17?Jx;A}Rsnn1cTLcLVX+U}do-!y*oS*CWcY>_D
zL?9sYCM7e)k;Xx*(g2W0dI9A;$uhGCtHYQ93_{Kf9HbN_%RT^Of4cxFtm0-^N4?r1
k&u5_YYJX<Fymf%VTT-P7DU|Tw9kTFgGg*5seG)P*766>JkpKVy

diff --git a/src/components/SearchBar/SearchBar.vue b/src/components/SearchBar/SearchBar.vue
index c2ee5b9..be68378 100644
--- a/src/components/SearchBar/SearchBar.vue
+++ b/src/components/SearchBar/SearchBar.vue
@@ -1,114 +1,120 @@
 <template>
-  <el-form
-    :inline="true"
-    ref="searchBarForm" 
-    :model="formInline"
-    class="searchBar"
-  >
-    <span class="blue-block" v-if="removeBlue ? false : true"></span>
-    <template v-for="item in formConfig">
-      <el-form-item
-        v-if="item.type !== ''"
-        :key="item.param"
-        :label="item.label ? item.label : ''"
-        :required="item.required ? item.required : false"
-        :style="{ float: item.float ? item.float : 'left' }"
-      >
-        <el-input
-          v-if="item.type === 'input'"
-          v-model="formInline[item.param]"
-          :size="item.size ? item.size : 'small'"
-          clearable
-          :disabled="item.disabled ? item.disabled : false"
-          :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
-          :placeholder="item.placeholder ? item.placeholder : ''"
-        />
-        <el-select
-          v-if="item.type === 'select'"
-          v-model="formInline[item.param]"
-          :size="item.size ? item.size : 'small'"
-          :filterable="item.filterable ? item.filterable : false"
-          :multiple="item.multiple ? item.multiple : false"
-          :clearable="item.clearable === false ? false : true"
-          :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
-          :placeholder="item.label"
-          @change="
-            item.onchange
-              ? $emit('select-changed', {
-                  param: item.param,
-                  value: formInline[item.param]
-                })
-              : null
-          "
-        >
-          <el-option
-            v-for="(sub, i) in item.selectOptions"
-            :key="i"
-            :label="item.labelField ? sub[item.labelField] : sub['name']"
-            :value="item.valueField ? sub[item.valueField] : sub['id']"
-          />
-        </el-select>
-        <el-date-picker
-          v-if="item.type === 'datePicker'"
+  <div class="searchBarBox divHeight" id='searchBarBox' :style="{ paddingRight: isFold ? '55px' : '0px' }">
+    <el-form
+      :inline="true"
+      ref="searchBarForm" 
+      :model="formInline"
+      class="searchBar"
+    >
+      <span class="blue-block" v-if="removeBlue ? false : true"></span>
+      <template v-for="item in formConfig">
+        <el-form-item
+          v-if="item.type !== ''"
           :key="item.param"
-          :size="item.size ? item.size : 'small'"
-          v-model="formInline[item.param]"
-          :type="item.dateType"
-          :format="item.format ? item.format : 'yyyy-MM-dd'"
-          :value-format="item.valueFormat ? item.valueFormat : null"
-          :default-time="item.defaultTime || null"
-          :range-separator="item.rangeSeparator || null"
-          :start-placeholder="item.startPlaceholder || null"
-          :end-placeholder="item.endPlaceholder || null"
-          :placeholder="item.placeholder"
-          :picker-options="item.pickerOptions ? item.pickerOptions : null"
-          :style="item.width ? 'width:' + item.width + 'px' : (item.dateType === 'datetimerange' ? 'width:340px' : (item.dateType === 'daterange' ? 'width:220px' : 'width:140px'))"
-        />
-        <el-autocomplete
-          v-if="item.type === 'autocomplete'"
-          v-model="formInline[item.param]"
-          :value-key="item.valueKey ? item.valueKey : 'value'"
-          :fetch-suggestions="item.querySearch"
-          :placeholder="item.placeholder"
-          :clearable="item.clearable === false ? false : true"
-          :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
-          filterable
-        />
-        <el-cascader
-          v-if="item.type === 'cascader'"
-          v-model="formInline[item.param]"
-          :options="item.selectOptions"
-          :props="item.cascaderProps"
-          :clearable="item.clearable === false ? false : true"
-          :show-all-levels="item.showAllLevels === false ? false : true"
-          :collapse-tags="item.collapseTags === true ? true : false"
-          :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
-          @change="
-            item.onChange
-              ? $emit('cascader-change', {
-                  param: item.param,
-                  value: formInline[item.param]
-                })
-              : null
-          "
-        ></el-cascader>
-        <el-button
-          v-if="item.type === 'button'"
-          :type="item.color"
-          :size="item.size ? item.size : 'small'"
-          :plain="item.plain ? item.plain : false"
-          :round="item.round ? item.round : false"
-          @click="headBtnClick(item.name)"
-          >{{ item.btnName }}</el-button
+          :label="item.label ? item.label : ''"
+          :required="item.required ? item.required : false"
         >
-        <span v-if="item.type === 'separate'" class="separateStyle"></span>
-        <!-- 可用于显示其他按钮 -->
+          <el-input
+            v-if="item.type === 'input'"
+            v-model="formInline[item.param]"
+            :size="item.size ? item.size : 'small'"
+            clearable
+            :disabled="item.disabled ? item.disabled : false"
+            :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
+            :placeholder="item.placeholder ? item.placeholder : ''"
+          />
+          <el-select
+            v-if="item.type === 'select'"
+            v-model="formInline[item.param]"
+            :size="item.size ? item.size : 'small'"
+            :filterable="item.filterable ? item.filterable : false"
+            :multiple="item.multiple ? item.multiple : false"
+            :clearable="item.clearable === false ? false : true"
+            :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
+            :placeholder="item.label"
+            @change="
+              item.onchange
+                ? $emit('select-changed', {
+                    param: item.param,
+                    value: formInline[item.param]
+                  })
+                : null
+            "
+          >
+            <el-option
+              v-for="(sub, i) in item.selectOptions"
+              :key="i"
+              :label="item.labelField ? sub[item.labelField] : sub['name']"
+              :value="item.valueField ? sub[item.valueField] : sub['id']"
+            />
+          </el-select>
+          <el-date-picker
+            v-if="item.type === 'datePicker'"
+            :key="item.param"
+            :size="item.size ? item.size : 'small'"
+            v-model="formInline[item.param]"
+            :type="item.dateType"
+            :format="item.format ? item.format : 'yyyy-MM-dd'"
+            :value-format="item.valueFormat ? item.valueFormat : null"
+            :default-time="item.defaultTime || null"
+            :range-separator="item.rangeSeparator || null"
+            :start-placeholder="item.startPlaceholder || null"
+            :end-placeholder="item.endPlaceholder || null"
+            :placeholder="item.placeholder"
+            :picker-options="item.pickerOptions ? item.pickerOptions : null"
+            :clearable="item.clearable === false ? false : true"
+            :style="item.width ? 'width:' + item.width + 'px' : (item.dateType === 'datetimerange' ? 'width:340px' : (item.dateType === 'daterange' ? 'width:220px' : 'width:140px'))"
+          />
+          <el-autocomplete
+            v-if="item.type === 'autocomplete'"
+            v-model="formInline[item.param]"
+            :value-key="item.valueKey ? item.valueKey : 'value'"
+            :fetch-suggestions="item.querySearch"
+            :placeholder="item.placeholder"
+            :clearable="item.clearable === false ? false : true"
+            :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
+            filterable
+          />
+          <el-cascader
+            v-if="item.type === 'cascader'"
+            v-model="formInline[item.param]"
+            :options="item.selectOptions"
+            :props="item.cascaderProps"
+            :clearable="item.clearable === false ? false : true"
+            :show-all-levels="item.showAllLevels === false ? false : true"
+            :collapse-tags="item.collapseTags === true ? true : false"
+            :style="item.width ? 'width:' + item.width + 'px' : 'width:200px'"
+            @change="
+              item.onChange
+                ? $emit('cascader-change', {
+                    param: item.param,
+                    value: formInline[item.param]
+                  })
+                : null
+            "
+          ></el-cascader>
+          <el-button
+            v-if="item.type === 'button'"
+            :type="item.color"
+            :size="item.size ? item.size : 'small'"
+            :plain="item.plain ? item.plain : false"
+            :round="item.round ? item.round : false"
+            @click="headBtnClick(item.name)"
+            >{{ item.btnName }}</el-button
+          >
+          <span v-if="item.type === 'separate'" class="separateStyle"></span>
+          <!-- 可用于显示其他按钮 -->
+        </el-form-item>
+      </template>
+      <el-form-item>
+        <slot></slot>
       </el-form-item>
-    </template>
-    <el-form-item>
-      <slot></slot>
-    </el-form-item>
-  </el-form>
+    </el-form>
+    <span v-if="isFold" class="foldClass" @click='switchMode'>
+      {{ isExpand ? '收起' : '展开' }}
+      <i class="iconfont" :class="isExpand ? 'icon-upward' : 'icon-downward'"></i>
+    </span>
+  </div>
 </template>
 <script>
 export default {
@@ -123,6 +129,10 @@ export default {
     removeBlue: {
       type: Boolean,
       default: false
+    },
+    isFold: {// 多行模式（默认否）
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -144,7 +154,8 @@ export default {
     return {
       formInline,
       formConfig,
-      hasExtraOptions
+      hasExtraOptions,
+      isExpand: false // 是否展开（默认否）
     }
   },
   watch: {
@@ -228,11 +239,34 @@ export default {
         }
       }
       this.formInline = formInline
+    },
+    switchMode() {// 展开和收起切换
+      this.isExpand = !this.isExpand
+      const element = document.getElementById('searchBarBox')
+      if (this.isExpand) {
+        element.classList.remove('divHeight')
+      } else {
+        element.classList.add('divHeight')
+      }
     }
   }
 }
 </script>
 <style>
+.searchBarBox {
+  width: 100%;
+  position: relative;
+  margin-bottom: 8px;
+}
+.searchBarBox::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.divHeight {
+  height: 45px;
+  overflow: hidden;
+}
 .searchBar .blue-block {
   display: inline-block;
   float: left;
@@ -265,4 +299,15 @@ export default {
   background: #E8E8E8;
   vertical-align: middle;
 }
+.searchBarBox .foldClass {
+  position: absolute;
+  top: 14px;
+  right: 0;
+  cursor: pointer;
+  font-size: 12px;
+  color:#0B58FF;
+}
+.searchBarBox .foldClass .iconfont {
+  font-size: 14px;
+}
 </style>