Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Z
zhongtong-avi-web
Project
Project
Details
Activity
Releases
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
中通客车项目
zhongtong-avi-web
Commits
dc7f3396
Commit
dc7f3396
authored
Oct 14, 2019
by
车宾
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'dev' into feature-electrophoresis
parents
ad40b9a6
f1191a7e
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
327 additions
and
128 deletions
+327
-128
list.vue
src/views/DeviceRunning/DeviceFaultRecord/list.vue
+4
-4
list.vue
src/views/DeviceRunning/DeviceRunningTime/list.vue
+8
-8
SealedAnticorrosion.vue
src/views/Monitor/components/SealedAnticorrosion.vue
+275
-99
Tooltip.vue
src/views/Monitor/components/Tooltip.vue
+40
-17
No files found.
src/views/DeviceRunning/DeviceFaultRecord/list.vue
View file @
dc7f3396
...
...
@@ -97,7 +97,7 @@
this
.
searchList
=
searchValue
this
.
tableConfig
.
paginationConfig
.
currentPage
=
1
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
},
// 点击搜索组件重置按钮
doResetClick
(
searchValue
)
{
...
...
@@ -105,7 +105,7 @@
this
.
tableConfig
.
paginationConfig
.
currentPage
=
1
this
.
tableConfig
.
paginationConfig
.
pageSize
=
20
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
},
// 获取表格数据
getTableList
()
{
...
...
@@ -136,13 +136,13 @@
this
.
tableConfig
.
paginationConfig
.
currentPage
=
1
this
.
tableConfig
.
paginationConfig
.
pageSize
=
pageSize
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
},
// 当前分页页数发生了变化
onCurrentChange
(
currentPage
)
{
this
.
tableConfig
.
paginationConfig
.
currentPage
=
currentPage
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
}
},
mounted
()
{
...
...
src/views/DeviceRunning/DeviceRunningTime/list.vue
View file @
dc7f3396
...
...
@@ -68,7 +68,7 @@
// 点击刷新按钮
doRefreshClick
()
{
// 获取表格数据
this
.
getTableL
I
st
().
then
(
response
=>
{
this
.
getTableL
i
st
().
then
(
response
=>
{
this
.
$message
.
success
(
'刷新成功!'
)
})
},
...
...
@@ -77,7 +77,7 @@
this
.
searchList
=
searchValue
this
.
tableConfig
.
paginationConfig
.
currentPage
=
1
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
},
// 点击搜索组件重置按钮
doResetClick
(
searchValue
)
{
...
...
@@ -85,10 +85,10 @@
this
.
tableConfig
.
paginationConfig
.
currentPage
=
1
this
.
tableConfig
.
paginationConfig
.
pageSize
=
20
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
},
// 获取表格数据
getTableL
I
st
()
{
getTableL
i
st
()
{
let
queryParams
=
{
searchCode
:
this
.
searchList
.
searchCode
||
'MACHINE_RUNTIME_RECORD'
,
filters
:
this
.
searchList
.
filters
||
[],
...
...
@@ -100,7 +100,7 @@
if
(
response
.
list
.
length
===
0
&&
response
.
pageNum
!==
1
)
{
this
.
tableConfig
.
paginationConfig
.
currentPage
-=
1
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
}
else
{
this
.
tableConfig
.
data
=
_
.
cloneDeep
(
response
.
list
)
this
.
tableConfig
.
paginationConfig
.
total
=
_
.
cloneDeep
(
response
.
total
)
...
...
@@ -116,20 +116,20 @@
this
.
tableConfig
.
paginationConfig
.
currentPage
=
1
this
.
tableConfig
.
paginationConfig
.
pageSize
=
pageSize
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
},
// 当前分页页数发生了变化
onCurrentChange
(
currentPage
)
{
this
.
tableConfig
.
paginationConfig
.
currentPage
=
currentPage
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
}
},
mounted
()
{
setTimeout
(()
=>
{
this
.
tableConfig
.
height
=
document
.
querySelector
(
'.page-pack'
).
offsetHeight
-
180
// 获取表格数据
this
.
getTableL
I
st
()
this
.
getTableL
i
st
()
},
0
)
}
}
...
...
src/views/Monitor/components/SealedAnticorrosion.vue
View file @
dc7f3396
...
...
@@ -3,116 +3,221 @@
<div
class=
"page-pack"
>
<div
class=
"container-pack"
>
<!-- 第一行 -->
<div
class=
"sealed-row-1-1"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-1-2"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-1-3"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-1-4"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-1-5"
>
<p>
CDA213
</p>
<div
class=
"sealed-row-1-1"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-57') && sealedAnticorrosion['HDG1-57'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-57'].busType, 'HDG1-57')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-57'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-1-2"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-67') && sealedAnticorrosion['HDG1-67'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-67'].busType, 'HDG1-67')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-67'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-1-3"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-68') && sealedAnticorrosion['HDG1-68'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-68'].busType, 'HDG1-68')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-68'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-1-4"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-69') && sealedAnticorrosion['HDG1-69'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-69'].busType, 'HDG1-69')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-69'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-1-5"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-70') && sealedAnticorrosion['HDG1-70'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-70'].busType, 'HDG1-70')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-70'
].
busNo
}}
</p>
</div>
<!-- 第二行 -->
<div
class=
"sealed-row-2-1"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-2-2"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-2-3"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-2-4"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-2-5"
>
<p>
CDA213
</p>
<div
class=
"sealed-row-2-1"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-58') && sealedAnticorrosion['HDG1-58'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-58'].busType, 'HDG1-58')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-58'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-2-2"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-71') && sealedAnticorrosion['HDG1-71'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-71'].busType, 'HDG1-71')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-71'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-2-3"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-72') && sealedAnticorrosion['HDG1-72'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-72'].busType, 'HDG1-72')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-72'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-2-4"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-73') && sealedAnticorrosion['HDG1-73'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-73'].busType, 'HDG1-73')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-73'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-2-5"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-74') && sealedAnticorrosion['HDG1-74'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-74'].busType, 'HDG1-74')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-74'
].
busNo
}}
</p>
</div>
<!-- 第三行 -->
<div
class=
"sealed-row-3-1"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-3-2"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-3-3"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-3-4"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-3-5"
>
<p>
CDA213
</p>
<div
class=
"sealed-row-3-1"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-75') && sealedAnticorrosion['HDG1-75'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-75'].busType, 'HDG1-75')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-75'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-3-2"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-76') && sealedAnticorrosion['HDG1-76'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-76'].busType, 'HDG1-76')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-76'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-3-3"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-77') && sealedAnticorrosion['HDG1-77'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-77'].busType, 'HDG1-77')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-77'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-3-4"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-78') && sealedAnticorrosion['HDG1-78'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-78'].busType, 'HDG1-78')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-78'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-3-5"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-79') && sealedAnticorrosion['HDG1-79'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-79'].busType, 'HDG1-79')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-79'
].
busNo
}}
</p>
</div>
<!-- 第四行 -->
<div
class=
"sealed-row-4-1"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-4-2"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-4-3"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-4-4"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-4-5"
>
<p>
CDA213
</p>
<div
class=
"sealed-row-4-1"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-80') && sealedAnticorrosion['HDG1-80'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-80'].busType, 'HDG1-80')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-80'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-4-2"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-81') && sealedAnticorrosion['HDG1-81'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-81'].busType, 'HDG1-81')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-81'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-4-3"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-82') && sealedAnticorrosion['HDG1-82'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-82'].busType, 'HDG1-82')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-82'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-4-4"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-83') && sealedAnticorrosion['HDG1-83'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-83'].busType, 'HDG1-83')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-83'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-4-5"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-84') && sealedAnticorrosion['HDG1-84'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-84'].busType, 'HDG1-84')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-84'
].
busNo
}}
</p>
</div>
<!-- 第五行 -->
<div
class=
"sealed-row-5-1"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-5-2"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-5-3"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-5-4"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-5-5"
>
<p>
CDA213
</p>
<div
class=
"sealed-row-5-1"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-85') && sealedAnticorrosion['HDG1-85'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-85'].busType, 'HDG1-85')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-85'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-5-2"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-86') && sealedAnticorrosion['HDG1-86'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-86'].busType, 'HDG1-86')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-86'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-5-3"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-87') && sealedAnticorrosion['HDG1-87'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-87'].busType, 'HDG1-87')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-87'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-5-4"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-88') && sealedAnticorrosion['HDG1-88'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-88'].busType, 'HDG1-88')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-88'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-5-5"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-89') && sealedAnticorrosion['HDG1-89'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-89'].busType, 'HDG1-89')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-89'
].
busNo
}}
</p>
</div>
<!-- 第六行 -->
<div
class=
"sealed-row-6-1"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-6-2"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-6-3"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-6-4"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-row-6-5"
>
<p>
CDA213
</p>
<div
class=
"sealed-row-6-1"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-90') && sealedAnticorrosion['HDG1-90'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-90'].busType, 'HDG1-90')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-90'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-6-2"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-91') && sealedAnticorrosion['HDG1-91'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-91'].busType, 'HDG1-91')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-91'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-6-3"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-92') && sealedAnticorrosion['HDG1-92'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-92'].busType, 'HDG1-92')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-92'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-6-4"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-93') && sealedAnticorrosion['HDG1-93'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-93'].busType, 'HDG1-93')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-93'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-row-6-5"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG1-94') && sealedAnticorrosion['HDG1-94'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-94'].busType, 'HDG1-94')"
>
<p>
{{
sealedAnticorrosion
[
'HDG1-94'
].
busNo
}}
</p>
</div>
<!-- 右一列 -->
<div
class=
"sealed-right-column-1-1"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-right-column-1-2"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-right-column-1-3"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-right-column-1-4"
>
<p>
CDA213
</p>
</div>
<div
class=
"sealed-right-column-1-5"
>
<p>
CDA213
</p>
<div
class=
"sealed-right-column-1-1"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG5-8') && sealedAnticorrosion['HDG5-8'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-8'].busType, 'HDG5-8')"
>
<p>
{{
sealedAnticorrosion
[
'HDG5-8'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-right-column-1-2"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG5-9') && sealedAnticorrosion['HDG5-9'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-9'].busType, 'HDG5-9')"
>
<p>
{{
sealedAnticorrosion
[
'HDG5-9'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-right-column-1-3"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG5-10') && sealedAnticorrosion['HDG5-10'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-10'].busType, 'HDG5-10')"
>
<p>
{{
sealedAnticorrosion
[
'HDG5-10'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-right-column-1-4"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG5-11') && sealedAnticorrosion['HDG5-11'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-11'].busType, 'HDG5-11')"
>
<p>
{{
sealedAnticorrosion
[
'HDG5-11'
].
busNo
}}
</p>
</div>
<div
class=
"sealed-right-column-1-5"
v-if=
"sealedAnticorrosion.hasOwnProperty('HDG5-12') && sealedAnticorrosion['HDG5-12'].state !== 'FREE'"
:class=
"judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-12'].busType, 'HDG5-12')"
>
<p>
{{
sealedAnticorrosion
[
'HDG5-12'
].
busNo
}}
</p>
</div>
</div>
</div>
...
...
@@ -121,7 +226,66 @@
<
script
>
export
default
{
data
()
{
return
{}
return
{
// 密封防腐作业区域实时数据
sealedAnticorrosion
:
{},
// 筛选条件订单号
orderNo
:
''
,
// 筛选条件工单号
workOrderNo
:
''
,
// 车体定位数据
carPostion
:
{}
}
},
methods
:
{
// 解析车体类型及车体定位样式
judgeCarTypeAndCarStationStyle
(
carType
,
caeNumber
)
{
if
(
this
.
carPostion
.
hasOwnProperty
(
caeNumber
))
{
return
'monitor-car-location-position'
}
else
{
if
(
carType
===
'OWN'
)
{
return
''
}
else
{
return
'monitor-car-external'
}
}
},
// 获取密封防腐作业区实时数据
getSealedAnticorrosionRealTimeData
()
{
let
queryParams
=
{
areaNo
:
'3'
}
this
.
$fetch
(
'area-controller/realTime-get'
,
queryParams
).
then
(
response
=>
{
for
(
let
item
of
response
)
{
if
(
item
.
code
===
'3'
)
{
this
.
sealedAnticorrosionRealTime
=
_
.
cloneDeep
(
item
)
}
}
})
},
// 根据工单号或订单号定位当前车体位置
getCurrentPosition
()
{
let
queryParams
=
{
orderNo
:
this
.
orderNo
,
workOrderNo
:
this
.
workOrderNo
}
this
.
$fetch
(
'area-controller/workOrderNo-get'
,
queryParams
).
then
(
response
=>
{
this
.
carPostion
=
_
.
cloneDeep
(
response
)
})
},
// 轮询查询区域实时信息
pollingGetAreaRealTimeData
()
{
// 获取密封防腐作业区实时数据
this
.
getSealedAnticorrosionRealTimeData
()
// 根据工单号或订单号定位当前车体位置
this
.
getCurrentPosition
()
setInterval
(()
=>
{
this
.
carPostion
=
{}
// 获取密封防腐作业区实时数据
this
.
getSealedAnticorrosionRealTimeData
()
},
20000
)
}
},
mounted
()
{
setTimeout
(()
=>
{
// 轮询查询区域实时信息
this
.
pollingGetAreaRealTimeData
()
},
0
)
}
}
</
script
>
...
...
@@ -313,4 +477,16 @@
}
}
}
// 轻客车体样式
.monitor-car-external
{
background
:
url('../../../assets/images/Monitor/monitor_car_external.png')
!
important
;
background-size
:
cover
!
important
;
}
// 定位车体样式
.monitor-car-location-position
{
background
:
url('../../../assets/images/Monitor/monitor_position_car.gif')
!
important
;
background-size
:
cover
!
important
;
}
</
style
>
src/views/Monitor/components/Tooltip.vue
View file @
dc7f3396
<
template
>
<div
class=
"tooltip"
ref=
"tooltip"
>
<p><span>
销售订单号:
</span><span>
{{
query
.
saleOrderNo
}}
</span></p>
<p><span>
主计划工单号:
</span><span>
{{
query
.
planOrderNo
}}
</span></p>
<p><span>
车间计划工单号:
</span><span>
{{
query
.
code
}}
</span></p>
<p><span>
车型:
</span><span>
{{
query
.
busType
}}
</span></p>
<p><span>
订单数量:
</span><span>
{{
query
.
orderSize
}}
</span></p>
<p><span>
单位:
</span><span>
{{
query
.
unit
}}
</span></p>
<p><span>
车间:
</span><span>
{{
query
.
shop
}}
</span></p>
<p><span>
产线:
</span><span>
{{
query
.
line
}}
</span></p>
ref=
"tooltip"
>
<p>
<span>
销售订单号:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'saleOrderNo'
)
&&
carStationInfo
.
saleOrderNo
!==
null
?
carStationInfo
.
saleOrderNo
:
'暂无'
}}
</span>
</p>
<p>
<span>
主计划工单号:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'planOrderNo'
)
&&
carStationInfo
.
planOrderNo
!==
null
?
carStationInfo
.
planOrderNo
:
'暂无'
}}
</span>
</p>
<p>
<span>
车间计划工单号:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'code'
)
&&
carStationInfo
.
code
!==
null
?
carStationInfo
.
code
:
'暂无'
}}
</span>
</p>
<p>
<span>
车型:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'busType'
)
&&
carStationInfo
.
busType
!==
null
?
carStationInfo
.
busType
:
'暂无'
}}
</span>
</p>
<p>
<span>
订单数量:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'orderSize'
)
&&
carStationInfo
.
orderSize
!==
null
?
carStationInfo
.
orderSize
:
'暂无'
}}
</span>
</p>
<p>
<span>
单位:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'unit'
)
&&
carStationInfo
.
unit
!==
null
?
carStationInfo
.
unit
:
'暂无'
}}
</span>
</p>
<p>
<span>
车间:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'shop'
)
&&
carStationInfo
.
shop
!==
null
?
carStationInfo
.
shop
:
'暂无'
}}
</span>
</p>
<p>
<span>
产线:
</span>
<span>
{{
carStationInfo
.
hasOwnProperty
(
'line'
)
&&
carStationInfo
.
line
!==
null
?
arStationInfo
.
line
:
'暂无'
}}
</span>
</p>
<!--
<p><span>
计划完工时间:
</span><span>
{{
query
.
saleOrderNo
}}
</span></p>
-->
<div
class=
"close-btn"
@
click=
"closeTooltip"
>
@
click=
"closeTooltip"
>
<i
class=
"el-icon-circle-close"
></i>
</div>
</div>
...
...
@@ -34,16 +56,17 @@ export default {
},
data
()
{
return
{
data
:
{}
carStationInfo
:
{}
}
},
watch
:
{
query
(
v
)
{
this
.
data
=
_
.
cloneDeep
(
v
)
query
:
{
handler
(
newVal
,
oldVal
)
{
this
.
carStationInfo
=
_
.
cloneDeep
(
newVal
)
},
deep
:
true
}
},
methods
:
{
closeTooltip
()
{
this
.
$refs
.
tooltip
.
style
.
visibility
=
'hidden'
...
...
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