邮箱新需求

src/assets/icons/iconfont/demo_index.html

@@ -55,6 +55,282 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe88e;</span>
+                <div class="name">iconm_forwarding</div>
+                <div class="code-name">&amp;#xe88e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe88a;</span>
+                <div class="name">icon_read</div>
+                <div class="code-name">&amp;#xe88a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe88b;</span>
+                <div class="name">icon_refresh</div>
+                <div class="code-name">&amp;#xe88b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe88c;</span>
+                <div class="name">icon_sent</div>
+                <div class="code-name">&amp;#xe88c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe88d;</span>
+                <div class="name">icon_up</div>
+                <div class="code-name">&amp;#xe88d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe88f;</span>
+                <div class="name">icon_move</div>
+                <div class="code-name">&amp;#xe88f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe890;</span>
+                <div class="name">icon_doc</div>
+                <div class="code-name">&amp;#xe890;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe891;</span>
+                <div class="name">icon_xls</div>
+                <div class="code-name">&amp;#xe891;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe892;</span>
+                <div class="name">icon_pdf</div>
+                <div class="code-name">&amp;#xe892;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe867;</span>
+                <div class="name">icomx__caidan2</div>
+                <div class="code-name">&amp;#xe867;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe868;</span>
+                <div class="name">icomx_facebook</div>
+                <div class="code-name">&amp;#xe868;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe869;</span>
+                <div class="name">icomx_playl</div>
+                <div class="code-name">&amp;#xe869;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe86a;</span>
+                <div class="name">icomx__Search</div>
+                <div class="code-name">&amp;#xe86a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe86b;</span>
+                <div class="name">icomx_fenx</div>
+                <div class="code-name">&amp;#xe86b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe86c;</span>
+                <div class="name">icomx_dingdans</div>
+                <div class="code-name">&amp;#xe86c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe86d;</span>
+                <div class="name">icon_factory1</div>
+                <div class="code-name">&amp;#xe86d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe86e;</span>
+                <div class="name">icomm__earth</div>
+                <div class="code-name">&amp;#xe86e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe86f;</span>
+                <div class="name">icomx_shijue</div>
+                <div class="code-name">&amp;#xe86f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe870;</span>
+                <div class="name">iconm__google</div>
+                <div class="code-name">&amp;#xe870;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe871;</span>
+                <div class="name">icon-kfckfc</div>
+                <div class="code-name">&amp;#xe871;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe872;</span>
+                <div class="name">icomx_Instagram</div>
+                <div class="code-name">&amp;#xe872;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe873;</span>
+                <div class="name">icomm_closev</div>
+                <div class="code-name">&amp;#xe873;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe874;</span>
+                <div class="name">icomx_souc</div>
+                <div class="code-name">&amp;#xe874;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe875;</span>
+                <div class="name">iconm_shijue</div>
+                <div class="code-name">&amp;#xe875;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe876;</span>
+                <div class="name">icomx_youtube</div>
+                <div class="code-name">&amp;#xe876;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe877;</span>
+                <div class="name">iconm_fenx</div>
+                <div class="code-name">&amp;#xe877;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe878;</span>
+                <div class="name">iconm_souc</div>
+                <div class="code-name">&amp;#xe878;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe879;</span>
+                <div class="name">iconm_pinzbz</div>
+                <div class="code-name">&amp;#xe879;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87a;</span>
+                <div class="name">iconm_dingdans</div>
+                <div class="code-name">&amp;#xe87a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87b;</span>
+                <div class="name">iconx_voice</div>
+                <div class="code-name">&amp;#xe87b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87c;</span>
+                <div class="name">iconm_factory2</div>
+                <div class="code-name">&amp;#xe87c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87d;</span>
+                <div class="name">icomx_smile</div>
+                <div class="code-name">&amp;#xe87d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87e;</span>
+                <div class="name">icon_factory3</div>
+                <div class="code-name">&amp;#xe87e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87f;</span>
+                <div class="name">iconm_play</div>
+                <div class="code-name">&amp;#xe87f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe880;</span>
+                <div class="name">iconm_xhdy</div>
+                <div class="code-name">&amp;#xe880;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe881;</span>
+                <div class="name">icomx_suoxiao</div>
+                <div class="code-name">&amp;#xe881;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe882;</span>
+                <div class="name">iconm_unread</div>
+                <div class="code-name">&amp;#xe882;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe883;</span>
+                <div class="name">iconm_wapp</div>
+                <div class="code-name">&amp;#xe883;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe884;</span>
+                <div class="name">iconx__earth</div>
+                <div class="code-name">&amp;#xe884;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe885;</span>
+                <div class="name">iconm__Search</div>
+                <div class="code-name">&amp;#xe885;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe886;</span>
+                <div class="name">iconm_jingzhiz</div>
+                <div class="code-name">&amp;#xe886;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe887;</span>
+                <div class="name">iconm_hear</div>
+                <div class="code-name">&amp;#xe887;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe888;</span>
+                <div class="name">iconx__caidan1</div>
+                <div class="code-name">&amp;#xe888;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe889;</span>
+                <div class="name">iconx_fangda</div>
+                <div class="code-name">&amp;#xe889;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe865;</span>
+                <div class="name">iconm_jinxc</div>
+                <div class="code-name">&amp;#xe865;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe866;</span>
+                <div class="name">iconx_jinxc</div>
+                <div class="code-name">&amp;#xe866;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe863;</span>
                 <div class="name">icomx_rightt1</div>
                 <div class="code-name">&amp;#xe863;</div>
@@ -2280,9 +2556,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1684986389785') format('woff2'),
-       url('iconfont.woff?t=1684986389785') format('woff'),
-       url('iconfont.ttf?t=1684986389785') format('truetype');
+  src: url('iconfont.woff2?t=1685410028889') format('woff2'),
+       url('iconfont.woff?t=1685410028889') format('woff'),
+       url('iconfont.ttf?t=1685410028889') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -2309,6 +2585,420 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-iconm_forwarding"></span>
+            <div class="name">
+              iconm_forwarding
+            </div>
+            <div class="code-name">.icon-iconm_forwarding
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_read"></span>
+            <div class="name">
+              icon_read
+            </div>
+            <div class="code-name">.icon-icon_read
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_refresh"></span>
+            <div class="name">
+              icon_refresh
+            </div>
+            <div class="code-name">.icon-icon_refresh
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_sent"></span>
+            <div class="name">
+              icon_sent
+            </div>
+            <div class="code-name">.icon-icon_sent
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_up"></span>
+            <div class="name">
+              icon_up
+            </div>
+            <div class="code-name">.icon-icon_up
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_move"></span>
+            <div class="name">
+              icon_move
+            </div>
+            <div class="code-name">.icon-icon_move
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_doc"></span>
+            <div class="name">
+              icon_doc
+            </div>
+            <div class="code-name">.icon-icon_doc
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_xls"></span>
+            <div class="name">
+              icon_xls
+            </div>
+            <div class="code-name">.icon-icon_xls
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_pdf"></span>
+            <div class="name">
+              icon_pdf
+            </div>
+            <div class="code-name">.icon-icon_pdf
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx__caidan2"></span>
+            <div class="name">
+              icomx__caidan2
+            </div>
+            <div class="code-name">.icon-icomx__caidan2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_facebook"></span>
+            <div class="name">
+              icomx_facebook
+            </div>
+            <div class="code-name">.icon-icomx_facebook
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_playl"></span>
+            <div class="name">
+              icomx_playl
+            </div>
+            <div class="code-name">.icon-icomx_playl
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx__Search"></span>
+            <div class="name">
+              icomx__Search
+            </div>
+            <div class="code-name">.icon-icomx__Search
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_fenx1"></span>
+            <div class="name">
+              icomx_fenx
+            </div>
+            <div class="code-name">.icon-icomx_fenx1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_dingdans"></span>
+            <div class="name">
+              icomx_dingdans
+            </div>
+            <div class="code-name">.icon-icomx_dingdans
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_factory1"></span>
+            <div class="name">
+              icon_factory1
+            </div>
+            <div class="code-name">.icon-icon_factory1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomm__earth"></span>
+            <div class="name">
+              icomm__earth
+            </div>
+            <div class="code-name">.icon-icomm__earth
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_shijue"></span>
+            <div class="name">
+              icomx_shijue
+            </div>
+            <div class="code-name">.icon-icomx_shijue
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm__google"></span>
+            <div class="name">
+              iconm__google
+            </div>
+            <div class="code-name">.icon-iconm__google
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm__twitter"></span>
+            <div class="name">
+              icon-kfckfc
+            </div>
+            <div class="code-name">.icon-iconm__twitter
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_Instagram"></span>
+            <div class="name">
+              icomx_Instagram
+            </div>
+            <div class="code-name">.icon-icomx_Instagram
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomm_closev"></span>
+            <div class="name">
+              icomm_closev
+            </div>
+            <div class="code-name">.icon-icomm_closev
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_souc"></span>
+            <div class="name">
+              icomx_souc
+            </div>
+            <div class="code-name">.icon-icomx_souc
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_shijue"></span>
+            <div class="name">
+              iconm_shijue
+            </div>
+            <div class="code-name">.icon-iconm_shijue
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_youtube"></span>
+            <div class="name">
+              icomx_youtube
+            </div>
+            <div class="code-name">.icon-icomx_youtube
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_fenx1"></span>
+            <div class="name">
+              iconm_fenx
+            </div>
+            <div class="code-name">.icon-iconm_fenx1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_souc"></span>
+            <div class="name">
+              iconm_souc
+            </div>
+            <div class="code-name">.icon-iconm_souc
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_pinzbz"></span>
+            <div class="name">
+              iconm_pinzbz
+            </div>
+            <div class="code-name">.icon-iconm_pinzbz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_dingdans"></span>
+            <div class="name">
+              iconm_dingdans
+            </div>
+            <div class="code-name">.icon-iconm_dingdans
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_voice"></span>
+            <div class="name">
+              iconx_voice
+            </div>
+            <div class="code-name">.icon-iconx_voice
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_factory2"></span>
+            <div class="name">
+              iconm_factory2
+            </div>
+            <div class="code-name">.icon-iconm_factory2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_smile"></span>
+            <div class="name">
+              icomx_smile
+            </div>
+            <div class="code-name">.icon-icomx_smile
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_factory3"></span>
+            <div class="name">
+              icon_factory3
+            </div>
+            <div class="code-name">.icon-icon_factory3
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_play"></span>
+            <div class="name">
+              iconm_play
+            </div>
+            <div class="code-name">.icon-iconm_play
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_xhdy"></span>
+            <div class="name">
+              iconm_xhdy
+            </div>
+            <div class="code-name">.icon-iconm_xhdy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_suoxiao"></span>
+            <div class="name">
+              icomx_suoxiao
+            </div>
+            <div class="code-name">.icon-icomx_suoxiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_unread"></span>
+            <div class="name">
+              iconm_unread
+            </div>
+            <div class="code-name">.icon-iconm_unread
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_wapp"></span>
+            <div class="name">
+              iconm_wapp
+            </div>
+            <div class="code-name">.icon-iconm_wapp
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx__earth"></span>
+            <div class="name">
+              iconx__earth
+            </div>
+            <div class="code-name">.icon-iconx__earth
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm__Search"></span>
+            <div class="name">
+              iconm__Search
+            </div>
+            <div class="code-name">.icon-iconm__Search
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_jingzhiz"></span>
+            <div class="name">
+              iconm_jingzhiz
+            </div>
+            <div class="code-name">.icon-iconm_jingzhiz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_hear"></span>
+            <div class="name">
+              iconm_hear
+            </div>
+            <div class="code-name">.icon-iconm_hear
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx__caidan1"></span>
+            <div class="name">
+              iconx__caidan1
+            </div>
+            <div class="code-name">.icon-iconx__caidan1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_fangda"></span>
+            <div class="name">
+              iconx_fangda
+            </div>
+            <div class="code-name">.icon-iconx_fangda
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_jinxc"></span>
+            <div class="name">
+              iconm_jinxc
+            </div>
+            <div class="code-name">.icon-iconm_jinxc
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_jinxc"></span>
+            <div class="name">
+              iconx_jinxc
+            </div>
+            <div class="code-name">.icon-iconx_jinxc
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-icomx_rightt1"></span>
             <div class="name">
               icomx_rightt1
@@ -5649,6 +6339,374 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_forwarding"></use>
+                </svg>
+                <div class="name">iconm_forwarding</div>
+                <div class="code-name">#icon-iconm_forwarding</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_read"></use>
+                </svg>
+                <div class="name">icon_read</div>
+                <div class="code-name">#icon-icon_read</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_refresh"></use>
+                </svg>
+                <div class="name">icon_refresh</div>
+                <div class="code-name">#icon-icon_refresh</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_sent"></use>
+                </svg>
+                <div class="name">icon_sent</div>
+                <div class="code-name">#icon-icon_sent</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_up"></use>
+                </svg>
+                <div class="name">icon_up</div>
+                <div class="code-name">#icon-icon_up</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_move"></use>
+                </svg>
+                <div class="name">icon_move</div>
+                <div class="code-name">#icon-icon_move</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_doc"></use>
+                </svg>
+                <div class="name">icon_doc</div>
+                <div class="code-name">#icon-icon_doc</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_xls"></use>
+                </svg>
+                <div class="name">icon_xls</div>
+                <div class="code-name">#icon-icon_xls</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_pdf"></use>
+                </svg>
+                <div class="name">icon_pdf</div>
+                <div class="code-name">#icon-icon_pdf</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx__caidan2"></use>
+                </svg>
+                <div class="name">icomx__caidan2</div>
+                <div class="code-name">#icon-icomx__caidan2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_facebook"></use>
+                </svg>
+                <div class="name">icomx_facebook</div>
+                <div class="code-name">#icon-icomx_facebook</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_playl"></use>
+                </svg>
+                <div class="name">icomx_playl</div>
+                <div class="code-name">#icon-icomx_playl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx__Search"></use>
+                </svg>
+                <div class="name">icomx__Search</div>
+                <div class="code-name">#icon-icomx__Search</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_fenx1"></use>
+                </svg>
+                <div class="name">icomx_fenx</div>
+                <div class="code-name">#icon-icomx_fenx1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_dingdans"></use>
+                </svg>
+                <div class="name">icomx_dingdans</div>
+                <div class="code-name">#icon-icomx_dingdans</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_factory1"></use>
+                </svg>
+                <div class="name">icon_factory1</div>
+                <div class="code-name">#icon-icon_factory1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomm__earth"></use>
+                </svg>
+                <div class="name">icomm__earth</div>
+                <div class="code-name">#icon-icomm__earth</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_shijue"></use>
+                </svg>
+                <div class="name">icomx_shijue</div>
+                <div class="code-name">#icon-icomx_shijue</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm__google"></use>
+                </svg>
+                <div class="name">iconm__google</div>
+                <div class="code-name">#icon-iconm__google</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm__twitter"></use>
+                </svg>
+                <div class="name">icon-kfckfc</div>
+                <div class="code-name">#icon-iconm__twitter</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_Instagram"></use>
+                </svg>
+                <div class="name">icomx_Instagram</div>
+                <div class="code-name">#icon-icomx_Instagram</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomm_closev"></use>
+                </svg>
+                <div class="name">icomm_closev</div>
+                <div class="code-name">#icon-icomm_closev</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_souc"></use>
+                </svg>
+                <div class="name">icomx_souc</div>
+                <div class="code-name">#icon-icomx_souc</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_shijue"></use>
+                </svg>
+                <div class="name">iconm_shijue</div>
+                <div class="code-name">#icon-iconm_shijue</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_youtube"></use>
+                </svg>
+                <div class="name">icomx_youtube</div>
+                <div class="code-name">#icon-icomx_youtube</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_fenx1"></use>
+                </svg>
+                <div class="name">iconm_fenx</div>
+                <div class="code-name">#icon-iconm_fenx1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_souc"></use>
+                </svg>
+                <div class="name">iconm_souc</div>
+                <div class="code-name">#icon-iconm_souc</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_pinzbz"></use>
+                </svg>
+                <div class="name">iconm_pinzbz</div>
+                <div class="code-name">#icon-iconm_pinzbz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_dingdans"></use>
+                </svg>
+                <div class="name">iconm_dingdans</div>
+                <div class="code-name">#icon-iconm_dingdans</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_voice"></use>
+                </svg>
+                <div class="name">iconx_voice</div>
+                <div class="code-name">#icon-iconx_voice</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_factory2"></use>
+                </svg>
+                <div class="name">iconm_factory2</div>
+                <div class="code-name">#icon-iconm_factory2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_smile"></use>
+                </svg>
+                <div class="name">icomx_smile</div>
+                <div class="code-name">#icon-icomx_smile</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_factory3"></use>
+                </svg>
+                <div class="name">icon_factory3</div>
+                <div class="code-name">#icon-icon_factory3</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_play"></use>
+                </svg>
+                <div class="name">iconm_play</div>
+                <div class="code-name">#icon-iconm_play</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_xhdy"></use>
+                </svg>
+                <div class="name">iconm_xhdy</div>
+                <div class="code-name">#icon-iconm_xhdy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_suoxiao"></use>
+                </svg>
+                <div class="name">icomx_suoxiao</div>
+                <div class="code-name">#icon-icomx_suoxiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_unread"></use>
+                </svg>
+                <div class="name">iconm_unread</div>
+                <div class="code-name">#icon-iconm_unread</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_wapp"></use>
+                </svg>
+                <div class="name">iconm_wapp</div>
+                <div class="code-name">#icon-iconm_wapp</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx__earth"></use>
+                </svg>
+                <div class="name">iconx__earth</div>
+                <div class="code-name">#icon-iconx__earth</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm__Search"></use>
+                </svg>
+                <div class="name">iconm__Search</div>
+                <div class="code-name">#icon-iconm__Search</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_jingzhiz"></use>
+                </svg>
+                <div class="name">iconm_jingzhiz</div>
+                <div class="code-name">#icon-iconm_jingzhiz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_hear"></use>
+                </svg>
+                <div class="name">iconm_hear</div>
+                <div class="code-name">#icon-iconm_hear</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx__caidan1"></use>
+                </svg>
+                <div class="name">iconx__caidan1</div>
+                <div class="code-name">#icon-iconx__caidan1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_fangda"></use>
+                </svg>
+                <div class="name">iconx_fangda</div>
+                <div class="code-name">#icon-iconx_fangda</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_jinxc"></use>
+                </svg>
+                <div class="name">iconm_jinxc</div>
+                <div class="code-name">#icon-iconm_jinxc</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_jinxc"></use>
+                </svg>
+                <div class="name">iconx_jinxc</div>
+                <div class="code-name">#icon-iconx_jinxc</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-icomx_rightt1"></use>
                 </svg>
                 <div class="name">icomx_rightt1</div>

src/assets/icons/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3933484 */
-  src: url('iconfont.woff2?t=1684986389785') format('woff2'),
-       url('iconfont.woff?t=1684986389785') format('woff'),
-       url('iconfont.ttf?t=1684986389785') format('truetype');
+  src: url('iconfont.woff2?t=1685410028889') format('woff2'),
+       url('iconfont.woff?t=1685410028889') format('woff'),
+       url('iconfont.ttf?t=1685410028889') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,190 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-iconm_forwarding:before {
+  content: "\e88e";
+}
+
+.icon-icon_read:before {
+  content: "\e88a";
+}
+
+.icon-icon_refresh:before {
+  content: "\e88b";
+}
+
+.icon-icon_sent:before {
+  content: "\e88c";
+}
+
+.icon-icon_up:before {
+  content: "\e88d";
+}
+
+.icon-icon_move:before {
+  content: "\e88f";
+}
+
+.icon-icon_doc:before {
+  content: "\e890";
+}
+
+.icon-icon_xls:before {
+  content: "\e891";
+}
+
+.icon-icon_pdf:before {
+  content: "\e892";
+}
+
+.icon-icomx__caidan2:before {
+  content: "\e867";
+}
+
+.icon-icomx_facebook:before {
+  content: "\e868";
+}
+
+.icon-icomx_playl:before {
+  content: "\e869";
+}
+
+.icon-icomx__Search:before {
+  content: "\e86a";
+}
+
+.icon-icomx_fenx1:before {
+  content: "\e86b";
+}
+
+.icon-icomx_dingdans:before {
+  content: "\e86c";
+}
+
+.icon-icon_factory1:before {
+  content: "\e86d";
+}
+
+.icon-icomm__earth:before {
+  content: "\e86e";
+}
+
+.icon-icomx_shijue:before {
+  content: "\e86f";
+}
+
+.icon-iconm__google:before {
+  content: "\e870";
+}
+
+.icon-iconm__twitter:before {
+  content: "\e871";
+}
+
+.icon-icomx_Instagram:before {
+  content: "\e872";
+}
+
+.icon-icomm_closev:before {
+  content: "\e873";
+}
+
+.icon-icomx_souc:before {
+  content: "\e874";
+}
+
+.icon-iconm_shijue:before {
+  content: "\e875";
+}
+
+.icon-icomx_youtube:before {
+  content: "\e876";
+}
+
+.icon-iconm_fenx1:before {
+  content: "\e877";
+}
+
+.icon-iconm_souc:before {
+  content: "\e878";
+}
+
+.icon-iconm_pinzbz:before {
+  content: "\e879";
+}
+
+.icon-iconm_dingdans:before {
+  content: "\e87a";
+}
+
+.icon-iconx_voice:before {
+  content: "\e87b";
+}
+
+.icon-iconm_factory2:before {
+  content: "\e87c";
+}
+
+.icon-icomx_smile:before {
+  content: "\e87d";
+}
+
+.icon-icon_factory3:before {
+  content: "\e87e";
+}
+
+.icon-iconm_play:before {
+  content: "\e87f";
+}
+
+.icon-iconm_xhdy:before {
+  content: "\e880";
+}
+
+.icon-icomx_suoxiao:before {
+  content: "\e881";
+}
+
+.icon-iconm_unread:before {
+  content: "\e882";
+}
+
+.icon-iconm_wapp:before {
+  content: "\e883";
+}
+
+.icon-iconx__earth:before {
+  content: "\e884";
+}
+
+.icon-iconm__Search:before {
+  content: "\e885";
+}
+
+.icon-iconm_jingzhiz:before {
+  content: "\e886";
+}
+
+.icon-iconm_hear:before {
+  content: "\e887";
+}
+
+.icon-iconx__caidan1:before {
+  content: "\e888";
+}
+
+.icon-iconx_fangda:before {
+  content: "\e889";
+}
+
+.icon-iconm_jinxc:before {
+  content: "\e865";
+}
+
+.icon-iconx_jinxc:before {
+  content: "\e866";
+}
+
 .icon-icomx_rightt1:before {
   content: "\e863";
 }

src/assets/icons/iconfont/iconfont.json

@@ -6,6 +6,328 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "35729214",
+      "name": "iconm_forwarding",
+      "font_class": "iconm_forwarding",
+      "unicode": "e88e",
+      "unicode_decimal": 59534
+    },
+    {
+      "icon_id": "35728593",
+      "name": "icon_read",
+      "font_class": "icon_read",
+      "unicode": "e88a",
+      "unicode_decimal": 59530
+    },
+    {
+      "icon_id": "35728594",
+      "name": "icon_refresh",
+      "font_class": "icon_refresh",
+      "unicode": "e88b",
+      "unicode_decimal": 59531
+    },
+    {
+      "icon_id": "35728595",
+      "name": "icon_sent",
+      "font_class": "icon_sent",
+      "unicode": "e88c",
+      "unicode_decimal": 59532
+    },
+    {
+      "icon_id": "35728596",
+      "name": "icon_up",
+      "font_class": "icon_up",
+      "unicode": "e88d",
+      "unicode_decimal": 59533
+    },
+    {
+      "icon_id": "35728598",
+      "name": "icon_move",
+      "font_class": "icon_move",
+      "unicode": "e88f",
+      "unicode_decimal": 59535
+    },
+    {
+      "icon_id": "35728601",
+      "name": "icon_doc",
+      "font_class": "icon_doc",
+      "unicode": "e890",
+      "unicode_decimal": 59536
+    },
+    {
+      "icon_id": "35728603",
+      "name": "icon_xls",
+      "font_class": "icon_xls",
+      "unicode": "e891",
+      "unicode_decimal": 59537
+    },
+    {
+      "icon_id": "35728606",
+      "name": "icon_pdf",
+      "font_class": "icon_pdf",
+      "unicode": "e892",
+      "unicode_decimal": 59538
+    },
+    {
+      "icon_id": "35726625",
+      "name": "icomx__caidan2",
+      "font_class": "icomx__caidan2",
+      "unicode": "e867",
+      "unicode_decimal": 59495
+    },
+    {
+      "icon_id": "35726626",
+      "name": "icomx_facebook",
+      "font_class": "icomx_facebook",
+      "unicode": "e868",
+      "unicode_decimal": 59496
+    },
+    {
+      "icon_id": "35726627",
+      "name": "icomx_playl",
+      "font_class": "icomx_playl",
+      "unicode": "e869",
+      "unicode_decimal": 59497
+    },
+    {
+      "icon_id": "35726628",
+      "name": "icomx__Search",
+      "font_class": "icomx__Search",
+      "unicode": "e86a",
+      "unicode_decimal": 59498
+    },
+    {
+      "icon_id": "35726629",
+      "name": "icomx_fenx",
+      "font_class": "icomx_fenx1",
+      "unicode": "e86b",
+      "unicode_decimal": 59499
+    },
+    {
+      "icon_id": "35726630",
+      "name": "icomx_dingdans",
+      "font_class": "icomx_dingdans",
+      "unicode": "e86c",
+      "unicode_decimal": 59500
+    },
+    {
+      "icon_id": "35726631",
+      "name": "icon_factory1",
+      "font_class": "icon_factory1",
+      "unicode": "e86d",
+      "unicode_decimal": 59501
+    },
+    {
+      "icon_id": "35726632",
+      "name": "icomm__earth",
+      "font_class": "icomm__earth",
+      "unicode": "e86e",
+      "unicode_decimal": 59502
+    },
+    {
+      "icon_id": "35726633",
+      "name": "icomx_shijue",
+      "font_class": "icomx_shijue",
+      "unicode": "e86f",
+      "unicode_decimal": 59503
+    },
+    {
+      "icon_id": "35726634",
+      "name": "iconm__google",
+      "font_class": "iconm__google",
+      "unicode": "e870",
+      "unicode_decimal": 59504
+    },
+    {
+      "icon_id": "35726635",
+      "name": "icon-kfckfc",
+      "font_class": "iconm__twitter",
+      "unicode": "e871",
+      "unicode_decimal": 59505
+    },
+    {
+      "icon_id": "35726636",
+      "name": "icomx_Instagram",
+      "font_class": "icomx_Instagram",
+      "unicode": "e872",
+      "unicode_decimal": 59506
+    },
+    {
+      "icon_id": "35726637",
+      "name": "icomm_closev",
+      "font_class": "icomm_closev",
+      "unicode": "e873",
+      "unicode_decimal": 59507
+    },
+    {
+      "icon_id": "35726638",
+      "name": "icomx_souc",
+      "font_class": "icomx_souc",
+      "unicode": "e874",
+      "unicode_decimal": 59508
+    },
+    {
+      "icon_id": "35726639",
+      "name": "iconm_shijue",
+      "font_class": "iconm_shijue",
+      "unicode": "e875",
+      "unicode_decimal": 59509
+    },
+    {
+      "icon_id": "35726640",
+      "name": "icomx_youtube",
+      "font_class": "icomx_youtube",
+      "unicode": "e876",
+      "unicode_decimal": 59510
+    },
+    {
+      "icon_id": "35726641",
+      "name": "iconm_fenx",
+      "font_class": "iconm_fenx1",
+      "unicode": "e877",
+      "unicode_decimal": 59511
+    },
+    {
+      "icon_id": "35726642",
+      "name": "iconm_souc",
+      "font_class": "iconm_souc",
+      "unicode": "e878",
+      "unicode_decimal": 59512
+    },
+    {
+      "icon_id": "35726643",
+      "name": "iconm_pinzbz",
+      "font_class": "iconm_pinzbz",
+      "unicode": "e879",
+      "unicode_decimal": 59513
+    },
+    {
+      "icon_id": "35726644",
+      "name": "iconm_dingdans",
+      "font_class": "iconm_dingdans",
+      "unicode": "e87a",
+      "unicode_decimal": 59514
+    },
+    {
+      "icon_id": "35726645",
+      "name": "iconx_voice",
+      "font_class": "iconx_voice",
+      "unicode": "e87b",
+      "unicode_decimal": 59515
+    },
+    {
+      "icon_id": "35726646",
+      "name": "iconm_factory2",
+      "font_class": "iconm_factory2",
+      "unicode": "e87c",
+      "unicode_decimal": 59516
+    },
+    {
+      "icon_id": "35726647",
+      "name": "icomx_smile",
+      "font_class": "icomx_smile",
+      "unicode": "e87d",
+      "unicode_decimal": 59517
+    },
+    {
+      "icon_id": "35726648",
+      "name": "icon_factory3",
+      "font_class": "icon_factory3",
+      "unicode": "e87e",
+      "unicode_decimal": 59518
+    },
+    {
+      "icon_id": "35726649",
+      "name": "iconm_play",
+      "font_class": "iconm_play",
+      "unicode": "e87f",
+      "unicode_decimal": 59519
+    },
+    {
+      "icon_id": "35726650",
+      "name": "iconm_xhdy",
+      "font_class": "iconm_xhdy",
+      "unicode": "e880",
+      "unicode_decimal": 59520
+    },
+    {
+      "icon_id": "35726651",
+      "name": "icomx_suoxiao",
+      "font_class": "icomx_suoxiao",
+      "unicode": "e881",
+      "unicode_decimal": 59521
+    },
+    {
+      "icon_id": "35726652",
+      "name": "iconm_unread",
+      "font_class": "iconm_unread",
+      "unicode": "e882",
+      "unicode_decimal": 59522
+    },
+    {
+      "icon_id": "35726653",
+      "name": "iconm_wapp",
+      "font_class": "iconm_wapp",
+      "unicode": "e883",
+      "unicode_decimal": 59523
+    },
+    {
+      "icon_id": "35726654",
+      "name": "iconx__earth",
+      "font_class": "iconx__earth",
+      "unicode": "e884",
+      "unicode_decimal": 59524
+    },
+    {
+      "icon_id": "35726655",
+      "name": "iconm__Search",
+      "font_class": "iconm__Search",
+      "unicode": "e885",
+      "unicode_decimal": 59525
+    },
+    {
+      "icon_id": "35726656",
+      "name": "iconm_jingzhiz",
+      "font_class": "iconm_jingzhiz",
+      "unicode": "e886",
+      "unicode_decimal": 59526
+    },
+    {
+      "icon_id": "35726657",
+      "name": "iconm_hear",
+      "font_class": "iconm_hear",
+      "unicode": "e887",
+      "unicode_decimal": 59527
+    },
+    {
+      "icon_id": "35726658",
+      "name": "iconx__caidan1",
+      "font_class": "iconx__caidan1",
+      "unicode": "e888",
+      "unicode_decimal": 59528
+    },
+    {
+      "icon_id": "35726659",
+      "name": "iconx_fangda",
+      "font_class": "iconx_fangda",
+      "unicode": "e889",
+      "unicode_decimal": 59529
+    },
+    {
+      "icon_id": "35685138",
+      "name": "iconm_jinxc",
+      "font_class": "iconm_jinxc",
+      "unicode": "e865",
+      "unicode_decimal": 59493
+    },
+    {
+      "icon_id": "35685139",
+      "name": "iconx_jinxc",
+      "font_class": "iconx_jinxc",
+      "unicode": "e866",
+      "unicode_decimal": 59494
+    },
+    {
       "icon_id": "35660488",
       "name": "icomx_rightt1",
       "font_class": "icomx_rightt1",

src/utils/request.js

@@ -125,7 +125,7 @@ service.interceptors.response.use(res => {
       })
       return Promise.reject('error')
     } else {
-      
+
       return Promise.resolve(res.data)
     }
   },

src/views/connect/E-mail/businessConfig/index.vue

@@ -33,7 +33,7 @@
     <el-dialog
       :title="titleText"
       v-model="dialogVisible"
-      width="400"
+      width="450"
       v-loading="loading"
     >
       <byForm

src/views/connect/E-mail/mail/com/left.vue

@@ -22,22 +22,40 @@
       <el-tabs v-model="activeName" class="demo-tabs" stretch>
         <el-tab-pane label="邮箱" name="first">
           <template #label>
-            <span>邮箱</span>
+            <div>
+              <i
+                class="iconfont icon-iconm_dianzyx"
+                style="margin-right: 5px"
+              ></i>
+              <span>邮箱</span>
+            </div>
           </template>
         </el-tab-pane>
         <el-tab-pane label="联系人" name="second">
           <template #label>
-            <span>联系人</span>
+            <div>
+              <i
+                class="iconfont icon-icomm_contact"
+                style="margin-right: 5px"
+              ></i>
+              <span>联系人</span>
+            </div>
           </template>
         </el-tab-pane>
         <el-tab-pane label="客户" name="third">
           <template #label>
-            <span>客户</span>
+            <div>
+              <i class="iconfont icon-icon_kh" style="margin-right: 5px"></i>
+              <span>客户</span>
+            </div>
           </template>
         </el-tab-pane>
       </el-tabs>
       <div>
-        <el-button type="primary" style="width: 100%" @click="handleGoWrite()"
+        <el-button
+          type="primary"
+          style="width: 100%; font-size: 12px"
+          @click="handleGoWrite()"
           >写信</el-button
         >
       </div>
@@ -48,52 +66,83 @@
           <li
             class="menu-item"
             v-bind:class="{ 'select-menu': item.id === selectFloderId }"
-            v-for="item in selectMail.mailFolderInfoList"
+            v-for="item in selectMail.mailFolderInfoListCopy"
             :key="item.id"
             @click="handleOpenMenu(item, '10')"
           >
-            {{ item.name }}
-          </li>
-          <!-- <li class="menu-item" @click="handleOpenMenu()">
-            <i class="iconfont icon-iconm_inbox leftIcon"></i>
-            <span style="margin-left: 10px">收件箱</span>
-          </li>
-          <li class="menu-item" @click="handleOpenMenu()">
-            <i class="iconfont icon_unread leftIcon"></i>
-            <span style="margin-left: 10px">未读邮件</span>
-          </li>
-          <li class="menu-item" @click="handleOpenMenu()">
-            <i class="iconfont icon-icomm_draftbox leftIcon"></i>
-            <span style="margin-left: 10px">草稿箱</span>
+            <i
+              class="iconfont icon-iconm_inbox leftIcon"
+              v-if="item.sort === 1"
+            ></i>
+            <i
+              class="iconfont icon-iconm_unread leftIcon"
+              v-else-if="item.sort === 2"
+            ></i>
+            <i
+              class="iconfont icon-icomm_draftbox leftIcon"
+              v-else-if="item.sort === 3"
+            ></i>
+            <i
+              class="iconfont icon-iconm_sent leftIcon"
+              v-else-if="item.sort === 4"
+            ></i>
+            <i
+              class="iconfont icon-icomm_delete leftIcon"
+              v-else-if="item.sort === 5"
+            ></i>
+            <i
+              class="iconfont icon-iconm_ljyx leftIcon"
+              v-else-if="item.sort === 6"
+            ></i>
+            <span style="margin-left: 5px">{{ item.name }}</span>
           </li>
-          <li class="menu-item" @click="handleOpenMenu()">
-            <i class="iconfont icon_sent leftIcon"></i>
-            <span style="margin-left: 10px">已发送</span>
-          </li>
-          <li class="menu-item" @click="handleOpenMenu()">
-            <i class="iconfont icon_delete leftIcon"></i>
-            <span style="margin-left: 10px">已删除</span>
-          </li>
-          <li class="menu-item" @click="handleOpenMenu()">
-            <i class="iconfont icon_ljyx leftIcon"></i>
-            <span style="margin-left: 10px">垃圾邮件</span>
-          </li> -->
         </ul>
+        <!-- 员工邮箱 -->
+        <div class="tree" v-if="staffMailData && staffMailData.length > 0">
+          <el-tree
+            :data="staffMailData"
+            node-key="id"
+            default-expand-all
+            :expand-on-click-node="false"
+            @node-click="(data, node) => clickTreeMail(data, node)"
+          >
+            <template #default="{ node, data }">
+              <span class="tree-content">
+                <i
+                  class="iconfont icon-icomm_ygyx iconColor"
+                  v-if="data.id == '0'"
+                  style="margin-right: 5px"
+                ></i>
+                <span>{{ data.mailUser }}</span>
+              </span>
+            </template>
+          </el-tree>
+        </div>
+        <!-- 官方文件夹 -->
         <div
           class="tree"
-          v-if="staffMailData[0] && staffMailData[0].children.length > 0"
+          v-if="selectMail.otherFolder && selectMail.otherFolder.length > 0"
         >
           <el-tree
-            :data="staffMailData"
-            ref="tree"
+            :data="selectMail.otherFolder"
             node-key="id"
             default-expand-all
-            :props="{
-              label: 'mailUser',
-            }"
-            @node-click="(data) => handleTreeNodeClick(data, 'staff')"
-          ></el-tree>
+            :expand-on-click-node="false"
+            @node-click="(data) => handleTreeNodeClick(data, 'official')"
+          >
+            <template #default="{ node, data }">
+              <span class="tree-content">
+                <i
+                  class="iconfont icon-iconm_gfwjj iconColor"
+                  v-if="data.id == '0'"
+                  style="margin-right: 5px"
+                ></i>
+                <span>{{ data.name }}</span>
+              </span>
+            </template></el-tree
+          >
         </div>
+        <!-- 我的文件夹 -->
         <div
           class="tree"
           v-if="myFolderTreeData && myFolderTreeData.length > 0"
@@ -107,6 +156,11 @@
           >
             <template #default="{ node, data }">
               <span class="tree-content">
+                <i
+                  class="iconfont icon-icomm_wdwjj iconColor"
+                  v-if="data.id == '0'"
+                  style="margin-right: 5px"
+                ></i>
                 <span>{{ data.label }}</span>
                 <el-popover
                   placement="bottom-start"
@@ -134,7 +188,9 @@
                     >
                   </div>
                   <template #reference>
-                    <span class="iconfont icon_more" style="padding-bottom: 5px"
+                    <span
+                      class="iconfont icon_more iconColor"
+                      style="padding-bottom: 5px; margin-left: auto"
                       >...</span
                     >
                   </template>
@@ -143,7 +199,7 @@
             </template>
           </el-tree>
         </div>
-
+        <!-- 我的标签 -->
         <div class="tree" v-if="tagsTreeData && tagsTreeData.length > 0">
           <el-tree
             :data="tagsTreeData"
@@ -154,6 +210,11 @@
           >
             <template #default="{ node, data }">
               <span class="tree-content">
+                <i
+                  class="iconfont icon-icomm_label iconColor"
+                  v-if="data.id == '0'"
+                  style="margin-right: 5px"
+                ></i>
                 <span>{{ data.name }}</span>
                 <el-popover
                   placement="bottom-start"
@@ -182,7 +243,9 @@
                     >
                   </div>
                   <template #reference>
-                    <span class="iconfont icon_more" style="padding-bottom: 5px"
+                    <span
+                      class="iconfont icon_more iconColor"
+                      style="padding-bottom: 5px; margin-left: auto"
                       >...</span
                     >
                   </template>
@@ -267,10 +330,10 @@ let activeName = ref("first");
 const mailMapData = {
   inbox: ["INBOX"],
   unread: ["UNREAD"],
-  draft: ["草稿箱"],
-  sent: ["已发送"],
-  delete: ["已删除"],
-  waste: ["垃圾邮件"],
+  draft: ["草稿箱", "草稿", "Drafts"],
+  sent: ["已发送", "Sent Messages"],
+  delete: ["已删除", "Deleted Messages"],
+  waste: ["垃圾邮件", "Junk"],
 };
 let selectFloderId = ref("");
 const mailList = ref([]);
@@ -324,13 +387,15 @@ const getTagsList = () => {
       id: useUserStore().user.userId,
     })
     .then((res) => {
-      tagsTreeData.value = [
-        {
-          name: "我的标签",
-          id: "0",
-          children: res.rows,
-        },
-      ];
+      if (res && res.rows.length > 0) {
+        tagsTreeData.value = [
+          {
+            name: "我的标签",
+            id: "0",
+            children: res.rows,
+          },
+        ];
+      }
     });
 };
 
@@ -385,13 +450,15 @@ const handleDelTag = (data) => {
 
 const getMyFolderTree = (data) => {
   proxy.post("/myFolder/tree", { mailboxId: data.id }).then((res) => {
-    myFolderTreeData.value = [
-      {
-        label: "我的文件夹",
-        id: "0",
-        children: res,
-      },
-    ];
+    if (res && res.length > 0) {
+      myFolderTreeData.value = [
+        {
+          label: "我的文件夹",
+          id: "0",
+          children: res,
+        },
+      ];
+    }
   });
 };
 
@@ -445,15 +512,14 @@ const handleDelFolder = (data) => {
     });
   });
 };
-const otherFolder = ref([]);
 const getMialList = () => {
   proxy.get("/mailService/getUserEmailList").then((res) => {
     for (let i = 0; i < res.data.length; i++) {
       const iele = res.data[i];
+      iele.mailFolderInfoListCopy = [];
+      iele.otherFolder = [];
       for (let j = 0; j < iele.mailFolderInfoList.length; j++) {
         const jele = iele.mailFolderInfoList[j];
-        iele.mailFolderInfoListCopy = [];
-        iele.otherFolder = [];
         if (mailMapData["inbox"].includes(jele.name)) {
           iele.mailFolderInfoListCopy.push({
             ...jele,
@@ -494,9 +560,19 @@ const getMialList = () => {
           iele.otherFolder.push(jele);
         }
       }
+      if (iele.otherFolder.length > 0) {
+        iele.otherFolder = [
+          {
+            name: "官方文件夹",
+            id: "0",
+            children: iele.otherFolder,
+          },
+        ];
+      }
+
+      iele.mailFolderInfoListCopy.sort((a, b) => a.sort - b.sort);
     }
     mailList.value = res.data;
-    console.log(res.data, "daa");
     if (mailList.value.length) {
       // 默认赋值第一邮箱
       selectMail.value = mailList.value[0];
@@ -504,31 +580,100 @@ const getMialList = () => {
       // 获取我的文件夹树形
       getMyFolderTree(selectMail.value);
       // 默认打开第一邮箱文件夹
-      if (selectMail.value.mailFolderInfoList.length > 0) {
-        handleOpenMenu(selectMail.value.mailFolderInfoList[0], "10");
+      if (selectMail.value.mailFolderInfoListCopy.length > 0) {
+        handleOpenMenu(selectMail.value.mailFolderInfoListCopy[0], "10");
       }
     }
   });
   proxy
     .post("/mailInfo/getUserEmailList", { id: useUserStore().user.userId })
     .then((res) => {
-      staffMailData.value = [
-        {
-          mailUser: "员工邮箱",
-          id: "0",
-          children: res,
-        },
-      ];
+      if (res && res.length > 0) {
+        res = res.map((x) => {
+          return {
+            ...x,
+            sort: 1,
+            children: x.mailFolderInfoList.map((y) => ({
+              ...y,
+              mailUser: y.name,
+            })),
+          };
+        });
+        for (let i = 0; i < res.length; i++) {
+          const iele = res[i];
+          iele.mailFolderInfoListCopy = [];
+          iele.otherFolder = [];
+          for (let j = 0; j < iele.mailFolderInfoList.length; j++) {
+            const jele = iele.mailFolderInfoList[j];
+            if (mailMapData["inbox"].includes(jele.name)) {
+              iele.mailFolderInfoListCopy.push({
+                ...jele,
+                name: "收件箱",
+                sort: 1,
+              });
+            } else if (mailMapData["unread"].includes(jele.name)) {
+              iele.mailFolderInfoListCopy.push({
+                ...jele,
+                name: "未读邮件",
+                sort: 2,
+              });
+            } else if (mailMapData["draft"].includes(jele.name)) {
+              iele.mailFolderInfoListCopy.push({
+                ...jele,
+                name: "草稿箱",
+                sort: 3,
+              });
+            } else if (mailMapData["sent"].includes(jele.name)) {
+              iele.mailFolderInfoListCopy.push({
+                ...jele,
+                name: "已发送",
+                sort: 4,
+              });
+            } else if (mailMapData["delete"].includes(jele.name)) {
+              iele.mailFolderInfoListCopy.push({
+                ...jele,
+                name: "已删除",
+                sort: 5,
+              });
+            } else if (mailMapData["waste"].includes(jele.name)) {
+              iele.mailFolderInfoListCopy.push({
+                ...jele,
+                name: "垃圾邮件",
+                sort: 6,
+              });
+            } else {
+              iele.otherFolder.push(jele);
+            }
+          }
+          if (iele.otherFolder.length > 0) {
+            iele.otherFolder = [
+              {
+                name: "官方文件夹",
+                id: "0",
+                children: iele.otherFolder,
+              },
+            ];
+          }
+          iele.mailFolderInfoListCopy.sort((a, b) => a.sort - b.sort);
+        }
+        staffMailData.value = [
+          {
+            mailUser: "员工邮箱",
+            id: "0",
+            children: res,
+          },
+        ];
+      }
     });
 };
 
-const handleClickMail = (item) => {
+const handleClickMail = (item, flag = true) => {
   mailStore.mailMenuList = [];
   selectMail.value = item;
   mailStore.selectMail = item;
   // 默认打开第一邮箱文件夹
-  if (selectMail.value.mailFolderInfoList.length > 0) {
-    handleOpenMenu(selectMail.value.mailFolderInfoList[0], "10");
+  if (selectMail.value.mailFolderInfoListCopy.length > 0 && flag) {
+    handleOpenMenu(selectMail.value.mailFolderInfoListCopy[0], "10");
   }
 };
 
@@ -578,40 +723,41 @@ const handleGoWrite = (mail = "", pageType = "0") => {
 
 const handleTreeNodeClick = (data, type) => {
   if (data.id != "0") {
-    let menuData = {};
+    let menuData = {
+      id: data.id,
+    };
     let listPageType = "10";
-    if (type === "staff") {
-      menuData = {
-        name: data.label,
-        id: data.id,
-      };
+    if (type === "official") {
+      menuData.name = data.name;
     } else if (type === "folder") {
-      menuData = {
-        name: data.label,
-        id: data.id,
-      };
+      menuData.name = data.label;
       listPageType = "20";
     } else if (type === "tag") {
-      menuData = {
-        name: data.name,
-        id: data.id,
-      };
+      menuData.name = data.name;
       listPageType = "30";
     }
     handleOpenMenu(menuData, listPageType);
   }
 };
 
-// const clickTreeMail = (data, att) => {
-//   if (data.id !== "0" && data[att]) {
-//     handleGoWrite(data[att], "50");
-//   }
-// };
+const clickTreeMail = (data, node) => {
+  if (data.id !== "0" && data.sort !== 1) {
+    let mailData = node.parent.data;
+    if (mailStore.selectMail.id === mailData.id) {
+      const menuData = {
+        id: data.id,
+        name: data.name,
+      };
+      handleOpenMenu(menuData, "10");
+    } else {
+      handleClickMail(mailData, false);
+      handleOpenMenu(data, "10");
+    }
+  }
+};
 
-onMounted(() => {
-  getMialList();
-  getTagsList();
-});
+getMialList();
+getTagsList();
 
 defineExpose({
   handleGoWrite,
@@ -621,13 +767,13 @@ defineExpose({
 
 <style lang="scss" scoped>
 .left {
-  font-size: 14px;
+  font-size: 12px;
   .top {
     padding: 10px;
     text-align: center;
     border-bottom: 1px solid #ddd;
     .mail {
-      color: black;
+      color: #333333;
       font-weight: 700;
       font-size: 14px;
     }
@@ -658,7 +804,7 @@ defineExpose({
           background: #ddedfe;
         }
         .leftIcon {
-          font-size: 20px;
+          font-size: 16px;
           color: #999999;
         }
       }
@@ -668,6 +814,9 @@ defineExpose({
 .select-menu {
   background: #ddedfe;
   color: #0084ff !important;
+  .leftIcon {
+    color: #0084ff !important;
+  }
 }
 .tree {
   margin-top: 10px;
@@ -676,9 +825,12 @@ defineExpose({
   .tree-content {
     width: 100%;
     display: flex;
-    justify-content: space-between;
+    // justify-content: space-between;
     padding-right: 10px;
     align-items: center;
+    .iconColor {
+      color: #666 !important;
+    }
   }
 }
 </style>
@@ -686,8 +838,20 @@ defineExpose({
 .body {
   .el-tree-node__content {
     font-weight: 700;
-    color: #666 !important;
+    color: #333333 !important;
     font-size: 12px !important;
   }
 }
+.top {
+  .el-tabs__item {
+    color: #616161;
+    font-size: 12px;
+  }
+  .el-tabs__item:hover {
+    color: #409eff;
+  }
+  .el-tabs__item.is-active {
+    color: #409eff;
+  }
+}
 </style>

src/views/connect/E-mail/mail/com/mailDetail.vue

@@ -181,12 +181,22 @@ const rules = ref({
   myFolderId: [{ required: true, message: "请选择文件夹", trigger: "change" }],
 });
 
-const getMyFolderTree = () => {
-  proxy
-    .post("/myFolder/tree", { mailboxId: mailStore.selectMail.id })
-    .then((res) => {
-      myFolderTreeData.value = res.map((x) => ({ ...x, value: x.id }));
-    });
+const getMyFolderTree = (flag) => {
+  if (flag) {
+    setTimeout(() => {
+      proxy
+        .post("/myFolder/tree", { mailboxId: mailStore.selectMail.id })
+        .then((res) => {
+          myFolderTreeData.value = res.map((x) => ({ ...x, value: x.id }));
+        });
+    }, 1000);
+  } else {
+    proxy
+      .post("/myFolder/tree", { mailboxId: mailStore.selectMail.id })
+      .then((res) => {
+        myFolderTreeData.value = res.map((x) => ({ ...x, value: x.id }));
+      });
+  }
 };
 
 const handleMove = () => {
@@ -226,7 +236,7 @@ const submitMyFolderForm = () => {
         });
         myFolderDialog.value = false;
         submitLoading.value = false;
-        getMyFolderTree();
+        getMyFolderTree(false);
       },
       (err) => {
         submitLoading.value = false;
@@ -235,6 +245,16 @@ const submitMyFolderForm = () => {
   });
 };
 
+const getMailTag = () => {
+  // proxy
+  //   .post("/myTagMessage/getListByMessageId", {
+  //     id: mailStore.currentMenu.messageId,
+  //   })
+  //   .then((res) => {
+  //     console.log(res, "ada");
+  //   });
+};
+
 const getDetails = (messageId) => {
   loading.value = true;
   proxy
@@ -369,7 +389,7 @@ const handleClickDownload = (file) => {
       let url = window.URL.createObjectURL(xhr.response);
       const a = document.createElement("a");
       a.href = url;
-      a.download = file.fileName; // 下载后文件名
+      a.download = file.name; // 下载后文件名
       a.style.display = "none";
       document.body.appendChild(a);
       a.click(); // 点击下载
@@ -378,7 +398,8 @@ const handleClickDownload = (file) => {
     }
   };
 };
-getMyFolderTree();
+getMyFolderTree(true);
+getMailTag();
 defineExpose({
   initFn: init,
 });

src/views/connect/E-mail/mail/com/mailList.vue

@@ -15,7 +15,7 @@
         <el-table-column label="状态" width="70">
           <template #default="{ row, $index }">
             <div style="cursor: pointer" @click="handleRowClick(row, $index)">
-              <span v-if="!row.flags.includes('6')">
+              <span v-if="row.flags && !row.flags.includes('6')">
                 <img
                   src="@/assets/images/mail/message.png"
                   alt=""
@@ -23,7 +23,27 @@
                   class="messageImg"
                 />
               </span>
-              <span v-if="row.flags.includes('6') && row.flags.includes('1')">
+              <span
+                v-if="
+                  row.flags !== undefined &&
+                  row.flags !== null &&
+                  row.flags === ''
+                "
+              >
+                <img
+                  src="@/assets/images/mail/message.png"
+                  alt=""
+                  title="未读"
+                  class="messageImg"
+                />
+              </span>
+              <span
+                v-if="
+                  row.flags &&
+                  row.flags.includes('6') &&
+                  row.flags.includes('1')
+                "
+              >
                 <img
                   src="@/assets/images/mail/replied.png"
                   alt=""
@@ -31,7 +51,7 @@
                   class="messageImg"
                 />
               </span>
-              <span v-if="row.flags.includes('6')">
+              <span v-if="row.flags && row.flags.includes('6')">
                 <img
                   src="@/assets/images/mail/message-open.png"
                   alt=""

src/views/connect/E-mail/mail/com/mailWrite.vue

@@ -341,6 +341,7 @@ const handleSend = () => {
         });
       }
       if (data.content) {
+        loading.value = true;
         let replyTo = [
           {
             address: formData.data.replyTo,
@@ -367,6 +368,7 @@ const handleSend = () => {
             type: "success",
           });
           handleReset();
+          loading.value = false;
         });
       } else {
         return ElMessage({

src/views/customer/portrait/com/SaleStatistics.vue

@@ -42,7 +42,7 @@
     <div class="item four">
       <div class="left_">
         <div class="money">
-          {{ detailsData.count }}
+          {{ detailsData.count || 0 }}
         </div>
         <div>报价次数（次）</div>
       </div>
@@ -55,7 +55,7 @@
     <div class="item five">
       <div class="left_">
         <div class="money">
-          {{ detailsData.contractCount }}
+          {{ detailsData.contractCount || 0 }}
         </div>
         <div>成交合同（单）</div>
       </div>

src/views/dataBoard/board/customerAnalysis/index.vue

@@ -350,9 +350,9 @@ const onQuery = () => {
   getData();
 };
 const getCountryData = () => {
-  proxy.post("/areaInfo/list", { parentId: "0" }).then((res) => {
+  proxy.post("/customizeArea/list", { parentId: "0" }).then((res) => {
     countryData.value = res;
-    queryForm.countryId = "China";
+    queryForm.countryId = "44";
     let endData = new Date();
     let beginDate = new Date();
     beginDate.setFullYear(endData.getFullYear() - 1);
@@ -381,7 +381,7 @@ onMounted(() => {
 .box {
   display: flex;
   flex-direction: column;
-  padding: 10px;
+  padding: 0px 10px;
   font-size: 12px;
   .one,
   .two,
@@ -394,10 +394,11 @@ onMounted(() => {
   }
   .statistics {
     display: flex;
-    margin-top: 10px;
+    flex-wrap: wrap;
+    // margin-top: 10px;
     // justify-content: space-around;
     .item {
-      margin: 0 20px;
+      margin: 10px 20px 0px;
       min-width: 200px;
       flex: 1;
       display: flex;