From a8b22d9a1bbee15caa378c7c3af519db51c97efc Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 08 Nov 2024 12:31:44 +0800
Subject: [PATCH] 企业详情样式调整； 企业详情加载范围瀑布图；
---
src/views/sub/index.vue | 125 ---
src/views/companyInfo/components/box/fireTrend.vue | 246 +++---
src/views/companyInfo/components/centerContainer.vue | 143 ++--
src/views/supplies/components/leftContainer.vue | 19
src/views/companyInfo/index.vue | 161 ++--
src/views/companyInfo/components/box/occurStatistics.vue | 250 +++---
src/styles/page/index.scss | 3
src/router/index.js | 4
src/views/rt/components/leftContainer.vue | 33
src/views/companyInfo/components/rightContainer.vue | 65 +
src/views/layout/index.vue | 14
src/views/companyInfo/components/box/fireSource.vue | 153 ++--
src/assets/json/qyfw.json | 800 +++++++++++++++++++++++
13 files changed, 1,361 insertions(+), 655 deletions(-)
diff --git a/src/assets/json/qyfw.json b/src/assets/json/qyfw.json
index 7ee71da..e9a28b9 100644
--- a/src/assets/json/qyfw.json
+++ b/src/assets/json/qyfw.json
@@ -1 +1,799 @@
-{"type":"FeatureCollection","crs":{"type":"name","properties":{"name":"EPSG:4326"}},"features":[{"type":"Feature","id":0,"geometry":{"type":"Polygon","coordinates":[[[115.10434358316422,27.289239134618413],[115.10433644478121,27.288394425961485],[115.10618925938729,27.288396806166475],[115.10618989228033,27.289064992726082],[115.1060092058683,27.289243893540572],[115.10434358316422,27.289239134618413]]]},"properties":{"FID":0,"Id":0,"name":"江西森钥新材料科技有限公司"}},{"type":"Feature","id":1,"geometry":{"type":"Polygon","coordinates":[[[115.10618308750384,27.287754488717439],[115.10618925938729,27.288396806166475],[115.10439182445339,27.288394497104719],[115.10433186684133,27.288318420975884],[115.10433662576338,27.287792560093578],[115.10438659444446,27.287764006561588],[115.10618308750384,27.287754488717439]]]},"properties":{"FID":1,"Id":0,"name":"江西利鑫环保再生资源有限公司"}},{"type":"Feature","id":2,"geometry":{"type":"Polygon","coordinates":[[[115.10365372045464,27.294652942750361],[115.10364420261055,27.293334721353062],[115.10374889889488,27.293239542912829],[115.10587137811206,27.293239542912829],[115.10601890469445,27.293291891054821],[115.10620926157492,27.293429899793296],[115.10616643127685,27.294662460594282],[115.10365372045464,27.294652942750361]]]},"properties":{"FID":2,"Id":0,"name":"江西东玕科技有限公司"}},{"type":"Feature","id":3,"geometry":{"type":"Polygon","coordinates":[[[115.10433554072858,27.287753448832859],[115.10432459520791,27.286752409587734],[115.1052478260782,27.286751933695541],[115.10525210910794,27.287740361797375],[115.10433554072858,27.287753448832859]]]},"properties":{"FID":3,"Id":0,"name":"江西迷斯婕生物科技有限公司"}},{"type":"Feature","id":4,"geometry":{"type":"Polygon","coordinates":[[[115.10619033058265,27.287743693042728],[115.10527468424436,27.287744486196345],[115.1052699253222,27.28674844381942],[115.10598804665392,27.286761292908864],[115.10617792764219,27.286915481981907],[115.10619220440822,27.286984010459037],[115.10619033058265,27.287743693042728]]]},"properties":{"FID":4,"Id":0,"name":"吉水县聚源堂天然香料油有限公司"}},{"type":"Feature","id":5,"geometry":{"type":"Polygon","coordinates":[[[115.10555331912792,27.283711656710693],[115.10575557331356,27.283882977903147],[115.10578888576754,27.2843130258222],[115.10589120259078,27.284941203527751],[115.10589120259078,27.285271948607601],[115.10595687571458,27.285318348097235],[115.1059644899899,27.28540210512466],[115.10259255579831,27.285403294855087],[115.102587598588,27.283847127357319],[115.10272441759582,27.283710308349441],[115.10555331912792,27.283711656710693]]]},"properties":{"FID":5,"Id":0,"name":"江西宏润香料有限公司"}},{"type":"Feature","id":6,"geometry":{"type":"Polygon","coordinates":[[[115.10271275823686,27.283572418584242],[115.10258736064179,27.283436075468614],[115.10258783653398,27.281382124728282],[115.10269253281831,27.281272669522139],[115.10380850003014,27.281272669522139],[115.10380493083869,27.283572418584242],[115.10271275823686,27.283572418584242]]]},"properties":{"FID":6,"Id":0,"name":"江西启晟化工有限公司"}},{"type":"Feature","id":7,"geometry":{"type":"Polygon","coordinates":[[[115.10555389416425,27.283570931421139],[115.10380493083881,27.283572418584242],[115.10380850003014,27.281272669522139],[115.10595927500447,27.281267359358253],[115.10611727121523,27.281436895954926],[115.10586409656423,27.282638024075993],[115.10579889933263,27.282930221887511],[115.10575567245758,27.28340341736623],[115.10555389416425,27.283570931421139]]]},"properties":{"FID":7,"Id":0,"name":"江西旭梅食品科技有限公司"}},{"type":"Feature","id":8,"geometry":{"type":"Polygon","coordinates":[[[115.10567366036821,27.281048324024027],[115.10567223269152,27.280448541219812],[115.1061785819935,27.280446637650982],[115.10617810610131,27.28105117937713],[115.10567366036821,27.281048324024027]]]},"properties":{"FID":8,"Id":0,"name":"江西赣吉化工实业有限公司"}},{"type":"Feature","id":9,"geometry":{"type":"Polygon","coordinates":[[[115.10357069273118,27.281043882363292],[115.10357842597932,27.279947545705056],[115.1061781061012,27.279958967117864],[115.1061785819935,27.280446637650982],[115.10567223269152,27.280448541219812],[115.10567366036832,27.281048324024027],[115.10357069273118,27.281043882363292]]]},"properties":{"FID":9,"Id":0,"name":"江西粤鹏环保高新技术开发有限公司"}},{"type":"Feature","id":10,"geometry":{"type":"Polygon","coordinates":[[[115.10237810687499,27.278558099108352],[115.1023824612887,27.280937940827926],[115.10225111504121,27.281055010309331],[115.10079452798652,27.281050846252697],[115.10080975653682,27.279467552899348],[115.10237810687499,27.278558099108352]]]},"properties":{"FID":10,"Id":0,"name":"江西高腾新材料有限公司"}},{"type":"Feature","id":11,"geometry":{"type":"Polygon","coordinates":[[[115.1025967317521,27.279286713862803],[115.10258642075451,27.278585129785426],[115.10273204376813,27.278363245046592],[115.1043415111925,27.278013147017248],[115.10433135882556,27.279286713862803],[115.1025967317521,27.279286713862803]]]},"properties":{"FID":11,"Id":0,"name":"江西腾龙源环保科技有限公司"}},{"type":"Feature","id":12,"geometry":{"type":"Polygon","coordinates":[[[115.10408171370818,27.273771837089612],[115.10107791881785,27.27542025331644],[115.10085603407913,27.27508950823659],[115.10165970496541,27.27462977654136],[115.1017339441488,27.274735424609958],[115.10177106374044,27.274751129052675],[115.10208459738556,27.274569885507901],[115.10162542089813,27.273839736000809],[115.10336914445224,27.272560532806949],[115.10409027976789,27.273714730025461],[115.10408171370818,27.273771837089612]]]},"properties":{"FID":12,"Id":0,"name":"吉安市高盛生物科技发展有限公司"}},{"type":"Feature","id":13,"geometry":{"type":"Polygon","coordinates":[[[115.09987224592612,27.273709579483977],[115.1010255706758,27.272872128182939],[115.10208459738556,27.274569885507901],[115.10177106374044,27.274751129052675],[115.1017339441488,27.274735424609958],[115.10165970496541,27.27462977654136],[115.10085603407913,27.27508950823659],[115.09987224592612,27.273709579483977]]]},"properties":{"FID":13,"Id":0,"name":"吉安迅达科技有限公司"}},{"type":"Feature","id":14,"geometry":{"type":"Polygon","coordinates":[[[115.10336914445224,27.272560532806949],[115.10162542089813,27.273839736000809],[115.1010255706758,27.272872128182939],[115.10137657587461,27.272606084613585],[115.10276729647444,27.271594912830437],[115.10336914445224,27.272560532806949]]]},"properties":{"FID":14,"Id":0,"name":"江西殷莱特化工有限公司"}},{"type":"Feature","id":15,"geometry":{"type":"Polygon","coordinates":[[[115.09968680164138,27.273503904823201],[115.09848833851652,27.272048769239802],[115.10004260244546,27.271068907197616],[115.10112192595784,27.272447852439711],[115.09968680164138,27.273503904823201]]]},"properties":{"FID":15,"Id":0,"name":"吉水金城新材料加工有限公司"}},{"type":"Feature","id":16,"geometry":{"type":"Polygon","coordinates":[[[115.10112192595795,27.272447852439711],[115.10019658043882,27.271265629699201],[115.10175950253438,27.270286699049393],[115.10260718551774,27.271359479044008],[115.10112192595795,27.272447852439711]]]},"properties":{"FID":16,"Id":0,"name":"江西赫信化学有限公司"}},{"type":"Feature","id":17,"geometry":{"type":"Polygon","coordinates":[[[115.10759346502846,27.273791883057356],[115.10694744136526,27.272617619050948],[115.10823235030864,27.272060825175402],[115.1083882050043,27.272083430054977],[115.1087165706233,27.273325508700111],[115.10759346502846,27.273791883057356]]]},"properties":{"FID":17,"Id":0,"name":"绿源污水处理厂"}}]}
\ No newline at end of file
+{
+ "type": "FeatureCollection",
+ "crs": {
+ "type": "name",
+ "properties": {
+ "name": "EPSG:4326"
+ }
+ },
+ "features": [
+ {
+ "type": "Feature",
+ "id": 0,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10434358316422,
+ 27.289239134618413
+ ],
+ [
+ 115.10433644478121,
+ 27.288394425961485
+ ],
+ [
+ 115.10618925938729,
+ 27.288396806166475
+ ],
+ [
+ 115.10618989228033,
+ 27.289064992726082
+ ],
+ [
+ 115.1060092058683,
+ 27.289243893540572
+ ],
+ [
+ 115.10434358316422,
+ 27.289239134618413
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 0,
+ "Id": 0,
+ "name": "江西森钥新材料科技有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 1,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10618308750384,
+ 27.287754488717439
+ ],
+ [
+ 115.10618925938729,
+ 27.288396806166475
+ ],
+ [
+ 115.10439182445339,
+ 27.288394497104719
+ ],
+ [
+ 115.10433186684133,
+ 27.288318420975884
+ ],
+ [
+ 115.10433662576338,
+ 27.287792560093578
+ ],
+ [
+ 115.10438659444446,
+ 27.287764006561588
+ ],
+ [
+ 115.10618308750384,
+ 27.287754488717439
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 1,
+ "Id": 0,
+ "name": "江西利鑫环保再生资源有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 2,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10365372045464,
+ 27.294652942750361
+ ],
+ [
+ 115.10364420261055,
+ 27.293334721353062
+ ],
+ [
+ 115.10374889889488,
+ 27.293239542912829
+ ],
+ [
+ 115.10587137811206,
+ 27.293239542912829
+ ],
+ [
+ 115.10601890469445,
+ 27.293291891054821
+ ],
+ [
+ 115.10620926157492,
+ 27.293429899793296
+ ],
+ [
+ 115.10616643127685,
+ 27.294662460594282
+ ],
+ [
+ 115.10365372045464,
+ 27.294652942750361
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 2,
+ "Id": 0,
+ "name": "江西东玕科技有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 3,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10433554072858,
+ 27.287753448832859
+ ],
+ [
+ 115.10432459520791,
+ 27.286752409587734
+ ],
+ [
+ 115.1052478260782,
+ 27.286751933695541
+ ],
+ [
+ 115.10525210910794,
+ 27.287740361797375
+ ],
+ [
+ 115.10433554072858,
+ 27.287753448832859
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 3,
+ "Id": 0,
+ "name": "江西迷斯婕生物科技有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 4,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10619033058265,
+ 27.287743693042728
+ ],
+ [
+ 115.10527468424436,
+ 27.287744486196345
+ ],
+ [
+ 115.1052699253222,
+ 27.28674844381942
+ ],
+ [
+ 115.10598804665392,
+ 27.286761292908864
+ ],
+ [
+ 115.10617792764219,
+ 27.286915481981907
+ ],
+ [
+ 115.10619220440822,
+ 27.286984010459037
+ ],
+ [
+ 115.10619033058265,
+ 27.287743693042728
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 4,
+ "Id": 0,
+ "name": "吉水县聚源堂天然香料油有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 5,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10555331912792,
+ 27.283711656710693
+ ],
+ [
+ 115.10575557331356,
+ 27.283882977903147
+ ],
+ [
+ 115.10578888576754,
+ 27.2843130258222
+ ],
+ [
+ 115.10589120259078,
+ 27.284941203527751
+ ],
+ [
+ 115.10589120259078,
+ 27.285271948607601
+ ],
+ [
+ 115.10595687571458,
+ 27.285318348097235
+ ],
+ [
+ 115.1059644899899,
+ 27.28540210512466
+ ],
+ [
+ 115.10259255579831,
+ 27.285403294855087
+ ],
+ [
+ 115.102587598588,
+ 27.283847127357319
+ ],
+ [
+ 115.10272441759582,
+ 27.283710308349441
+ ],
+ [
+ 115.10555331912792,
+ 27.283711656710693
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 5,
+ "Id": 0,
+ "name": "江西宏润香料有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 6,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10271275823686,
+ 27.283572418584242
+ ],
+ [
+ 115.10258736064179,
+ 27.283436075468614
+ ],
+ [
+ 115.10258783653398,
+ 27.281382124728282
+ ],
+ [
+ 115.10269253281831,
+ 27.281272669522139
+ ],
+ [
+ 115.10380850003014,
+ 27.281272669522139
+ ],
+ [
+ 115.10380493083869,
+ 27.283572418584242
+ ],
+ [
+ 115.10271275823686,
+ 27.283572418584242
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 6,
+ "Id": 0,
+ "name": "江西启晟化工有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 7,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10555389416425,
+ 27.283570931421139
+ ],
+ [
+ 115.10380493083881,
+ 27.283572418584242
+ ],
+ [
+ 115.10380850003014,
+ 27.281272669522139
+ ],
+ [
+ 115.10595927500447,
+ 27.281267359358253
+ ],
+ [
+ 115.10611727121523,
+ 27.281436895954926
+ ],
+ [
+ 115.10586409656423,
+ 27.282638024075993
+ ],
+ [
+ 115.10579889933263,
+ 27.282930221887511
+ ],
+ [
+ 115.10575567245758,
+ 27.28340341736623
+ ],
+ [
+ 115.10555389416425,
+ 27.283570931421139
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 7,
+ "Id": 0,
+ "name": "江西旭梅食品科技有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 8,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10567366036821,
+ 27.281048324024027
+ ],
+ [
+ 115.10567223269152,
+ 27.280448541219812
+ ],
+ [
+ 115.1061785819935,
+ 27.280446637650982
+ ],
+ [
+ 115.10617810610131,
+ 27.28105117937713
+ ],
+ [
+ 115.10567366036821,
+ 27.281048324024027
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 8,
+ "Id": 0,
+ "name": "江西赣吉化工实业有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 9,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10357069273118,
+ 27.281043882363292
+ ],
+ [
+ 115.10357842597932,
+ 27.279947545705056
+ ],
+ [
+ 115.1061781061012,
+ 27.279958967117864
+ ],
+ [
+ 115.1061785819935,
+ 27.280446637650982
+ ],
+ [
+ 115.10567223269152,
+ 27.280448541219812
+ ],
+ [
+ 115.10567366036832,
+ 27.281048324024027
+ ],
+ [
+ 115.10357069273118,
+ 27.281043882363292
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 9,
+ "Id": 0,
+ "name": "江西粤鹏环保高新技术开发有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 10,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10237810687499,
+ 27.278558099108352
+ ],
+ [
+ 115.1023824612887,
+ 27.280937940827926
+ ],
+ [
+ 115.10225111504121,
+ 27.281055010309331
+ ],
+ [
+ 115.10079452798652,
+ 27.281050846252697
+ ],
+ [
+ 115.10080975653682,
+ 27.279467552899348
+ ],
+ [
+ 115.10237810687499,
+ 27.278558099108352
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 10,
+ "Id": 0,
+ "name": "江西高腾新材料有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 11,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.1025967317521,
+ 27.279286713862803
+ ],
+ [
+ 115.10258642075451,
+ 27.278585129785426
+ ],
+ [
+ 115.10273204376813,
+ 27.278363245046592
+ ],
+ [
+ 115.1043415111925,
+ 27.278013147017248
+ ],
+ [
+ 115.10433135882556,
+ 27.279286713862803
+ ],
+ [
+ 115.1025967317521,
+ 27.279286713862803
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 11,
+ "Id": 0,
+ "name": "江西腾龙源环保科技有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 12,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10408171370818,
+ 27.273771837089612
+ ],
+ [
+ 115.10107791881785,
+ 27.27542025331644
+ ],
+ [
+ 115.10085603407913,
+ 27.27508950823659
+ ],
+ [
+ 115.10165970496541,
+ 27.27462977654136
+ ],
+ [
+ 115.1017339441488,
+ 27.274735424609958
+ ],
+ [
+ 115.10177106374044,
+ 27.274751129052675
+ ],
+ [
+ 115.10208459738556,
+ 27.274569885507901
+ ],
+ [
+ 115.10162542089813,
+ 27.273839736000809
+ ],
+ [
+ 115.10336914445224,
+ 27.272560532806949
+ ],
+ [
+ 115.10409027976789,
+ 27.273714730025461
+ ],
+ [
+ 115.10408171370818,
+ 27.273771837089612
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 12,
+ "Id": 0,
+ "name": "吉安市高盛生物科技发展有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 13,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.09987224592612,
+ 27.273709579483977
+ ],
+ [
+ 115.1010255706758,
+ 27.272872128182939
+ ],
+ [
+ 115.10208459738556,
+ 27.274569885507901
+ ],
+ [
+ 115.10177106374044,
+ 27.274751129052675
+ ],
+ [
+ 115.1017339441488,
+ 27.274735424609958
+ ],
+ [
+ 115.10165970496541,
+ 27.27462977654136
+ ],
+ [
+ 115.10085603407913,
+ 27.27508950823659
+ ],
+ [
+ 115.09987224592612,
+ 27.273709579483977
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 13,
+ "Id": 0,
+ "name": "吉安迅达科技有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 14,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10336914445224,
+ 27.272560532806949
+ ],
+ [
+ 115.10162542089813,
+ 27.273839736000809
+ ],
+ [
+ 115.1010255706758,
+ 27.272872128182939
+ ],
+ [
+ 115.10137657587461,
+ 27.272606084613585
+ ],
+ [
+ 115.10276729647444,
+ 27.271594912830437
+ ],
+ [
+ 115.10336914445224,
+ 27.272560532806949
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 14,
+ "Id": 0,
+ "name": "江西殷莱特化工有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 15,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.09968680164138,
+ 27.273503904823201
+ ],
+ [
+ 115.09848833851652,
+ 27.272048769239802
+ ],
+ [
+ 115.10004260244546,
+ 27.271068907197616
+ ],
+ [
+ 115.10112192595784,
+ 27.272447852439711
+ ],
+ [
+ 115.09968680164138,
+ 27.273503904823201
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 15,
+ "Id": 0,
+ "name": "吉水金城新材料加工有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 16,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10112192595795,
+ 27.272447852439711
+ ],
+ [
+ 115.10019658043882,
+ 27.271265629699201
+ ],
+ [
+ 115.10175950253438,
+ 27.270286699049393
+ ],
+ [
+ 115.10260718551774,
+ 27.271359479044008
+ ],
+ [
+ 115.10112192595795,
+ 27.272447852439711
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 16,
+ "Id": 0,
+ "name": "江西赫信化学有限公司"
+ }
+ },
+ {
+ "type": "Feature",
+ "id": 17,
+ "geometry": {
+ "type": "Polygon",
+ "coordinates": [
+ [
+ [
+ 115.10759346502846,
+ 27.273791883057356
+ ],
+ [
+ 115.10694744136526,
+ 27.272617619050948
+ ],
+ [
+ 115.10823235030864,
+ 27.272060825175402
+ ],
+ [
+ 115.1083882050043,
+ 27.272083430054977
+ ],
+ [
+ 115.1087165706233,
+ 27.273325508700111
+ ],
+ [
+ 115.10759346502846,
+ 27.273791883057356
+ ]
+ ]
+ ]
+ },
+ "properties": {
+ "FID": 17,
+ "Id": 0,
+ "name": "绿源污水处理厂"
+ }
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index c969f66..72ea201 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,7 +2,7 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2024-10-25 16:35:31
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-11-07 15:48:05
+ * @LastEditTime: 2024-11-08 11:09:29
* @FilePath: \bigScreen\src\router\index.js
* @Description:
*
@@ -82,7 +82,7 @@
{
path: 'companyInfo',
meta: {
- title: 'a示例'
+ title: '企业详情'
},
component: () => import('@/views/companyInfo/index.vue')
},
diff --git a/src/styles/page/index.scss b/src/styles/page/index.scss
index 2b7bf2c..a34c74d 100644
--- a/src/styles/page/index.scss
+++ b/src/styles/page/index.scss
@@ -2,13 +2,12 @@
.left-container,
.right-container {
- margin-top: 30px;
display: flex;
flex-direction: column;
position: absolute;
top: 0;
width: 408px;
- height: calc(100% - 60px);
+ height: 100%;
pointer-events: auto;
background: rgba(28, 115, 195, 0.2);
diff --git a/src/views/companyInfo/components/box/fireSource.vue b/src/views/companyInfo/components/box/fireSource.vue
index 54d584f..2b0feed 100644
--- a/src/views/companyInfo/components/box/fireSource.vue
+++ b/src/views/companyInfo/components/box/fireSource.vue
@@ -12,126 +12,123 @@
import publicContent from './publicContent.vue'
import { getAssetsFile } from 'utils/utils'
let data = reactive({
- companyInfo: {}
+ companyInfo: {}
})
let companyInfoList = ref([
- {
- id: 1,
- name: 'address',
- title: '单位所在地',
- content: '',
- },
- {
- id: 2,
- name: 'lng',
- title: '中心经度',
- content: '',
+ {
+ id: 1,
+ name: 'address',
+ title: '单位所在地',
+ content: '',
+ },
+ {
+ id: 2,
+ name: 'lng',
+ title: '中心经度',
+ content: '',
- },
- {
- id: 3,
- name: 'lat',
- title: '中心纬度',
- content: '',
- },
- {
- id: 4,
- name: 'name',
- title: '行业体制',
- content: '',
- },
- {
- id: 5,
- name: 'personInCha',
- title: '负责人',
- content: '',
- }
+ },
+ {
+ id: 3,
+ name: 'lat',
+ title: '中心纬度',
+ content: '',
+ },
+ {
+ id: 4,
+ name: 'name',
+ title: '行业体制',
+ content: '',
+ },
+ {
+ id: 5,
+ name: 'personInCha',
+ title: '负责人',
+ content: '',
+ }
])
onMounted(() => {
- data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
- console.log(data.companyInfo)
- companyInfoList.value.forEach(item => {
- data.companyInfo[item.name] && (item.content = data.companyInfo[item.name])
+ data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
+ console.log(data.companyInfo)
+ companyInfoList.value.forEach(item => {
+ data.companyInfo[item.name] && (item.content = data.companyInfo[item.name])
- });
+ })
})
</script>
<template>
- <public-content>
- <template #content>
- <div class="data-content">
+ <div class="data-content w100 h100">
- <div class="content-firmIntro">
- <!-- <div>{{ data.companyInfo.firmIntro }}</div> -->
- {{ data.companyInfo.firmIntro }}
- </div>
+ <div class="content-firmIntro">
+ <!-- <div>{{ data.companyInfo.firmIntro }}</div> -->
+ {{ data.companyInfo.firmIntro }}
+ </div>
- <div class="company-info">
- <div class="company-info-item" v-for="item in companyInfoList" :key="item.id">
- <el-row>
- <el-col :span="8">
- <div class="company-info-title">{{ item.title }}</div>
- </el-col>
- <el-col :span="16">
- <div class="company-info-content">{{ item.content }}</div>
- </el-col>
- </el-row>
- </div>
- </div>
+ <div class="company-info">
+ <div class="company-info-item" v-for="item in companyInfoList" :key="item.id">
+ <el-row>
+ <el-col :span="8">
+ <div class="company-info-title">{{ item.title }}</div>
+ </el-col>
+ <el-col :span="16">
+ <div class="company-info-content">{{ item.content }}</div>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
- <div class="company-info-image">
- <img :src="data.companyInfo.image_urls" alt="">
- <!-- {{ "图片" }} -->
- </div>
+ <div class="company-info-image">
+ <img :src="data.companyInfo.image_urls" alt="">
+ <!-- {{ "图片" }} -->
+ </div>
- </div>
- </template>
- </public-content>
+ </div>
</template>
<style lang="scss" scoped>
.data-content {
- color: #fff;
+ padding: 10px;
+ color: #fff;
}
.content-firmIntro {
- height: 300px;
- overflow-x: hidden;
- // 隐藏滚动条
- scrollbar-width: none;
+ height: 300px;
+ overflow-x: hidden;
+ // 隐藏滚动条
+ scrollbar-width: none;
}
.company-info {
- margin-top: 10px;
- border-top: #dfdcdc 2px solid;
- // background-color: pink;
+ margin-top: 10px;
+ border-top: #dfdcdc 2px solid;
+ // background-color: pink;
}
.company-info-item {
- margin-top: 20px;
+ margin-top: 20px;
}
.company-info-title {
- font-weight: bold;
+ font-weight: bold;
}
.company-info-content {
- font-size: 14px;
+ font-size: 14px;
}
.company-info-image {
- margin-top: 20px;
- width: 100%;
- height: 200px;
- // background-color: pink;
- text-align: center;
+ margin-top: 20px;
+ width: 100%;
+ height: 200px;
+ // background-color: pink;
+ text-align: center;
}
</style>
\ No newline at end of file
diff --git a/src/views/companyInfo/components/box/fireTrend.vue b/src/views/companyInfo/components/box/fireTrend.vue
index 95f539b..0c4f447 100644
--- a/src/views/companyInfo/components/box/fireTrend.vue
+++ b/src/views/companyInfo/components/box/fireTrend.vue
@@ -9,192 +9,190 @@
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
-import publicContent from "./publicContent.vue";
-import { getList } from "@/api/emergencySupplies/emergencySupplies";
-import { reactive } from "vue";
+import publicContent from "./publicContent.vue"
+import { getList } from "@/api/emergencySupplies/emergencySupplies"
+import { reactive } from "vue"
-const loading = ref(false);
+const loading = ref(false)
-const tableData = ref([]);
+const tableData = ref([])
const pages = {
- page: 1,
- pageSize: 13,
- total: 0,
-};
+ page: 1,
+ pageSize: 13,
+ total: 0,
+}
let data = reactive({
- companyInfo: {}
+ companyInfo: {}
})
onMounted(() => {
- data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
- getLists();
-});
+ data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
+ getLists()
+})
// 表格样式
const tableCellStyle = ({ row, column }) => {
- return { background: "#152851", color: "#fff" };
-};
+ return { background: "#152851", color: "#fff" }
+}
// 表格表头样式
const headerCellStyle = ({ }) => {
- return {
- background: "#152851",
- color: "#fff",
- };
-};
+ return {
+ background: "#152851",
+ color: "#fff",
+ }
+}
// 搜索条件
const formInline = reactive({
- name: "",
- ownership: ''
-});
+ name: "",
+ ownership: ''
+})
// 提交查询
const onSubmit = () => {
- pages.page = 1
- pages.pageSize = 13
- pages.total = 0
- console.log("submit!");
- getLists(formInline);
-};
+ pages.page = 1
+ pages.pageSize = 13
+ pages.total = 0
+ console.log("submit!")
+ getLists(formInline)
+}
// 分页树改变
const handleSizeChange = (val) => {
- pages.pageSize = val;
- getLists(formInline);
+ pages.pageSize = val
+ getLists(formInline)
}
// 分页改变
const handleCurrentChange = (val) => {
- pages.page = val;
- getLists(formInline);
+ pages.page = val
+ getLists(formInline)
}
// 重置条件
const clearBtn = () => {
- formInline.name = ''
- formInline.ownership = ''
- pages.page = 1
- pages.pageSize = 13
- pages.total = 0
- getLists(formInline);
+ formInline.name = ''
+ formInline.ownership = ''
+ pages.page = 1
+ pages.pageSize = 13
+ pages.total = 0
+ getLists(formInline)
}
// 查询分页数据
-function getLists(param = {}) {
- param.current = pages.page;
- param.size = pages.pageSize;
- param.firmId = data.companyInfo.id
- loading.value = true;
- getList(param)
- .then((res) => {
- const data = res.data.data;
- data.records.forEach((element) => {
- if (element.ownership == 1) {
- element.ownership = "园区";
- } else {
- element.ownership = "企业";
- }
- });
- tableData.value = data.records;
- pages.total = data.total;
- loading.value = false;
- })
- .catch((err) => {
- loading.value = false;
- console.log(err);
- });
+function getLists (param = {}) {
+ param.current = pages.page
+ param.size = pages.pageSize
+ param.firmId = data.companyInfo.id
+ loading.value = true
+ getList(param)
+ .then((res) => {
+ const data = res.data.data
+ data.records.forEach((element) => {
+ if (element.ownership == 1) {
+ element.ownership = "园区"
+ } else {
+ element.ownership = "企业"
+ }
+ })
+ tableData.value = data.records
+ pages.total = data.total
+ loading.value = false
+ })
+ .catch((err) => {
+ loading.value = false
+ console.log(err)
+ })
}
</script>
<template>
- <public-content>
- <template #content>
- <div class="search-box">
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
- <el-form-item label="" class="form-item-input">
- <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" />
- </el-form-item>
- <!-- <el-form-item label="归属">
+ <div class="search-box w100 h100">
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="" class="form-item-input">
+ <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" />
+ </el-form-item>
+ <!-- <el-form-item label="归属">
<el-select v-model="formInline.ownership" placeholder="请选择" clearable style="width: 120px">
<el-option label="园区" value="1" />
<el-option label="企业" value="2" />
</el-select>
</el-form-item> -->
- <el-form-item class="search-btn">
- <el-button type="primary" @click="onSubmit">查询</el-button>
- <el-button type="primary" @click="clearBtn">重置</el-button>
- </el-form-item>
- </el-form>
- <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
- :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
- <el-table-column fixed prop="name" label="名称" />
- <el-table-column prop="numUnit" label="数量" width="100" />
- <!-- <el-table-column prop="firmName" label="单位名称" /> -->
- <el-table-column prop="personInCha" label="负责人" width="100" />
- </el-table>
- <div class="el-page">
- <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
- @size-change="handleSizeChange" @current-change="handleCurrentChange" />
- </div>
- </div>
- </template>
- </public-content>
+ <el-form-item class="search-btn">
+ <el-button type="primary" @click="onSubmit">查询</el-button>
+ <el-button type="primary" @click="clearBtn">重置</el-button>
+ </el-form-item>
+ </el-form>
+ <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :cell-style="tableCellStyle"
+ v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
+ <el-table-column fixed prop="name" label="名称" />
+ <el-table-column prop="numUnit" label="数量" width="100" />
+ <!-- <el-table-column prop="firmName" label="单位名称" /> -->
+ <el-table-column prop="personInCha" label="负责人" width="100" />
+ </el-table>
+ <div class="el-page">
+ <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </div>
+ </div>
</template>
<style lang="scss" scoped>
.el-form-item__label {
- color: #fff !important;
+ color: #fff !important;
}
.search-box {
- ::v-deep .el-table__body-wrapper {
- background-color: #152851;
- }
+ padding: 10px;
+
+ ::v-deep .el-table__body-wrapper {
+ background-color: #152851;
+ }
}
/* 当表格没有数据时，修改表格的背景颜色 */
.el-table--empty .el-table__body {
- background-color: rgba(135, 158, 199, 0.3) !important;
- /* 你想要的背景颜色 */
+ background-color: rgba(135, 158, 199, 0.3) !important;
+ /* 你想要的背景颜色 */
}
.el-page {
- margin-top: 10px;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- // margin-bottom:10px;
+ margin-top: 10px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ // margin-bottom:10px;
}
.form-item-input {
- width: 160px;
+ width: 160px;
- ::v-deep(.el-input) {
- width: 0;
- flex: 1;
+ ::v-deep(.el-input) {
+ width: 0;
+ flex: 1;
- .el-input__wrapper {
- font-size: 16px;
- font-weight: 400;
- border-radius: 0;
- background: rgba(135, 158, 199, 0.3);
- box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ .el-input__wrapper {
+ font-size: 16px;
+ font-weight: 400;
+ border-radius: 0;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
- .el-input__inner {
- color: #BFD3E5;
- }
- }
+ .el-input__inner {
+ color: #BFD3E5;
+ }
}
+ }
}
.search-btn {
- ::v-deep .el-button--primary {
- background-color: transparent;
- border-color: none;
- border: none;
- cursor: pointer;
- color: #edffff;
- background: rgba(135, 158, 199, 0.3);
- box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
- }
+ ::v-deep .el-button--primary {
+ background-color: transparent;
+ border-color: none;
+ border: none;
+ cursor: pointer;
+ color: #edffff;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ }
}
</style>
diff --git a/src/views/companyInfo/components/box/occurStatistics.vue b/src/views/companyInfo/components/box/occurStatistics.vue
index 1000ebb..c6200c2 100644
--- a/src/views/companyInfo/components/box/occurStatistics.vue
+++ b/src/views/companyInfo/components/box/occurStatistics.vue
@@ -2,199 +2,197 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-13 14:54:26
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2023-03-13 15:00:55
- * @FilePath: \forest-fire\src\views\statistics\components\box\dataContent.vue
+ * @LastEditTime: 2024-11-08 12:30:06
+ * @FilePath: \bigScreen\src\views\companyInfo\components\box\occurStatistics.vue
* @Description:
*
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
-import publicContent from "./publicContent.vue";
-import { getList } from "@/api/rescueTeam/rescueTeam";
-import { reactive } from "vue";
+import publicContent from "./publicContent.vue"
+import { getList } from "@/api/rescueTeam/rescueTeam"
+import { reactive } from "vue"
-const loading = ref(false);
+const loading = ref(false)
-const tableData = ref([]);
+const tableData = ref([])
const pages = {
- page: 1,
- pageSize: 13,
- total: 0,
-};
+ page: 1,
+ pageSize: 13,
+ total: 0,
+}
let data = reactive({
- companyInfo: {}
+ companyInfo: {}
})
onMounted(() => {
- data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
- getLists();
-});
+ data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
+ getLists()
+})
// 表格样式
const tableCellStyle = ({ row, column }) => {
- return { background: "#152851", color: "#fff" };
-};
+ return { background: "#152851", color: "#fff" }
+}
// 表格表头样式
const headerCellStyle = ({ }) => {
- return {
- background: "#152851",
- color: "#fff",
- };
-};
+ return {
+ background: "#152851",
+ color: "#fff",
+ }
+}
// 搜索条件
const formInline = reactive({
- perInCha: "",
- type: ''
-});
+ perInCha: "",
+ type: ''
+})
// 提交查询
const onSubmit = () => {
- pages.page = 1
- pages.pageSize = 13
- pages.total = 0
- console.log("submit!");
- getLists(formInline);
-};
+ pages.page = 1
+ pages.pageSize = 13
+ pages.total = 0
+ console.log("submit!")
+ getLists(formInline)
+}
// 分页树改变
const handleSizeChange = (val) => {
- pages.pageSize = val;
- getLists(formInline);
+ pages.pageSize = val
+ getLists(formInline)
}
// 分页改变
const handleCurrentChange = (val) => {
- pages.page = val;
- getLists(formInline);
+ pages.page = val
+ getLists(formInline)
}
// 重置条件
const clearBtn = () => {
- formInline.perInCha = ''
- formInline.type = ''
- pages.page = 1
- pages.pageSize = 13
- pages.total = 0
- getLists(formInline);
+ formInline.perInCha = ''
+ formInline.type = ''
+ pages.page = 1
+ pages.pageSize = 13
+ pages.total = 0
+ getLists(formInline)
}
// 查询分页数据
-function getLists(param = {}) {
- param.current = pages.page;
- param.size = pages.pageSize;
- param.firmId = data.companyInfo.id
- loading.value = true;
- getList(param)
- .then((res) => {
- const data = res.data.data;
- data.records.forEach((element) => {
- if (element.type == 1) {
- element.ownership = "园区";
- } else {
- element.ownership = "企业";
- }
- });
- tableData.value = data.records;
- pages.total = data.total;
- loading.value = false;
- })
- .catch((err) => {
- loading.value = false;
- console.log(err);
- });
+function getLists (param = {}) {
+ param.current = pages.page
+ param.size = pages.pageSize
+ param.firmId = data.companyInfo.id
+ loading.value = true
+ getList(param)
+ .then((res) => {
+ const data = res.data.data
+ data.records.forEach((element) => {
+ if (element.type == 1) {
+ element.ownership = "园区"
+ } else {
+ element.ownership = "企业"
+ }
+ })
+ tableData.value = data.records
+ pages.total = data.total
+ loading.value = false
+ })
+ .catch((err) => {
+ loading.value = false
+ console.log(err)
+ })
}
</script>
<template>
- <public-content>
- <template #content>
- <div class="search-box">
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
- <el-form-item label="" class="form-item-input">
- <el-input v-model="formInline.perInCha" placeholder="请输入姓名" clearable style="width: 120px" />
- </el-form-item>
- <!-- <el-form-item label="归属">
+ <div class="search-box">
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="" class="form-item-input">
+ <el-input v-model="formInline.perInCha" placeholder="请输入姓名" clearable style="width: 120px" />
+ </el-form-item>
+ <!-- <el-form-item label="归属">
<el-select v-model="formInline.type" placeholder="请选择" clearable style="width: 120px">
<el-option label="园区" value="1" />
<el-option label="企业" value="2" />
</el-select>
</el-form-item> -->
- <el-form-item class="search-btn">
- <el-button type="primary" @click="onSubmit">查询</el-button>
- <el-button type="primary" @click="clearBtn">重置</el-button>
- </el-form-item>
- </el-form>
- <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
- :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
- <el-table-column fixed prop="perInCha" label="责任人姓名" />
- <el-table-column prop="perInChaPho" label="联系电话" />
- <!-- <el-table-column prop="firmName" label="单位名称" /> -->
- <el-table-column prop="perInCha" label="负责人" width="100" />
- </el-table>
- <div class="el-page">
- <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
- @size-change="handleSizeChange" @current-change="handleCurrentChange" />
- </div>
- </div>
- </template>
- </public-content>
+ <el-form-item class="search-btn">
+ <el-button type="primary" @click="onSubmit">查询</el-button>
+ <el-button type="primary" @click="clearBtn">重置</el-button>
+ </el-form-item>
+ </el-form>
+ <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :cell-style="tableCellStyle"
+ v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
+ <el-table-column fixed prop="perInCha" label="责任人姓名" />
+ <el-table-column prop="perInChaPho" label="联系电话" />
+ <!-- <el-table-column prop="firmName" label="单位名称" /> -->
+ <el-table-column prop="perInCha" label="负责人" width="100" />
+ </el-table>
+ <div class="el-page">
+ <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </div>
+ </div>
</template>
<style lang="scss" scoped>
.el-form-item__label {
- color: #fff !important;
+ color: #fff !important;
}
/* 当表格没有数据时，修改表格的背景颜色 */
.el-table--empty .el-table__body {
- background-color: #19284e !important;
- /* 你想要的背景颜色 */
+ background-color: #19284e !important;
+ /* 你想要的背景颜色 */
}
.search-box {
- ::v-deep .el-table__body-wrapper {
- background-color: #152851;
- }
+ padding: 10px;
+
+ ::v-deep .el-table__body-wrapper {
+ background-color: #152851;
+ }
}
.el-page {
- margin-top: 10px;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- // margin-bottom:10px;
+ margin-top: 10px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ // margin-bottom:10px;
}
.form-item-input {
- width: 160px;
+ width: 160px;
- ::v-deep(.el-input) {
- width: 0;
- flex: 1;
+ ::v-deep(.el-input) {
+ width: 0;
+ flex: 1;
- .el-input__wrapper {
- font-size: 16px;
- font-weight: 400;
- border-radius: 0;
- background: rgba(135, 158, 199, 0.3);
- box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ .el-input__wrapper {
+ font-size: 16px;
+ font-weight: 400;
+ border-radius: 0;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
- .el-input__inner {
- color: #BFD3E5;
- }
- }
+ .el-input__inner {
+ color: #BFD3E5;
+ }
}
+ }
}
.search-btn {
- ::v-deep .el-button--primary {
- background-color: transparent;
- border-color: none;
- border: none;
- cursor: pointer;
- color: #edffff;
- background: rgba(135, 158, 199, 0.3);
- box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
- }
+ ::v-deep .el-button--primary {
+ background-color: transparent;
+ border-color: none;
+ border: none;
+ cursor: pointer;
+ color: #edffff;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ }
}
</style>
diff --git a/src/views/companyInfo/components/centerContainer.vue b/src/views/companyInfo/components/centerContainer.vue
index 57fc426..2f98ca5 100644
--- a/src/views/companyInfo/components/centerContainer.vue
+++ b/src/views/companyInfo/components/centerContainer.vue
@@ -1,114 +1,121 @@
+<!--
+ * @Author: shuishen 1109946754@qq.com
+ * @Date: 2024-11-08 11:00:30
+ * @LastEditors: shuishen 1109946754@qq.com
+ * @LastEditTime: 2024-11-08 12:07:12
+ * @FilePath: \bigScreen\src\views\companyInfo\components\centerContainer.vue
+ * @Description:
+ *
+ * Copyright (c) 2024 by shuishen, All Rights Reserved.
+-->
<script setup>
-
import { useRouter, useRoute } from 'vue-router'
let router = useRouter()
import { useRouterStore } from 'store/router'
const store = useRouterStore()
-
-
-
let data = reactive({
- companyInfo: {}
+ companyInfo: {}
})
-let buttonIndex = defineProps({
- buttonIndex: Number
+let { buttonIndex } = defineProps({
+ buttonIndex: Number
})
onMounted(() => {
- data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
+ data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
})
// 父级方法
-const emit = defineEmits(['childEvent']);
+const emit = defineEmits(['childEvent'])
// 回调父级方法
const handleClick = (index) => {
- console.log(index)
- emit('childEvent', index)
+ emit('childEvent', index)
}
// 返回首页
const goHome = () => {
- store.setLoadSub(false)
- router.push('/layout')
+ store.setLoadSub(false)
+ router.push('/layout')
}
-
</script>
<template>
- <div class="center-container">
- <div class="center-container-title">
- <el-row>
- <el-col :span="7">
- <div class="center-name">{{ data.companyInfo.name }}</div>
- </el-col>
- <el-col :span="10">
- <div class="button-group">
- <button @click="handleClick(1)">基本信息</button>
- <button @click="handleClick(2)">应急物质</button>
- <button @click="handleClick(3)">救援队伍</button>
- </div>
- </el-col>
- <el-col :span="7">
- <div class="center-info">
- <button @click="goHome()">返回首页</button>
- </div>
- </el-col>
- </el-row>
- </div>
- </div>
+ <div class="title">{{ data.companyInfo.name }}</div>
+ <div class="menu-box">
+ <div :class="{ on: buttonIndex == 1 }" class="sub-menu" @click="handleClick(1)"> 基本信息 </div>
+ <div :class="{ on: buttonIndex == 2 }" class="sub-menu" @click="handleClick(2)"> 应急物质 </div>
+ <div :class="{ on: buttonIndex == 3 }" class="sub-menu" @click="handleClick(3)"> 救援队伍 </div>
+ </div>
+ <div class="back-hoem">
+ <div class="center-info cursor-p" @click="goHome()">返回首页 </div>
+ </div>
</template>
-<style lang="scss" scoped >
-.center-container {
- margin: 10px auto;
- margin-top: -30px;
- color: #fff;
- pointer-events: auto;
+<style lang="scss" scoped>
+.title {
+ position: absolute;
+ bottom: 2px;
+ left: 74px;
+
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+ font-weight: 400;
+ font-size: 24px;
+ color: #FFFFFF;
+ line-height: 38px;
+ letter-spacing: 3px;
+ text-shadow: 2px 3px 0px rgba(17, 20, 22, 0.2196);
+ text-align: left;
+ font-style: normal;
+ text-transform: none;
}
-.center-container-title {}
+.menu-box {
+ position: absolute;
+ bottom: 0px;
+ left: 592px;
-.center-name {
- font-size: 30px;
- margin: 10px 0;
- margin-left: 15px;
- font-family: YouSheBiaoTiHei;
+ display: flex;
-}
+ &>div {
+ width: 146px;
+ height: 36px;
+ line-height: 48px;
-.button-group {
- margin-top: 26px;
cursor: pointer;
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+ font-weight: 400;
+ font-size: 20px;
+ color: #BFD3E5;
+ text-align: center;
+ font-style: normal;
+ text-transform: none;
+ }
+
+ &>div.on {
+ color: #F6FCFF;
+ background: url(/images/mode-tab-ac.png) no-repeat center / 100% 100%;
+ }
}
-.button-group button {
- width: 120px;
- border: none;
- background-color: transparent;
- color: #fff;
- font-size: 18px;
- font-family: YouSheBiaoTiHei;
- background-image: url(/images/mode-tab-ac.png);
-}
+.back-hoem {
+ position: absolute;
+ bottom: 2px;
+ right: 30px;
-.center-info {
- text-align: right;
- margin-top: 10px;
- margin-right: 30px;
-}
-
-.center-info button {
+ .center-info {
width: 120px;
height: 40px;
+ line-height: 40px;
border: none;
border-radius: 20px;
color: #fff;
background-color: transparent;
font-size: 20px;
+ text-align: center;
background-image: url(/images/mode-tab.png);
-}
+ }
-button:hover {
+ .center-info:hover {
background-color: #3c5e8f;
+ }
}
</style>
diff --git a/src/views/companyInfo/components/rightContainer.vue b/src/views/companyInfo/components/rightContainer.vue
index ececb7f..d275390 100644
--- a/src/views/companyInfo/components/rightContainer.vue
+++ b/src/views/companyInfo/components/rightContainer.vue
@@ -2,8 +2,8 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-10 15:27:59
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-10-26 14:49:05
- * @FilePath: \bigScreen\src\views\survey\components\rightContainer.vue
+ * @LastEditTime: 2024-11-08 12:25:35
+ * @FilePath: \bigScreen\src\views\companyInfo\components\rightContainer.vue
* @Description:
*
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
@@ -42,7 +42,9 @@
企业信息
</template>
</title-box>
- <fire-source></fire-source>
+ <div class="content-box">
+ <fire-source></fire-source>
+ </div>
</div>
<div class="occur-statistics box" v-if="state.buttonIndex == 2">
@@ -51,7 +53,9 @@
应急物质
</template>
</title-box>
- <fire-trend></fire-trend>
+ <div class="content-box">
+ <fire-trend></fire-trend>
+ </div>
</div>
<div class="fire-trend box" v-if="state.buttonIndex == 3">
@@ -60,7 +64,9 @@
救援队伍
</template>
</title-box>
- <occur-statistics></occur-statistics>
+ <div class="content-box">
+ <occur-statistics></occur-statistics>
+ </div>
</div>
</div>
</template>
@@ -69,37 +75,46 @@
.right-container {
display: flex;
flex-direction: column;
- padding: 20px;
position: absolute;
top: 0;
right: 0;
width: 440px;
height: 100%;
pointer-events: auto;
+ background: rgba(28, 115, 195, 0.2);
- .box {
- margin-top: 20px;
+ .title-box {
+ position: relative;
+ height: 38px;
+ line-height: 38px;
+ background: url(/images/title-box.png) no-repeat center / 100% 100%;
- .header {
- height: 32px;
- background: url(/img/bg/sub-title.png) no-repeat;
+ .title {
+ margin-left: 30px;
+ text-align: left;
+ font-size: 18px;
+ font-family: Alibaba PuHuiTi;
+ font-weight: bold;
+ font-style: italic;
+ color: transparent;
+ text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
+ background-image: linear-gradient(180deg, rgba(14, 197, 236, 0.36) 5%, rgba(49, 190, 255, 0.36) 20%, rgba(255, 255, 255, 1) 40%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparen
+ }
+
+ .title-sub {
+ position: absolute;
+ right: 10px;
+ bottom: 4px;
+ line-height: 1;
}
}
- .fire-source {
- flex: 3;
- }
-
- .occur-statistics {
- flex: 3;
- }
-
- .fire-trend {
- flex: 4;
- }
-
- .box:first-child {
- margin-top: 0;
+ .content-box {
+ display: flex;
+ flex-direction: column;
+ height: calc(100% - 38px);
}
}
</style>
\ No newline at end of file
diff --git a/src/views/companyInfo/index.vue b/src/views/companyInfo/index.vue
index 0bf24f8..e18d6da 100644
--- a/src/views/companyInfo/index.vue
+++ b/src/views/companyInfo/index.vue
@@ -1,100 +1,107 @@
+<!--
+ * @Author: shuishen 1109946754@qq.com
+ * @Date: 2024-11-08 11:00:30
+ * @LastEditors: shuishen 1109946754@qq.com
+ * @LastEditTime: 2024-11-08 12:10:21
+ * @FilePath: \bigScreen\src\views\companyInfo\index.vue
+ * @Description:
+ *
+ * Copyright (c) 2024 by shuishen, All Rights Reserved.
+-->
<script setup>
-import leftContainer from './components/leftContainer.vue'
+import qyfw from "@/assets/json/qyfw"
import rightContainer from './components/rightContainer.vue'
import centerContainer from './components/centerContainer.vue' // 修改这里
-import mainMenuVue from './components/mainMenu.vue';
+import mainMenuVue from './components/mainMenu.vue'
+import { onUnmounted } from "vue"
-let buttonIndex = ref(1);
+let buttonIndex = ref(1)
+let data = reactive({
+ companyInfo: {}
+})
+
+let curCompanyWall = new DC.VectorLayer('curCompanyWall')
+window.$viewer.addLayer(curCompanyWall)
+
+data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
+let curCompany = qyfw.features.find(item => item.properties.name == data.companyInfo.name)
+
+console.log(curCompany.geometry.coordinates[0].map(d => [...d, 150].join(',')).join(';'), 111)
+
+let wall = new DC.Wall(
+ curCompany.geometry.coordinates[0].map(d => [...d, 150].join(',')).join(';')
+)
+
+wall.setStyle({
+ material: new DC.WallTrailMaterialProperty({
+ color: DC.Color.YELLOW,
+ speed: 2
+ })
+})
+curCompanyWall.addOverlay(wall)
onMounted(() => {
- // localStorage.setItem('buttonIndex', buttonIndex.value);
+ window.$viewer.zoomToPosition(new DC.Position(
+ Number(data.companyInfo.lng),
+ Number(data.companyInfo.lat),
+ 800,
+ 0,
+ -80,
+ 0
+ ), () => {
+ })
+})
+
+onUnmounted(() => {
+ window.$viewer.removeLayer(curCompanyWall)
})
const handleChildEvent = (data) => {
- console.log('子组件触发的事件，传递的数据:', data);
- buttonIndex.value = data;
- // localStorage.setItem('buttonIndex', data);
+ console.log('子组件触发的事件，传递的数据:', data)
+ buttonIndex.value = data
+ // localStorage.setItem('buttonIndex', data);
-};
+}
</script>
<template>
- <div class="container page-container">
- <!-- <left-container></left-container> -->
- <centerContainer :button-index="buttonIndex" @childEvent="handleChildEvent"></centerContainer>
- <right-container :button-index="buttonIndex"></right-container>
- <main-menu-vue></main-menu-vue>
+ <div class="container cur-page-container">
+ <div class="main-header">
+ <centerContainer :button-index="buttonIndex" @childEvent="handleChildEvent"></centerContainer>
</div>
+
+ <div class="main-container">
+ <right-container :button-index="buttonIndex"></right-container>
+ </div>
+ <main-menu-vue></main-menu-vue>
+ </div>
</template>
<style lang="scss" scoped>
.container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+
+ .main-header {
+ display: flex;
+ justify-content: center;
+ align-items: center;
position: absolute;
+ top: 0;
width: 100%;
- height: 100%;
+ height: 6vh;
+ pointer-events: auto;
+ }
+
+ .main-container {
+ position: absolute;
+ top: 80px;
+ left: 40px;
+ right: 40px;
+ bottom: 40px;
+ }
}
-.page-container {
-
- .left-container,
- .right-container {
- display: flex;
- flex-direction: column;
- position: absolute;
- top: 0;
- width: 400px;
- height: calc(100% - 20px);
- pointer-events: auto;
- background: rgba(28, 115, 195, 0.2);
-
- &>div {
- display: flex;
- flex-direction: column;
-
- .title-box {
- position: relative;
- height: 38px;
- line-height: 38px;
- background: url(/images/title-box.png) no-repeat center / 100% 100%;
-
- .title {
- margin-left: 30px;
- text-align: left;
- font-size: 18px;
- font-family: Alibaba PuHuiTi;
- font-weight: bold;
- font-style: italic;
- color: transparent;
- text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
- background-image: linear-gradient(180deg, rgba(14, 197, 236, 0.36) 5%, rgba(49, 190, 255, 0.36) 20%, rgba(255, 255, 255, 1) 40%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparen
- }
-
- .title-sub {
- position: absolute;
- right: 10px;
- bottom: 4px;
- line-height: 1;
- }
- }
-
- .content-box {
- display: flex;
- flex-direction: column;
- height: calc(100% - 38px);
- }
- }
-
- .chart-box {
- // background: rgba(42,64,120,0.68);
- }
- }
-
- .left-container {}
-
- .right-container {
- right: 0;
- }
-}
+.cur-page-container {}
</style>
\ No newline at end of file
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index a997adb..7d877b2 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -2,7 +2,7 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2022-08-18 16:18:24
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-11-07 19:24:45
+ * @LastEditTime: 2024-11-08 11:50:25
* @FilePath: \bigScreen\src\views\layout\index.vue
* @Description:
*
@@ -10,7 +10,7 @@
-->
<template>
<div class="wrapper">
- <div v-if="showSinglePage" class="main-content" id="MainContent">
+ <div v-if="showSinglePage" class="main-content single-page" id="MainContent">
<div class="w100 h100">
<div class="main-header">
<div class="title">吉水化工园区“一园一策一图”VR平台</div>
@@ -36,8 +36,8 @@
<main-search></main-search>
<main-tool></main-tool>
- <div v-if="showSubLayout" class="main-container">
- <router-view></router-view>
+ <div v-if="showSubLayout" class="w100 h100">
+ <router-view class="w100 h100"></router-view>
</div>
<div v-if="!showSubLayout" class="w100 h100">
@@ -127,6 +127,12 @@
pointer-events: none;
+ &.single-page {
+ background: url(/images/header.png) no-repeat center / 100% 100%,
+ url(/images/pro-bg.png) no-repeat center / 100% 100%,
+ rgba(0, 0, 0, 1);
+ }
+
.main-header {
position: absolute;
top: 0;
diff --git a/src/views/rt/components/leftContainer.vue b/src/views/rt/components/leftContainer.vue
index a1bcc00..a679a60 100644
--- a/src/views/rt/components/leftContainer.vue
+++ b/src/views/rt/components/leftContainer.vue
@@ -2,8 +2,8 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-10 15:27:59
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-10-25 18:43:23
- * @FilePath: \bigScreen\src\views\statistics\components\leftContainer.vue
+ * @LastEditTime: 2024-11-08 11:39:11
+ * @FilePath: \bigScreen\src\views\rt\components\leftContainer.vue
* @Description:
*
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
@@ -17,11 +17,6 @@
<template>
<div class="left-container">
<div class="data box">
- <title-box>
- <template #titleName>
- 救援队伍信息
- </template>
- </title-box>
<data-content></data-content>
</div>
@@ -30,19 +25,23 @@
<template #titleName>
入住单位统计
</template>
- </title-box>
- <unit-content></unit-content>
- </div>
+</title-box>
+<unit-content></unit-content>
+</div>
- <div class="fire box">
- <title-box>
- <template #titleName>
+<div class="fire box">
+ <title-box>
+ <template #titleName>
实时火警事件
</template>
- </title-box>
- <fire-content></fire-content>
- </div> -->
+ </title-box>
+ <fire-content></fire-content>
+</div> -->
</div>
</template>
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.left-container {
+ width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sub/index.vue b/src/views/sub/index.vue
index c13403e..df40ea4 100644
--- a/src/views/sub/index.vue
+++ b/src/views/sub/index.vue
@@ -2,7 +2,7 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2022-08-18 16:18:24
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-11-06 11:07:43
+ * @LastEditTime: 2024-11-08 11:50:42
* @FilePath: \bigScreen\src\views\sub\index.vue
* @Description:
*
@@ -10,132 +10,13 @@
-->
<template>
<div>
- <div class="main-header">
- <!-- <div class="title">ssssssss</div> -->
- </div>
-
- <div class="main-container">
+ <div class="w100 h100">
<router-view ref="target-name"></router-view>
</div>
-
- <!-- <div class="out">
- <el-button @click="goHome">退回</el-button>
- </div> -->
</div>
</template>
<script setup>
-import { useRouter, useRoute } from 'vue-router'
-let router = useRouter()
-import { useRouterStore } from 'store/router'
-const store = useRouterStore()
-
-const goHome = () => {
- store.setLoadSub(false)
- router.push('/layout')
-}
</script>
-<style scoped lang="scss">
-$bg-blue: rgba(24, 33, 92, 0.9);
-
-.out {
- position: fixed;
- top: 50%;
- left: 50%;
- pointer-events: all;
-}
-
-.wrapper {
- position: relative;
- width: 100%;
- height: 100%;
-
- #MainContent {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 99;
- }
-
- .main-content {
- height: 1080px;
- background: url(/images/header.png) no-repeat center / 100% 100%,
- url(/images/pro-bg.png) no-repeat center / 100% 100%;
-
- pointer-events: none;
-
- .main-header {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 40px;
- pointer-events: auto;
-
- .title {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- width: 640px;
- height: 40px;
- font-size: 24px;
- font-family: YouSheBiaoTiHei;
- font-weight: 400;
- color: #eff8fc;
- line-height: 40px;
- text-align: center;
- letter-spacing: 8px;
- font-weight: bolder;
- background: linear-gradient(to bottom,
- #e2eaf0 0%,
- #aed1f1 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- // opacity: 0.89;
- // text-shadow: 0px 4px 1px rgba(19, 80, 143, 0.66);
-
- // background: linear-gradient(0deg, rgba(119, 186, 255, 0.45) 0%, rgba(233, 248, 255, 0.45) 73.3154296875%, rgba(255, 255, 255, 0.45) 100%);
- // -webkit-background-clip: text;
- // -webkit-text-fill-color: transparent;
- }
-
-
- .login-out {
- position: absolute;
- top: 10px;
- right: 40px;
- height: 36px;
- color: #fff;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- cursor: pointer;
-
- .img {
- width: 16px;
- height: 16px;
- }
-
- span {
- font-size: 13px;
- }
- }
- }
-
- .main-container {
- position: absolute;
- top: 40px;
- left: 40px;
- right: 40px;
- bottom: 40px;
- }
- }
-}
-</style>
+<style scoped lang="scss"></style>
diff --git a/src/views/supplies/components/leftContainer.vue b/src/views/supplies/components/leftContainer.vue
index 9f9738a..9aeac42 100644
--- a/src/views/supplies/components/leftContainer.vue
+++ b/src/views/supplies/components/leftContainer.vue
@@ -2,28 +2,29 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-10 15:27:59
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-10-25 18:43:23
- * @FilePath: \bigScreen\src\views\statistics\components\leftContainer.vue
+ * @LastEditTime: 2024-11-08 11:35:39
+ * @FilePath: \bigScreen\src\views\supplies\components\leftContainer.vue
* @Description:
*
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
-import dataContent from "./box/dataContent.vue";
-import unitContent from "./box/unitContent.vue";
-import fireContent from "./box/fireContent.vue";
+import dataContent from "./box/dataContent.vue"
+import unitContent from "./box/unitContent.vue"
+import fireContent from "./box/fireContent.vue"
</script>
<template>
<div class="left-container">
<div class="data box">
- <title-box>
- <template #titleName> 应急物资信息 </template>
- </title-box>
<data-content>
</data-content>
</div>
</div>
</template>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.left-container {
+ width: 100%;
+}
+</style>
--
Gitblit v1.9.3