diff --git a/src/assets/icons/svg/co2.svg b/src/assets/icons/svg/co2.svg
new file mode 100644
index 0000000..4dfcf95
--- /dev/null
+++ b/src/assets/icons/svg/co2.svg
@@ -0,0 +1,138 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1098.8" style="enable-background:new 0 0 1024 1098.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#路径_995_1_);}
+	.st1{fill:url(#路径_996_1_);}
+	.st2{fill:url(#路径_997_1_);}
+	.st3{fill:url(#路径_998_1_);}
+	.st4{fill:url(#路径_999_1_);}
+	.st5{fill:url(#路径_1000_1_);}
+	.st6{fill:url(#路径_1001_1_);}
+	.st7{fill:url(#路径_1002_1_);}
+	.st8{fill:url(#路径_1003_1_);}
+	.st9{fill:url(#路径_1004_1_);}
+	.st10{fill:url(#路径_1005_1_);}
+	.st11{fill:url(#路径_1006_1_);}
+</style>
+<g id="co2_" transform="translate(1619.939 -458.733)">
+	
+		<linearGradient id="路径_995_1_" gradientUnits="userSpaceOnUse" x1="-1610.0128" y1="1454.1401" x2="-1581.7827" y2="1430.4572" gradientTransform="matrix(4.72 0 0 -4.7201 6022.5347 7690.9102)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_995" class="st0" d="M-1583.4,868.5c0,30.8,25,55.9,55.9,55.9c30.9,0,55.9-25,55.9-55.9l0,0
+		c0-30.9-25-55.9-55.9-55.9l0,0C-1558.4,812.5-1583.5,837.5-1583.4,868.5L-1583.4,868.5z"/>
+	
+		<linearGradient id="路径_996_1_" gradientUnits="userSpaceOnUse" x1="-1524.9565" y1="1491.9058" x2="-1496.7264" y2="1468.2228" gradientTransform="matrix(4.719 0 0 -4.72 6038.6494 7682.9121)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_996" class="st1" d="M-1164.4,682.3c0,30.9,25,55.9,55.8,55.9c0,0,0,0,0,0c30.9,0,55.9-25,55.9-55.9
+		c0-30.9-25-55.9-55.9-55.9C-1139.4,626.4-1164.4,651.4-1164.4,682.3C-1164.4,682.3-1164.4,682.3-1164.4,682.3L-1164.4,682.3z"/>
+	
+		<linearGradient id="路径_997_1_" gradientUnits="userSpaceOnUse" x1="-1565.5087" y1="1484.4666" x2="-1537.2787" y2="1460.7837" gradientTransform="matrix(3.933 0 0 -3.932 4756.2188 6484.8486)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_997" class="st2" d="M-1406.5,682.2c0,25.7,20.8,46.6,46.6,46.6c25.7,0,46.6-20.8,46.6-46.6l0,0
+		c0-25.7-20.8-46.6-46.6-46.6C-1385.7,635.6-1406.5,656.5-1406.5,682.2C-1406.6,682.2-1406.6,682.2-1406.5,682.2L-1406.5,682.2z"/>
+	
+		<linearGradient id="路径_998_1_" gradientUnits="userSpaceOnUse" x1="-1443.0332" y1="1482.1975" x2="-1414.8032" y2="1458.5146" gradientTransform="matrix(3.933 0 0 -3.932 4777.4551 6485.1948)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_998" class="st3" d="M-903.6,691.5c0,25.7,20.8,46.6,46.6,46.6c25.7,0,46.6-20.8,46.6-46.6l0,0
+		c0-25.7-20.8-46.6-46.6-46.6C-882.8,644.9-903.6,665.8-903.6,691.5L-903.6,691.5z"/>
+	
+		<linearGradient id="路径_999_1_" gradientUnits="userSpaceOnUse" x1="-1342.7882" y1="1478.9614" x2="-1314.5581" y2="1455.2786" gradientTransform="matrix(3.1461 0 0 -3.146 3511.7317 5288.9731)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_999" class="st4" d="M-717.4,663.6c0,20.6,16.7,37.3,37.2,37.3l0,0c20.6,0,37.3-16.7,37.3-37.2l0,0
+		c0-20.6-16.7-37.3-37.2-37.3l0,0C-700.7,626.3-717.3,643-717.4,663.6z"/>
+	
+		<linearGradient id="路径_1000_1_" gradientUnits="userSpaceOnUse" x1="-1606.4517" y1="1476.1067" x2="-1578.2216" y2="1452.4237" gradientTransform="matrix(3.1461 0 0 -3.145 3475.1616 5287.7891)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1000" class="st5" d="M-1583.4,672.9c0,20.6,16.7,37.3,37.2,37.3l0,0c20.6,0,37.3-16.7,37.3-37.2l0,0
+		c0-20.6-16.7-37.3-37.3-37.3C-1566.8,635.7-1583.4,652.3-1583.4,672.9L-1583.4,672.9z"/>
+	
+		<linearGradient id="路径_1001_1_" gradientUnits="userSpaceOnUse" x1="-1473.2072" y1="1529.9905" x2="-1444.9772" y2="1506.3076" gradientTransform="matrix(3.1461 0 0 -3.145 3493.6426 5280.3184)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1001" class="st6" d="M-1145.8,495.9c0,20.6,16.7,37.3,37.2,37.3l0,0c20.6,0,37.3-16.7,37.3-37.2l0,0
+		c0-20.6-16.7-37.3-37.3-37.3C-1129.1,458.7-1145.7,475.4-1145.8,495.9z"/>
+	
+		<linearGradient id="路径_1002_1_" gradientUnits="userSpaceOnUse" x1="-1500.8671" y1="1518.9338" x2="-1472.637" y2="1495.251" gradientTransform="matrix(2.3601 0 0 -2.36 2213.5728 4087.9387)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1002" class="st7" d="M-1332,523.9c0,15.4,12.5,27.9,27.9,27.9l0,0c15.4,0,27.9-12.5,27.9-27.9c0,0,0,0,0,0
+		c0-15.4-12.5-27.9-27.9-27.9l0,0C-1319.5,495.9-1332,508.4-1332,523.9C-1332,523.9-1332,523.9-1332,523.9z"/>
+	
+		<linearGradient id="路径_1003_1_" gradientUnits="userSpaceOnUse" x1="-1349.5758" y1="1507.5928" x2="-1321.3457" y2="1483.9098" gradientTransform="matrix(2.3591 0 0 -2.36 2227.7219 4089.1189)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1003" class="st8" d="M-959.5,551.8c0,15.4,12.5,27.9,27.9,27.9c0,0,0,0,0,0c15.4,0,27.9-12.5,27.9-27.9
+		c0,0,0,0,0,0c0-15.4-12.5-27.9-27.9-27.9c0,0,0,0,0,0C-947,523.9-959.5,536.4-959.5,551.8C-959.5,551.8-959.5,551.8-959.5,551.8z"
+		/>
+	
+		<linearGradient id="路径_1004_1_" gradientUnits="userSpaceOnUse" x1="-1438.0034" y1="1456.0077" x2="-1409.7733" y2="1432.3248" gradientTransform="matrix(4.719 0 0 -4.719 6056.7393 7688.8477)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1004" class="st9" d="M-736,859.2c0,30.9,25,55.9,55.9,55.9c0,0,0,0,0,0c30.9,0,55.9-25,55.9-55.9l0,0
+		c0-30.9-25-55.9-55.8-55.9c0,0,0,0,0,0C-711,803.3-736,828.3-736,859.2z"/>
+	
+		<linearGradient id="路径_1005_1_" gradientUnits="userSpaceOnUse" x1="-1607.5946" y1="1471.4702" x2="-1579.3645" y2="1447.7872" gradientTransform="matrix(24.197 0 0 -11.496 37556.5313 18006.7031)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1005" class="st10" d="M-835.8,1285.7c4.3-3.4,8.8-6.5,13.5-9.3c9.1-5.8,17-13.2,23.4-21.9
+		c4.1-6.2,6.4-13.5,6.4-21c0.1-6.6-1.9-13.1-5.6-18.6c-3.8-5.6-9.2-9.9-15.5-12.3c-8.8-3-18.1-4.4-27.4-4c-9-0.4-17.9,1-26.4,4.2
+		c-6,2.5-11.2,6.7-14.8,12.1c-3.9,6.5-6.3,13.8-7.1,21.3l33.3,2.7c0.3-5.2,2.2-10.2,5.5-14.2c5.8-5.3,14.7-5.3,20.6,0
+		c2.6,2.4,4.1,5.8,4.1,9.3c-0.2,3.9-1.6,7.7-4.1,10.7c-5.4,6.3-11.7,11.9-18.6,16.6c-12.5,8.4-23.6,18.8-32.8,30.8
+		c-5.7,8.3-9.3,17.9-10.5,27.9h99.9v-27.2h-52c2.5-2.6,5.2-5,8-7.3L-835.8,1285.7z M-1222.5,1242.6c-9.1,8.2-20.9,12.6-33.2,12.4
+		c-16.4,0.5-32.1-6.6-42.6-19.3c-12.7-19.2-18.4-42.2-16.3-65.2c-1.9-22,4-44,16.6-62.1c10.8-12.6,26.7-19.6,43.3-19.1
+		c24.5-0.9,45.9,16.2,50.6,40.3l48-11.5c-4-16.7-12.5-31.9-24.5-44.1c-19.5-17.8-45.2-27.2-71.6-26.1c-30.6-1.2-60.3,10.9-81.3,33.2
+		c-22,25.9-33.1,59.2-31,93.1c-1.8,32.7,9.2,64.7,30.8,89.3c20.3,21.7,48.9,33.6,78.6,32.7c22.7,1,45.1-5.5,63.7-18.6
+		c18.4-14.9,31.2-35.5,36.4-58.6l-46.6-14.9C-1204.4,1218.8-1211.7,1232.3-1222.5,1242.6L-1222.5,1242.6z M-1024.7,1048.1
+		c-17.7-0.4-35.3,2.8-51.8,9.3c-11.7,5-22.3,12.4-31,21.6c-9.3,9.6-16.9,20.7-22.4,32.9c-7.8,19.6-11.6,40.5-11,61.6
+		c-1.9,33,9.5,65.4,31.7,90c22.5,22.4,53.4,34.3,85.1,32.7c31.5,1.4,62.2-10.5,84.5-32.8c22.2-24.9,33.5-57.7,31.6-91
+		c1.9-33.5-9.6-66.4-31.9-91.6C-962.3,1058.5-993.1,1046.7-1024.7,1048.1L-1024.7,1048.1z M-976.7,1234.4c-24.1,26.3-65,28.1-91.3,4
+		c0,0,0,0,0,0c-1.4-1.3-2.7-2.6-4-4c-13.6-17.6-20.2-39.6-18.6-61.7c-1.8-22.3,4.9-44.4,18.6-62c25.8-26.6,68.3-27.3,94.9-1.4
+		c0,0,0,0,0,0l1.4,1.4c13.2,17.3,19.6,38.8,17.8,60.5c1.5,22.5-5.1,44.8-18.6,62.9L-976.7,1234.4z"/>
+	
+		<linearGradient id="路径_1006_1_" gradientUnits="userSpaceOnUse" x1="-1616.9319" y1="1510.0847" x2="-1588.7019" y2="1486.4019" gradientTransform="matrix(43.2379 0 0 -33.039 68364.5781 50760.9883)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1006" class="st11" d="M-745.3,986.4c-6.8-123.3-112.2-217.7-235.5-210.9c-42.7,2.4-83.8,16.9-118.4,41.9
+		c-100.3-72-239.9-49-311.9,51.2c0,0,0,0,0,0c-23.6,32.8-37.8,71.4-41.1,111.6c-123.4,36-194.3,165.2-158.4,288.7c0,0,0,0,0,0
+		c28.9,99,119.5,167.2,222.6,167.6c9.7,0,19.4-0.6,29-1.9c107,138.3,305.9,163.7,444.2,56.7c21.2-16.4,40.2-35.4,56.6-56.7
+		c9.6,1.2,19.3,1.9,29,1.9c128.6,0.2,233-103.8,233.2-232.4C-595.7,1107.6-655.2,1021-745.3,986.4z M-802.3,1360.2
+		c-6.4,0-12.8-0.4-19.2-1.2c-4.2-0.6-8.4-0.9-12.7-0.8c-31.5,0.1-61.2,14.7-80.5,39.6c-82.7,107.1-236.5,127-343.7,44.3
+		c-16.6-12.8-31.5-27.7-44.3-44.3c-19.3-25-49.1-39.6-80.7-39.6c-4.2,0-8.5,0.2-12.6,0.8c-6.3,0.8-12.6,1.2-18.9,1.2
+		c-84.6-0.1-153.1-68.7-153-153.3c0,0,0,0,0,0c0.1-68.1,45.2-128.1,110.6-147c40.8-11.7,70.1-47.4,73.6-89.6
+		c6.6-73.8,68.2-130.5,142.3-130.8c29.9-0.1,59.1,9.3,83.3,26.9c35.6,25.6,83.6,25.6,119.2,0c64.1-46.1,153.4-31.6,199.5,32.4
+		c15.9,22.1,25.2,48.3,26.7,75.6c2.1,40.1,27.6,75.2,65,89.8c78.9,30.4,118.3,119,88,197.9c0,0,0,0,0,0
+		C-682.2,1321.1-738.9,1360.1-802.3,1360.2L-802.3,1360.2z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/svg/menjin.svg b/src/assets/icons/svg/menjin.svg
new file mode 100644
index 0000000..90c6958
--- /dev/null
+++ b/src/assets/icons/svg/menjin.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1106.8" style="enable-background:new 0 0 1024 1106.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F65163;}
+</style>
+<g id="门禁记录" transform="translate(-70.493 -34.777)">
+	<path id="路径_962" class="st0" d="M1093.2,459.9c-2.1-17-7.7-33.3-16.5-48l0,0c-6.2-9.4-13.8-17.9-22.4-25.1L1036,371
+		L677.6,68.3c-55.8-44.3-134.8-44.3-190.6,0L128.8,371.3l-18.3,15.8c-8.6,7.2-16.2,15.7-22.4,25.1l0,0c-8.7,14.7-14.3,31-16.5,48
+		c-0.7,5.3-1,10.5-1,15.8V1022c-2.1,63.5,47.4,116.8,110.9,119.3h802.1c63.4-2.6,112.9-55.9,110.9-119.3V476.2
+		c-0.1-5.3-0.4-10.6-1.1-15.8L1093.2,459.9z M818.5,656.1c-12.4,72.2-72.6,126.6-145.7,131.7c-32.5,1.9-64.9-5.9-93.1-22.2
+		c-2.4,3.6-5.1,7-7.9,10.3c-52.8,52.8-105.6,105.6-158.4,158.4c-14.7,16.2-39.7,17.4-55.9,2.7c-2.9-2.6-5.4-5.7-7.4-9.1
+		c-2.2-3.6-3.9-7.9-5.9-11.6v-19.2l56.4-65.3L344.2,766v-19.2c6.4-22.5,29.8-35.5,52.3-29c9.9,2.8,18.5,9.2,24.1,18
+		c11.6,14.3,25.6,26.7,37.6,39.1l66.3-66.4l-2.7-5.5c-40.8-76.8-11.7-172.1,65.1-212.9c3.5-1.9,7.1-3.6,10.7-5.2
+		c15.5-5.9,31.4-10.8,47.5-14.7h35.6c1.3,0.8,2.7,1.5,4.2,2c86.6,12.2,146.9,92.3,134.7,178.9c-0.2,1.7-0.5,3.4-0.8,5.1L818.5,656.1
+		z"/>
+	<path id="路径_963" class="st0" d="M663.6,549.9c-44.3-0.4-80.5,35.3-80.9,79.6c0,0,0,0.1,0,0.1c0,43.5,35.1,78.8,78.6,79.2
+		c44.3,0.3,80.4-35.4,80.7-79.7c0-0.1,0-0.2,0-0.2C740.8,585.9,706.5,551.4,663.6,549.9z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/svg/pm10.svg b/src/assets/icons/svg/pm10.svg
new file mode 100644
index 0000000..11b922b
--- /dev/null
+++ b/src/assets/icons/svg/pm10.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="pm10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 835.7" style="enable-background:new 0 0 1024 835.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#路径_1014_1_);}
+	.st1{fill:url(#路径_1015_1_);}
+	.st2{fill:url(#路径_1016_1_);}
+	.st3{fill:url(#路径_1017_1_);}
+	.st4{fill:url(#路径_1018_1_);}
+</style>
+<g>
+	
+		<linearGradient id="路径_1014_1_" gradientUnits="userSpaceOnUse" x1="2.0099" y1="924.937" x2="26.9139" y2="904.0444" gradientTransform="matrix(49.0124 0 0 -40.001 -71.7787 37142.7383)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1014" class="st0" d="M75.3,477.7C54.3,477.3,36.8,494,36.2,515c0.5,21.1,18,37.8,39.1,37.3
+		c21.1,0.5,38.6-16.2,39.2-37.3C114,493.9,96.5,477.2,75.3,477.7z M270.5,547.8c-16.9-0.4-30.9,13-31.3,29.9
+		c0.4,16.9,14.5,30.2,31.3,29.9c16.9,0.4,30.9-13,31.3-29.9C301.4,560.8,287.4,547.4,270.5,547.8z M184.9,74.6
+		c21.1,0.5,38.6-16.2,39.1-37.3C223.5,16.2,206-0.4,184.9,0c-21.1-0.5-38.6,16.2-39.1,37.3C146.3,58.4,163.8,75.1,184.9,74.6
+		L184.9,74.6z M881.4,134.4c16.9,0.4,30.9-13,31.3-29.9c-0.4-16.9-14.5-30.2-31.3-29.9c-16.9-0.4-30.9,13-31.3,29.9
+		C850.5,121.4,864.5,134.7,881.4,134.4z M638.8,209c29.5,0.7,54.1-22.7,54.8-52.2c-0.8-29.5-25.2-52.9-54.8-52.2
+		c-29.5-0.7-54,22.7-54.8,52.2C584.8,186.3,609.3,209.6,638.8,209L638.8,209L638.8,209z M411.8,134.4c-25.3-0.5-46.3,19.5-46.9,44.9
+		c0.6,25.3,21.6,45.4,46.9,44.8c25.3,0.6,46.3-19.5,47-44.8c-0.7-25.3-21.7-45.3-47-44.8L411.8,134.4z M850.1,544.9
+		c-35.4-0.8-64.8,27.3-65.6,62.7c0.9,35.4,30.2,63.4,65.6,62.7c35.4,0.8,64.8-27.3,65.7-62.7C914.9,572.1,885.6,544.1,850.1,544.9
+		L850.1,544.9z M667,682.4c-16.9-0.4-30.9,13-31.3,29.9c0.5,16.9,14.5,30.2,31.3,29.8c16.9,0.4,30.9-13,31.3-29.9
+		C697.9,695.4,684,682.1,667,682.4L667,682.4z M537,539.6c16.9-0.4,30.9,13,31.3,29.9c-0.4,16.9-14.4,30.3-31.3,29.9
+		c-16.9,0.4-30.9-13-31.3-29.9C506.1,552.5,520.1,539.2,537,539.6z M761.6,835.7c-65.9,0.5-131-15.3-189.3-46
+		C258.5,598,62,785.3,53.8,793.4c-12.3,11.8-31.6,12.1-44.2,0.8c-11.8-10.7-12.8-29-2.1-40.8c0.4-0.5,0.8-0.9,1.3-1.3
+		c2.3-2.3,239.2-231.5,596.8-12.8c6.5,3.7,177.7,99.3,368.7-33.4c6.8-4.7,15.1-6.6,23.3-5.4c8.1,1.2,15.4,5.4,20.4,11.9
+		c9.8,12.7,7.4,30.9-5.3,40.6c-0.5,0.4-1.1,0.8-1.6,1.1C938.5,806.6,851.2,835.1,761.6,835.7L761.6,835.7z"/>
+	
+		<linearGradient id="路径_1015_1_" gradientUnits="userSpaceOnUse" x1="23.2795" y1="890.0054" x2="48.1836" y2="869.1127" gradientTransform="matrix(7.032 0 0 -9.333 -1.3889 8607.4531)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1015" class="st1" d="M239.1,265.9h-79.7v195h22.4v-79.7h57.1c44.8,0,67.4-19.4,67.4-57.9S283.9,265.9,239.1,265.9
+		z M272.7,352.2c-10.2,7.1-22.5,10.5-35,9.6h-56v-76.5h56c12.3-1,24.6,2.4,34.7,9.5c8.2,7.1,12.5,17.6,11.5,28.4
+		C284.8,334.1,280.6,344.7,272.7,352.2L272.7,352.2z"/>
+	
+		<linearGradient id="路径_1016_1_" gradientUnits="userSpaceOnUse" x1="35.6414" y1="891.0223" x2="60.5455" y2="870.1296" gradientTransform="matrix(9.6481 0 0 -9.333 3.0921 8607.4531)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1016" class="st2" d="M334.7,265.9v195h22.4V305.8h0.8l67.4,155.1h20.2l67.5-155.1h0.8v155.1h22.4v-195h-27.9
+		l-72.4,166.3h-0.8l-72.7-166.3H334.7z"/>
+	
+		<linearGradient id="路径_1017_1_" gradientUnits="userSpaceOnUse" x1="107.0608" y1="891.0056" x2="131.9649" y2="870.1129" gradientTransform="matrix(5.3351 0 0 -9.728 21.9891 8974.9346)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1017" class="st3" d="M594.8,444.4H640V292.7h-36v-16.1c14.8-2.3,29-7.2,42.1-14.4h19.4v182.2h40.8v21.1H594.8
+		V444.4z"/>
+	
+		<linearGradient id="路径_1018_1_" gradientUnits="userSpaceOnUse" x1="118.3659" y1="894.5226" x2="143.27" y2="873.6299" gradientTransform="matrix(6.065 0 0 -10.085 27.7428 9307.0664)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1018" class="st4" d="M737.8,363.2c0-70.7,24.7-104.8,63.5-104.8s63.2,34.4,63.2,104.8s-24.7,105.9-63.2,105.9
+		C762.8,469.1,737.8,433.9,737.8,363.2z M839.9,363.2c0-59.3-15.5-84.3-38.5-84.3c-23,0-38.8,24.9-38.8,84.3
+		c0,59.9,15.5,85.7,38.8,85.7C824.6,448.8,839.9,423.1,839.9,363.2L839.9,363.2z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/svg/pm2.5.svg b/src/assets/icons/svg/pm2.5.svg
new file mode 100644
index 0000000..c6c14f4
--- /dev/null
+++ b/src/assets/icons/svg/pm2.5.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 835.7" style="enable-background:new 0 0 1024 835.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#路径_1012_1_);}
+	.st1{fill:url(#路径_1013_1_);}
+</style>
+<g id="pm2.5" transform="translate(0)">
+	
+		<linearGradient id="路径_1012_1_" gradientUnits="userSpaceOnUse" x1="2.0099" y1="924.9371" x2="26.9141" y2="904.0443" gradientTransform="matrix(49.0122 0 0 -40.0009 -71.7795 37142.7109)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1012" class="st0" d="M75.3,477.7C54.2,477.3,36.8,494,36.2,515c0.5,21.1,18,37.8,39.1,37.3
+		c21.1,0.5,38.6-16.2,39.2-37.3C114,493.9,96.5,477.2,75.3,477.7z M270.5,547.8c-16.9-0.4-30.9,13-31.3,29.9
+		c0.4,16.9,14.5,30.2,31.3,29.9c16.9,0.4,30.9-13,31.3-29.9C301.4,560.8,287.4,547.4,270.5,547.8z M184.9,74.6
+		c21.1,0.5,38.6-16.2,39.1-37.3C223.4,16.2,206-0.4,184.9,0c-21.1-0.5-38.6,16.2-39.1,37.3C146.3,58.4,163.8,75.1,184.9,74.6
+		L184.9,74.6z M881.4,134.4c16.9,0.4,30.9-13,31.3-29.9c-0.4-16.9-14.5-30.2-31.3-29.9c-16.9-0.4-30.9,13-31.3,29.9
+		C850.5,121.4,864.5,134.7,881.4,134.4z M638.8,209c29.5,0.7,54.1-22.7,54.8-52.2c-0.8-29.5-25.2-52.9-54.8-52.2
+		c-29.5-0.7-54,22.7-54.8,52.2C584.8,186.3,609.3,209.6,638.8,209L638.8,209L638.8,209z M411.8,134.4c-25.3-0.5-46.3,19.5-46.9,44.9
+		c0.6,25.3,21.6,45.4,46.9,44.8c25.3,0.6,46.4-19.5,47-44.8c-0.7-25.3-21.7-45.3-47-44.8L411.8,134.4z M850.1,544.9
+		c-35.4-0.8-64.8,27.3-65.6,62.7c0.9,35.4,30.2,63.4,65.6,62.7c35.4,0.8,64.8-27.3,65.7-62.7C914.9,572.1,885.6,544.1,850.1,544.9
+		L850.1,544.9z M667,682.4c-16.9-0.4-30.9,13-31.3,29.9c0.5,16.9,14.5,30.2,31.3,29.8c16.9,0.4,30.9-13,31.3-29.9
+		C697.9,695.4,683.9,682.1,667,682.4L667,682.4z M537,539.6c16.9-0.4,30.9,13,31.3,29.9c-0.4,16.9-14.4,30.3-31.3,29.9
+		c-16.9,0.4-30.9-13-31.3-29.9C506.1,552.5,520.1,539.2,537,539.6z M761.6,835.7c-65.9,0.5-131-15.3-189.3-46
+		C258.5,598,62,785.3,53.8,793.4c-12.3,11.8-31.6,12.1-44.2,0.8c-11.8-10.7-12.8-29-2.1-40.8c0.4-0.5,0.8-0.9,1.3-1.3
+		c2.3-2.3,239.2-231.5,596.8-12.8c6.5,3.7,177.7,99.3,368.7-33.4c6.8-4.7,15.1-6.6,23.3-5.4c8.1,1.2,15.4,5.4,20.4,11.9
+		c9.8,12.7,7.4,30.9-5.3,40.6c-0.5,0.4-1.1,0.8-1.6,1.1c-72.6,52.5-159.8,81.1-249.4,81.7H761.6z"/>
+	
+		<linearGradient id="路径_1013_1_" gradientUnits="userSpaceOnUse" x1="5.822" y1="892.7612" x2="30.7262" y2="871.8683" gradientTransform="matrix(37.4484 0 0 -9.7017 -48.5744 8950.4355)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1013" class="st1" d="M123.6,265.9h79.7c44.8,0,67.2,19.1,67.2,57.4c0,38.5-22.7,57.9-67.4,57.9H146v79.7h-22.4
+		L123.6,265.9z M146,285.3v76.5h56c12.4,0.9,24.8-2.4,35-9.6c7.9-7.4,12-18.1,11.2-28.9c1-10.8-3.3-21.4-11.5-28.4
+		c-10.1-7.2-22.4-10.6-34.7-9.5H146z M299,265.9v195h22.4V305.7h0.8l67.4,155.1h20.2l67.5-155.1h0.8v155.1h22.4v-195h-27.9
+		l-72.4,166.3h-0.8l-72.7-166.3H299z M604.8,262.1c-18-0.7-35.5,6.5-47.8,19.7c-12.7,14.4-19.2,33.1-18.3,52.2h22.4
+		c-0.7-14,3.5-27.9,12-39.1c7.4-9.3,19-14.4,30.9-13.6c10.8-0.6,21.5,2.9,29.8,9.8c7.4,7.2,11.3,17.3,10.7,27.6
+		c-0.3,13.2-5.7,25.7-15,35c-9.5,8.9-19.8,17-30.6,24.3c-15.4,9.9-29.6,21.5-42.3,34.7c-12.4,13-19.4,30.3-19.4,48.3h130V441H564.7
+		c8.9-19.2,23.9-34.9,42.6-44.8c14.4-9.2,27.9-19.7,40.4-31.3c12.1-12.3,18.9-28.7,19.1-46c0.5-15.6-5.9-30.7-17.5-41.2
+		C637.1,267.1,621.1,261.5,604.8,262.1z M720.1,428.4c-4.5-0.2-8.8,1.6-11.7,4.9c-3.3,3.1-5,7.5-4.9,12c-0.1,4.4,1.7,8.7,4.9,11.7
+		c3,3.3,7.3,5.1,11.7,4.9c4.4,0,8.7-1.8,11.7-4.9c3.2-3.1,5-7.3,4.9-11.7c0.1-4.5-1.7-8.9-4.9-12
+		C728.8,430.1,724.5,428.4,720.1,428.4z M784.9,265.9l-10.4,107.6h21.3c3.8-7.6,9.9-13.7,17.5-17.5c7.6-4.1,16.2-6.2,24.8-6
+		c12.4-0.8,24.6,3.9,33.3,12.8c8.8,9.9,13.3,22.9,12.5,36.1c0.4,12.6-4.5,24.7-13.4,33.6c-9,8.8-21.3,13.5-33.9,13.1
+		c-10.6,0.4-21.1-2.7-29.8-8.8c-8.9-6.8-14.3-17.2-14.8-28.4H770c0.8,16.7,9,32.3,22.4,42.3c12.6,9.5,28.1,14.4,43.9,13.9
+		c17.9,0.4,35.2-5.9,48.6-17.8c13.8-12.2,21.5-29.9,21-48.3c0.9-18.1-5.3-35.9-17.5-49.4c-11.9-11.9-28.2-18.2-45-17.5
+		c-8.5-0.2-17,1.4-24.8,4.7c-8.2,3-15.4,8.1-21,14.8h-1.1l6.6-65.3h95v-19.9H784.7L784.9,265.9z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/svg/shidu.svg b/src/assets/icons/svg/shidu.svg
new file mode 100644
index 0000000..fbdc078
--- /dev/null
+++ b/src/assets/icons/svg/shidu.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1095.4" style="enable-background:new 0 0 1024 1095.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#路径_993_1_);}
+	.st1{fill:url(#路径_994_1_);}
+</style>
+<g id="湿度" transform="translate(1875.79 -471.865)">
+	
+		<linearGradient id="路径_993_1_" gradientUnits="userSpaceOnUse" x1="-1872.2583" y1="1530.5941" x2="-1839.616" y2="1503.2096" gradientTransform="matrix(37.3934 0 0 -40 68219 61811.0039)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_993" class="st0" d="M-994.7,471.9c0,0-142.9,135.4-142.9,214.4c0,78.9,64,142.9,142.9,142.9
+		c78.9,0,142.9-64,142.9-142.9C-851.9,607.3-994.7,471.9-994.7,471.9z M-994.7,781.3c-52.6,0-95.3-42.7-95.3-95.3c0,0,0,0,0,0
+		c0-52.6,95.3-142.9,95.3-142.9s95.3,90.4,95.3,142.9C-899.4,738.7-942,781.4-994.7,781.3L-994.7,781.3z M-1471,471.9
+		c0,0-404.8,457.8-404.8,684.6c-1.7,225.2,179.5,409.1,404.7,410.8c0,0,0.1,0,0.1,0c225.2-1.6,406.5-185.5,404.8-410.8
+		C-1066.1,929.7-1471,471.9-1471,471.9z M-1471,1495.9c-185.9-1.8-335.1-153.9-333.3-339.8c0,0,0,0,0,0c0-187.7,333.3-589,333.3-589
+		s333.3,401.3,333.3,589C-1135.9,1342-1285.1,1494.1-1471,1495.9L-1471,1495.9z"/>
+	
+		<linearGradient id="路径_994_1_" gradientUnits="userSpaceOnUse" x1="-1865.4138" y1="1487.9939" x2="-1832.7714" y2="1460.6094" gradientTransform="matrix(20.094 0 0 -13.1475 35796.1719 20680.3984)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_994" class="st1" d="M-1471,1449.4c-151.4,0.5-274.6-121.8-275.1-273.2c0,0,0,0,0,0c0-150.9,143-74.5,275.1,0
+		c132.7,74.8,275.1-150.9,275.1,0C-1196.4,1327.6-1319.5,1450-1471,1449.4L-1471,1449.4z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/svg/temperature.svg b/src/assets/icons/svg/temperature.svg
new file mode 100644
index 0000000..e3164cb
--- /dev/null
+++ b/src/assets/icons/svg/temperature.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1303.3" style="enable-background:new 0 0 1024 1303.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#路径_991_1_);}
+	.st1{fill:url(#路径_992_1_);}
+</style>
+<g id="温度" transform="translate(2097.059 -462.569)">
+	
+		<linearGradient id="路径_991_1_" gradientUnits="userSpaceOnUse" x1="-2094.522" y1="1625.6313" x2="-2055.6824" y2="1593.0477" gradientTransform="matrix(22.8582 0 0 -40.001 45809.7422 65692.6953)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_991" class="st0" d="M-1724.7,555.6c37,0,72.5,14.8,98.5,41.1c26.3,26,41.1,61.5,41.1,98.5v452.2l34.9,28
+		c66.4,52.9,104.9,133.2,104.8,218c0.2,74.1-29.3,145.2-81.8,197.5c-52.3,52.6-123.4,82-197.5,81.8c-74.1,0.2-145.2-29.3-197.5-81.8
+		c-52.6-52.3-82-123.4-81.8-197.5c-0.2-84.9,38.4-165.2,104.8-218l34.9-28V695.3c0-37,14.8-72.5,41.1-98.5
+		C-1797.2,570.4-1761.7,555.6-1724.7,555.6 M-1724.7,462.5c-128.4,0.4-232.4,104.4-232.7,232.7v407.6
+		c-88.4,70.6-139.8,177.6-139.6,290.7c0,205.7,166.7,372.4,372.4,372.4c205.7,0,372.4-166.7,372.4-372.4c0,0,0,0,0,0
+		c0.1-113.1-51.3-220.1-139.6-290.7V695.3C-1492.3,566.8-1596.3,462.8-1724.7,462.5L-1724.7,462.5z"/>
+	
+		<linearGradient id="路径_992_1_" gradientUnits="userSpaceOnUse" x1="-2086.1948" y1="1626.576" x2="-2047.3552" y2="1593.9924" gradientTransform="matrix(25.7137 0 0 -32.856 51800.1289 54067.7227)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_992" class="st1" d="M-1678.2,1213.2V834.9c-0.1-25.7-20.9-46.5-46.6-46.6c-25.7,0.1-46.5,20.9-46.5,46.6v378.2
+		c-82.2,21.3-139.6,95.4-139.6,180.3c0,102.8,83.4,186.2,186.2,186.2l0,0c102.8,0,186.2-83.4,186.2-186.2c0,0,0,0,0,0
+		C-1538.5,1308.5-1596,1234.4-1678.2,1213.2L-1678.2,1213.2z M-1119.6,602.2h-232.7c-25.7-0.1-46.5-20.9-46.5-46.6
+		c0.1-25.7,20.8-46.5,46.5-46.6h232.7c25.7,0.1,46.5,20.9,46.5,46.6C-1073.1,581.3-1093.9,602.1-1119.6,602.2L-1119.6,602.2z
+		 M-1119.6,834.9h-232.7c-25.7-0.1-46.5-20.9-46.5-46.6c0.1-25.7,20.8-46.5,46.5-46.6h232.7c25.7,0.1,46.5,20.9,46.5,46.6
+		C-1073.1,814-1093.9,834.8-1119.6,834.9L-1119.6,834.9z M-1119.6,1067.7h-232.7c-25.7-0.1-46.5-20.9-46.5-46.6
+		c0.1-25.7,20.8-46.5,46.5-46.6h232.7c25.7,0.1,46.5,20.9,46.5,46.6C-1073.1,1046.8-1093.9,1067.6-1119.6,1067.7L-1119.6,1067.7z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/svg/voc.svg b/src/assets/icons/svg/voc.svg
new file mode 100644
index 0000000..3935b50
--- /dev/null
+++ b/src/assets/icons/svg/voc.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1357" style="enable-background:new 0 0 1024 1357;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#路径_1007_1_);}
+	.st1{fill:url(#路径_1011_1_);}
+</style>
+<g id="voc" transform="translate(1321.763 -717.722)">
+	
+		<linearGradient id="路径_1007_1_" gradientUnits="userSpaceOnUse" x1="-1320.2894" y1="1909.033" x2="-1285.4313" y2="1879.7896" gradientTransform="matrix(14.9559 0 0 -28.4125 18425.6094 55124.8594)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1007" class="st0" d="M-1110.2,1092.5c11.7,140.7,43.6,278.9,94.7,410.5c-25.2-110,0-241.1,109.4-397.1
+		c6.8-9.8,14.2-19.4,21.8-29c-7.8-14.9-16.6-30.2-26.3-45.9c-67.8-108.5-199.7-197.7-216.7-281.9c-4.7-23.1-9.8-43.4-20.1-23
+		c-58.6,116.2-176.1,361.2-174.2,565.3c2.2,230.5,159.9,256.1,232,257.1c2.4,0.1,4.8-0.3,7-1c11.6-3.5,18.2-15.9,14.6-27.5
+		c0,0,0,0,0-0.1c-28.8-92.9-90.8-219.3-66.1-428.2c1.3-6.6,7.7-10.8,14.3-9.5C-1114.8,1083.5-1111,1087.5-1110.2,1092.5z"/>
+	
+		<linearGradient id="路径_1011_1_" gradientUnits="userSpaceOnUse" x1="-1304.507" y1="1907.5032" x2="-1269.6488" y2="1878.2598" gradientTransform="matrix(22.811 0 0 -46.3881 28808.6738 89440.3438)">
+		<stop  offset="0" style="stop-color:#C8E4FF"/>
+		<stop  offset="0.632" style="stop-color:#339CFF"/>
+		<stop  offset="1" style="stop-color:#339CFF"/>
+	</linearGradient>
+	<path id="路径_1011" class="st1" d="M-495.4,730.1c-12.5-28.5-20.9-1.3-28.8,29.8c-29,112.9-214.3,224.6-314,366.9
+		c-79,112.6-141.9,248.9-123.4,389.6c14,130.8,99.3,243.2,221.5,291.8c7.8,2.9-34.3,73.7-37.6,79.3c-17.4,35-41.2,66.3-70.2,92.5
+		c-18.7,14.6-69,45.1-36.5,80.8c37.5,41.2,95.2-19.9,114.1-48.9c37.6-57.3,71.8-116.8,102.4-178.2c39.2,7.4,79.3,8.2,118.7,2.1
+		c63.1-9.7,121.1-40.4,164.6-87.1c59.3-64.5,80.1-154.3,85.4-239.6C-282.2,1232.6-424.1,892-495.4,730.1z M-361.4,1489.4
+		c-5.2,63-15.8,132.1-55.2,182.6c-27.8,35-65.5,60.8-108.2,73.8c-37.6,12.6-77.9,14.8-116.7,6.3c6-26.6,17.5-53,25.4-79.3
+		c9.2-30.6,17.6-61.4,25.1-92.5c17.7-72.9,30.2-147,37.4-221.7c4.7-48.9,7-98,7-147.2c1.7-28.2,1.7-56.6,0-84.8
+		c-27,209.3-80.9,414.2-160.2,609.7c-3.8,8.8-60.9-33.1-65.8-36.8c-31.8-23.4-57.9-53.7-76.3-88.6c-27.3-47.7-41.9-101.7-42.2-156.7
+		c0-102.4,49.1-198.1,108.2-278.8c83-113.3,234.6-200.3,259.9-291c6.9-25,14.2-46.8,23.8-23.6
+		C-444.4,993.1-342.8,1266.2-361.4,1489.4L-361.4,1489.4z"/>
+</g>
+</svg>
diff --git a/src/assets/images/data_border_default.png b/src/assets/images/data_border_default.png
new file mode 100644
index 0000000..4b1c008
Binary files /dev/null and b/src/assets/images/data_border_default.png differ
diff --git a/src/assets/images/data_border_warn.png b/src/assets/images/data_border_warn.png
new file mode 100644
index 0000000..cfe2939
Binary files /dev/null and b/src/assets/images/data_border_warn.png differ
diff --git a/src/assets/styles/lend-manage.scss b/src/assets/styles/lend-manage.scss
index 782a101..bf16bfb 100644
--- a/src/assets/styles/lend-manage.scss
+++ b/src/assets/styles/lend-manage.scss
@@ -102,7 +102,16 @@ color:#F65163;
     transform: translateY(-50%);
   }
 }
-
+.table-title{
+  color: #fff;
+  font-size: 16px;
+  text-align: center;
+  height: 40px;
+  line-height: 40px;
+}
+p{
+  display: inline-block;
+}
 .warehouse-svg{
   margin:0 10px 1px 0;
 }
\ No newline at end of file
diff --git a/src/views/storeManage/warehouse3D/archivesStorage/index.vue b/src/views/storeManage/warehouse3D/archivesStorage/index.vue
index e0d0e8b..73158ff 100644
--- a/src/views/storeManage/warehouse3D/archivesStorage/index.vue
+++ b/src/views/storeManage/warehouse3D/archivesStorage/index.vue
@@ -1,15 +1,179 @@
 <template>
-  <div>
-    <h1 style="color:#fff">档案库</h1>
+  <div class=" warehouse">
+    <!-- <h1>全景图</h1> -->
+    <div class="warehouse-left">
+      <div class="left-3d">
+        <iframe
+          class="iframe_box"
+          src="/web/index.html"
+          frameborder="0"
+          scrolling="no"
+        />
+        <ul class="msg-list">
+          <li>
+            <svg-icon icon-class="temperature" class-name="msg-list-svg" />
+            <span class="msg-list-num">60</span>
+            <p class="msg-list-unit">温度℃</p>
+          </li>
+          <li class="li-warn">
+            <svg-icon icon-class="shidu" class-name="msg-list-svg" />
+            <span class="msg-list-num">60</span>
+            <p class="msg-list-unit">湿度%</p>
+          </li>
+          <li>
+            <svg-icon icon-class="co2" class-name="msg-list-svg" />
+            <span class="msg-list-num">60</span>
+            <p class="msg-list-unit">CO2ppm</p>
+          </li>
+          <li>
+            <svg-icon icon-class="voc" class-name="msg-list-svg" />
+            <span class="msg-list-num">60</span>
+            <p class="msg-list-unit">VOCmg/m³</p>
+          </li>
+          <li>
+            <svg-icon icon-class="pm2.5" class-name="msg-list-svg" style="font-size:46px;margin-left:25px;padding-bottom:10px" />
+            <span class="msg-list-num">60</span>
+            <p class="msg-list-unit">PM2.5ug/m³</p>
+          </li>
+          <li>
+            <svg-icon icon-class="pm10" class-name="msg-list-svg" style="font-size:46px;margin-left:25px;padding-bottom:10px" />
+            <span class="msg-list-num">60</span>
+            <p class="msg-list-unit">PM10ug/m³</p>
+          </li>
+        </ul>
+      </div>
+
+    </div>
+    <div class="warehouse-right">
+      <!-- 报警记录 -->
+      <div class="container-wrap" style="margin-bottom:20px">
+        <span class="right-top-line" />
+        <span class="left-bottom-line" />
+        <h3 class="table-title">
+          <p class="title-arrow"><svg-icon icon-class="alerm" class-name="warehouse-svg" />报警记录</p>
+        </h3>
+        <el-table
+          ref="table"
+          style="min-width: 100%;"
+          height="300px"
+          :data="tableData"
+        >
+          <el-table-column prop="time" label="时间" align="center" min-width="60" />
+          <el-table-column prop="warehouse" label="库房" align="center" min-width="60" />
+          <el-table-column prop="warning" label="警情" align="center" :show-overflow-tooltip="true" min-width="85" />
+        </el-table>
+      </div>
+      <!-- 门禁记录 -->
+      <div class="container-wrap">
+        <span class="right-top-line" />
+        <span class="left-bottom-line" />
+        <h3 class="table-title">
+          <p class="title-arrow"><svg-icon icon-class="menjin" class-name="warehouse-svg" />门禁记录</p>
+        </h3>
+        <el-table
+          ref="table"
+          style="min-width: 100%;"
+          height="300px"
+          :data="tableData"
+        >
+          <el-table-column prop="time" label="时间" align="center" min-width="60" />
+          <el-table-column prop="warehouse" label="库房" align="center" min-width="60" />
+          <el-table-column prop="warning" label="警情" align="center" :show-overflow-tooltip="true" min-width="85" />
+        </el-table>
+      </div>
+    </div>
+
   </div>
 </template>
 
 <script>
+import data1 from '../data1.json'
 export default {
-
+  name: 'FullView',
+  data() {
+    return {
+      tableData: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      this.tableData = data1.rows
+      console.log()
+    },
+    // 表格隔行变色
+    rowBgColor({ row, rowIndex }) {
+      if (rowIndex % 2 === 1) {
+        return 'light-blue'
+      } else {
+        return ''
+      }
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
+@import '~@/assets/styles/lend-manage.scss';
 
+  .warehouse-left{
+    position: relative;
+    .msg-list{
+      display: flex;
+      position: absolute;
+      top: 0;
+      left: 0;
+      li{
+        flex: 1;
+        width: 165px;
+        height: 80px;
+        margin-right: 20px;
+        background: url('../../../../assets/images/data_border_default.png') no-repeat;
+        background-size: 165px 80px;
+        position: relative;
+        &.li-warn{
+          background: url('../../../../assets/images/data_border_warn.png') no-repeat;
+          background-size: 165px 80px;
+        }
+        .msg-list-svg{
+          font-size: 34px;
+          display: inline-block;
+          height: 80px;
+          line-height: 80px;
+          margin-left:30px ;
+        }
+        .msg-list-unit{
+          position: absolute;
+          right: 10px;
+          bottom: 10px;
+          width: 90px;
+          text-align: center;
+          font-size: 14px;
+        }
+        .msg-list-num{
+          color: #fff;
+          font-size: 26px;
+          position: absolute;
+          right: 20px;
+          top: 20px;
+          width: 50px;
+        }
+      }
+    }
+  }
+
+.title-arrow{
+  position: relative;
+  &::before{
+    background: url('../../../../assets/images/warehouse_arrow_left.png') no-repeat;
+  }
+  &::after{
+    background: url('../../../../assets/images/warehouse_arrow_right.png') no-repeat;
+  }
+}
+.container-wrap{
+  min-height: calc(100vh - 573px)
+}
 </style>
diff --git a/src/views/storeManage/warehouse3D/fullView/index.vue b/src/views/storeManage/warehouse3D/fullView/index.vue
index 00b3ae1..1549c9b 100644
--- a/src/views/storeManage/warehouse3D/fullView/index.vue
+++ b/src/views/storeManage/warehouse3D/fullView/index.vue
@@ -18,7 +18,7 @@
     <div class="warehouse-right container-wrap">
       <span class="right-top-line" />
       <span class="left-bottom-line" />
-      <h3>
+      <h3 class=" table-title">
         <p class="title-arrow"><svg-icon icon-class="alerm" class-name="warehouse-svg" />报警记录</p>
       </h3>
       <!--表格渲染-->
@@ -78,18 +78,6 @@ export default {
       font-size: 16px;
     }
   }
-  .warehouse-right{
-    h3{
-      color: #fff;
-      font-size: 16px;
-      text-align: center;
-      height: 40px;
-      line-height: 40px;
-    }
-    p{
-      display: inline-block;
-    }
-  }
 
 .title-arrow{
   position: relative;