Skip to content

D
donkey
Commit 75abbb3b authored by caicaicai's avatar caicaicai
Browse files
Options

编写矿区监测主页以及各个页面的跳转

parent be7b9631
Show whitespace changes
Inline Side-by-side
Showing with 799 additions and 52 deletions
src/assets/icon/iconfont.css
View file @ 75abbb3b
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2766225 */ font-family: "iconfont"; /* Project id 2766225 */
src: url('iconfont.woff2?t=1629798949041') format('woff2'), src: url('iconfont.woff2?t=1629943279368') format('woff2'),
url('iconfont.woff?t=1629798949041') format('woff'), url('iconfont.woff?t=1629943279368') format('woff'),
url('iconfont.ttf?t=1629798949041') format('truetype'); url('iconfont.ttf?t=1629943279368') format('truetype');
} }
.iconfont { .iconfont {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-size: 18px; font-size: 16px;
font-style: normal; font-style: normal;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-dian:before {
content: "\e605";
}
.icon-solid-home:before { .icon-solid-home:before {
content: "\e641"; content: "\e641";
} }
......
src/assets/icon/iconfont.js
View file @ 75abbb3b
!function(c){var t,e,l,i,o,n='<svg><symbol id="icon-solid-home" viewBox="0 0 1024 1024"><path d="M977.732267 373.640533 588.4416 70.5536c-33.501867-26.146133-86.084267-26.112-119.569067 0L79.598933 373.640533c-13.312 10.359467-15.581867 29.422933-5.0688 42.496 10.496 13.1072 29.3888 15.342933 42.683733 5.000533L136.533333 409.6l0 494.933333c0 51.950933 48.384 85.333333 97.262933 85.333333l614.314667 0C896.392533 989.866667 921.6 958.8224 921.6 904.533333L921.6 409.6l17.5616 11.537067c5.666133 4.386133 12.5952 6.5024 19.268267 6.5024 9.0624 0 18.158933-3.925333 24.200533-11.502933C993.160533 403.0464 991.061333 384 977.732267 373.640533zM631.466667 921.6 426.666667 921.6 426.666667 665.6c0-35.208533 39.0656-85.333333 102.4-85.333333s102.4 50.141867 102.4 85.333333L631.466667 921.6z" ></path></symbol><symbol id="icon-dingwei" viewBox="0 0 1024 1024"><path d="M403.89 579.833h216.218L511.999 687.915 403.89 579.833zM512 64.304c-134.871 0-244.198 109.327-244.198 244.197 0 134.872 109.327 244.199 244.197 244.199s244.2-109.327 244.2-244.199c0-134.87-109.329-244.197-244.2-244.197z m0 434.129c-104.903 0-189.932-85.03-189.932-189.932 0-104.902 85.03-189.93 189.931-189.93 104.876 0 189.932 85.03 189.932 189.93 0 104.903-85.056 189.932-189.932 189.932z" fill="" ></path><path d="M512 199.968c59.936 0 108.532 48.596 108.532 108.533 0 59.937-48.595 108.533-108.533 108.533S403.467 368.44 403.467 308.501c0-59.936 48.596-108.533 108.532-108.533zM874.586 742.648c28.392-20.357 44.41-43.418 44.41-67.85 0-62.813-105.923-116.523-255.83-138.518-0.431 0.287-0.865 0.57-1.298 0.853 119.86 19.502 202.861 61.655 202.861 110.534 0 23.025-18.423 44.56-50.428 62.94-60.807-24.702-143.834-41.914-237.528-47.414l-0.116 0.116c95.09 6.1 176.794 25.397 228.646 52.197-63.279 32.716-171.018 54.259-293.304 54.259-122.285 0-230.023-21.543-293.303-54.26 51.853-26.798 133.556-46.096 228.646-52.196l-0.117-0.116c-93.695 5.5-176.72 22.712-237.528 47.414-32.006-18.38-50.428-39.915-50.428-62.94 0-48.88 83.001-91.032 202.86-110.534-0.432-0.283-0.866-0.566-1.296-0.853-149.908 21.995-255.831 75.705-255.831 138.519 0 24.431 16.018 47.492 44.41 67.85-28.391 20.342-44.41 43.39-44.41 67.816 0 82.405 182.221 149.231 406.997 149.231s406.998-66.826 406.998-149.231c-0.001-24.426-16.02-47.474-44.411-67.817zM511.999 905.431c-194.806 0-352.73-54.664-352.73-122.1 0-9.738 3.314-19.207 9.538-28.286 72.295 41.48 198.985 68.986 343.191 68.986s270.898-27.507 343.193-68.986c6.224 9.08 9.538 18.548 9.538 28.287 0.001 67.435-157.923 122.099-352.73 122.099z" fill="" ></path></symbol><symbol id="icon-wenjian" viewBox="0 0 1024 1024"><path d="M679.814 62.381H128.692v897.177h768.434V255.079L679.814 62.381zM203.758 890.606V131.333h414.026v188.205H822.06v571.068H203.758z" fill="#819292" ></path><path d="M293.825 417.364H746.64v67.229H293.825zM293.825 577.709H746.64v67.229H293.825zM293.825 738.054H746.64v67.229H293.825z" fill="#819292" ></path></symbol><symbol id="icon-diannao" viewBox="0 0 1024 1024"><path d="M554 849.574c0 23.365-18.635 42.307-42 42.307s-42-18.941-42-42.307V662.719c0-23.365 18.635-42.307 42-42.307v-7.051c23.365 0 42 25.993 42 49.358v186.855z" fill="#666666" ></path><path d="M893 888.5c0 17.397-14.103 31.5-31.5 31.5h-700c-17.397 0-31.5-14.103-31.5-31.5s14.103-31.5 31.5-31.5h700c17.397 0 31.5 14.103 31.5 31.5zM926 174.426C926 135.484 894.686 105 855.744 105H168.256C129.314 105 98 135.484 98 174.426V533h828V174.426zM98 630.988C98 669.931 129.314 702 168.256 702h687.488C894.686 702 926 669.931 926 630.988V596H98v34.988z" fill="#666666" ></path></symbol><symbol id="icon-IOTtubiao_huabanfuben" viewBox="0 0 1024 1024"><path d="M832.7 9H199.9c-52.6 0-91.1 30-95.9 74.5l-0.1 0.8v854.5c0 48.7 39.5 82.7 96 82.7h632.7c53.2 0 96.5-34.2 96.5-76.2V85.2c0.1-42-43.2-76.2-96.4-76.2z m32.1 902.7c0.8 34.5-37.8 45.8-54.7 45.8h-373L713.8 922c23-3.5 54.5-17.2 54.5-47V151.5c0-35.6-31.5-43.5-54.6-47.1l-291.1-36h387.5c16.9 0 55.5 10.3 54.7 45.7v797.6zM581.3 515.3c0-24.6 20.2-44.6 45-44.6 24.6 0 44.7 20 44.7 44.6s-20 44.6-44.7 44.6c-24.8 0-45-20-45-44.6z" fill="#8A8A8A" ></path></symbol><symbol id="icon-xiajiantou" viewBox="0 0 1024 1024"><path d="M573.056 752l308.8-404.608A76.8 76.8 0 0 0 820.736 224H203.232a76.8 76.8 0 0 0-61.056 123.392L450.976 752a76.8 76.8 0 0 0 122.08 0z" ></path></symbol><symbol id="icon-bianpo" viewBox="0 0 1024 1024"><path d="M464.213333 382.293333zM488.106667 501.76L139.946667 853.333333h95.573333l300.373333-303.786666zM610.986667 624.64L378.88 853.333333h95.573333l184.32-180.906666zM621.226667 853.333333H716.8l61.44-61.44-47.786667-47.786666z" ></path><path d="M887.466667 505.173333c58.026667-17.066667 102.4-75.093333 102.4-146.773333C989.866667 273.066667 928.426667 204.8 853.333333 204.8s-136.533333 68.266667-136.533333 153.6c0 71.68 44.373333 129.706667 102.4 146.773333v81.92L491.52 307.2H331.093333l-68.266666-170.666667H34.133333v716.8h68.266667v-109.226666l300.373333-300.373334H307.2l-204.8 204.8v-143.36l150.186667-150.186666-34.133334-64.853334L102.4 406.186667V204.8h112.64l68.266667 170.666667h180.906666L921.6 768V853.333333h68.266667v-119.466666L887.466667 648.533333v-143.36z m-102.4-146.773333c0-47.786667 30.72-85.333333 68.266666-85.333333s68.266667 37.546667 68.266667 85.333333-30.72 85.333333-68.266667 85.333333-68.266667-37.546667-68.266666-85.333333z" ></path></symbol><symbol id="icon-yezi" viewBox="0 0 1024 1024"><path d="M837.46133333 301.056c-3.39057778-24.71253333-6.91768889-43.89546667-10.0352-60.80284445-5.33617778-29.00195555-9.94417778-54.04444445-12.52693333-98.37226666-5.64337778-96.73386667-17.62417778-130.9696-47.43395555-135.63448889-14.77973333-2.34382222-22.51662222 5.14275555-41.21031112 23.32444445-26.14613333 25.37244445-74.80888889 72.6016-132.80142222 99.31662222-51.72337778 23.83644445-76.03768889 32.03982222-99.55555556 39.99288888-22.56213333 7.62311111-43.86133333 14.81386667-84.6848 34.08782223-125.45137778 59.25546667-165.81973333 105.15342222-185.2871111 134.53084444-17.94275555 27.14737778-32.31288889 61.49688889-41.56302223 99.37351111-36.40888889 149.0944-5.39306667 384.59164445 123.73333333 451.62951112-6.59911111 39.82222222-10.99093333 75.19573333-12.8455111 101.6832-1.01262222 14.55217778 9.96693333 27.18151111 24.5191111 28.19413333 0.62577778 0.05688889 1.25155555 0.06826667 1.86595556 0.06826667 13.75573333 0 25.36106667-10.6496 26.33955556-24.576 1.7408-25.04248889 5.70026667-56.32 11.28675555-90.55573334 4.72177778 0.35271111 9.55733333 0.58026667 14.55217778 0.58026667 105.25582222 0 265.87591111-75.68497778 273.78346667-79.45102223 52.41742222-24.94008889 90.20302222-46.00035555 135.95306666-109.056 52.18986667-71.8848 77.17546667-149.2992 74.26275556-230.11555555-2.1504-60.09742222-10.49031111-126.85084445-18.35235556-184.2176z m-98.66808888 383.30595555c-39.27608889 54.13546667-69.632 70.3488-115.89404445 92.3648-86.34595555 41.03964445-196.69902222 76.93653333-256.25031111 74.46755556 11.264-57.38951111 26.2144-118.84088889 43.49724444-173.29493333 68.61937778-5.59786667 188.416-48.85617778 214.6304-58.5728 13.68746667-5.07448889 20.66204445-20.26382222 15.58755556-33.95128889-5.07448889-13.67608889-20.30933333-20.66204445-33.95128889-15.58755556-48.71964445 18.04515555-126.37297778 43.15591111-176.68551111 52.40604445 9.67111111-24.71253333 19.78595555-46.52373333 30.16248889-63.71555556 4.90382222-8.12373333 9.56871111-15.39413333 14.34737777-22.60764444 33.16622222-0.28444445 87.7568-28.54684445 192.0568889-113.72088889 11.29813333-9.23875555 12.98204445-25.88444445 3.75466666-37.19395556-9.23875555-11.28675555-25.87306667-12.98204445-37.1712-3.75466666-46.1824 37.71733333-79.38275555 61.36035555-103.2192 76.288 51.04071111-69.07448889 106.87146667-135.86204445 166.95751111-198.97457778 10.05795555-10.55857778 9.64835555-27.28391111-0.91022222-37.34186667-10.56995555-10.05795555-27.29528889-9.68248889-37.36462222 0.91022223-64.78506667 68.01635555-124.65493333 140.29937778-179.14311111 215.06275555-0.56888889-40.84622222-2.08213333-84.5824-4.608-132.7104-0.76231111-14.56355555-13.22097778-25.38382222-27.77315556-25.00835555-14.56355555 0.77368889-25.77066667 13.19822222-24.99697778 27.76177777 3.25404445 62.16817778 4.84693333 116.86115555 4.8128 167.86773333 0 9.728 0.05688889 20.87822222 3.7888 31.27751112-5.19964445 7.85066667-10.36515555 15.88337778-15.75822222 24.81493333-13.78986667 22.8352-26.65813333 51.37066667-38.55928889 82.93262222-18.80746667-22.6304-42.30257778-76.32213333-56.32-132.66488889-3.50435555-14.15395555-17.80622222-22.78968889-32.00568889-19.26257778-14.15395555 3.50435555-22.77831111 17.84035555-19.27395555 31.99431112 8.71537778 35.13457778 38.35448889 139.0592 89.2928 173.03324444-16.75946667 53.48693333-30.78826667 111.62737778-41.52888889 165.80835556-91.22702222-64.67128889-111.74115555-263.9872-82.5344-383.61315556 7.81653333-32.00568889 19.68355555-60.63217778 34.304-82.7392 9.19324445-13.86951111 37.15982222-56.09244445 163.78311111-115.90542222 38.07004445-17.97688889 57.04817778-24.39395555 79.03004445-31.82364444 23.66577778-7.97582222 50.49457778-17.04391111 104.7552-42.05226667 59.97226667-27.62524445 110.66026667-73.94417778 139.29813333-101.46702223 2.53724445 13.824 5.30204445 35.60106667 7.28177777 69.5296 2.77617778 47.616 7.89617778 75.42328889 13.312 104.86897778 3.15164445 17.16906667 6.42844445 34.9184 9.64835556 58.43626667 7.70275555 56.05831111 15.83786667 121.16195555 17.90862222 178.92693333 2.4576 69.72302222-18.54577778 134.22364445-64.26168888 197.21102222z" fill="#666666" ></path></symbol><symbol id="icon-kuaizhuanggengduo" viewBox="0 0 1024 1024"><path d="M396.837 529.904c44.464 0 80.51 36.05 80.51 80.519V863.48c0 44.47-36.046 80.519-80.51 80.519H141.51C97.045 944 61 907.95 61 863.481V610.423c0-44.47 36.045-80.519 80.509-80.519h255.328z m487.654 0c44.464 0 80.509 36.05 80.509 80.519V863.48c0 44.47-36.045 80.519-80.509 80.519H629.163c-44.464 0-80.51-36.05-80.51-80.519V610.423c0-44.47 36.046-80.519 80.51-80.519H884.49zM396.837 79c44.464 0 80.51 36.05 80.51 80.519v253.058c0 44.47-36.046 80.519-80.51 80.519H141.51c-44.464 0-80.509-36.05-80.509-80.519V159.52C61 115.049 97.045 79 141.509 79h255.328z m361.14 1.15c113.065 0 204.723 91.669 204.723 204.748 0 113.078-91.658 204.747-204.723 204.747-113.065 0-204.723-91.669-204.723-204.747 0-113.08 91.658-204.748 204.723-204.748z" fill="#333333" ></path></symbol><symbol id="icon-wenjianjia" viewBox="0 0 1024 1024"><path d="M417.778 136c43.177 0 81.047 28.654 92.786 70.058l0.348 1.259 0.991 3.683H816c52.49 0 95.14 42.125 95.987 94.412L912 307v484.691c0 52.823-42.565 95.66-95.228 96.31h-1.6l-607.125-2.451c-52.563-0.214-95.187-42.4-96.034-94.72L112 789.24V232.309c0-52.672 42.332-95.446 94.844-96.296l1.594-0.013h209.34z m0.44 64H176v624h672V417h-64v0.042H550.301l-0.861-0.006c-28.389-0.376-53.183-19.351-60.924-46.656l-0.232-0.839-39.174-145.596-0.115-0.418c-3.897-13.75-16.416-23.332-30.777-23.527zM680 672c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32H344c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h336z m168.002-397H529.123l20.963 77.913 0.018 0.038c0.026 0.038 0.072 0.07 0.132 0.084l0.065 0.007h297.701V275z" ></path></symbol><symbol id="icon-car-fill" viewBox="0 0 1024 1024"><path d="M959 413.4L935.3 372c-2.2-3.8-7.1-5.1-10.9-2.9l-50.7 29.6-78.3-216.2c-8.5-26.5-33.1-44.4-60.9-44.4H301.2c-34.7 0-65.5 22.4-76.2 55.5l-74.6 205.2-50.8-29.6c-3.8-2.2-8.7-0.9-10.9 2.9L65 413.4c-2.2 3.8-0.9 8.6 2.9 10.8l60.4 35.2-14.5 40c-1.2 3.2-1.8 6.6-1.8 10v348.2c0 15.7 11.8 28.4 26.3 28.4h67.6c12.3 0 23-9.3 25.6-22.3l7.7-37.7h545.6l7.7 37.7c2.7 13 13.3 22.3 25.6 22.3h67.6c14.5 0 26.3-12.7 26.3-28.4V509.4c0-3.4-0.6-6.8-1.8-10l-14.5-40 60.3-35.2c3.8-2.2 5.1-7 3-10.8zM264 621c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z m388 75c0 4.4-3.6 8-8 8H380c-4.4 0-8-3.6-8-8v-84c0-4.4 3.6-8 8-8h40c4.4 0 8 3.6 8 8v36h168v-36c0-4.4 3.6-8 8-8h40c4.4 0 8 3.6 8 8v84z m108-75c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zM220 418l72.7-199.9 0.5-1.3 0.4-1.3c1.1-3.3 4.1-5.5 7.6-5.5h427.6l75.4 208H220z" ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss"),h=function(c,t){t.parentNode.insertBefore(c,t)};if(a&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}function d(){o||(o=!0,l())}function s(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(s,50)}d()}t=function(){var c,t;(t=document.createElement("div")).innerHTML=n,n=null,(c=t.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",t=c,(c=document.body).firstChild?h(t,c.firstChild):c.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(e=function(){document.removeEventListener("DOMContentLoaded",e,!1),t()},document.addEventListener("DOMContentLoaded",e,!1)):document.attachEvent&&(l=t,i=c.document,o=!1,s(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,d())})}(window); !function(c){var t,e,l,i,o,n='<svg><symbol id="icon-dian" viewBox="0 0 1024 1024"><path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" ></path></symbol><symbol id="icon-solid-home" viewBox="0 0 1024 1024"><path d="M977.732267 373.640533 588.4416 70.5536c-33.501867-26.146133-86.084267-26.112-119.569067 0L79.598933 373.640533c-13.312 10.359467-15.581867 29.422933-5.0688 42.496 10.496 13.1072 29.3888 15.342933 42.683733 5.000533L136.533333 409.6l0 494.933333c0 51.950933 48.384 85.333333 97.262933 85.333333l614.314667 0C896.392533 989.866667 921.6 958.8224 921.6 904.533333L921.6 409.6l17.5616 11.537067c5.666133 4.386133 12.5952 6.5024 19.268267 6.5024 9.0624 0 18.158933-3.925333 24.200533-11.502933C993.160533 403.0464 991.061333 384 977.732267 373.640533zM631.466667 921.6 426.666667 921.6 426.666667 665.6c0-35.208533 39.0656-85.333333 102.4-85.333333s102.4 50.141867 102.4 85.333333L631.466667 921.6z" ></path></symbol><symbol id="icon-dingwei" viewBox="0 0 1024 1024"><path d="M403.89 579.833h216.218L511.999 687.915 403.89 579.833zM512 64.304c-134.871 0-244.198 109.327-244.198 244.197 0 134.872 109.327 244.199 244.197 244.199s244.2-109.327 244.2-244.199c0-134.87-109.329-244.197-244.2-244.197z m0 434.129c-104.903 0-189.932-85.03-189.932-189.932 0-104.902 85.03-189.93 189.931-189.93 104.876 0 189.932 85.03 189.932 189.93 0 104.903-85.056 189.932-189.932 189.932z" fill="" ></path><path d="M512 199.968c59.936 0 108.532 48.596 108.532 108.533 0 59.937-48.595 108.533-108.533 108.533S403.467 368.44 403.467 308.501c0-59.936 48.596-108.533 108.532-108.533zM874.586 742.648c28.392-20.357 44.41-43.418 44.41-67.85 0-62.813-105.923-116.523-255.83-138.518-0.431 0.287-0.865 0.57-1.298 0.853 119.86 19.502 202.861 61.655 202.861 110.534 0 23.025-18.423 44.56-50.428 62.94-60.807-24.702-143.834-41.914-237.528-47.414l-0.116 0.116c95.09 6.1 176.794 25.397 228.646 52.197-63.279 32.716-171.018 54.259-293.304 54.259-122.285 0-230.023-21.543-293.303-54.26 51.853-26.798 133.556-46.096 228.646-52.196l-0.117-0.116c-93.695 5.5-176.72 22.712-237.528 47.414-32.006-18.38-50.428-39.915-50.428-62.94 0-48.88 83.001-91.032 202.86-110.534-0.432-0.283-0.866-0.566-1.296-0.853-149.908 21.995-255.831 75.705-255.831 138.519 0 24.431 16.018 47.492 44.41 67.85-28.391 20.342-44.41 43.39-44.41 67.816 0 82.405 182.221 149.231 406.997 149.231s406.998-66.826 406.998-149.231c-0.001-24.426-16.02-47.474-44.411-67.817zM511.999 905.431c-194.806 0-352.73-54.664-352.73-122.1 0-9.738 3.314-19.207 9.538-28.286 72.295 41.48 198.985 68.986 343.191 68.986s270.898-27.507 343.193-68.986c6.224 9.08 9.538 18.548 9.538 28.287 0.001 67.435-157.923 122.099-352.73 122.099z" fill="" ></path></symbol><symbol id="icon-wenjian" viewBox="0 0 1024 1024"><path d="M679.814 62.381H128.692v897.177h768.434V255.079L679.814 62.381zM203.758 890.606V131.333h414.026v188.205H822.06v571.068H203.758z" fill="#819292" ></path><path d="M293.825 417.364H746.64v67.229H293.825zM293.825 577.709H746.64v67.229H293.825zM293.825 738.054H746.64v67.229H293.825z" fill="#819292" ></path></symbol><symbol id="icon-diannao" viewBox="0 0 1024 1024"><path d="M554 849.574c0 23.365-18.635 42.307-42 42.307s-42-18.941-42-42.307V662.719c0-23.365 18.635-42.307 42-42.307v-7.051c23.365 0 42 25.993 42 49.358v186.855z" fill="#666666" ></path><path d="M893 888.5c0 17.397-14.103 31.5-31.5 31.5h-700c-17.397 0-31.5-14.103-31.5-31.5s14.103-31.5 31.5-31.5h700c17.397 0 31.5 14.103 31.5 31.5zM926 174.426C926 135.484 894.686 105 855.744 105H168.256C129.314 105 98 135.484 98 174.426V533h828V174.426zM98 630.988C98 669.931 129.314 702 168.256 702h687.488C894.686 702 926 669.931 926 630.988V596H98v34.988z" fill="#666666" ></path></symbol><symbol id="icon-IOTtubiao_huabanfuben" viewBox="0 0 1024 1024"><path d="M832.7 9H199.9c-52.6 0-91.1 30-95.9 74.5l-0.1 0.8v854.5c0 48.7 39.5 82.7 96 82.7h632.7c53.2 0 96.5-34.2 96.5-76.2V85.2c0.1-42-43.2-76.2-96.4-76.2z m32.1 902.7c0.8 34.5-37.8 45.8-54.7 45.8h-373L713.8 922c23-3.5 54.5-17.2 54.5-47V151.5c0-35.6-31.5-43.5-54.6-47.1l-291.1-36h387.5c16.9 0 55.5 10.3 54.7 45.7v797.6zM581.3 515.3c0-24.6 20.2-44.6 45-44.6 24.6 0 44.7 20 44.7 44.6s-20 44.6-44.7 44.6c-24.8 0-45-20-45-44.6z" fill="#8A8A8A" ></path></symbol><symbol id="icon-xiajiantou" viewBox="0 0 1024 1024"><path d="M573.056 752l308.8-404.608A76.8 76.8 0 0 0 820.736 224H203.232a76.8 76.8 0 0 0-61.056 123.392L450.976 752a76.8 76.8 0 0 0 122.08 0z" ></path></symbol><symbol id="icon-bianpo" viewBox="0 0 1024 1024"><path d="M464.213333 382.293333zM488.106667 501.76L139.946667 853.333333h95.573333l300.373333-303.786666zM610.986667 624.64L378.88 853.333333h95.573333l184.32-180.906666zM621.226667 853.333333H716.8l61.44-61.44-47.786667-47.786666z" ></path><path d="M887.466667 505.173333c58.026667-17.066667 102.4-75.093333 102.4-146.773333C989.866667 273.066667 928.426667 204.8 853.333333 204.8s-136.533333 68.266667-136.533333 153.6c0 71.68 44.373333 129.706667 102.4 146.773333v81.92L491.52 307.2H331.093333l-68.266666-170.666667H34.133333v716.8h68.266667v-109.226666l300.373333-300.373334H307.2l-204.8 204.8v-143.36l150.186667-150.186666-34.133334-64.853334L102.4 406.186667V204.8h112.64l68.266667 170.666667h180.906666L921.6 768V853.333333h68.266667v-119.466666L887.466667 648.533333v-143.36z m-102.4-146.773333c0-47.786667 30.72-85.333333 68.266666-85.333333s68.266667 37.546667 68.266667 85.333333-30.72 85.333333-68.266667 85.333333-68.266667-37.546667-68.266666-85.333333z" ></path></symbol><symbol id="icon-yezi" viewBox="0 0 1024 1024"><path d="M837.46133333 301.056c-3.39057778-24.71253333-6.91768889-43.89546667-10.0352-60.80284445-5.33617778-29.00195555-9.94417778-54.04444445-12.52693333-98.37226666-5.64337778-96.73386667-17.62417778-130.9696-47.43395555-135.63448889-14.77973333-2.34382222-22.51662222 5.14275555-41.21031112 23.32444445-26.14613333 25.37244445-74.80888889 72.6016-132.80142222 99.31662222-51.72337778 23.83644445-76.03768889 32.03982222-99.55555556 39.99288888-22.56213333 7.62311111-43.86133333 14.81386667-84.6848 34.08782223-125.45137778 59.25546667-165.81973333 105.15342222-185.2871111 134.53084444-17.94275555 27.14737778-32.31288889 61.49688889-41.56302223 99.37351111-36.40888889 149.0944-5.39306667 384.59164445 123.73333333 451.62951112-6.59911111 39.82222222-10.99093333 75.19573333-12.8455111 101.6832-1.01262222 14.55217778 9.96693333 27.18151111 24.5191111 28.19413333 0.62577778 0.05688889 1.25155555 0.06826667 1.86595556 0.06826667 13.75573333 0 25.36106667-10.6496 26.33955556-24.576 1.7408-25.04248889 5.70026667-56.32 11.28675555-90.55573334 4.72177778 0.35271111 9.55733333 0.58026667 14.55217778 0.58026667 105.25582222 0 265.87591111-75.68497778 273.78346667-79.45102223 52.41742222-24.94008889 90.20302222-46.00035555 135.95306666-109.056 52.18986667-71.8848 77.17546667-149.2992 74.26275556-230.11555555-2.1504-60.09742222-10.49031111-126.85084445-18.35235556-184.2176z m-98.66808888 383.30595555c-39.27608889 54.13546667-69.632 70.3488-115.89404445 92.3648-86.34595555 41.03964445-196.69902222 76.93653333-256.25031111 74.46755556 11.264-57.38951111 26.2144-118.84088889 43.49724444-173.29493333 68.61937778-5.59786667 188.416-48.85617778 214.6304-58.5728 13.68746667-5.07448889 20.66204445-20.26382222 15.58755556-33.95128889-5.07448889-13.67608889-20.30933333-20.66204445-33.95128889-15.58755556-48.71964445 18.04515555-126.37297778 43.15591111-176.68551111 52.40604445 9.67111111-24.71253333 19.78595555-46.52373333 30.16248889-63.71555556 4.90382222-8.12373333 9.56871111-15.39413333 14.34737777-22.60764444 33.16622222-0.28444445 87.7568-28.54684445 192.0568889-113.72088889 11.29813333-9.23875555 12.98204445-25.88444445 3.75466666-37.19395556-9.23875555-11.28675555-25.87306667-12.98204445-37.1712-3.75466666-46.1824 37.71733333-79.38275555 61.36035555-103.2192 76.288 51.04071111-69.07448889 106.87146667-135.86204445 166.95751111-198.97457778 10.05795555-10.55857778 9.64835555-27.28391111-0.91022222-37.34186667-10.56995555-10.05795555-27.29528889-9.68248889-37.36462222 0.91022223-64.78506667 68.01635555-124.65493333 140.29937778-179.14311111 215.06275555-0.56888889-40.84622222-2.08213333-84.5824-4.608-132.7104-0.76231111-14.56355555-13.22097778-25.38382222-27.77315556-25.00835555-14.56355555 0.77368889-25.77066667 13.19822222-24.99697778 27.76177777 3.25404445 62.16817778 4.84693333 116.86115555 4.8128 167.86773333 0 9.728 0.05688889 20.87822222 3.7888 31.27751112-5.19964445 7.85066667-10.36515555 15.88337778-15.75822222 24.81493333-13.78986667 22.8352-26.65813333 51.37066667-38.55928889 82.93262222-18.80746667-22.6304-42.30257778-76.32213333-56.32-132.66488889-3.50435555-14.15395555-17.80622222-22.78968889-32.00568889-19.26257778-14.15395555 3.50435555-22.77831111 17.84035555-19.27395555 31.99431112 8.71537778 35.13457778 38.35448889 139.0592 89.2928 173.03324444-16.75946667 53.48693333-30.78826667 111.62737778-41.52888889 165.80835556-91.22702222-64.67128889-111.74115555-263.9872-82.5344-383.61315556 7.81653333-32.00568889 19.68355555-60.63217778 34.304-82.7392 9.19324445-13.86951111 37.15982222-56.09244445 163.78311111-115.90542222 38.07004445-17.97688889 57.04817778-24.39395555 79.03004445-31.82364444 23.66577778-7.97582222 50.49457778-17.04391111 104.7552-42.05226667 59.97226667-27.62524445 110.66026667-73.94417778 139.29813333-101.46702223 2.53724445 13.824 5.30204445 35.60106667 7.28177777 69.5296 2.77617778 47.616 7.89617778 75.42328889 13.312 104.86897778 3.15164445 17.16906667 6.42844445 34.9184 9.64835556 58.43626667 7.70275555 56.05831111 15.83786667 121.16195555 17.90862222 178.92693333 2.4576 69.72302222-18.54577778 134.22364445-64.26168888 197.21102222z" fill="#666666" ></path></symbol><symbol id="icon-kuaizhuanggengduo" viewBox="0 0 1024 1024"><path d="M396.837 529.904c44.464 0 80.51 36.05 80.51 80.519V863.48c0 44.47-36.046 80.519-80.51 80.519H141.51C97.045 944 61 907.95 61 863.481V610.423c0-44.47 36.045-80.519 80.509-80.519h255.328z m487.654 0c44.464 0 80.509 36.05 80.509 80.519V863.48c0 44.47-36.045 80.519-80.509 80.519H629.163c-44.464 0-80.51-36.05-80.51-80.519V610.423c0-44.47 36.046-80.519 80.51-80.519H884.49zM396.837 79c44.464 0 80.51 36.05 80.51 80.519v253.058c0 44.47-36.046 80.519-80.51 80.519H141.51c-44.464 0-80.509-36.05-80.509-80.519V159.52C61 115.049 97.045 79 141.509 79h255.328z m361.14 1.15c113.065 0 204.723 91.669 204.723 204.748 0 113.078-91.658 204.747-204.723 204.747-113.065 0-204.723-91.669-204.723-204.747 0-113.08 91.658-204.748 204.723-204.748z" fill="#333333" ></path></symbol><symbol id="icon-wenjianjia" viewBox="0 0 1024 1024"><path d="M417.778 136c43.177 0 81.047 28.654 92.786 70.058l0.348 1.259 0.991 3.683H816c52.49 0 95.14 42.125 95.987 94.412L912 307v484.691c0 52.823-42.565 95.66-95.228 96.31h-1.6l-607.125-2.451c-52.563-0.214-95.187-42.4-96.034-94.72L112 789.24V232.309c0-52.672 42.332-95.446 94.844-96.296l1.594-0.013h209.34z m0.44 64H176v624h672V417h-64v0.042H550.301l-0.861-0.006c-28.389-0.376-53.183-19.351-60.924-46.656l-0.232-0.839-39.174-145.596-0.115-0.418c-3.897-13.75-16.416-23.332-30.777-23.527zM680 672c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32H344c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h336z m168.002-397H529.123l20.963 77.913 0.018 0.038c0.026 0.038 0.072 0.07 0.132 0.084l0.065 0.007h297.701V275z" ></path></symbol><symbol id="icon-car-fill" viewBox="0 0 1024 1024"><path d="M959 413.4L935.3 372c-2.2-3.8-7.1-5.1-10.9-2.9l-50.7 29.6-78.3-216.2c-8.5-26.5-33.1-44.4-60.9-44.4H301.2c-34.7 0-65.5 22.4-76.2 55.5l-74.6 205.2-50.8-29.6c-3.8-2.2-8.7-0.9-10.9 2.9L65 413.4c-2.2 3.8-0.9 8.6 2.9 10.8l60.4 35.2-14.5 40c-1.2 3.2-1.8 6.6-1.8 10v348.2c0 15.7 11.8 28.4 26.3 28.4h67.6c12.3 0 23-9.3 25.6-22.3l7.7-37.7h545.6l7.7 37.7c2.7 13 13.3 22.3 25.6 22.3h67.6c14.5 0 26.3-12.7 26.3-28.4V509.4c0-3.4-0.6-6.8-1.8-10l-14.5-40 60.3-35.2c3.8-2.2 5.1-7 3-10.8zM264 621c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z m388 75c0 4.4-3.6 8-8 8H380c-4.4 0-8-3.6-8-8v-84c0-4.4 3.6-8 8-8h40c4.4 0 8 3.6 8 8v36h168v-36c0-4.4 3.6-8 8-8h40c4.4 0 8 3.6 8 8v84z m108-75c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zM220 418l72.7-199.9 0.5-1.3 0.4-1.3c1.1-3.3 4.1-5.5 7.6-5.5h427.6l75.4 208H220z" ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss"),h=function(c,t){t.parentNode.insertBefore(c,t)};if(a&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}function d(){o||(o=!0,l())}function s(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(s,50)}d()}t=function(){var c,t;(t=document.createElement("div")).innerHTML=n,n=null,(c=t.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",t=c,(c=document.body).firstChild?h(t,c.firstChild):c.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(e=function(){document.removeEventListener("DOMContentLoaded",e,!1),t()},document.addEventListener("DOMContentLoaded",e,!1)):document.attachEvent&&(l=t,i=c.document,o=!1,s(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,d())})}(window);
\ No newline at end of file \ No newline at end of file
src/assets/icon/iconfont.json
View file @ 75abbb3b
...@@ -5,6 +5,13 @@ ...@@ -5,6 +5,13 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "15162652",
"name": "dian",
"font_class": "dian",
"unicode": "e605",
"unicode_decimal": 58885
},
{ {
"icon_id": "1221894", "icon_id": "1221894",
"name": "房子 实心", "name": "房子 实心",
......
src/router/index.js
View file @ 75abbb3b
import Vue from 'vue' import Vue from 'vue'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
//登陆页面
import login from '../views/login.vue' import login from '../views/login.vue'
//主页菜单
import homepage from "../views/homepage.vue"; import homepage from "../views/homepage.vue";
//矿区监控
import mineMonitoring from '../views/mineMonitoring.vue' import mineMonitoring from '../views/mineMonitoring.vue'
//视频监控
import videoSurveillance from '../views/videoSurveillance.vue' import videoSurveillance from '../views/videoSurveillance.vue'
//生产自动化系统
import AutomationHomepage from '../views/AutomationHomepage.vue'
import AutomatedNowData from '../views/AutomatedNowData.vue'
import AutomationHistory from '../views/AutomationHistory.vue'
import AutomaticAlarm from '../views/AutomaticAlarm.vue'
//生产报表系统
import ReportHomePage from '../views/ReportHomePage.vue'
import ReportNowData from '../views/ReportNowData.vue'
import ReportHistory from '../views/ReportHistory.vue'
//人员定位系统
import PersonnelPositioning from '../views/PersonnelPositioning.vue'
//车辆定位系统
import CarPositioning from '../views/CarPositioning.vue'
//边坡在线监测
import SlopeHomePage from '../views/SlopeHomePage.vue'
import SlopeNowData from '../views/SlopeNowData.vue'
import SlopeHistory from '../views/SlopeHistory.vue'
import SlopeAlarm from '../views/SlopeAlarm.vue'
//环境在线监测
import EnvironmentHomepage from '../views/EnvironmentHomepage.vue'
import EnvironmentNowData from '../views/EnvironmentNowData.vue'
import EnvironmentHistory from '../views/EnvironmentHistory.vue'
import EnvironmentAlarm from '../views/EnvironmentAlarm.vue'
//数字化储量管理
import reservesHomepage from '../views/reservesHomepage.vue'
//门禁系统
import AccessHomepage from '../views/AccessHomepage.vue'
Vue.use(VueRouter) Vue.use(VueRouter)
const routes = [ const routes = [
//登陆页面
{ {
path: '/login', path: '/login',
name: 'login', name: 'login',
component: login component: login
}, },
//主页菜单
{ {
path: '/homepage', path: '/homepage',
name: 'homepage', name: 'homepage',
component: homepage, component: homepage,
children: [ children: [
//矿区监控
{ {
path: '/homepage/mineMonitoring', path: '/homepage/mineMonitoring',
component: mineMonitoring component: mineMonitoring
},{ },
//视频监控
{
path: '/homepage/videoSurveillance', path: '/homepage/videoSurveillance',
component: videoSurveillance component: videoSurveillance
}, },
//生产自动化系统
{
path: '/homepage/AutomationHomepage',
component: AutomationHomepage
},{
path: '/homepage/AutomatedNowData',
component: AutomatedNowData
},{
path: '/homepage/AutomationHistory',
component: AutomationHistory
},{
path: '/homepage/AutomaticAlarm',
component: AutomaticAlarm
},
//生产报表系统
{
path: '/homepage/ReportHomePage',
component: ReportHomePage
},{
path: '/homepage/ReportNowData',
component: ReportNowData
},{
path: '/homepage/ReportHistory',
component: ReportHistory
},
//人员定位系统
{
path: '/homepage/PersonnelPositioning',
component: PersonnelPositioning
},
//车辆定位系统
{
path: '/homepage/CarPositioning',
component: CarPositioning
},
//边坡在线监测
{
path: '/homepage/SlopeHomePage',
component: SlopeHomePage
},{
path: '/homepage/SlopeNowData',
component: SlopeNowData
},{
path: '/homepage/SlopeHistory',
component: SlopeHistory
},{
path: '/homepage/SlopeAlarm',
component: SlopeAlarm
},
//环境在线监测
{
path: '/homepage/EnvironmentHomepage',
component: EnvironmentHomepage
},{
path: '/homepage/EnvironmentNowData',
component: EnvironmentNowData
},{
path: '/homepage/EnvironmentHistory',
component: EnvironmentHistory
},{
path: '/homepage/EnvironmentAlarm',
component: EnvironmentAlarm
},
//数字化储量管理
{
path: '/homepage/reservesHomepage',
component: reservesHomepage
},
//门禁系统
{
path: '/homepage/AccessHomepage',
component: AccessHomepage
},
] ]
}, },
// //懒加载
// { // {
// path: '/about', // path: '/about',
// name: 'About', // name: 'About',
...@@ -36,6 +149,7 @@ const routes = [ ...@@ -36,6 +149,7 @@ const routes = [
// // which is lazy-loaded when the route is visited. // // which is lazy-loaded when the route is visited.
// component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') // component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
// }, // },
// //路由重定向
// { // {
// name: 'default', // name: 'default',
// path: '*', // path: '*',
......
src/store/index.js
View file @ 75abbb3b
...@@ -2,7 +2,39 @@ import Vue from 'vue' ...@@ -2,7 +2,39 @@ import Vue from 'vue'
import Vuex from 'vuex' import Vuex from 'vuex'
Vue.use(Vuex) Vue.use(Vuex)
const mineMonitoring = {
state:{
intelligentDispatch:{
name:"智能派单系统",
context:[{name:"发货车辆",num:"36辆"},{name:"发货量",num:"36辆"}],
},
environmentalMonitoring:{
name:"环境监测",
context:[{name:"扬尘",num:"23"},{name:"噪声",num:"23dB"},{name:"温度",num:"36℃"},{name:"湿度",num:"36RH%"},{name:"气压",num:"36KPa"}],
},
locationSystem:{
name:"定位系统",
context:[{name:"矿区车辆",num:"36辆"},{name:"矿区人员",num:"36人"}],
},
slopeMonitoring:{
name:"边坡在线监测",
context:[{name:"降雨量",num:"正常"},{name:"位移",num:"正常"}],
},
productionAutomation:{
name:"生产自动化",
context:[{name:"发货车辆",num:"36辆"},{name:"发货量",num:"36辆"}],
}
},
mutations:{
},
getters:{
},
actions:{
}
}
export default new Vuex.Store({ export default new Vuex.Store({
state: { state: {
projectName:"鑫海数字矿山后台管理系统", projectName:"鑫海数字矿山后台管理系统",
...@@ -13,5 +45,6 @@ export default new Vuex.Store({ ...@@ -13,5 +45,6 @@ export default new Vuex.Store({
actions: { actions: {
}, },
modules: { modules: {
a:mineMonitoring,
} }
}) })
src/views/AccessHomepage.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>门禁系统首页</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/AutomatedNowData.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>生产自动化系统实时数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/AutomaticAlarm.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>生产自动化报警记录</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/AutomationHistory.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>生产自动化历史数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/AutomationHomepage.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>生产自动化系统首页</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/CarPositioning.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>车辆定位系统</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/EnvironmentAlarm.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>环境在线监测报警记录</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/EnvironmentHistory.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>环境在线监测历史数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/EnvironmentHomepage.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>环境在线监测首页</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/EnvironmentNowData.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>环境在线监测实时数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/PersonnelPositioning.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>人员定位系统</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/ReportHistory.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>生产报表系统历史数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/ReportHomePage.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>生产报表系统首页</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/ReportNowData.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>生产报表系统实时数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/SlopeAlarm.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>边坡在线监测报警记录</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/SlopeHistory.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>边坡在线监测历史数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/SlopeHomePage.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>边坡在线监测首页</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/SlopeNowData.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>边坡在线监测实时数据</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/homepage.vue
View file @ 75abbb3b
<template> <template>
<div class="viewBody"> <div class="viewBody">
<div class="topMenuBar"> <div class="topMenuBar">
<span>{{ $store.state.platformName }}</span> <span>{{ $store.state.platformName }}</span>
<div class="userInformationBar"> <div class="userInformationBar">
...@@ -8,26 +9,18 @@ ...@@ -8,26 +9,18 @@
<span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span> <span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span>
</div> </div>
<div style="margin-right:10px;"> <div style="margin-right:10px;">
<span>131313132</span> <span>{{userName}}</span>
<span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span> <span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span>
</div> </div>
<img src="../imgs/yonghu.png"> <img src="../imgs/yonghu.png">
</div> </div>
</div> </div>
<div class="mainBody"> <div class="mainBody">
<div class="leftMenuBar"> <div class="leftMenuBar">
<el-row class="tac"> <el-row class="tac">
<el-col :span="12"> <el-col :span="12">
<el-menu <el-menu class="el-menu-vertical-demo" background-color="rgb(9, 26, 69)" text-color="rgb(3,156,205)" active-text-color="white" :unique-opened="true" :router="true">
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
background-color="rgb(9, 26, 69)"
text-color="rgb(3,156,205)"
active-text-color="white"
:unique-opened="true"
:router="true"
>
<el-menu-item index="/homepage/mineMonitoring"> <el-menu-item index="/homepage/mineMonitoring">
<i class="iconfont icon-solid-home" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-solid-home" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">矿区监控</span> <span slot="title">矿区监控</span>
...@@ -41,25 +34,25 @@ ...@@ -41,25 +34,25 @@
<i class="iconfont icon-wenjianjia" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-wenjianjia" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>生产自动化系统</span> <span>生产自动化系统</span>
</template> </template>
<el-menu-item index="3_1">系统首页</el-menu-item> <el-menu-item index="/homepage/AutomationHomepage">系统首页</el-menu-item>
<el-menu-item index="3_2">实时数据</el-menu-item> <el-menu-item index="/homepage/AutomatedNowData">实时数据</el-menu-item>
<el-menu-item index="3_3">历史数据</el-menu-item> <el-menu-item index="/homepage/AutomationHistory">历史数据</el-menu-item>
<el-menu-item index="3_4">报警记录</el-menu-item> <el-menu-item index="/homepage/AutomaticAlarm">报警记录</el-menu-item>
</el-submenu> </el-submenu>
<el-submenu index="4"> <el-submenu index="4">
<template slot="title"> <template slot="title">
<i class="iconfont icon-wenjian" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-wenjian" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>生产报表系统</span> <span>生产报表系统</span>
</template> </template>
<el-menu-item index="4_1">系统首页</el-menu-item> <el-menu-item index="/homepage/ReportHomePage">系统首页</el-menu-item>
<el-menu-item index="4_2">实时数据</el-menu-item> <el-menu-item index="/homepage/ReportNowData">实时数据</el-menu-item>
<el-menu-item index="3_3">历史数据</el-menu-item> <el-menu-item index="/homepage/ReportHistory">历史数据</el-menu-item>
</el-submenu> </el-submenu>
<el-menu-item index="5"> <el-menu-item index="/homepage/PersonnelPositioning">
<i class="iconfont icon-dingwei" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-dingwei" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">人员定位系统</span> <span slot="title">人员定位系统</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="6"> <el-menu-item index="/homepage/CarPositioning">
<i class="iconfont icon-car-fill" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-car-fill" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">车辆定位系统</span> <span slot="title">车辆定位系统</span>
</el-menu-item> </el-menu-item>
...@@ -68,26 +61,26 @@ ...@@ -68,26 +61,26 @@
<i class="iconfont icon-bianpo" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-bianpo" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>边坡在线监测</span> <span>边坡在线监测</span>
</template> </template>
<el-menu-item index="7_1">系统首页</el-menu-item> <el-menu-item index="/homepage/SlopeHomePage">系统首页</el-menu-item>
<el-menu-item index="7_2">实时数据</el-menu-item> <el-menu-item index="/homepage/SlopeNowData">实时数据</el-menu-item>
<el-menu-item index="7_3">历史数据</el-menu-item> <el-menu-item index="/homepage/SlopeHistory">历史数据</el-menu-item>
<el-menu-item index="7_4">报警记录</el-menu-item> <el-menu-item index="/homepage/SlopeAlarm">报警记录</el-menu-item>
</el-submenu> </el-submenu>
<el-submenu index="8"> <el-submenu index="8">
<template slot="title"> <template slot="title">
<i class="iconfont icon-yezi" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-yezi" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>环境在线监测</span> <span>环境在线监测</span>
</template> </template>
<el-menu-item index="8_1">系统首页</el-menu-item> <el-menu-item index="/homepage/EnvironmentHomepage">系统首页</el-menu-item>
<el-menu-item index="8_2">实时数据</el-menu-item> <el-menu-item index="/homepage/EnvironmentNowData">实时数据</el-menu-item>
<el-menu-item index="8_3">历史数据</el-menu-item> <el-menu-item index="/homepage/EnvironmentHistory">历史数据</el-menu-item>
<el-menu-item index="8_4">报警记录</el-menu-item> <el-menu-item index="/homepage/EnvironmentAlarm">报警记录</el-menu-item>
</el-submenu> </el-submenu>
<el-menu-item index="9"> <el-menu-item index="reservesHomepage">
<i class="iconfont icon-kuaizhuanggengduo" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-kuaizhuanggengduo" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">数字化储量管理</span> <span slot="title">数字化储量管理</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="10"> <el-menu-item index="AccessHomepage">
<i class="iconfont icon-IOTtubiao_huabanfuben" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-IOTtubiao_huabanfuben" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">门禁系统</span> <span slot="title">门禁系统</span>
</el-menu-item> </el-menu-item>
...@@ -101,20 +94,25 @@ ...@@ -101,20 +94,25 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
methods: { data(){
handleOpen(key, keyPath) { return{
console.log(key, keyPath); userName:"qwqwqw",
}, }
handleClose(key, keyPath) {
console.log(key, keyPath);
}, },
methods: {
// handleOpen(key, keyPath) {
// console.log(key, keyPath);
// },
// handleClose(key, keyPath) {
// console.log(key, keyPath);
// },
}, },
}; };
</script> </script>
...@@ -156,14 +154,14 @@ export default { ...@@ -156,14 +154,14 @@ export default {
height: 21px; height: 21px;
} }
.mainBody{ .mainBody{
height: 100vh; min-height: 100vh;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
} }
.rightBody{ .rightBody{
width: 100%; width: 100%;
height: 100%; height: 100%;
margin-left: -5px; margin-left: -1px;
} }
.leftMenuBar>.tac>.el-col>ul{ .leftMenuBar>.tac>.el-col>ul{
width: 240px; width: 240px;
......
src/views/login.vue
View file @ 75abbb3b
...@@ -89,7 +89,7 @@ export default { ...@@ -89,7 +89,7 @@ export default {
} }
}) })
}) })
this.$router.push({path: 'homepage/mineMonitoring',query:{ index:this.userName}}); this.$router.push({path: 'homepage/mineMonitoring'});
} }
} }
} }
......
src/views/mineMonitoring.vue
View file @ 75abbb3b
<template> <template>
<div class="allBox"> <div class="allBox">
<!-- 智能派单系统 -->
<div class="intelligentDispatch"> <div class="intelligentDispatch">
<div></div> <div class="intelligentDispatchLeft">
<div class="intelligentDispatchLeft_top">
<span style="font-size:18px;font-weight:600;">{{$store.state.a.intelligentDispatch.name}}</span>
<span style="font-size:14px;display: inline-block;margin-top:5px;">详情<span class="el-icon-arrow-right"></span></span>
</div>
<div class="intelligentDispatchLeft_bottom">
<div v-for="(item,index) in intelligentDispatchArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
</div>
</div>
<div class="intelligentDispatchRight">
<img src="../imgs/zhinengpaidan.png" style="margin-left:33px;">
<div style="color:#28F7FF;font-size:28px;text-align: center;">{{$store.state.a.intelligentDispatch.name}}</div>
<img src="../imgs/juxing2.png" style="margin:10px 0px 0px 80px;">
</div>
</div>
<!-- 环境监测 -->
<div class="environmentalMonitoring">
<div class="environmentalMonitoringLeft">
<div class="environmentalMonitoringLeft_top">
<span style="font-size:18px;font-weight:600;">{{$store.state.a.environmentalMonitoring.name}}</span>
<span style="font-size:14px;display: inline-block;margin-top:5px;">详情<span class="el-icon-arrow-right"></span></span>
</div>
<div class="environmentalMonitoringLeft_bottom">
<div v-for="(item,index) in environmentalMonitoringArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;" v-show="index % 2 == 0"></span>
<span style="color:white;">{{item.name}}:</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
</div>
</div>
<div class="environmentalMonitoringRight">
<img src="../imgs/huanjingjiance.png" style="margin-left:33px;">
<div style="color:#28F7FF;font-size:28px;text-align: center;">{{$store.state.a.environmentalMonitoring.name}}</div>
<img src="../imgs/juxing2.png" style="margin:10px 0px 0px 80px;">
</div>
</div>
<!-- 定位系统 -->
<div class="locationSystem">
<div class="locationSystemLeft">
<div class="locationSystemLeft_top">
<span style="font-size:18px;font-weight:600;">{{$store.state.a.environmentalMonitoring.name}}</span>
<span style="font-size:14px;display: inline-block;margin-top:5px;">详情<span class="el-icon-arrow-right"></span></span>
</div>
<div class="locationSystemLeft_bottom">
<div v-for="(item,index) in locationSystemArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
</div>
</div> </div>
<div class="locationSystemRight">
<img src="../imgs/dingweixitong.png" style="margin-left:33px;">
<div style="color:#28F7FF;font-size:28px;text-align: center;">{{$store.state.a.environmentalMonitoring.name}}</div>
<img src="../imgs/juxing2.png" style="margin:10px 0px 0px 80px;">
</div>
</div>
<!-- 边坡在线监测 -->
<div class="slopeMonitoring">
<div class="slopeMonitoringRight">
<img src="../imgs/bianpojiance.png" style="margin-left:33px;">
<div style="color:#28F7FF;font-size:28px;text-align: center;">{{$store.state.a.slopeMonitoring.name}}</div>
<img src="../imgs/juxing2.png" style="margin:10px 0px 0px 80px;">
</div>
<div class="slopeMonitoringLeft">
<div class="slopeMonitoringLeft_top">
<span style="font-size:18px;font-weight:600;">{{$store.state.a.slopeMonitoring.name}}</span>
<span style="font-size:14px;display: inline-block;margin-top:5px;">详情<span class="el-icon-arrow-right"></span></span>
</div>
<div class="slopeMonitoringLeft_bottom">
<div v-for="(item,index) in slopeMonitoringArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
</div>
</div>
</div>
<!-- 生产自动化 -->
<div class="productionAutomation">
<div class="productionAutomationRight">
<img src="../imgs/zhinengpaidan.png" style="margin-left:33px;">
<div style="color:#28F7FF;font-size:28px;text-align: center;">{{$store.state.a.productionAutomation.name}}</div>
<img src="../imgs/juxing2.png" style="margin:10px 0px 0px 80px;">
</div>
<div class="productionAutomationLeft">
<div class="productionAutomationLeft_top">
<span style="font-size:18px;font-weight:600;">{{$store.state.a.productionAutomation.name}}</span>
<span style="font-size:14px;display: inline-block;margin-top:5px;">详情<span class="el-icon-arrow-right"></span></span>
</div>
<div class="productionAutomationLeft_bottom">
<div v-for="(item,index) in productionAutomationArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
</div>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
export default {
export default {
data(){
return{
intelligentDispatchArray:this.$store.state.a.intelligentDispatch.context,
environmentalMonitoringArray:this.$store.state.a.environmentalMonitoring.context,
locationSystemArray:this.$store.state.a.locationSystem.context,
slopeMonitoringArray:this.$store.state.a.slopeMonitoring.context,
productionAutomationArray:this.$store.state.a.productionAutomation.context,
}
},
} }
</script> </script>
...@@ -20,7 +137,187 @@ export default { ...@@ -20,7 +137,187 @@ export default {
.allBox{ .allBox{
background-image: url("../imgs/5dd5481bb9102.png"); background-image: url("../imgs/5dd5481bb9102.png");
width: 100%; width: 100%;
height: 100%; height: 100vh;
position: relative; position: relative;
} }
/* 智能派单系统 */
.intelligentDispatch{
top: 35%;
left: 2%;
position: absolute;
display: flex;
}
.intelligentDispatchLeft{
background-image: url("../imgs/zoubiaknuangh.png");
height: 170px;
width: 270px;
}
.intelligentDispatchLeft_top{
padding: 23px 25px 10px;
box-sizing: border-box;
color: rgb(0,242,251);
display:flex;
justify-content: space-between;
}
.intelligentDispatchLeft_bottom{
padding: 5px 15px 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.intelligentDispatchLeft_bottom span{
display: inline-block;
vertical-align: text-top;
height: 30px;
line-height: 30px;
}
.intelligentDispatchRight{
width: 170px;
}
/* 环境监测 */
.environmentalMonitoring{
top: 60%;
left: 6%;
position: absolute;
display: flex;
}
.environmentalMonitoringLeft{
background-image: url("../imgs/zoubiaknuangh.png");
height: 170px;
width: 270px;
}
.environmentalMonitoringLeft_top{
padding: 23px 25px 10px;
box-sizing: border-box;
color: rgb(0,242,251);
display:flex;
justify-content: space-between;
}
.environmentalMonitoringLeft_bottom{
width: 100%;
padding: 5px 17px 0px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.environmentalMonitoringLeft_bottom span{
display: inline-block;
vertical-align: text-top;
height: 30px;
line-height: 30px;
}
.environmentalMonitoringLeft_bottom>div{
width: 50%;
}
.environmentalMonitoringRight{
width: 170px;
}
/* 定位系统 */
.locationSystem{
top: 55%;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
.locationSystemLeft{
background-image: url("../imgs/kuang4.png");
height: 170px;
width: 270px;
}
.locationSystemLeft_top{
padding: 23px 25px 10px;
box-sizing: border-box;
color: rgb(0,242,251);
display:flex;
justify-content: space-between;
}
.locationSystemLeft_bottom{
width: 100%;
padding: 5px 17px 0px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.locationSystemLeft_bottom span{
display: inline-block;
vertical-align: text-top;
height: 30px;
line-height: 30px;
}
.locationSystemRight{
margin-left: 45px;
width: 170px;
}
/* 边坡在线监测 */
.slopeMonitoring{
top: 60%;
right: 6%;
position: absolute;
display: flex;
}
.slopeMonitoringLeft{
background-image: url("../imgs/youbiankuang.png");
height: 170px;
width: 270px;
}
.slopeMonitoringLeft_top{
padding: 23px 25px 10px;
box-sizing: border-box;
color: rgb(0,242,251);
display:flex;
justify-content: space-between;
}
.slopeMonitoringLeft_bottom{
width: 100%;
padding: 5px 18px 0px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.slopeMonitoringLeft_bottom span{
display: inline-block;
vertical-align: text-top;
height: 30px;
line-height: 30px;
}
.slopeMonitoringRight{
width: 170px;
}
/* 生产自动化 */
.productionAutomation{
top: 35%;
right: 2%;
position: absolute;
display: flex;
}
.productionAutomationLeft{
background-image: url("../imgs/youbiankuang.png");
height: 170px;
width: 270px;
}
.productionAutomationLeft_top{
padding: 23px 25px 10px;
box-sizing: border-box;
color: rgb(0,242,251);
display:flex;
justify-content: space-between;
}
.productionAutomationLeft_bottom{
padding: 5px 15px 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.productionAutomationLeft_bottom span{
display: inline-block;
vertical-align: text-top;
height: 30px;
line-height: 30px;
}
.productionAutomationRight{
width: 170px;
}
</style> </style>
\ No newline at end of file
src/views/reservesHomepage.vue 0 → 100644
View file @ 75abbb3b
<template>
<div>
<span>数字化储量管理首页</span>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
src/views/videoSurveillance.vue
View file @ 75abbb3b
<template> <template>
<div>Video surveillance</div> <div class="viewBody">
<iframe src="https://www.csdn.net/" class="iframeViews"></iframe>
</div>
</template> </template>
<script> <script>
...@@ -9,5 +11,12 @@ export default { ...@@ -9,5 +11,12 @@ export default {
</script> </script>
<style> <style>
*{
margin: 0;
padding: 0;
}
.iframeViews{
width: 100%;
height: 928px;
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment