Skip to content

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

左侧菜单栏修改以及人员定位系统表格编写

parent 2920f33f
Hide whitespace changes
Inline Side-by-side
Showing with 1168 additions and 170 deletions
package-lock.json
View file @ b52f3ca6
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
"mockjs": "^1.1.0", "mockjs": "^1.1.0",
"moment": "^2.29.1", "moment": "^2.29.1",
"qs": "^6.10.1", "qs": "^6.10.1",
"screenfull": "^5.1.0",
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-router": "^3.2.0", "vue-router": "^3.2.0",
"vuex": "^3.4.0" "vuex": "^3.4.0"
...@@ -12896,6 +12897,17 @@ ...@@ -12896,6 +12897,17 @@
"url": "https://opencollective.com/webpack" "url": "https://opencollective.com/webpack"
} }
}, },
"node_modules/screenfull": {
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.1.0.tgz",
"integrity": "sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA==",
"engines": {
"node": ">=0.10.0"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/scss-tokenizer": { "node_modules/scss-tokenizer": {
"version": "0.2.3", "version": "0.2.3",
"resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
...@@ -26437,6 +26449,11 @@ ...@@ -26437,6 +26449,11 @@
"ajv-keywords": "^3.5.2" "ajv-keywords": "^3.5.2"
} }
}, },
"screenfull": {
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.1.0.tgz",
"integrity": "sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA=="
},
"scss-tokenizer": { "scss-tokenizer": {
"version": "0.2.3", "version": "0.2.3",
"resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
src/assets/icon/iconfont.css
View file @ b52f3ca6
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2766225 */ font-family: "iconfont"; /* Project id 2782333 */
src: url('iconfont.woff2?t=1630403828082') format('woff2'), src: url('iconfont.woff2?t=1630478178623') format('woff2'),
url('iconfont.woff?t=1630403828082') format('woff'), url('iconfont.woff?t=1630478178623') format('woff'),
url('iconfont.ttf?t=1630403828082') format('truetype'); url('iconfont.ttf?t=1630478178623') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,59 +13,63 @@ ...@@ -13,59 +13,63 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-ren-pingbi:before { .icon-ren-jianshao:before {
content: "\e705"; content: "\e705";
} }
.icon-shezhi:before { .icon-xiajiantou:before {
content: "\e611"; content: "\e60a";
} }
.icon-dian:before { .icon-dian:before {
content: "\e605"; content: "\e601";
} }
.icon-solid-home:before { .icon-bianpo:before {
content: "\e641"; content: "\e794";
} }
.icon-dingwei:before { .icon-leaf:before {
content: "\e692"; content: "\e642";
} }
.icon-wenjian:before { .icon-suoxiao:before {
content: "\e60c"; content: "\e616";
} }
.icon-diannao:before { .icon-70BasicIcons-all-48:before {
content: "\e602"; content: "\e64a";
} }
.icon-IOTtubiao_huabanfuben:before { .icon-dingwei:before {
content: "\e61a"; content: "\e600";
} }
.icon-xiajiantou:before { .icon-wenjianjia:before {
content: "\e60a"; content: "\e66f";
} }
.icon-bianpo:before { .icon-zhuye:before {
content: "\e794"; content: "\e61d";
} }
.icon-yezi:before { .icon-diannao:before {
content: "\e7d8"; content: "\e649";
}
.icon-che:before {
content: "\e609";
} }
.icon-kuaizhuanggengduo:before { .icon-kuaizhuanggengduo:before {
content: "\e6b4"; content: "\e66c";
} }
.icon-wenjianjia:before { .icon-shezhi:before {
content: "\e813"; content: "\e696";
} }
.icon-car-fill:before { .icon-a-ziyuan50:before {
content: "\eb91"; content: "\e6f2";
} }
src/assets/icon/iconfont.js
View file @ b52f3ca6
!function(c){var t,e,l,i,o,n='<svg><symbol id="icon-ren-pingbi" viewBox="0 0 1024 1024"><path d="M730.614 612.961c-27.79 14.626-52.036 35.076-71.115 59.728C615.725 648.664 565.459 635 512 635c-169.551 0-307 137.449-307 307 0 24.3-19.7 44-44 44s-44-19.7-44-44c0-163.047 98.787-303.02 239.774-363.332C279.812 528.088 229 440.978 229 342c0-156.297 126.703-283 283-283s283 126.703 283 283c0 98.978-50.812 186.088-127.774 236.668a394.09 394.09 0 0 1 63.388 34.293zM512 537c107.696 0 195-87.304 195-195s-87.304-195-195-195-195 87.304-195 195 87.304 195 195 195z m252.887 268.8l-64.974-64.973c-17.183-17.183-17.183-45.043 0-62.226s45.043-17.183 62.226 0l64.974 64.974 64.974-64.974c17.183-17.183 45.042-17.183 62.225 0s17.183 45.043 0 62.226L889.338 805.8l64.974 64.974c17.183 17.183 17.183 45.042 0 62.225s-45.042 17.183-62.225 0l-64.974-64.974L762.139 933c-17.183 17.183-45.043 17.183-62.226 0s-17.183-45.042 0-62.225l64.974-64.974z" ></path></symbol><symbol id="icon-shezhi" viewBox="0 0 1024 1024"><path d="M881 512c0-52.4 32.9-96.8 79-114.5-11-43.2-28-83.9-50.2-121.3C864.6 296.3 810 288.1 773 251c-37-37-45.2-91.7-25.1-136.8C710.4 92 669.7 75 626.5 64c-17.8 46.1-62.2 79-114.5 79-52.4 0-96.8-32.9-114.5-79-43.2 11-83.9 28-121.3 50.2 20.1 45.2 11.9 99.8-25.1 136.8-37 37-91.7 45.2-136.8 25.2C92 313.6 75 354.3 64 397.5c46.1 17.8 79 62.2 79 114.5 0 52.4-32.9 96.8-79 114.5 11 43.2 28 83.9 50.2 121.3C159.4 727.7 214 735.9 251 773c37 37 45.2 91.7 25.1 136.8C313.6 932 354.3 949 397.5 960c17.8-46.1 62.2-79 114.5-79 52.4 0 96.8 32.9 114.5 79 43.2-11 83.9-28 121.3-50.2-20.1-45.2-11.9-99.8 25.1-136.8 37-37 91.7-45.2 136.8-25.2C932 710.4 949 669.7 960 626.5c-46.1-17.7-79-62.1-79-114.5zM512 635c-67.9 0-123-55.1-123-123s55.1-123 123-123 123 55.1 123 123-55.1 123-123 123z" ></path></symbol><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 s(){o||(o=!0,l())}function d(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}s()}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,d(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}(window); !function(c){var l,a,t,e,h,i='<svg><symbol id="icon-ren-jianshao" viewBox="0 0 1024 1024"><path d="M731.453 612.522c-27.877 14.516-52.222 34.88-71.41 59.466C616.142 647.778 565.68 634 512 634c-169.551 0-307 137.449-307 307 0 24.3-19.7 44-44 44s-44-19.7-44-44c0-162.692 98.359-302.412 238.856-362.938C279.408 527.394 229 440.584 229 342c0-156.297 126.703-283 283-283s283 126.703 283 283c0 98.584-50.408 185.394-126.856 236.062a394.134 394.134 0 0 1 63.31 34.46zM512 537c107.696 0 195-87.304 195-195s-87.304-195-195-195-195 87.304-195 195 87.304 195 195 195z m179.225 312.8c-24.3 0-44-19.699-44-44 0-24.3 19.7-44 44-44H963c24.3 0 44 19.7 44 44 0 24.301-19.7 44-44 44H691.225z" ></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-dian" viewBox="0 0 1024 1024"><path d="M512 754.976a242.976 242.976 0 1 0 0-485.952 242.976 242.976 0 0 0 0 485.952z" ></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-leaf" viewBox="0 0 1024 1024"><path d="M448.53 883.5c-2.96 0-5.87-0.03-8.72-0.1-105.67-2.31-184.34-44.31-219.6-79.58-24.47-24.47-61.76-104.88-68.04-207.06-5.38-87.5 11.23-214.83 120.9-324.5C470.17 75.15 914.31 64.4 933.13 64.04c7.12-0.41 14.08 2.65 19.13 7.71a26.352 26.352 0 0 1 7.72 19.14c-0.36 18.81-11.1 462.95-208.23 660.06C643.14 859.57 528.43 883.5 448.53 883.5z m457.5-765.52c-100 5.73-440.55 36.39-595.7 191.54C128.85 491 228.66 737.74 257.46 766.55c30.61 30.6 99.21 62.32 183.49 64.16 69.98 1.33 174.06-17.55 273.54-117.02 155.15-155.15 185.81-495.7 191.54-595.71z" fill="#333333" ></path><path d="M90.37 960c-6.74 0-13.49-2.57-18.63-7.72-10.29-10.29-10.29-26.98 0-37.26l612.65-612.65c10.29-10.29 26.97-10.29 37.26 0s10.29 26.98 0 37.26L109 952.28c-5.14 5.15-11.89 7.72-18.63 7.72z" fill="#333333" ></path><path d="M527.83 525.5c-14.55 0-26.35-11.8-26.35-26.35V300.21c0-14.55 11.8-26.35 26.35-26.35s26.35 11.8 26.35 26.35v198.94c0.01 14.55-11.79 26.35-26.35 26.35zM565.45 671H379.37c-14.55 0-26.35-11.8-26.35-26.35s11.8-26.35 26.35-26.35h186.07c14.55 0 26.35 11.8 26.35 26.35C591.8 659.2 580 671 565.45 671z" fill="#333333" ></path></symbol><symbol id="icon-suoxiao" viewBox="0 0 1024 1024"><path d="M923.378813 305.414945l-141.483338-0.514723L940.653245 147.093103c17.34504-17.545608 17.34504-45.962821 0-63.456241-17.450441-17.493419-45.684482-17.493419-63.045895 0L717.313597 243.092527 718.395232 98.782817c0.418532-18.11252-13.872962-33.870412-31.898501-33.44267l-22.806425 0c-18.008142 0.470721-32.927947 11.236925-33.29429 29.350468l-0.942465 250.378467c0 0.322341 1.169639 0.558725 1.169639 0.889253l-1.744737 16.420995c-0.140193 9.029654 1.989307 17.161868 7.818059 22.946618 5.740748 5.879917 13.837146 9.405207 22.806425 9.179057l16.280802-0.331551c0.366344 0 0.610914-0.140193 0.942465-0.192382l250.700809 1.413186c18.025539-0.418532 32.875758-15.381315 33.346479-33.529651l0-23.006993C958.050474 317.507354 941.35114 304.996412 923.378813 305.414945L923.378813 305.414945zM959.07992 687.11225l-0.052189-22.998807c-0.418532-18.148335-15.233959-33.102932-33.154098-33.538861l-249.393024 1.360997c-0.36532 0-0.610914-0.140193-0.942465-0.140193l-16.210193-0.36532c-8.951883-0.279363-16.996093 3.298116-22.720468 9.125845-5.792936 5.827729-7.90504 13.960966-7.730055 23.034623l1.744737 16.419971c0 0.331551-1.169639 0.576121-1.169639 0.890276l0.942465 248.449535c0.366344 18.11252 15.181771 28.879748 33.154098 29.315676l24.185842 0.034792c17.921161 0.435928 32.125675-15.373129 31.688723-33.486672l-1.029446-141.396357 159.64907 158.479431c17.257036 17.48421 45.3867 17.48421 62.696947 0 17.310248-17.502629 17.310248-45.910633 0-63.448054L781.284561 719.621665l140.540873-0.523933C939.711803 719.568453 956.357925 708.470697 959.07992 687.11225L959.07992 687.11225zM385.61094 640.590704c-5.740748-5.827729-13.837146-9.405207-22.807449-9.108448l-16.33299 0.366344c-0.278339 0-0.557702 0.140193-0.87288 0.140193l-247.367901-1.414209c-17.97335 0.436952-32.893154 15.390525-33.311687 33.538861l-0.052189 22.998807c2.721994 21.358447 19.438725 32.422434 37.412075 32.089859l139.494031 0.505513L81.722768 878.884948c-17.415648 17.554818-17.415648 45.962821 0 63.448054 17.379832 17.502629 45.560662 17.502629 62.958914 0l160.311149-159.403476-1.082658 140.540873c-0.435928 18.11252 13.872962 33.869389 31.846312 33.450856l22.859637 0c18.008142-0.471744 32.910551-11.203156 33.29429-29.351492l0.942465-246.670006c0-0.315178-1.169639-0.558725-1.169639-0.890276l1.780553-16.419971C393.549749 654.568043 391.456065 646.436852 385.61094 640.590704L385.61094 640.590704zM392.817062 345.070106l-0.941442-250.378467c-0.348947-18.113543-15.199167-28.92375-33.120328-29.394471l-24.184819 0c-17.903765-0.38374-32.107255 15.373129-31.688723 33.44267l1.081635 143.315056L144.367527 83.636862c-17.362436-17.493419-45.438888-17.493419-62.749136 0-17.310248 17.493419-17.310248 45.909609 0 63.456241l158.042479 157.807119-139.232065 0.514723c-17.86795-0.418532-34.480302 12.092409-37.202297 33.443693l0.034792 23.006993c0.435928 18.147312 15.251356 33.110095 33.172517 33.529651l249.374604-1.413186c0.348947 0.052189 0.576121 0.192382 0.907673 0.192382l16.228613 0.37453c8.933463 0.23536 17.030885-3.288906 22.719444-9.169847 5.792936-5.836939 7.887644-13.96813 7.712659-23.050995l-1.779529-16.410762C391.596258 345.584829 392.817062 345.392448 392.817062 345.070106L392.817062 345.070106zM392.817062 345.070106" ></path></symbol><symbol id="icon-70BasicIcons-all-48" viewBox="0 0 1062 1024"><path d="M96.603774 396.075472v-241.509434L376.754717 434.716981c9.660377 9.660377 21.735849 14.490566 33.811321 14.490566s24.150943-4.830189 33.81132-14.490566c19.320755-19.320755 19.320755-48.301887 0-67.622641L185.962264 106.264151H362.264151c26.566038 0 48.301887-21.735849 48.301887-48.301887s-21.735849-48.301887-48.301887-48.301887H89.358491c-19.320755-14.490566-45.886792-12.075472-62.792453 4.830189 0 0-2.415094 2.415094-2.415095 4.830189-14.490566 7.245283-24.150943 21.735849-24.150943 38.641509 0 4.830189 0 7.245283 2.415094 12.075472-2.415094 4.830189-2.415094 9.660377-2.415094 12.075472v313.962264c0 26.566038 21.735849 48.301887 48.301887 48.301886s48.301887-21.735849 48.301887-48.301886zM654.490566 434.716981L941.886792 149.735849v224.603774c0 26.566038 21.735849 48.301887 48.301887 48.301886s48.301887-21.735849 48.301887-48.301886v-313.962265c0-21.735849-12.075472-38.641509-31.396226-45.886792-16.90566-16.90566-43.471698-16.90566-62.792453-2.415094H676.226415c-26.566038 0-48.301887 21.735849-48.301887 48.301886s21.735849 48.301887 48.301887 48.301887h171.471698L586.867925 367.09434c-19.320755 19.320755-19.320755 48.301887 0 67.622641 9.660377 9.660377 21.735849 14.490566 33.81132 14.490566s26.566038-4.830189 33.811321-14.490566zM408.150943 574.792453L120.754717 862.188679v-224.603773c0-26.566038-21.735849-48.301887-48.301887-48.301887s-48.301887 21.735849-48.301887 48.301887v313.962264c0 4.830189 0 7.245283 2.415095 12.075472-2.415094 4.830189-2.415094 9.660377-2.415095 12.075471 0 26.566038 21.735849 48.301887 48.301887 48.301887h313.962264c26.566038 0 48.301887-21.735849 48.301887-48.301887s-21.735849-48.301887-48.301887-48.301887H190.792453l284.981132-284.981132c19.320755-19.320755 19.320755-48.301887 0-67.622641-19.320755-16.90566-50.716981-16.90566-67.622642 0zM1014.339623 613.433962c-26.566038 0-48.301887 21.735849-48.301887 48.301887v195.622642L683.471698 574.792453c-19.320755-19.320755-48.301887-19.320755-67.622641 0s-19.320755 48.301887 0 67.622641l284.981132 284.981132H700.377358c-26.566038 0-48.301887 21.735849-48.301886 48.301887s21.735849 48.301887 48.301886 48.301887h313.962265c26.566038 0 48.301887-21.735849 48.301886-48.301887v-313.962264c0-26.566038-21.735849-48.301887-48.301886-48.301887z" fill="#50BC93" ></path></symbol><symbol id="icon-dingwei" viewBox="0 0 1024 1024"><path d="M930.909091 418.909091c0-232.727273-186.181818-418.909091-418.909091-418.909091S93.090909 186.181818 93.090909 418.909091c0 172.218182 228.072727 428.218182 335.127273 539.927273H302.545455V1024h418.90909v-65.163636h-130.327272C702.836364 847.127273 930.909091 591.127273 930.909091 418.909091zM167.563636 418.909091c0-190.836364 153.6-344.436364 344.436364-344.436364 190.836364 0 344.436364 153.6 344.436364 344.436364 0 148.945455-228.072727 386.327273-344.436364 512-116.363636-125.672727-344.436364-363.054545-344.436364-512z" fill="#707070" ></path><path d="M516.654545 200.145455c-102.4 0-186.181818 83.781818-186.181818 186.181818s83.781818 186.181818 186.181818 186.181818 186.181818-83.781818 186.181819-186.181818-83.781818-186.181818-186.181819-186.181818z m0 297.890909c-60.509091 0-111.709091-51.2-111.70909-111.709091s51.2-111.709091 111.70909-111.709091c60.509091 0 111.709091 51.2 111.709091 111.709091s-51.2 111.709091-111.709091 111.709091z" fill="#707070" ></path></symbol><symbol id="icon-wenjianjia" viewBox="0 0 1026 1024"><path d="M669.866667 266.666667L554.666667 85.333333H87.466667v134.4h-85.333334V0h599.466667l138.666667 221.866667z" ></path><path d="M1026.133333 1024H2.133333V213.333333h1024v810.666667z m-938.666666-85.333333h853.333333V298.666667h-853.333333v640z" ></path></symbol><symbol id="icon-zhuye" viewBox="0 0 1024 1024"><path d="M840.192497 1024h-178.309309a64.604822 64.604822 0 0 1-64.604823-64.604822V646.06179H419.615104v311.395243a64.604822 64.604822 0 0 1-64.604822 64.604822H181.22331a64.604822 64.604822 0 0 1-64.604822-64.604822V525.250772H76.563498a58.14434 58.14434 0 0 1-58.790388-38.762893A64.604822 64.604822 0 0 1 31.340122 416.068622L470.652914 18.102917a64.604822 64.604822 0 0 1 89.800703 0l432.852309 396.673609a64.604822 64.604822 0 0 1-45.869424 109.828198h-44.577327v436.728598a64.604822 64.604822 0 0 1-62.666678 62.666678zM422.199297 585.979305h179.601406a64.604822 64.604822 0 0 1 64.604822 64.604822v313.333388h175.725117V465.168287h109.182149L515.876289 64.618389 76.563498 462.584094h107.890053v501.333421h178.955358v-310.749195a64.604822 64.604822 0 0 1 58.790388-67.189015z" ></path></symbol><symbol id="icon-diannao" viewBox="0 0 1024 1024"><path d="M468.22912 724.24448a43.76576 43.76576 0 0 0 43.77088 43.77088 43.76064 43.76064 0 0 0 43.76576-43.77088 43.77088 43.77088 0 0 0-87.53664 0zM91.79648 132.10112v491.56096h27.3152V159.41632h785.78688v464.24576h27.3152V132.10112H91.79648zM512 123.34592c4.83328 0 8.76032-3.92192 8.76032-8.7552s-3.92704-8.7552-8.76032-8.7552a8.7552 8.7552 0 0 0 0 17.5104z" ></path><path d="M932.20352 57.6H91.79648c-38.6816 0-70.03648 31.35488-70.03648 70.03648v631.6288c0 38.67648 31.35488 70.03136 70.03648 70.03136h307.13344c-21.29408 63.72864-60.32896 122.56256-132.04992 122.56256a17.5104 17.5104 0 1 0-0.02048 35.02592h490.26048a17.5104 17.5104 0 0 0 17.52064-17.50528 17.5104 17.5104 0 0 0-17.50016-17.52064h-0.02048c-71.72096 0-110.75584-58.8288-132.04992-122.56256h307.13344c38.67648 0 70.03648-31.35488 70.03648-70.03136V127.63648c0-38.6816-31.36-70.03648-70.03648-70.03648zM56.33536 127.63648a35.49184 35.49184 0 0 1 35.45088-35.45088h840.40704c19.54304 0 35.44576 15.90272 35.44576 35.45088v491.99616H56.33536V127.63648z m576.40448 797.312l20.59776 22.23104H375.77216l15.488-17.11104c22.65088-32.82944 34.33472-55.53152 48.15872-93.6448l2.2784-7.12192h140.59008l2.2784 7.1168c13.42464 41.83552 26.10688 64.14848 48.17408 88.52992z m334.91968-165.67296a35.4816 35.4816 0 0 1-35.44576 35.44576H91.79648a35.4816 35.4816 0 0 1-35.45088-35.44576v-105.48736h911.31392v105.48736z" ></path></symbol><symbol id="icon-che" viewBox="0 0 1024 1024"><path d="M810.356364 121.018182H220.755782a54.272 54.272 0 0 0-51.479273 37.161891L29.360873 578.56a27.927273 27.927273 0 0 0-1.4336 8.8064V861.649455a54.290618 54.290618 0 0 0 54.272 54.272h126.678109a44.2368 44.2368 0 0 0 44.255418-44.255419v-15.341381a51.311709 51.311709 0 0 1 51.255855-51.255855H727.226182a50.7904 50.7904 0 0 1 50.660073 47.662545l0.09309 3.090619a53.843782 53.843782 0 0 0 53.787928 53.787927h117.1456a54.290618 54.290618 0 0 0 54.290618-54.272V587.3664a27.927273 27.927273 0 0 0-1.4336-8.8064L861.854255 158.180073A54.383709 54.383709 0 0 0 810.356364 121.018182z m-1.172946 55.835927l138.146909 415.036509v261.864727h-113.533672l0.037236 2.066619a106.644945 106.644945 0 0 0-106.607709-106.607709H304.407273l-4.096 0.074472a107.184873 107.184873 0 0 0-103.0144 107.035928v3.723636H83.781818V591.890618l138.128291-415.036509h587.273309z" fill="#10298D" ></path><path d="M979.874909 318.687418a27.927273 27.927273 0 0 1 2.681018 55.724218l-2.681018 0.130328H60.453236a27.927273 27.927273 0 0 1-2.699636-55.724219l2.699636-0.130327H979.874909zM285.714618 562.343564a27.927273 27.927273 0 0 1 2.681018 55.724218l-2.681018 0.130327H55.854545a27.927273 27.927273 0 0 1-2.681018-55.724218L55.854545 562.343564h229.860073z m349.370182 0a27.927273 27.927273 0 0 1 2.699636 55.724218l-2.699636 0.130327H405.224727a27.927273 27.927273 0 0 1-2.681018-55.724218l2.681018-0.130327h229.860073z m340.191418 0a27.927273 27.927273 0 0 1 2.681018 55.724218l-2.681018 0.130327H745.416145a27.927273 27.927273 0 0 1-2.681018-55.724218l2.681018-0.130327h229.860073z" fill="#10298D" ></path></symbol><symbol id="icon-kuaizhuanggengduo" viewBox="0 0 1024 1024"><path d="M375.837 533.904c44.464 0 80.51 36.05 80.51 80.519V867.48c0 44.47-36.046 80.519-80.51 80.519H120.51C76.045 948 40 911.95 40 867.481V614.423c0-44.47 36.045-80.519 80.509-80.519h255.328z m487.654 0c44.464 0 80.509 36.05 80.509 80.519V867.48c0 44.47-36.045 80.519-80.509 80.519H608.163c-44.464 0-80.51-36.05-80.51-80.519V614.423c0-44.47 36.046-80.519 80.51-80.519H863.49z m-487.654 59.814H120.51c-11.23 0-20.37 8.942-20.694 20.094l-0.008 0.61v253.06c0 11.23 8.94 20.372 20.092 20.695l0.61 0.01h255.328c11.23 0 20.37-8.943 20.694-20.095l0.008-0.61v-253.06c0-11.23-8.94-20.372-20.091-20.695l-0.61-0.009z m487.654 0H608.163c-11.23 0-20.37 8.942-20.694 20.094l-0.008 0.61v253.06c0 11.23 8.94 20.372 20.091 20.695l0.61 0.01h255.33c11.228 0 20.37-8.943 20.693-20.095l0.008-0.61v-253.06c0-11.23-8.94-20.372-20.092-20.695l-0.61-0.009zM375.837 83c44.464 0 80.51 36.05 80.51 80.519v253.058c0 44.47-36.046 80.519-80.51 80.519H120.51c-44.464 0-80.509-36.05-80.509-80.519V163.52C40 119.049 76.045 83 120.509 83h255.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 m-361.14 58.664H120.51c-11.23 0-20.37 8.942-20.694 20.094l-0.008 0.61v253.06c0 11.23 8.94 20.372 20.092 20.695l0.61 0.009h255.328c11.23 0 20.37-8.942 20.694-20.094l0.008-0.61v-253.06c0-11.23-8.94-20.372-20.091-20.695l-0.61-0.01z m361.14 1.15c-80.035 0-144.916 64.889-144.916 144.934 0 80.044 64.881 144.933 144.916 144.933s144.916-64.889 144.916-144.933c0-80.045-64.881-144.934-144.916-144.934z" fill="#333333" ></path></symbol><symbol id="icon-shezhi" viewBox="0 0 1024 1024"><path d="M416.4 958h191.2V849.7c0-12.7 6.4-25.5 19.1-31.9 31.9-12.7 63.7-31.9 89.2-51 12.7-6.4 25.5-6.4 38.2 0l95.6 57.3 95.6-165.7-95.6-57.3C837 588.5 830.6 575.7 837 563c0-19.1 6.4-31.9 6.4-51s0-31.9-6.4-51c0-12.7 6.4-25.5 12.7-31.9l95.6-57.3-95.6-165.7-95.6 57.3c-12.7 6.4-25.5 6.4-38.2 0-25.5-19.1-57.3-38.2-89.2-51-12.7-12.7-19.1-25.5-19.1-38.2V66H416.4v108.3c0 12.7-6.4 25.5-19.1 31.9-31.9 12.7-63.7 31.9-89.2 51-12.7 6.4-25.5 6.4-38.2 0l-95.6-51-95.6 165.6 95.6 57.3c12.7 6.4 19.1 19.1 12.7 31.9 0 19.1-6.4 31.9-6.4 51s0 31.9 6.4 51c6.4 12.7 0 25.5-12.7 31.9l-95.6 57.3 95.6 165.7 95.6-57.3c12.7-6.4 25.5-6.4 38.2 0 25.5 19.1 57.3 38.2 89.2 51 12.7 6.4 19.1 19.1 19.1 31.9V958z m223 63.7H384.6c-19.1 0-31.9-12.7-31.9-31.9v-121c-25.5-12.7-51-25.5-70.1-38.2l-101.9 63.7c-12.7 6.4-31.9 6.4-44.6-12.7L8.6 658.6c-12.7-19.1-6.4-38.2 12.7-44.6l101.9-63.7v-76.5L21.4 410.1c-19.1-6.4-25.5-25.5-12.7-44.6l127.4-223c6.4-12.7 25.5-19.1 44.6-6.4l101.9 63.7c19.1-12.7 44.6-31.9 70.1-38.2V34.1c0-19.1 12.7-31.9 31.9-31.9h254.9c19.1 0 31.9 12.7 31.9 31.9v121.1c25.5 12.7 51 25.5 70.1 38.2l101.9-63.7c12.7-6.4 31.9-6.4 44.6 12.7l127.4 223c12.7 19.1 6.4 38.2-12.7 44.6l-101.9 63.7v76.5l101.9 63.7c12.7 6.4 19.1 25.5 12.7 44.6L888 881.5c-6.4 12.7-25.5 19.1-44.6 12.7l-101.9-63.7c-19.1 12.7-44.6 31.9-70.1 38.2v121.1c-0.1 19.2-12.8 31.9-32 31.9zM512 703.2c-108.3 0-191.2-82.8-191.2-191.2S403.7 320.8 512 320.8 703.2 403.7 703.2 512 620.3 703.2 512 703.2z m0-318.6c-70.1 0-127.4 57.3-127.4 127.4S441.9 639.4 512 639.4 639.4 582.1 639.4 512 582.1 384.6 512 384.6z" ></path></symbol><symbol id="icon-a-ziyuan50" viewBox="0 0 1024 1024"><path d="M486.978802 59.892803v900.83499H188.390173V321.145129l32.226481-98.389503 50.894633-55.984095 66.163022-52.584334 95.010099-45.805169 54.294394-8.489225z" fill="#D1D3D4" ></path><path d="M869.238205 1024H154.697927a40.715706 40.715706 0 0 1-40.715706-40.715706v-585.28827a397.996024 397.996024 0 0 1 795.97169 0v585.28827a40.715706 40.715706 0 0 1-40.715706 40.715706z m-673.824572-81.431412H828.542857v-544.572564a316.564612 316.564612 0 0 0-633.108867 0z" fill="#231F20" ></path><path d="M980.208861 1024H43.747629a40.715706 40.715706 0 0 1 0-81.431412h936.461232a40.715706 40.715706 0 0 1 0 81.431412z" fill="#231F20" ></path><path d="M511.978245 1024a40.715706 40.715706 0 0 1-40.715706-40.715706V40.756421a40.715706 40.715706 0 0 1 81.431412 0v942.527873a40.715706 40.715706 0 0 1-40.715706 40.715706z" fill="#231F20" ></path><path d="M624.394309 530.932803v71.842863" fill="#FFFFFF" ></path><path d="M624.394309 643.491372a40.715706 40.715706 0 0 1-40.715706-40.715706v-71.842863a40.715706 40.715706 0 0 1 81.431411 0v71.863221a40.715706 40.715706 0 0 1-40.715705 40.715706z" fill="#231F20" ></path></symbol></svg>',o=(o=document.getElementsByTagName("script"))[o.length-1].getAttribute("data-injectcss"),n=function(c,l){l.parentNode.insertBefore(c,l)};if(o&&!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 s(){h||(h=!0,t())}function d(){try{e.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}s()}l=function(){var c,l;(l=document.createElement("div")).innerHTML=i,i=null,(c=l.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",l=c,(c=document.body).firstChild?n(l,c.firstChild):c.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),l()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(t=l,e=c.document,h=!1,d(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,s())})}(window);
\ No newline at end of file \ No newline at end of file
src/assets/icon/iconfont.json
View file @ b52f3ca6
{ {
"id": "2766225", "id": "2782333",
"name": "鑫海", "name": "鑫海2",
"font_family": "iconfont", "font_family": "iconfont",
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{ {
"icon_id": "9974426", "icon_id": "9974423",
"name": "人-屏蔽", "name": "人-减少",
"font_class": "ren-pingbi", "font_class": "ren-jianshao",
"unicode": "e705", "unicode": "e705",
"unicode_decimal": 59141 "unicode_decimal": 59141
}, },
{ {
"icon_id": "10262050", "icon_id": "13474459",
"name": "设 置", "name": "下箭头",
"font_class": "shezhi", "font_class": "xiajiantou",
"unicode": "e611", "unicode": "e60a",
"unicode_decimal": 58897 "unicode_decimal": 58890
}, },
{ {
"icon_id": "15162652", "icon_id": "14918649",
"name": "dian", "name": "dian",
"font_class": "dian", "font_class": "dian",
"unicode": "e605", "unicode": "e601",
"unicode_decimal": 58885 "unicode_decimal": 58881
}, },
{ {
"icon_id": "1221894", "icon_id": "15196692",
"name": "房子 实心", "name": "边坡",
"font_class": "solid-home", "font_class": "bianpo",
"unicode": "e641", "unicode": "e794",
"unicode_decimal": 58945 "unicode_decimal": 59284
}, },
{ {
"icon_id": "1507976", "icon_id": "18012926",
"name": "定位", "name": "叶子",
"font_class": "dingwei", "font_class": "leaf",
"unicode": "e692", "unicode": "e642",
"unicode_decimal": 59026 "unicode_decimal": 58946
}, },
{ {
"icon_id": "1972966", "icon_id": "579386",
"name": "文件", "name": "缩小",
"font_class": "wenjian", "font_class": "suoxiao",
"unicode": "e60c", "unicode": "e616",
"unicode_decimal": 58892 "unicode_decimal": 58902
}, },
{ {
"icon_id": "6027490", "icon_id": "18924792",
"name": "电脑", "name": "放大",
"font_class": "diannao", "font_class": "70BasicIcons-all-48",
"unicode": "e602", "unicode": "e64a",
"unicode_decimal": 58882 "unicode_decimal": 58954
}, },
{ {
"icon_id": "9572488", "icon_id": "1901667",
"name": "门", "name": "定位",
"font_class": "IOTtubiao_huabanfuben", "font_class": "dingwei",
"unicode": "e61a", "unicode": "e600",
"unicode_decimal": 58906 "unicode_decimal": 58880
}, },
{ {
"icon_id": "13474459", "icon_id": "5729042",
"name": "下箭头", "name": "文件夹",
"font_class": "xiajiantou", "font_class": "wenjianjia",
"unicode": "e60a", "unicode": "e66f",
"unicode_decimal": 58890 "unicode_decimal": 58991
}, },
{ {
"icon_id": "15196692", "icon_id": "6429564",
"name": "边坡", "name": "主页",
"font_class": "bianpo", "font_class": "zhuye",
"unicode": "e794", "unicode": "e61d",
"unicode_decimal": 59284 "unicode_decimal": 58909
}, },
{ {
"icon_id": "15905225", "icon_id": "9748109",
"name": "叶子", "name": "电脑",
"font_class": "yezi", "font_class": "diannao",
"unicode": "e7d8", "unicode": "e649",
"unicode_decimal": 59352 "unicode_decimal": 58953
},
{
"icon_id": "13581222",
"name": "车",
"font_class": "che",
"unicode": "e609",
"unicode_decimal": 58889
}, },
{ {
"icon_id": "16516751", "icon_id": "16384707",
"name": "块状更多", "name": "块状更多",
"font_class": "kuaizhuanggengduo", "font_class": "kuaizhuanggengduo",
"unicode": "e6b4", "unicode": "e66c",
"unicode_decimal": 59060 "unicode_decimal": 58988
}, },
{ {
"icon_id": "17710966", "icon_id": "18379488",
"name": "文件夹", "name": "设 置",
"font_class": "wenjianjia", "font_class": "shezhi",
"unicode": "e813", "unicode": "e696",
"unicode_decimal": 59411 "unicode_decimal": 59030
}, },
{ {
"icon_id": "19691553", "icon_id": "22861713",
"name": "车", "name": "门",
"font_class": "car-fill", "font_class": "a-ziyuan50",
"unicode": "eb91", "unicode": "e6f2",
"unicode_decimal": 60305 "unicode_decimal": 59122
} }
] ]
} }
src/main.js
View file @ b52f3ca6
...@@ -7,8 +7,8 @@ import 'element-ui/lib/theme-chalk/index.css'; ...@@ -7,8 +7,8 @@ import 'element-ui/lib/theme-chalk/index.css';
import '../plugins/jquery-2.1.1.min.js'; import '../plugins/jquery-2.1.1.min.js';
import $ from 'jquery' import $ from 'jquery'
import './assets/icon/iconfont.css' import './assets/icon/iconfont.css'
Vue.prototype.$ = $;
Vue.prototype.$ = $;
Vue.use(ElementUI); Vue.use(ElementUI);
......
src/views/homepage.vue
View file @ b52f3ca6
...@@ -4,14 +4,11 @@ ...@@ -4,14 +4,11 @@
<div class="topMenuBar"> <div class="topMenuBar">
<span>{{ $store.state.platformName }}</span> <span>{{ $store.state.platformName }}</span>
<div class="userInformationBar"> <div class="userInformationBar">
<div style="margin-right:10px;">
<span>用户权限</span>
<span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span>
</div>
<div style="margin-right:10px;"> <div style="margin-right:10px;">
<span>{{userName}}</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>
<el-button type="primary" circle @click="handleFullScreen()" size="small" style="margin-right:10px;"><span :class="quanping"></span></el-button>
<img src="../imgs/yonghu.png"> <img src="../imgs/yonghu.png">
</div> </div>
</div> </div>
...@@ -23,7 +20,7 @@ ...@@ -23,7 +20,7 @@
<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"> <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">
<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-zhuye" 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="/homepage/videoSurveillance"> <el-menu-item index="/homepage/videoSurveillance">
...@@ -33,7 +30,7 @@ ...@@ -33,7 +30,7 @@
<el-submenu index="shengchanzidonghua"> <el-submenu index="shengchanzidonghua">
<template slot="title"> <template slot="title">
<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="/homepage/AutomationHomepage">系统首页</el-menu-item> <el-menu-item index="/homepage/AutomationHomepage">系统首页</el-menu-item>
<el-menu-item index="/homepage/AutomatedReport">生产报表</el-menu-item> <el-menu-item index="/homepage/AutomatedReport">生产报表</el-menu-item>
...@@ -41,7 +38,7 @@ ...@@ -41,7 +38,7 @@
<el-submenu index="people"> <el-submenu index="people">
<template slot="title"> <template slot="title">
<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>人员定位系统</span> <span>人员定位</span>
</template> </template>
<el-menu-item index="/homepage/PersonnelPositioningHomePage">系统首页</el-menu-item> <el-menu-item index="/homepage/PersonnelPositioningHomePage">系统首页</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningnowData">实时数据</el-menu-item> <el-menu-item index="/homepage/PersonnelPositioningnowData">实时数据</el-menu-item>
...@@ -49,12 +46,12 @@ ...@@ -49,12 +46,12 @@
<el-menu-item index="/homepage/PersonnelPositioningHistroyData">历史数据</el-menu-item> <el-menu-item index="/homepage/PersonnelPositioningHistroyData">历史数据</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningAlarm">报警历史</el-menu-item> <el-menu-item index="/homepage/PersonnelPositioningAlarm">报警历史</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningEnclosure">围栏设定</el-menu-item> <el-menu-item index="/homepage/PersonnelPositioningEnclosure">围栏设定</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningRegister">人员等级</el-menu-item> <el-menu-item index="/homepage/PersonnelPositioningRegister">人员登记</el-menu-item>
</el-submenu> </el-submenu>
<el-submenu index="cars"> <el-submenu index="cars">
<template slot="title"> <template slot="title">
<i class="iconfont icon-car-fill" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-che" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>车辆定位系统</span> <span>车辆定位</span>
</template> </template>
<el-menu-item index="/homepage/carPositioningHomePage">系统首页</el-menu-item> <el-menu-item index="/homepage/carPositioningHomePage">系统首页</el-menu-item>
<el-menu-item index="/homepage/carPositioningnowData">实时数据</el-menu-item> <el-menu-item index="/homepage/carPositioningnowData">实时数据</el-menu-item>
...@@ -62,12 +59,12 @@ ...@@ -62,12 +59,12 @@
<el-menu-item index="/homepage/carPositioningHistroyData">历史数据</el-menu-item> <el-menu-item index="/homepage/carPositioningHistroyData">历史数据</el-menu-item>
<el-menu-item index="/homepage/carPositioningAlarm">报警历史</el-menu-item> <el-menu-item index="/homepage/carPositioningAlarm">报警历史</el-menu-item>
<el-menu-item index="/homepage/carPositioningEnclosure">围栏设定</el-menu-item> <el-menu-item index="/homepage/carPositioningEnclosure">围栏设定</el-menu-item>
<el-menu-item index="/homepage/carPositioningRegister">人员等级</el-menu-item> <el-menu-item index="/homepage/carPositioningRegister">车辆登记</el-menu-item>
</el-submenu> </el-submenu>
<el-submenu index="bianpo"> <el-submenu index="bianpo">
<template slot="title"> <template slot="title">
<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="/homepage/SlopeHomePage">系统首页</el-menu-item> <el-menu-item index="/homepage/SlopeHomePage">系统首页</el-menu-item>
<el-menu-item index="/homepage/SlopeHorizontal">坝体表面水平位移</el-menu-item> <el-menu-item index="/homepage/SlopeHorizontal">坝体表面水平位移</el-menu-item>
...@@ -79,8 +76,8 @@ ...@@ -79,8 +76,8 @@
</el-submenu> </el-submenu>
<el-submenu index="huanjign"> <el-submenu index="huanjign">
<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-leaf" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>环境在线监测</span> <span>环境监测</span>
</template> </template>
<el-menu-item index="/homepage/EnvironmentHomepage">系统首页</el-menu-item> <el-menu-item index="/homepage/EnvironmentHomepage">系统首页</el-menu-item>
<el-menu-item index="/homepage/EnvironmentNowData">实时数据</el-menu-item> <el-menu-item index="/homepage/EnvironmentNowData">实时数据</el-menu-item>
...@@ -90,17 +87,17 @@ ...@@ -90,17 +87,17 @@
<el-submenu index="shuzihuachuliang"> <el-submenu index="shuzihuachuliang">
<template slot="title"> <template slot="title">
<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>数字化储量管理</span> <span>储量管理</span>
</template> </template>
<el-menu-item index="/homepage/reservesHomepage">系统首页</el-menu-item> <el-menu-item index="/homepage/reservesHomepage">系统首页</el-menu-item>
<el-menu-item index="/homepage/reservesList">管理列表</el-menu-item> <el-menu-item index="/homepage/reservesList">管理列表</el-menu-item>
</el-submenu> </el-submenu>
<el-menu-item index="/homepage/AccessHomepage"> <el-menu-item index="/homepage/AccessHomepage">
<i class="iconfont icon-IOTtubiao_huabanfuben" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-a-ziyuan50" 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="/homepage/unman"> <el-menu-item index="/homepage/unman">
<i class="iconfont icon-ren-pingbi" style="margin-right:10px;color:rgb(3,156,205);"></i> <i class="iconfont icon-ren-jianshao" 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="jiankongdaping"> <el-menu-item index="jiankongdaping">
...@@ -137,16 +134,43 @@ export default { ...@@ -137,16 +134,43 @@ export default {
data(){ data(){
return{ return{
userName:"qwqwqw", userName:"qwqwqw",
fullscreen: false,
quanping:"iconfont icon-70BasicIcons-all-48",
} }
}, },
methods: { methods: {
// handleOpen(key, keyPath) { handleFullScreen(){
// console.log(key, keyPath); let element = document.documentElement;
// }, if (this.fullscreen) {
// handleClose(key, keyPath) { if (document.exitFullscreen) {
// console.log(key, keyPath); document.exitFullscreen();
// }, } else if (document.webkitCancelFullScreen) {
}, document.webkitCancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
} else {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen();
}
}
if(this.fullscreen){
this.quanping = "iconfont icon-70BasicIcons-all-48"
}else{
this.quanping = "iconfont icon-suoxiao"
}
this.fullscreen = !this.fullscreen;
}
}
}; };
</script> </script>
...@@ -156,9 +180,13 @@ export default { ...@@ -156,9 +180,13 @@ export default {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.viewBody{
height: 100vh;
overflow: hidden;
}
.topMenuBar { .topMenuBar {
width: 100%; width: 100%;
height: 70px; height: 7%;
background: -webkit-linear-gradient(rgb(14, 35, 94), rgb(9, 26, 69)); background: -webkit-linear-gradient(rgb(14, 35, 94), rgb(9, 26, 69));
padding: 0px 20px; padding: 0px 20px;
box-sizing: border-box; box-sizing: border-box;
...@@ -189,22 +217,32 @@ export default { ...@@ -189,22 +217,32 @@ export default {
height: 21px; height: 21px;
} }
.mainBody{ .mainBody{
min-height: 100vh; height: 93%;
display: flex; display: flex;
} }
.leftMenuBar{ .leftMenuBar{
width: 12%; width: 12.5%;
overflow: hidden; height: 100%;
overflow: auto;
background-color: rgb(9,26,69);
font-family: 'Tangerine', serif !important;
}
.leftMenuBar::-webkit-scrollbar{
display:none;
} }
.rightBody{ .rightBody{
width: 88%; width: 87.5%;
overflow: hidden; height: 100%;
overflow: auto;
background-color: rgb(0,20,78);
}
.rightBody::-webkit-scrollbar{
display:none;
} }
.leftMenuBar>.tac>.el-col>ul{ .leftMenuBar>.tac>.el-col>ul{
width: 240px; width: 240px;
min-height: 100vh; letter-spacing: 2px;
letter-spacing: 2px; font-weight: 600;
font-weight: 600;
} }
.el-menu .el-menu-item{ .el-menu .el-menu-item{
font-size: 17px; font-size: 17px;
...@@ -212,13 +250,22 @@ export default { ...@@ -212,13 +250,22 @@ export default {
.el-menu .el-submenu__title{ .el-menu .el-submenu__title{
font-size: 17px; font-size: 17px;
} }
.el-menu .iconfont{
margin-left: 20px !important;
}
.el-menu-item:hover{
background-color: rgb(7,36,118) !important;
}
.el-submenu__title:hover{
background-color: rgb(7,36,118) !important;
}
.xiajiantou{ .xiajiantou{
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.el-submenu>.el-menu>.el-menu-item{ .el-submenu>.el-menu>.el-menu-item{
padding-left: 50px !important; padding-left: 70px !important;
box-sizing: border-box !important; box-sizing: border-box !important;
} }
.el-menu-item, .el-submenu__title { .el-menu-item, .el-submenu__title {
......
src/views/mineMonitoring.vue
View file @ b52f3ca6
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> </div>
<div class="intelligentDispatchLeft_bottom"> <div class="intelligentDispatchLeft_bottom">
<div v-for="(item,index) in intelligentDispatchArray" :key="index"> <div v-for="(item,index) in intelligentDispatchArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span> <span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span> <span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span> <span style="color:#28F7FF;">{{item.num}}</span>
</div> </div>
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
</div> </div>
<div class="environmentalMonitoringLeft_bottom"> <div class="environmentalMonitoringLeft_bottom">
<div v-for="(item,index) in environmentalMonitoringArray" :key="index"> <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 class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;" v-show="index % 2 == 0"></span>
<span style="color:white;">{{item.name}}:</span> <span style="color:white;">{{item.name}}:</span>
<span style="color:#28F7FF;">{{item.num}}</span> <span style="color:#28F7FF;">{{item.num}}</span>
</div> </div>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="locationSystemLeft_bottom"> <div class="locationSystemLeft_bottom">
<div v-for="(item,index) in locationSystemArray" :key="index"> <div v-for="(item,index) in locationSystemArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span> <span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span> <span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span> <span style="color:#28F7FF;">{{item.num}}</span>
</div> </div>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
</div> </div>
<div class="slopeMonitoringLeft_bottom"> <div class="slopeMonitoringLeft_bottom">
<div v-for="(item,index) in slopeMonitoringArray" :key="index"> <div v-for="(item,index) in slopeMonitoringArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span> <span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span> <span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span> <span style="color:#28F7FF;">{{item.num}}</span>
</div> </div>
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
<!-- 生产自动化 --> <!-- 生产自动化 -->
<div class="productionAutomation"> <div class="productionAutomation">
<div class="productionAutomationRight"> <div class="productionAutomationRight">
<img src="../imgs/zhinengpaidan.png" style="margin-left:33px;"> <img src="../imgs/shengchanzidonghua.png" style="margin-left:33px;">
<div style="color:#28F7FF;font-size:28px;text-align: center;">{{$store.state.a.productionAutomation.name}}</div> <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;"> <img src="../imgs/juxing2.png" style="margin:10px 0px 0px 80px;">
</div> </div>
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
</div> </div>
<div class="productionAutomationLeft_bottom"> <div class="productionAutomationLeft_bottom">
<div v-for="(item,index) in productionAutomationArray" :key="index"> <div v-for="(item,index) in productionAutomationArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span> <span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span> <span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span> <span style="color:#28F7FF;">{{item.num}}</span>
</div> </div>
...@@ -133,7 +133,7 @@ export default { ...@@ -133,7 +133,7 @@ export default {
.allBox{ .allBox{
background-image: url("../imgs/5dd5481bb9102.png"); background-image: url("../imgs/5dd5481bb9102.png");
width: 100%; width: 100%;
height: 100vh; height: 100%;
position: relative; position: relative;
} }
/* 智能派单系统 */ /* 智能派单系统 */
...@@ -156,7 +156,7 @@ export default { ...@@ -156,7 +156,7 @@ export default {
justify-content: space-between; justify-content: space-between;
} }
.intelligentDispatchLeft_bottom{ .intelligentDispatchLeft_bottom{
padding: 5px 15px 0px; padding: 5px 22px 0px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -191,7 +191,7 @@ export default { ...@@ -191,7 +191,7 @@ export default {
} }
.environmentalMonitoringLeft_bottom{ .environmentalMonitoringLeft_bottom{
width: 100%; width: 100%;
padding: 5px 17px 0px; padding: 5px 22px 0px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -211,7 +211,7 @@ export default { ...@@ -211,7 +211,7 @@ export default {
} }
/* 定位系统 */ /* 定位系统 */
.locationSystem{ .locationSystem{
top: 55%; top: 53%;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
position: absolute; position: absolute;
...@@ -230,7 +230,7 @@ export default { ...@@ -230,7 +230,7 @@ export default {
} }
.locationSystemLeft_bottom{ .locationSystemLeft_bottom{
width: 100%; width: 100%;
padding: 5px 17px 0px; padding: 5px 22px 0px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -267,7 +267,7 @@ export default { ...@@ -267,7 +267,7 @@ export default {
} }
.slopeMonitoringLeft_bottom{ .slopeMonitoringLeft_bottom{
width: 100%; width: 100%;
padding: 5px 18px 0px; padding: 5px 22px 0px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -302,7 +302,7 @@ export default { ...@@ -302,7 +302,7 @@ export default {
justify-content: space-between; justify-content: space-between;
} }
.productionAutomationLeft_bottom{ .productionAutomationLeft_bottom{
padding: 5px 15px 0px; padding: 5px 22px 0px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
......
src/views/personnelPositioning/alarm.vue
View file @ b52f3ca6
<template> <template>
<div> <div class="AuHiViewBody">
<span>
人员定位系统报警历史 <div class="AuHiTop">
</span> <div style="font-size:20px;font-weight:600;">查询搜索</div>
<div style="margin-top:10px;display:flex;">
<div>
<template>
<el-select v-model="feijishebei.value" placeholder="请选择风机设备">
<el-option
v-for="item in feijishebei.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-select v-model="jiancexiang.value" placeholder="请选择监测项">
<el-option
v-for="item in jiancexiang.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-date-picker
v-model="selectDate1.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<div style="margin:0px 20px;">
<template>
<el-date-picker
v-model="selectDate2.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
<el-button icon="el-icon-printer" @click="dayin()">打印</el-button>
</div>
</div>
<div class="AuHiBottom">
<template>
<el-table :data="automatedReportData" height="700" border style="width: 100%" :row-style="tableRowStyle">
<el-table-column prop="equipment" label="产品设备" align="center"></el-table-column>
<el-table-column prop="name" label="指标名称" align="center"></el-table-column>
<el-table-column prop="numerical" label="数值" align="center"></el-table-column>
<el-table-column prop="alarmLevel" label="报警级别" align="center"></el-table-column>
<el-table-column prop="time" label="时间" align="center"></el-table-column>
<el-table-column prop="status" label="处理状态" align="center"></el-table-column>
</el-table>
</template>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() {
return {
feijishebei:{
options: [{
value: '1号风机设备',
label: '1号风机设备'
}, {
value: '2号风机设备',
label: '2号风机设备'
}, {
value: '3号风机设备',
label: '3号风机设备'
}, {
value: '4号风机设备',
label: '4号风机设备'
}, {
value: '5号风机设备',
label: '5号风机设备'
}],
value: ''
},
jiancexiang:{
options: [{
value: '选项1',
label: '111'
}, {
value: '选项2',
label: '222'
}, {
value: '选项3',
label: '333'
}, {
value: '选项4',
label: '444'
}, {
value: '选项5',
label: '555'
}],
value: ''
},
selectDate1:{
value:""
},
selectDate2:{
value:""
},
automatedReportData:[{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
}],
}
},
methods:{
tableRowStyle({row, rowIndex}) {
// if (row.name == "王小虎") {
// return 'background: rgb(255,232,232);';
// }
},
daochu(){
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "生产自动化系统实时数据表.xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
dayin(){
var tableToPrint = document.querySelector(".el-table");//将要被打印的表格
var newWin= window.open("");//新打开一个空窗口
newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
newWin.document.close();//在IE浏览器中使用必须添加这一句
newWin.focus();//在IE浏览器中使用必须添加这一句
newWin.print();//打印
newWin.close();//关闭窗口
},
}
} }
</script> </script>
<style> <style scoped>
.AuHiViewBody{
width: 100%;
height: 100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
height: 110px;
background-color: white;
border-radius: 10px;
padding: 18px 20px 0px ;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-table .warning{
background: red !important;
}
.el-table .success-row {
background: blue;
}
</style> </style>
\ No newline at end of file
src/views/personnelPositioning/histroyData.vue
View file @ b52f3ca6
<template> <template>
<div> <div class="AuHiViewBody">
<span>
人员定位系统历史数据 <div class="AuHiTop">
</span> <div style="font-size:20px;font-weight:600;">查询搜索</div>
<div style="margin-top:10px;display:flex;">
<div>
<template>
<el-select v-model="feijishebei.value" placeholder="请选择风机设备">
<el-option
v-for="item in feijishebei.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-select v-model="jiancexiang.value" placeholder="请选择监测项">
<el-option
v-for="item in jiancexiang.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-date-picker
v-model="selectDate1.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<div style="margin:0px 20px;">
<template>
<el-date-picker
v-model="selectDate2.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
<el-button icon="el-icon-printer" @click="dayin()">打印</el-button>
</div>
</div>
<div class="AuHiBottom">
<template>
<el-table :data="automatedReportData" height="700" border style="width: 100%" :row-style="tableRowStyle">
<el-table-column prop="equipment" label="产品设备" align="center"></el-table-column>
<el-table-column prop="name" label="指标名称" align="center"></el-table-column>
<el-table-column prop="numerical" label="数值" align="center"></el-table-column>
<el-table-column prop="alarmLevel" label="报警级别" align="center"></el-table-column>
<el-table-column prop="time" label="时间" align="center"></el-table-column>
<el-table-column prop="status" label="处理状态" align="center"></el-table-column>
</el-table>
</template>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() {
return {
feijishebei:{
options: [{
value: '1号风机设备',
label: '1号风机设备'
}, {
value: '2号风机设备',
label: '2号风机设备'
}, {
value: '3号风机设备',
label: '3号风机设备'
}, {
value: '4号风机设备',
label: '4号风机设备'
}, {
value: '5号风机设备',
label: '5号风机设备'
}],
value: ''
},
jiancexiang:{
options: [{
value: '选项1',
label: '111'
}, {
value: '选项2',
label: '222'
}, {
value: '选项3',
label: '333'
}, {
value: '选项4',
label: '444'
}, {
value: '选项5',
label: '555'
}],
value: ''
},
selectDate1:{
value:""
},
selectDate2:{
value:""
},
automatedReportData:[{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
}],
}
},
methods:{
tableRowStyle({row, rowIndex}) {
// if (row.name == "王小虎") {
// return 'background: rgb(255,232,232);';
// }
},
daochu(){
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "生产自动化系统实时数据表.xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
dayin(){
var tableToPrint = document.querySelector(".el-table");//将要被打印的表格
var newWin= window.open("");//新打开一个空窗口
newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
newWin.document.close();//在IE浏览器中使用必须添加这一句
newWin.focus();//在IE浏览器中使用必须添加这一句
newWin.print();//打印
newWin.close();//关闭窗口
},
}
} }
</script> </script>
<style> <style scoped>
.AuHiViewBody{
width: 100%;
height: 100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
height: 110px;
background-color: white;
border-radius: 10px;
padding: 18px 20px 0px ;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-table .warning{
background: red !important;
}
.el-table .success-row {
background: blue;
}
</style> </style>
\ No newline at end of file
src/views/personnelPositioning/nowData.vue
View file @ b52f3ca6
<template> <template>
<div> <div class="AuHiViewBody">
<span>
人员定位系统实时数据 <div class="AuHiTop">
</span> <div style="font-size:20px;font-weight:600;">查询搜索</div>
<div style="margin-top:10px;display:flex;">
<div>
<template>
<el-select v-model="feijishebei.value" placeholder="请选择风机设备">
<el-option
v-for="item in feijishebei.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-select v-model="jiancexiang.value" placeholder="请选择监测项">
<el-option
v-for="item in jiancexiang.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-date-picker
v-model="selectDate1.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<div style="margin:0px 20px;">
<template>
<el-date-picker
v-model="selectDate2.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
<el-button icon="el-icon-printer" @click="dayin()">打印</el-button>
</div>
</div>
<div class="AuHiBottom">
<template>
<el-table :data="automatedReportData" height="700" border style="width: 100%" :row-style="tableRowStyle">
<el-table-column prop="equipment" label="产品设备" align="center"></el-table-column>
<el-table-column prop="name" label="指标名称" align="center"></el-table-column>
<el-table-column prop="numerical" label="数值" align="center"></el-table-column>
<el-table-column prop="alarmLevel" label="报警级别" align="center"></el-table-column>
<el-table-column prop="time" label="时间" align="center"></el-table-column>
<el-table-column prop="status" label="处理状态" align="center"></el-table-column>
</el-table>
</template>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() {
return {
feijishebei:{
options: [{
value: '1号风机设备',
label: '1号风机设备'
}, {
value: '2号风机设备',
label: '2号风机设备'
}, {
value: '3号风机设备',
label: '3号风机设备'
}, {
value: '4号风机设备',
label: '4号风机设备'
}, {
value: '5号风机设备',
label: '5号风机设备'
}],
value: ''
},
jiancexiang:{
options: [{
value: '选项1',
label: '111'
}, {
value: '选项2',
label: '222'
}, {
value: '选项3',
label: '333'
}, {
value: '选项4',
label: '444'
}, {
value: '选项5',
label: '555'
}],
value: ''
},
selectDate1:{
value:""
},
selectDate2:{
value:""
},
automatedReportData:[{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
}],
}
},
methods:{
tableRowStyle({row, rowIndex}) {
// if (row.name == "王小虎") {
// return 'background: rgb(255,232,232);';
// }
},
daochu(){
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "生产自动化系统实时数据表.xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
dayin(){
var tableToPrint = document.querySelector(".el-table");//将要被打印的表格
var newWin= window.open("");//新打开一个空窗口
newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
newWin.document.close();//在IE浏览器中使用必须添加这一句
newWin.focus();//在IE浏览器中使用必须添加这一句
newWin.print();//打印
newWin.close();//关闭窗口
},
}
} }
</script> </script>
<style> <style scoped>
.AuHiViewBody{
width: 100%;
height:100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
height: 110px;
background-color: white;
border-radius: 10px;
padding: 18px 20px 0px ;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-table .warning{
background: red !important;
}
.el-table .success-row {
background: blue;
}
</style> </style>
\ No newline at end of file
src/views/personnelPositioning/register.vue
View file @ b52f3ca6
<template> <template>
<div> <div class="AuHiViewBody">
<span>人员定位系统人员等级</span>
<el-button type="primary" @click="formOpen('add')">增加人员</el-button>
<div class="AuHiBottom">
<template>
<el-table :data="PersonRegistrationData" height="700" border style="width: 100%">
<el-table-column prop="employee_id" label="员工编号" align="center"></el-table-column>
<el-table-column prop="name" label="员工名" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" align="center"></el-table-column>
<el-table-column prop="age" label="年龄" align="center"></el-table-column>
<el-table-column prop="phone" label="电话" align="center"></el-table-column>
<el-table-column prop="dept" label="部门" align="center"></el-table-column>
<el-table-column prop="hat_number" label="帽子编号" align="center"></el-table-column>
<el-table-column label="操作" width="150" align="center">
<template slot-scope="scope">
<el-button @click="formOpen('change',scope.row)" type="text">编辑</el-button>
<el-button type="text" @click="deleteFormOpen(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
</div>
<el-dialog :title="formTitle" :visible.sync="formVisible" width="30%">
<el-form ref="form" :model="formData" label-width="80px">
<el-form-item label="员工编号">
<el-input v-model="formData.employee_id"></el-input>
</el-form-item>
<el-form-item label="员工名">
<el-input v-model="formData.name" :disabled="inpDisable"></el-input>
</el-form-item>
<el-form-item label="性别">
<template>
<el-radio v-model="formData.sex" label="男">男</el-radio>
<el-radio v-model="formData.sex" label="女">女</el-radio>
</template>
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="formData.age"></el-input>
</el-form-item>
<el-form-item label="电话">
<el-input v-model="formData.phone"></el-input>
</el-form-item>
<el-form-item label="部门">
<el-input v-model="formData.dept"></el-input>
</el-form-item>
<el-form-item label="帽子编号">
<el-input v-model="formData.hat_number"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="formSave()">确 定</el-button>
<el-button @click="formcancel()">取 消</el-button>
</span>
</el-dialog>
<el-dialog title="你确定删除吗？" :visible.sync="deleteVisible" width="30%">
<el-button type="danger" @click="agreeDelete()">删除</el-button>
<el-button @click="cancelDelete()">取消</el-button>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() {
return {
formTitle:"",
formType:"",
PersonRegistrationData:[{
employee_id: '20210901',
name: '王一',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王二',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王三',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王四',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王五',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王六',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王七',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王八',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
}],
formVisible:false,
formData: {
employee_id: '',
name: '',
sex: '男',
age: '',
phone: '',
dept: '',
hat_number: ''
},
inpDisable:false,
deleteVisible:false,
}
},
methods:{
formOpen(type,row){
this.formVisible = true;
this.formType = type;
if(this.formType === "add"){
this.formTitle = "增加人员";
this.inpDisable = false;
}else if(this.formType === "change"){
this.formTitle = "修改人员";
this.inpDisable = true;
this.formData = {...row};
}
},
formSave(){
if(this.formType === "add"){
if(this.formData.name === ""){
alert("员工名不得为空！");
return;
}
this.PersonRegistrationData.unshift(this.formData);
this.formVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
}else if(this.formType === "change"){
const that = this;
const newData = [];
this.PersonRegistrationData.forEach(function(item){
if(item.name === that.formData.name){
newData.push(that.formData);
}else{
newData.push(item);
}
})
this.PersonRegistrationData = newData;
this.formVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
}
},
formcancel(){
this.formVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
},
deleteFormOpen(row){
console.log(row);
this.deleteVisible = true;
this.formData = {...row};
},
agreeDelete(){
const that = this;
const newData = [];
this.PersonRegistrationData = that.PersonRegistrationData.forEach(function(item){
if(item.name === that.formData.name){
return;
}else{
newData.push(item);
}
})
this.PersonRegistrationData = newData;
this.deleteVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
},
cancelDelete(){
this.deleteVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
}
}
} }
</script> </script>
<style> <style scoped>
.AuHiViewBody{
width: 100%;
height: 100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
background-color: white;
border-radius: 10px;
padding: 18px 20px;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-input{
width: 80%;
}
</style> </style>
\ No newline at end of file
src/views/productionAutomation/AutomatedReport.vue
View file @ b52f3ca6
...@@ -219,7 +219,7 @@ export default { ...@@ -219,7 +219,7 @@ export default {
<style scoped> <style scoped>
.AuHiViewBody{ .AuHiViewBody{
width: 100%; width: 100%;
height: 100vh; height: 100%;
background-color: rgb(245,246,251); background-color: rgb(245,246,251);
padding: 30px; padding: 30px;
box-sizing: border-box; box-sizing: border-box;
......
src/views/productionAutomation/AutomationHomepage.vue
View file @ b52f3ca6
...@@ -36,7 +36,7 @@ export default { ...@@ -36,7 +36,7 @@ export default {
.AutomationHomepageViews{ .AutomationHomepageViews{
background-color: rgb(0,20,78); background-color: rgb(0,20,78);
width: 100%; width: 100%;
height: 100vh; height: 100%;
position: relative; position: relative;
} }
.AutomationBrieflyMenuBar{ .AutomationBrieflyMenuBar{
......
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