Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gassafety-progress
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
耿迪迪
gassafety-progress
Commits
01e24f78
Commit
01e24f78
authored
Feb 26, 2022
by
wuqinghua
Browse files
Options
Browse Files
Download
Plain Diff
Merge remote-tracking branch 'origin/master'
parents
467f0cc9
0ff35751
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
32 changed files
with
1194 additions
and
490 deletions
+1194
-490
getDevice.js
gassafetyprogress-web/src/api/bigWindow/getDevice.js
+70
-0
changzhan1.svg
gassafetyprogress-web/src/assets/image/changzhan1.svg
+14
-0
famen1.svg
gassafetyprogress-web/src/assets/image/famen1.svg
+14
-0
jiankong1.svg
gassafetyprogress-web/src/assets/image/jiankong1.svg
+14
-0
tiaoyaxiang1.svg
gassafetyprogress-web/src/assets/image/tiaoyaxiang1.svg
+14
-0
user1.svg
gassafetyprogress-web/src/assets/image/user1.svg
+14
-0
div-p.png
gassafetyprogress-web/src/assets/mapImages/div-p.png
+0
-0
changzhan.svg
gassafetyprogress-web/src/assets/mapinages/changzhan.svg
+13
-7
changzhan1.svg
gassafetyprogress-web/src/assets/mapinages/changzhan1.svg
+14
-0
famen.svg
gassafetyprogress-web/src/assets/mapinages/famen.svg
+13
-7
famen1.svg
gassafetyprogress-web/src/assets/mapinages/famen1.svg
+14
-0
jiankong.svg
gassafetyprogress-web/src/assets/mapinages/jiankong.svg
+13
-9
jiankong1.svg
gassafetyprogress-web/src/assets/mapinages/jiankong1.svg
+14
-0
tiaoyaxiang.svg
gassafetyprogress-web/src/assets/mapinages/tiaoyaxiang.svg
+13
-7
tiaoyaxiang1.svg
gassafetyprogress-web/src/assets/mapinages/tiaoyaxiang1.svg
+14
-0
user.svg
gassafetyprogress-web/src/assets/mapinages/user.svg
+13
-7
user1.svg
gassafetyprogress-web/src/assets/mapinages/user1.svg
+14
-0
DeviceA.vue
gassafetyprogress-web/src/components/bigWindow/DeviceA.vue
+25
-8
Line.vue
gassafetyprogress-web/src/components/bigWindow/Line.vue
+34
-12
PipeColor.vue
gassafetyprogress-web/src/components/bigWindow/PipeColor.vue
+14
-103
User.vue
gassafetyprogress-web/src/components/bigWindow/User.vue
+24
-5
leftBar.vue
gassafetyprogress-web/src/components/bigWindow/leftBar.vue
+100
-11
rightBar.vue
gassafetyprogress-web/src/components/bigWindow/rightBar.vue
+348
-115
index.js
gassafetyprogress-web/src/directive/permission/index.js
+10
-0
unValue.js
gassafetyprogress-web/src/directive/permission/unValue.js
+19
-0
getters.js
gassafetyprogress-web/src/store/getters.js
+10
-0
index.js
gassafetyprogress-web/src/store/index.js
+12
-1
bigWindowCompany.js
gassafetyprogress-web/src/store/modules/bigWindowCompany.js
+40
-0
user.js
gassafetyprogress-web/src/store/modules/user.js
+7
-2
config.js
gassafetyprogress-web/src/utils/mapClass/config.js
+91
-92
map.js
gassafetyprogress-web/src/utils/mapClass/map.js
+60
-30
index.vue
gassafetyprogress-web/src/views/bigWindow/index.vue
+125
-74
No files found.
gassafetyprogress-web/src/api/bigWindow/getDevice.js
0 → 100644
View file @
01e24f78
/*
* @Author: your name
* @Date: 2022-02-23 15:28:07
* @LastEditTime: 2022-02-25 18:43:58
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/api/bigWindow/getdevice.js
*/
import
request
from
'@/utils/request'
// 查询管道
export
function
getPipe
(
query
)
{
return
request
({
url
:
'/pipe/pipe/selectPipeData'
,
method
:
'get'
,
params
:
query
})
}
// 调压箱
export
function
getTyx
(
query
)
{
return
request
({
url
:
'/pipe/pipe/selectDeviceData'
,
method
:
'get'
,
params
:
query
})
}
// 是阀门
export
function
getFm
(
query
)
{
return
request
({
url
:
'/pipe/pipe/selectvalveData'
,
method
:
'get'
,
params
:
query
})
}
// 厂站
export
function
getCz
(
query
)
{
return
request
({
url
:
'/pipe/pipe/selectTSiteStationInfoData'
,
method
:
'get'
,
params
:
query
})
}
// 监控
export
function
getVideo
(
query
)
{
return
request
({
url
:
'/pipe/pipe/selectTvideoManagerData'
,
method
:
'get'
,
params
:
query
})
}
// 燃气用户接口
export
function
getUser
(
query
)
{
return
request
({
url
:
'/pipe/pipe/selectTdetectorUser'
,
method
:
'get'
,
params
:
query
})
}
// 获取公司名称以及id
export
function
getCompany
(
query
)
{
return
request
({
url
:
'/pipe/pipe/selectTenterpriseInfoData'
,
method
:
'get'
,
params
:
query
})
}
\ No newline at end of file
gassafetyprogress-web/src/assets/image/changzhan1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M16.6552 9.77278C16.6552 12.9211 14.103 15.4733 10.9547 15.4733C7.80636 15.4733 5.25415 12.9211 5.25415 9.77278C5.25415 6.62447 7.80636 4.07227 10.9547 4.07227C14.103 4.07227 16.6552 6.62447 16.6552 9.77278ZM10.867 11.2506H11.324V13.098H10.867V11.2506ZM9.84612 11.2506H10.3032V13.098H9.84612V11.2506ZM13.7726 6.71854V12.5548H14.2799V13.0979H11.726V11.0721C11.726 10.9225 11.6011 10.8005 11.4482 10.8005H9.43527C9.2823 10.8005 9.15705 10.9228 9.15705 11.0721V13.0979H7.62926V12.5544H8.13655V9.16448C8.13763 9.09164 8.16749 9.02218 8.21963 8.97129C8.27176 8.9204 8.34192 8.89223 8.41477 8.89292H10.0619V8.32503C10.0629 8.25212 10.0927 8.18257 10.1448 8.1316C10.197 8.08063 10.2672 8.0524 10.3401 8.0531H11.4035C11.4764 8.0524 11.5466 8.08063 11.5987 8.1316C11.6509 8.18257 11.6807 8.25212 11.6817 8.32503V8.89329H12.1236V6.71891C12.1247 6.64607 12.1545 6.57661 12.2067 6.52572C12.2588 6.47483 12.3289 6.44666 12.4018 6.44735H13.4943C13.5671 6.44666 13.6372 6.47478 13.6894 6.52559C13.7415 6.5764 13.7714 6.64576 13.7726 6.71854ZM9.23907 10.4022H11.6455H11.647V9.8591H9.23907V10.4022Z"
fill=
"#F0C41B"
/>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#F0C41B"
/>
<g
filter=
"url(#filter0_f_194_268)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#F0C41B"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_268"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_268"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/image/famen1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#FA8167"
/>
<path
d=
"M16.6134 8.94262C16.4134 7.58911 15.7326 6.3525 14.6954 5.45841C13.6581 4.56433 12.3334 4.07236 10.963 4.07227C9.44847 4.07227 7.99596 4.67294 6.92503 5.74214C5.85409 6.81135 5.25244 8.2615 5.25244 9.77359C5.25244 11.2857 5.85409 12.7358 6.92503 13.805C7.99596 14.8742 9.44847 15.4749 10.963 15.4749C12.3334 15.4748 13.6581 14.9828 14.6954 14.0888C15.7326 13.1947 16.4134 11.9581 16.6134 10.6046L16.6551 9.77359L16.6134 8.94262ZM6.58836 9.37325C6.682 8.3553 7.12877 7.40197 7.85151 6.67789C8.57425 5.95381 9.52758 5.50446 10.5468 5.40744V6.27779C9.75838 6.37152 9.02466 6.72811 8.46439 7.28987C7.90413 7.85162 7.55009 8.58567 7.45957 9.37325H6.58836ZM10.5468 14.1399C9.5328 14.0434 8.58385 13.5981 7.8623 12.8802C7.14075 12.1623 6.69144 11.2165 6.59121 10.2044H7.46332C7.5602 10.9858 7.91657 11.7123 8.47551 12.2678C9.03445 12.8233 9.76372 13.1757 10.5468 13.2689V14.1399ZM10.3991 10.0155V11.9119H9.69579V7.62704H12.6225V8.2271H10.3984V9.4153H12.4963V10.0154L10.3991 10.0155ZM11.3792 14.1399V13.2694C12.1623 13.1762 12.8915 12.8238 13.4505 12.2683C14.0094 11.7128 14.3658 10.9863 14.4627 10.2049H15.3348C15.2344 11.2169 14.785 12.1625 14.0635 12.8803C13.3419 13.598 12.3931 14.0434 11.3792 14.1399ZM14.4664 9.37325C14.3759 8.58567 14.0219 7.85162 13.4616 7.28987C12.9013 6.72811 12.1676 6.37152 11.3792 6.27779V5.40744C12.3984 5.5045 13.3517 5.95387 14.0744 6.67794C14.7971 7.40202 15.2438 8.35533 15.3375 9.37325H14.4664Z"
fill=
"#FA8167"
/>
<g
filter=
"url(#filter0_f_194_248)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#FA8167"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_248"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_248"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/image/jiankong1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M10.9547 15.4733C14.103 15.4733 16.6552 12.9211 16.6552 9.77278C16.6552 6.62447 14.103 4.07227 10.9547 4.07227C7.80636 4.07227 5.25415 6.62447 5.25415 9.77278C5.25415 12.9211 7.80636 15.4733 10.9547 15.4733ZM6.88066 9.97604C6.76989 9.92967 6.67933 9.98583 6.67933 10.1006V12.9572C6.67933 13.0721 6.76989 13.1279 6.88066 13.0819L7.73281 12.7257C7.84377 12.6795 7.93413 12.5481 7.93413 12.4332V11.9701H9.66077C9.74965 11.9702 9.83669 11.9461 9.91164 11.9007C9.9866 11.8553 10.0463 11.7905 10.0838 11.7139L10.483 10.8936L9.63881 10.5205L9.36286 11.0874H7.93452V10.6243C7.93452 10.5096 7.84396 10.378 7.73319 10.3318L6.88066 9.97604ZM14.1368 11.3145L14.7188 10.1318L13.3041 10.9465L14.1368 11.3145ZM15.0589 9.04219L9.27502 6.48616C9.16924 6.43967 9.04843 6.43478 8.93887 6.47256C8.82932 6.51035 8.7399 6.58774 8.69008 6.68789L7.68578 8.72924C7.63695 8.82962 7.63195 8.94429 7.67187 9.04816C7.71179 9.15204 7.79337 9.23664 7.89877 9.28346L11.7129 10.969C11.9323 11.0658 12.281 11.0477 12.4877 10.9287L15.0815 9.43494C15.2882 9.31597 15.2779 9.13936 15.0589 9.04219Z"
fill=
"#36E7C7"
/>
<path
d=
"M10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.665 19.2892 8.7725 19.4688C9.14689 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689Z"
stroke=
"#36E7C7"
/>
<g
filter=
"url(#filter0_f_175_404)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#36E7C7"
/>
</g>
<defs>
<filter
id=
"filter0_f_175_404"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_175_404"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/image/tiaoyaxiang1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
d=
"M10.9547 4.07031C9.44279 4.07031 7.99285 4.6709 6.92379 5.73995C5.85474 6.80901 5.25415 8.25896 5.25415 9.77083C5.25415 11.2827 5.85474 12.7326 6.92379 13.8017C7.99285 14.8708 9.44279 15.4713 10.9547 15.4713C12.4665 15.4713 13.9165 14.8708 14.9855 13.8017C16.0546 12.7326 16.6552 11.2827 16.6552 9.77083C16.6552 8.25896 16.0546 6.80901 14.9855 5.73995C13.9165 4.6709 12.4665 4.07031 10.9547 4.07031V4.07031ZM14.375 11.766H13.8049V12.6211H12.9498V13.1911H11.8097V12.6211H10.3846V13.1911H9.24451V12.6211H8.38943V11.766H7.81938V7.77565H8.38943V6.92057H9.24451V6.63554H10.0996V6.92057H10.6696V6.63554H11.5247V6.92057H12.0948V6.63554H12.9498V6.92057H13.8049V7.77565H14.375V11.766ZM8.67446 11.766H13.5199V7.49062H8.67446V11.766ZM12.9498 7.77565H13.2349V11.481H12.9498V7.77565ZM12.3798 7.77565H12.6648V11.481H12.3798V7.77565ZM11.8097 7.77565H12.0948V11.481H11.8097V7.77565ZM11.2397 7.77565H11.5247V11.481H11.2397V7.77565ZM10.6696 7.77565H10.9547V11.481H10.6696V7.77565ZM10.0996 7.77565H10.3846V11.481H10.0996V7.77565ZM9.52954 7.77565H9.81456V11.481H9.52954V7.77565ZM8.95948 7.77565H9.24451V11.481H8.95948V7.77565Z"
fill=
"#74C5FF"
/>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#74C5FF"
/>
<g
filter=
"url(#filter0_f_194_260)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#74C5FF"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_260"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_260"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/image/user1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M16.6552 9.77473C16.6552 12.923 14.103 15.4752 10.9547 15.4752C7.80636 15.4752 5.25415 12.923 5.25415 9.77473C5.25415 6.62643 7.80636 4.07422 10.9547 4.07422C14.103 4.07422 16.6552 6.62643 16.6552 9.77473ZM12.9472 8.3569C12.9472 9.44817 12.0625 10.3331 10.971 10.3331C9.87956 10.3331 8.99488 9.44838 8.99488 8.3569C8.99488 7.26563 9.87956 6.38074 10.971 6.38074C12.0625 6.38074 12.9472 7.26542 12.9472 8.3569ZM10.9711 10.9893C11.5708 10.9893 12.1416 10.7873 12.6021 10.4238V10.424C13.7973 10.8771 14.3461 12.4304 14.3461 13.1384H7.56167C7.56167 12.424 8.10625 10.8598 9.32553 10.4122C9.78815 10.7827 10.3644 10.9893 10.9711 10.9893Z"
fill=
"#00FFFF"
/>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#00FFFF"
/>
<g
filter=
"url(#filter0_f_194_252)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#00FFFF"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_252"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_252"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/mapImages/div-p.png
0 → 100644
View file @
01e24f78
2.25 KB
gassafetyprogress-web/src/assets/mapinages/changzhan.svg
View file @
01e24f78
<svg
id=
"组_2445"
data-name=
"组 2445"
xmlns=
"http://www.w3.org/2000/svg"
width=
"18"
height=
"25"
viewBox=
"0 0 23 34.049"
>
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
id=
"路径_169"
data-name=
"路径 169"
d=
"M-2160.2,287.287a9.537,9.537,0,0,1,9.538,9.537,9.537,9.537,0,0,1-9.538,9.537,9.538,9.538,0,0,1-9.537-9.537A9.538,9.538,0,0,1-2160.2,287.287Zm0,1.467a8.069,8.069,0,0,0-8.069,8.07,8.069,8.069,0,0,0,8.069,8.07,8.069,8.069,0,0,0,8.07-8.07A8.069,8.069,0,0,0-2160.2,288.754Zm-.109,1.485a6.691,6.691,0,0,1,6.681,6.68,6.691,6.691,0,0,1-6.681,6.68,6.691,6.691,0,0,1-6.68-6.68A6.691,6.691,0,0,1-2160.309,290.239Zm.144,11.685h-.276v1.1h.276Zm-3.65-1.433-.771.772.2.2.772-.772-.2-.2Zm6.748,0-.2.2.771.772.2-.2Zm-1.874-6.328-1.808,2.094a.671.671,0,0,0-.265.286.825.825,0,0,0,.375,1.081.831.831,0,0,0,1.08-.375.723.723,0,0,0,.089-.375l.529-2.711Z"
transform=
"translate(2171.7 -284.903)"
fill=
"#7bf8f4"
/>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M16.6552 9.77278C16.6552 12.9211 14.103 15.4733 10.9547 15.4733C7.80636 15.4733 5.25415 12.9211 5.25415 9.77278C5.25415 6.62447 7.80636 4.07227 10.9547 4.07227C14.103 4.07227 16.6552 6.62447 16.6552 9.77278ZM10.867 11.2506H11.324V13.098H10.867V11.2506ZM9.84612 11.2506H10.3032V13.098H9.84612V11.2506ZM13.7726 6.71854V12.5548H14.2799V13.0979H11.726V11.0721C11.726 10.9225 11.6011 10.8005 11.4482 10.8005H9.43527C9.2823 10.8005 9.15705 10.9228 9.15705 11.0721V13.0979H7.62926V12.5544H8.13655V9.16448C8.13763 9.09164 8.16749 9.02218 8.21963 8.97129C8.27176 8.9204 8.34192 8.89223 8.41477 8.89292H10.0619V8.32503C10.0629 8.25212 10.0927 8.18257 10.1448 8.1316C10.197 8.08063 10.2672 8.0524 10.3401 8.0531H11.4035C11.4764 8.0524 11.5466 8.08063 11.5987 8.1316C11.6509 8.18257 11.6807 8.25212 11.6817 8.32503V8.89329H12.1236V6.71891C12.1247 6.64607 12.1545 6.57661 12.2067 6.52572C12.2588 6.47483 12.3289 6.44666 12.4018 6.44735H13.4943C13.5671 6.44666 13.6372 6.47478 13.6894 6.52559C13.7415 6.5764 13.7714 6.64576 13.7726 6.71854ZM9.23907 10.4022H11.6455H11.647V9.8591H9.23907V10.4022Z"
fill=
"#F0C41B"
/>
<g
id=
"路径_188"
data-name=
"路径 188"
fill=
"none"
>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#F0C41B"
/>
<path
d=
"M11.5,0A11.5,11.5,0,0,1,23,11.5c0,6.351-11.6,18.226-11.5,18.3S0,17.851,0,11.5A11.5,11.5,0,0,1,11.5,0Z"
stroke=
"none"
/>
<g
filter=
"url(#filter0_f_194_268)"
>
<path
d=
"M 11.5 0.9999980926513672 C 5.71027946472168 0.9999980926513672 1 5.710289001464844 1 11.50002861022949 C 1 15.44052600860596 6.295671463012695 22.62869071960449 11.47669506072998 28.3024730682373 C 12.68497657775879 26.95182228088379 15.33078575134277 23.97880554199219 17.65543937683105 20.72857856750488 C 19.63740921020508 17.95747756958008 22 14.10697841644287 22 11.50002861022949 C 22 5.710289001464844 17.28972053527832 0.9999980926513672 11.5 0.9999980926513672 M 11.5 -1.9073486328125e-06 C 17.85127067565918 -1.9073486328125e-06 23 5.148738861083984 23 11.50002861022949 C 23 17.82768249511719 11.48916530609131 29.63789749145508 11.49940204620361 29.80171585083008 C 11.36462783813477 29.63818168640137 0 17.7873649597168 0 11.50002861022949 C 0 5.148738861083984 5.14872932434082 -1.9073486328125e-06 11.5 -1.9073486328125e-06 Z M 11.49940204620361 29.80171585083008 C 11.50076866149902 29.80337524414062 11.50098419189453 29.8038387298584 11.5 29.80305862426758 C 11.49963855743408 29.80277252197266 11.49944019317627 29.80232810974121 11.49940204620361 29.80171585083008 Z"
stroke=
"none"
fill=
"#7bf8f4"
/>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#F0C41B"
/>
</g>
</g>
<path
id=
"多边形_35"
data-name=
"多边形 35"
d=
"M4.524,0,9.049,6.033H0Z"
transform=
"translate(16.59 29.951) rotate(180)"
fill=
"#7bf8f4"
/>
<defs>
<filter
id=
"filter0_f_194_268"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_268"
/>
</filter>
</defs>
</svg>
</svg>
gassafetyprogress-web/src/assets/mapinages/changzhan1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M16.6552 9.77278C16.6552 12.9211 14.103 15.4733 10.9547 15.4733C7.80636 15.4733 5.25415 12.9211 5.25415 9.77278C5.25415 6.62447 7.80636 4.07227 10.9547 4.07227C14.103 4.07227 16.6552 6.62447 16.6552 9.77278ZM10.867 11.2506H11.324V13.098H10.867V11.2506ZM9.84612 11.2506H10.3032V13.098H9.84612V11.2506ZM13.7726 6.71854V12.5548H14.2799V13.0979H11.726V11.0721C11.726 10.9225 11.6011 10.8005 11.4482 10.8005H9.43527C9.2823 10.8005 9.15705 10.9228 9.15705 11.0721V13.0979H7.62926V12.5544H8.13655V9.16448C8.13763 9.09164 8.16749 9.02218 8.21963 8.97129C8.27176 8.9204 8.34192 8.89223 8.41477 8.89292H10.0619V8.32503C10.0629 8.25212 10.0927 8.18257 10.1448 8.1316C10.197 8.08063 10.2672 8.0524 10.3401 8.0531H11.4035C11.4764 8.0524 11.5466 8.08063 11.5987 8.1316C11.6509 8.18257 11.6807 8.25212 11.6817 8.32503V8.89329H12.1236V6.71891C12.1247 6.64607 12.1545 6.57661 12.2067 6.52572C12.2588 6.47483 12.3289 6.44666 12.4018 6.44735H13.4943C13.5671 6.44666 13.6372 6.47478 13.6894 6.52559C13.7415 6.5764 13.7714 6.64576 13.7726 6.71854ZM9.23907 10.4022H11.6455H11.647V9.8591H9.23907V10.4022Z"
fill=
"#F0C41B"
/>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#F0C41B"
/>
<g
filter=
"url(#filter0_f_194_268)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#F0C41B"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_268"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_268"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/mapinages/famen.svg
View file @
01e24f78
<svg
id=
"组_2447"
data-name=
"组 2447"
xmlns=
"http://www.w3.org/2000/svg"
width=
"18"
height=
"25"
viewBox=
"0 0 23.304 34.295"
>
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
id=
"路径_168"
data-name=
"路径 168"
d=
"M-1603.123-57.691a9.445,9.445,0,0,0-9.234-8.255,9.5,9.5,0,0,0-9.333,9.663,9.5,9.5,0,0,0,9.333,9.663,9.445,9.445,0,0,0,9.234-8.255h.76v-2.817Zm-16.383.73a7.312,7.312,0,0,1,6.469-6.722v1.475a5.871,5.871,0,0,0-5.045,5.246Zm6.469,8.079a7.311,7.311,0,0,1-6.465-6.67h1.425a5.869,5.869,0,0,0,5.039,5.2Zm-.242-6.99v3.214h-1.149v-7.262h4.784V-58.9h-3.635v2.014h3.429v1.017Zm1.6,6.99v-1.475a5.869,5.869,0,0,0,5.039-5.2h1.425A7.311,7.311,0,0,1-1611.677-48.883Zm5.045-8.079a5.871,5.871,0,0,0-5.045-5.246v-1.475a7.313,7.313,0,0,1,6.469,6.722Z"
transform=
"translate(1624.104 68.362)"
fill=
"#7bf8f4"
/>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#FA8167"
/>
<g
id=
"路径_185"
data-name=
"路径 185"
fill=
"none"
>
<path
d=
"M16.6134 8.94262C16.4134 7.58911 15.7326 6.3525 14.6954 5.45841C13.6581 4.56433 12.3334 4.07236 10.963 4.07227C9.44847 4.07227 7.99596 4.67294 6.92503 5.74214C5.85409 6.81135 5.25244 8.2615 5.25244 9.77359C5.25244 11.2857 5.85409 12.7358 6.92503 13.805C7.99596 14.8742 9.44847 15.4749 10.963 15.4749C12.3334 15.4748 13.6581 14.9828 14.6954 14.0888C15.7326 13.1947 16.4134 11.9581 16.6134 10.6046L16.6551 9.77359L16.6134 8.94262ZM6.58836 9.37325C6.682 8.3553 7.12877 7.40197 7.85151 6.67789C8.57425 5.95381 9.52758 5.50446 10.5468 5.40744V6.27779C9.75838 6.37152 9.02466 6.72811 8.46439 7.28987C7.90413 7.85162 7.55009 8.58567 7.45957 9.37325H6.58836ZM10.5468 14.1399C9.5328 14.0434 8.58385 13.5981 7.8623 12.8802C7.14075 12.1623 6.69144 11.2165 6.59121 10.2044H7.46332C7.5602 10.9858 7.91657 11.7123 8.47551 12.2678C9.03445 12.8233 9.76372 13.1757 10.5468 13.2689V14.1399ZM10.3991 10.0155V11.9119H9.69579V7.62704H12.6225V8.2271H10.3984V9.4153H12.4963V10.0154L10.3991 10.0155ZM11.3792 14.1399V13.2694C12.1623 13.1762 12.8915 12.8238 13.4505 12.2683C14.0094 11.7128 14.3658 10.9863 14.4627 10.2049H15.3348C15.2344 11.2169 14.785 12.1625 14.0635 12.8803C13.3419 13.598 12.3931 14.0434 11.3792 14.1399ZM14.4664 9.37325C14.3759 8.58567 14.0219 7.85162 13.4616 7.28987C12.9013 6.72811 12.1676 6.37152 11.3792 6.27779V5.40744C12.3984 5.5045 13.3517 5.95387 14.0744 6.67794C14.7971 7.40202 15.2438 8.35533 15.3375 9.37325H14.4664Z"
fill=
"#FA8167"
/>
<path
d=
"M11.652,0A11.652,11.652,0,0,1,23.3,11.652c0,6.435-11.75,18.467-11.652,18.545S0,18.087,0,11.652A11.652,11.652,0,0,1,11.652,0Z"
stroke=
"none"
/>
<g
filter=
"url(#filter0_f_194_248)"
>
<path
d=
"M 11.65185546875 0.9999942779541016 C 5.77839469909668 0.9999942779541016 0.9999961853027344 5.778413772583008 0.9999961853027344 11.65188407897949 C 0.9999961853027344 15.65063667297363 6.374073028564453 22.94361305236816 11.62834739685059 28.69588470458984 C 12.84814071655273 27.33243751525879 15.5371789932251 24.3126106262207 17.89928436279297 21.01001358032227 C 19.90856552124023 18.20073509216309 22.3037052154541 14.29677486419678 22.3037052154541 11.65188407897949 C 22.3037052154541 5.778413772583008 17.52530479431152 0.9999942779541016 11.65185546875 0.9999942779541016 M 11.65185546875 -5.7220458984375e-06 C 18.08699607849121 -5.7220458984375e-06 23.3037052154541 5.216724395751953 23.3037052154541 11.65188407897949 C 23.3037052154541 18.06309509277344 11.64087867736816 30.02925682067871 11.65124988555908 30.19523429870605 C 11.5146951675415 30.02953720092773 -3.814697265625e-06 18.02224731445312 -3.814697265625e-06 11.65188407897949 C -3.814697265625e-06 5.216724395751953 5.216714859008789 -5.7220458984375e-06 11.65185546875 -5.7220458984375e-06 Z M 11.65124988555908 30.19523429870605 C 11.65263366699219 30.19691467285156 11.65285301208496 30.19738388061523 11.65185546875 30.19659423828125 C 11.6514892578125 30.19630432128906 11.65128803253174 30.19585609436035 11.65124988555908 30.19523429870605 Z"
stroke=
"none"
fill=
"#7bf8f4"
/>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#FA8167"
/>
</g>
</g>
<path
id=
"多边形_32"
data-name=
"多边形 32"
d=
"M4.53,0l4.53,6.039H0Z"
transform=
"translate(16.306 30.197) rotate(180)"
fill=
"#7bf8f4"
/>
<defs>
<filter
id=
"filter0_f_194_248"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_248"
/>
</filter>
</defs>
</svg>
</svg>
gassafetyprogress-web/src/assets/mapinages/famen1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#FA8167"
/>
<path
d=
"M16.6134 8.94262C16.4134 7.58911 15.7326 6.3525 14.6954 5.45841C13.6581 4.56433 12.3334 4.07236 10.963 4.07227C9.44847 4.07227 7.99596 4.67294 6.92503 5.74214C5.85409 6.81135 5.25244 8.2615 5.25244 9.77359C5.25244 11.2857 5.85409 12.7358 6.92503 13.805C7.99596 14.8742 9.44847 15.4749 10.963 15.4749C12.3334 15.4748 13.6581 14.9828 14.6954 14.0888C15.7326 13.1947 16.4134 11.9581 16.6134 10.6046L16.6551 9.77359L16.6134 8.94262ZM6.58836 9.37325C6.682 8.3553 7.12877 7.40197 7.85151 6.67789C8.57425 5.95381 9.52758 5.50446 10.5468 5.40744V6.27779C9.75838 6.37152 9.02466 6.72811 8.46439 7.28987C7.90413 7.85162 7.55009 8.58567 7.45957 9.37325H6.58836ZM10.5468 14.1399C9.5328 14.0434 8.58385 13.5981 7.8623 12.8802C7.14075 12.1623 6.69144 11.2165 6.59121 10.2044H7.46332C7.5602 10.9858 7.91657 11.7123 8.47551 12.2678C9.03445 12.8233 9.76372 13.1757 10.5468 13.2689V14.1399ZM10.3991 10.0155V11.9119H9.69579V7.62704H12.6225V8.2271H10.3984V9.4153H12.4963V10.0154L10.3991 10.0155ZM11.3792 14.1399V13.2694C12.1623 13.1762 12.8915 12.8238 13.4505 12.2683C14.0094 11.7128 14.3658 10.9863 14.4627 10.2049H15.3348C15.2344 11.2169 14.785 12.1625 14.0635 12.8803C13.3419 13.598 12.3931 14.0434 11.3792 14.1399ZM14.4664 9.37325C14.3759 8.58567 14.0219 7.85162 13.4616 7.28987C12.9013 6.72811 12.1676 6.37152 11.3792 6.27779V5.40744C12.3984 5.5045 13.3517 5.95387 14.0744 6.67794C14.7971 7.40202 15.2438 8.35533 15.3375 9.37325H14.4664Z"
fill=
"#FA8167"
/>
<g
filter=
"url(#filter0_f_194_248)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#FA8167"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_248"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_248"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/mapinages/jiankong.svg
View file @
01e24f78
<svg
xmlns=
"http://www.w3.org/2000/svg"
width=
"18"
height=
"25"
viewBox=
"0 0 23 34.049"
>
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<g
id=
"组_2451"
data-name=
"组 2451"
transform=
"translate(7189 23993)"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M10.9547 15.4733C14.103 15.4733 16.6552 12.9211 16.6552 9.77278C16.6552 6.62447 14.103 4.07227 10.9547 4.07227C7.80636 4.07227 5.25415 6.62447 5.25415 9.77278C5.25415 12.9211 7.80636 15.4733 10.9547 15.4733ZM6.88066 9.97604C6.76989 9.92967 6.67933 9.98583 6.67933 10.1006V12.9572C6.67933 13.0721 6.76989 13.1279 6.88066 13.0819L7.73281 12.7257C7.84377 12.6795 7.93413 12.5481 7.93413 12.4332V11.9701H9.66077C9.74965 11.9702 9.83669 11.9461 9.91164 11.9007C9.9866 11.8553 10.0463 11.7905 10.0838 11.7139L10.483 10.8936L9.63881 10.5205L9.36286 11.0874H7.93452V10.6243C7.93452 10.5096 7.84396 10.378 7.73319 10.3318L6.88066 9.97604ZM14.1368 11.3145L14.7188 10.1318L13.3041 10.9465L14.1368 11.3145ZM15.0589 9.04219L9.27502 6.48616C9.16924 6.43967 9.04843 6.43478 8.93887 6.47256C8.82932 6.51035 8.7399 6.58774 8.69008 6.68789L7.68578 8.72924C7.63695 8.82962 7.63195 8.94429 7.67187 9.04816C7.71179 9.15204 7.79337 9.23664 7.89877 9.28346L11.7129 10.969C11.9323 11.0658 12.281 11.0477 12.4877 10.9287L15.0815 9.43494C15.2882 9.31597 15.2779 9.13936 15.0589 9.04219Z"
fill=
"#36E7C7"
/>
<g
id=
"路径_188"
data-name=
"路径 188"
transform=
"translate(-7189 -23993)"
fill=
"none"
>
<path
d=
"M10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.665 19.2892 8.7725 19.4688C9.14689 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689Z"
stroke=
"#36E7C7"
/>
<path
d=
"M11.5,0A11.5,11.5,0,0,1,23,11.5c0,6.351-11.6,18.226-11.5,18.3S0,17.851,0,11.5A11.5,11.5,0,0,1,11.5,0Z"
stroke=
"none"
/>
<g
filter=
"url(#filter0_f_175_404)"
>
<path
d=
"M 11.5 0.9999980926513672 C 5.71027946472168 0.9999980926513672 1 5.710289001464844 1 11.50002861022949 C 1 15.44052600860596 6.295671463012695 22.62869071960449 11.47669506072998 28.3024730682373 C 12.68497657775879 26.95182228088379 15.33078575134277 23.97880554199219 17.65543937683105 20.72857856750488 C 19.63740921020508 17.95747756958008 22 14.10697841644287 22 11.50002861022949 C 22 5.710289001464844 17.28972053527832 0.9999980926513672 11.5 0.9999980926513672 M 11.5 -1.9073486328125e-06 C 17.85127067565918 -1.9073486328125e-06 23 5.148738861083984 23 11.50002861022949 C 23 17.82768249511719 11.48916530609131 29.63789749145508 11.49940204620361 29.80171585083008 C 11.36462783813477 29.63818168640137 0 17.7873649597168 0 11.50002861022949 C 0 5.148738861083984 5.14872932434082 -1.9073486328125e-06 11.5 -1.9073486328125e-06 Z M 11.49940204620361 29.80171585083008 C 11.50076866149902 29.80337524414062 11.50098419189453 29.8038387298584 11.5 29.80305862426758 C 11.49963855743408 29.80277252197266 11.49944019317627 29.80232810974121 11.49940204620361 29.80171585083008 Z"
stroke=
"none"
fill=
"#7bf8f4"
/>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#36E7C7"
/>
</g>
</g>
<path
id=
"多边形_35"
data-name=
"多边形 35"
d=
"M4.524,0,9.049,6.033H0Z"
transform=
"translate(-7172.411 -23963.049) rotate(180)"
fill=
"#7bf8f4"
/>
<defs>
<path
id=
"路径_1298"
data-name=
"路径 1298"
d=
"M21.1,8.659v7.97l-2.46-.621V13.532l-5.534-1.863V9.8h-.613V8.563l-3.428.807,1.315-1.4-.129-.791c-.1.323-.282.54-.508.573-.476.081-.992-.67-1.154-1.67-.145-.928.065-1.75.484-1.92L7.742,2.577l-.1-.04-1.888.307.016.452,1.3-.21L7.4,5.191l-.694.1L5.168,3.593,5.12,2.327,6.5,2.109l.9-.145.791-.129L16.51.512l.976.371,1.452,2.549L10.025,4.86a3.109,3.109,0,0,1,.21.549L18.2,4.134,18.624,6.8,17.285,8.062l-2.323.508V9.813h-.613v1.242L18.656,12.3V9.2ZM9.323,5.175c-.21.032-.315.411-.25.839s.29.758.5.726.315-.411.25-.839S9.532,5.142,9.323,5.175ZM7.943,8.119l-.411-2.6-.6.1.46,2.864,1.549.96.46-.419Z"
transform=
"translate(-7191.327 -23989.652)"
fill=
"#7bf8f4"
/>
<filter
id=
"filter0_f_175_404"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
</g>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_175_404"
/>
</filter>
</defs>
</svg>
</svg>
gassafetyprogress-web/src/assets/mapinages/jiankong1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M10.9547 15.4733C14.103 15.4733 16.6552 12.9211 16.6552 9.77278C16.6552 6.62447 14.103 4.07227 10.9547 4.07227C7.80636 4.07227 5.25415 6.62447 5.25415 9.77278C5.25415 12.9211 7.80636 15.4733 10.9547 15.4733ZM6.88066 9.97604C6.76989 9.92967 6.67933 9.98583 6.67933 10.1006V12.9572C6.67933 13.0721 6.76989 13.1279 6.88066 13.0819L7.73281 12.7257C7.84377 12.6795 7.93413 12.5481 7.93413 12.4332V11.9701H9.66077C9.74965 11.9702 9.83669 11.9461 9.91164 11.9007C9.9866 11.8553 10.0463 11.7905 10.0838 11.7139L10.483 10.8936L9.63881 10.5205L9.36286 11.0874H7.93452V10.6243C7.93452 10.5096 7.84396 10.378 7.73319 10.3318L6.88066 9.97604ZM14.1368 11.3145L14.7188 10.1318L13.3041 10.9465L14.1368 11.3145ZM15.0589 9.04219L9.27502 6.48616C9.16924 6.43967 9.04843 6.43478 8.93887 6.47256C8.82932 6.51035 8.7399 6.58774 8.69008 6.68789L7.68578 8.72924C7.63695 8.82962 7.63195 8.94429 7.67187 9.04816C7.71179 9.15204 7.79337 9.23664 7.89877 9.28346L11.7129 10.969C11.9323 11.0658 12.281 11.0477 12.4877 10.9287L15.0815 9.43494C15.2882 9.31597 15.2779 9.13936 15.0589 9.04219Z"
fill=
"#36E7C7"
/>
<path
d=
"M10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.665 19.2892 8.7725 19.4688C9.14689 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689Z"
stroke=
"#36E7C7"
/>
<g
filter=
"url(#filter0_f_175_404)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#36E7C7"
/>
</g>
<defs>
<filter
id=
"filter0_f_175_404"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_175_404"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/mapinages/tiaoyaxiang.svg
View file @
01e24f78
<svg
id=
"组_2448"
data-name=
"组 2448"
xmlns=
"http://www.w3.org/2000/svg"
width=
"18"
height=
"25"
viewBox=
"0 0 23 33.9"
>
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
id=
"路径_173"
data-name=
"路径 173"
d=
"M-1877.09-49.461a9.537,9.537,0,0,0-9.537,9.537,9.537,9.537,0,0,0,9.537,9.537,9.537,9.537,0,0,0,9.537-9.537A9.537,9.537,0,0,0-1877.09-49.461Zm5.722,12.875h-.954v1.431h-1.43v.954h-1.907v-.954h-2.384v.954h-1.907v-.954h-1.431v-1.431h-.954v-6.676h.954v-1.431h1.431v-.477h1.431v.477h.953v-.477h1.431v.477h.954v-.477h1.431v.477h1.43v1.431h.954Zm-9.537,0h8.107v-7.153h-8.107Zm7.153-6.676h.477v6.2h-.477Zm-.954,0h.477v6.2h-.477Zm-.953,0h.477v6.2h-.477Zm-.954,0h.477v6.2h-.477Zm-.954,0h.477v6.2h-.477Zm-.953,0h.477v6.2h-.477Zm-.954,0h.477v6.2h-.477Zm-.954,0h.477v6.2h-.477Z"
transform=
"translate(1888.59 51.845)"
fill=
"#7bf8f4"
/>
<path
d=
"M10.9547 4.07031C9.44279 4.07031 7.99285 4.6709 6.92379 5.73995C5.85474 6.80901 5.25415 8.25896 5.25415 9.77083C5.25415 11.2827 5.85474 12.7326 6.92379 13.8017C7.99285 14.8708 9.44279 15.4713 10.9547 15.4713C12.4665 15.4713 13.9165 14.8708 14.9855 13.8017C16.0546 12.7326 16.6552 11.2827 16.6552 9.77083C16.6552 8.25896 16.0546 6.80901 14.9855 5.73995C13.9165 4.6709 12.4665 4.07031 10.9547 4.07031V4.07031ZM14.375 11.766H13.8049V12.6211H12.9498V13.1911H11.8097V12.6211H10.3846V13.1911H9.24451V12.6211H8.38943V11.766H7.81938V7.77565H8.38943V6.92057H9.24451V6.63554H10.0996V6.92057H10.6696V6.63554H11.5247V6.92057H12.0948V6.63554H12.9498V6.92057H13.8049V7.77565H14.375V11.766ZM8.67446 11.766H13.5199V7.49062H8.67446V11.766ZM12.9498 7.77565H13.2349V11.481H12.9498V7.77565ZM12.3798 7.77565H12.6648V11.481H12.3798V7.77565ZM11.8097 7.77565H12.0948V11.481H11.8097V7.77565ZM11.2397 7.77565H11.5247V11.481H11.2397V7.77565ZM10.6696 7.77565H10.9547V11.481H10.6696V7.77565ZM10.0996 7.77565H10.3846V11.481H10.0996V7.77565ZM9.52954 7.77565H9.81456V11.481H9.52954V7.77565ZM8.95948 7.77565H9.24451V11.481H8.95948V7.77565Z"
fill=
"#74C5FF"
/>
<g
id=
"路径_186"
data-name=
"路径 186"
fill=
"none"
>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#74C5FF"
/>
<path
d=
"M11.5,0A11.5,11.5,0,0,1,23,11.5c0,6.351-11.6,18.226-11.5,18.3S0,17.851,0,11.5A11.5,11.5,0,0,1,11.5,0Z"
stroke=
"none"
/>
<g
filter=
"url(#filter0_f_194_260)"
>
<path
d=
"M 11.5 0.9999942779541016 C 5.71027946472168 0.9999942779541016 1 5.710294723510742 1 11.50003433227539 C 1 15.44047451019287 6.295700073242188 22.62868881225586 11.47670364379883 28.30246925354004 C 12.68497562408447 26.95181846618652 15.33078575134277 23.97880172729492 17.65543937683105 20.72857475280762 C 19.63740921020508 17.95747375488281 22 14.10698509216309 22 11.50003433227539 C 22 5.710294723510742 17.28972053527832 0.9999942779541016 11.5 0.9999942779541016 M 11.5 -5.7220458984375e-06 C 17.85128021240234 -5.7220458984375e-06 23 5.148744583129883 23 11.50003433227539 C 23 17.82767868041992 11.48916530609131 29.63789367675781 11.49940204620361 29.80171203613281 C 11.36462783813477 29.63816833496094 0 17.78736114501953 0 11.50003433227539 C 0 5.148744583129883 5.14872932434082 -5.7220458984375e-06 11.5 -5.7220458984375e-06 Z M 11.49940204620361 29.80171203613281 C 11.50076866149902 29.80337142944336 11.50098419189453 29.80383491516113 11.5 29.80305480957031 C 11.49963855743408 29.80276870727539 11.49944019317627 29.80232429504395 11.49940204620361 29.80171203613281 Z"
stroke=
"none"
fill=
"#7bf8f4"
/>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#74C5FF"
/>
</g>
</g>
<path
id=
"多边形_33"
data-name=
"多边形 33"
d=
"M4.471,0,8.941,5.961H0Z"
transform=
"translate(16.094 29.803) rotate(180)"
fill=
"#7bf8f4"
/>
<defs>
<filter
id=
"filter0_f_194_260"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_260"
/>
</filter>
</defs>
</svg>
</svg>
gassafetyprogress-web/src/assets/mapinages/tiaoyaxiang1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
d=
"M10.9547 4.07031C9.44279 4.07031 7.99285 4.6709 6.92379 5.73995C5.85474 6.80901 5.25415 8.25896 5.25415 9.77083C5.25415 11.2827 5.85474 12.7326 6.92379 13.8017C7.99285 14.8708 9.44279 15.4713 10.9547 15.4713C12.4665 15.4713 13.9165 14.8708 14.9855 13.8017C16.0546 12.7326 16.6552 11.2827 16.6552 9.77083C16.6552 8.25896 16.0546 6.80901 14.9855 5.73995C13.9165 4.6709 12.4665 4.07031 10.9547 4.07031V4.07031ZM14.375 11.766H13.8049V12.6211H12.9498V13.1911H11.8097V12.6211H10.3846V13.1911H9.24451V12.6211H8.38943V11.766H7.81938V7.77565H8.38943V6.92057H9.24451V6.63554H10.0996V6.92057H10.6696V6.63554H11.5247V6.92057H12.0948V6.63554H12.9498V6.92057H13.8049V7.77565H14.375V11.766ZM8.67446 11.766H13.5199V7.49062H8.67446V11.766ZM12.9498 7.77565H13.2349V11.481H12.9498V7.77565ZM12.3798 7.77565H12.6648V11.481H12.3798V7.77565ZM11.8097 7.77565H12.0948V11.481H11.8097V7.77565ZM11.2397 7.77565H11.5247V11.481H11.2397V7.77565ZM10.6696 7.77565H10.9547V11.481H10.6696V7.77565ZM10.0996 7.77565H10.3846V11.481H10.0996V7.77565ZM9.52954 7.77565H9.81456V11.481H9.52954V7.77565ZM8.95948 7.77565H9.24451V11.481H8.95948V7.77565Z"
fill=
"#74C5FF"
/>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#74C5FF"
/>
<g
filter=
"url(#filter0_f_194_260)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#74C5FF"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_260"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_260"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/assets/mapinages/user.svg
View file @
01e24f78
<svg
id=
"组_2446"
data-name=
"组 2446"
xmlns=
"http://www.w3.org/2000/svg"
width=
"18"
height=
"25"
viewBox=
"0 0 23 33.9"
>
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
id=
"路径_170"
data-name=
"路径 170"
d=
"M-1583.57,295.955a3.719,3.719,0,0,0-3.714,3.713,3.719,3.719,0,0,0,3.714,3.713,3.719,3.719,0,0,0,3.713-3.713,3.719,3.719,0,0,0-3.713-3.713Zm2.287,4.15a.608.608,0,0,1-.437.184h-1.862a.618.618,0,0,1-.621-.621V297.2a.618.618,0,0,1,.621-.621.608.608,0,0,1,.437.184.608.608,0,0,1,.184.437v1.862h1.242a.618.618,0,0,1,.621.621.6.6,0,0,1-.184.425Zm-8.966-5.047a4.143,4.143,0,0,0,4.161,0,4.166,4.166,0,0,0,2.081-3.61,4.161,4.161,0,0,0-4.162-4.161,4.16,4.16,0,0,0-4.161,4.161A4.179,4.179,0,0,0-1590.249,295.058Zm1.724,4.61a4.872,4.872,0,0,1,.391-1.931,5.639,5.639,0,0,1,.54-.966,4.67,4.67,0,0,1-.575.035,5.145,5.145,0,0,1-2.081-.425,5.006,5.006,0,0,1-.943-.517,1.2,1.2,0,0,0-1.345-.011,7.8,7.8,0,0,0-3.414,6.265v.069a.6.6,0,0,0,.6.575h7.92a5.215,5.215,0,0,1-.7-1.161,5.035,5.035,0,0,1-.391-1.931Z"
transform=
"translate(1599.528 -284.903)"
fill=
"#7bf8f4"
opacity=
"0.996"
/>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M16.6552 9.77473C16.6552 12.923 14.103 15.4752 10.9547 15.4752C7.80636 15.4752 5.25415 12.923 5.25415 9.77473C5.25415 6.62643 7.80636 4.07422 10.9547 4.07422C14.103 4.07422 16.6552 6.62643 16.6552 9.77473ZM12.9472 8.3569C12.9472 9.44817 12.0625 10.3331 10.971 10.3331C9.87956 10.3331 8.99488 9.44838 8.99488 8.3569C8.99488 7.26563 9.87956 6.38074 10.971 6.38074C12.0625 6.38074 12.9472 7.26542 12.9472 8.3569ZM10.9711 10.9893C11.5708 10.9893 12.1416 10.7873 12.6021 10.4238V10.424C13.7973 10.8771 14.3461 12.4304 14.3461 13.1384H7.56167C7.56167 12.424 8.10625 10.8598 9.32553 10.4122C9.78815 10.7827 10.3644 10.9893 10.9711 10.9893Z"
fill=
"#00FFFF"
/>
<g
id=
"路径_190"
data-name=
"路径 190"
fill=
"none"
>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#00FFFF"
/>
<path
d=
"M11.5,0A11.5,11.5,0,0,1,23,11.5c0,6.351-11.6,18.226-11.5,18.3S0,17.851,0,11.5A11.5,11.5,0,0,1,11.5,0Z"
stroke=
"none"
/>
<g
filter=
"url(#filter0_f_194_252)"
>
<path
d=
"M 11.5 1.000003814697266 C 5.71027946472168 1.000003814697266 1 5.710294723510742 1 11.50003433227539 C 1 15.44052124023438 6.295677185058594 22.62869262695312 11.47670078277588 28.30246353149414 C 12.68496322631836 26.95182609558105 15.33070659637451 23.97891044616699 17.65538024902344 20.72865295410156 C 19.63738059997559 17.95753479003906 22 14.10700416564941 22 11.50003433227539 C 22 5.710294723510742 17.28972053527832 1.000003814697266 11.5 1.000003814697266 M 11.5 3.814697265625e-06 C 17.85128021240234 3.814697265625e-06 23 5.148744583129883 23 11.50003433227539 C 23 17.82767677307129 11.48916530609131 29.63790130615234 11.49940204620361 29.80170249938965 C 11.36462783813477 29.63816833496094 0 17.78736114501953 0 11.50003433227539 C 0 5.148744583129883 5.14872932434082 3.814697265625e-06 11.5 3.814697265625e-06 Z M 11.49940204620361 29.80170249938965 C 11.50076866149902 29.80335998535156 11.50098419189453 29.80382347106934 11.5 29.80304336547852 C 11.49963855743408 29.80275726318359 11.49944019317627 29.80231475830078 11.49940204620361 29.80170249938965 Z"
stroke=
"none"
fill=
"#7bf8f4"
/>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#00FFFF"
/>
</g>
</g>
<path
id=
"多边形_37"
data-name=
"多边形 37"
d=
"M4.471,0,8.941,5.961H0Z"
transform=
"translate(16.094 29.803) rotate(180)"
fill=
"#7bf8f4"
/>
<defs>
<filter
id=
"filter0_f_194_252"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_252"
/>
</filter>
</defs>
</svg>
</svg>
gassafetyprogress-web/src/assets/mapinages/user1.svg
0 → 100644
View file @
01e24f78
<svg
width=
"22"
height=
"25"
viewBox=
"0 0 22 25"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M16.6552 9.77473C16.6552 12.923 14.103 15.4752 10.9547 15.4752C7.80636 15.4752 5.25415 12.923 5.25415 9.77473C5.25415 6.62643 7.80636 4.07422 10.9547 4.07422C14.103 4.07422 16.6552 6.62643 16.6552 9.77473ZM12.9472 8.3569C12.9472 9.44817 12.0625 10.3331 10.971 10.3331C9.87956 10.3331 8.99488 9.44838 8.99488 8.3569C8.99488 7.26563 9.87956 6.38074 10.971 6.38074C12.0625 6.38074 12.9472 7.26542 12.9472 8.3569ZM10.9711 10.9893C11.5708 10.9893 12.1416 10.7873 12.6021 10.4238V10.424C13.7973 10.8771 14.3461 12.4304 14.3461 13.1384H7.56167C7.56167 12.424 8.10625 10.8598 9.32553 10.4122C9.78815 10.7827 10.3644 10.9893 10.9711 10.9893Z"
fill=
"#00FFFF"
/>
<path
d=
"M5.7556 4.49115C2.88589 7.36086 2.87565 12.0077 5.73811 14.8702C6.03244 15.1645 6.45323 15.7447 6.94211 16.4931C7.42337 17.2298 7.94668 18.0917 8.44496 18.922C8.55553 19.1063 8.66499 19.2892 8.77248 19.4688C9.14688 20.0944 9.49738 20.6801 9.78744 21.1433C9.97373 21.4407 10.1413 21.6977 10.2784 21.8867C10.3462 21.9801 10.4142 22.0676 10.4788 22.1379C10.5108 22.1728 10.5501 22.2123 10.5949 22.2483C10.6309 22.2772 10.7126 22.3389 10.8281 22.3689C11.0039 22.4146 11.1483 22.3604 11.2172 22.3271C11.2918 22.2911 11.3505 22.2447 11.3901 22.21C11.4707 22.1392 11.548 22.0487 11.6172 21.9601C11.7593 21.7779 11.9291 21.5227 12.114 21.2281C12.454 20.6862 12.8754 19.9616 13.3199 19.1974C13.3616 19.1256 13.4036 19.0535 13.4457 18.9811C13.939 18.1333 14.4562 17.2492 14.9321 16.495C15.4164 15.7273 15.8303 15.1395 16.1171 14.8527C18.9868 11.983 18.9971 7.33612 16.1346 4.47366C13.2722 1.6112 8.62531 1.62144 5.7556 4.49115Z"
stroke=
"#00FFFF"
/>
<g
filter=
"url(#filter0_f_194_252)"
>
<path
d=
"M10.9626 22.709L12.997 19.1853H8.92825L10.9626 22.709Z"
fill=
"#00FFFF"
/>
</g>
<defs>
<filter
id=
"filter0_f_194_252"
x=
"6.92822"
y=
"17.1855"
width=
"8.06885"
height=
"7.52344"
filterUnits=
"userSpaceOnUse"
color-interpolation-filters=
"sRGB"
>
<feFlood
flood-opacity=
"0"
result=
"BackgroundImageFix"
/>
<feBlend
mode=
"normal"
in=
"SourceGraphic"
in2=
"BackgroundImageFix"
result=
"shape"
/>
<feGaussianBlur
stdDeviation=
"1"
result=
"effect1_foregroundBlur_194_252"
/>
</filter>
</defs>
</svg>
gassafetyprogress-web/src/components/bigWindow/DeviceA.vue
View file @
01e24f78
<!--
<!--
* @Author: your name
* @Author: your name
* @Date: 2022-01-26 20:07:52
* @Date: 2022-01-26 20:07:52
* @LastEditTime: 2022-02-
17 10:13:02
* @LastEditTime: 2022-02-
25 18:34:00
* @LastEditors: Please set LastEditors
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
...
@@ -62,22 +62,22 @@
...
@@ -62,22 +62,22 @@
</div>
</div>
<div
class=
"tbody flex"
>
<div
class=
"tbody flex"
>
<div
class=
"first zzz"
>
{{
"流量计与压力表"
}}
</div>
<div
class=
"first zzz"
>
{{
"流量计与压力表"
}}
</div>
<div
class=
""
>
{{
deviceData
.
pressureFlow
.
length
}}
</div>
<div
class=
""
>
{{
deviceData
.
pressureFlow
s
.
length
}}
</div>
<div
class=
""
>
<div
class=
""
>
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
.
length
)
>>
1
}}
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
s
.
length
)
>>
1
}}
</div>
</div>
<div
class=
""
>
<div
class=
""
>
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
.
length
)
>>
1
}}
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
s
.
length
)
>>
1
}}
</div>
</div>
<div
class=
""
>
<div
class=
""
>
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
.
length
)
>>
1
}}
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
s
.
length
)
>>
1
}}
</div>
</div>
<div
class=
""
>
<div
class=
""
>
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
.
length
)
>>
1
}}
{{
(
Math
.
random
()
*
deviceData
.
pressureFlow
s
.
length
)
>>
1
}}
</div>
</div>
<div
class=
"last zzz"
>
<div
class=
"last zzz"
>
{{
{{
deviceData
.
pressureFlow
.
filter
((
item
)
=>
{
deviceData
.
pressureFlow
s
.
filter
((
item
)
=>
{
return
item
.
deviceState
==
2
;
return
item
.
deviceState
==
2
;
}
).
length
}
).
length
}}
}}
...
@@ -102,12 +102,29 @@ export default {
...
@@ -102,12 +102,29 @@ export default {
"公司位于长江三角洲经济快速增长、风景秀丽的太湖之畔——无锡。 公司自1984年成立至今,已经过了3次跨越式的发展。2004年至今公司投入5000多万元资金建设新的生产基地,目前已竣工并投入生产,占地面积达40000m2,厂房面积近15000m2。公司2004年的年产值达4350多万元,并且每年以平均30%的速度快速增长。"
,
"公司位于长江三角洲经济快速增长、风景秀丽的太湖之畔——无锡。 公司自1984年成立至今,已经过了3次跨越式的发展。2004年至今公司投入5000多万元资金建设新的生产基地,目前已竣工并投入生产,占地面积达40000m2,厂房面积近15000m2。公司2004年的年产值达4350多万元,并且每年以平均30%的速度快速增长。"
,
}
;
}
;
}
,
}
,
computed
:
{
prodTest
()
{
return
this
.
vueRoot
.
$store
.
state
.
user
.
systemSetting
.
prod_test
;
}
,
company
()
{
return
this
.
vueRoot
.
$store
.
state
.
bigWindowCompany
.
company
;
}
,
}
,
mounted
()
{
// 如果不是测试,而是真数据,就要用帧数据的东西
if
(
this
.
prodTest
!=
"test"
)
{
this
.
companyType
=
{
}
;
this
.
company
.
forEach
((
item
)
=>
{
this
.
companyType
[
item
.
conpanyId
]
=
item
.
companyName
;
}
);
}
}
,
methods
:
{
methods
:
{
close
()
{
close
()
{
this
.
mapClass
.
infowindowClose
();
this
.
mapClass
.
infowindowClose
();
}
,
}
,
btnClick
()
{
btnClick
()
{
this
.
vueRoot
.
centerDataFunc
(
this
.
deviceData
.
pressureFlow
);
this
.
vueRoot
.
centerDataFunc
(
this
.
deviceData
.
pressureFlow
s
);
}
,
}
,
}
,
}
,
}
;
}
;
...
...
gassafetyprogress-web/src/components/bigWindow/Line.vue
View file @
01e24f78
<!--
<!--
* @Author: your name
* @Author: your name
* @Date: 2022-01-27 14:25:45
* @Date: 2022-01-27 14:25:45
* @LastEditTime: 2022-02-
17 10:11:42
* @LastEditTime: 2022-02-
25 17:53:43
* @LastEditors: Please set LastEditors
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /hello-world/src/views/components/User.vue
* @FilePath: /hello-world/src/views/components/User.vue
...
@@ -26,8 +26,8 @@
...
@@ -26,8 +26,8 @@
<div
class=
"group flex"
>
<div
class=
"group flex"
>
<div
class=
"left first"
>
管道压力:
</div>
<div
class=
"left first"
>
管道压力:
</div>
<div
:title=
"deviceData.
address
"
class=
"right zzz"
>
<div
:title=
"deviceData.
pipePressure
"
class=
"right zzz"
>
{{
pipePressure
[
deviceData
.
pipePressure
]
}}
{{
pipePressure
[
deviceData
.
pipePressure
+
1
]
}}
</div>
</div>
<div
class=
"left"
>
所属公司:
</div>
<div
class=
"left"
>
所属公司:
</div>
<div
class=
"right last"
>
{{
companyType
[
deviceData
.
companyType
]
}}
</div>
<div
class=
"right last"
>
{{
companyType
[
deviceData
.
companyType
]
}}
</div>
...
@@ -44,7 +44,9 @@
...
@@ -44,7 +44,9 @@
<div
class=
"left first"
>
管道走向:
</div>
<div
class=
"left first"
>
管道走向:
</div>
<div
class=
"right"
>
{{
deviceData
.
pipeTrend
}}
</div>
<div
class=
"right"
>
{{
deviceData
.
pipeTrend
}}
</div>
<div
class=
"left"
>
权属单位:
</div>
<div
class=
"left"
>
权属单位:
</div>
<div
:title=
"deviceData.powerCompany"
class=
"right last zzz"
>
{{
deviceData
.
powerCompany
}}
</div>
<div
:title=
"deviceData.powerCompany"
class=
"right last zzz"
>
{{
deviceData
.
powerCompany
}}
</div>
</div>
</div>
<div
class=
"group flex"
>
<div
class=
"group flex"
>
<div
class=
"first left"
>
建设年代:
</div>
<div
class=
"first left"
>
建设年代:
</div>
...
@@ -53,10 +55,13 @@
...
@@ -53,10 +55,13 @@
<div
class=
"last right"
>
{{
deviceData
.
buildCompany
}}
</div>
<div
class=
"last right"
>
{{
deviceData
.
buildCompany
}}
</div>
</div>
</div>
<div
class=
"group flex"
>
<div
class=
"group flex"
>
<div
class=
"first once left"
>
管道位置:
</div>
<div
class=
"first once left"
>
管道位置:
</div>
<div
:title=
"deviceData.pipeAddr"
class=
" last pipeAddr right zzz"
>
<div
v-unValue
:title=
"deviceData.pipeAddr"
class=
"last pipeAddr right zzz"
>
{{
deviceData
.
pipeAddr
}}
{{
deviceData
.
pipeAddr
}}
</div>
</div>
</div>
</div>
...
@@ -65,7 +70,6 @@
...
@@ -65,7 +70,6 @@
<
script
>
<
script
>
import
{
companyType
,
pipePressure
}
from
"@/utils/mapClass/config.js"
;
import
{
companyType
,
pipePressure
}
from
"@/utils/mapClass/config.js"
;
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
...
@@ -73,6 +77,24 @@ export default {
...
@@ -73,6 +77,24 @@ export default {
pipePressure
,
pipePressure
,
};
};
},
},
computed
:{
prodTest
(){
return
this
.
vueRoot
.
$store
.
state
.
user
.
systemSetting
.
prod_test
},
company
(){
return
this
.
vueRoot
.
$store
.
state
.
bigWindowCompany
.
company
;
}
},
mounted
(){
// 如果不是测试,而是真数据,就要用帧数据的东西
if
(
this
.
prodTest
!=
"test"
){
this
.
companyType
=
{};
this
.
company
.
forEach
(
item
=>
{
this
.
companyType
[
item
.
conpanyId
]
=
item
.
companyName
;
})
}
},
methods
:
{
methods
:
{
close
()
{
close
()
{
this
.
mapClass
.
infowindowClose
();
this
.
mapClass
.
infowindowClose
();
...
@@ -125,12 +147,12 @@ export default {
...
@@ -125,12 +147,12 @@ export default {
.last
{
.last
{
border
:
none
;
border
:
none
;
}
}
.once
{
.once
{
flex
:
1
;
flex
:
1
;
}
}
.pipeAddr
{
.pipeAddr
{
flex
:
3
;
flex
:
3
;
padding
:
0
3em
0
1em
;
padding
:
0
3em
0
1em
;
}
}
}
}
.flex
{
.flex
{
...
...
gassafetyprogress-web/src/components/bigWindow/PipeColor.vue
View file @
01e24f78
...
@@ -59,16 +59,8 @@
...
@@ -59,16 +59,8 @@
</div>
</div>
<div
class=
"mapChange"
>
<div
class=
"mapChange"
>
<div
class=
"qiehuan"
>
<div
:class=
"
{ active: mapStyle }" @click="mapChange(2)">全景地图
</div>
<div
:class=
"
{ active: !mapStyle }" @click="mapChange(1)">
<div
:class=
"
{ active: !mapStyle }" @click="mapChange(1)">卫星地图
</div>
<img
src=
"../../assets/image/weixing.png"
alt=
""
v-show=
"!downIcon"
>
<div
class=
"mapqh2"
v-show=
"!downIcon"
>
卫星
</div>
</div>
<div
:class=
"
{ active: mapStyle }" @click="mapChange(2)">
<img
src=
"../../assets/image/quanxi.png"
alt=
""
v-show=
"downIcon"
>
<div
class=
"mapqh3"
v-show=
"downIcon"
>
全景
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -86,7 +78,6 @@ export default {
...
@@ -86,7 +78,6 @@ export default {
methods
:
{
methods
:
{
// 更改卫星图
// 更改卫星图
mapChange
(
num
)
{
mapChange
(
num
)
{
this
.
downIcon
=
!
this
.
downIcon
if
(
num
==
1
)
{
if
(
num
==
1
)
{
this
.
mapStyle
=
false
;
this
.
mapStyle
=
false
;
}
else
{
}
else
{
...
@@ -126,107 +117,27 @@ export default {
...
@@ -126,107 +117,27 @@ export default {
width
:
14px
;
width
:
14px
;
}
}
.mapChange
{
.mapChange
{
left
:
46
0px
;
left
:
1
0px
;
top
:
76
px
;
top
:
45
px
;
color
:
#fff
;
color
:
#fff
;
padding
:
5px
;
padding
:
5px
;
position
:
absolute
;
position
:
absolute
;
display
:
flex
;
display
:
flex
;
z-index
:
9999
;
div
{
div
{
border
:
1px
solid
#339CC9
;
padding
:
3px
6px
;
margin-left
:
8px
;
color
:
#339CC9
;
cursor
:
pointer
;
cursor
:
pointer
;
&
.active
font-size
:
14px
;
&
.active
,
&
:hover
{
{
.mapqh2
{
background-color
:
#053B6A
;
color
:
#fff
;
color
:
#2CD5DB
;
background
:
#09f
;
}
.mapqh3
{
color
:
#fff
;
background
:
#09f
;
}
}
}
}
}
}
}
.qiehuan
{
height
:
40px
;
display
:
block
;
float
:
right
;
&
:hover
{
.divfirst
{
display
:
none
;
}
.mapqh1
{
display
:
none
;
}
.qiehuanlog
{
padding
:
3px
3px
3px
3px
;
img
{
height
:
34px
;
}
background-color
:
#bac7d0
;
}
}
}
.qiehuan
img
{
width
:
56px
;
height
:
38px
;
}
.divsecond
{
margin-left
:
8px
;
}
.qiehuanlog
{
display
:
flex
;
float
:
right
;
height
:
100%
;
margin-left
:
8px
;
}
.mapqh1
{
position
:
fixed
;
margin-top
:
-23px
;
font-size
:
14px
;
color
:
#838280
;
background-color
:
#fff
;
}
.mapqh2
{
position
:
fixed
;
margin-top
:
-21px
;
font-size
:
12px
;
color
:
#838280
;
background-color
:
#fff
;
}
.mapqh3
{
position
:
fixed
;
margin-top
:
-21px
;
font-size
:
12px
;
color
:
#838280
;
background-color
:
#fff
;
}
@keyframes
show
{
0
%
{
transform
:
translateX
(
-10%
);
opacity
:
0
;
}
100
%
{
transform
:
translateX
(
0
);
}
}
@keyframes
hide
{
0
%
{
transform
:
translateX
(
0
)
}
100
%
{
transform
:
translateX
(
-100%
)
}
}
.show-enter-active
{
animation
:
show
0
.6s
;
}
.show-leave-active
{
animation
:
hide
0
.6s
;
}
.show-enter
,
.show-leave-to
{
opacity
:
0
;
}
</
style
>
</
style
>
gassafetyprogress-web/src/components/bigWindow/User.vue
View file @
01e24f78
...
@@ -15,7 +15,9 @@
...
@@ -15,7 +15,9 @@
<div
class=
"group flex first"
>
<div
class=
"group flex first"
>
<div
class=
"left"
>
用户姓名:
</div>
<div
class=
"left"
>
用户姓名:
</div>
<div
:title=
"deviceData.usrName"
class=
"right zzz"
>
{{
deviceData
.
usrName
}}
</div>
<div
:title=
"deviceData.usrName"
class=
"right zzz"
>
{{
deviceData
.
usrName
}}
</div>
</div>
</div>
<div
class=
"group flex"
>
<div
class=
"group flex"
>
...
@@ -39,6 +41,7 @@
...
@@ -39,6 +41,7 @@
<
script
>
<
script
>
import
{
companyType
}
from
"@/utils/mapClass/config.js"
;
import
{
companyType
}
from
"@/utils/mapClass/config.js"
;
import
{
mapGetters
}
from
"vuex"
;
export
default
{
export
default
{
data
()
{
data
()
{
...
@@ -46,6 +49,23 @@ export default {
...
@@ -46,6 +49,23 @@ export default {
companyType
,
companyType
,
};
};
},
},
computed
:
{
prodTest
()
{
return
this
.
vueRoot
.
$store
.
state
.
user
.
systemSetting
.
prod_test
;
},
company
()
{
return
this
.
vueRoot
.
$store
.
state
.
bigWindowCompany
.
company
;
},
},
mounted
()
{
// 如果不是测试,而是真数据,就要用帧数据的东西
if
(
this
.
prodTest
!=
"test"
)
{
this
.
companyType
=
{};
this
.
company
.
forEach
((
item
)
=>
{
this
.
companyType
[
item
.
conpanyId
]
=
item
.
companyName
;
});
}
},
methods
:
{
methods
:
{
close
()
{
close
()
{
this
.
mapClass
.
infowindowClose
();
this
.
mapClass
.
infowindowClose
();
...
@@ -73,18 +93,17 @@ export default {
...
@@ -73,18 +93,17 @@ export default {
}
}
.group
{
.group
{
border
:
1px
solid
#cccccc
;
border
:
1px
solid
#cccccc
;
border-top
:none
;
border-top
:
none
;
height
:
28px
;
height
:
28px
;
font-size
:
14px
;
font-size
:
14px
;
line-height
:
28px
;
line-height
:
28px
;
color
:
#ffffff
;
color
:
#ffffff
;
&
.first
{
&
.first
{
border-top
:
1px
solid
#cccccc
;
border-top
:
1px
solid
#cccccc
;
margin-top
:
10px
;
margin-top
:
10px
;
}
}
div
{
div
{
flex
:
1
;
flex
:
1
;
}
}
.left
{
.left
{
border-right
:
1px
solid
#cccccc
;
border-right
:
1px
solid
#cccccc
;
...
@@ -94,7 +113,7 @@ export default {
...
@@ -94,7 +113,7 @@ export default {
.right
{
.right
{
box-sizing
:
border-box
;
box-sizing
:
border-box
;
text-align
:
left
;
text-align
:
left
;
padding
:
0
1em
;
padding
:
0
1em
;
}
}
}
}
.flex
{
.flex
{
...
...
gassafetyprogress-web/src/components/bigWindow/leftBar.vue
View file @
01e24f78
<
template
>
<
template
>
<div>
<div>
<div
class=
"left-top"
style=
"margin-top: 70px;width: 430px;margin-left: 10px;display: flex;justify-content: space-around;"
>
<div>
<div
style=
"width: 40%;text-align: center;color: #00ffff;"
>
<div
class=
"item1"
>
<p>
从业人员数
</p>
<span
class=
"dot"
>
<span
style=
"font-family: 'arialbd';font-size: 30px;background-image:-webkit-linear-gradient(bottom,#f0c41b,#e4dbb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent; "
>
{{
datanow
.
congyeNum
}}
</span>
<span
class=
"dot-inner"
></span>
</span>
<span
style=
"letter-spacing :3px;color:#cddbe4"
>
基本信息
</span>
<div
class=
"fong-div"
style=
"width: 8px;height: 12px;background-color: #2c888899;float: right;margin-top: 10px;transform: skewX(-25deg)"
></div>
<div
class=
"fong-div"
style=
"width: 8px;height: 12px;background-color: #24b1b1b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"
></div>
<div
class=
"fong-div"
style=
"width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"
></div>
</div>
</div>
<div
class=
"left-top"
style=
"margin-top: 40px;width: 430px;margin-left: 10px;display: flex;justify-content: space-around;"
>
<div
style=
"width: 40%;text-align: center;color: #339CC9;"
>
<div
class=
"div-p"
>
从业人员数
</div>
<span
style=
"font-family: 'arialbd';font-size: 35px;background-image:-webkit-linear-gradient(bottom,#f0c41b,#e4dbb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent; "
>
{{
datanow
.
congyeNum
}}
</span>
</div>
</div>
<div
style=
"width: 40%;text-align: center;color: #
00ffff
;"
>
<div
style=
"width: 40%;text-align: center;color: #
339CC9
;"
>
<
p>
管道长度(m)
</p
>
<
div
class=
"div-p"
>
管道长度(m)
</div
>
<span
style=
"font-family: 'arialbd';font-size: 3
0
px;background-image:-webkit-linear-gradient(bottom,#f86742,#f0c41b);-webkit-background-clip:text;-webkit-text-fill-color:transparent; "
>
{{
datanow
.
guandaoNum
}}
</span>
<span
style=
"font-family: 'arialbd';font-size: 3
5
px;background-image:-webkit-linear-gradient(bottom,#f86742,#f0c41b);-webkit-background-clip:text;-webkit-text-fill-color:transparent; "
>
{{
datanow
.
guandaoNum
}}
</span>
</div>
</div>
</div>
</div>
<div>
<div>
<div
class=
"item1"
style=
"margin-top:
4
0px;"
>
<div
class=
"item1"
style=
"margin-top:
3
0px;"
>
<span
class=
"dot"
>
<span
class=
"dot"
>
<span
class=
"dot-inner"
></span>
<span
class=
"dot-inner"
></span>
</span>
</span>
...
@@ -35,12 +46,28 @@
...
@@ -35,12 +46,28 @@
<div
class=
"fong-div"
style=
"width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"
></div>
<div
class=
"fong-div"
style=
"width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"
></div>
</div>
</div>
</div>
</div>
<div
id=
"myCharttwo"
:style=
"
{width: '450px', height: '270px'}">
</div>
<
!--
<
div
id=
"myCharttwo"
:style=
"
{width: '450px', height: '270px'}">
</div>
<div
class=
"titleTex"
style=
"height: 20px;margin-top: 0px;font-size: 15px;"
>
<div
class=
"titleTex"
style=
"height: 20px;margin-top: 0px;font-size: 15px;"
>
● 已完成数量:
{{
datanow
.
renwu
[
1
]
}}
● 已完成数量:
{{
datanow
.
renwu
[
1
]
}}
</div>
</div>
<div
class=
"titleTex"
style=
"height: 20px;margin-top: 0px;font-size: 15px;color: #0099ff"
>
<div
class=
"titleTex"
style=
"height: 20px;margin-top: 0px;font-size: 15px;color: #0099ff"
>
● 未成数量:
{{
datanow
.
renwu
[
0
]
}}
● 未成数量:
{{
datanow
.
renwu
[
0
]
}}
</div>
-->
<div
class=
"div-el"
>
<div
class=
"el-left"
>
入户安检
</div>
<el-progress
class=
"el-progress_text"
:text-inside=
"true"
:stroke-width=
"18"
:percentage=
"63"
></el-progress>
</div>
<div
class=
"div-el"
>
<div
class=
"el-left"
>
巡查
</div>
<el-progress
class=
"el-progress_text"
:text-inside=
"true"
:stroke-width=
"18"
:percentage=
"50"
status=
"success"
></el-progress>
</div>
<div
class=
"div-el"
>
<div
class=
"el-left"
>
报警巡查
</div>
<el-progress
class=
"el-progress_text"
:text-inside=
"true"
:stroke-width=
"18"
:percentage=
"80"
status=
"warning"
></el-progress>
</div>
<div
class=
"div-el"
>
<div
class=
"el-left"
>
其他
</div>
<el-progress
class=
"el-progress_text"
:text-inside=
"true"
:stroke-width=
"18"
:percentage=
"50"
status=
"exception"
></el-progress>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -319,11 +346,10 @@
...
@@ -319,11 +346,10 @@
line-height
:
30px
;
line-height
:
30px
;
color
:
#ffffff
;
color
:
#ffffff
;
padding-left
:
10px
;
padding-left
:
10px
;
margin-top
:
10px
;
font-weight
:
700
;
font-weight
:
700
;
font-style
:
italic
;
font-style
:
italic
;
margin-left
:
10px
;
margin-left
:
10px
;
background-image
:
linear-gradient
(
to
left
,
#1
22033
,
rgb
(
49
151
195
/
70%
)
50%
,
#111a22
);
background-image
:
linear-gradient
(
to
left
,
#1
12238
,
rgb
(
49
151
195
/
70%
)
50%
,
#112238
);
}
}
.dot
{
.dot
{
display
:
inline-block
;
display
:
inline-block
;
...
@@ -374,4 +400,67 @@
...
@@ -374,4 +400,67 @@
transform
:
scale
(
2
.4
)
transform
:
scale
(
2
.4
)
}
}
}
}
.div-p
{
width
:
60%
;
height
:
35px
;
line-height
:
35px
;
margin-left
:
20%
;
margin-bottom
:
20px
;
background
:
url('../../assets/mapImages/div-p.png')
;
background-repeat
:
no-repeat
;
background-size
:
100%
100%
;
}
.div-el
{
margin-top
:
30px
;
width
:
100%
;
height
:
18px
;
}
.el-left
{
color
:
#96a4ad
;
width
:
20%
;
height
:
100%
;
float
:
left
;
font-size
:
14px
;
text-align
:
right
;
}
::v-deep
.el-progress
{
width
:
65%
;
float
:
left
;
margin-left
:
25px
;
}
::v-deep
.el-progress-bar__outer
{
height
:
6px
;
border-radius
:
0px
;
background-color
:
#1e506e
80
;
background
:
linear-gradient
(
to
left
,
#123456
,
#112238
);
}
::v-deep
.el-progress-bar__inner
{
position
:
absolute
;
left
:
0
;
top
:
0
;
height
:
100%
;
/* background-color: #198EF0; */
background
:
linear-gradient
(
to
left
,
#198EF0
,
#112238
);
text-align
:
right
;
border-radius
:
0px
5px
5px
0px
;
line-height
:
1
;
white-space
:
nowrap
;
-webkit-transition
:
width
0
.6s
ease
;
transition
:
width
0
.6s
ease
;
}
::v-deep
.el-progress.is-success
.el-progress-bar__inner
{
/* background-color: #00FFFF; */
background
:
linear-gradient
(
to
left
,
#00FFFF
,
#112238
);
}
::v-deep
.el-progress.is-warning
.el-progress-bar__inner
{
background-color
:
#198EF0
;
background
:
linear-gradient
(
to
left
,
#198EF0
,
#112238
);
}
::v-deep
.el-progress.is-exception
.el-progress-bar__inner
{
/* background-color: #00FFFF; */
background
:
linear-gradient
(
to
left
,
#00FFFF
,
#112238
);
}
::v-deep
.el-progress-bar__innerText
{
color
:
#1e516f
;
}
</
style
>
</
style
>
gassafetyprogress-web/src/components/bigWindow/rightBar.vue
View file @
01e24f78
This diff is collapsed.
Click to expand it.
gassafetyprogress-web/src/directive/permission/index.js
View file @
01e24f78
/*
* @Author: your name
* @Date: 2022-01-07 11:29:13
* @LastEditTime: 2022-02-25 17:17:17
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/directive/permission/index.js
*/
import
hasRole
from
'./hasRole'
import
hasRole
from
'./hasRole'
import
hasPermi
from
'./hasPermi'
import
hasPermi
from
'./hasPermi'
import
unValue
from
'./unValue'
const
install
=
function
(
Vue
)
{
const
install
=
function
(
Vue
)
{
Vue
.
directive
(
'hasRole'
,
hasRole
)
Vue
.
directive
(
'hasRole'
,
hasRole
)
Vue
.
directive
(
'hasPermi'
,
hasPermi
)
Vue
.
directive
(
'hasPermi'
,
hasPermi
)
Vue
.
directive
(
'unValue'
,
unValue
)
}
}
if
(
window
.
Vue
)
{
if
(
window
.
Vue
)
{
...
...
gassafetyprogress-web/src/directive/permission/unValue.js
0 → 100644
View file @
01e24f78
/*
* @Author: your name
* @Date: 2022-02-25 17:07:40
* @LastEditTime: 2022-02-25 17:15:54
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/directive/permission/hasValue.js
*/
/**
* 无内容显示-
* Copyright (c) 2021 gassafety
*/
export
default
{
inserted
(
el
,
binding
,
vnode
)
{
console
.
log
(
"el"
,
el
)
el
.
innerHTML
=
el
.
innerHTML
.
replace
(
/
\s
+/g
,
""
)
?
el
.
innerHTML
:
"-"
;
}
};
gassafetyprogress-web/src/store/getters.js
View file @
01e24f78
/*
* @Author: your name
* @Date: 2022-01-07 11:29:13
* @LastEditTime: 2022-02-25 15:36:12
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/store/getters.js
*/
const
getters
=
{
const
getters
=
{
sidebar
:
state
=>
state
.
app
.
sidebar
,
sidebar
:
state
=>
state
.
app
.
sidebar
,
size
:
state
=>
state
.
app
.
size
,
size
:
state
=>
state
.
app
.
size
,
...
@@ -10,9 +18,11 @@ const getters = {
...
@@ -10,9 +18,11 @@ const getters = {
introduction
:
state
=>
state
.
user
.
introduction
,
introduction
:
state
=>
state
.
user
.
introduction
,
roles
:
state
=>
state
.
user
.
roles
,
roles
:
state
=>
state
.
user
.
roles
,
permissions
:
state
=>
state
.
user
.
permissions
,
permissions
:
state
=>
state
.
user
.
permissions
,
systemSetting
:
state
=>
state
.
user
.
systemSetting
,
permission_routes
:
state
=>
state
.
permission
.
routes
,
permission_routes
:
state
=>
state
.
permission
.
routes
,
topbarRouters
:
state
=>
state
.
permission
.
topbarRouters
,
topbarRouters
:
state
=>
state
.
permission
.
topbarRouters
,
defaultRoutes
:
state
=>
state
.
permission
.
defaultRoutes
,
defaultRoutes
:
state
=>
state
.
permission
.
defaultRoutes
,
sidebarRouters
:
state
=>
state
.
permission
.
sidebarRouters
,
sidebarRouters
:
state
=>
state
.
permission
.
sidebarRouters
,
company
:
state
=>
state
.
bigWindowCompany
.
company
,
}
}
export
default
getters
export
default
getters
gassafetyprogress-web/src/store/index.js
View file @
01e24f78
/*
* @Author: your name
* @Date: 2022-01-07 11:29:13
* @LastEditTime: 2022-02-25 15:36:22
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/store/index.js
*/
import
Vue
from
'vue'
import
Vue
from
'vue'
import
Vuex
from
'vuex'
import
Vuex
from
'vuex'
import
app
from
'./modules/app'
import
app
from
'./modules/app'
import
user
from
'./modules/user'
import
user
from
'./modules/user'
import
bigWindowCompany
from
'./modules/bigWindowCompany'
import
tagsView
from
'./modules/tagsView'
import
tagsView
from
'./modules/tagsView'
import
permission
from
'./modules/permission'
import
permission
from
'./modules/permission'
import
settings
from
'./modules/settings'
import
settings
from
'./modules/settings'
...
@@ -15,7 +25,8 @@ const store = new Vuex.Store({
...
@@ -15,7 +25,8 @@ const store = new Vuex.Store({
user
,
user
,
tagsView
,
tagsView
,
permission
,
permission
,
settings
settings
,
bigWindowCompany
},
},
getters
getters
})
})
...
...
gassafetyprogress-web/src/store/modules/bigWindowCompany.js
0 → 100644
View file @
01e24f78
/*
* @Author: your name
* @Date: 2022-02-25 13:53:11
* @LastEditTime: 2022-02-25 15:01:59
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /newDev/gassafety-progress/gassafetyprogress-web/src/store/modules/bigWindowDevice.js
*/
import
{
getCompany
}
from
"@/api/bigWindow/getDevice"
;
const
state
=
{
// 公司名称
company
:
{},
};
const
mutations
=
{
SET_COMPANY
:
(
state
,
company
)
=>
{
state
.
company
=
company
.
map
((
item
)
=>
({
conpanyId
:
item
.
enterpriseId
,
companyName
:
item
.
enterpriseName
,
}));
console
.
log
(
state
.
company
);
},
};
const
actions
=
{
// 登录
GetCompany
({
commit
})
{
getCompany
().
then
((
res
)
=>
{
commit
(
"SET_COMPANY"
,
res
);
});
},
};
export
default
{
namespaced
:
true
,
state
,
mutations
,
actions
,
};
gassafetyprogress-web/src/store/modules/user.js
View file @
01e24f78
...
@@ -57,9 +57,8 @@ const user = {
...
@@ -57,9 +57,8 @@ const user = {
})
})
})
})
},
},
// 获取用户信息
// 获取用户信息
GetInfo
({
commit
,
state
})
{
GetInfo
({
commit
,
state
,
dispatch
})
{
return
new
Promise
((
resolve
,
reject
)
=>
{
return
new
Promise
((
resolve
,
reject
)
=>
{
getInfo
().
then
(
res
=>
{
getInfo
().
then
(
res
=>
{
const
user
=
res
.
user
const
user
=
res
.
user
...
@@ -77,6 +76,12 @@ const user = {
...
@@ -77,6 +76,12 @@ const user = {
commit
(
'SET_SYSTEMSETTING'
,
res
.
systemSetting
)
commit
(
'SET_SYSTEMSETTING'
,
res
.
systemSetting
)
commit
(
'SET_POSTS'
,
res
.
posts
)
commit
(
'SET_POSTS'
,
res
.
posts
)
commit
(
'SET_ENTERPRISEID'
,
user
.
deptId
)
commit
(
'SET_ENTERPRISEID'
,
user
.
deptId
)
// 大屏公司获取
// 第一个参数是其他模块的 actions 路径,
// 第二个是传给 actions 的数据, 如果不需要传数据, 也必须预留,
// 第三个参数是配置选项, 申明这个 acitons 不是当前模块的
dispatch
(
"bigWindowCompany/GetCompany"
,{},{
root
:
true
})
console
.
log
(
res
.
systemSetting
)
console
.
log
(
res
.
systemSetting
)
resolve
(
res
)
resolve
(
res
)
}).
catch
(
error
=>
{
}).
catch
(
error
=>
{
...
...
gassafetyprogress-web/src/utils/mapClass/config.js
View file @
01e24f78
This diff is collapsed.
Click to expand it.
gassafetyprogress-web/src/utils/mapClass/map.js
View file @
01e24f78
/*
/*
* @Author: your name
* @Author: your name
* @Date: 2022-01-11 13:45:12
* @Date: 2022-01-11 13:45:12
* @LastEditTime: 2022-02-
17 10:12:27
* @LastEditTime: 2022-02-
26 09:55:44
* @LastEditors: Please set LastEditors
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/utils/mapClass.js
* @FilePath: /test/hello-world/src/utils/mapClass.js
...
@@ -31,7 +31,7 @@ export class EditorMap {
...
@@ -31,7 +31,7 @@ export class EditorMap {
mouseToolPolineOptions
=
null
;
mouseToolPolineOptions
=
null
;
// 存放所有的设备的数组集合,这是一个对象,对象里面是各种设备的数组
// 存放所有的设备的数组集合,这是一个对象,对象里面是各种设备的数组
allDevic
=
{};
allDevic
e
=
{};
// 存放所有的管道
// 存放所有的管道
pipeArr
=
{};
pipeArr
=
{};
// 当前的infowindow的组件
// 当前的infowindow的组件
...
@@ -247,8 +247,8 @@ export class EditorMap {
...
@@ -247,8 +247,8 @@ export class EditorMap {
* @return {*}
* @return {*}
*/
*/
addDevice
(
deviceData
,
compontent
)
{
addDevice
(
deviceData
,
compontent
)
{
const
{
longitude
:
lng
,
latitude
:
lat
,
type
,
company
Type
}
=
deviceData
;
const
{
longitude
:
lng
,
latitude
:
lat
,
icon
Type
}
=
deviceData
;
const
icon
=
svgUrl
[
t
ype
];
const
icon
=
svgUrl
[
iconT
ype
];
let
device
=
this
.
createMarker
({
let
device
=
this
.
createMarker
({
map
:
this
.
map
,
map
:
this
.
map
,
anchor
:
"bottom-center"
,
anchor
:
"bottom-center"
,
...
@@ -258,10 +258,10 @@ export class EditorMap {
...
@@ -258,10 +258,10 @@ export class EditorMap {
});
});
// device.hide();
// device.hide();
// 如果没有有这个公司的数组,就创建,有就直接push
// 如果没有有这个公司的数组,就创建,有就直接push
if
(
!
Array
.
isArray
(
this
.
allDevic
[
company
Type
]))
{
if
(
!
Array
.
isArray
(
this
.
allDevic
e
[
icon
Type
]))
{
this
.
allDevic
[
company
Type
]
=
[];
this
.
allDevic
e
[
icon
Type
]
=
[];
}
}
this
.
allDevic
[
company
Type
].
push
(
device
);
this
.
allDevic
e
[
icon
Type
].
push
(
device
);
// 设备的事件函数
// 设备的事件函数
this
.
deviceEvent
(
device
,
compontent
);
this
.
deviceEvent
(
device
,
compontent
);
...
@@ -287,7 +287,9 @@ export class EditorMap {
...
@@ -287,7 +287,9 @@ export class EditorMap {
*/
*/
markerClick
(
target
,
compontent
)
{
markerClick
(
target
,
compontent
)
{
const
deviceExtData
=
target
.
getExtData
();
const
deviceExtData
=
target
.
getExtData
();
const
{
longitude
:
lng
,
latitude
:
lat
}
=
deviceExtData
;
const
{
longitude
:
lng
,
latitude
:
lat
}
=
deviceExtData
;
// 创建一个可以控制的组件,将其dom插入infowindow
// 创建一个可以控制的组件,将其dom插入infowindow
this
.
infowindowComponent
=
this
.
createInfowindowDom
(
this
.
infowindowComponent
=
this
.
createInfowindowDom
(
this
.
vue
,
this
.
vue
,
...
@@ -295,6 +297,7 @@ export class EditorMap {
...
@@ -295,6 +297,7 @@ export class EditorMap {
deviceExtData
,
deviceExtData
,
compontent
compontent
);
);
// 没恩么用,控制台测试的时候用着玩的
// 没恩么用,控制台测试的时候用着玩的
window
.
func
=
()
=>
{
window
.
func
=
()
=>
{
const
{
longitude
:
lng
,
latitude
:
lat
}
=
target
.
getExtData
();
const
{
longitude
:
lng
,
latitude
:
lat
}
=
target
.
getExtData
();
...
@@ -316,6 +319,7 @@ export class EditorMap {
...
@@ -316,6 +319,7 @@ export class EditorMap {
anchor
:
"middle-left"
,
anchor
:
"middle-left"
,
offset
:
[
20
,
-
10
],
offset
:
[
20
,
-
10
],
});
});
this
.
infowindow
.
open
(
this
.
map
);
this
.
infowindow
.
open
(
this
.
map
);
}
}
// 创建要加入到infowindow里的
// 创建要加入到infowindow里的
...
@@ -344,22 +348,25 @@ export class EditorMap {
...
@@ -344,22 +348,25 @@ export class EditorMap {
}
}
// 地图上add管道
// 地图上add管道
addPipeLine
(
objData
,
component
)
{
addPipeLine
(
objData
,
component
)
{
const
{
path
,
pipePressure
,
companyType
}
=
objData
;
const
{
path
,
pipePressure
,
iconType
}
=
objData
;
console
.
log
(
path
);
// 根据压力获取颜色
// 根据压力获取颜色
const
color
=
pipeColor
[
pipePressure
];
const
color
=
pipeColor
[
pipePressure
+
1
];
const
pipe
=
this
.
createPipeLine
({
const
pipe
=
this
.
createPipeLine
({
path
,
path
:
eval
(
path
)
,
strokeWeight
:
4
,
strokeWeight
:
4
,
strokeColor
:
color
,
strokeColor
:
color
,
extData
:
objData
,
extData
:
objData
,
cursor
:
"pointer"
,
cursor
:
"pointer"
,
});
});
this
.
map
.
add
(
pipe
);
this
.
map
.
add
(
pipe
);
console
.
log
(
pipe
.
getExtData
());
// pipe.hide();
// pipe.hide();
if
(
!
Array
.
isArray
(
this
.
pipeArr
[
company
Type
]))
{
if
(
!
Array
.
isArray
(
this
.
pipeArr
[
icon
Type
]))
{
this
.
pipeArr
[
company
Type
]
=
[];
this
.
pipeArr
[
icon
Type
]
=
[];
}
}
this
.
pipeArr
[
company
Type
].
push
(
pipe
);
this
.
pipeArr
[
icon
Type
].
push
(
pipe
);
// console.log(this.pipeArr);
// console.log(this.pipeArr);
// this.map.panTo([path[0][0], path[0][1]]);
// this.map.panTo([path[0][0], path[0][1]]);
this
.
pipeEvent
(
pipe
,
component
);
this
.
pipeEvent
(
pipe
,
component
);
...
@@ -380,7 +387,7 @@ export class EditorMap {
...
@@ -380,7 +387,7 @@ export class EditorMap {
const
target
=
e
.
target
;
const
target
=
e
.
target
;
// 根据管道压力获取颜色
// 根据管道压力获取颜色
const
{
pipePressure
}
=
target
.
getExtData
();
const
{
pipePressure
}
=
target
.
getExtData
();
const
color
=
pipeColor
[
pipePressure
];
const
color
=
pipeColor
[
pipePressure
+
1
];
// 获取当前颜色
// 获取当前颜色
const
options
=
target
.
getOptions
();
const
options
=
target
.
getOptions
();
options
.
strokeColor
=
color
;
options
.
strokeColor
=
color
;
...
@@ -434,33 +441,56 @@ export class EditorMap {
...
@@ -434,33 +441,56 @@ export class EditorMap {
this
.
infowindow
.
open
(
this
.
map
);
this
.
infowindow
.
open
(
this
.
map
);
}
}
infowindowClose
()
{
infowindowClose
()
{
if
(
!
this
.
infowindow
)
return
;
if
(
!
this
.
infowindow
)
return
;
this
.
infowindow
.
close
();
this
.
infowindow
.
close
();
}
}
// 根据公司过滤是否显示 公司由一个数组传过来
// 根据公司过滤是否显示 公司由一个数组传过来
companyFilter
(
companyArr
)
{
companyFilter
(
companyArr
)
{
for
(
let
pipeItem
in
this
.
pipeArr
)
{
for
(
let
pipeItem
in
this
.
pipeArr
)
{
// 如果item属于数组说明要显示,凑则就是隐藏
// 如果item属于数组说明要显示,凑则就是隐藏
if
(
companyArr
.
indexOf
(
+
pipeItem
)
>=
0
)
{
// if (companyArr.indexOf(+pipeItem+'') >= 0) {
this
.
pipeArr
[
pipeItem
].
forEach
((
pipe
)
=>
{
// this.pipeArr[pipeItem].forEach((pipe) => {
// pipe.show();
// });
// } else {
// this.pipeArr[pipeItem].forEach((pipe) => {
// pipe.hide();
// });
// }
this
.
pipeArr
[
pipeItem
].
forEach
((
pipe
)
=>
{
const
data
=
pipe
.
getExtData
();
if
(
companyArr
.
indexOf
(
data
.
companyType
+
""
)
>=
0
)
{
pipe
.
show
();
pipe
.
show
();
});
}
else
{
}
else
{
this
.
pipeArr
[
pipeItem
].
forEach
((
pipe
)
=>
{
pipe
.
hide
();
pipe
.
hide
();
}
);
}
}
}
);
}
}
for
(
let
deviceItem
in
this
.
allDevic
)
{
for
(
let
deviceItem
in
this
.
allDevice
)
{
if
(
companyArr
.
indexOf
(
+
deviceItem
)
>=
0
)
{
// if (companyArr.indexOf(+deviceItem+'') >= 0) {
this
.
allDevic
[
deviceItem
].
forEach
((
device
)
=>
{
// this.allDevice[deviceItem].forEach((device) => {
// device.show();
// });
// } else {
// this.allDevice[deviceItem].forEach((device) => {
// device.hide();
// });
// }
console
.
log
(
this
.
allDevice
);
this
.
allDevice
[
deviceItem
].
forEach
((
device
)
=>
{
const
data
=
device
.
getExtData
();
// 燃气没有公司,所以没有device.companyType不收到公司的控制
if
(
companyArr
.
indexOf
(
data
.
companyType
+
""
)
>=
0
||
!
data
.
companyType
)
{
device
.
show
();
device
.
show
();
});
}
else
{
}
else
{
this
.
allDevic
[
deviceItem
].
forEach
((
device
)
=>
{
device
.
hide
();
device
.
hide
();
}
);
}
}
}
);
}
}
}
}
// 卫星图切换
// 卫星图切换
...
...
gassafetyprogress-web/src/views/bigWindow/index.vue
View file @
01e24f78
<!--
<!--
* @Author: your name
* @Author: your name
* @Date: 2022-01-11 13:44:17
* @Date: 2022-01-11 13:44:17
* @LastEditTime: 2022-02-2
2 15:09:22
* @LastEditTime: 2022-02-2
6 10:08:49
* @LastEditors: Please set LastEditors
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/views/Home.vue
* @FilePath: /test/hello-world/src/views/Home.vue
...
@@ -13,15 +13,11 @@
...
@@ -13,15 +13,11 @@
<Center
:show=
"show"
:centerData=
"centerData"
/>
<Center
:show=
"show"
:centerData=
"centerData"
/>
<PipeColor
/>
<PipeColor
/>
<div
class=
"home-div"
>
<div
class=
"home-div"
>
<img
<img
src=
"@/assets/mapinages/bottombanner.png"
alt=
""
style=
""
/>
src=
"@/assets/mapinages/bottombanner.png"
alt=
""
style=
"width: 100%; height: 100%; z-index: 999"
/>
<div
class=
"listingsSty fangy"
>
<div
class=
"listingsSty fangy"
>
<div
<div
@
click=
"allCompany"
@
click=
"allCompany"
:class=
"selarr.length ==
3
? 'active' : ''"
:class=
"selarr.length ==
companyLength
? 'active' : ''"
class=
"firsty"
class=
"firsty"
>
>
全部
全部
...
@@ -66,21 +62,21 @@
...
@@ -66,21 +62,21 @@
style=
"
style=
"
position: fixed;
position: fixed;
top: 0;
top: 0;
margin-top:
5
px;
margin-top:
10
px;
margin-left: 1
0
px;
margin-left: 1
5
px;
left: 0;
left: 0;
z-index: 999;
z-index: 999;
width:
1
00px;
width:
3
00px;
height: 50px;
height: 50px;
"
"
>
>
<!--
<iframe
src=
"../../static/weather.html"
frameborder=
"0"
></iframe>
-->
<!--
<iframe
src=
"../../static/weather.html"
frameborder=
"0"
></iframe>
-->
<iframe
<iframe
scrolling=
"no"
scrolling=
"no"
src=
"https://
yiketianqi.com/api.php?style=ty&skin=pitaya&color=a8a5a5
"
src=
"https://
tianqiapi.com/api.php?style=tz&skin=pitaya&color=339CC9
"
frameborder=
"0"
frameborder=
"0"
width=
"
2
00"
width=
"
4
00"
height=
"
55
"
height=
"
30
"
allowtransparency=
"true"
allowtransparency=
"true"
></iframe>
></iframe>
<!--
<iframe
scrolling=
"no"
src=
"https://yiketianqi.com/api.php?style=ty&skin=pitaya"
frameborder=
"0"
width=
"300"
height=
"75"
allowtransparency=
"true"
></iframe>
-->
<!--
<iframe
scrolling=
"no"
src=
"https://yiketianqi.com/api.php?style=ty&skin=pitaya"
frameborder=
"0"
width=
"300"
height=
"75"
allowtransparency=
"true"
></iframe>
-->
...
@@ -93,31 +89,25 @@
...
@@ -93,31 +89,25 @@
position: fixed;
position: fixed;
top: 0;
top: 0;
margin-top: 10px;
margin-top: 10px;
margin-right: 5px;
margin-right:
1
5px;
right: 0;
right: 0;
z-index: 999;
z-index: 999;
width:
19
0px;
width:
20
0px;
height: 50px;
height: 50px;
color: #
a8a5a5
;
color: #
339CC9
;
"
"
>
>
<div
style=
"height: 50px; width: 49%; float: right; font-size: 14px"
>
<div
style=
"height: 20px; width: 100%; float: right; font-size: 14px;"
>
<div>
{{
nowweek
}}
</div>
{{
nowDate
}}
{{
nowtime
}}
{{
nowweek
}}
<div>
{{
nowDate
}}
</div>
</div>
<div
style=
"height: 50px; width: 45%; line-height: 47px; font-size: 20px"
>
{{
nowtime
}}
</div>
</div>
</div>
</div>
<div
style=
"height: 50px; width: 45%; line-height: 47px; font-size: 20px"
>
{{
nowtime
}}
</div>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
// @ is an alias to /src
// @ is an alias to /src
import
{
EditorMap
}
from
"@/utils/mapClass/map"
;
import
{
EditorMap
}
from
"@/utils/mapClass/map"
;
import
{
mapGetters
,
mapActions
}
from
"vuex"
;
import
{
import
{
pipeData
,
pipeData
,
tiaoyaxiang
,
tiaoyaxiang
,
...
@@ -126,6 +116,14 @@ import {
...
@@ -126,6 +116,14 @@ import {
jiankong
,
jiankong
,
user
,
user
,
}
from
"@/utils/mapClass/config.js"
;
}
from
"@/utils/mapClass/config.js"
;
import
{
getPipe
,
getTyx
,
getFm
,
getCz
,
getVideo
,
getUser
,
}
from
"@/api/bigWindow/getDevice"
;
import
Line
from
"@/components/bigWindow/Line.vue"
;
import
Line
from
"@/components/bigWindow/Line.vue"
;
import
VideoView
from
"@/components/bigWindow/VideoView.vue"
;
import
VideoView
from
"@/components/bigWindow/VideoView.vue"
;
import
DeviceA
from
"@/components/bigWindow/DeviceA.vue"
;
import
DeviceA
from
"@/components/bigWindow/DeviceA.vue"
;
...
@@ -160,7 +158,7 @@ export default {
...
@@ -160,7 +158,7 @@ export default {
typeList
:
[
typeList
:
[
{
{
val
:
1
,
val
:
1
,
name
:
"中燃
祥
科"
,
name
:
"中燃
翔
科"
,
},
},
{
{
val
:
2
,
val
:
2
,
...
@@ -173,41 +171,80 @@ export default {
...
@@ -173,41 +171,80 @@ export default {
],
],
};
};
},
},
computed
:
{
...
mapGetters
([
"company"
,
"systemSetting"
]),
companyLength
()
{
return
this
.
typeList
.
length
;
},
},
watch
:
{
watch
:
{
selarr
(
newValue
)
{
selarr
(
newValue
)
{
if
(
newValue
.
length
==
3
)
{
if
(
newValue
.
length
==
this
.
companyLength
)
{
this
.
$refs
.
mychild
.
choice
(
0
);
this
.
$refs
.
mychild
.
choice
(
0
);
this
.
$refs
.
mychild2
.
choice
(
0
);
this
.
$refs
.
mychild2
.
choice
(
0
);
}
}
},
},
},
},
mounted
()
{
mounted
()
{
const
path
=
eval
(
this
.
$store
.
state
.
user
.
systemSetting
.
map_center
);
// console.log(99999999999999)
// getPipe().then(res=>{
// console.log("成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功成功",res)
// }).catch(res=>{
// console.log(123)
// })
// return;
const
path
=
eval
(
this
.
systemSetting
.
map_center
);
this
.
map
=
new
EditorMap
(
this
.
map
=
new
EditorMap
(
"map"
,
"map"
,
{
{
center
:
path
,
center
:
path
,
mapStyle
:
"amap://styles/f71d3a3d73e14f5b2bf5508bf1411758"
,
mapStyle
:
"amap://styles/f71d3a3d73e14f5b2bf5508bf1411758"
,
zoom
:
14.5
,
zoom
:
14.5
,
},
},
this
this
);
);
this
.
addPipeLine
();
// 这是测试,用本地数据
this
.
addDevice
(
tiaoyaxiang
,
DeviceA
);
if
(
this
.
systemSetting
.
prod_test
===
"test"
)
{
this
.
addDevice
(
famen
,
DeviceA
);
this
.
addPipeLine
(
pipeData
,
Line
);
this
.
addDevice
(
changzhan
,
DeviceA
);
this
.
addDevice
(
tiaoyaxiang
,
DeviceA
);
this
.
addDevice
(
user
,
User
);
this
.
addDevice
(
famen
,
DeviceA
);
this
.
addDevice
(
jiankong
,
VideoView
);
this
.
addDevice
(
changzhan
,
DeviceA
);
this
.
addDevice
(
user
,
User
);
this
.
addDevice
(
jiankong
,
VideoView
);
}
else
{
// 调用状态管理器方法获取公司信息每次都要调取,因为每次进来都是更新的
this
.
GetCompany
();
this
.
typeList
=
this
.
company
.
map
((
item
)
=>
({
val
:
item
.
conpanyId
,
name
:
item
.
companyName
,
}));
this
.
selarr
=
this
.
company
.
map
((
item
)
=>
item
.
conpanyId
);
// getPipe() getTyx() getFm() getCz() getVideo() getUser()
this
.
goMap
(
getPipe
,
this
.
addPipeLine
,
Line
);
this
.
goMap
(
getTyx
,
this
.
addDevice
,
DeviceA
);
this
.
goMap
(
getFm
,
this
.
addDevice
,
DeviceA
);
this
.
goMap
(
getCz
,
this
.
addDevice
,
DeviceA
);
this
.
goMap
(
getVideo
,
this
.
addDevice
,
VideoView
);
this
.
goMap
(
getUser
,
this
.
addDevice
,
User
);
// getVideo().then((res) => {
// console.log("getVideo", res);
// });
}
this
.
currentTime
();
this
.
currentTime
();
this
.
$refs
.
mychild
.
choice
(
0
);
this
.
$refs
.
mychild
.
choice
(
0
);
this
.
$refs
.
mychild2
.
choice
(
0
);
this
.
$refs
.
mychild2
.
choice
(
0
);
},
},
methods
:
{
methods
:
{
addPipeLine
()
{
...
mapActions
({
for
(
let
comp
in
pipeData
)
{
GetCompany
:
"bigWindowCompany/GetCompany"
,
pipeData
[
comp
].
forEach
((
pipe
)
=>
{
}),
this
.
map
.
addPipeLine
(
pipe
,
Line
);
// 管道上图
addPipeLine
(
data
,
component
)
{
for
(
let
comp
in
data
)
{
data
[
comp
].
forEach
((
pipe
)
=>
{
this
.
map
.
addPipeLine
(
pipe
,
component
);
});
});
}
}
},
},
...
@@ -219,6 +256,20 @@ export default {
...
@@ -219,6 +256,20 @@ export default {
});
});
}
}
},
},
goMap
(
httpFunc
,
addFunc
,
component
)
{
httpFunc
().
then
((
res
)
=>
{
console
.
log
(
"resresres"
,
res
);
// 根据数据格式不同,赋值不同,如果是个数组,就用res,如果不是就用res.data
let
config
=
{};
if
(
Array
.
isArray
(
res
))
{
config
=
{
data
:
res
};
}
else
{
config
=
{
data
:
res
.
data
};
}
addFunc
(
config
,
component
);
});
},
centerShow
(
boolean
)
{
centerShow
(
boolean
)
{
this
.
show
=
boolean
;
this
.
show
=
boolean
;
},
},
...
@@ -229,10 +280,10 @@ export default {
...
@@ -229,10 +280,10 @@ export default {
},
},
allCompany
()
{
allCompany
()
{
if
(
this
.
selarr
.
length
==
3
)
{
if
(
this
.
selarr
.
length
==
this
.
companyLength
)
{
this
.
selarr
=
[];
this
.
selarr
=
[];
}
else
{
}
else
{
this
.
selarr
=
[
1
,
2
,
3
]
;
this
.
selarr
=
this
.
company
.
map
((
item
)
=>
item
.
conpanyId
)
;
}
}
this
.
map
.
companyFilter
(
this
.
selarr
);
this
.
map
.
companyFilter
(
this
.
selarr
);
...
@@ -287,7 +338,7 @@ export default {
...
@@ -287,7 +338,7 @@ export default {
second
=
second
<
10
?
"0"
+
second
:
second
;
// 如果只有一位,则前面补零
second
=
second
<
10
?
"0"
+
second
:
second
;
// 如果只有一位,则前面补零
this
.
nowtime
=
`
${
hour
}
:
${
minute
}
:
${
second
}
`
;
this
.
nowtime
=
`
${
hour
}
:
${
minute
}
:
${
second
}
`
;
this
.
nowweek
=
`
${
weekArr
[
week
]}
`
;
this
.
nowweek
=
`
${
weekArr
[
week
]}
`
;
this
.
nowDate
=
`
${
year
}
/
${
month
}
/
${
day
}
`
;
this
.
nowDate
=
`
${
year
}
年
${
month
}
月
${
day
}
`
;
},
},
},
},
// 销毁定时器
// 销毁定时器
...
@@ -306,13 +357,17 @@ export default {
...
@@ -306,13 +357,17 @@ export default {
.goSystem
{
.goSystem
{
position
:
fixed
;
position
:
fixed
;
z-index
:
9999
;
z-index
:
9999
;
top
:
2
0px
;
top
:
5
0px
;
right
:
2
1
0px
;
right
:
20px
;
font-size
:
1
8
px
;
font-size
:
1
4
px
;
color
:
#18baff
;
color
:
#18baff
;
cursor
:
pointer
;
cursor
:
pointer
;
padding
:
3px
5px
;
border
:
1px
solid
#339CC9
;
color
:
#339CC9
;
&
:hover
{
&
:hover
{
color
:
#1890ff
;
background-color
:
#053B6A
;
color
:
#2CD5DB
;
}
}
}
}
#map
{
#map
{
...
@@ -335,31 +390,19 @@ export default {
...
@@ -335,31 +390,19 @@ export default {
.leftbar
{
.leftbar
{
width
:
450px
;
width
:
450px
;
height
:
10
0%
;
height
:
9
0%
;
position
:
fixed
;
position
:
fixed
;
top
:
0
;
top
:
10%
;
left
:
0
;
left
:
0
;
background-image
:
-webkit-gradient
(
background
:
#112238
;
linear
,
right
top
,
left
top
,
color-stop
(
20%
,
rgb
(
17
34
56
/
90%
))
,
color-stop
(
80%
,
rgb
(
18
24
29
))
);
}
}
.rightbar
{
.rightbar
{
width
:
450px
;
width
:
450px
;
height
:
10
0%
;
height
:
9
0%
;
position
:
fixed
;
position
:
fixed
;
top
:
0
;
top
:
10%
;
right
:
0
;
right
:
0
;
background-image
:
-webkit-gradient
(
background
:
#112238
;
linear
,
left
top
,
right
top
,
color-stop
(
20%
,
rgb
(
17
34
56
/
90%
))
,
color-stop
(
80%
,
rgb
(
18
24
29
))
);
}
}
.home-div
{
.home-div
{
width
:
50%
;
width
:
50%
;
...
@@ -367,28 +410,36 @@ export default {
...
@@ -367,28 +410,36 @@ export default {
position
:
fixed
;
position
:
fixed
;
bottom
:
0
;
bottom
:
0
;
margin-left
:
25%
;
margin-left
:
25%
;
z-index
:
1000
;
// z-index: 1000;
img
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
z-index
:
-1
;
}
}
}
.listingsSty
{
.listingsSty
{
/* height: 25px; */
/* height: 25px; */
position
:
fixed
;
//
position: fixed;
/* border: 1px solid #fff; */
/* border: 1px solid #fff; */
bottom
:
0
;
margin-left
:
25%
;
margin-bottom
:
10px
;
width
:
50%
;
width
:
30%
;
display
:
flex
;
margin-left
:
10%
;
justify-content
:
space-between
;
// font-family: 'arialbd';
padding-top
:
25px
;
// font-family: 'arialbd';
}
}
.firsty
{
.firsty
{
width
:
15%
;
// width: 15%;
min-width
:
80px
;
height
:
35px
;
height
:
35px
;
text-align
:
center
;
text-align
:
center
;
line-height
:
35px
;
line-height
:
35px
;
/* border: 1px solid #fff; */
/* border: 1px solid #fff; */
color
:
#fff
;
color
:
#fff
;
font-size
:
16px
;
font-size
:
16px
;
float
:
left
;
//
float: left;
margin-left
:
8%
;
//
margin-left: 8%;
cursor
:
pointer
;
cursor
:
pointer
;
// font-family: 'arialbd';
// font-family: 'arialbd';
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment