123
| 
						 | 
				
			
			@ -0,0 +1,7 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1285px" height="970px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -215 -90 )">
 | 
			
		||||
    <path d="M 216 91  L 1499 91  L 1499 1059  L 216 1059  L 216 91  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0" />
 | 
			
		||||
    <path d="M 215.5 90.5  L 1499.5 90.5  L 1499.5 1059.5  L 215.5 1059.5  L 215.5 90.5  Z " stroke-width="1" stroke-dasharray="9,4" stroke="#cccccc" fill="none" stroke-dashoffset="0.5" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,7 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1285px" height="795px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -215 -90 )">
 | 
			
		||||
    <path d="M 216 91  L 1499 91  L 1499 884  L 216 884  L 216 91  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0" />
 | 
			
		||||
    <path d="M 215.5 90.5  L 1499.5 90.5  L 1499.5 884.5  L 215.5 884.5  L 215.5 90.5  Z " stroke-width="1" stroke-dasharray="9,4" stroke="#cccccc" fill="none" stroke-dashoffset="0.5" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
		 Before Width: | Height: | Size: 297 KiB After Width: | Height: | Size: 100 KiB  | 
| 
		 After Width: | Height: | Size: 3.6 KiB  | 
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="80px" height="61px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1205 -950 )">
 | 
			
		||||
    <path d="M 15 30  L 25 30  L 25 50  L 15 50  L 15 30  Z M 30 11  L 40 11  L 40 50  L 30 50  L 30 11  Z M 5 56  L 80 56  L 80 61  L 0 61  L 0 0  L 5 0  L 5 56  Z M 45 21  L 55 21  L 55 50  L 45 50  L 45 21  Z M 60 5  L 70 5  L 70 50  L 60 50  L 60 5  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1205 950 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="80px" height="80px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -895 -940 )">
 | 
			
		||||
    <path d="M 63.4114583333333 63.4114583333333  C 65.5815972222222 61.2413194444444  66.6666666666667 58.6284722222222  66.6666666666667 55.5729166666667  C 66.6666666666667 52.5173611111111  65.5815972222222 49.8958333333333  63.4114583333333 47.7083333333333  C 61.2413194444445 45.5208333333333  58.6284722222222 44.4270833333333  55.5729166666667 44.4270833333333  C 52.65625 44.4270833333333  50.1388888888889 45.4340277777778  48.0208333333333 47.4479166666667  L 35.46875 41.1979166666667  C 35.5381944444444 40.6423611111111  35.5729166666667 40.2430555555556  35.5729166666667 40  C 35.5729166666667 39.7569444444444  35.5381944444444 39.3576388888889  35.46875 38.8020833333333  L 48.0208333333333 32.5520833333333  C 50.1388888888889 34.5659722222222  52.65625 35.5729166666667  55.5729166666667 35.5729166666667  C 58.6284722222222 35.5729166666667  61.2413194444445 34.4791666666667  63.4114583333333 32.2916666666667  C 65.5815972222222 30.1041666666667  66.6666666666667 27.4826388888889  66.6666666666667 24.4270833333333  C 66.6666666666667 21.3715277777778  65.5815972222222 18.7586805555555  63.4114583333333 16.5885416666667  C 61.2413194444445 14.4184027777778  58.6284722222222 13.3333333333333  55.5729166666667 13.3333333333333  C 52.5173611111111 13.3333333333333  49.8958333333333 14.4184027777778  47.7083333333333 16.5885416666667  C 45.5208333333333 18.7586805555555  44.4270833333333 21.3715277777778  44.4270833333333 24.4270833333333  C 44.4270833333333 24.6701388888889  44.4618055555556 25.0694444444444  44.53125 25.625  L 31.9791666666667 31.875  C 29.8263888888889 29.8958333333333  27.3090277777778 28.90625  24.4270833333333 28.90625  C 21.3715277777778 28.90625  18.7586805555556 29.9913194444444  16.5885416666667 32.1614583333333  C 14.4184027777778 34.3315972222222  13.3333333333333 36.9444444444444  13.3333333333333 40  C 13.3333333333333 43.0555555555556  14.4184027777778 45.6684027777778  16.5885416666667 47.8385416666667  C 18.7586805555556 50.0086805555556  21.3715277777778 51.09375  24.4270833333333 51.09375  C 27.3090277777778 51.09375  29.8263888888889 50.1041666666667  31.9791666666667 48.125  L 44.53125 54.375  C 44.4618055555556 54.9305555555556  44.4270833333333 55.3298611111111  44.4270833333333 55.5729166666667  C 44.4270833333333 58.6284722222222  45.5208333333333 61.2413194444444  47.7083333333333 63.4114583333333  C 49.8958333333333 65.5815972222222  52.5173611111111 66.6666666666667  55.5729166666667 66.6666666666667  C 58.6284722222222 66.6666666666667  61.2413194444445 65.5815972222222  63.4114583333333 63.4114583333333  Z M 75.5989583333333 4.40104166666667  C 78.5329861111111 7.33506944444444  80 10.8680555555555  80 15  L 80 65  C 80 69.1319444444444  78.5329861111111 72.6649305555556  75.5989583333333 75.5989583333333  C 72.6649305555556 78.5329861111111  69.1319444444445 80  65 80  L 15 80  C 10.8680555555556 80  7.33506944444445 78.5329861111111  4.40104166666667 75.5989583333333  C 1.46701388888889 72.6649305555556  0 69.1319444444444  0 65  L 0 15  C 0 10.8680555555555  1.46701388888889 7.33506944444444  4.40104166666667 4.40104166666667  C 7.33506944444445 1.46701388888888  10.8680555555556 0  15 0  L 65 0  C 69.1319444444445 0  72.6649305555556 1.46701388888888  75.5989583333333 4.40104166666667  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 895 940 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="80px" height="80px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1578 -150 )">
 | 
			
		||||
    <path d="M 43 36.0096153846154  L 43 72.1634615384615  L 73 55.3846153846154  L 73 24.8076923076923  L 43 36.0096153846154  Z M 6.44230769230769 18.3653846153846  L 40 30.5769230769231  L 73.5576923076923 18.3653846153846  L 40 6.15384615384615  L 6.44230769230769 18.3653846153846  Z M 78.8942307692308 14.9519230769231  C 79.6314102564103 16.0096153846154  80 17.1794871794872  80 18.4615384615385  L 80 55.3846153846154  C 80 56.5064102564103  79.7115384615385 57.5480769230769  79.1346153846154 58.5096153846154  C 78.5576923076923 59.4711538461539  77.7724358974359 60.224358974359  76.7788461538461 60.7692307692308  L 42.9326923076923 79.2307692307692  C 42.0352564102564 79.7435897435898  41.0576923076923 80  40 80  C 38.9423076923077 80  37.9647435897436 79.7435897435898  37.0673076923077 79.2307692307692  L 3.22115384615385 60.7692307692308  C 2.2275641025641 60.224358974359  1.44230769230769 59.4711538461539  0.865384615384615 58.5096153846154  C 0.288461538461538 57.5480769230769  0 56.5064102564103  0 55.3846153846154  L 0 18.4615384615385  C 0 17.1794871794872  0.368589743589744 16.0096153846154  1.10576923076923 14.9519230769231  C 1.84294871794872 13.8942307692308  2.82051282051282 13.1410256410256  4.03846153846154 12.6923076923077  L 37.8846153846154 0.384615384615383  C 38.5897435897436 0.128205128205119  39.2948717948718 0  40 0  C 40.7051282051282 0  41.4102564102564 0.128205128205119  42.1153846153846 0.384615384615383  L 75.9615384615385 12.6923076923077  C 77.1794871794872 13.1410256410256  78.1570512820513 13.8942307692308  78.8942307692308 14.9519230769231  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1578 150 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,12 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="80px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <defs>
 | 
			
		||||
    <mask fill="white" id="clip1">
 | 
			
		||||
      <path d="M 60 52  C 60 32  42 20  30 0  C 18 20  0 32  0 52  C 0 62.4  6 80  30 80  C 54 80  60 62.4  60 52  Z " fill-rule="evenodd" />
 | 
			
		||||
    </mask>
 | 
			
		||||
  </defs>
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1588 -470 )">
 | 
			
		||||
    <path d="M 60 52  C 60 32  42 20  30 0  C 18 20  0 32  0 52  C 0 62.4  6 80  30 80  C 54 80  60 62.4  60 52  Z " fill-rule="nonzero" fill="#009dd9" stroke="none" fill-opacity="0" transform="matrix(1 0 0 1 1588 470 )" />
 | 
			
		||||
    <path d="M 60 52  C 60 32  42 20  30 0  C 18 20  0 32  0 52  C 0 62.4  6 80  30 80  C 54 80  60 62.4  60 52  Z " stroke-width="12" stroke="#ffffff" fill="none" transform="matrix(1 0 0 1 1588 470 )" mask="url(#clip1)" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="80px" height="62px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1763 -480 )">
 | 
			
		||||
    <path d="M 5.71428571428571 50  L 5.71428571428571 56  L 51.4285714285714 56  L 51.4285714285714 50  L 5.71428571428571 50  Z M 5.71428571428571 29  L 5.71428571428571 33  L 51.4285714285714 33  L 51.4285714285714 29  L 5.71428571428571 29  Z M 74.4642857142857 56.5397727272727  C 75.2976190476191 55.717803030303  75.7142857142857 54.719696969697  75.7142857142857 53.5454545454545  C 75.7142857142857 52.3712121212121  75.2976190476191 51.3731060606061  74.4642857142857 50.5511363636364  C 73.6309523809524 49.7291666666667  72.6190476190476 49.3181818181818  71.4285714285714 49.3181818181818  C 70.2380952380952 49.3181818181818  69.2261904761905 49.7291666666667  68.3928571428571 50.5511363636364  C 67.5595238095238 51.3731060606061  67.1428571428571 52.3712121212121  67.1428571428571 53.5454545454545  C 67.1428571428571 54.719696969697  67.5595238095238 55.717803030303  68.3928571428571 56.5397727272727  C 69.2261904761905 57.3617424242424  70.2380952380952 57.7727272727273  71.4285714285714 57.7727272727273  C 72.6190476190476 57.7727272727273  73.6309523809524 57.3617424242424  74.4642857142857 56.5397727272727  Z M 5.71428571428571 6  L 5.71428571428571 12  L 51.4285714285714 12  L 51.4285714285714 6  L 5.71428571428571 6  Z M 74.4642857142857 33.9943181818182  C 75.2976190476191 33.1723484848485  75.7142857142857 32.1742424242424  75.7142857142857 31  C 75.7142857142857 29.8257575757576  75.2976190476191 28.8276515151515  74.4642857142857 28.0056818181818  C 73.6309523809524 27.1837121212121  72.6190476190476 26.7727272727273  71.4285714285714 26.7727272727273  C 70.2380952380952 26.7727272727273  69.2261904761905 27.1837121212121  68.3928571428571 28.0056818181818  C 67.5595238095238 28.8276515151515  67.1428571428571 29.8257575757576  67.1428571428571 31  C 67.1428571428571 32.1742424242424  67.5595238095238 33.1723484848485  68.3928571428571 33.9943181818182  C 69.2261904761905 34.8162878787879  70.2380952380952 35.2272727272727  71.4285714285714 35.2272727272727  C 72.6190476190476 35.2272727272727  73.6309523809524 34.8162878787879  74.4642857142857 33.9943181818182  Z M 74.4642857142857 11.4488636363636  C 75.2976190476191 10.6268939393939  75.7142857142857 9.62878787878787  75.7142857142857 8.45454545454545  C 75.7142857142857 7.28030303030302  75.2976190476191 6.28219696969696  74.4642857142857 5.46022727272727  C 73.6309523809524 4.63825757575757  72.6190476190476 4.22727272727273  71.4285714285714 4.22727272727273  C 70.2380952380952 4.22727272727273  69.2261904761905 4.63825757575757  68.3928571428571 5.46022727272727  C 67.5595238095238 6.28219696969696  67.1428571428571 7.28030303030302  67.1428571428571 8.45454545454545  C 67.1428571428571 9.62878787878787  67.5595238095238 10.6268939393939  68.3928571428571 11.4488636363636  C 69.2261904761905 12.2708333333333  70.2380952380952 12.6818181818182  71.4285714285714 12.6818181818182  C 72.6190476190476 12.6818181818182  73.6309523809524 12.2708333333333  74.4642857142857 11.4488636363636  Z M 0 45  L 80 45  L 80 62  L 0 62  L 0 45  Z M 0 23  L 80 23  L 80 39  L 0 39  L 0 23  Z M 0 0  L 80 0  L 80 17  L 0 17  L 0 0  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1763 480 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="69px" height="80px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1583 -780 )">
 | 
			
		||||
    <path d="M 14.599609375 32.3660714285714  C 20.7688802083333 33.6458333333333  27.40234375 34.2857142857143  34.5 34.2857142857143  C 41.59765625 34.2857142857143  48.2311197916667 33.6458333333333  54.400390625 32.3660714285714  C 60.5696614583333 31.0863095238095  65.4361979166667 29.1964285714286  69 26.6964285714286  L 69 34.2857142857143  C 69 36.3392857142857  67.4576822916667 38.2440476190476  64.373046875 40  C 61.2884114583333 41.7559523809524  57.095703125 43.1473214285714  51.794921875 44.1741071428571  C 46.494140625 45.2008928571429  40.7291666666667 45.7142857142857  34.5 45.7142857142857  C 28.2708333333333 45.7142857142857  22.505859375 45.2008928571429  17.205078125 44.1741071428571  C 11.904296875 43.1473214285714  7.71158854166667 41.7559523809524  4.626953125 40  C 1.54231770833333 38.2440476190476  0 36.3392857142857  0 34.2857142857143  L 0 26.6964285714286  C 3.56380208333333 29.1964285714286  8.43033854166667 31.0863095238095  14.599609375 32.3660714285714  Z M 14.599609375 66.6517857142857  C 20.7688802083333 67.9315476190476  27.40234375 68.5714285714286  34.5 68.5714285714286  C 41.59765625 68.5714285714286  48.2311197916667 67.9315476190476  54.400390625 66.6517857142857  C 60.5696614583333 65.3720238095238  65.4361979166667 63.4821428571429  69 60.9821428571429  L 69 68.5714285714286  C 69 70.625  67.4576822916667 72.5297619047619  64.373046875 74.2857142857143  C 61.2884114583333 76.0416666666667  57.095703125 77.4330357142857  51.794921875 78.4598214285714  C 46.494140625 79.4866071428571  40.7291666666667 80  34.5 80  C 28.2708333333333 80  22.505859375 79.4866071428571  17.205078125 78.4598214285714  C 11.904296875 77.4330357142857  7.71158854166667 76.0416666666667  4.626953125 74.2857142857143  C 1.54231770833333 72.5297619047619  0 70.625  0 68.5714285714286  L 0 60.9821428571429  C 3.56380208333333 63.4821428571429  8.43033854166667 65.3720238095238  14.599609375 66.6517857142857  Z M 14.599609375 49.5089285714286  C 20.7688802083333 50.7886904761905  27.40234375 51.4285714285714  34.5 51.4285714285714  C 41.59765625 51.4285714285714  48.2311197916667 50.7886904761905  54.400390625 49.5089285714286  C 60.5696614583333 48.2291666666667  65.4361979166667 46.3392857142857  69 43.8392857142857  L 69 51.4285714285714  C 69 53.4821428571429  67.4576822916667 55.3869047619048  64.373046875 57.1428571428571  C 61.2884114583333 58.8988095238095  57.095703125 60.2901785714286  51.794921875 61.3169642857143  C 46.494140625 62.34375  40.7291666666667 62.8571428571429  34.5 62.8571428571429  C 28.2708333333333 62.8571428571429  22.505859375 62.34375  17.205078125 61.3169642857143  C 11.904296875 60.2901785714286  7.71158854166667 58.8988095238095  4.626953125 57.1428571428571  C 1.54231770833333 55.3869047619048  0 53.4821428571429  0 51.4285714285714  L 0 43.8392857142857  C 3.56380208333333 46.3392857142857  8.43033854166667 48.2291666666667  14.599609375 49.5089285714286  Z M 17.205078125 1.54017857142857  C 22.505859375 0.513392857142856  28.2708333333333 0  34.5 0  C 40.7291666666667 0  46.494140625 0.513392857142856  51.794921875 1.54017857142857  C 57.095703125 2.56696428571429  61.2884114583333 3.95833333333333  64.373046875 5.71428571428571  C 67.4576822916667 7.47023809523809  69 9.375  69 11.4285714285714  L 69 17.1428571428571  C 69 19.1964285714286  67.4576822916667 21.1011904761905  64.373046875 22.8571428571429  C 61.2884114583333 24.6130952380952  57.095703125 26.0044642857143  51.794921875 27.03125  C 46.494140625 28.0580357142857  40.7291666666667 28.5714285714286  34.5 28.5714285714286  C 28.2708333333333 28.5714285714286  22.505859375 28.0580357142857  17.205078125 27.03125  C 11.904296875 26.0044642857143  7.71158854166667 24.6130952380952  4.626953125 22.8571428571429  C 1.54231770833333 21.1011904761905  0 19.1964285714286  0 17.1428571428571  L 0 11.4285714285714  C 0 9.375  1.54231770833333 7.47023809523809  4.626953125 5.71428571428571  C 7.71158854166667 3.95833333333333  11.904296875 2.56696428571429  17.205078125 1.54017857142857  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1583 780 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="69px" height="80px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1768 -780 )">
 | 
			
		||||
    <path d="M 67.5625 5.71428571428571  L 63.25 5.71428571428571  C 63.25 13.4821428571429  61.6552734375 20.3497023809524  58.4658203125 26.3169642857143  C 55.2763671875 32.2842261904762  51.2858072916667 36.8452380952381  46.494140625 40  C 51.2858072916667 43.1547619047619  55.2763671875 47.7157738095238  58.4658203125 53.6830357142857  C 61.6552734375 59.6502976190476  63.25 66.5178571428571  63.25 74.2857142857143  L 67.5625 74.2857142857143  C 67.9817708333333 74.2857142857143  68.326171875 74.4196428571429  68.595703125 74.6875  C 68.865234375 74.9553571428571  69 75.2976190476191  69 75.7142857142857  L 69 78.5714285714286  C 69 78.9880952380952  68.865234375 79.3303571428571  68.595703125 79.5982142857143  C 68.326171875 79.8660714285714  67.9817708333333 80  67.5625 80  L 1.4375 80  C 1.01822916666667 80  0.673828125 79.8660714285714  0.404296875 79.5982142857143  C 0.134765625 79.3303571428571  0 78.9880952380952  0 78.5714285714286  L 0 75.7142857142857  C 0 75.2976190476191  0.134765625 74.9553571428571  0.404296875 74.6875  C 0.673828125 74.4196428571429  1.01822916666667 74.2857142857143  1.4375 74.2857142857143  L 5.75 74.2857142857143  C 5.75 66.5178571428571  7.3447265625 59.6502976190476  10.5341796875 53.6830357142857  C 13.7236328125 47.7157738095238  17.7141927083333 43.1547619047619  22.505859375 40  C 17.7141927083333 36.8452380952381  13.7236328125 32.2842261904762  10.5341796875 26.3169642857143  C 7.3447265625 20.3497023809524  5.75 13.4821428571429  5.75 5.71428571428571  L 1.4375 5.71428571428571  C 1.01822916666667 5.71428571428571  0.673828125 5.58035714285714  0.404296875 5.3125  C 0.134765625 5.04464285714286  0 4.70238095238095  0 4.28571428571429  L 0 1.42857142857143  C 0 1.01190476190475  0.134765625 0.669642857142856  0.404296875 0.401785714285712  C 0.673828125 0.133928571428568  1.01822916666667 0  1.4375 0  L 67.5625 0  C 67.9817708333333 0  68.326171875 0.133928571428568  68.595703125 0.401785714285712  C 68.865234375 0.669642857142856  69 1.01190476190475  69 1.42857142857143  L 69 4.28571428571429  C 69 4.70238095238095  68.865234375 5.04464285714286  68.595703125 5.3125  C 68.326171875 5.58035714285714  67.9817708333333 5.71428571428571  67.5625 5.71428571428571  Z M 37.8916015625 38.3705357142857  C 38.2360026041667 37.8794642857143  38.6927083333333 37.5297619047619  39.26171875 37.3214285714286  C 41.5677083333333 36.4583333333333  43.798828125 35.0818452380952  45.955078125 33.1919642857143  C 48.111328125 31.3020833333333  50.0504557291667 29.0327380952381  51.7724609375 26.3839285714286  C 53.4944661458333 23.735119047619  54.8795572916667 20.610119047619  55.927734375 17.0089285714286  C 56.9759114583333 13.4077380952381  57.5 9.64285714285714  57.5 6  L 11.5 6  C 11.5 9.64285714285714  12.0240885416667 13.4077380952381  13.072265625 17.0089285714286  C 14.1204427083333 20.610119047619  15.5055338541667 23.735119047619  17.2275390625 26.3839285714286  C 18.9495442708333 29.0327380952381  20.888671875 31.3020833333333  23.044921875 33.1919642857143  C 25.201171875 35.0818452380952  27.4322916666667 36.4583333333333  29.73828125 37.3214285714286  C 30.3072916666667 37.5297619047619  30.7639973958333 37.8794642857143  31.1083984375 38.3705357142857  C 31.4527994791667 38.8616071428571  31.625 39.4047619047619  31.625 40  C 31.625 40.5952380952381  31.4527994791667 41.1383928571429  31.1083984375 41.6294642857143  C 30.7639973958333 42.1205357142857  30.3072916666667 42.4702380952381  29.73828125 42.6785714285714  C 25.6354166666667 44.1964285714286  21.9817708333333 47.1130952380952  18.77734375 51  L 50.22265625 51  C 47.0182291666667 47.1130952380952  43.3645833333333 44.1964285714286  39.26171875 42.6785714285714  C 38.6927083333333 42.4702380952381  38.2360026041667 42.1205357142857  37.8916015625 41.6294642857143  C 37.5472005208333 41.1383928571429  37.375 40.5952380952381  37.375 40  C 37.375 39.4047619047619  37.5472005208333 38.8616071428571  37.8916015625 38.3705357142857  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1768 780 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 54 KiB  | 
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="16px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -24 -177 )">
 | 
			
		||||
    <path d="M 21.0375 8.91477272727273  C 21.6791666666667 9.70643939393939  22 10.6136363636364  22 11.6363636363636  C 22 12.8409090909091  21.5703125 13.8693181818182  20.7109375 14.7215909090909  C 19.8515625 15.5738636363636  18.8145833333333 16  17.6 16  L 5.13333333333333 16  C 3.72013888888889 16  2.51128472222222 15.5018939393939  1.50677083333333 14.5056818181818  C 0.502256944444444 13.5094696969697  0 12.3106060606061  0 10.9090909090909  C 0 9.90909090909091  0.271180555555556 8.99431818181818  0.813541666666667 8.16477272727273  C 1.35590277777778 7.33522727272727  2.07013888888889 6.71590909090909  2.95625 6.30681818181818  C 2.94097222222222 6.09469696969697  2.93333333333333 5.93181818181818  2.93333333333333 5.81818181818182  C 2.93333333333333 4.21212121212121  3.50625 2.84090909090909  4.65208333333333 1.70454545454546  C 5.79791666666667 0.568181818181818  7.18055555555556 0  8.8 0  C 10.0069444444444 0  11.1012152777778 0.333333333333332  12.0828125 1  C 13.0644097222222 1.66666666666666  13.7805555555556 2.53787878787879  14.23125 3.61363636363636  C 14.7659722222222 3.14393939393939  15.4 2.90909090909091  16.1333333333333 2.90909090909091  C 16.9430555555556 2.90909090909091  17.634375 3.19318181818182  18.2072916666667 3.76136363636364  C 18.7802083333333 4.32954545454546  19.0666666666667 5.01515151515151  19.0666666666667 5.81818181818182  C 19.0666666666667 6.38636363636364  18.9100694444444 6.90909090909091  18.596875 7.38636363636364  C 19.5822916666667 7.61363636363636  20.3958333333333 8.12310606060606  21.0375 8.91477272727273  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 24 177 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 4.5 KiB  | 
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="80px" height="59px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1762 -480 )">
 | 
			
		||||
    <path d="M 76.5 32.8732244318182  C 78.8333333333333 35.7924952651515  80 39.1377840909091  80 42.9090909090909  C 80 47.3508522727273  78.4375 51.1431107954545  75.3125 54.2858664772727  C 72.1875 57.4286221590909  68.4166666666667 59  64 59  L 18.6666666666667 59  C 13.5277777777778 59  9.13194444444444 57.1632339015151  5.47916666666667 53.4897017045455  C 1.82638888888889 49.8161695075758  0 45.3953598484849  0 40.2272727272727  C 0 36.5397727272727  0.986111111111111 33.1665482954545  2.95833333333333 30.1075994318182  C 4.93055555555556 27.0486505681818  7.52777777777778 24.7649147727273  10.75 23.2563920454545  C 10.6944444444444 22.4741950757576  10.6666666666667 21.8735795454545  10.6666666666667 21.4545454545455  C 10.6666666666667 15.532196969697  12.75 10.4758522727273  16.9166666666667 6.28551136363637  C 21.0833333333333 2.09517045454546  26.1111111111111 0  32 0  C 36.3888888888889 0  40.3680555555556 1.22916666666666  43.9375 3.6875  C 47.5069444444445 6.14583333333333  50.1111111111111 9.35842803030303  51.75 13.3252840909091  C 53.6944444444444 11.5932765151515  56 10.7272727272727  58.6666666666667 10.7272727272727  C 61.6111111111111 10.7272727272727  64.125 11.7748579545455  66.2083333333333 13.8700284090909  C 68.2916666666667 15.9651988636364  69.3333333333333 18.4933712121212  69.3333333333333 21.4545454545455  C 69.3333333333333 23.5497159090909  68.7638888888889 25.4772727272727  67.625 27.2372159090909  C 71.2083333333333 28.0752840909091  74.1666666666667 29.9539535984848  76.5 32.8732244318182  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1762 480 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="17px" height="30px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1805 -501 )">
 | 
			
		||||
    <path d="M 16.4202130681819 8.87666112956814  C 16.7655255681819 9.99273255813951  16.9381818181819 11.1866694352159  16.9381818181819 12.4584717607974  C 16.9381818181819 13.4707225913621  16.7843607954545 14.4051079734219  16.47671875 15.2616279069767  C 16.1690767045455 16.1181478405315  15.7672585227273 16.8481364202658  15.2712642045455 17.4515936461794  C 14.7752698863636 18.055050872093  14.2259090909091 18.6260641611296  13.6231818181819 19.1646335132891  C 13.0204545454545 19.7032028654485  12.4177272727273 20.2060838870432  11.815 20.6732765780731  C 11.2122727272727 21.140469269103  10.6629119318181 21.6076619601329  10.1669176136364 22.0748546511628  C 9.67092329545453 22.5420473421927  9.26910511363641 23.070883513289  8.96146306818187 23.6613631644519  C 8.65382102272734 24.2518428156146  8.5 24.8780107973422  8.5 25.5398671096346  C 8.5 26.7857142857143  8.92065340909094 28.2392026578073  9.76196022727266 29.9003322259136  L 9.68661931818188 29.8808658637874  L 9.70545454545453 29.9003322259136  C 8.57534090909094 29.3682516611296  7.57079545454547 28.8296823089701  6.69181818181813 28.2846241694352  C 5.81284090909094 27.7395660299003  4.94328125 27.0906872923588  4.08313920454547 26.3379879568106  C 3.22299715909094 25.5852886212625  2.51039772727266 24.7904121677741  1.94534090909094 23.9533585963455  C 1.38028409090906 23.116305024917  0.925099431818126 22.139742524917  0.579786931818126 21.0236710963455  C 0.234474431818126 19.9075996677741  0.0618181818181256 18.7136627906977  0.0618181818181256 17.4418604651163  C 0.0618181818181256 16.4296096345515  0.215639204545469 15.4952242524917  0.52328125 14.6387043189369  C 0.830923295454531 13.7821843853821  1.23274147727266 13.0521958056478  1.72873579545453 12.4487385797342  C 2.22473011363641 11.8452813538206  2.77409090909094 11.2742680647841  3.37681818181813 10.7356987126246  C 3.97954545454547 10.1971293604651  4.58227272727266 9.69424833887047  5.185 9.22705564784054  C 5.78772727272734 8.75986295681062  6.33708806818187 8.2926702657807  6.83308238636359 7.82547757475085  C 7.32907670454547 7.35828488372093  7.73089488636359 6.82944871262455  8.03853693181813 6.23896906146178  C 8.34617897727266 5.64848941029902  8.5 5.0223214285714  8.5 4.36046511627907  C 8.5 3.14057308970098  8.085625 1.68708471760793  7.256875 0  L 7.31338068181813 0.0194663621262798  L 7.29454545454547 0  C 8.42465909090906 0.532080564784083  9.42920454545453 1.07064991694349  10.3081818181819 1.61570805647837  C 11.1871590909091 2.16076619601325  12.05671875 2.80964493355478  12.9168607954545 3.56234426910302  C 13.7770028409091 4.31504360465119  14.4896022727273 5.10992005813953  15.0546590909091 5.94697362956814  C 15.6197159090909 6.78402720099667  16.0749005681819 7.76058970099669  16.4202130681819 8.87666112956814  Z " fill-rule="nonzero" fill="#3cb6cc" stroke="none" transform="matrix(1 0 0 1 1805 501 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="17px" height="30px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1780 -501 )">
 | 
			
		||||
    <path d="M 0.579786931818126 8.87666112956814  C 0.234474431818125 9.99273255813951  0.0618181818181256 11.1866694352159  0.0618181818181256 12.4584717607974  C 0.0618181818181256 13.4707225913621  0.215639204545468 14.4051079734219  0.52328125 15.2616279069767  C 0.830923295454531 16.1181478405315  1.23274147727266 16.8481364202658  1.72873579545453 17.4515936461794  C 2.22473011363641 18.055050872093  2.77409090909094 18.6260641611296  3.37681818181812 19.1646335132891  C 3.97954545454547 19.7032028654485  4.58227272727266 20.2060838870432  5.185 20.6732765780731  C 5.78772727272734 21.140469269103  6.33708806818188 21.6076619601329  6.83308238636359 22.0748546511628  C 7.32907670454547 22.5420473421927  7.73089488636359 23.070883513289  8.03853693181813 23.6613631644519  C 8.34617897727266 24.2518428156146  8.5 24.8780107973422  8.5 25.5398671096346  C 8.5 26.7857142857143  8.07934659090906 28.2392026578073  7.23803977272734 29.9003322259136  L 7.31338068181813 29.8808658637874  L 7.29454545454547 29.9003322259136  C 8.42465909090906 29.3682516611296  9.42920454545453 28.8296823089701  10.3081818181819 28.2846241694352  C 11.1871590909091 27.7395660299003  12.05671875 27.0906872923588  12.9168607954545 26.3379879568106  C 13.7770028409091 25.5852886212625  14.4896022727273 24.7904121677741  15.0546590909091 23.9533585963455  C 15.6197159090909 23.116305024917  16.0749005681819 22.139742524917  16.4202130681819 21.0236710963455  C 16.7655255681819 19.9075996677741  16.9381818181819 18.7136627906977  16.9381818181819 17.4418604651163  C 16.9381818181819 16.4296096345515  16.7843607954545 15.4952242524917  16.47671875 14.6387043189369  C 16.1690767045455 13.7821843853821  15.7672585227273 13.0521958056478  15.2712642045455 12.4487385797342  C 14.7752698863636 11.8452813538206  14.2259090909091 11.2742680647841  13.6231818181819 10.7356987126246  C 13.0204545454545 10.1971293604651  12.4177272727273 9.69424833887047  11.815 9.22705564784054  C 11.2122727272727 8.75986295681062  10.6629119318181 8.2926702657807  10.1669176136364 7.82547757475085  C 9.67092329545453 7.35828488372093  9.26910511363641 6.82944871262455  8.96146306818187 6.23896906146178  C 8.65382102272734 5.64848941029902  8.5 5.0223214285714  8.5 4.36046511627907  C 8.5 3.14057308970098  8.914375 1.68708471760793  9.743125 0  L 9.68661931818188 0.0194663621262798  L 9.70545454545453 0  C 8.57534090909094 0.532080564784083  7.57079545454547 1.07064991694349  6.69181818181813 1.61570805647837  C 5.81284090909094 2.16076619601325  4.94328125 2.80964493355478  4.08313920454547 3.56234426910302  C 3.22299715909094 4.31504360465119  2.51039772727266 5.10992005813953  1.94534090909094 5.94697362956814  C 1.38028409090906 6.78402720099667  0.925099431818126 7.76058970099669  0.579786931818126 8.87666112956814  Z " fill-rule="nonzero" fill="#3cb6cc" stroke="none" transform="matrix(1 0 0 1 1780 501 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -26 -316 )">
 | 
			
		||||
    <path d="M 16.1484375 13.98046875  C 16.2421875 13.88671875  16.328125 13.7265625  16.40625 13.5  L 13.5 13.5  L 13.5 16.40625  C 13.7265625 16.328125  13.88671875 16.2421875  13.98046875 16.1484375  L 16.1484375 13.98046875  Z M 12.328125 12.328125  C 12.546875 12.109375  12.8125 12  13.125 12  L 16.5 12  L 16.5 1.5  L 1.5 1.5  L 1.5 16.5  L 12 16.5  L 12 13.125  C 12 12.8125  12.109375 12.546875  12.328125 12.328125  Z M 17.671875 0.328124999999999  C 17.890625 0.546874999999998  18 0.812499999999999  18 1.125  L 18 13.125  C 18 13.4375  17.921875 13.78125  17.765625 14.15625  C 17.609375 14.53125  17.421875 14.828125  17.203125 15.046875  L 15.046875 17.203125  C 14.828125 17.421875  14.53125 17.609375  14.15625 17.765625  C 13.78125 17.921875  13.4375 18  13.125 18  L 1.125 18  C 0.8125 18  0.546875 17.890625  0.328125 17.671875  C 0.109375 17.453125  0 17.1875  0 16.875  L 0 1.125  C 0 0.812499999999999  0.109375 0.546874999999998  0.328125 0.328124999999999  C 0.546875 0.109374999999999  0.8125 0  1.125 0  L 16.875 0  C 17.1875 0  17.453125 0.109374999999999  17.671875 0.328124999999999  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 26 316 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 121 KiB  | 
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="18px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -25 -1207 )">
 | 
			
		||||
    <path d="M 17.9814126394052 10.2837100545596  C 17.9900867410161 10.3024162120031  17.9944237918216 10.3304754481684  17.9944237918216 10.3678877630553  L 17.9944237918216 17.1021044427124  C 17.9944237918216 17.3452844894778  17.912019826518 17.5557287607171  17.7472118959108 17.7334372564302  C 17.5824039653036 17.9111457521434  17.3872366790582 18  17.1617100371747 18  L 12.1654275092937 18  L 12.1654275092937 12.6126266562744  L 8.83457249070632 12.6126266562744  L 8.83457249070632 18  L 3.83828996282528 18  C 3.61276332094176 18  3.41759603469641 17.9111457521434  3.25278810408922 17.7334372564302  C 3.08798017348203 17.5557287607171  3.00557620817844 17.3452844894778  3.00557620817844 17.1021044427124  L 3.00557620817844 10.3678877630553  C 3.00557620817844 10.3585346843336  3.00774473358116 10.344505066251  3.01208178438662 10.3257989088075  C 3.01641883519207 10.307092751364  3.0185873605948 10.2930631332814  3.0185873605948 10.2837100545596  L 10.5 3.63367108339829  L 17.9814126394052 10.2837100545596  Z M 20.9869888475836 9.0701480904131  C 20.9956629491946 9.19641465315666  20.9653035935564 9.30631332813718  20.8959107806691 9.39984411535464  L 20.089219330855 10.4380358534684  C 20.0198265179678 10.5222135619641  19.9287484510533 10.5736554949337  19.8159851301115 10.5923616523772  L 19.7769516728625 10.5923616523772  C 19.6641883519207 10.5923616523772  19.5731102850062 10.5596258768511  19.503717472119 10.4941543257989  L 10.5 2.39906469212783  L 1.49628252788104 10.4941543257989  C 1.39219330855019 10.5689789555729  1.28810408921933 10.601714731099  1.18401486988848 10.5923616523772  C 1.07125154894672 10.5736554949337  0.980173482032218 10.5222135619641  0.910780669144981 10.4380358534684  L 0.104089219330855 9.39984411535464  C 0.0346964064436184 9.30631332813718  0.00433705080545232 9.19641465315666  0.0130111524163569 9.0701480904131  C 0.0216852540272615 8.94388152766953  0.0693928128872367 8.84333593141076  0.156133828996283 8.76851130163679  L 9.51115241635688 0.364770070148091  C 9.78872366790582 0.121590023382695  10.1183395291202 0  10.5 0  C 10.8816604708798 0  11.2112763320942 0.121590023382695  11.4888475836431 0.364770070148091  L 14.6635687732342 3.22681215900234  L 14.6635687732342 0.491036632891659  C 14.6635687732342 0.360093530787216  14.7026022304833 0.252533125487139  14.7806691449814 0.168355416991427  C 14.8587360594796 0.0841777084957136  14.958488228005 0.0420888542478568  15.0799256505576 0.0420888542478568  L 17.5780669144981 0.0420888542478568  C 17.6995043370508 0.0420888542478568  17.7992565055762 0.0841777084957136  17.8773234200743 0.168355416991427  C 17.9553903345725 0.252533125487139  17.9944237918216 0.360093530787216  17.9944237918216 0.491036632891659  L 17.9944237918216 6.21512081060016  L 20.8438661710037 8.76851130163679  C 20.9306071871128 8.84333593141076  20.9783147459727 8.94388152766953  20.9869888475836 9.0701480904131  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 25 1207 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="16px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -24 -1278 )">
 | 
			
		||||
    <path d="M 21.0375 8.91477272727273  C 21.6791666666667 9.70643939393939  22 10.6136363636364  22 11.6363636363636  C 22 12.8409090909091  21.5703125 13.8693181818182  20.7109375 14.7215909090909  C 19.8515625 15.5738636363636  18.8145833333333 16  17.6 16  L 5.13333333333333 16  C 3.72013888888889 16  2.51128472222222 15.5018939393939  1.50677083333333 14.5056818181818  C 0.502256944444444 13.5094696969697  0 12.3106060606061  0 10.9090909090909  C 0 9.90909090909091  0.271180555555556 8.99431818181818  0.813541666666667 8.16477272727273  C 1.35590277777778 7.33522727272727  2.07013888888889 6.71590909090909  2.95625 6.30681818181818  C 2.94097222222222 6.09469696969697  2.93333333333333 5.93181818181818  2.93333333333333 5.81818181818182  C 2.93333333333333 4.21212121212121  3.50625 2.84090909090909  4.65208333333333 1.70454545454546  C 5.79791666666667 0.568181818181818  7.18055555555556 0  8.8 0  C 10.0069444444444 0  11.1012152777778 0.333333333333332  12.0828125 1  C 13.0644097222222 1.66666666666666  13.7805555555556 2.53787878787879  14.23125 3.61363636363636  C 14.7659722222222 3.14393939393939  15.4 2.90909090909091  16.1333333333333 2.90909090909091  C 16.9430555555556 2.90909090909091  17.634375 3.19318181818182  18.2072916666667 3.76136363636364  C 18.7802083333333 4.32954545454546  19.0666666666667 5.01515151515151  19.0666666666667 5.81818181818182  C 19.0666666666667 6.38636363636364  18.9100694444444 6.90909090909091  18.596875 7.38636363636364  C 19.5822916666667 7.61363636363636  20.3958333333333 8.12310606060606  21.0375 8.91477272727273  Z " fill-rule="nonzero" fill="#3cb6cc" stroke="none" transform="matrix(1 0 0 1 24 1278 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 2.6 KiB  | 
| 
		 After Width: | Height: | Size: 220 KiB  | 
| 
		 After Width: | Height: | Size: 50 KiB  | 
| 
		 After Width: | Height: | Size: 1.7 KiB  | 
| 
		 After Width: | Height: | Size: 88 KiB  | 
| 
		 After Width: | Height: | Size: 60 KiB  | 
| 
		 After Width: | Height: | Size: 328 KiB  | 
| 
		 After Width: | Height: | Size: 53 KiB  | 
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="28px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1680 -21 )">
 | 
			
		||||
    <path d="M 8.5625 1.109375  C 10.2916666666667 0.369791666666667  12.1041666666667 0  14 0  C 15.8958333333333 0  17.7083333333333 0.369791666666667  19.4375 1.109375  C 21.1666666666667 1.84895833333333  22.65625 2.84375  23.90625 4.09375  C 25.15625 5.34375  26.1510416666667 6.83333333333333  26.890625 8.5625  C 27.6302083333333 10.2916666666667  28 12.1041666666667  28 14  C 28 15.8854166666667  27.6328125 17.6927083333333  26.8984375 19.421875  C 26.1640625 21.1510416666667  25.171875 22.640625  23.921875 23.890625  C 22.671875 25.140625  21.1822916666667 26.1380208333333  19.453125 26.8828125  C 17.7239583333333 27.6276041666667  15.90625 28  14 28  C 12.09375 28  10.2760416666667 27.6302083333333  8.546875 26.890625  C 6.81770833333333 26.1510416666667  5.33072916666667 25.1536458333333  4.0859375 23.8984375  C 2.84114583333333 22.6432291666667  1.84895833333333 21.1536458333333  1.109375 19.4296875  C 0.369791666666667 17.7057291666667  0 15.8958333333333  0 14  C 0 12.1041666666667  0.369791666666667 10.2916666666667  1.109375 8.5625  C 1.84895833333333 6.83333333333333  2.84375 5.34375  4.09375 4.09375  C 5.34375 2.84375  6.83333333333333 1.84895833333333  8.5625 1.109375  Z M 18.890625 16  C 21.390625 16  22.984375 17.703125  23.671875 21.109375  C 25.2239583333333 18.9739583333333  26 16.6041666666667  26 14  C 26 12.375  25.6822916666667 10.8229166666667  25.046875 9.34375  C 24.4114583333333 7.86458333333333  23.5572916666667 6.58854166666666  22.484375 5.515625  C 21.4114583333333 4.44270833333333  20.1354166666667 3.58854166666667  18.65625 2.953125  C 17.1770833333333 2.31770833333333  15.625 2  14 2  C 12.375 2  10.8229166666667 2.31770833333333  9.34375 2.953125  C 7.86458333333333 3.58854166666667  6.58854166666667 4.44270833333333  5.515625 5.515625  C 4.44270833333333 6.58854166666666  3.58854166666667 7.86458333333333  2.953125 9.34375  C 2.31770833333333 10.8229166666667  2 12.375  2 14  C 2 16.6041666666667  2.77604166666667 18.9739583333333  4.328125 21.109375  C 5.015625 17.703125  6.609375 16  9.109375 16  C 10.4739583333333 17.3333333333333  12.1041666666667 18  14 18  C 15.8958333333333 18  17.5260416666667 17.3333333333333  18.890625 16  Z M 18.2421875 15.2421875  C 19.4140625 14.0703125  20 12.65625  20 11  C 20 9.34375  19.4140625 7.9296875  18.2421875 6.7578125  C 17.0703125 5.5859375  15.65625 5  14 5  C 12.34375 5  10.9296875 5.5859375  9.7578125 6.7578125  C 8.5859375 7.9296875  8 9.34375  8 11  C 8 12.65625  8.5859375 14.0703125  9.7578125 15.2421875  C 10.9296875 16.4140625  12.34375 17  14 17  C 15.65625 17  17.0703125 16.4140625  18.2421875 15.2421875  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 1680 21 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="24px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1780 -23 )">
 | 
			
		||||
    <path d="M 23.9752168525403 13.7116134060795  C 23.9867823213548 13.7365549493375  23.9925650557621 13.7739672642245  23.9925650557621 13.8238503507405  L 23.9925650557621 22.8028059236165  C 23.9925650557621 23.1270459859704  23.882693102024 23.4076383476228  23.6629491945477 23.6445830085737  C 23.4432052870715 23.8815276695246  23.1829822387443 24  22.8822800495663 24  L 16.2205700123916 24  L 16.2205700123916 16.8168355416991  L 11.7794299876084 16.8168355416991  L 11.7794299876084 24  L 5.11771995043371 24  C 4.81701776125568 24  4.55679471292854 23.8815276695246  4.33705080545229 23.6445830085737  C 4.11730689797604 23.4076383476228  4.00743494423792 23.1270459859704  4.00743494423792 22.8028059236165  L 4.00743494423792 13.8238503507405  C 4.00743494423792 13.8113795791115  4.01032631144155 13.792673421668  4.01610904584882 13.76773187841  C 4.02189178025609 13.742790335152  4.02478314745973 13.7240841777085  4.02478314745973 13.7116134060795  L 14 4.84489477786438  L 23.9752168525403 13.7116134060795  Z M 27.9826517967782 12.0935307872175  C 27.9942172655927 12.2618862042089  27.9537381247418 12.4084177708496  27.8612143742255 12.5331254871395  L 26.7856257744734 13.9173811379579  C 26.693102023957 14.0296180826189  26.5716646014044 14.0982073265783  26.4213135068154 14.1231488698363  L 26.3692688971499 14.1231488698363  C 26.2189178025609 14.1231488698363  26.0974803800083 14.0795011691348  26.0049566294919 13.9922057677319  L 14 3.1987529228371  L 1.99504337050805 13.9922057677319  C 1.85625774473358 14.0919719407638  1.71747211895911 14.1356196414653  1.57868649318463 14.1231488698363  C 1.42833539859562 14.0982073265783  1.30689797604296 14.0296180826189  1.21437422552664 13.9173811379579  L 0.138785625774473 12.5331254871395  C 0.0462618752581578 12.4084177708496  0.00578273440726976 12.2618862042089  0.0173482032218092 12.0935307872175  C 0.0289136720363487 11.925175370226  0.0925237505163156 11.7911145752143  0.20817843866171 11.6913484021824  L 12.6815365551425 0.486360093530788  C 13.0516315572078 0.162120031176927  13.4911193721603 0  14 0  C 14.5088806278397 0  14.9483684427922 0.162120031176927  15.3184634448575 0.486360093530788  L 19.5514250309789 4.30241621200312  L 19.5514250309789 0.654715510522212  C 19.5514250309789 0.480124707716287  19.6034696406444 0.336710833982852  19.7075588599752 0.224473889321903  C 19.8116480793061 0.112236944660951  19.9446509706733 0.0561184723304757  20.1065675340768 0.0561184723304757  L 23.4374225526642 0.0561184723304757  C 23.5993391160677 0.0561184723304757  23.7323420074349 0.112236944660951  23.8364312267658 0.224473889321903  C 23.9405204460967 0.336710833982852  23.9925650557621 0.480124707716287  23.9925650557621 0.654715510522212  L 23.9925650557621 8.28682774746687  L 27.7918215613383 11.6913484021824  C 27.9074762494837 11.7911145752143  27.9710863279637 11.925175370226  27.9826517967782 12.0935307872175  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 1780 23 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="26px" height="28px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -1870 -21 )">
 | 
			
		||||
    <path d="M 24.6373697916667 9.30528846153846  C 25.5457899305556 11.1113782051282  26 13.0352564102564  26 15.0769230769231  C 26 16.8269230769231  25.6558159722222 18.4983974358974  24.9674479166667 20.0913461538462  C 24.2790798611111 21.6842948717949  23.3537326388889 23.0584935897436  22.19140625 24.2139423076923  C 21.0290798611111 25.369391025641  19.6467013888889 26.2892628205128  18.0442708333333 26.9735576923077  C 16.4418402777778 27.6578525641026  14.7604166666667 28  13 28  C 11.2395833333333 28  9.55815972222222 27.6578525641026  7.95572916666667 26.9735576923077  C 6.35329861111111 26.2892628205128  4.97092013888889 25.369391025641  3.80859375 24.2139423076923  C 2.64626736111111 23.0584935897436  1.72092013888889 21.6842948717949  1.03255208333333 20.0913461538462  C 0.344184027777778 18.4983974358974  0 16.8269230769231  0 15.0769230769231  C 0 13.0352564102564  0.454210069444445 11.1113782051282  1.36263020833333 9.30528846153846  C 2.27105034722222 7.49919871794872  3.54904513888889 5.98477564102564  5.19661458333333 4.76201923076923  C 5.68185763888889 4.40304487179487  6.220703125 4.26282051282051  6.81315104166667 4.34134615384615  C 7.40559895833333 4.41987179487179  7.87673611111111 4.70032051282051  8.2265625 5.18269230769231  C 8.58767361111111 5.65384615384615  8.72591145833333 6.18389423076923  8.64127604166667 6.77283653846154  C 8.556640625 7.36177884615385  8.27734375 7.83573717948718  7.80338541666667 8.19471153846154  C 6.69748263888889 9.02483974358974  5.84266493055556 10.0400641025641  5.23893229166667 11.2403846153846  C 4.63519965277778 12.4407051282051  4.33333333333333 13.7195512820513  4.33333333333333 15.0769230769231  C 4.33333333333333 16.2435897435897  4.56184895833333 17.3569711538462  5.01888020833333 18.4170673076923  C 5.47591145833333 19.4771634615385  6.09375 20.3942307692308  6.87239583333333 21.1682692307692  C 7.65104166666667 21.9423076923077  8.57356770833333 22.5564903846154  9.63997395833333 23.0108173076923  C 10.7063802083333 23.4651442307692  11.8263888888889 23.6923076923077  13 23.6923076923077  C 14.1736111111111 23.6923076923077  15.2936197916667 23.4651442307692  16.3600260416667 23.0108173076923  C 17.4264322916667 22.5564903846154  18.3489583333333 21.9423076923077  19.1276041666667 21.1682692307692  C 19.90625 20.3942307692308  20.5240885416667 19.4771634615385  20.9811197916667 18.4170673076923  C 21.4381510416667 17.3569711538462  21.6666666666667 16.2435897435897  21.6666666666667 15.0769230769231  C 21.6666666666667 13.7195512820513  21.3648003472222 12.4407051282051  20.7610677083333 11.2403846153846  C 20.1573350694444 10.0400641025641  19.3025173611111 9.02483974358974  18.1966145833333 8.19471153846154  C 17.72265625 7.83573717948718  17.443359375 7.36177884615385  17.3587239583333 6.77283653846154  C 17.2740885416667 6.18389423076923  17.4123263888889 5.65384615384615  17.7734375 5.18269230769231  C 18.1232638888889 4.70032051282051  18.5972222222222 4.41987179487179  19.1953125 4.34134615384615  C 19.7934027777778 4.26282051282051  20.3294270833333 4.40304487179487  20.8033854166667 4.76201923076923  C 22.4509548611111 5.98477564102564  23.7289496527778 7.49919871794872  24.6373697916667 9.30528846153846  Z M 14.5234375 0.639423076923076  C 14.9522569444444 1.06570512820513  15.1666666666667 1.57051282051282  15 2.15384615384615  L 15 12.9230769230769  C 15.1666666666667 13.5064102564103  14.9522569444444 14.0112179487179  14.5234375 14.4375  C 14.0946180555556 14.863782051282  13.5868055555556 15.0769230769231  13 15.0769230769231  C 12.4131944444444 15.0769230769231  11.9053819444444 14.863782051282  11.4765625 14.4375  C 11.0477430555556 14.0112179487179  10.8333333333333 13.5064102564103  11 12.9230769230769  L 11 2.15384615384615  C 10.8333333333333 1.57051282051282  11.0477430555556 1.06570512820513  11.4765625 0.639423076923076  C 11.9053819444444 0.213141025641026  12.4131944444444 0  13 0  C 13.5868055555556 0  14.0946180555556 0.213141025641026  14.5234375 0.639423076923076  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 1870 21 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="171px" height="104px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -324 -277 )">
 | 
			
		||||
    <path d="M 409.5 277  C 457.38 277  495 299.88  495 329  C 495 358.12  457.38 381  409.5 381  C 361.62 381  324 358.12  324 329  C 324 299.88  361.62 277  409.5 277  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0.298039215686275" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="18px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -25 -106 )">
 | 
			
		||||
    <path d="M 17.9814126394052 10.2837100545596  C 17.9900867410161 10.3024162120031  17.9944237918216 10.3304754481684  17.9944237918216 10.3678877630553  L 17.9944237918216 17.1021044427124  C 17.9944237918216 17.3452844894778  17.912019826518 17.5557287607171  17.7472118959108 17.7334372564302  C 17.5824039653036 17.9111457521434  17.3872366790582 18  17.1617100371747 18  L 12.1654275092937 18  L 12.1654275092937 12.6126266562744  L 8.83457249070632 12.6126266562744  L 8.83457249070632 18  L 3.83828996282528 18  C 3.61276332094176 18  3.41759603469641 17.9111457521434  3.25278810408922 17.7334372564302  C 3.08798017348203 17.5557287607171  3.00557620817844 17.3452844894778  3.00557620817844 17.1021044427124  L 3.00557620817844 10.3678877630553  C 3.00557620817844 10.3585346843336  3.00774473358116 10.344505066251  3.01208178438662 10.3257989088075  C 3.01641883519207 10.307092751364  3.0185873605948 10.2930631332814  3.0185873605948 10.2837100545596  L 10.5 3.63367108339829  L 17.9814126394052 10.2837100545596  Z M 20.9869888475836 9.0701480904131  C 20.9956629491946 9.19641465315666  20.9653035935564 9.30631332813718  20.8959107806691 9.39984411535464  L 20.089219330855 10.4380358534684  C 20.0198265179678 10.5222135619641  19.9287484510533 10.5736554949337  19.8159851301115 10.5923616523772  L 19.7769516728625 10.5923616523772  C 19.6641883519207 10.5923616523772  19.5731102850062 10.5596258768511  19.503717472119 10.4941543257989  L 10.5 2.39906469212783  L 1.49628252788104 10.4941543257989  C 1.39219330855019 10.5689789555729  1.28810408921933 10.601714731099  1.18401486988848 10.5923616523772  C 1.07125154894672 10.5736554949337  0.980173482032218 10.5222135619641  0.910780669144981 10.4380358534684  L 0.104089219330855 9.39984411535464  C 0.0346964064436184 9.30631332813718  0.00433705080545232 9.19641465315666  0.0130111524163569 9.0701480904131  C 0.0216852540272615 8.94388152766953  0.0693928128872367 8.84333593141076  0.156133828996283 8.76851130163679  L 9.51115241635688 0.364770070148091  C 9.78872366790582 0.121590023382695  10.1183395291202 0  10.5 0  C 10.8816604708798 0  11.2112763320942 0.121590023382695  11.4888475836431 0.364770070148091  L 14.6635687732342 3.22681215900234  L 14.6635687732342 0.491036632891659  C 14.6635687732342 0.360093530787216  14.7026022304833 0.252533125487139  14.7806691449814 0.168355416991427  C 14.8587360594796 0.0841777084957136  14.958488228005 0.0420888542478568  15.0799256505576 0.0420888542478568  L 17.5780669144981 0.0420888542478568  C 17.6995043370508 0.0420888542478568  17.7992565055762 0.0841777084957136  17.8773234200743 0.168355416991427  C 17.9553903345725 0.252533125487139  17.9944237918216 0.360093530787216  17.9944237918216 0.491036632891659  L 17.9944237918216 6.21512081060016  L 20.8438661710037 8.76851130163679  C 20.9306071871128 8.84333593141076  20.9783147459727 8.94388152766953  20.9869888475836 9.0701480904131  Z " fill-rule="nonzero" fill="#21acc5" stroke="none" transform="matrix(1 0 0 1 25 106 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="18px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -175 -106 )">
 | 
			
		||||
    <path d="M 9.67013888888889 8.208984375  C 9.8900462962963 8.431640625  10 8.6953125  10 9  C 10 9.3046875  9.8900462962963 9.568359375  9.67013888888889 9.791015625  L 1.89236111111111 17.666015625  C 1.6724537037037 17.888671875  1.41203703703704 18  1.11111111111111 18  C 0.810185185185185 18  0.549768518518518 17.888671875  0.329861111111111 17.666015625  C 0.109953703703704 17.443359375  0 17.1796875  0 16.875  L 0 1.125  C 0 0.820312499999997  0.109953703703704 0.556640624999997  0.329861111111111 0.333984375  C 0.549768518518518 0.111328124999999  0.810185185185185 0  1.11111111111111 0  C 1.41203703703704 0  1.6724537037037 0.111328124999999  1.89236111111111 0.333984375  L 9.67013888888889 8.208984375  Z " fill-rule="nonzero" fill="#21acc5" stroke="none" transform="matrix(1 0 0 1 175 106 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -26 -176 )">
 | 
			
		||||
    <path d="M 12.708984375 12.708984375  C 13.337890625 12.080078125  13.77734375 11.34375  14.02734375 10.5  L 12.75 10.5  C 12.546875 10.5  12.37109375 10.42578125  12.22265625 10.27734375  C 12.07421875 10.12890625  12 9.953125  12 9.75  L 12 8.25  C 12 8.046875  12.07421875 7.87109375  12.22265625 7.72265625  C 12.37109375 7.57421875  12.546875 7.5  12.75 7.5  L 14.02734375 7.5  C 13.77734375 6.65625  13.337890625 5.919921875  12.708984375 5.291015625  C 12.080078125 4.662109375  11.34375 4.22265625  10.5 3.97265625  L 10.5 5.25  C 10.5 5.453125  10.42578125 5.62890625  10.27734375 5.77734375  C 10.12890625 5.92578125  9.953125 6  9.75 6  L 8.25 6  C 8.046875 6  7.87109375 5.92578125  7.72265625 5.77734375  C 7.57421875 5.62890625  7.5 5.453125  7.5 5.25  L 7.5 3.97265625  C 6.65625 4.22265625  5.919921875 4.662109375  5.291015625 5.291015625  C 4.662109375 5.919921875  4.22265625 6.65625  3.97265625 7.5  L 5.25 7.5  C 5.453125 7.5  5.62890625 7.57421875  5.77734375 7.72265625  C 5.92578125 7.87109375  6 8.046875  6 8.25  L 6 9.75  C 6 9.953125  5.92578125 10.12890625  5.77734375 10.27734375  C 5.62890625 10.42578125  5.453125 10.5  5.25 10.5  L 3.97265625 10.5  C 4.22265625 11.34375  4.662109375 12.080078125  5.291015625 12.708984375  C 5.919921875 13.337890625  6.65625 13.77734375  7.5 14.02734375  L 7.5 12.75  C 7.5 12.546875  7.57421875 12.37109375  7.72265625 12.22265625  C 7.87109375 12.07421875  8.046875 12  8.25 12  L 9.75 12  C 9.953125 12  10.12890625 12.07421875  10.27734375 12.22265625  C 10.42578125 12.37109375  10.5 12.546875  10.5 12.75  L 10.5 14.02734375  C 11.34375 13.77734375  12.080078125 13.337890625  12.708984375 12.708984375  Z M 17.77734375 7.72265625  C 17.92578125 7.87109375  18 8.046875  18 8.25  L 18 9.75  C 18 9.953125  17.92578125 10.12890625  17.77734375 10.27734375  C 17.62890625 10.42578125  17.453125 10.5  17.25 10.5  L 15.57421875 10.5  C 15.28515625 11.7578125  14.681640625 12.845703125  13.763671875 13.763671875  C 12.845703125 14.681640625  11.7578125 15.28515625  10.5 15.57421875  L 10.5 17.25  C 10.5 17.453125  10.42578125 17.62890625  10.27734375 17.77734375  C 10.12890625 17.92578125  9.953125 18  9.75 18  L 8.25 18  C 8.046875 18  7.87109375 17.92578125  7.72265625 17.77734375  C 7.57421875 17.62890625  7.5 17.453125  7.5 17.25  L 7.5 15.57421875  C 6.2421875 15.28515625  5.154296875 14.681640625  4.236328125 13.763671875  C 3.318359375 12.845703125  2.71484375 11.7578125  2.42578125 10.5  L 0.75 10.5  C 0.546875 10.5  0.37109375 10.42578125  0.22265625 10.27734375  C 0.07421875 10.12890625  0 9.953125  0 9.75  L 0 8.25  C 0 8.046875  0.07421875 7.87109375  0.22265625 7.72265625  C 0.37109375 7.57421875  0.546875 7.5  0.75 7.5  L 2.42578125 7.5  C 2.71484375 6.2421875  3.318359375 5.154296875  4.236328125 4.236328125  C 5.154296875 3.318359375  6.2421875 2.71484375  7.5 2.42578125  L 7.5 0.749999999999999  C 7.5 0.546874999999998  7.57421875 0.371093749999998  7.72265625 0.222656249999999  C 7.87109375 0.0742187499999991  8.046875 0  8.25 0  L 9.75 0  C 9.953125 0  10.12890625 0.0742187499999991  10.27734375 0.222656249999999  C 10.42578125 0.371093749999998  10.5 0.546874999999998  10.5 0.749999999999999  L 10.5 2.42578125  C 11.7578125 2.71484375  12.845703125 3.318359375  13.763671875 4.236328125  C 14.681640625 5.154296875  15.28515625 6.2421875  15.57421875 7.5  L 17.25 7.5  C 17.453125 7.5  17.62890625 7.57421875  17.77734375 7.72265625  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 26 176 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="18px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -24 -246 )">
 | 
			
		||||
    <path d="M 4.5 9  L 7.5 9  L 7.5 15  L 4.5 15  L 4.5 9  Z M 9 3  L 12 3  L 12 15  L 9 15  L 9 3  Z M 1.5 16.5  L 24 16.5  L 24 18  L 0 18  L 0 0  L 1.5 0  L 1.5 16.5  Z M 13.5 6  L 16.5 6  L 16.5 15  L 13.5 15  L 13.5 6  Z M 18 1.5  L 21 1.5  L 21 15  L 18 15  L 18 1.5  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 24 246 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -26 -316 )">
 | 
			
		||||
    <path d="M 17.28515625 5.5078125  C 17.76171875 6.6171875  18 7.78125  18 9  C 18 10.21875  17.76171875 11.3828125  17.28515625 12.4921875  C 16.80859375 13.6015625  16.16796875 14.55859375  15.36328125 15.36328125  C 14.55859375 16.16796875  13.6015625 16.80859375  12.4921875 17.28515625  C 11.3828125 17.76171875  10.21875 18  9 18  C 7.65625 18  6.37890625 17.716796875  5.16796875 17.150390625  C 3.95703125 16.583984375  2.92578125 15.78515625  2.07421875 14.75390625  C 2.01953125 14.67578125  1.994140625 14.587890625  1.998046875 14.490234375  C 2.001953125 14.392578125  2.03515625 14.3125  2.09765625 14.25  L 3.703125 12.6328125  C 3.78125 12.5625  3.87890625 12.52734375  3.99609375 12.52734375  C 4.12109375 12.54296875  4.2109375 12.58984375  4.265625 12.66796875  C 4.8359375 13.41015625  5.53515625 13.984375  6.36328125 14.390625  C 7.19140625 14.796875  8.0703125 15  9 15  C 9.8125 15  10.587890625 14.841796875  11.326171875 14.525390625  C 12.064453125 14.208984375  12.703125 13.78125  13.2421875 13.2421875  C 13.78125 12.703125  14.208984375 12.064453125  14.525390625 11.326171875  C 14.841796875 10.587890625  15 9.8125  15 9  C 15 8.1875  14.841796875 7.412109375  14.525390625 6.673828125  C 14.208984375 5.935546875  13.78125 5.296875  13.2421875 4.7578125  C 12.703125 4.21875  12.064453125 3.791015625  11.326171875 3.474609375  C 10.587890625 3.158203125  9.8125 3  9 3  C 8.234375 3  7.5 3.138671875  6.796875 3.416015625  C 6.09375 3.693359375  5.46875 4.08984375  4.921875 4.60546875  L 6.52734375 6.22265625  C 6.76953125 6.45703125  6.82421875 6.7265625  6.69140625 7.03125  C 6.55859375 7.34375  6.328125 7.5  6 7.5  L 0.75 7.5  C 0.546875 7.5  0.37109375 7.42578125  0.22265625 7.27734375  C 0.07421875 7.12890625  0 6.953125  0 6.75  L 0 1.5  C 0 1.171875  0.15625 0.94140625  0.46875 0.80859375  C 0.7734375 0.675781249999998  1.04296875 0.73046875  1.27734375 0.972656250000001  L 2.80078125 2.484375  C 3.63671875 1.6953125  4.591796875 1.083984375  5.666015625 0.650390625  C 6.740234375 0.216796875000001  7.8515625 0  9 0  C 10.21875 0  11.3828125 0.23828125  12.4921875 0.714843749999999  C 13.6015625 1.19140625  14.55859375 1.83203125  15.36328125 2.63671875  C 16.16796875 3.44140625  16.80859375 4.3984375  17.28515625 5.5078125  Z M 10.39453125 5.35546875  C 10.46484375 5.42578125  10.5 5.515625  10.5 5.625  L 10.5 10.875  C 10.5 10.984375  10.46484375 11.07421875  10.39453125 11.14453125  C 10.32421875 11.21484375  10.234375 11.25  10.125 11.25  L 6.375 11.25  C 6.265625 11.25  6.17578125 11.21484375  6.10546875 11.14453125  C 6.03515625 11.07421875  6 10.984375  6 10.875  L 6 10.125  C 6 10.015625  6.03515625 9.92578125  6.10546875 9.85546875  C 6.17578125 9.78515625  6.265625 9.75  6.375 9.75  L 9 9.75  L 9 5.625  C 9 5.515625  9.03515625 5.42578125  9.10546875 5.35546875  C 9.17578125 5.28515625  9.265625 5.25  9.375 5.25  L 10.125 5.25  C 10.234375 5.25  10.32421875 5.28515625  10.39453125 5.35546875  Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 26 316 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
<?xml version="1.0" encoding="utf-8"?>
 | 
			
		||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="46px" height="80px" xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
  <g transform="matrix(1 0 0 1 -590 -940 )">
 | 
			
		||||
    <path d="M 27.177734375 55.0892857142857  C 28.2259114583333 56.5773809523809  28.75 58.2142857142857  28.75 60  C 28.75 62.3809523809524  27.9114583333333 64.4047619047619  26.234375 66.0714285714286  C 24.5572916666667 67.7380952380952  22.5208333333333 68.5714285714286  20.125 68.5714285714286  C 17.7291666666667 68.5714285714286  15.6927083333333 67.7380952380952  14.015625 66.0714285714286  C 12.3385416666667 64.4047619047619  11.5 62.3809523809524  11.5 60  C 11.5 58.2142857142857  12.0240885416667 56.5773809523809  13.072265625 55.0892857142857  C 14.1204427083333 53.6011904761905  15.5130208333333 52.5446428571429  18 51.9196428571429  L 18 11.4285714285714  L 23 11.4285714285714  L 23 51.9196428571429  C 24.7369791666667 52.5446428571429  26.1295572916667 53.6011904761905  27.177734375 55.0892857142857  Z M 30.2998046875 70.1116071428571  C 33.0999348958333 67.3288690476191  34.5 63.9583333333333  34.5 60  C 34.5 57.7083333333333  33.9908854166667 55.5654761904762  32.97265625 53.5714285714286  C 31.9544270833333 51.5773809523809  30.546875 49.9107142857143  28 48.5714285714286  L 28 14.2857142857143  C 28.75 11.9047619047619  27.9114583333333 9.88095238095238  26.234375 8.21428571428571  C 24.5572916666667 6.54761904761904  22.5208333333333 5.71428571428571  20.125 5.71428571428571  C 17.7291666666667 5.71428571428571  15.6927083333333 6.54761904761904  14.015625 8.21428571428571  C 12.3385416666667 9.88095238095238  11.5 11.9047619047619  12 14.2857142857143  L 12 48.5714285714286  C 9.703125 49.9107142857143  8.29557291666667 51.5773809523809  7.27734375 53.5714285714286  C 6.25911458333333 55.5654761904762  5.75 57.7083333333333  5.75 60  C 5.75 63.9583333333333  7.15006510416667 67.3288690476191  9.9501953125 70.1116071428571  C 12.7503255208333 72.8943452380952  16.1419270833333 74.2857142857143  20.125 74.2857142857143  C 24.1080729166667 74.2857142857143  27.4996744791667 72.8943452380952  30.2998046875 70.1116071428571  Z M 34 46.0267857142857  C 38.3333333333333 49.9255952380952  40.25 54.5833333333333  40.25 60  C 40.25 65.5059523809524  38.2809244791667 70.2157738095238  34.3427734375 74.1294642857143  C 30.4046223958333 78.0431547619048  25.6653645833333 80  20.125 80  C 14.5846354166667 80  9.84537760416667 78.0431547619048  5.9072265625 74.1294642857143  C 1.96907552083333 70.2157738095238  0 65.5059523809524  0 60  C 0 54.5833333333333  1.91666666666667 49.9255952380952  6 46.0267857142857  L 6 14.2857142857143  C 5.75 10.3273809523809  7.15006510416667 6.95684523809524  9.9501953125 4.17410714285714  C 12.7503255208333 1.39136904761905  16.1419270833333 0  20.125 0  C 24.1080729166667 0  27.4996744791667 1.39136904761905  30.2998046875 4.17410714285714  C 33.0999348958333 6.95684523809524  34.5 10.3273809523809  34 14.2857142857143  L 34 46.0267857142857  Z M 37.375 34.2857142857143  L 46 34.2857142857143  L 46 40  L 37.375 40  L 37.375 34.2857142857143  Z M 37.375 22.8571428571429  L 46 22.8571428571429  L 46 28.5714285714286  L 37.375 28.5714285714286  L 37.375 22.8571428571429  Z M 37.375 11.4285714285714  L 46 11.4285714285714  L 46 17.1428571428571  L 37.375 17.1428571428571  L 37.375 11.4285714285714  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 590 940 )" />
 | 
			
		||||
  </g>
 | 
			
		||||
</svg>
 | 
			
		||||
| 
						 | 
				
			
			@ -7,34 +7,53 @@
 | 
			
		|||
        <div class="one-card">
 | 
			
		||||
            <div class="one-card-content">
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>区域面积</p>
 | 
			
		||||
                <font class="value">75</font>
 | 
			
		||||
                <font>㎡</font>
 | 
			
		||||
                <img id="u112_img" class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>区域面积</p>
 | 
			
		||||
                  <font class="value">75</font>
 | 
			
		||||
                  <font>㎡</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>液位</p>
 | 
			
		||||
                <font class="value">323</font>
 | 
			
		||||
                <font>mm</font>
 | 
			
		||||
                <img id="u124_img" class="img " src="../assets/u124.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>液位</p>
 | 
			
		||||
                  <font class="value">323</font>
 | 
			
		||||
                  <font>mm</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>渗透量</p>
 | 
			
		||||
                <font class="value">1356</font>
 | 
			
		||||
                <font>m³</font>
 | 
			
		||||
                <img id="u124_img" class="img " src="../assets/u124.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>渗透量</p>
 | 
			
		||||
                  <font class="value">1356</font>
 | 
			
		||||
                  <font>m³</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>COD</p>
 | 
			
		||||
                <font class="value">19</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
                <img id="u112_img" class="img " src="../assets/u112.svg">
 | 
			
		||||
                
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>COD</p>
 | 
			
		||||
                  <font class="value">19</font>
 | 
			
		||||
                  <font>mg/L</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>氨氮</p>
 | 
			
		||||
                <font class="value">8</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
                <img id="u112_img" class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>氨氮</p>
 | 
			
		||||
                  <font class="value">8</font>
 | 
			
		||||
                  <font>mg/L</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>SS</p>
 | 
			
		||||
                <font class="value">9</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
                <img id="u124_img" class="img " src="../assets/u124.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>SS</p>
 | 
			
		||||
                  <font class="value">9</font>
 | 
			
		||||
                  <font>mg/L</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -90,21 +109,25 @@
 | 
			
		|||
            flex-wrap: wrap;
 | 
			
		||||
            justify-content: space-around;
 | 
			
		||||
            align-items: center;
 | 
			
		||||
 | 
			
		||||
            img {
 | 
			
		||||
              width: 80px;
 | 
			
		||||
              height: 80px;
 | 
			
		||||
            }
 | 
			
		||||
            >div {
 | 
			
		||||
              width: 40%;
 | 
			
		||||
              height: 30%;
 | 
			
		||||
              border: 1px solid rgb(197, 195, 195);
 | 
			
		||||
              display: flex;
 | 
			
		||||
              flex-direction: column;
 | 
			
		||||
              background:#d8e8f7;
 | 
			
		||||
              // align-items: center;
 | 
			
		||||
              background:#3CB6CC;
 | 
			
		||||
              align-items: center;
 | 
			
		||||
              justify-content: center;
 | 
			
		||||
              text-align: center;
 | 
			
		||||
              padding: 10px;
 | 
			
		||||
              border-radius: 10px;
 | 
			
		||||
              font-size: 20px;
 | 
			
		||||
              line-height: 45px;
 | 
			
		||||
              color: #fff;
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
| 
						 | 
				
			
			@ -112,7 +135,7 @@
 | 
			
		|||
    }
 | 
			
		||||
    .value {
 | 
			
		||||
      font-size: 38px;
 | 
			
		||||
      color: #1baeae;
 | 
			
		||||
      color: #02ffff;
 | 
			
		||||
      font-weight: bold;
 | 
			
		||||
    }
 | 
			
		||||
  </style>
 | 
			
		||||
| 
						 | 
				
			
			@ -6,46 +6,80 @@
 | 
			
		|||
      <div class="index-bottom">
 | 
			
		||||
        <div class="one-card">
 | 
			
		||||
            <div class="one-card-content">
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>地块面积</p>
 | 
			
		||||
                <font class="value">730</font>
 | 
			
		||||
                <font>㎡</font>
 | 
			
		||||
              
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img   class="img " src="../assets/u187.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>地块面积</p>
 | 
			
		||||
                    <font class="value">730</font>
 | 
			
		||||
                    <font>㎡</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>地块调蓄容积</p>
 | 
			
		||||
                <font class="value">500</font>
 | 
			
		||||
                <font>m³</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img  class="img " src="../assets/u120.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>地块调蓄容积</p>
 | 
			
		||||
                    <font class="value">500</font>
 | 
			
		||||
                    <font>m³</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>调蓄池液位</p>
 | 
			
		||||
                <font class="value">3.6</font>
 | 
			
		||||
                <font>m</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img   class="img " src="../assets/u132.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>调蓄池液位</p>
 | 
			
		||||
                    <font class="value">3.6</font>
 | 
			
		||||
                    <font>m</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                    
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>溢流量</p>
 | 
			
		||||
                <font class="value"> 1.25</font>
 | 
			
		||||
                <font>L/s</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img  class="img " src="../assets/u128.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>溢流量</p>
 | 
			
		||||
                    <font class="value"> 1.25</font>
 | 
			
		||||
                    <font>L/s</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                    
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>COD</p>
 | 
			
		||||
                <font class="value">8</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img  class="img " src="../assets/u104.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>COD</p>
 | 
			
		||||
                    <font class="value">8</font>
 | 
			
		||||
                    <font>mg/L</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                    
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>氨氮</p>
 | 
			
		||||
                <font class="value">12.5</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img  class="img " src="../assets/u187.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>氨氮</p>
 | 
			
		||||
                    <font class="value">12.5</font>
 | 
			
		||||
                    <font>mg/L</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                    
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>SS</p>
 | 
			
		||||
                <font class="value">20.7</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img  class="img " src="../assets/u104.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>SS</p>
 | 
			
		||||
                    <font class="value">20.7</font>
 | 
			
		||||
                    <font>mg/L</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                    
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>地块剩余调蓄容积</p>
 | 
			
		||||
                <font class="value">316</font>
 | 
			
		||||
                <font>m³</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img  class="img " src="../assets/u112.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>地块剩余调蓄容积</p>
 | 
			
		||||
                    <font class="value">316</font>
 | 
			
		||||
                    <font>m³</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                    
 | 
			
		||||
              </div>
 | 
			
		||||
              
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -103,29 +137,32 @@
 | 
			
		|||
            flex-wrap: wrap;
 | 
			
		||||
            justify-content: space-around;
 | 
			
		||||
            align-items: center;
 | 
			
		||||
 | 
			
		||||
            img {
 | 
			
		||||
              width: 60px;
 | 
			
		||||
              height: 60px;
 | 
			
		||||
            }
 | 
			
		||||
            >div {
 | 
			
		||||
              width: 10%;
 | 
			
		||||
              width: 11%;
 | 
			
		||||
              height: 80%;
 | 
			
		||||
              border: 1px solid rgb(197, 195, 195);
 | 
			
		||||
              display: flex;
 | 
			
		||||
              flex-direction: column;
 | 
			
		||||
              background:#d8e8f7;
 | 
			
		||||
              // flex-direction: column;
 | 
			
		||||
              background:#3CB6CC;
 | 
			
		||||
              // align-items: center;
 | 
			
		||||
              justify-content: center;
 | 
			
		||||
              justify-content: space-between;
 | 
			
		||||
              text-align: center;
 | 
			
		||||
              padding: 10px;
 | 
			
		||||
              border-radius: 10px;
 | 
			
		||||
              font-size: 20px;
 | 
			
		||||
              line-height: 45px;
 | 
			
		||||
              color: #fff;
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
    .value {
 | 
			
		||||
      font-size: 38px;
 | 
			
		||||
      color: #1baeae;
 | 
			
		||||
      font-size: 32px;
 | 
			
		||||
      color: #02ffff;
 | 
			
		||||
      font-weight: bold;
 | 
			
		||||
    }
 | 
			
		||||
  </style>
 | 
			
		||||
| 
						 | 
				
			
			@ -1,6 +1,19 @@
 | 
			
		|||
<template>
 | 
			
		||||
  <div class="analyse-container">
 | 
			
		||||
    <div id="echartDiv" class="echartDiv100"></div>
 | 
			
		||||
    <div class="left">
 | 
			
		||||
      <div>
 | 
			
		||||
        <div id="echartGauge" class="echartDiv100"></div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div>
 | 
			
		||||
        <div id="echartPie" class="echartDiv100"></div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="right">
 | 
			
		||||
      <div class="gongshi">
 | 
			
		||||
        <p>热岛消减率(计算公式:X=(T2-1-T2-2)/T2-1)</p>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div id="echartDiv" class="echartDiv100"></div>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -21,61 +34,49 @@ export default {
 | 
			
		|||
 | 
			
		||||
    });
 | 
			
		||||
    onMounted(async () => {
 | 
			
		||||
      getChartsZf2("echartDiv", '热岛消减率');
 | 
			
		||||
      // getChartsZfl("echartDivQ", '蒸发带走的潜热')
 | 
			
		||||
      getChartsZf2("echartDiv", '每日热岛消减率');
 | 
			
		||||
      getChartsGauge("echartGauge");
 | 
			
		||||
      getChartsPie("echartPie");
 | 
			
		||||
    });
 | 
			
		||||
    const getChartsZfl = (id, text) => {
 | 
			
		||||
    const getChartsGauge = (id) => {
 | 
			
		||||
      var dom = document.getElementById(id);
 | 
			
		||||
      var op = {
 | 
			
		||||
        tooltip: {
 | 
			
		||||
          trigger: 'axis',
 | 
			
		||||
          axisPointer: {
 | 
			
		||||
            type: 'cross',
 | 
			
		||||
            crossStyle: {
 | 
			
		||||
              color: '#999'
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        legend: {
 | 
			
		||||
          data: ['系统A', '系统B', '系统C', '系统D', '系统E']
 | 
			
		||||
          orient: 'vertical',
 | 
			
		||||
          left: '10%',
 | 
			
		||||
          top: '20%'
 | 
			
		||||
        },
 | 
			
		||||
        xAxis: [
 | 
			
		||||
        radar: {
 | 
			
		||||
          // center: ['45%', '70%'],
 | 
			
		||||
          indicator: [
 | 
			
		||||
            { name: '1月', max: 6500 },
 | 
			
		||||
            { name: '2月', max: 16000 },
 | 
			
		||||
            { name: '3月', max: 30000 },
 | 
			
		||||
            { name: '4月', max: 38000 },
 | 
			
		||||
            { name: '5月', max: 52000 },
 | 
			
		||||
            { name: '6月', max: 25000 },
 | 
			
		||||
            { name: '7月', max: 6500 },
 | 
			
		||||
            { name: '8月', max: 16000 },
 | 
			
		||||
            { name: '9月', max: 30000 },
 | 
			
		||||
            { name: '10月', max: 38000 },
 | 
			
		||||
            { name: '11月', max: 52000 },
 | 
			
		||||
            { name: '12月', max: 25000 }
 | 
			
		||||
          ]
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            type: 'category',
 | 
			
		||||
            type: 'radar',
 | 
			
		||||
            data: [
 | 
			
		||||
              "00",
 | 
			
		||||
              "01",
 | 
			
		||||
              "02",
 | 
			
		||||
              "03",
 | 
			
		||||
              "04",
 | 
			
		||||
              "05",
 | 
			
		||||
              "06",
 | 
			
		||||
              "07",
 | 
			
		||||
              "08",
 | 
			
		||||
              "09",
 | 
			
		||||
              "10",
 | 
			
		||||
              "11",
 | 
			
		||||
              "12",
 | 
			
		||||
              "13",
 | 
			
		||||
              "14",
 | 
			
		||||
              "15",
 | 
			
		||||
              "16",
 | 
			
		||||
              "17",
 | 
			
		||||
              "18",
 | 
			
		||||
              "19",
 | 
			
		||||
              "20",
 | 
			
		||||
              "21",
 | 
			
		||||
              "22",
 | 
			
		||||
              "23",
 | 
			
		||||
            ],
 | 
			
		||||
            axisPointer: {
 | 
			
		||||
              type: 'shadow'
 | 
			
		||||
            }
 | 
			
		||||
              {
 | 
			
		||||
                value: [4200, 3000, 20000, 35000, 50000, 18000, 4200, 3000, 20000, 35000, 50000, 18000],
 | 
			
		||||
                name: '系统A'
 | 
			
		||||
              },
 | 
			
		||||
              {
 | 
			
		||||
                value: [4000, 1000, 10000, 25000, 20000, 14000, 2200, 1000, 10000, 25000, 40000, 20000],
 | 
			
		||||
                name: '系统B'
 | 
			
		||||
              }
 | 
			
		||||
            ]
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        yAxis: [
 | 
			
		||||
          
 | 
			
		||||
 | 
			
		||||
        ]
 | 
			
		||||
      };
 | 
			
		||||
      getEchart(dom, op)
 | 
			
		||||
| 
						 | 
				
			
			@ -95,6 +96,7 @@ export default {
 | 
			
		|||
          bottom: '3%',
 | 
			
		||||
          containLabel: true
 | 
			
		||||
        },
 | 
			
		||||
        legend: {},
 | 
			
		||||
        xAxis: [
 | 
			
		||||
          {
 | 
			
		||||
            type: 'category',
 | 
			
		||||
| 
						 | 
				
			
			@ -193,8 +195,46 @@ export default {
 | 
			
		|||
      };
 | 
			
		||||
      getEchart(dom, op)
 | 
			
		||||
    }
 | 
			
		||||
    const getChartsPie = (id) => {
 | 
			
		||||
      var dom = document.getElementById(id);
 | 
			
		||||
      var op =   {
 | 
			
		||||
        tooltip: {
 | 
			
		||||
          trigger: 'item'
 | 
			
		||||
        },
 | 
			
		||||
        legend: {
 | 
			
		||||
          orient: 'vertical',
 | 
			
		||||
          left: '10%',
 | 
			
		||||
          top: '20%'
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            name: '热岛消减率',
 | 
			
		||||
            type: 'pie',
 | 
			
		||||
            radius: '50%',
 | 
			
		||||
            data: [
 | 
			
		||||
              { value: 1048, name: '系统A' },
 | 
			
		||||
              { value: 735, name: '系统B' },
 | 
			
		||||
              { value: 580, name: '系统C' },
 | 
			
		||||
              { value: 484, name: '系统D' },
 | 
			
		||||
              { value: 300, name: '系统E' },
 | 
			
		||||
            ],
 | 
			
		||||
            emphasis: {
 | 
			
		||||
              itemStyle: {
 | 
			
		||||
                shadowBlur: 10,
 | 
			
		||||
                shadowOffsetX: 0,
 | 
			
		||||
                shadowColor: 'rgba(0, 0, 0, 0.5)'
 | 
			
		||||
              }
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        ]
 | 
			
		||||
      };
 | 
			
		||||
      getEchart(dom, op)
 | 
			
		||||
    }
 | 
			
		||||
    const getEchart = (dom, op) => {
 | 
			
		||||
      if (dom) {
 | 
			
		||||
        // 图表的dom属性中发现了一个特殊的属性:_echarts_instance_,对应的值是一个id,可能是由于再次渲染时这个id未发生改变导致ehcarts认为不需要重新渲染
 | 
			
		||||
        // 手动移除该属性
 | 
			
		||||
        dom.removeAttribute('_echarts_instance_')
 | 
			
		||||
        var myChart = echarts.init(dom);
 | 
			
		||||
        var option = op;
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -203,7 +243,8 @@ export default {
 | 
			
		|||
    };
 | 
			
		||||
    return {
 | 
			
		||||
      ...toRefs(state),
 | 
			
		||||
      getChartsZfl,
 | 
			
		||||
      getChartsZf2,
 | 
			
		||||
      getChartsGauge,
 | 
			
		||||
      getEchart
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
| 
						 | 
				
			
			@ -215,13 +256,42 @@ export default {
 | 
			
		|||
  width: 100%;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  padding: 10px;
 | 
			
		||||
 | 
			
		||||
  .left {
 | 
			
		||||
    width: 50%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    font-size: 20px;
 | 
			
		||||
    >div {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      height: 48%;
 | 
			
		||||
      // border: 1px solid red;
 | 
			
		||||
      .echartDiv100 {
 | 
			
		||||
        width: 100%;
 | 
			
		||||
        height: 100% !important;
 | 
			
		||||
        margin: 0 auto;
 | 
			
		||||
        // border: 1px solid red;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
  .right {
 | 
			
		||||
    width: 50%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    font-size: 20px;
 | 
			
		||||
  }
 | 
			
		||||
.gongshi {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: 100px;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  align-items: start;
 | 
			
		||||
  p {
 | 
			
		||||
    line-height: 50px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
  .echartDiv100 {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    height: calc(100% - 100px);
 | 
			
		||||
    margin: 0 auto;
 | 
			
		||||
    // border: 1px solid red;
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,7 +1,22 @@
 | 
			
		|||
<template>
 | 
			
		||||
  <div class="analyse-container">
 | 
			
		||||
    <div id="echartDiv" class="echartDiv100"></div>
 | 
			
		||||
    <div id="echartDivQ" class="echartDiv100"></div>
 | 
			
		||||
    <div class="left">
 | 
			
		||||
 | 
			
		||||
      <div>
 | 
			
		||||
        <div id="echartBar" class="echartDiv100"></div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div>
 | 
			
		||||
        <div id="echartPie" class="echartDiv100"></div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="right">
 | 
			
		||||
      <div class="gongshi">
 | 
			
		||||
        <p>水质参数消减率(X3=(COD2-COD3)/COD2,其余水质类似)</p>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div id="echartDiv" class="echartDiv100"></div>
 | 
			
		||||
      <div id="echartDivQ" class="echartDiv100"></div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -19,12 +34,110 @@ export default {
 | 
			
		|||
  },
 | 
			
		||||
  setup() {
 | 
			
		||||
    const state = reactive({
 | 
			
		||||
      
 | 
			
		||||
 | 
			
		||||
    });
 | 
			
		||||
    onMounted(async () => { 
 | 
			
		||||
    onMounted(async () => {
 | 
			
		||||
      getChartsBar("echartBar");
 | 
			
		||||
      getChartsPie("echartPie");
 | 
			
		||||
      getChartsZfl("echartDiv", '蒸发量');
 | 
			
		||||
      getChartsZfl("echartDivQ", '蒸发带走的潜热')
 | 
			
		||||
     });
 | 
			
		||||
    });
 | 
			
		||||
    const getChartsBar = (id) => {
 | 
			
		||||
      var dom = document.getElementById(id);
 | 
			
		||||
      var op = {
 | 
			
		||||
        tooltip: {
 | 
			
		||||
          trigger: 'axis',
 | 
			
		||||
          axisPointer: {
 | 
			
		||||
            type: 'cross'
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        title: {
 | 
			
		||||
          text: '蒸发带走的潜热'
 | 
			
		||||
        },
 | 
			
		||||
        legend: {},
 | 
			
		||||
        xAxis: {
 | 
			
		||||
          type: 'value'
 | 
			
		||||
          
 | 
			
		||||
        },
 | 
			
		||||
        yAxis: {
 | 
			
		||||
          type: 'category',
 | 
			
		||||
          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            name: '系统A',
 | 
			
		||||
            data: [100, 200, 300, 200, 100, 300, 400, 200, 150, 600, 550, 340],
 | 
			
		||||
            type: 'bar'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '系统B',
 | 
			
		||||
            data: [200, 150, 600, 550, 100, 200, 300, 200, 100, 300, 400, 340],
 | 
			
		||||
            type: 'bar'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '系统C',
 | 
			
		||||
            data: [100, 200, 150, 600, 550, 200, 300, 200, 100, 300, 400, 340],
 | 
			
		||||
            type: 'bar'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '系统D',
 | 
			
		||||
            data: [400, 200, 150, 600, 100, 200, 300, 200, 100, 300, 550, 340],
 | 
			
		||||
            type: 'bar'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '系统E',
 | 
			
		||||
            data: [200, 100, 100, 200, 300, 400, 400, 200, 150, 600, 550, 340],
 | 
			
		||||
            type: 'bar'
 | 
			
		||||
          }
 | 
			
		||||
        ]
 | 
			
		||||
      };
 | 
			
		||||
      getEchart(dom, op)
 | 
			
		||||
    }
 | 
			
		||||
    const getChartsPie = (id) => {
 | 
			
		||||
      var dom = document.getElementById(id);
 | 
			
		||||
      var op = {
 | 
			
		||||
        title: {
 | 
			
		||||
          text: '蒸发量'
 | 
			
		||||
        },
 | 
			
		||||
        tooltip: {
 | 
			
		||||
          trigger: 'item'
 | 
			
		||||
        },
 | 
			
		||||
        legend: {
 | 
			
		||||
          top: '5%',
 | 
			
		||||
          left: 'center'
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            name: 'Access From',
 | 
			
		||||
            type: 'pie',
 | 
			
		||||
            radius: ['40%', '70%'],
 | 
			
		||||
            avoidLabelOverlap: false,
 | 
			
		||||
            label: {
 | 
			
		||||
              show: false,
 | 
			
		||||
              position: 'center'
 | 
			
		||||
            },
 | 
			
		||||
            emphasis: {
 | 
			
		||||
              label: {
 | 
			
		||||
                show: true,
 | 
			
		||||
                fontSize: 40,
 | 
			
		||||
                fontWeight: 'bold'
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            labelLine: {
 | 
			
		||||
              show: false
 | 
			
		||||
            },
 | 
			
		||||
            data: [
 | 
			
		||||
              { value: 1048, name: '系统A' },
 | 
			
		||||
              { value: 735, name: '系统B' },
 | 
			
		||||
              { value: 580, name: '系统C' },
 | 
			
		||||
              { value: 484, name: '系统D' },
 | 
			
		||||
              { value: 300, name: '系统E' }
 | 
			
		||||
            ]
 | 
			
		||||
          }
 | 
			
		||||
        ]
 | 
			
		||||
      };
 | 
			
		||||
      getEchart(dom, op)
 | 
			
		||||
    }
 | 
			
		||||
    const getChartsZfl = (id, text) => {
 | 
			
		||||
      var dom = document.getElementById(id);
 | 
			
		||||
      var op = {
 | 
			
		||||
| 
						 | 
				
			
			@ -242,7 +355,8 @@ export default {
 | 
			
		|||
    return {
 | 
			
		||||
      ...toRefs(state),
 | 
			
		||||
      getChartsZfl,
 | 
			
		||||
      getEchart
 | 
			
		||||
      getEchart,
 | 
			
		||||
      getChartsBar
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			@ -253,15 +367,45 @@ export default {
 | 
			
		|||
  width: 100%;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  padding: 10px;
 | 
			
		||||
 | 
			
		||||
  .left {
 | 
			
		||||
    width: 50%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    font-size: 20px;
 | 
			
		||||
    >div {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      height: 48%;
 | 
			
		||||
      // border: 1px solid red;
 | 
			
		||||
      .echartDiv100 {
 | 
			
		||||
        width: 100%;
 | 
			
		||||
        height: 100% !important;
 | 
			
		||||
        margin: 0 auto;
 | 
			
		||||
        // border: 1px solid red;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .right {
 | 
			
		||||
    width: 50%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    font-size: 20px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .gongshi {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100px;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    align-items: start;
 | 
			
		||||
    line-height: 50px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .echartDiv100 {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 49%;
 | 
			
		||||
    height: calc(50% - 50px);
 | 
			
		||||
    margin: 0 auto;
 | 
			
		||||
    // border: 1px solid red;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
}</style>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -6,45 +6,76 @@
 | 
			
		|||
      <div class="index-bottom">
 | 
			
		||||
        <div class="one-card">
 | 
			
		||||
            <div class="one-card-content">
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>径流系数</p>
 | 
			
		||||
                <font class="value">0.6</font>
 | 
			
		||||
                <font>-</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                <img id="u112_img" class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>径流系数</p>
 | 
			
		||||
                  <font class="value">0.6</font>
 | 
			
		||||
                  <font></font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>蒸腾量</p>
 | 
			
		||||
                <font class="value">32</font>
 | 
			
		||||
                <font>%</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                
 | 
			
		||||
                <img id="u100.png" class="img " src="../assets/u100.png">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>蒸腾量</p>
 | 
			
		||||
                  <font class="value">32</font>
 | 
			
		||||
                  <font>%</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>COD</p>
 | 
			
		||||
                <font class="value">27</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img id="u100.png" class="img " src="../assets/u100.png">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>COD</p>
 | 
			
		||||
                    <font class="value">27</font>
 | 
			
		||||
                    <font>mg/L</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>氨氮</p>
 | 
			
		||||
                <font class="value">11</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img id="u124_img" class="img " src="../assets/u124.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>氨氮</p>
 | 
			
		||||
                    <font class="value">11</font>
 | 
			
		||||
                    <font>mg/L</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>Ss</p>
 | 
			
		||||
                <font class="value">6</font>
 | 
			
		||||
                <font>mg/L</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img id="u120_img" class="img " src="../assets/u187.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>SS</p>
 | 
			
		||||
                    <font class="value">6</font>
 | 
			
		||||
                    <font>mg/L</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>屋面温度 无绿化</p>
 | 
			
		||||
                <font class="value">23</font>
 | 
			
		||||
                <font>℃</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img id="u108_img" class="img " src="../assets/u108.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>屋面温度 无绿化</p>
 | 
			
		||||
                    <font class="value">23</font>
 | 
			
		||||
                    <font>℃</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>屋面温度 有绿化</p>
 | 
			
		||||
                <font class="value">19</font>
 | 
			
		||||
                <font>℃</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img id="u108_img" class="img " src="../assets/u108.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>屋面温度 有绿化</p>
 | 
			
		||||
                    <font class="value">19</font>
 | 
			
		||||
                    <font>℃</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>热岛消减率</p>
 | 
			
		||||
                <font class="value">21</font>
 | 
			
		||||
                <font>%</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                  <img id="u104_img" class="img " src="../assets/u104.svg">
 | 
			
		||||
                  <div>
 | 
			
		||||
                    <p>热岛消减率</p>
 | 
			
		||||
                    <font class="value">21</font>
 | 
			
		||||
                    <font>%</font>
 | 
			
		||||
                  </div>
 | 
			
		||||
                
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -103,29 +134,32 @@
 | 
			
		|||
            flex-wrap: wrap;
 | 
			
		||||
            justify-content: space-around;
 | 
			
		||||
            align-items: center;
 | 
			
		||||
 | 
			
		||||
            >div {
 | 
			
		||||
              width: 10%;
 | 
			
		||||
              height: 80%;
 | 
			
		||||
              border: 1px solid rgb(197, 195, 195);
 | 
			
		||||
              display: flex;
 | 
			
		||||
              flex-direction: column;
 | 
			
		||||
              background:#d8e8f7;
 | 
			
		||||
              background:#3CB6CC;
 | 
			
		||||
              // align-items: center;
 | 
			
		||||
              justify-content: center;
 | 
			
		||||
              justify-content: space-between;
 | 
			
		||||
              text-align: center;
 | 
			
		||||
              padding: 10px;
 | 
			
		||||
              border-radius: 10px;
 | 
			
		||||
              font-size: 20px;
 | 
			
		||||
              line-height: 45px;
 | 
			
		||||
              // line-height: 45px;
 | 
			
		||||
              color: #fff;
 | 
			
		||||
              img {
 | 
			
		||||
                width: 60px;
 | 
			
		||||
                height: 60px;
 | 
			
		||||
              }
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
    .value {
 | 
			
		||||
      font-size: 38px;
 | 
			
		||||
      color: #1baeae;
 | 
			
		||||
      font-size: 32px;
 | 
			
		||||
      color: #02ffff;
 | 
			
		||||
      font-weight: bold;
 | 
			
		||||
    }
 | 
			
		||||
  </style>
 | 
			
		||||
| 
						 | 
				
			
			@ -2,7 +2,7 @@
 | 
			
		|||
  <div class="history-container">
 | 
			
		||||
    <div class="flex top">
 | 
			
		||||
      <div class="flex width200">
 | 
			
		||||
        <span> 系统选择:</span>
 | 
			
		||||
        <span> 参数选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini">
 | 
			
		||||
          <el-option
 | 
			
		||||
            v-for="item in fxOptions"
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,13 +2,13 @@
 | 
			
		|||
  <div class="history-container">
 | 
			
		||||
    <div class="flex top">
 | 
			
		||||
      <div class="flex width200">
 | 
			
		||||
        <span> 系统选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini">
 | 
			
		||||
        <span> 参数选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini" @change="changeValue">
 | 
			
		||||
          <el-option
 | 
			
		||||
            v-for="item in fxOptions"
 | 
			
		||||
            :key="item.value"
 | 
			
		||||
            :label="item.label"
 | 
			
		||||
            :value="item.value"
 | 
			
		||||
            :value="item"
 | 
			
		||||
          />
 | 
			
		||||
        </el-select>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -81,37 +81,45 @@ export default {
 | 
			
		|||
      {
 | 
			
		||||
          id: "echart0",
 | 
			
		||||
          title: "降水量-柱状图",
 | 
			
		||||
          legend: ["降水量", "数据2", "数据3"],
 | 
			
		||||
          legend: [],
 | 
			
		||||
          color: ["#6fdbce", "#f00", "#0000ff"],
 | 
			
		||||
        }
 | 
			
		||||
      ],
 | 
			
		||||
      fxOptions: [
 | 
			
		||||
        {
 | 
			
		||||
          value: "0",
 | 
			
		||||
          label: "降水量",
 | 
			
		||||
          label: "径流系数",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "1",
 | 
			
		||||
          label: "系统A",
 | 
			
		||||
          label: "蒸腾量",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "2",
 | 
			
		||||
          label: "系统B",
 | 
			
		||||
          label: "COD",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "3",
 | 
			
		||||
          label: "系统C",
 | 
			
		||||
          label: "氨氮",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "4",
 | 
			
		||||
          label: "系统D",
 | 
			
		||||
          label: "SS",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "5",
 | 
			
		||||
          label: "系统E",
 | 
			
		||||
          label: "屋面温度无绿化",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "6",
 | 
			
		||||
          label: "屋面温度有绿化",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "7",
 | 
			
		||||
          label: "热岛消减率",
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      value1: "降水量",
 | 
			
		||||
      value1: "0",
 | 
			
		||||
      tableHeader: [
 | 
			
		||||
        {
 | 
			
		||||
          label: 1,
 | 
			
		||||
| 
						 | 
				
			
			@ -200,10 +208,19 @@ export default {
 | 
			
		|||
        },
 | 
			
		||||
      ],
 | 
			
		||||
    });
 | 
			
		||||
    onMounted(async () => {});
 | 
			
		||||
 | 
			
		||||
    onMounted(async () => {
 | 
			
		||||
      state.value1 = state.fxOptions[0];
 | 
			
		||||
      console.log(123, state.value1)
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    });
 | 
			
		||||
    const changeValue = (data) => {
 | 
			
		||||
      console.log('data', data);
 | 
			
		||||
      console.log('selectItem', state.value1);
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    }
 | 
			
		||||
    return {
 | 
			
		||||
      ...toRefs(state),
 | 
			
		||||
      changeValue
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,13 +2,13 @@
 | 
			
		|||
  <div class="history-container">
 | 
			
		||||
    <div class="flex top">
 | 
			
		||||
      <div class="flex width200">
 | 
			
		||||
        <span> 系统选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini">
 | 
			
		||||
        <span> 参数选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini" @change="changeValue">
 | 
			
		||||
          <el-option
 | 
			
		||||
            v-for="item in fxOptions"
 | 
			
		||||
            :key="item.value"
 | 
			
		||||
            :label="item.label"
 | 
			
		||||
            :value="item.value"
 | 
			
		||||
            :value="item"
 | 
			
		||||
          />
 | 
			
		||||
        </el-select>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -73,37 +73,37 @@ export default {
 | 
			
		|||
        {
 | 
			
		||||
          id: "echart0",
 | 
			
		||||
          title: "降水量-柱状图",
 | 
			
		||||
          legend: ["降水量", "数据2"],
 | 
			
		||||
          legend: [],
 | 
			
		||||
          color: ["#6fdbce"],
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      fxOptions: [
 | 
			
		||||
        {
 | 
			
		||||
          value: "0",
 | 
			
		||||
          label: "降水量",
 | 
			
		||||
          label: "区域面积",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "1",
 | 
			
		||||
          label: "系统A",
 | 
			
		||||
          label: "液位",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "2",
 | 
			
		||||
          label: "系统B",
 | 
			
		||||
          label: "渗透量",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "3",
 | 
			
		||||
          label: "系统C",
 | 
			
		||||
          label: "COD",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "4",
 | 
			
		||||
          label: "系统D",
 | 
			
		||||
          label: "氨氮",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "5",
 | 
			
		||||
          label: "系统E",
 | 
			
		||||
          label: "SS",
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      value1: "降水量",
 | 
			
		||||
      value1: "0",
 | 
			
		||||
      tableHeader: [
 | 
			
		||||
        {
 | 
			
		||||
          label: 1,
 | 
			
		||||
| 
						 | 
				
			
			@ -192,10 +192,19 @@ export default {
 | 
			
		|||
        },
 | 
			
		||||
      ],
 | 
			
		||||
    });
 | 
			
		||||
    onMounted(async () => {});
 | 
			
		||||
 | 
			
		||||
    onMounted(async () => {
 | 
			
		||||
      state.value1 = state.fxOptions[0];
 | 
			
		||||
      console.log(123, state.value1)
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    });
 | 
			
		||||
    const changeValue = (data) => {
 | 
			
		||||
      console.log('data', data);
 | 
			
		||||
      console.log('selectItem', state.value1);
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    }
 | 
			
		||||
    return {
 | 
			
		||||
      ...toRefs(state),
 | 
			
		||||
      changeValue
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,13 +2,13 @@
 | 
			
		|||
  <div class="history-container">
 | 
			
		||||
    <div class="flex top">
 | 
			
		||||
      <div class="flex width200">
 | 
			
		||||
        <span> 系统选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini">
 | 
			
		||||
        <span> 参数选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini" @change="changeValue">
 | 
			
		||||
          <el-option
 | 
			
		||||
            v-for="item in fxOptions"
 | 
			
		||||
            :key="item.value"
 | 
			
		||||
            :label="item.label"
 | 
			
		||||
            :value="item.value"
 | 
			
		||||
            :value="item" 
 | 
			
		||||
          />
 | 
			
		||||
        </el-select>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -72,38 +72,54 @@ export default {
 | 
			
		|||
      listData: [
 | 
			
		||||
        {
 | 
			
		||||
          id: "echart0",
 | 
			
		||||
          title: "降水量-柱状图",
 | 
			
		||||
          legend: ["降水量"],
 | 
			
		||||
          title: "透水铺砖储水量-面积图",
 | 
			
		||||
          legend: [],
 | 
			
		||||
          color: ["#6fdbce"],
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      fxOptions: [
 | 
			
		||||
        {
 | 
			
		||||
          value: "0",
 | 
			
		||||
          label: "降水量",
 | 
			
		||||
          label: "透水铺砖储水量",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "1",
 | 
			
		||||
          label: "系统A",
 | 
			
		||||
          label: "透水铺砖表面温度",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "2",
 | 
			
		||||
          label: "系统B",
 | 
			
		||||
          label: "热岛消减率",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "3",
 | 
			
		||||
          label: "系统C",
 | 
			
		||||
          label: "孔隙率",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "4",
 | 
			
		||||
          label: "系统D",
 | 
			
		||||
          label: "透水铺装面积",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "5",
 | 
			
		||||
          label: "系统E",
 | 
			
		||||
          label: "入渗系统面积",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "6",
 | 
			
		||||
          label: "透水系数",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "7",
 | 
			
		||||
          label: "入渗系数",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "8",
 | 
			
		||||
          label: "透水层厚度",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "9",
 | 
			
		||||
          label: "渗透量",
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      value1: "降水量",
 | 
			
		||||
      value1: "",
 | 
			
		||||
      tableHeader: [
 | 
			
		||||
        {
 | 
			
		||||
          label: 1,
 | 
			
		||||
| 
						 | 
				
			
			@ -192,10 +208,20 @@ export default {
 | 
			
		|||
        },
 | 
			
		||||
      ],
 | 
			
		||||
    });
 | 
			
		||||
    onMounted(async () => {});
 | 
			
		||||
    onMounted(async () => {
 | 
			
		||||
      state.value1 = state.fxOptions[0];
 | 
			
		||||
      console.log(123, state.value1)
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
 | 
			
		||||
    });
 | 
			
		||||
    const changeValue = (data) => {
 | 
			
		||||
      console.log('data', data);
 | 
			
		||||
      console.log('selectItem', state.value1);
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    }
 | 
			
		||||
    return {
 | 
			
		||||
      ...toRefs(state),
 | 
			
		||||
      changeValue
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,13 +2,13 @@
 | 
			
		|||
  <div class="history-container">
 | 
			
		||||
    <div class="flex top">
 | 
			
		||||
      <div class="flex width200">
 | 
			
		||||
        <span> 系统选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini">
 | 
			
		||||
        <span> 参数选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini" @change="changeValue">
 | 
			
		||||
          <el-option
 | 
			
		||||
            v-for="item in fxOptions"
 | 
			
		||||
            :key="item.value"
 | 
			
		||||
            :label="item.label"
 | 
			
		||||
            :value="item.value"
 | 
			
		||||
            :value="item"
 | 
			
		||||
          />
 | 
			
		||||
        </el-select>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -74,38 +74,46 @@ export default {
 | 
			
		|||
      listData: [
 | 
			
		||||
        {
 | 
			
		||||
          id: "echart0",
 | 
			
		||||
          title: "降水量-柱状图",
 | 
			
		||||
          legend: ["降水量"],
 | 
			
		||||
          title: "",
 | 
			
		||||
          legend: [],
 | 
			
		||||
          color: ["#6fdbce"],
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      fxOptions: [
 | 
			
		||||
        {
 | 
			
		||||
          value: "0",
 | 
			
		||||
          label: "降水量",
 | 
			
		||||
          label: "地块面积",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "1",
 | 
			
		||||
          label: "系统A",
 | 
			
		||||
          label: "地块调蓄容积",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "2",
 | 
			
		||||
          label: "系统B",
 | 
			
		||||
          label: "调蓄池液位",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "3",
 | 
			
		||||
          label: "系统C",
 | 
			
		||||
          label: "溢流量",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "4",
 | 
			
		||||
          label: "系统D",
 | 
			
		||||
          label: "COD",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "5",
 | 
			
		||||
          label: "系统E",
 | 
			
		||||
          label: "氨氮",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "6",
 | 
			
		||||
          label: "SS",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "7",
 | 
			
		||||
          label: "地块剩余调蓄容积",
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      value1: "降水量",
 | 
			
		||||
      value1: "0",
 | 
			
		||||
      tableHeader: [
 | 
			
		||||
        {
 | 
			
		||||
          label: 1,
 | 
			
		||||
| 
						 | 
				
			
			@ -194,10 +202,19 @@ export default {
 | 
			
		|||
        },
 | 
			
		||||
      ],
 | 
			
		||||
    });
 | 
			
		||||
    onMounted(async () => {});
 | 
			
		||||
 | 
			
		||||
    onMounted(async () => {
 | 
			
		||||
      state.value1 = state.fxOptions[0];
 | 
			
		||||
      console.log(123, state.value1)
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    });
 | 
			
		||||
    const changeValue = (data) => {
 | 
			
		||||
      console.log('data', data);
 | 
			
		||||
      console.log('selectItem', state.value1);
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    }
 | 
			
		||||
    return {
 | 
			
		||||
      ...toRefs(state),
 | 
			
		||||
      changeValue
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,13 +2,13 @@
 | 
			
		|||
  <div class="history-container">
 | 
			
		||||
    <div class="flex top">
 | 
			
		||||
      <div class="flex width200">
 | 
			
		||||
        <span> 系统选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini">
 | 
			
		||||
        <span> 参数选择:</span>
 | 
			
		||||
        <el-select v-model="value1" placeholder="请选择" size="mini" @change="changeValue">
 | 
			
		||||
          <el-option
 | 
			
		||||
            v-for="item in fxOptions"
 | 
			
		||||
            :key="item.value"
 | 
			
		||||
            :label="item.label"
 | 
			
		||||
            :value="item.value"
 | 
			
		||||
            :value="item"
 | 
			
		||||
          />
 | 
			
		||||
        </el-select>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -20,9 +20,7 @@
 | 
			
		|||
      <BarEchart :echartData="item" class="echartDiv100" />
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="bottom">
 | 
			
		||||
      <!-- <el-table :data="tableData" style="width: 100%" border="1" height="360" class="table-left-header">
 | 
			
		||||
        <el-table-column v-for="item in tableHeader" :prop="item.prop" :label="item.label" />
 | 
			
		||||
      </el-table> -->
 | 
			
		||||
 
 | 
			
		||||
      <table border="1">
 | 
			
		||||
        <thead>
 | 
			
		||||
          <tr>
 | 
			
		||||
| 
						 | 
				
			
			@ -74,38 +72,38 @@ export default {
 | 
			
		|||
      listData: [
 | 
			
		||||
        {
 | 
			
		||||
          id: "echart0",
 | 
			
		||||
          title: "降水量-柱状图",
 | 
			
		||||
          legend: ["降水量"],
 | 
			
		||||
          title: "降雨量-柱状图",
 | 
			
		||||
          legend: ["降雨量"],
 | 
			
		||||
          color: ["#6fdbce"],
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      fxOptions: [
 | 
			
		||||
        {
 | 
			
		||||
          value: "0",
 | 
			
		||||
          label: "降水量",
 | 
			
		||||
          label: "降雨量",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "1",
 | 
			
		||||
          label: "系统A",
 | 
			
		||||
          label: "温度",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "2",
 | 
			
		||||
          label: "系统B",
 | 
			
		||||
          label: "空气湿度",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "3",
 | 
			
		||||
          label: "系统C",
 | 
			
		||||
          label: "蒸发量",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "4",
 | 
			
		||||
          label: "系统D",
 | 
			
		||||
          label: "土壤湿度",
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          value: "5",
 | 
			
		||||
          label: "系统E",
 | 
			
		||||
          label: "风速",
 | 
			
		||||
        },
 | 
			
		||||
      ],
 | 
			
		||||
      value1: "降水量",
 | 
			
		||||
      value1: "0",
 | 
			
		||||
      tableHeader: [
 | 
			
		||||
        {
 | 
			
		||||
          label: 1,
 | 
			
		||||
| 
						 | 
				
			
			@ -194,10 +192,20 @@ export default {
 | 
			
		|||
        },
 | 
			
		||||
      ],
 | 
			
		||||
    });
 | 
			
		||||
    onMounted(async () => {});
 | 
			
		||||
    onMounted(async () => {
 | 
			
		||||
      state.value1 = state.fxOptions[0];
 | 
			
		||||
      console.log(123, state.value1)
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    });
 | 
			
		||||
    const changeValue = (data) => {
 | 
			
		||||
      console.log('data', data);
 | 
			
		||||
      console.log('selectItem', state.value1);
 | 
			
		||||
      state.listData[0].title = state.value1.label;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    return {
 | 
			
		||||
      ...toRefs(state),
 | 
			
		||||
      changeValue
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -117,7 +117,7 @@ export default {
 | 
			
		|||
              border: 1px solid rgb(197, 195, 195);
 | 
			
		||||
              display: flex;
 | 
			
		||||
              flex-direction: column;
 | 
			
		||||
              background:#d8e8f7;
 | 
			
		||||
              background:#3CB6CC;
 | 
			
		||||
              // align-items: center;
 | 
			
		||||
              justify-content: center;
 | 
			
		||||
              text-align: center;
 | 
			
		||||
| 
						 | 
				
			
			@ -126,6 +126,7 @@ export default {
 | 
			
		|||
              font-size: 20px;
 | 
			
		||||
              line-height: 40px;
 | 
			
		||||
              margin: 10px 0;
 | 
			
		||||
              color: #fff;
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -46,29 +46,29 @@
 | 
			
		|||
        </ul>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="right">
 | 
			
		||||
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="middle-div">
 | 
			
		||||
      <h2>
 | 
			
		||||
        未来7天预报
 | 
			
		||||
      </h2>
 | 
			
		||||
      <div class="flex">
 | 
			
		||||
        <div class="one-day" v-for="item in weekDay" :key="item">
 | 
			
		||||
          <p>
 | 
			
		||||
            {{ item.day }}{{ item.date }}
 | 
			
		||||
          </p>
 | 
			
		||||
          <div class="flex ">
 | 
			
		||||
            <span class="weather-icon">
 | 
			
		||||
              <img src="../assets/cloud.png" alt="">
 | 
			
		||||
            </span>
 | 
			
		||||
            <span class="high-low">
 | 
			
		||||
              <p>{{ item.high }}</p>
 | 
			
		||||
              <p>{{ item.low }}</p>
 | 
			
		||||
            </span>
 | 
			
		||||
        <h2>
 | 
			
		||||
          未来7天预报
 | 
			
		||||
        </h2>
 | 
			
		||||
        <div class="flex card">
 | 
			
		||||
          <div class="one-day" v-for="item in weekDay" :key="item">
 | 
			
		||||
            <p>
 | 
			
		||||
              {{ item.day }}{{ item.date }}
 | 
			
		||||
            </p>
 | 
			
		||||
            <div class="flex ">
 | 
			
		||||
              <span class="weather-icon">
 | 
			
		||||
                <img src="../assets/cloud.png" alt="">
 | 
			
		||||
              </span>
 | 
			
		||||
              <span class="high-low">
 | 
			
		||||
                <p>{{ item.high }}</p>
 | 
			
		||||
                <p>{{ item.low }}</p>
 | 
			
		||||
              </span>
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="middle-div">
 | 
			
		||||
      
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="bottom-div">
 | 
			
		||||
      <div id="echartDiv" class="echartDiv100"></div>
 | 
			
		||||
| 
						 | 
				
			
			@ -141,78 +141,269 @@ export default {
 | 
			
		|||
    onMounted(async () => { getWeatherCharts() });
 | 
			
		||||
    const getWeatherCharts = () => {
 | 
			
		||||
      var dom = document.getElementById("echartDiv");
 | 
			
		||||
      var weatherName = ["小雨","小雨","阴","小雨","多云","小雨","小雨"];
 | 
			
		||||
      var op = {
 | 
			
		||||
        title: {
 | 
			
		||||
          text: '未来一周天气图'
 | 
			
		||||
        },
 | 
			
		||||
        grid: {
 | 
			
		||||
          left: "3%", //画布左移位置
 | 
			
		||||
          right: '3%',
 | 
			
		||||
          top: "20%",
 | 
			
		||||
          width: "90%", //画布宽度
 | 
			
		||||
          height: "65%", //画布高度
 | 
			
		||||
          left: '2%',
 | 
			
		||||
          right: '2%',
 | 
			
		||||
          bottom: '3%',
 | 
			
		||||
          containLabel: true
 | 
			
		||||
        },
 | 
			
		||||
        tooltip: {
 | 
			
		||||
          trigger: 'axis'
 | 
			
		||||
        },
 | 
			
		||||
        legend: {},
 | 
			
		||||
        xAxis: {
 | 
			
		||||
          type: 'category',
 | 
			
		||||
          boundaryGap: false,
 | 
			
		||||
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周天']
 | 
			
		||||
        legend: {
 | 
			
		||||
          show: false
 | 
			
		||||
        },
 | 
			
		||||
        dataZoom: [
 | 
			
		||||
          {
 | 
			
		||||
            type: 'inside',
 | 
			
		||||
            start: 0,
 | 
			
		||||
            end: 100
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            start: 0,
 | 
			
		||||
            end: 100
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        xAxis: [
 | 
			
		||||
          // 日期
 | 
			
		||||
          {
 | 
			
		||||
            type: 'category',
 | 
			
		||||
            boundaryGap: false,
 | 
			
		||||
            position: 'top',
 | 
			
		||||
            offset: 130,
 | 
			
		||||
            zlevel: 100,
 | 
			
		||||
            axisLine: {
 | 
			
		||||
              show: false
 | 
			
		||||
            },
 | 
			
		||||
            axisTick: {
 | 
			
		||||
              show: false
 | 
			
		||||
            },
 | 
			
		||||
            axisLabel: {
 | 
			
		||||
              interval: 0,
 | 
			
		||||
              formatter: [
 | 
			
		||||
                '{a|{value}}'
 | 
			
		||||
              ].join('\n'),
 | 
			
		||||
              rich: {
 | 
			
		||||
                a: {
 | 
			
		||||
                  // color: 'white',
 | 
			
		||||
                  fontSize: 18
 | 
			
		||||
                }
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            nameTextStyle: {
 | 
			
		||||
 | 
			
		||||
            },
 | 
			
		||||
            data: ["25日","26日","27日","28日","29日","30日","31日"]
 | 
			
		||||
          },
 | 
			
		||||
          // 星期
 | 
			
		||||
          {
 | 
			
		||||
            type: 'category',
 | 
			
		||||
            boundaryGap: false,
 | 
			
		||||
            position: 'top',
 | 
			
		||||
            offset: 110,
 | 
			
		||||
            zlevel: 100,
 | 
			
		||||
            axisLine: {
 | 
			
		||||
              show: false
 | 
			
		||||
            },
 | 
			
		||||
            axisTick: {
 | 
			
		||||
              show: false
 | 
			
		||||
            },
 | 
			
		||||
            axisLabel: {
 | 
			
		||||
              interval: 0,
 | 
			
		||||
              formatter: [
 | 
			
		||||
                '{a|{value}}'
 | 
			
		||||
              ].join('\n'),
 | 
			
		||||
              rich: {
 | 
			
		||||
                a: {
 | 
			
		||||
                  // color: 'white',
 | 
			
		||||
                  fontSize: 14
 | 
			
		||||
                }
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            nameTextStyle: {
 | 
			
		||||
              fontWeight: 'bold',
 | 
			
		||||
              fontSize: 19
 | 
			
		||||
            },
 | 
			
		||||
            data: ["周一","周二","周三","周四","周五","周六","周日"]
 | 
			
		||||
          },
 | 
			
		||||
          // 天气图标
 | 
			
		||||
          {
 | 
			
		||||
            type: 'category',
 | 
			
		||||
            boundaryGap: false,
 | 
			
		||||
            position: 'top',
 | 
			
		||||
            offset: 20,
 | 
			
		||||
            zlevel: 100,
 | 
			
		||||
            axisLine: {
 | 
			
		||||
              show: false
 | 
			
		||||
            },
 | 
			
		||||
            axisTick: {
 | 
			
		||||
              show: false
 | 
			
		||||
            },
 | 
			
		||||
            axisLabel: {
 | 
			
		||||
              interval: 0,
 | 
			
		||||
              formatter: function(value, index) {
 | 
			
		||||
                return '{' + value + '| }\n{b|' + weatherName[value] + '}'
 | 
			
		||||
              },
 | 
			
		||||
              rich: {
 | 
			
		||||
                0: {
 | 
			
		||||
                  backgroundColor: {
 | 
			
		||||
                    // image: require('@/assets/weather_icon/' + this.weatherIconDic[this.weatherdata.weather[0]] + '.png')
 | 
			
		||||
                    image: 'https://d.scggqx.com/forecast/img/小雨.png'
 | 
			
		||||
                  },
 | 
			
		||||
                  height: 40,
 | 
			
		||||
                  width: 40
 | 
			
		||||
                },
 | 
			
		||||
                1: {
 | 
			
		||||
                  backgroundColor: {
 | 
			
		||||
                    // image: require('@/assets/weather_icon/' + this.weatherIconDic[this.weatherdata.weather[1]] + '.png')
 | 
			
		||||
                    image: 'https://d.scggqx.com/forecast/img/小雨.png'
 | 
			
		||||
                  },
 | 
			
		||||
                  height: 40,
 | 
			
		||||
                  width: 40
 | 
			
		||||
                },
 | 
			
		||||
                2: {
 | 
			
		||||
                  backgroundColor: {
 | 
			
		||||
                    // image: require('@/assets/weather_icon/' + this.weatherIconDic[this.weatherdata.weather[2]] + '.png')
 | 
			
		||||
                    image: 'https://d.scggqx.com/forecast/img/阴.png'
 | 
			
		||||
                  },
 | 
			
		||||
                  height: 40,
 | 
			
		||||
                  width: 40
 | 
			
		||||
                },
 | 
			
		||||
                3: {
 | 
			
		||||
                  backgroundColor: {
 | 
			
		||||
                    // image: require('@/assets/weather_icon/' + this.weatherIconDic[this.weatherdata.weather[3]] + '.png')
 | 
			
		||||
                    image: 'https://d.scggqx.com/forecast/img/小雨.png'
 | 
			
		||||
                  },
 | 
			
		||||
                  height: 40,
 | 
			
		||||
                  width: 40
 | 
			
		||||
                },
 | 
			
		||||
                4: {
 | 
			
		||||
                  backgroundColor: {
 | 
			
		||||
                    // image: require('@/assets/weather_icon/' + this.weatherIconDic[this.weatherdata.weather[4]] + '.png')
 | 
			
		||||
                    image: 'https://d.scggqx.com/forecast/img/多云.png'
 | 
			
		||||
                  },
 | 
			
		||||
                  height: 40,
 | 
			
		||||
                  width: 40
 | 
			
		||||
                },
 | 
			
		||||
                5: {
 | 
			
		||||
                  backgroundColor: {
 | 
			
		||||
                    // image: require('@/assets/weather_icon/' + this.weatherIconDic[this.weatherdata.weather[5]] + '.png')
 | 
			
		||||
                    image: 'https://d.scggqx.com/forecast/img/小雨.png'
 | 
			
		||||
                  },
 | 
			
		||||
                  height: 40,
 | 
			
		||||
                  width: 40
 | 
			
		||||
                },
 | 
			
		||||
                6: {
 | 
			
		||||
                  backgroundColor: {
 | 
			
		||||
                    // image: require('@/assets/weather_icon/' + this.weatherIconDic[this.weatherdata.weather[6]] + '.png')
 | 
			
		||||
                    image: 'https://d.scggqx.com/forecast/img/小雨.png'
 | 
			
		||||
                  },
 | 
			
		||||
                  height: 40,
 | 
			
		||||
                  width: 40
 | 
			
		||||
                },
 | 
			
		||||
                b: {
 | 
			
		||||
                  // color: 'white',
 | 
			
		||||
                  fontSize: 12,
 | 
			
		||||
                  lineHeight: 30,
 | 
			
		||||
                  height: 20
 | 
			
		||||
                }
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            nameTextStyle: {
 | 
			
		||||
              fontWeight: 'bold',
 | 
			
		||||
              fontSize: 19
 | 
			
		||||
            },
 | 
			
		||||
            // data: this.weatherdata.weather
 | 
			
		||||
            //data: ["小雨","小雨","阴","小雨","多云","小雨","小雨"]
 | 
			
		||||
            data: [0,1,2,3,4,5,6]
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        yAxis: {
 | 
			
		||||
          type: 'value',
 | 
			
		||||
          show: false,
 | 
			
		||||
          axisLabel: {
 | 
			
		||||
            formatter: '{value} °C'
 | 
			
		||||
            formatter: '{value} °C',
 | 
			
		||||
            color: 'white'
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            name: '最高点',
 | 
			
		||||
            name: '最高气温',
 | 
			
		||||
            type: 'line',
 | 
			
		||||
            data: [10, 11, 13, 11, 12, 12, 9],
 | 
			
		||||
            markPoint: {
 | 
			
		||||
              data: [
 | 
			
		||||
                { type: 'max', name: 'Max' },
 | 
			
		||||
                { type: 'min', name: 'Min' }
 | 
			
		||||
              ]
 | 
			
		||||
            data: ["16.3","16.2","17.6","14.2","17.6","15.7","14.3"],
 | 
			
		||||
            symbol: 'emptyCircle',
 | 
			
		||||
            symbolSize: 10,
 | 
			
		||||
            showSymbol: true,
 | 
			
		||||
            smooth: true,
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                color: '#C95843'
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            areaStyle: {
 | 
			
		||||
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 | 
			
		||||
                {
 | 
			
		||||
                  offset: 0,
 | 
			
		||||
                  color: 'rgb(255, 158, 68)'
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  offset: 1,
 | 
			
		||||
                  color: 'rgb(255, 70, 131)'
 | 
			
		||||
                }
 | 
			
		||||
              ])
 | 
			
		||||
            },
 | 
			
		||||
            label: {
 | 
			
		||||
              show: true,
 | 
			
		||||
              position: 'top',
 | 
			
		||||
              // color: 'white',
 | 
			
		||||
              formatter: '{c} °C'
 | 
			
		||||
            },
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              width: 1,
 | 
			
		||||
              // color: 'white'
 | 
			
		||||
            },
 | 
			
		||||
            markLine: {
 | 
			
		||||
              data: [{ type: 'average', name: 'Avg' }]
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '最低点',
 | 
			
		||||
            name: '最低气温',
 | 
			
		||||
            type: 'line',
 | 
			
		||||
            data: [1, -2, 2, 5, 3, 2, 0],
 | 
			
		||||
            markPoint: {
 | 
			
		||||
              data: [{ name: '周最低', value: -2, xAxis: 1, yAxis: -1.5 }]
 | 
			
		||||
            data: ["13.4","12.8","13.5","12.5","12.4","13.2","13"],
 | 
			
		||||
            symbol: 'emptyCircle',
 | 
			
		||||
            symbolSize: 10,
 | 
			
		||||
            showSymbol: true,
 | 
			
		||||
            smooth: true,
 | 
			
		||||
            itemStyle: {
 | 
			
		||||
              normal: {
 | 
			
		||||
                color: 'blue'
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            label: {
 | 
			
		||||
              show: true,
 | 
			
		||||
              position: 'bottom',
 | 
			
		||||
              // color: 'white',
 | 
			
		||||
              formatter: '{c} °C'
 | 
			
		||||
            },
 | 
			
		||||
            lineStyle: {
 | 
			
		||||
              width: 1,
 | 
			
		||||
              // color: 'white'
 | 
			
		||||
            },
 | 
			
		||||
            areaStyle: {
 | 
			
		||||
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 | 
			
		||||
                {
 | 
			
		||||
                  offset: 0,
 | 
			
		||||
                  color: 'rgb(255, 158, 68)'
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  offset: 1,
 | 
			
		||||
                  color: 'rgb(255, 70, 131)'
 | 
			
		||||
                }
 | 
			
		||||
              ])
 | 
			
		||||
            },
 | 
			
		||||
            markLine: {
 | 
			
		||||
              data: [
 | 
			
		||||
                { type: 'average', name: 'Avg' },
 | 
			
		||||
                [
 | 
			
		||||
                  {
 | 
			
		||||
                    symbol: 'none',
 | 
			
		||||
                    x: '90%',
 | 
			
		||||
                    yAxis: 'max'
 | 
			
		||||
                  },
 | 
			
		||||
                  {
 | 
			
		||||
                    symbol: 'circle',
 | 
			
		||||
                    label: {
 | 
			
		||||
                      position: 'start',
 | 
			
		||||
                      formatter: 'Max'
 | 
			
		||||
                    },
 | 
			
		||||
                    type: 'max',
 | 
			
		||||
                    name: '最高点'
 | 
			
		||||
                  }
 | 
			
		||||
                ]
 | 
			
		||||
              ]
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        ]
 | 
			
		||||
      };
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      getEchart(dom, op)
 | 
			
		||||
    }
 | 
			
		||||
    const getEchart = (dom, op) => {
 | 
			
		||||
| 
						 | 
				
			
			@ -239,26 +430,28 @@ export default {
 | 
			
		|||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  padding: 10px;
 | 
			
		||||
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  // border-color: #5C8AB3;
 | 
			
		||||
  .top-div {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 35%;
 | 
			
		||||
    // border: 1px solid rgb(58, 152, 230);
 | 
			
		||||
    // 
 | 
			
		||||
    display: flex;
 | 
			
		||||
    justify-content: space-between;
 | 
			
		||||
 | 
			
		||||
    .left,
 | 
			
		||||
    .right {
 | 
			
		||||
      width: 49.8%;
 | 
			
		||||
      border: 1px solid rgb(58, 152, 230);
 | 
			
		||||
      padding: 20px;
 | 
			
		||||
    .left {
 | 
			
		||||
      width: 22%;
 | 
			
		||||
      
 | 
			
		||||
      padding: 10px;
 | 
			
		||||
      height: 100%;
 | 
			
		||||
      box-shadow: 0 0 8px #3CB6CC inset;
 | 
			
		||||
      border-radius: 5px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    h1 {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      text-align: center;
 | 
			
		||||
      font-size: 30px;
 | 
			
		||||
      font-size: 26px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .flex1 {
 | 
			
		||||
| 
						 | 
				
			
			@ -283,42 +476,47 @@ export default {
 | 
			
		|||
    ul {
 | 
			
		||||
      display: flex;
 | 
			
		||||
      justify-content: space-between;
 | 
			
		||||
      margin-top: 15px;
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
      flex-wrap: wrap;
 | 
			
		||||
      li {
 | 
			
		||||
        padding: 10px;
 | 
			
		||||
        font-size: 22px;
 | 
			
		||||
        width: 16%;
 | 
			
		||||
        padding: 5px;
 | 
			
		||||
        font-size: 16px;
 | 
			
		||||
        width: 33%;
 | 
			
		||||
        text-align: center;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .middle-div {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 25%;
 | 
			
		||||
    // border: 1px solid rgb(58, 152, 230);
 | 
			
		||||
    font-size: 26px;
 | 
			
		||||
  .right {
 | 
			
		||||
    width: 77%;
 | 
			
		||||
    box-shadow: 0 0 8px #3CB6CC inset;
 | 
			
		||||
    border-radius: 5px;
 | 
			
		||||
    
 | 
			
		||||
    padding: 20px;
 | 
			
		||||
 | 
			
		||||
    h2 {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      text-align: center;
 | 
			
		||||
      margin-bottom: 10px;
 | 
			
		||||
      font-size: 30px;
 | 
			
		||||
      font-size: 26px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .card {
 | 
			
		||||
      height: calc(100% - 50px);
 | 
			
		||||
    }
 | 
			
		||||
    .flex
 | 
			
		||||
    .one-day {
 | 
			
		||||
      width: 13%;
 | 
			
		||||
      height: 120px;
 | 
			
		||||
      height: 100%;
 | 
			
		||||
      display: flex;
 | 
			
		||||
      flex-direction: column;
 | 
			
		||||
      border: 1px solid rgb(58, 152, 230);
 | 
			
		||||
      // box-shadow: 0 0 8px #3CB6CC inset;
 | 
			
		||||
      border-radius: 5px;
 | 
			
		||||
      justify-content: center;
 | 
			
		||||
      align-items: center;
 | 
			
		||||
      border-radius: 5px;
 | 
			
		||||
      line-height: 40px;
 | 
			
		||||
 | 
			
		||||
      background: #3CB6CC;
 | 
			
		||||
      color: #fff;
 | 
			
		||||
      .weather-icon {
 | 
			
		||||
        display: inline-block;
 | 
			
		||||
        height: 46px;
 | 
			
		||||
| 
						 | 
				
			
			@ -334,12 +532,13 @@ export default {
 | 
			
		|||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .bottom-div {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 40%;
 | 
			
		||||
    // border: 1px solid red;
 | 
			
		||||
 | 
			
		||||
    height: 63%;
 | 
			
		||||
    box-shadow: 0 0 8px #3CB6CC inset;
 | 
			
		||||
    border-radius: 5px;
 | 
			
		||||
    padding: 20px;
 | 
			
		||||
    
 | 
			
		||||
    .echartDiv100 {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      height: 100%;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -6,62 +6,97 @@
 | 
			
		|||
        </div>
 | 
			
		||||
        <div class="index-left-bottom">
 | 
			
		||||
          <div class="one-card-content">
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>透水铺砖储水量</p>
 | 
			
		||||
                <font class="value">200</font>
 | 
			
		||||
                <font>m³</font>
 | 
			
		||||
              
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                <img  class="img " src="../assets/u108.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>透水铺砖储水量</p>
 | 
			
		||||
                  <font class="value">200</font>
 | 
			
		||||
                  <font>m³</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>透水铺砖表面温度</p>
 | 
			
		||||
                <font class="value">16.5</font>
 | 
			
		||||
                <font>℃</font>
 | 
			
		||||
              
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                <img class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>透水铺砖表面温度</p>
 | 
			
		||||
                  <font class="value">16.5</font>
 | 
			
		||||
                  <font>℃</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>热岛消减率</p>
 | 
			
		||||
                <font class="value">19.6</font>
 | 
			
		||||
                <font>%</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                <img class="img " src="../assets/u128.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>热岛消减率</p>
 | 
			
		||||
                  <font class="value">19.6</font>
 | 
			
		||||
                  <font>%</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>孔隙率</p>
 | 
			
		||||
                <font class="value">10</font>
 | 
			
		||||
                <font>%</font>
 | 
			
		||||
              <div class="flex">
 | 
			
		||||
                <img  class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>孔隙率</p>
 | 
			
		||||
                  <font class="value">10</font>
 | 
			
		||||
                  <font>%</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="index-right">
 | 
			
		||||
        <div class="one-card">
 | 
			
		||||
            <div class="one-card-content">
 | 
			
		||||
              
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>透水铺装面积</p>
 | 
			
		||||
                <font class="value">500</font>
 | 
			
		||||
                <font>㎡</font>
 | 
			
		||||
                <img  class="img " src="../assets/u187.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>透水铺装面积</p>
 | 
			
		||||
                  <font class="value">500</font>
 | 
			
		||||
                  <font>㎡</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>入渗系统面积</p>
 | 
			
		||||
                <font class="value">437</font>
 | 
			
		||||
                <font>㎡</font>
 | 
			
		||||
                <img  class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>入渗系统面积</p>
 | 
			
		||||
                  <font class="value">437</font>
 | 
			
		||||
                  <font>㎡</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>透水系数</p>
 | 
			
		||||
                <font class="value">10</font>
 | 
			
		||||
                <font>mm/min</font>
 | 
			
		||||
                <img  class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>透水系数</p>
 | 
			
		||||
                  <font class="value">10</font>
 | 
			
		||||
                  <font>mm/min</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>入渗系数</p>
 | 
			
		||||
                <font class="value">1.3</font>
 | 
			
		||||
                <font>mm/min</font>
 | 
			
		||||
                <img   class="img " src="../assets/u120.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>入渗系数</p>
 | 
			
		||||
                  <font class="value">1.3</font>
 | 
			
		||||
                  <font>mm/min</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>透水层厚度</p>
 | 
			
		||||
                <font class="value">300</font>
 | 
			
		||||
                <font>mm</font>
 | 
			
		||||
                <img  class="img " src="../assets/u112.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>透水层厚度</p>
 | 
			
		||||
                  <font class="value">300</font>
 | 
			
		||||
                  <font>mm</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>渗透量</p>
 | 
			
		||||
                <font class="value">362</font>
 | 
			
		||||
                <font>m³</font>
 | 
			
		||||
                <img class="img " src="../assets/u124.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>渗透量</p>
 | 
			
		||||
                  <font class="value">362</font>
 | 
			
		||||
                  <font>m³</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
             
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -112,21 +147,23 @@
 | 
			
		|||
            flex-wrap: wrap;
 | 
			
		||||
            justify-content: space-around;
 | 
			
		||||
            align-items: center;
 | 
			
		||||
 | 
			
		||||
            
 | 
			
		||||
            >div {
 | 
			
		||||
              width: 24%;
 | 
			
		||||
              height: 80%;
 | 
			
		||||
              border: 1px solid rgb(197, 195, 195);
 | 
			
		||||
              display: flex;
 | 
			
		||||
              flex-direction: column;
 | 
			
		||||
              background:#d8e8f7;
 | 
			
		||||
              // flex-direction: column;
 | 
			
		||||
              background:#3CB6CC;
 | 
			
		||||
              // align-items: center;
 | 
			
		||||
              justify-content: center;
 | 
			
		||||
              justify-content: space-around;
 | 
			
		||||
              text-align: center;
 | 
			
		||||
              padding: 10px;
 | 
			
		||||
              border-radius: 10px;
 | 
			
		||||
              font-size: 20px;
 | 
			
		||||
              line-height: 45px;
 | 
			
		||||
              color: #fff;
 | 
			
		||||
              
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
      }
 | 
			
		||||
| 
						 | 
				
			
			@ -147,21 +184,25 @@
 | 
			
		|||
            flex-wrap: wrap;
 | 
			
		||||
            justify-content: space-around;
 | 
			
		||||
            align-items: center;
 | 
			
		||||
 | 
			
		||||
            img {
 | 
			
		||||
              height: 80px;
 | 
			
		||||
              width: 80px;
 | 
			
		||||
            }
 | 
			
		||||
            >div {
 | 
			
		||||
              width: 40%;
 | 
			
		||||
              height: 30%;
 | 
			
		||||
              border: 1px solid rgb(197, 195, 195);
 | 
			
		||||
              display: flex;
 | 
			
		||||
              flex-direction: column;
 | 
			
		||||
              background:#d8e8f7;
 | 
			
		||||
              // align-items: center;
 | 
			
		||||
              background:#3CB6CC;
 | 
			
		||||
              align-items: center;
 | 
			
		||||
              justify-content: center;
 | 
			
		||||
              text-align: center;
 | 
			
		||||
              padding: 10px;
 | 
			
		||||
              border-radius: 10px;
 | 
			
		||||
              font-size: 20px;
 | 
			
		||||
              line-height: 45px;
 | 
			
		||||
              color: #fff;
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
          h2 {
 | 
			
		||||
| 
						 | 
				
			
			@ -173,8 +214,8 @@
 | 
			
		|||
      }
 | 
			
		||||
    }
 | 
			
		||||
    .value {
 | 
			
		||||
      font-size: 38px;
 | 
			
		||||
      color: #1baeae;
 | 
			
		||||
      font-size: 32px;
 | 
			
		||||
      color: #0af1f1;
 | 
			
		||||
      font-weight: bold;
 | 
			
		||||
    }
 | 
			
		||||
  </style>
 | 
			
		||||
| 
						 | 
				
			
			@ -6,36 +6,56 @@
 | 
			
		|||
      <div class="index-right">
 | 
			
		||||
        <div class="one-card">
 | 
			
		||||
            <div class="one-card-content">
 | 
			
		||||
              
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>降雨量</p>
 | 
			
		||||
                <font class="value">12</font>
 | 
			
		||||
                <font>mm/s</font>
 | 
			
		||||
                <img  class="img " src="../assets/u164.png">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>降雨量</p>
 | 
			
		||||
                  <font class="value">12</font>
 | 
			
		||||
                  <font>mm/s</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>温度</p>
 | 
			
		||||
                <font class="value">23</font>
 | 
			
		||||
                <font>℃</font>
 | 
			
		||||
                <img  class="img " src="../assets/u96.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>温度</p>
 | 
			
		||||
                  <font class="value">23</font>
 | 
			
		||||
                  <font>℃</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>空气湿度</p>
 | 
			
		||||
                <font class="value">22</font>
 | 
			
		||||
                <font>%</font>
 | 
			
		||||
                <img  class="img " src="../assets/u120.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>空气湿度</p>
 | 
			
		||||
                  <font class="value">22</font>
 | 
			
		||||
                  <font>%</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>蒸发量</p>
 | 
			
		||||
                <font class="value">9</font>
 | 
			
		||||
                <font>mm</font>
 | 
			
		||||
                <img   class="img " src="../assets/u176.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>蒸发量</p>
 | 
			
		||||
                  <font class="value">9</font>
 | 
			
		||||
                  <font>mm</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>土壤湿度</p>
 | 
			
		||||
                <font class="value">56</font>
 | 
			
		||||
                <font>%</font>
 | 
			
		||||
                <img   class="img " src="../assets/u120.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>土壤湿度</p>
 | 
			
		||||
                  <font class="value">56</font>
 | 
			
		||||
                  <font>%</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div>
 | 
			
		||||
                <p>风速</p>
 | 
			
		||||
                <font class="value">3</font>
 | 
			
		||||
                <font>m/s</font>
 | 
			
		||||
                <img  class="img " src="../assets/u187.svg">
 | 
			
		||||
                <div>
 | 
			
		||||
                  <p>风速</p>
 | 
			
		||||
                  <font class="value">3</font>
 | 
			
		||||
                  <font>m/s</font>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -90,21 +110,24 @@
 | 
			
		|||
            flex-wrap: wrap;
 | 
			
		||||
            justify-content: space-around;
 | 
			
		||||
            align-items: center;
 | 
			
		||||
 | 
			
		||||
            img {
 | 
			
		||||
              height: 80px;
 | 
			
		||||
            }
 | 
			
		||||
            >div {
 | 
			
		||||
              width: 40%;
 | 
			
		||||
              height: 30%;
 | 
			
		||||
              border: 1px solid rgb(197, 195, 195);
 | 
			
		||||
              display: flex;
 | 
			
		||||
              flex-direction: column;
 | 
			
		||||
              background:#d8e8f7;
 | 
			
		||||
              // align-items: center;
 | 
			
		||||
              background:#3CB6CC;
 | 
			
		||||
              align-items: center;
 | 
			
		||||
              justify-content: center;
 | 
			
		||||
              text-align: center;
 | 
			
		||||
              padding: 10px;
 | 
			
		||||
              border-radius: 10px;
 | 
			
		||||
              font-size: 20px;
 | 
			
		||||
              line-height: 45px;
 | 
			
		||||
              color: #fff;
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
| 
						 | 
				
			
			@ -112,7 +135,7 @@
 | 
			
		|||
    }
 | 
			
		||||
    .value {
 | 
			
		||||
      font-size: 38px;
 | 
			
		||||
      color: #1baeae;
 | 
			
		||||
      color: #02ffff;
 | 
			
		||||
      font-weight: bold;
 | 
			
		||||
    }
 | 
			
		||||
  </style>
 | 
			
		||||
| 
						 | 
				
			
			@ -8,13 +8,14 @@
 | 
			
		|||
      <li class="one-card" v-for="(item, i) in menus" :key="i" @click="go(item)">
 | 
			
		||||
        <div class="one-card-left" :class="'menu' + i" >{{ item.name }}</div>
 | 
			
		||||
        <div class="one-card-right" :class="'color' + i">
 | 
			
		||||
          <div class="parm">
 | 
			
		||||
              <p>{{ item.parms && item.parms[0].name }}</p>
 | 
			
		||||
              <font><span class="font28">{{ item.parms && item.parms[0].value }}</span></font>
 | 
			
		||||
          <div class="parm" v-for="one in item.parms" :key="one.name">
 | 
			
		||||
              <p>{{ one.name }}</p>
 | 
			
		||||
              <font>
 | 
			
		||||
                {{  item.parms && item.parms[0].dw }}
 | 
			
		||||
                <span class="font24">{{ one.value }}</span>
 | 
			
		||||
                <span> {{ one.dw }}</span>
 | 
			
		||||
              </font>
 | 
			
		||||
            </div>
 | 
			
		||||
              
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </li>
 | 
			
		||||
    </ul>
 | 
			
		||||
| 
						 | 
				
			
			@ -36,14 +37,22 @@ export default {
 | 
			
		|||
        url: 'page',
 | 
			
		||||
        parms: [{
 | 
			
		||||
          name: '节水量',
 | 
			
		||||
          value: '4.00',
 | 
			
		||||
          value: '4',
 | 
			
		||||
          dw: 'm³'
 | 
			
		||||
        },{
 | 
			
		||||
          name: '节碳量',
 | 
			
		||||
          value: '0.67',
 | 
			
		||||
          dw: 'kg'
 | 
			
		||||
        }]
 | 
			
		||||
      }, {
 | 
			
		||||
        name: '屋顶绿化系统',
 | 
			
		||||
        url: 'green',
 | 
			
		||||
        parms: [{
 | 
			
		||||
          name: '热岛消减率',
 | 
			
		||||
          name: '径流系数',
 | 
			
		||||
          value: '0.6',
 | 
			
		||||
          dw: ''
 | 
			
		||||
        },{
 | 
			
		||||
          name: '热岛减率',
 | 
			
		||||
          value: '21',
 | 
			
		||||
          dw: '%'
 | 
			
		||||
        }]
 | 
			
		||||
| 
						 | 
				
			
			@ -51,7 +60,11 @@ export default {
 | 
			
		|||
        name: '生物滞留&净化系统',
 | 
			
		||||
        url: 'biology',
 | 
			
		||||
        parms: [{
 | 
			
		||||
          name: '液位',
 | 
			
		||||
          name: '区域面积',
 | 
			
		||||
          value: '75',
 | 
			
		||||
          dw: '㎡'
 | 
			
		||||
        },{
 | 
			
		||||
          name: '滞留系统液位',
 | 
			
		||||
          value: '323',
 | 
			
		||||
          dw: 'mm'
 | 
			
		||||
        }]
 | 
			
		||||
| 
						 | 
				
			
			@ -62,6 +75,10 @@ export default {
 | 
			
		|||
          name: '热岛消减率',
 | 
			
		||||
          value: '19.6',
 | 
			
		||||
          dw: '%'
 | 
			
		||||
        },{
 | 
			
		||||
          name: '孔隙率',
 | 
			
		||||
          value: '10',
 | 
			
		||||
          dw: '%'
 | 
			
		||||
        }]
 | 
			
		||||
      }, {
 | 
			
		||||
        name: '调蓄系统&逆流监测系统',
 | 
			
		||||
| 
						 | 
				
			
			@ -70,14 +87,22 @@ export default {
 | 
			
		|||
          name: '溢流量',
 | 
			
		||||
          value: '1.25',
 | 
			
		||||
          dw: 'L/s'
 | 
			
		||||
        }]
 | 
			
		||||
        },{
 | 
			
		||||
          name: '氨氮',
 | 
			
		||||
          value: '12.5',
 | 
			
		||||
          dw: 'mg/L'
 | 
			
		||||
        },]
 | 
			
		||||
      }, {
 | 
			
		||||
        name: '气象监测系统',
 | 
			
		||||
        url: 'weather',
 | 
			
		||||
        parms: [{
 | 
			
		||||
          name: '天气',
 | 
			
		||||
          value: '晴',
 | 
			
		||||
          dw: ''
 | 
			
		||||
          name: '温度',
 | 
			
		||||
          value: '23',
 | 
			
		||||
          dw: '℃'
 | 
			
		||||
        },{
 | 
			
		||||
          name: '空气湿度',
 | 
			
		||||
          value: '22',
 | 
			
		||||
          dw: '%'
 | 
			
		||||
        }]
 | 
			
		||||
      }]
 | 
			
		||||
    })
 | 
			
		||||
| 
						 | 
				
			
			@ -100,7 +125,7 @@ export default {
 | 
			
		|||
.home {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  background: url(../assets/index-bg1.jpg) left top no-repeat;
 | 
			
		||||
  background: url(../assets/index-bg.jpg) left top no-repeat;
 | 
			
		||||
  background-size: 100% 100%;
 | 
			
		||||
  // border: 1px solid rgb(180, 20, 180);
 | 
			
		||||
  display: flex;
 | 
			
		||||
| 
						 | 
				
			
			@ -169,7 +194,7 @@ export default {
 | 
			
		|||
      justify-content: space-between;
 | 
			
		||||
      box-shadow: 0 0 8px #99ACB0 inset;
 | 
			
		||||
      cursor: pointer;
 | 
			
		||||
      color: #fff;
 | 
			
		||||
      // color: #fff;
 | 
			
		||||
      .one-card-left {
 | 
			
		||||
        width: 80%;
 | 
			
		||||
        padding: 10px;
 | 
			
		||||
| 
						 | 
				
			
			@ -219,18 +244,18 @@ export default {
 | 
			
		|||
        background: linear-gradient(to right, #c3d4cb, #81CFA3);
 | 
			
		||||
      }
 | 
			
		||||
      .one-card-right {
 | 
			
		||||
        width: 20%;
 | 
			
		||||
        color: #043b8d;
 | 
			
		||||
        width: 40%;
 | 
			
		||||
        color: #3E9537;
 | 
			
		||||
        padding: 10px;
 | 
			
		||||
        .parm {
 | 
			
		||||
          display: flex;
 | 
			
		||||
          flex-direction: column;
 | 
			
		||||
          height: 100%;
 | 
			
		||||
          padding: 10px;
 | 
			
		||||
          align-items: center;
 | 
			
		||||
          line-height: 30px;
 | 
			
		||||
          align-items: start;
 | 
			
		||||
          justify-content: space-around;
 | 
			
		||||
          .font28 {
 | 
			
		||||
            font-size: 28px;
 | 
			
		||||
            color: #0866f3;
 | 
			
		||||
          .font24 {
 | 
			
		||||
            font-size: 24px;
 | 
			
		||||
            color: #00646C;
 | 
			
		||||
            font-size: 800;
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||