diff --git a/public/iconfont/ali/demo.css b/public/iconfont/ali/demo.css
index eb28a7e..8cb8809 100644
--- a/public/iconfont/ali/demo.css
+++ b/public/iconfont/ali/demo.css
@@ -50,7 +50,7 @@
 
 
 #tabs .active {
-  border-bottom-color: #FF0000;
+  border-bottom-color: #f00;
   color: #222;
 }
 
@@ -88,7 +88,7 @@
 .helps pre {
   padding: 20px;
   margin: 10px 0;
-  border: solid 1px #E7E1CD;
+  border: solid 1px #e7e1cd;
   background-color: #fffdef;
   overflow: auto;
 }
@@ -218,7 +218,7 @@
 .markdown > p,
 .markdown > blockquote,
 .markdown > .highlight,
-.markdown > ol,
+.markdown >ol,
 .markdown>ul {
   width: 80%;
 }
@@ -288,7 +288,7 @@
 
 .markdown blockquote {
   font-size: 90%;
-  color: #999999;
+  color: #999;
   border-left: 4px solid #e9e9e9;
   padding-left: 0.8em;
   margin: 1em 0;
@@ -318,7 +318,7 @@
   display: inline-block;
 }
 
-.markdown > br,
+.markdown >br,
 .markdown>p>br {
   clear: both;
 }
@@ -378,12 +378,12 @@
 }
 
 .hljs-addition {
-  color: #55A532;
+  color: #55a532;
   background-color: #eaffea;
 }
 
 .hljs-deletion {
-  color: #BD2C00;
+  color: #bd2c00;
   background-color: #ffecec;
 }
 
diff --git a/public/iconfont/ali/demo_index.html b/public/iconfont/ali/demo_index.html
index 3dcefa3..c2cbd89 100644
--- a/public/iconfont/ali/demo_index.html
+++ b/public/iconfont/ali/demo_index.html
@@ -55,15 +55,15 @@
       <ul class="icon_lists dib-box">
 
         <li class="dib">
-          <span class="icon iconfont">&#xe667;</span>
-          <div class="name">menu</div>
-          <div class="code-name">&amp;#xe667;</div>
+          <span class="icon iconfont">&#xe61f;</span>
+          <div class="name">igw-f-contact</div>
+          <div class="code-name">&amp;#xe61f;</div>
         </li>
 
         <li class="dib">
-          <span class="icon iconfont">&#xe689;</span>
-          <div class="name">menu_3rolepermiss</div>
-          <div class="code-name">&amp;#xe689;</div>
+          <span class="icon iconfont">&#xe667;</span>
+          <div class="name">menu</div>
+          <div class="code-name">&amp;#xe667;</div>
         </li>
 
         <li class="dib">
@@ -156,9 +156,9 @@
         <pre><code class="language-css"
         >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1753872505940') format('woff2'),
-       url('iconfont.woff?t=1753872505940') format('woff'),
-       url('iconfont.ttf?t=1753872505940') format('truetype');
+  src: url('iconfont.woff2?t=1753923827999') format('woff2'),
+       url('iconfont.woff?t=1753923827999') format('woff'),
+       url('iconfont.ttf?t=1753923827999') format('truetype');
 }
 </code></pre>
         <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -184,6 +184,15 @@
     <div class="content font-class">
       <ul class="icon_lists dib-box">
 
+        <li class="dib">
+          <span class="icon iconfont icon-igw-f-role"></span>
+          <div class="name">
+            igw-f-contact
+          </div>
+          <div class="code-name">.icon-igw-f-role
+          </div>
+        </li>
+
         <li class="dib">
           <span class="icon iconfont icon-menu"></span>
           <div class="name">
@@ -193,15 +202,6 @@
           </div>
         </li>
 
-        <li class="dib">
-          <span class="icon iconfont icon-menu_rolepermiss"></span>
-          <div class="name">
-            menu_3rolepermiss
-          </div>
-          <div class="code-name">.icon-menu_rolepermiss
-          </div>
-        </li>
-
         <li class="dib">
           <span class="icon iconfont icon-cog"></span>
           <div class="name">
@@ -339,18 +339,18 @@
 
         <li class="dib">
           <svg aria-hidden="true" class="icon svg-icon">
-            <use xlink:href="#icon-menu"></use>
+            <use xlink:href="#icon-igw-f-role"></use>
           </svg>
-          <div class="name">menu</div>
-          <div class="code-name">#icon-menu</div>
+          <div class="name">igw-f-contact</div>
+          <div class="code-name">#icon-igw-f-role</div>
         </li>
 
         <li class="dib">
           <svg aria-hidden="true" class="icon svg-icon">
-            <use xlink:href="#icon-menu_rolepermiss"></use>
+            <use xlink:href="#icon-menu"></use>
           </svg>
-          <div class="name">menu_3rolepermiss</div>
-          <div class="code-name">#icon-menu_rolepermiss</div>
+          <div class="name">menu</div>
+          <div class="code-name">#icon-menu</div>
         </li>
 
         <li class="dib">
diff --git a/public/iconfont/ali/iconfont.css b/public/iconfont/ali/iconfont.css
index 34c465d..182a18d 100644
--- a/public/iconfont/ali/iconfont.css
+++ b/public/iconfont/ali/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4985351 */
-  src: url('iconfont.woff2?t=1753872505940') format('woff2'),
-  url('iconfont.woff?t=1753872505940') format('woff'),
-  url('iconfont.ttf?t=1753872505940') format('truetype');
+  src: url('iconfont.woff2?t=1753923827999') format('woff2'),
+  url('iconfont.woff?t=1753923827999') format('woff'),
+  url('iconfont.ttf?t=1753923827999') format('truetype');
 }
 
 .iconfont {
@@ -13,12 +13,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-menu:before {
-  content: "\e667";
+.icon-igw-f-role:before {
+  content: "\e61f";
 }
 
-.icon-menu_rolepermiss:before {
-  content: "\e689";
+.icon-menu:before {
+  content: "\e667";
 }
 
 .icon-cog:before {
diff --git a/public/iconfont/ali/iconfont.js b/public/iconfont/ali/iconfont.js
index dceebb9..cfc88c0 100644
--- a/public/iconfont/ali/iconfont.js
+++ b/public/iconfont/ali/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4985351='<svg><symbol id="icon-menu" viewBox="0 0 1024 1024"><path d="M844.8 883.2l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C883.2 864 864 883.2 844.8 883.2zM844.8 480l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C883.2 460.8 864 480 844.8 480zM435.2 883.2l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C480 864 460.8 883.2 435.2 883.2zM435.2 480l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C480 460.8 460.8 480 435.2 480z" fill="#272636" ></path></symbol><symbol id="icon-menu_rolepermiss" viewBox="0 0 1024 1024"><path d="M512.1 487.9c-61.9 0-112.3-50.4-112.3-112.3s50.4-112.3 112.3-112.3 112.3 50.4 112.3 112.3S574 487.9 512.1 487.9z m0-169.3c-31.5 0-57 25.6-57 57s25.6 57 57 57c31.5 0 57-25.6 57-57s-25.5-57-57-57zM663 760.7H361.2c-28.4 0-54.5-15.2-69.7-40.7-16.2-27-17-59.6-2.2-87.1 41.9-77.7 120-125.9 203.8-125.9h38.1c83.9 0 161.9 48.2 203.8 125.9 14.7 27.5 13.9 60-2.2 87.1-15.3 25.5-41.4 40.7-69.8 40.7zM493.1 562.2c-63.5 0-123 37.1-155.1 96.9-5.6 10.3-5.2 22.2 1 32.5 5.3 8.8 13.4 13.9 22.3 13.9H663c8.8 0 17.2-5.2 22.3-13.8 6.1-10.2 6.5-22.4 1-32.6-32.2-59.7-91.6-96.8-155.1-96.8h-38.1z" fill="#333333" ></path><path d="M512.1 1002c-1.2 0-2.4-0.1-3.6-0.2-4.4-0.6-438.5-61.7-438.5-414.2V181.1c0-12 7.8-22.7 19.3-26.3L503.7 23.3c5.5-1.7 11.2-1.7 16.7 0l414.4 131.5c11.4 3.6 19.3 14.3 19.3 26.3v406.5c0 352.6-434.1 413.6-438.5 414.2-1.1 0.1-2.3 0.2-3.5 0.2zM125.3 201.3v386.3c0 289.1 348 352.7 386.9 358.9 42.2-6.4 386.7-67.3 386.7-358.9V201.3L512.1 78.6 125.3 201.3z" fill="#333333" ></path></symbol><symbol id="icon-cog" viewBox="0 0 1024 1024"><path d="M658.285714 512q0-60.571429-42.857143-103.428571t-103.428571-42.857143-103.428571 42.857143-42.857143 103.428571 42.857143 103.428571 103.428571 42.857143 103.428571-42.857143 42.857143-103.428571z m292.571429-62.285714v126.857143q0 6.857143-4.571429 13.142857t-11.428571 7.428571l-105.714286 16q-10.857143 30.857143-22.285714 52 20 28.571429 61.142857 78.857143 5.714286 6.857143 5.714286 14.285714t-5.142857 13.142857q-15.428571 21.142857-56.571429 61.714286t-53.714286 40.571429q-6.857143 0-14.857143-5.142857l-78.857142-61.714286q-25.142857 13.142857-52 21.714286-9.142857 77.714286-16.571429 106.285714-4 16-20.571429 16H448.571429q-8 0-14-4.857143T428 933.714286l-16-105.142857q-28-9.142857-51.428571-21.142858l-80.571429 61.142858q-5.714286 5.142857-14.285714 5.142857-8 0-14.285715-6.285715-72-65.142857-94.285714-96-4-5.714286-4-13.142857 0-6.857143 4.571429-13.142857 8.571429-12 29.142857-38t30.857143-40.285714q-15.428571-28.571429-23.428572-56.571429l-104.571428-15.428571q-7.428571-1.142857-12-7.142857T73.142857 574.285714V447.428571q0-6.857143 4.571429-13.142857t10.857143-7.428571l106.285714-16q8-26.285714 22.285714-52.571429-22.857143-32.571429-61.142857-78.857143-5.714286-6.857143-5.714286-13.714285 0-5.714286 5.142857-13.142857 14.857143-20.571429 56.285715-61.428572T265.714286 150.285714q7.428571 0 14.857143 5.714286l78.857142 61.142857q25.142857-13.142857 52-21.714286 9.142857-77.714286 16.571429-106.285714 4-16 20.571429-16h126.857142q8 0 14 4.857143T596 90.285714l16 105.142857q28 9.142857 51.428571 21.142858l81.142858-61.142858q5.142857-5.142857 13.714285-5.142857 7.428571 0 14.285715 5.714286 73.714286 68 94.285714 97.142857 4 4.571429 4 12.571429 0 6.857143-4.571429 13.142857-8.571429 12-29.142857 38t-30.857143 40.285714q14.857143 28.571429 23.428572 56l104.571428 16q7.428571 1.142857 12 7.142857t4.571429 13.428572z"  ></path></symbol><symbol id="icon-user" viewBox="0 0 1024 1024"><path d="M914.286 802.89q0 68.534-41.692 108.25T761.71 950.858H262.29q-69.12 0-110.884-39.716T109.714 802.89q0-30.281 1.975-59.172t7.973-62.318 15.14-62.025 24.576-55.735 35.401-46.3 48.86-30.573 63.707-11.41q5.12 0 23.991 12.287t42.57 27.429 61.732 27.429 76.288 12.288 76.288-12.288 61.732-27.429 42.57-27.429 23.99-12.288q34.89 0 63.708 11.41t48.86 30.574 35.4 46.3 24.576 55.735 15.141 62.025 7.973 62.318 1.974 59.172zM731.429 292.57q0 90.844-64.293 155.136T512 512t-155.136-64.293-64.293-155.136 64.293-155.136T512 73.143t155.136 64.292 64.293 155.136z"  ></path></symbol><symbol id="icon-bar-chart" viewBox="0 0 1025 1024"><path d="M1013.67808 885.82144H96.04096V53.53472c0-5.86752-4.80256-10.67008-10.68032-10.67008H10.67008c-5.86752 0-10.67008 4.80256-10.67008 10.67008v917.64736c0 5.86752 4.80256 10.67008 10.67008 10.67008h1003.008c5.86752 0 10.67008-4.80256 10.67008-10.67008v-74.69056c0-5.86752-4.80256-10.67008-10.67008-10.67008z m-800.26624-106.7008h74.69056c5.86752 0 10.67008-4.80256 10.67008-10.68032V576.37888c0-5.86752-4.80256-10.67008-10.67008-10.67008h-74.69056c-5.86752 0-10.67008 4.80256-10.67008 10.67008v192.06144c0 5.86752 4.80256 10.68032 10.67008 10.68032z m202.74176 0h74.68032c5.87776 0 10.67008-4.80256 10.67008-10.68032V341.62688c0-5.86752-4.80256-10.67008-10.67008-10.67008h-74.68032c-5.87776 0-10.68032 4.80256-10.68032 10.67008v426.81344c0 5.86752 4.80256 10.68032 10.68032 10.68032z m202.72128 0H693.57568c5.86752 0 10.67008-4.80256 10.67008-10.68032v-322.7648c0-5.87776-4.80256-10.68032-10.67008-10.68032h-74.69056c-5.86752 0-10.67008 4.80256-10.67008 10.68032v322.77504c0 5.85728 4.79232 10.67008 10.65984 10.67008z m202.74176 0h74.69056c5.86752 0 10.67008-4.80256 10.67008-10.68032V234.92608c0-5.86752-4.80256-10.67008-10.67008-10.67008h-74.69056c-5.86752 0-10.67008 4.80256-10.67008 10.67008v533.51424c0 5.86752 4.80256 10.68032 10.67008 10.68032z m0 0" fill="#2C2C2C" ></path></symbol><symbol id="icon-arrow-up" viewBox="0 0 1024 1024"><path d="M957.147429 554.861714c0 19.419429-8.009143 37.705143-21.138286 51.419429l-42.861714 42.861714c-13.714286 13.714286-32.585143 21.723429-52.004572 21.723429s-38.290286-8.009143-51.419428-21.723429L621.714286 481.718857v402.285714C621.714286 925.147429 587.410286 950.857143 548.571429 950.857143h-73.142858c-38.838857 0-73.142857-25.709714-73.142857-66.852572v-402.285714L234.276571 649.142857a71.68 71.68 0 0 1-102.838857 0l-42.861714-42.861714c-13.714286-13.714286-21.723429-32-21.723429-51.419429s8.009143-38.290286 21.723429-52.004571L460.580571 130.852571C473.709714 117.138286 492.580571 109.714286 512 109.714286s38.290286 7.424 52.004571 21.138285L936.009143 502.857143c13.129143 13.714286 21.138286 32.585143 21.138286 52.004571z" fill="" ></path></symbol><symbol id="icon-exclamationcircle-f" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024zM448 192v384h128V192H448z m0 512v128h128v-128H448z" fill="#262626" ></path></symbol><symbol id="icon-check-circle-fill" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024zM448 605.12L277.312 442.176 192 523.648 448 768l384-366.528L746.688 320 448 605.12z" fill="#262626" ></path></symbol><symbol id="icon-map-pin" viewBox="0 0 1024 1024"><path d="M448 633.88v313.38l44.04 66.04c9.5 14.24 30.44 14.24 39.94 0L576 947.26V633.88c-20.78 3.84-42.12 6.12-64 6.12s-43.22-2.28-64-6.12zM512 0C352.94 0 224 128.94 224 288s128.94 288 288 288 288-128.94 288-288S671.06 0 512 0z m0 152c-75 0-136 61-136 136 0 13.24-10.76 24-24 24s-24-10.76-24-24c0-101.46 82.56-184 184-184 13.24 0 24 10.76 24 24s-10.76 24-24 24z"  ></path></symbol><symbol id="icon-wenbenkuang" viewBox="0 0 1024 1024"><path d="M914.56 1010.56H109.44a96 96 0 0 1-95.36-96V110.08A96 96 0 0 1 109.44 14.08h805.12a96 96 0 0 1 95.36 96v804.48a96 96 0 0 1-95.36 96zM109.44 78.08a32 32 0 0 0-31.36 32v804.48a32 32 0 0 0 31.36 32h805.12a32 32 0 0 0 31.36-32V110.08a32 32 0 0 0-31.36-32z" fill="#323333" ></path><path d="M287.36 238.08h448v71.68H553.6v476.8H471.04V309.76H287.36z" fill="#323333" ></path></symbol><symbol id="icon-zujian" viewBox="0 0 1024 1024"><path d="M768 928H128a32 32 0 0 1-32-32V256a32 32 0 0 1 32-32h195.84A132.48 132.48 0 0 1 320 192a128 128 0 0 1 256 0 132.48 132.48 0 0 1-3.84 32H768a32 32 0 0 1 32 32v195.84A132.48 132.48 0 0 1 832 448a128 128 0 0 1 0 256 132.48 132.48 0 0 1-32-3.84V896a32 32 0 0 1-32 32z m-608-64h576v-216.96a32.64 32.64 0 0 1 19.2-29.44 32.64 32.64 0 0 1 33.92 5.76 64 64 0 1 0 0-94.72 31.36 31.36 0 0 1-33.92 5.76 32.64 32.64 0 0 1-19.2-29.44V288H519.04a32.64 32.64 0 0 1-29.44-19.2 31.36 31.36 0 0 1 5.76-33.92 64 64 0 1 0-94.72 0 31.36 31.36 0 0 1 5.76 33.92 32.64 32.64 0 0 1-29.44 19.2H160z" fill="#4D4D4D" ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M92.748283 203.507071h838.503434v44.140606H92.748283zM644.402424 115.238788v44.127677h44.127677V115.238788c0-24.384646-19.75596-44.127677-43.998384-44.127677h-265.050505a43.97899 43.97899 0 0 0-31.172525 12.916364 43.918222 43.918222 0 0 0-12.825859 31.211313v44.127677h44.127677V115.238788h264.791919z m0 0" fill="#3D3D3D" ></path><path d="M203.073939 909.614545v-661.979798H158.946263V909.575758c0 24.410505 19.639596 44.179394 44.179394 44.179394h617.761616c24.410505 0 44.179394-19.639596 44.179394-44.179394V247.634747H820.926061v661.979798H203.073939z m0 0" fill="#3D3D3D" ></path><path d="M313.412525 335.90303h44.127677V733.090909h-44.127677V335.90303z m176.523637 0h44.127676V733.090909H489.936162V335.90303z m176.523636 0h44.127677V733.090909h-44.127677V335.90303z m0 0" fill="#3D3D3D" ></path></symbol><symbol id="icon-mapmarker" viewBox="0 0 1024 1024"><path d="M650.88112 365.728q0-60.576-42.848-103.424t-103.424-42.848-103.424 42.848-42.848 103.424 42.848 103.424 103.424 42.848 103.424-42.848 42.848-103.424zM797.18512 365.728q0 62.272-18.848 102.272l-208 442.272q-9.152 18.848-27.136 29.728t-38.56 10.848-38.56-10.848-26.56-29.728l-208.576-442.272q-18.848-40-18.848-102.272 0-121.152 85.728-206.848t206.848-85.728 206.848 85.728 85.728 206.848z"  ></path></symbol><symbol id="icon-xunhuan" viewBox="0 0 1024 1024"><path d="M5.29408 337.67424l64.04096 50.04288L9.09312 503.11168c-30.17728 53.248 21.67808 105.09312 54.64064 123.17696 32.47104 17.78688 82.92352 19.87584 129.97632 19.28192l84.71552-138.56768 64.04096 34.67264L231.3728 335.7696l-226.07872 1.90464z" fill="#FFAD0B" ></path><path d="M14.68416 620.29824l137.472 254.0544c27.66848 35.25632 79.8208 43.55072 133.76512 42.25024h145.05984V676.1472l-275.03616-1.8944c-42.65984 2.49856-98.5088-6.49216-141.2608-53.94432z" fill="#FFAD0B" ></path><path d="M879.73888 152.15616l-74.82368 31.76448L733.184 75.22304c-31.96928-52.14208-102.4-32.06144-134.16448-11.8784-31.27296 19.77344-57.5488 62.83264-79.83104 104.2944l80.128 141.2608-61.44 39.26016 233.97376 2.60096 107.88864-198.6048z" fill="#2F68DC" ></path><path d="M627.98848 23.37792L339.16928 20.48c-44.25728 7.09632-76.82048 48.54784-101.89824 96.4096l-70.33856 126.8736L377.344 360.3456l134.9632-239.5648c18.5856-38.56384 53.4528-83.11808 115.69152-97.40288zM640.57344 1003.52l8.4992-80.82432 129.86368-10.0864c61.14304-2.69312 77.6192-74.0352 75.53024-111.59552-2.0992-36.9664-27.07456-80.81408-52.55168-120.38144l-162.43712 1.50528L634.88 609.50528 519.18848 812.9024 640.57344 1003.52z" fill="#2F68DC" ></path><path d="M875.24352 845.7728L1017.8048 594.5344c15.28832-42.16832-5.29408-90.71616-34.9696-135.87456l-76.82048-122.9824-204.00128 127.488 144.05632 234.16832c24.7808 34.95936 46.85824 87.11168 29.184 148.44928z" fill="#2F68DC" ></path></symbol></svg>',(c=>{var t=(l=(l=document.getElementsByTagName("script"))[l.length-1]).getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var e,i,o,a,n,h=function(t,l){l.parentNode.insertBefore(t,l)};if(t&&!c.__iconfont__svg__cssinject__){c.__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)}}e=function(){var t,l=document.createElement("div");l.innerHTML=c._iconfont_svg_string_4985351,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(t=document.body).firstChild?h(l,t.firstChild):t.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),e()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=e,a=c.document,n=!1,d(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,s())})}function s(){n||(n=!0,o())}function d(){try{a.documentElement.doScroll("left")}catch(t){return void setTimeout(d,50)}s()}})(window);
\ No newline at end of file
+window._iconfont_svg_string_4985351='<svg><symbol id="icon-igw-f-role" viewBox="0 0 1024 1024"><path d="M672 528c132.548 0 240 107.452 240 240v80c0 70.692-57.308 128-128 128H192c-70.692 0-128-57.308-128-128v-80c0-132.548 107.452-240 240-240h368z m0-496c17.673 0 32 14.327 32 32v184c0 119.294-96.706 216-216 216h-16c-119.294 0-216-96.706-216-216S352.706 32 472 32h200z m192 384h64c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32h-64c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32z m-64-160h128c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32H800c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32z" fill="#000000" ></path></symbol><symbol id="icon-menu" viewBox="0 0 1024 1024"><path d="M844.8 883.2l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C883.2 864 864 883.2 844.8 883.2zM844.8 480l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C883.2 460.8 864 480 844.8 480zM435.2 883.2l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C480 864 460.8 883.2 435.2 883.2zM435.2 480l-256 0c-19.2 0-38.4-19.2-38.4-38.4l0-256c0-19.2 19.2-38.4 38.4-38.4l256 0c19.2 0 38.4 19.2 38.4 38.4l0 256C480 460.8 460.8 480 435.2 480z" fill="#272636" ></path></symbol><symbol id="icon-cog" viewBox="0 0 1024 1024"><path d="M658.285714 512q0-60.571429-42.857143-103.428571t-103.428571-42.857143-103.428571 42.857143-42.857143 103.428571 42.857143 103.428571 103.428571 42.857143 103.428571-42.857143 42.857143-103.428571z m292.571429-62.285714v126.857143q0 6.857143-4.571429 13.142857t-11.428571 7.428571l-105.714286 16q-10.857143 30.857143-22.285714 52 20 28.571429 61.142857 78.857143 5.714286 6.857143 5.714286 14.285714t-5.142857 13.142857q-15.428571 21.142857-56.571429 61.714286t-53.714286 40.571429q-6.857143 0-14.857143-5.142857l-78.857142-61.714286q-25.142857 13.142857-52 21.714286-9.142857 77.714286-16.571429 106.285714-4 16-20.571429 16H448.571429q-8 0-14-4.857143T428 933.714286l-16-105.142857q-28-9.142857-51.428571-21.142858l-80.571429 61.142858q-5.714286 5.142857-14.285714 5.142857-8 0-14.285715-6.285715-72-65.142857-94.285714-96-4-5.714286-4-13.142857 0-6.857143 4.571429-13.142857 8.571429-12 29.142857-38t30.857143-40.285714q-15.428571-28.571429-23.428572-56.571429l-104.571428-15.428571q-7.428571-1.142857-12-7.142857T73.142857 574.285714V447.428571q0-6.857143 4.571429-13.142857t10.857143-7.428571l106.285714-16q8-26.285714 22.285714-52.571429-22.857143-32.571429-61.142857-78.857143-5.714286-6.857143-5.714286-13.714285 0-5.714286 5.142857-13.142857 14.857143-20.571429 56.285715-61.428572T265.714286 150.285714q7.428571 0 14.857143 5.714286l78.857142 61.142857q25.142857-13.142857 52-21.714286 9.142857-77.714286 16.571429-106.285714 4-16 20.571429-16h126.857142q8 0 14 4.857143T596 90.285714l16 105.142857q28 9.142857 51.428571 21.142858l81.142858-61.142858q5.142857-5.142857 13.714285-5.142857 7.428571 0 14.285715 5.714286 73.714286 68 94.285714 97.142857 4 4.571429 4 12.571429 0 6.857143-4.571429 13.142857-8.571429 12-29.142857 38t-30.857143 40.285714q14.857143 28.571429 23.428572 56l104.571428 16q7.428571 1.142857 12 7.142857t4.571429 13.428572z"  ></path></symbol><symbol id="icon-user" viewBox="0 0 1024 1024"><path d="M914.286 802.89q0 68.534-41.692 108.25T761.71 950.858H262.29q-69.12 0-110.884-39.716T109.714 802.89q0-30.281 1.975-59.172t7.973-62.318 15.14-62.025 24.576-55.735 35.401-46.3 48.86-30.573 63.707-11.41q5.12 0 23.991 12.287t42.57 27.429 61.732 27.429 76.288 12.288 76.288-12.288 61.732-27.429 42.57-27.429 23.99-12.288q34.89 0 63.708 11.41t48.86 30.574 35.4 46.3 24.576 55.735 15.141 62.025 7.973 62.318 1.974 59.172zM731.429 292.57q0 90.844-64.293 155.136T512 512t-155.136-64.293-64.293-155.136 64.293-155.136T512 73.143t155.136 64.292 64.293 155.136z"  ></path></symbol><symbol id="icon-bar-chart" viewBox="0 0 1025 1024"><path d="M1013.67808 885.82144H96.04096V53.53472c0-5.86752-4.80256-10.67008-10.68032-10.67008H10.67008c-5.86752 0-10.67008 4.80256-10.67008 10.67008v917.64736c0 5.86752 4.80256 10.67008 10.67008 10.67008h1003.008c5.86752 0 10.67008-4.80256 10.67008-10.67008v-74.69056c0-5.86752-4.80256-10.67008-10.67008-10.67008z m-800.26624-106.7008h74.69056c5.86752 0 10.67008-4.80256 10.67008-10.68032V576.37888c0-5.86752-4.80256-10.67008-10.67008-10.67008h-74.69056c-5.86752 0-10.67008 4.80256-10.67008 10.67008v192.06144c0 5.86752 4.80256 10.68032 10.67008 10.68032z m202.74176 0h74.68032c5.87776 0 10.67008-4.80256 10.67008-10.68032V341.62688c0-5.86752-4.80256-10.67008-10.67008-10.67008h-74.68032c-5.87776 0-10.68032 4.80256-10.68032 10.67008v426.81344c0 5.86752 4.80256 10.68032 10.68032 10.68032z m202.72128 0H693.57568c5.86752 0 10.67008-4.80256 10.67008-10.68032v-322.7648c0-5.87776-4.80256-10.68032-10.67008-10.68032h-74.69056c-5.86752 0-10.67008 4.80256-10.67008 10.68032v322.77504c0 5.85728 4.79232 10.67008 10.65984 10.67008z m202.74176 0h74.69056c5.86752 0 10.67008-4.80256 10.67008-10.68032V234.92608c0-5.86752-4.80256-10.67008-10.67008-10.67008h-74.69056c-5.86752 0-10.67008 4.80256-10.67008 10.67008v533.51424c0 5.86752 4.80256 10.68032 10.67008 10.68032z m0 0" fill="#2C2C2C" ></path></symbol><symbol id="icon-arrow-up" viewBox="0 0 1024 1024"><path d="M957.147429 554.861714c0 19.419429-8.009143 37.705143-21.138286 51.419429l-42.861714 42.861714c-13.714286 13.714286-32.585143 21.723429-52.004572 21.723429s-38.290286-8.009143-51.419428-21.723429L621.714286 481.718857v402.285714C621.714286 925.147429 587.410286 950.857143 548.571429 950.857143h-73.142858c-38.838857 0-73.142857-25.709714-73.142857-66.852572v-402.285714L234.276571 649.142857a71.68 71.68 0 0 1-102.838857 0l-42.861714-42.861714c-13.714286-13.714286-21.723429-32-21.723429-51.419429s8.009143-38.290286 21.723429-52.004571L460.580571 130.852571C473.709714 117.138286 492.580571 109.714286 512 109.714286s38.290286 7.424 52.004571 21.138285L936.009143 502.857143c13.129143 13.714286 21.138286 32.585143 21.138286 52.004571z" fill="" ></path></symbol><symbol id="icon-exclamationcircle-f" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024zM448 192v384h128V192H448z m0 512v128h128v-128H448z" fill="#262626" ></path></symbol><symbol id="icon-check-circle-fill" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024zM448 605.12L277.312 442.176 192 523.648 448 768l384-366.528L746.688 320 448 605.12z" fill="#262626" ></path></symbol><symbol id="icon-map-pin" viewBox="0 0 1024 1024"><path d="M448 633.88v313.38l44.04 66.04c9.5 14.24 30.44 14.24 39.94 0L576 947.26V633.88c-20.78 3.84-42.12 6.12-64 6.12s-43.22-2.28-64-6.12zM512 0C352.94 0 224 128.94 224 288s128.94 288 288 288 288-128.94 288-288S671.06 0 512 0z m0 152c-75 0-136 61-136 136 0 13.24-10.76 24-24 24s-24-10.76-24-24c0-101.46 82.56-184 184-184 13.24 0 24 10.76 24 24s-10.76 24-24 24z"  ></path></symbol><symbol id="icon-wenbenkuang" viewBox="0 0 1024 1024"><path d="M914.56 1010.56H109.44a96 96 0 0 1-95.36-96V110.08A96 96 0 0 1 109.44 14.08h805.12a96 96 0 0 1 95.36 96v804.48a96 96 0 0 1-95.36 96zM109.44 78.08a32 32 0 0 0-31.36 32v804.48a32 32 0 0 0 31.36 32h805.12a32 32 0 0 0 31.36-32V110.08a32 32 0 0 0-31.36-32z" fill="#323333" ></path><path d="M287.36 238.08h448v71.68H553.6v476.8H471.04V309.76H287.36z" fill="#323333" ></path></symbol><symbol id="icon-zujian" viewBox="0 0 1024 1024"><path d="M768 928H128a32 32 0 0 1-32-32V256a32 32 0 0 1 32-32h195.84A132.48 132.48 0 0 1 320 192a128 128 0 0 1 256 0 132.48 132.48 0 0 1-3.84 32H768a32 32 0 0 1 32 32v195.84A132.48 132.48 0 0 1 832 448a128 128 0 0 1 0 256 132.48 132.48 0 0 1-32-3.84V896a32 32 0 0 1-32 32z m-608-64h576v-216.96a32.64 32.64 0 0 1 19.2-29.44 32.64 32.64 0 0 1 33.92 5.76 64 64 0 1 0 0-94.72 31.36 31.36 0 0 1-33.92 5.76 32.64 32.64 0 0 1-19.2-29.44V288H519.04a32.64 32.64 0 0 1-29.44-19.2 31.36 31.36 0 0 1 5.76-33.92 64 64 0 1 0-94.72 0 31.36 31.36 0 0 1 5.76 33.92 32.64 32.64 0 0 1-29.44 19.2H160z" fill="#4D4D4D" ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M92.748283 203.507071h838.503434v44.140606H92.748283zM644.402424 115.238788v44.127677h44.127677V115.238788c0-24.384646-19.75596-44.127677-43.998384-44.127677h-265.050505a43.97899 43.97899 0 0 0-31.172525 12.916364 43.918222 43.918222 0 0 0-12.825859 31.211313v44.127677h44.127677V115.238788h264.791919z m0 0" fill="#3D3D3D" ></path><path d="M203.073939 909.614545v-661.979798H158.946263V909.575758c0 24.410505 19.639596 44.179394 44.179394 44.179394h617.761616c24.410505 0 44.179394-19.639596 44.179394-44.179394V247.634747H820.926061v661.979798H203.073939z m0 0" fill="#3D3D3D" ></path><path d="M313.412525 335.90303h44.127677V733.090909h-44.127677V335.90303z m176.523637 0h44.127676V733.090909H489.936162V335.90303z m176.523636 0h44.127677V733.090909h-44.127677V335.90303z m0 0" fill="#3D3D3D" ></path></symbol><symbol id="icon-mapmarker" viewBox="0 0 1024 1024"><path d="M650.88112 365.728q0-60.576-42.848-103.424t-103.424-42.848-103.424 42.848-42.848 103.424 42.848 103.424 103.424 42.848 103.424-42.848 42.848-103.424zM797.18512 365.728q0 62.272-18.848 102.272l-208 442.272q-9.152 18.848-27.136 29.728t-38.56 10.848-38.56-10.848-26.56-29.728l-208.576-442.272q-18.848-40-18.848-102.272 0-121.152 85.728-206.848t206.848-85.728 206.848 85.728 85.728 206.848z"  ></path></symbol><symbol id="icon-xunhuan" viewBox="0 0 1024 1024"><path d="M5.29408 337.67424l64.04096 50.04288L9.09312 503.11168c-30.17728 53.248 21.67808 105.09312 54.64064 123.17696 32.47104 17.78688 82.92352 19.87584 129.97632 19.28192l84.71552-138.56768 64.04096 34.67264L231.3728 335.7696l-226.07872 1.90464z" fill="#FFAD0B" ></path><path d="M14.68416 620.29824l137.472 254.0544c27.66848 35.25632 79.8208 43.55072 133.76512 42.25024h145.05984V676.1472l-275.03616-1.8944c-42.65984 2.49856-98.5088-6.49216-141.2608-53.94432z" fill="#FFAD0B" ></path><path d="M879.73888 152.15616l-74.82368 31.76448L733.184 75.22304c-31.96928-52.14208-102.4-32.06144-134.16448-11.8784-31.27296 19.77344-57.5488 62.83264-79.83104 104.2944l80.128 141.2608-61.44 39.26016 233.97376 2.60096 107.88864-198.6048z" fill="#2F68DC" ></path><path d="M627.98848 23.37792L339.16928 20.48c-44.25728 7.09632-76.82048 48.54784-101.89824 96.4096l-70.33856 126.8736L377.344 360.3456l134.9632-239.5648c18.5856-38.56384 53.4528-83.11808 115.69152-97.40288zM640.57344 1003.52l8.4992-80.82432 129.86368-10.0864c61.14304-2.69312 77.6192-74.0352 75.53024-111.59552-2.0992-36.9664-27.07456-80.81408-52.55168-120.38144l-162.43712 1.50528L634.88 609.50528 519.18848 812.9024 640.57344 1003.52z" fill="#2F68DC" ></path><path d="M875.24352 845.7728L1017.8048 594.5344c15.28832-42.16832-5.29408-90.71616-34.9696-135.87456l-76.82048-122.9824-204.00128 127.488 144.05632 234.16832c24.7808 34.95936 46.85824 87.11168 29.184 148.44928z" fill="#2F68DC" ></path></symbol></svg>',(c=>{var t=(l=(l=document.getElementsByTagName("script"))[l.length-1]).getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var e,i,o,a,n,h=function(t,l){l.parentNode.insertBefore(t,l)};if(t&&!c.__iconfont__svg__cssinject__){c.__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)}}e=function(){var t,l=document.createElement("div");l.innerHTML=c._iconfont_svg_string_4985351,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(t=document.body).firstChild?h(l,t.firstChild):t.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),e()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=e,a=c.document,n=!1,s(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,d())})}function d(){n||(n=!0,o())}function s(){try{a.documentElement.doScroll("left")}catch(t){return void setTimeout(s,50)}d()}})(window);
\ No newline at end of file
diff --git a/public/iconfont/ali/iconfont.json b/public/iconfont/ali/iconfont.json
index 1b974be..af940f3 100644
--- a/public/iconfont/ali/iconfont.json
+++ b/public/iconfont/ali/iconfont.json
@@ -5,6 +5,13 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "24493756",
+      "name": "igw-f-contact",
+      "font_class": "igw-f-role",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
     {
       "icon_id": "1174312",
       "name": "menu",
@@ -12,13 +19,6 @@
       "unicode": "e667",
       "unicode_decimal": 58983
     },
-    {
-      "icon_id": "12891317",
-      "name": "menu_3rolepermiss",
-      "font_class": "menu_rolepermiss",
-      "unicode": "e689",
-      "unicode_decimal": 59017
-    },
     {
       "icon_id": "1261484",
       "name": "cog",
diff --git a/public/iconfont/ali/iconfont.ttf b/public/iconfont/ali/iconfont.ttf
index 7d36220..215e641 100644
Binary files a/public/iconfont/ali/iconfont.ttf and b/public/iconfont/ali/iconfont.ttf differ
diff --git a/public/iconfont/ali/iconfont.woff b/public/iconfont/ali/iconfont.woff
index 966d4fa..ff9da83 100644
Binary files a/public/iconfont/ali/iconfont.woff and b/public/iconfont/ali/iconfont.woff differ
diff --git a/public/iconfont/ali/iconfont.woff2 b/public/iconfont/ali/iconfont.woff2
index ee0a1cf..0eac198 100644
Binary files a/public/iconfont/ali/iconfont.woff2 and b/public/iconfont/ali/iconfont.woff2 differ
diff --git a/src/assets/styles/css/index.css b/src/assets/styles/css/index.css
index d7ca65e..ba3575d 100644
--- a/src/assets/styles/css/index.css
+++ b/src/assets/styles/css/index.css
@@ -10,3 +10,9 @@ html {
 #app {
   padding: 5px;
 }
+
+
+.ix-modal-wrapper,
+.ix-mask {
+  position: absolute;
+}
diff --git a/src/common/router/index.ts b/src/common/router/index.ts
index e1a3354..f759f0b 100644
--- a/src/common/router/index.ts
+++ b/src/common/router/index.ts
@@ -19,7 +19,7 @@ import { reloadUserInfo } from '@/common/app'
 enum SpecialPage {
   Main = 'main',
   Login = 'login',
-  Home = 'home',
+  Home = 'tsp',
   NotFund = 'notFund'
 }
 
diff --git a/src/common/utils/http-util.ts b/src/common/utils/http-util.ts
index deb2cca..b2164dd 100644
--- a/src/common/utils/http-util.ts
+++ b/src/common/utils/http-util.ts
@@ -55,7 +55,7 @@ function errHandler({code, msg, message}: R) {
       console.log(msg, message)
       break
     default:
-      Toast.error(message)
+      Toast.error(message ?? '操作失败')
   }
 }
 
@@ -94,6 +94,9 @@ httpUtil.interceptors.response.use(
     response => {
       // console.log('HTTP 请求结果', response.config.url, response)
       // vite 代理失败时 响应码为 200 响应内容为空
+      if (response.config.responseType !== 'json') {
+        return Promise.resolve(response)
+      }
       if (response.data == null) {
         response.data = {code: 99999, msg: '无响应内容', message: '无响应内容', data: null, headers: response.headers}
       }
@@ -204,6 +207,62 @@ export function postMltForm<T>(url: string, body: any, config?: AxiosConfig, dis
       })
 }
 
+function getFileName(contentDisposition: string) {
+  // 检查content-disposition是否存在
+  if (!contentDisposition) {
+    return null
+  }
+
+  // 查找filename=部分
+  const match = contentDisposition.match(/filename=(.+)/)
+  if (!match || match.length < 2) {
+    return null
+  }
+
+  // 提取并解码文件名
+  const fileNameEncoded = match[1].trim()
+  // 移除可能存在的引号
+  const fileNameWithoutQuotes = fileNameEncoded.replace(/["']/g, '')
+  // 解码URL编码的字符串
+  return decodeURIComponent(fileNameWithoutQuotes)
+}
+
+export function download(url: string, params?: any, disposeErr: boolean = true) {
+  return httpUtil.get(url, {params, paramsSerializer, responseType: 'arraybuffer'})
+      .then(res => {
+        let data = res.data
+        if (!data || data.byteLength <= 0) {
+          // 错误提示
+          return
+        }
+        const contentDisposition = res.headers['Content-Disposition'] ?? res.headers['content-disposition']
+        const fileName = getFileName(contentDisposition) ?? '下载的文件'
+        // 将二进制流转为blob
+        const blob = new Blob([ data ])
+        // 创建新的URL并指向File对象或者Blob对象的地址
+        const blobURL = window.URL.createObjectURL(blob)
+        // 创建a标签，用于跳转至下载链接
+        const tempLink = document.createElement('a')
+        tempLink.style.display = 'none'
+        tempLink.href = blobURL
+        tempLink.setAttribute('download', decodeURI(fileName))
+        // 兼容：某些浏览器不支持HTML5的download属性
+        if (typeof tempLink.download === 'undefined') {
+          tempLink.setAttribute('target', '_blank')
+        }
+        // 挂载a标签
+        document.body.appendChild(tempLink)
+        tempLink.click()
+        document.body.removeChild(tempLink)
+        // 释放blob URL地址
+        window.URL.revokeObjectURL(blobURL)
+      })
+      .catch(res => {
+        if (disposeErr) errHandler(res.response.data)
+        return Promise.reject(res.response.data)
+      })
+}
+
 export default {
   get,
   post,
diff --git a/src/common/utils/times.ts b/src/common/utils/times.ts
index ad21e85..c34b115 100644
--- a/src/common/utils/times.ts
+++ b/src/common/utils/times.ts
@@ -13,6 +13,7 @@ import { DateObjectUnits } from 'luxon/src/datetime'
  */
 
 export enum FMT {
+  month = 'yyyy-MM',
   date = 'yyyy-MM-dd',
   time = 'HH:mm',
   time_sec = 'HH:mm:ss',
diff --git a/src/components/iconfont/iconfont.d.ts b/src/components/iconfont/iconfont.d.ts
index ab9a195..35ba79e 100644
--- a/src/components/iconfont/iconfont.d.ts
+++ b/src/components/iconfont/iconfont.d.ts
@@ -2,8 +2,8 @@ export {}
 
 declare global {
   namespace IconfontTypes {
-    type name = 'menu'
-        | 'menu_rolepermiss'
+    type name = 'igw-f-role'
+        | 'menu'
         | 'cog'
         | 'user'
         | 'bar-chart'
diff --git a/src/pages/dispose-recode/DisposeRecode.vue b/src/pages/dispose-recode/DisposeRecode.vue
index 894a38d..38f986c 100644
--- a/src/pages/dispose-recode/DisposeRecode.vue
+++ b/src/pages/dispose-recode/DisposeRecode.vue
@@ -4,7 +4,12 @@ import { useFormGroup } from '@idux/cdk'
 import { TableColumn } from '@idux/components/table'
 import { TablePagination } from '@idux/components/table/src/types'
 import Charts from '@/components/echarts/Charts.vue'
+import DisposeRecodeDetail from '@/pages/dispose-recode/DisposeRecodeDetail.vue'
+import DisposeRecodeApi from '@/pages/dispose-recode/dispose-recode-api.ts'
+import Times from '@/common/utils/times.ts'
 
+const disposeRecodeDetail = ref<InstanceType<typeof DisposeRecodeDetail> | null>(null)
+const disposeRecode = ref<HTMLElement | undefined>(undefined)
 const chartOption = reactive<Echarts.Option>({
   aria: {
     enabled: true,
@@ -20,7 +25,7 @@ const chartOption = reactive<Echarts.Option>({
   },
   legend: {
     show: true,
-    top: 0
+    top: 0,
   },
   grid: {
     outerBounds: {
@@ -33,7 +38,7 @@ const chartOption = reactive<Echarts.Option>({
   xAxis: [
     {
       type: 'category',
-      data: [ 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun' ],
+      data: [],
       axisTick: {
         alignWithLabel: true
       }
@@ -47,67 +52,58 @@ const chartOption = reactive<Echarts.Option>({
       type: 'value'
     }
   ],
-  series: [
-    {
-      name: 'Direct1',
-      type: 'bar',
-      data: [ 10, 52, 200, 334, 390, 330, 220 ],
-    },
-    {
-      name: 'Direct2',
-      type: 'bar',
-      data: [ 10, 52, 200, 334, 390, 330, 220 ]
-    }
-  ]
+  series: []
 })
 
-interface Data {
-  id: string
-  pointName: string
-  street: string
-  microdistrict: string
-  propertyManagement: string
-  statusTxt: string
-  status: 'ZhengChang' | 'FenZhengChang'
-}
+const formGroup = useFormGroup<DisposeRecodeTypes.SearchParam>({
+  keywords: [ '' ],
+})
 
-const formGroup = useFormGroup({})
-
-const fullData: Data[] = []
-for (let index = 0; index < 10; index++) {
-  fullData.push({
-    id: index + '',
-    pointName: `Edrward ${index}`,
-    street: `Edrward ${index}`,
-    microdistrict: `Edrward ${index}`,
-    propertyManagement: `Edrward ${index}`,
-    statusTxt: `Edrward ${index}`,
-    status: index % 2 === 0 ? 'ZhengChang' : 'FenZhengChang',
-  })
-}
-const data = ref(fullData)
+const datasource = ref<DisposeRecodeTypes.DisposeRecodeData[]>()
 const columns: TableColumn[] = [
   {
-    title: '名称',
-    dataKey: 'pointName',
-    customCell: 'pointName'
+    title: '来源地',
+    dataKey: 'origin',
   },
   {
-    title: '所属街道',
-    dataKey: 'street',
+    title: '清运公司',
+    dataKey: 'clearingCompany',
   },
   {
-    title: '所属小区',
-    dataKey: 'microdistrict',
+    title: '消纳场名称',
+    dataKey: 'disposalSite',
   },
   {
-    title: '所属物业',
-    dataKey: 'propertyManagement'
+    title: '车牌号',
+    dataKey: 'licensePlate',
   },
   {
-    title: '运营状态',
-    dataKey: 'statusTxt',
-    customCell: 'status',
+    title: '联系人',
+    dataKey: 'contact',
+  },
+  {
+    title: '联系电话',
+    dataKey: 'contactPhone',
+  },
+  {
+    title: '进场磅重（吨）',
+    dataKey: 'inWeight',
+  },
+  {
+    title: '出场磅重（吨）',
+    dataKey: 'outWeight',
+  },
+  {
+    title: '净重（吨）',
+    dataKey: 'suttleWeight',
+  },
+  {
+    title: '进场时间',
+    dataKey: 'inTime',
+  },
+  {
+    title: '出场时间',
+    dataKey: 'outTime',
   },
   {
     title: '操作',
@@ -128,17 +124,65 @@ const pagination = reactive<TablePagination>({
     pagination.pageSize = pageSize
   }
 })
+
+const tableSpin = ref(false)
+
+function searchHandler() {
+  console.log('------', formGroup.getValue())
+  tableSpin.value = true
+  DisposeRecodeApi.paging({
+    ...formGroup.getValue(),
+    current: pagination.pageIndex ?? 1,
+    size: pagination.pageSize ?? 10,
+  })
+      .then(res => {
+        pagination.pageIndex = res.data.current
+        pagination.pageSize = res.data.size
+        pagination.total = res.data.total
+        datasource.value = res.data.records
+      })
+      .finally(() => {
+        tableSpin.value = false
+      })
+}
+
+function exportHandler() {
+  DisposeRecodeApi.exportData([ '2025-01-01', '2025-01-31' ])
+}
+
+const monthValue = ref<Date>(new Date())
+
+function renderChart() {
+  DisposeRecodeApi.statistics(Times.format(monthValue.value, Times.FMT.month))
+      .then(res => {
+        chartOption.xAxis[0].data = res.data.xAxis
+        let series = []
+        for (let seriesKey in res.data.series) {
+          series.push({
+            name: seriesKey,
+            type: 'bar',
+            data: res.data.series[seriesKey],
+          })
+        }
+        chartOption.series = series
+      })
+}
+
+onMounted(() => {
+  searchHandler()
+  renderChart()
+})
 </script>
 
 <template>
-  <div class="dispose-recode">
+  <div ref="disposeRecode" class="dispose-recode">
     <div class="title">垃圾处置记录</div>
     <div class="desc">管理和分析垃圾处置数据</div>
     <IxCard class="graph-card">
       <template #header>
         <div class="graph-tool">
           <div>垃圾处置量统计</div>
-          <IxDatePicker type="month"/>
+          <IxDatePicker v-model:value="monthValue" type="month" @change="renderChart"/>
         </div>
       </template>
       <Charts :option="chartOption"/>
@@ -147,31 +191,26 @@ const pagination = reactive<TablePagination>({
       <template #header>
         <div class="table-tool">
           <div>垃圾处置记录</div>
-          <IxForm :control="formGroup" class="search-form" layout="inline">
+          <IxForm :control="formGroup" class="search-form" layout="inline" @submit.prevent="searchHandler">
+            <IxTooltip placement="top" title="输入内容回车搜索">
+              <IxFormItem messageTooltip>
+                <IxInput clearable control="keywords" placeholder="请输入" @clear="searchHandler"/>
+              </IxFormItem>
+            </IxTooltip>
             <IxFormItem messageTooltip>
-              <IxInput placeholder="请输入收纳点名称"/>
-            </IxFormItem>
-            <IxFormItem messageTooltip>
-              <IxInput placeholder="请输入收纳点名称"/>
+              <IxButton icon="search" mode="primary" type="submit"/>
             </IxFormItem>
           </IxForm>
-          <IxButton icon="download" mode="primary">导出</IxButton>
+          <IxButton icon="download" mode="primary" @click="exportHandler">导出</IxButton>
         </div>
       </template>
-      <IxTable :columns="columns" :dataSource="data" :pagination="pagination" autoHeight class="data-table" getKey="id">
-        <template #pointName="{record}">
-          <span style="color: #165DFF;border-radius: 100%;background-color: #165DFF1A;width: 2.25rem;height: 2.25rem;display: inline-flex;justify-content: center;align-items: center;margin-right: 0.5rem"><i class="iconfont icon-mapmarker" style="display: block"></i></span>
-          <span>{{ record.pointName }}</span>
-        </template>
-        <template #action>
-          <IxButton class="detail-btn" icon="eye" mode="text">查看</IxButton>
-        </template>
-        <template #status="{record}">
-          <IxTag v-if="record.status === 'ZhengChang'" status="success">{{ record.statusTxt }}</IxTag>
-          <IxTag v-else status="error">{{ record.statusTxt }}</IxTag>
+      <IxTable :columns="columns" :dataSource="datasource" :pagination="pagination" autoHeight class="data-table" getKey="id">
+        <template #action="{record}">
+          <IxButton class="detail-btn" icon="eye" mode="text" @click="disposeRecodeDetail?.open(record)">查看</IxButton>
         </template>
       </IxTable>
     </IxCard>
+    <DisposeRecodeDetail ref="disposeRecodeDetail" :container="disposeRecode"/>
   </div>
 </template>
 
@@ -179,7 +218,7 @@ const pagination = reactive<TablePagination>({
 .dispose-recode {
   display: flex;
   flex-direction: column;
-  height: 100%;
+  height: 150%;
   width: 100%;
 
   .title {
@@ -256,8 +295,12 @@ const pagination = reactive<TablePagination>({
       .search-form {
         flex 6
 
-        :deep(.ix-form-item) {
-          flex 2
+        :deep(.ix-form-item):nth-child(1) {
+          flex 7
+        }
+
+        :deep(.ix-form-item):nth-child(2) {
+          flex 1
         }
       }
 
diff --git a/src/pages/dispose-recode/DisposeRecodeDetail.vue b/src/pages/dispose-recode/DisposeRecodeDetail.vue
new file mode 100644
index 0000000..98579fd
--- /dev/null
+++ b/src/pages/dispose-recode/DisposeRecodeDetail.vue
@@ -0,0 +1,95 @@
+<script lang="ts" setup>
+let props = defineProps<{
+  container?: HTMLElement;
+}>()
+const show = ref(false)
+const ins = ref<HTMLElement | null>(null)
+const data = reactive<DisposeRecodeTypes.DisposeRecodeData>({
+  id: '',
+  origin: '',
+  clearingCompany: '',
+  licensePlate: '',
+  contact: '',
+  contactPhone: '',
+  inWeight: '',
+  outWeight: '',
+  suttleWeight: '',
+  inTime: '',
+  outTime: '',
+  disposalSite: '',
+})
+
+onMounted(() => {
+  console.log(ins)
+  let container = props.container
+  if (container) {
+    container.style.position = 'relative'
+    for (let child of container.children) {
+      console.log(child)
+    }
+  }
+})
+
+defineExpose({
+  open(detail: DisposeRecodeTypes.DisposeRecodeData) {
+    Object.assign(data, detail)
+    show.value = true
+  }
+})
+
+</script>
+
+<template>
+  <IxModal ref="ins" v-model:visible="show" :container="container" :mask="false" cancel-text="关闭" class="dispose-recode-detail" draggable header="详情" maskClosable type="default" width="40rem">
+    <p class="detail-item"><span>来源地：</span><span>{{ data.origin }}</span></p>
+    <p class="detail-item"><span>清运公司：</span><span>{{ data.clearingCompany }}</span></p>
+    <p class="detail-item"><span>车牌号：</span><span>{{ data.licensePlate }}</span></p>
+    <p class="detail-item"><span>联系人：</span><span>{{ data.contact }}</span></p>
+    <p class="detail-item"><span>联系电话：</span><span>{{ data.contactPhone }}</span></p>
+    <p class="detail-item"><span>进场磅重（吨）：</span><span>{{ data.inWeight }}</span></p>
+    <p class="detail-item"><span>出场磅重（吨）：</span><span>{{ data.outWeight }}</span></p>
+    <p class="detail-item"><span>净重（吨）：</span><span>{{ data.suttleWeight }}</span></p>
+    <p class="detail-item"><span>进场时间：</span><span>{{ data.inTime }}</span></p>
+    <p class="detail-item"><span>出场时间：</span><span>{{ data.outTime }}</span></p>
+    <p class="detail-item"><span>消纳场名称：</span><span>{{ data.disposalSite }}</span></p>
+    <template #footer="{ cancel:_, ok }">
+      <IxButton mode="primary" @click="ok">确定</IxButton>
+    </template>
+  </IxModal>
+</template>
+
+<style lang="stylus" scoped>
+.dispose-recode-detail .detail-item:not(:last-child) {
+  border-bottom: 1px #E5E7EB dashed;
+  padding-bottom: 0.5rem;
+}
+
+:deep(.ix-modal-wrapper),
+:deep(.ix-mask) {
+  position absolute
+}
+
+.detail-item {
+  display flex
+  justify-content start
+  align-items center
+
+  span:nth-child(1) {
+    flex 10
+    font-weight bold
+  }
+
+  span:nth-child(2) {
+    flex 14
+    text-align end
+    padding-right 10%
+  }
+
+
+  span {
+    display inline-block
+    color #1D2129
+    font-size 1.25rem
+  }
+}
+</style>
diff --git a/src/pages/dispose-recode/dispose-recode-api.ts b/src/pages/dispose-recode/dispose-recode-api.ts
new file mode 100644
index 0000000..714caef
--- /dev/null
+++ b/src/pages/dispose-recode/dispose-recode-api.ts
@@ -0,0 +1,32 @@
+import {
+  download,
+  get,
+  post
+} from '@/common/utils/http-util.ts'
+
+export default {
+  paging(data: DisposeRecodeTypes.SearchParam & G.PageParam) {
+    return get<G.PageResult<DisposeRecodeTypes.DisposeRecodeData>>('/dispose_record/paging', data)
+  },
+  list(pid: string | null = null) {
+    return get<DisposeRecodeTypes.DisposeRecodeData[]>('/dispose_record/list', {pid: pid})
+  },
+  detail(id: string) {
+    return get<DisposeRecodeTypes.DisposeRecodeData>('/dispose_record/detail', {id})
+  },
+  add(data: DisposeRecodeTypes.DisposeRecodeData) {
+    return post('/dispose_record/add', data)
+  },
+  modify(data: DisposeRecodeTypes.DisposeRecodeData) {
+    return post('/dispose_record/modify', data)
+  },
+  del(ids: string[]) {
+    return post('/dispose_record/del', ids)
+  },
+  exportData(date: string[]) {
+    return download('/dispose_record/export', {date})
+  },
+  statistics(date: string) {
+    return get<DisposeRecodeTypes.StatisticsResult>('/dispose_record/statistics', {date})
+  },
+}
diff --git a/src/pages/dispose-recode/dispose-recode.d.ts b/src/pages/dispose-recode/dispose-recode.d.ts
new file mode 100644
index 0000000..af6dc5f
--- /dev/null
+++ b/src/pages/dispose-recode/dispose-recode.d.ts
@@ -0,0 +1,30 @@
+export {}
+declare global {
+  namespace DisposeRecodeTypes {
+    interface DisposeRecodeData {
+      id: string
+      origin: string
+      clearingCompany: string
+      licensePlate: string
+      contact: string
+      contactPhone: string
+      inWeight: string
+      outWeight: string
+      suttleWeight: string
+      inTime: string
+      outTime: string
+      disposalSite: string
+    }
+
+    interface SearchParam {
+      keywords: string
+    }
+
+    interface StatisticsResult {
+      xAxis: string[]
+      series: {
+        [key: string]: number[]
+      }
+    }
+  }
+}
diff --git a/src/pages/tsp/Tsp.vue b/src/pages/tsp/Tsp.vue
index 0742a6c..f4d0d8e 100644
--- a/src/pages/tsp/Tsp.vue
+++ b/src/pages/tsp/Tsp.vue
@@ -3,37 +3,35 @@ import { SelectData } from '@idux/components/select/src/types'
 import { useFormGroup } from '@idux/cdk'
 import { TableColumn } from '@idux/components/table'
 import { TablePagination } from '@idux/components/table/src/types'
+import CreateTsp from '@/pages/tsp/create-tsp.vue'
+import TspApi from '@/pages/tsp/tsp-api.ts'
+import { ref } from 'vue'
 
+const createTsp = ref<InstanceType<typeof CreateTsp> | null>(null)
 const dataSource: SelectData[] = [
+  {key: '', label: '所有'},
   {key: 'ZhengChang', label: '正常运营'},
   {key: 'FenZhengChang', label: '非正常运营'},
 ]
 
-interface Data {
-  id: string
-  pointName: string
-  street: string
-  microdistrict: string
-  propertyManagement: string
-  statusTxt: string
-  status: 'ZhengChang' | 'FenZhengChang'
-}
+const pagination = reactive<TablePagination>({
+  pageIndex: 1,
+  pageSize: 10,
+  total: 0,
+  size: 'sm',
+  showTotal: true,
+  onChange(pageIndex: number, pageSize: number) {
+    console.log('------', pageIndex, pageSize)
+    pagination.pageIndex = pageIndex
+    pagination.pageSize = pageSize
+  }
+})
 
-const formGroup = useFormGroup({})
-
-const fullData: Data[] = []
-for (let index = 0; index < 10; index++) {
-  fullData.push({
-    id: index + '',
-    pointName: `Edrward ${index}`,
-    street: `Edrward ${index}`,
-    microdistrict: `Edrward ${index}`,
-    propertyManagement: `Edrward ${index}`,
-    statusTxt: `Edrward ${index}`,
-    status: index % 2 === 0 ? 'ZhengChang' : 'FenZhengChang',
-  })
-}
-const data = ref(fullData)
+const formGroup = useFormGroup<TspTypes.SearchParam>({
+  pointName: [ '' ],
+  status: [ '' ],
+})
+const datasource = ref<TspTypes.TspData[]>()
 const columns: TableColumn[] = [
   {
     title: '名称',
@@ -42,7 +40,7 @@ const columns: TableColumn[] = [
   },
   {
     title: '所属街道',
-    dataKey: 'street',
+    dataKey: 'streetName',
   },
   {
     title: '所属小区',
@@ -63,18 +61,40 @@ const columns: TableColumn[] = [
     customCell: 'action',
   }
 ]
+const tableSpin = ref(false)
+const statisticsResult = reactive<TspTypes.StatisticsResult>({
+  totalCount: 0,
+  totalCountGrowthRate: 0,
+  onlineCount: 0,
+  onlineCountGrowthRate: 0,
+  offlineCount: 0,
+  offlineCountGrowthRate: 0,
+})
 
-const pagination = reactive<TablePagination>({
-  pageIndex: 1,
-  pageSize: 10,
-  total: 100,
-  size: 'sm',
-  showTotal: true,
-  onChange(pageIndex: number, pageSize: number) {
-    console.log('------', pageIndex, pageSize)
-    pagination.pageIndex = pageIndex
-    pagination.pageSize = pageSize
-  }
+function searchHandler() {
+  tableSpin.value = true
+  TspApi.paging({
+    ...formGroup.getValue(),
+    current: pagination.pageIndex ?? 1,
+    size: pagination.pageSize ?? 10,
+  })
+      .then(res => {
+        pagination.pageIndex = res.data.current
+        pagination.pageSize = res.data.size
+        pagination.total = res.data.total
+        datasource.value = res.data.records
+      })
+      .finally(() => {
+        tableSpin.value = false
+      })
+}
+
+onMounted(() => {
+  searchHandler()
+  TspApi.statistics()
+      .then(res => {
+        Object.assign(statisticsResult, res.data)
+      })
 })
 </script>
 <template>
@@ -85,24 +105,24 @@ const pagination = reactive<TablePagination>({
       <IxCard>
         <div>
           <div>收纳点总数</div>
-          <div>24</div>
-          <div><i class="iconfont icon-arrow-up"></i>较上月增长 12%</div>
+          <div>{{ statisticsResult.totalCount }}</div>
+          <div><i class="iconfont icon-arrow-up"></i>较上月增长 {{ statisticsResult.totalCountGrowthRate }}%</div>
         </div>
         <Iconfont name="map-pin" wrapper/>
       </IxCard>
       <IxCard>
         <div>
           <div>正常运营数量</div>
-          <div>24</div>
-          <div><i class="iconfont icon-arrow-up"></i>较上月增长 8%</div>
+          <div>{{ statisticsResult.onlineCount }}</div>
+          <div><i class="iconfont icon-arrow-up"></i>较上月增长 {{ statisticsResult.onlineCountGrowthRate }}%</div>
         </div>
         <Iconfont name="check-circle-fill" wrapper/>
       </IxCard>
       <IxCard>
         <div>
           <div>非正常运营数量</div>
-          <div>24</div>
-          <div><i class="iconfont icon-arrow-up"></i>较上月增长 2%</div>
+          <div>{{ statisticsResult.offlineCount }}</div>
+          <div><i class="iconfont icon-arrow-up"></i>较上月增长 {{ statisticsResult.offlineCountGrowthRate }}%</div>
         </div>
         <Iconfont name="exclamationcircle-f" wrapper/>
       </IxCard>
@@ -111,18 +131,25 @@ const pagination = reactive<TablePagination>({
       <template #header>
         <div class="table-tool">
           <div>收纳点列表</div>
-          <IxForm :control="formGroup" class="search-form" layout="inline">
+          <IxForm :control="formGroup" class="search-form" layout="inline" @submit.prevent="searchHandler">
+            <IxTooltip placement="top" title="输入内容回车搜索">
+              <IxFormItem messageTooltip>
+                <IxInput clearable control="pointName" placeholder="请输入收纳点名称" @clear="searchHandler"/>
+              </IxFormItem>
+            </IxTooltip>
             <IxFormItem messageTooltip>
-              <IxInput placeholder="请输入收纳点名称"/>
+              <IxSelect :dataSource="dataSource" control="status" @change="searchHandler"/>
             </IxFormItem>
             <IxFormItem messageTooltip>
-              <IxSelect :dataSource="dataSource"/>
+              <IxButton icon="search" mode="primary" type="submit"/>
             </IxFormItem>
-            <IxButton icon="plus" mode="primary" type="submit">添加收纳点</IxButton>
           </IxForm>
+          <IxButton icon="plus" mode="primary" @click="createTsp?.open()">添加收纳点</IxButton>
         </div>
       </template>
-      <IxTable :columns="columns" :dataSource="data" :pagination="pagination" autoHeight class="data-table" getKey="id">
+      <IxTable :columns="columns"
+          :dataSource="datasource"
+          :pagination="pagination" :spin="tableSpin" autoHeight class="data-table" getKey="id">
         <template #pointName="{record}">
           <Iconfont name="mapmarker" wrapper/>
           <span>{{ record.pointName }}</span>
@@ -136,6 +163,7 @@ const pagination = reactive<TablePagination>({
         </template>
       </IxTable>
     </IxCard>
+    <CreateTsp ref="createTsp"/>
   </div>
 </template>
 
@@ -294,9 +322,16 @@ const pagination = reactive<TablePagination>({
       }
 
       .search-form {
-        :deep(.ix-form-item) {
-          flex 2
+        :deep(.ix-form-item):nth-child(1) {
+          flex 5
+        }
 
+        :deep(.ix-form-item):nth-child(2) {
+          flex 2
+        }
+
+        :deep(.ix-form-item):nth-child(3) {
+          flex 1
         }
 
         :deep(.ix-button ) {
diff --git a/src/pages/tsp/create-tsp.vue b/src/pages/tsp/create-tsp.vue
new file mode 100644
index 0000000..98c4a61
--- /dev/null
+++ b/src/pages/tsp/create-tsp.vue
@@ -0,0 +1,66 @@
+<script lang="ts" setup>
+import {
+  useFormGroup,
+  Validators
+} from '@idux/cdk'
+import Toast from '@/components/toast'
+import TspApi from '@/pages/tsp/tsp-api.ts'
+
+const show = ref(false)
+const formGroup = useFormGroup<TspTypes.AddParam>({
+  pointName: [ undefined, Validators.required ],
+  streetName: [ undefined, Validators.required ],
+  microdistrict: [ undefined, Validators.required ],
+  propertyManagement: [ undefined, Validators.required ],
+  videoUrl: [ undefined, Validators.required ],
+})
+
+const gutter = [ 40, 0 ]
+
+function submit() {
+  if (formGroup.valid.value) {
+    TspApi.add({...formGroup.getValue(), status: 'ZhengChang'})
+        .then(_ => {
+          Toast.success('添加成功')
+          formGroup.reset()
+        })
+  } else {
+    formGroup.markAsDirty()
+    Toast.error('请填写完整信息')
+  }
+  return false
+}
+
+defineExpose({
+  open() {
+    show.value = true
+  }
+})
+
+</script>
+
+<template>
+  <IxModal v-model:visible="show" cancel-text="取消" header="添加收纳点" ok-text="提交" type="default" width="40rem" @cancel="formGroup.reset()" @close="formGroup.reset()" @ok="submit">
+    <IxForm :colonless="false" :control="formGroup" :control-col="{span: 19}" :label-col="5" label-align="end" style="height: 23.4rem">
+      <IxFormItem :gutter="gutter" label="收纳点名称" messageTooltip>
+        <IxInput control="pointName" placeholder="请输入收纳点名称"/>
+      </IxFormItem>
+      <IxFormItem :gutter="gutter" label="所属街道" messageTooltip>
+        <IxInput control="streetName" placeholder="请输入街道名称"/>
+      </IxFormItem>
+      <IxFormItem :gutter="gutter" label="所属小区" messageTooltip>
+        <IxInput control="microdistrict" placeholder="请输入小区名称"/>
+      </IxFormItem>
+      <IxFormItem :gutter="gutter" label="所属物业" messageTooltip>
+        <IxInput control="propertyManagement" placeholder="请输入物业名称"/>
+      </IxFormItem>
+      <IxFormItem :gutter="gutter" label="视频地址" messageTooltip>
+        <IxInput control="videoUrl" placeholder="请输入视频地址"/>
+      </IxFormItem>
+    </IxForm>
+  </IxModal>
+</template>
+
+<style lang="stylus" scoped>
+
+</style>
diff --git a/src/pages/tsp/tsp-api.ts b/src/pages/tsp/tsp-api.ts
new file mode 100644
index 0000000..c42d2d2
--- /dev/null
+++ b/src/pages/tsp/tsp-api.ts
@@ -0,0 +1,28 @@
+import {
+  get,
+  post
+} from '@/common/utils/http-util.ts'
+
+export default {
+  paging(data: TspTypes.SearchParam & G.PageParam) {
+    return get<G.PageResult<TspTypes.TspData>>('/temp_storage_point/paging', data)
+  },
+  list(pid: string | null = null) {
+    return get<TspTypes.TspData[]>('/temp_storage_point/list', {pid: pid})
+  },
+  detail(id: string) {
+    return get<TspTypes.TspData>('/temp_storage_point/detail', {id})
+  },
+  add(data: TspTypes.AddParam) {
+    return post('/temp_storage_point/add', data)
+  },
+  modify(data: TspTypes.TspData) {
+    return post('/temp_storage_point/modify', data)
+  },
+  del(ids: string[]) {
+    return post('/temp_storage_point/del', ids)
+  },
+  statistics() {
+    return get<TspTypes.StatisticsResult>('/temp_storage_point/statistics')
+  },
+}
diff --git a/src/pages/tsp/tsp.d.ts b/src/pages/tsp/tsp.d.ts
new file mode 100644
index 0000000..5f41aef
--- /dev/null
+++ b/src/pages/tsp/tsp.d.ts
@@ -0,0 +1,36 @@
+export {}
+declare global {
+  namespace TspTypes {
+    interface TspData {
+      id: string
+      pointName: string
+      streetName: string
+      microdistrict: string
+      propertyManagement: string
+      status: 'ZhengChang' | 'FenZhengChang'
+    }
+
+    interface AddParam {
+      pointName?: string
+      streetName?: string
+      microdistrict?: string
+      propertyManagement?: string
+      status?: 'ZhengChang' | 'FenZhengChang'
+      videoUrl?: string
+    }
+
+    interface SearchParam {
+      pointName: string
+      status: 'ZhengChang' | 'FenZhengChang' | ''
+    }
+
+    interface StatisticsResult {
+      totalCount: number
+      totalCountGrowthRate: number
+      onlineCount: number
+      onlineCountGrowthRate: number
+      offlineCount: number
+      offlineCountGrowthRate: number
+    }
+  }
+}