diff --git a/web/client/assets/images/no_deploy.svg b/web/client/assets/images/no_deploy.svg
new file mode 100644
index 0000000..1a90a75
--- /dev/null
+++ b/web/client/assets/images/no_deploy.svg
@@ -0,0 +1,109 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 289 216" class="design-iconfont">
+  <defs>
+    <linearGradient x1="50%" y1="100.122481%" x2="50%" y2="-.05772971%" id="s16v3w20r__mzg8p7mona">
+      <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
+      <stop stop-color="#D9E9FF" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50.0849649%" y1="100%" x2="50.0849649%" y2=".00636948%" id="s16v3w20r__qrrpjg4d7b">
+      <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
+      <stop stop-color="#F8FBFF" stop-opacity=".27" offset="14%"/>
+      <stop stop-color="#EDF5FF" stop-opacity=".52" offset="37%"/>
+      <stop stop-color="#E4F0FF" stop-opacity=".73" offset="58%"/>
+      <stop stop-color="#DEECFF" stop-opacity=".88" offset="76%"/>
+      <stop stop-color="#DAEAFF" stop-opacity=".97" offset="91%"/>
+      <stop stop-color="#D9E9FF" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50.0042217%" y1="99.9312952%" x2="50.0042217%" y2="-.08112698%" id="s16v3w20r__1nk3h4qp9c">
+      <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
+      <stop stop-color="#FEFEFF" stop-opacity=".13" offset="9%"/>
+      <stop stop-color="#FBFCFF" stop-opacity=".21" offset="23%"/>
+      <stop stop-color="#F5F9FF" stop-opacity=".33" offset="40%"/>
+      <stop stop-color="#EEF5FF" stop-opacity=".51" offset="59%"/>
+      <stop stop-color="#E4EFFF" stop-opacity=".74" offset="79%"/>
+      <stop stop-color="#D9E9FF" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="s16v3w20r__jbmy2wf8vd">
+      <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
+      <stop stop-color="#FBFDFF" stop-opacity=".19" offset="13%"/>
+      <stop stop-color="#F1F7FF" stop-opacity=".43" offset="41%"/>
+      <stop stop-color="#E1EEFF" stop-opacity=".82" offset="81%"/>
+      <stop stop-color="#D9E9FF" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="38.5297209%" y1="49.9585765%" x2="36.5100164%" y2="46.2313867%" id="s16v3w20r__ct5ouvwmbe">
+      <stop stop-color="#FFF" stop-opacity="0" offset="0%"/>
+      <stop stop-color="#C1DDFD" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="34.2171216%" y1="2.86583353%" x2="72.5657568%" y2="101.467095%" id="s16v3w20r__pz2jpaz4zf">
+      <stop stop-color="#E6F3FF" offset="0%"/>
+      <stop stop-color="#97CAFE" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50.0451128%" y1="137.361017%" x2="50.0451128%" y2="0%" id="s16v3w20r__ux4nc3yumg">
+      <stop stop-color="#3497FC" offset="0%"/>
+      <stop stop-color="#EEF6FF" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="88.6730138%" y1="81.4044253%" x2="14.6533158%" y2="34.7090975%" id="s16v3w20r__1docp2xuph">
+      <stop stop-color="#3497FC" offset="0%"/>
+      <stop stop-color="#C0DDFC" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="68.2776801%" y1="99.8444695%" x2="10.1282953%" y2="8.78589455%" id="s16v3w20r__y5u6bcdmci">
+      <stop stop-color="#3497FC" offset="0%"/>
+      <stop stop-color="#C0DDFC" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="82.882554%" y1="50.0725264%" x2="-19.4343222%" y2="50.0725264%" id="s16v3w20r__xhtasecgbj">
+      <stop stop-color="#EAF0FC" offset="0%"/>
+      <stop stop-color="#CFDFFA" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50%" y1="12.9298246%" x2="50%" y2="100%" id="s16v3w20r__rzl26qsajk">
+      <stop stop-color="#FFCDA5" offset="0%"/>
+      <stop stop-color="#FFE8D1" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="85.6515158%" y1="32.8374864%" x2="25.3353236%" y2="76.3041431%" id="s16v3w20r__omw8wli05l">
+      <stop stop-color="#003A8C" offset="0%"/>
+      <stop stop-color="#5792F0" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="85.6610999%" y1="32.425376%" x2="24.5718541%" y2="76.4464813%" id="s16v3w20r__un6r3l1f0m">
+      <stop stop-color="#003A8C" offset="0%"/>
+      <stop stop-color="#5792F0" offset="100%"/>
+    </linearGradient>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#E4EFFF" fill-rule="nonzero" d="M53.9345441 107.956226L55.1746352 120.792797 47.4073559 119.939561z"/>
+    <path fill="#F3F8FF" fill-rule="nonzero" d="M53.5675623 107.956226L61.602711 118.08885 54.7862353 120.792797z"/>
+    <path fill="#E4EFFF" fill-rule="nonzero" d="M26.8748438 111.165369L28.390854 127.478033 19.0165019 126.390139z"/>
+    <path fill="#F3F8FF" fill-rule="nonzero" d="M27.0516506 111.165369L36.9616697 124.057913 28.5702482 127.478033z"/>
+    <path fill="#E4EFFF" fill-rule="nonzero" d="M39.7685849 99.9340861L42.3184116 126.943415 25.1767802 125.261342z"/>
+    <path fill="#F3F8FF" fill-rule="nonzero" d="M39.3722072 99.9340861L57.3173032 121.158777 41.9246931 126.943415z"/>
+    <path d="M44.7905439,40.5744874 C43.7888545,35.2207013 39.106997,31.3779106 33.707419,31.476797 C30.817419,31.4634495 28.0292626,32.5438083 25.8945725,34.5094083 C24.7000487,33.9638109 23.4036814,33.6830827 22.0912865,33.6830827 C17.9344588,33.6162016 14.2945394,36.4829737 13.354373,40.5664501 C10.1591298,41.2778149 7.85568267,44.0910535 7.76727928,47.3883904 C7.89054091,51.4024023 11.200996,54.5632502 15.1810888,54.4696741 L42.9398227,54.4696741 C46.9225747,54.5686322 50.2356891,51.4050575 50.3535603,47.3883904 C50.2678162,44.0990907 47.97515,41.2911624 44.7905439,40.5744874 Z" fill="url(#s16v3w20r__mzg8p7mona)" fill-rule="nonzero"/>
+    <path d="M218.186735,53.7296767 C216.745688,51.470001 214.305611,50.0686561 211.651353,49.9724249 C210.106091,47.5843691 207.456864,46.1670216 204.63658,46.2151731 C202.37906,46.1937166 200.204193,47.0923053 198.605026,48.7128794 C197.874081,48.477504 197.110793,48.354506 196.344631,48.354506 C192.792683,48.354506 189.860279,50.8415199 189.557695,53.989092 C186.849532,54.641613 184.899627,57.0349791 184.784631,59.8509445 C184.784631,63.2418575 187.854312,66.0042894 191.571567,66.0042894 L217.637627,66.0042894 C221.408786,66.0042894 224.424564,63.2418575 224.424564,59.8509445 C224.483499,56.6285259 221.695558,53.9810548 218.186735,53.7296767 Z" fill="url(#s16v3w20r__qrrpjg4d7b)" fill-rule="nonzero"/>
+    <path d="M266.658381,13.8367012 C264.114089,8.60325805 258.802698,5.27118894 252.969513,5.25247372 C249.720149,5.26049658 246.559908,6.31146216 243.95668,8.25026669 C240.860405,2.22259651 234.132405,-1.02389785 227.474121,0.289138166 C220.812962,1.60485086 215.833623,7.164533 215.27086,13.9115478 C208.106593,16.1685684 203.66055,23.2953484 204.799013,30.7029285 C205.939632,38.1105086 212.321925,43.5819106 219.834775,43.589972 L262.220244,43.589972 C269.776217,43.6032953 276.201634,38.0864687 277.307754,30.6333923 C278.41675,23.1777325 273.871522,16.0402601 266.636819,13.8661232 L266.658381,13.8367012 Z" fill="url(#s16v3w20r__1nk3h4qp9c)" fill-rule="nonzero"/>
+    <path d="M274.266103,147.535176 C274.266103,159.026232 259.818978,170.043668 234.100781,178.167708 C208.383303,186.292465 173.502778,190.857169 137.133051,190.857169 C100.763325,190.857169 65.8828003,186.292465 40.1649627,178.167708 C14.447197,170.043668 0,159.026232 0,147.535176 C0,136.044119 14.447197,125.025967 40.1649627,116.901927 C65.8828003,108.777887 100.763325,104.212465 137.133051,104.212465 C173.502778,104.212465 208.383303,108.777887 234.100781,116.901927 C259.818978,125.025967 274.266103,136.044119 274.266103,147.535176 Z" fill="url(#s16v3w20r__jbmy2wf8vd)" fill-rule="nonzero"/>
+    <path fill="#E4EFFF" fill-rule="nonzero" d="M242.661534 111.165369L241.357046 128.280319 231.680109 125.47806z"/>
+    <path fill="#F3F8FF" fill-rule="nonzero" d="M242.353201 111.165369L250.428814 126.245183 241.054462 128.280319z"/>
+    <path fill-opacity=".385356" fill="url(#s16v3w20r__ct5ouvwmbe)" fill-rule="nonzero" d="M70.1477244 127.949501L154.968254 216 289 164.188704 173.356876 127.949501z"/>
+    <rect fill-opacity=".7" fill="url(#s16v3w20r__pz2jpaz4zf)" fill-rule="nonzero" x="65.7634917" y="23.5375411" width="115.858742" height="104.41196" rx="24"/>
+    <rect fill="url(#s16v3w20r__ux4nc3yumg)" fill-rule="nonzero" x="111.258891" y="24.3986707" width="9.55906491" height="21.1694353" rx="4.77953245"/>
+    <rect fill="url(#s16v3w20r__ux4nc3yumg)" fill-rule="nonzero" x="170.553842" y="24.3986707" width="9.55906491" height="21.1694353" rx="4.77953245"/>
+    <path d="M108.81522,36.3109631 C108.81522,35.5182933 108.17196,34.8757471 107.377767,34.8757471 L97.8905745,34.8757471 C92.611527,34.8757471 88.3315096,39.1488873 88.3315096,44.4199332 L88.3315096,129.671761 C88.3315096,134.942591 92.611527,139.215947 97.8905745,139.215947 L163.514633,139.215947 C164.622191,139.215947 165.325106,138.009648 164.867996,137.002126 C163.442042,133.859003 162.647849,130.369276 162.647849,126.693688 C162.647849,112.881887 173.862141,101.68505 187.695474,101.68505 C190.509289,101.68505 193.214576,102.147907 195.739463,103.002578 C196.722681,103.335548 197.793584,102.63588 197.793584,101.598937 L197.793584,44.4199332 C197.793584,39.1488873 193.513566,34.8757471 188.234519,34.8757471 L183.922159,34.8757471 C183.127966,34.8757471 182.484705,35.5182933 182.484705,36.3109631 L182.484705,40.4013285 C182.484705,44.3644621 179.266966,47.5774083 175.297438,47.5774083 C171.327911,47.5774083 168.110172,44.3644621 168.110172,40.4013285 L168.110172,36.3109631 C168.110172,35.5182933 167.466911,34.8757471 166.672718,34.8757471 L124.627207,34.8757471 C123.833014,34.8757471 123.189754,35.5182933 123.189754,36.3109631 L123.189754,40.4013285 C123.189754,44.3644621 119.972014,47.5774083 116.002487,47.5774083 C112.032959,47.5774083 108.81522,44.3644621 108.81522,40.4013285 L108.81522,36.3109631 Z" fill="url(#s16v3w20r__1docp2xuph)" fill-rule="nonzero"/>
+    <rect fill="#FFF" fill-rule="nonzero" x="103.856006" y="65.8764117" width="12.7214623" height="7.53488374" rx="3.76744187"/>
+    <rect fill="#FFF" fill-rule="nonzero" x="103.784133" y="81.5202655" width="56.5637901" height="7.53488374" rx="3.76744187"/>
+    <rect fill="#FFF" fill-rule="nonzero" x="103.784133" y="97.8817273" width="56.5637901" height="7.53488374" rx="3.76744187"/>
+    <rect fill="#FFF" fill-rule="nonzero" x="121.967918" y="65.8764117" width="12.7214623" height="7.53488374" rx="3.76744187"/>
+    <rect fill="#FFF" fill-rule="nonzero" x="140.079831" y="65.8764117" width="12.7214623" height="7.53488374" rx="3.76744187"/>
+    <path fill="url(#s16v3w20r__y5u6bcdmci)" fill-rule="nonzero" d="M187.982964 106.70830509999999A20.4477742 20.4159469 0 1 0 187.982964 147.5401989A20.4477742 20.4159469 0 1 0 187.982964 106.70830509999999Z"/>
+    <path d="M177.811544,116.436917 C176.661582,117.529116 176.615583,119.346099 177.710204,120.49499 L183.955939,127.051774 L177.380308,133.295681 C176.230346,134.38788 176.184347,136.204864 177.278968,137.353754 C178.37287,138.502644 180.192686,138.547854 181.343367,137.455654 L187.918279,131.211747 L194.15467,137.758485 C195.248572,138.907375 197.068388,138.952585 198.21907,137.860385 C199.369751,136.767468 199.415031,134.950485 198.321129,133.801595 L192.084738,127.255575 L198.633775,121.036784 C199.784457,119.943867 199.829736,118.126884 198.735834,116.978711 C197.641214,115.82982 195.821398,115.783893 194.670716,116.87681 L188.122397,123.095601 L181.876663,116.538099 C180.782042,115.389927 178.962226,115.344 177.811544,116.436917 Z" fill="url(#s16v3w20r__xhtasecgbj)" fill-rule="nonzero"/>
+    <path fill-opacity=".15" fill="#84C1FF" d="M92.4023775 133.625063L92.3283487 134.104425 92.1191992 134.580199 91.7519299 135.062432 91.1913231 135.56404 90.3662248 136.102246 89.2816663 136.631123 87.8923676 137.14493 86.4721636 137.552531 84.8485601 137.9099 82.9935265 138.212013 81.1363367 138.423707 79.139714 138.554312 76.9986272 138.604545 74.8575404 138.554312 72.8609177 138.423707 71.0034404 138.212013 69.1488381 137.9099 67.5253064 137.552531 66.1051025 137.14493 64.71566 136.631123 63.6312452 136.098658 62.805572 135.56404 62.2448933 135.062432 61.8782708 134.580199 61.6688339 134.104425 61.5948769 133.625063 61.6688339 133.145701 61.8782708 132.669209 62.2448933 132.186977 62.805572 131.686086 63.6312452 131.14788 64.71566 130.618286 66.1051025 130.105196 67.5253064 129.697595 69.1488381 129.339508 71.0034404 129.037395 72.8609177 128.825701 74.8575404 128.695096 76.9986272 128.645581 79.139714 128.695096 81.1363367 128.825701 82.9935265 129.037395 84.8485601 129.339508 86.4721636 129.697595 87.8923676 130.105196 89.2816663 130.618286 90.3662248 131.14788 91.1913231 131.686086 91.7519299 132.186977 92.1191992 132.669209 92.3283487 133.145701z"/>
+    <path fill="url(#s16v3w20r__rzl26qsajk)" d="M81.6473514 72.4066442L79.131808 72.4066442 79.131808 76.4970097 81.6473514 76.4970097z"/>
+    <path fill="url(#s16v3w20r__omw8wli05l)" fill-rule="nonzero" d="M74.0885029 130.062139L73.8261676 131.734166 72.7775454 131.848266 71.625139 132.144638 70.3461649 132.650551 69.8345752 133.020837 69.6198197 133.261236 69.5124419 133.52388 69.4777274 133.819535 69.5787804 133.915694 70.1819358 134.011136 72.0480378 134.026206 76.3151181 133.819535 76.3151181 129.448585z"/>
+    <path fill="url(#s16v3w20r__un6r3l1f0m)" fill-rule="nonzero" d="M82.0778687 130.062139L81.8191271 131.734166 80.7827232 131.848266 79.6435414 132.144638 78.3793012 132.650551 77.8740363 133.020837 77.6620119 133.261236 77.5556404 133.52388 77.5211415 133.819535 77.6210445 133.915694 78.2175877 134.011136 80.0618403 134.026206 84.2778911 133.819535 84.2778911 129.448585z"/>
+    <path fill="#153F82" fill-rule="nonzero" d="M75.1737802 97.886033L72.2931236 130.492704 77.4320194 130.477634 82.4278886 98.2340729z"/>
+    <path fill="#153F82" fill-rule="nonzero" d="M75.671139 98.1242788L80.2436782 130.73382 85.6053793 130.73382 85.645628 97.9664051z"/>
+    <path fill="#FECCA9" fill-rule="nonzero" d="M74.230092 88.471734L73.8901343 89.3235346 67.2783519 83.437714 66.9388254 82.8420994 66.4325543 82.3297273 65.8368018 82.0735413 65.7103059 82.1108569 65.6207525 82.1661127 65.5837381 82.2436143 65.7103059 82.5184582 65.8368018 82.6691559 66.0930279 83.0121725 66.157857 83.1384715 66.1454949 83.1693286 66.0930279 83.181528 65.9232646 83.181528 65.861526 83.1104848 65.5837381 82.7559864 65.1577488 82.0735413 65.071286 81.9659001 64.9694424 81.9070562 64.8213129 81.9041858 64.6978356 82.0398137 64.6514777 82.1567838 64.8089508 82.9841858 65.0743765 83.7807306 65.3460552 84.3483585 65.6670385 84.8887173 65.7627729 85.0458735 65.9016309 85.1757605 66.1764001 85.3142589 66.8122576 85.5984316 67.4265533 85.9256609 67.7043412 86.082817 73.1275653 92.2248237 73.2820915 92.3977672 73.6464859 92.7214084 73.8656976 92.8541659 74.0597538 92.9065512 74.3781497 92.8663652 74.67714 92.7429366 75.1464685 92.4070961 75.3319 92.2248237 75.671139 88.9841061z"/>
+    <path d="M78.4432678,77.3258469 L74.0072867,89.1627904 L68.6268269,84.1825911 C68.4996123,84.0641858 68.297722,84.0849964 68.1971721,84.2263652 L67.0383691,85.8524649 C66.9598122,85.9622589 66.9690119,86.1122389 67.0603621,86.2119864 L73.17572,92.8965047 L73.6256429,93.1935944 L74.0072867,93.3084117 L74.3450883,93.280425 L74.6713902,93.1160928 L74.9969734,92.7824051 L75.3319,92.2133419 L75.8996941,90.8175944 L77.1934021,87.1886509 L79.6931335,79.7205047 L78.4432678,77.3258469 Z" fill="#429CFD"/>
+    <path d="M78.1356528,76.3908037 C78.1945884,76.1439466 78.3598955,75.9358402 78.5877319,75.8217406 L82.1231485,74.0528369 C82.2323949,73.9982987 82.3653594,74.0449432 82.4156702,74.1554549 L82.8849988,75.1780462 L83.4132629,76.5443718 L84.1168963,78.7251824 L84.5373514,80.2917207 L84.9491818,82.1704183 L85.3387317,84.4036144 L85.6614399,86.9453818 L85.8828078,89.4010363 L86.0265531,91.7856476 L86.097707,93.8272423 L86.1278936,96.9918934 L86.1070505,98.2010629 L85.2618279,98.2075214 L83.1487714,98.2225911 L80.4061104,98.2441194 L77.6605745,98.2663652 L75.5511117,98.281435 L74.7058891,98.2878934 L74.8446033,97.1339798 L75.2284034,94.0432423 L75.8213529,89.5610629 L76.5796095,84.2313884 L77.0927804,81.2296343 L77.6296692,78.592425 L78.0565929,76.7165977 L78.1356528,76.3908037 Z" fill="#429CFD"/>
+    <path d="M80.7791296,93.4691559 L79.1720567,100.795933 L79.0275926,101.003322 L78.7501641,101.383654 L78.4023004,101.850099 C78.3131783,101.967787 78.3282716,102.133555 78.437518,102.232584 L79.7376946,103.419508 C79.9971549,103.656319 80.4132977,103.561594 80.5441059,103.2358 L81.1176498,101.804173 L83.2321437,94.1422722 L80.7791296,93.4691559 Z" fill="#FECCA9" fill-rule="nonzero"/>
+    <path d="M79.1943372,78.5307107 L81.0227779,88.4566642 L81.0414648,88.7042389 L81.0637453,89.2933951 L81.0227779,89.9966509 L80.764755,91.2488768 L80.2623651,93.350033 L79.647135,95.819322 L79.0441234,98.1745114 L78.5884506,99.9376742 L78.4727356,100.379721 C78.4332057,100.530418 78.4950162,100.68901 78.6258244,100.77297 L81.1420865,102.384717 C81.3339866,102.508146 81.5920095,102.422751 81.6725068,102.208903 L81.7795971,101.924013 L82.4422631,100.148651 L83.3219846,97.7870031 L84.2297364,95.3234549 L84.9743372,93.247415 L85.3732305,92.0482921 L85.6211912,90.9417406 L85.8066227,89.8229898 L85.8001542,89.3213818 L85.8066227,88.2830031 L85.6556901,86.9130894 L85.2632654,84.6447306 L84.7637503,82.1223386 L84.4022308,80.5450363 L84.1039592,79.4018868 L83.978182,78.958405" fill="#429CFD"/>
+    <path fill="#0D0D0D" d="M64.1313352 79.8317339L64.3631246 79.8159466 64.5377033 79.9759731 66.8404317 84.0706442 66.9036797 84.2278004 66.873565 84.3906974 66.765181 84.514126 66.6117329 84.554312 66.4611597 84.5019266 66.358813 84.3691692 64.0560846 80.2723452 64.0079299 80.034817z"/>
+    <path d="M82.4020144,70.0026575 C82.4020144,72.202126 81.8212833,73.9853818 80.1739617,73.9853818 C78.5266401,73.9853818 77.622482,72.202126 77.622482,70.0026575 C77.622482,67.8030455 78.5266401,66.0199332 80.1739617,66.0199332 C81.8212833,66.0199332 82.4020144,67.8030455 82.4020144,70.0026575 Z" fill="#FFE7CA" fill-rule="nonzero"/>
+    <path fill="#003A8C" fill-rule="nonzero" d="M79.1296518 65.682514L79.0139368 65.5434416 78.8723477 65.4444834 78.6337304 65.3695651 78.3555832 65.3776024 77.9351281 65.5220568 77.5815145 65.7760901 77.4284258 66.0301233 77.3802711 66.3109233 77.4097389 66.5596462 77.5089232 66.9099824 77.5038921 67.0463279 77.4420816 67.139904 77.3378662 67.1800183 77.1581845 67.1479412 76.9382542 67.0837871 76.6601069 67.0918243 76.3977717 67.2121671 76.1189057 67.5517392 76.0412833 67.8913831 76.1081248 68.3566801 76.3064934 68.8166668 76.6169833 69.2150828 76.8793186 69.412999 77.1689654 69.5173392 77.5010172 69.5280316 78.2053693 69.3434628 78.700572 69.0894296 79.1131211 68.7711705 79.4077991 68.4850602 79.8555658 68.1266867 80.1121512 67.9903412 80.3213007 67.9314974 80.4952325 67.9609193 80.5915419 68.1106841 80.6670082 68.6508276 80.7338498 69.1696582 80.7978165 69.3247333 80.8732828 69.3301153 80.9429993 69.22312 80.9990599 68.9958535 81.143524 68.5118269 81.2879881 68.3352954 81.5215742 68.263104 81.7594728 68.324603 81.8960308 68.4877153 81.9499353 68.7123984 81.9283735 68.9904715 81.8320642 69.2632343 81.6739443 69.5065751 81.5452922 69.6750695 81.5805098 69.846219 81.6473514 70.1056343 81.8263143 70.3890894 82.0699627 70.6057353 82.1562099 70.5896608 82.2870182 70.4104741 82.42142 70.1350562 82.5737901 69.6456475 82.6514126 69.0626628 82.6061328 68.1373791 82.5896021 67.8994203 82.6276946 67.7764223 82.8497811 67.5357366 82.9971201 67.359205 83.1228973 67.1265565 83.1573962 66.8671412 83.039525 66.5221871 82.8095325 66.2413871 82.6090077 66.1371186 82.1288983 66.1210442 81.9039368 66.1023146 81.8241582 66.0461977 81.7839095 65.7974748 81.6897563 65.4418283 81.566854 65.2171452 81.3792664 65.0058814 81.1406491 64.8561884 80.8165034 64.7999997 80.3399876 64.8828834 80.0294976 65.0513778 79.7908804 65.2920635 79.6327605 65.5407864 79.4803905 65.7305937 79.3567695 65.7787452 79.2309923 65.7520502z"/>
+  </g>
+</svg>
diff --git a/web/client/src/sections/projectRegime/containers/pointDeploy/default.js b/web/client/src/sections/projectRegime/containers/pointDeploy/default.js
index 74b4be4..3c54454 100644
--- a/web/client/src/sections/projectRegime/containers/pointDeploy/default.js
+++ b/web/client/src/sections/projectRegime/containers/pointDeploy/default.js
@@ -134,7 +134,7 @@ class ConfigPlanarGraph extends Component {
         const { spots, deployState, searchValue, partsSpots } = this.state;
         const that = this;
         let h = clientHeight / 1.3;
-        let w = clientWidth / 1.3;
+        let w = clientWidth / 1.4;
         function dealPosition(spot, item) {
             if (spot.deployed) {
                 item.x = spot.rect.x + spot.move.x;
@@ -305,29 +305,41 @@ class ConfigPlanarGraph extends Component {
         const { deployState, spots, filteredSpots, dataHasChanged } = this.state;
         const treeDataSource = this.formatTreeSource(filteredSpots);
         let h = clientHeight / 1.3;
-        let w = clientWidth / 1.3;
+        let w = clientWidth / 1.4;
         return (<div className='patrolLayout'>
+            <header className='title' style={{ marginBottom: 10 }}>
+                <span className='line'></span>
+                <span className='cn'>布设信息</span>
+                <span className='en'>&nbsp;DEPLOYMENT INFORMATION</span>
+            </header>
             <Layout>
-                <Sider width={'18%'} style={{ background: 'transparent' }}>
-                    <div className='search-panel'>
-                        <Button className={deployState == -1 ? 'btn-spots-filter' : 'btn-default'} style={{ borderRadius: 0 }} onClick={() => this.handleStateChange(-1)}>全部</Button>
-                        <Button className={deployState == 1 ? 'btn-spots-filter' : 'btn-default'} style={{ borderRadius: 0 }} onClick={() => this.handleStateChange(1)}>已布</Button>
-                        <Button className={deployState == 0 ? 'btn-spots-filter' : 'btn-default'} style={{ borderRadius: 0 }} onClick={() => this.handleStateChange(0)}>未布</Button>
-                        <div style={{ marginTop: -1 }}>
-                            <Search
-                                placeholder={"请输入名称关键字搜索"}
-                                style={{ borderRadius: 0 }}
-                                onChange={e => this.onSearch(e.target.value)}
-                            />
+                <Sider width={'23%'} style={{ background: 'transparent' }}>
+                    <div style={{ display: 'flex' }}>
+                        <div style={{ display: 'flex', flexDirection: 'column' }}>
+                            <Button className={deployState == -1 ? 'btn-spots-filter' : 'btn-default'} style={{ borderRadius: 0, margin: '0 20px 7px 0' }} onClick={() => this.handleStateChange(-1)}>全部</Button>
+                            <Button className={deployState == 1 ? 'btn-spots-filter' : 'btn-default'} style={{ borderRadius: 0, margin: '0 20px 7px 0' }} onClick={() => this.handleStateChange(1)}>已布</Button>
+                            <Button className={deployState == 0 ? 'btn-spots-filter' : 'btn-default'} style={{ borderRadius: 0, margin: '0 20px 7px 0' }} onClick={() => this.handleStateChange(0)}>未布</Button>
+                        </div>
+                        <div className='PingFangSC-Regular'>点位：</div>
+                        <div>
+                            <div className='search-panel'>
+                                <div style={{ marginTop: -1 }}>
+                                    <Search
+                                        placeholder={"请输入名称关键字搜索"}
+                                        style={{ borderRadius: 0 }}
+                                        onChange={e => this.onSearch(e.target.value)}
+                                    />
+                                </div>
+                            </div>
+                            {
+                                treeDataSource ?
+                                    <div id='security-spots-scroller' style={{ position: 'relative', height: h - 63 }}>
+                                        <Tree className='equip-tree' showLine defaultExpandAll={true}>
+                                            {this.loop(treeDataSource)}
+                                        </Tree> </div> : <div style={{ textAlign: 'center' }}>暂无点位</div>
+                            }
                         </div>
                     </div>
-                    {
-                        treeDataSource ?
-                            <div id='security-spots-scroller' style={{ position: 'relative', height: h - 63 }}>
-                                <Tree className='equip-tree' showLine defaultExpandAll={true}>
-                                    {this.loop(treeDataSource)}
-                                </Tree> </div> : <div style={{ textAlign: 'center' }}>暂无点位</div>
-                    }
                 </Sider>
                 <Layout>
                     <Content className='spots-opr-content' style={{ width: w }}>
@@ -341,12 +353,13 @@ class ConfigPlanarGraph extends Component {
                                 onRemoveSpot={this.onRemoveSpot}
                                 onDeploySpot={this.onDeploySpot}
                             />
-                            : <div style={{ border: '1px dashed #999', width: w, height: h, paddingTop: h * 0.45, textAlign: 'center' }}>
-                                暂无热点图
+                            : <div style={{ border: '1px dashed #999', width: w, height: h, paddingTop: h * 0.3, textAlign: 'center' }}>
+                                <img className='no-deploy-img' src='/assets/images/no_deploy.svg'></img>
+                                <div className='PingFangSC-Regular'>暂无热点图～</div>
                             </div>
                         }
                         <div className='opr-tip-row'>
-                            <div>说明：拖拽点位进行布设，拖出画布移除点位。</div>
+                            <div className='PingFangSC-Regular'>说明：拖拽点位进行布设，拖出画布移除点位。</div>
                             {
                                 pictureInfo ?
                                     <div className='opr-button'>
diff --git a/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less b/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less
index 2894275..68f05e0 100644
--- a/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less
+++ b/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less
@@ -36,6 +36,8 @@
 
 .patrolLayout {
     margin-top: 20px;
+    background-color: #fff;
+    padding: 10px 16px;
 
     .ant-layout {
         background-color: transparent;
@@ -48,6 +50,8 @@
 
     .search-panel {
         text-align: center;
+        margin-bottom: 7px;
+
         .btn-spots-filter {
             //选中的
             background-color: #3198F7;
@@ -117,4 +121,17 @@
     .ant-btn-primary:focus {
         border-color: #3198f7;
     }
+}
+
+.PingFangSC-Regular {
+    font-family: PingFangSC-Regular;
+    font-weight: 400;
+    font-size: 14px;
+    color: #4A4A4A;
+    line-height: 30px;
+}
+
+.no-deploy-img {
+    width: 289px;
+    height: 216px;
 }
\ No newline at end of file