Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
卡
卡车调度系统
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
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
caicaicai
卡车调度系统
Commits
0690f55a
Commit
0690f55a
authored
Oct 28, 2022
by
xxx
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
1
parent
45f88de8
Changes
3
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
389 additions
and
15 deletions
+389
-15
DPcomputer10.vue
.../MLargeScreen/components/smallComponents/DPcomputer10.vue
+206
-6
DPcomputer8.vue
...s/MLargeScreen/components/smallComponents/DPcomputer8.vue
+88
-3
DPcomputer9.vue
...s/MLargeScreen/components/smallComponents/DPcomputer9.vue
+95
-6
No files found.
src/views/MLargeScreen/components/smallComponents/DPcomputer10.vue
View file @
0690f55a
This diff is collapsed.
Click to expand it.
src/views/MLargeScreen/components/smallComponents/DPcomputer8.vue
View file @
0690f55a
<
template
>
<div
class=
"DPcomputer8Box"
>
<!-- 矿石开采效率 -->
<div
class=
"dataScrView_rightView_title"
>
矿石开采效率
</div>
<div
class=
"dataScrView_rightView_content"
>
<div
class=
"dataScrView_rightView_content_view1 guanhulanseditu"
>
<div
id=
'liquidEchart1'
class=
"dataScrView_rightView_content_view1_rate1"
></div>
<div
style=
"color:white;"
>
<div
style=
"color:#A6F6F9;font-size:20px;"
><span
style=
"color:#06BEFA;"
>
{{
exploitationEfficiencyData
.
dayYield1
}}
</span>
T
</div>
<div>
日总开采量
</div>
</div>
<div
style=
"color:white;"
>
<div
style=
"color:#A6F6F9;font-size:20px;"
><span
style=
"color:#06BEFA;"
>
{{
exploitationEfficiencyData
.
dayMil1
}}
</span>
KM
</div>
<div>
日总里程
</div>
</div>
</div>
<div
class=
"dataScrView_rightView_content_view1 guanhulvseditu"
>
<div
style=
"color:white;"
>
<div
style=
"color:#A6F6F9;font-size:20px;"
><span
style=
"color:#03FEFE;"
>
{{
exploitationEfficiencyData
.
dayWorkTime2
}}
</span>
H
</div>
<div>
司机日总工作时长
</div>
</div>
<div
style=
"color:white;"
>
<div
style=
"color:#A6F6F9;font-size:20px;"
><span
style=
"color:#03FEFE;"
>
{{
exploitationEfficiencyData
.
dayYield2
}}
</span>
T
</div>
<div>
日总开采量
</div>
</div>
<div
id=
'liquidEchart2'
class=
"dataScrView_rightView_content_view1_rate2"
></div>
</div>
</div>
</div>
</
template
>
...
...
@@ -14,7 +39,15 @@ export default {
data
(){
return
{
DPcomputer8BoxTimer
:
null
,
//矿石开采效率
exploitationEfficiencyData
:{
rate1
:[
0.5
],
dayYield1
:
50
,
dayMil1
:
30
,
rate2
:[
0.5
],
dayWorkTime2
:
8
,
dayYield2
:
50
,
},
}
},
mounted
(){
...
...
@@ -22,7 +55,15 @@ export default {
},
methods
:{
loadData
(){
//矿石开采效率
this
.
initLiquidEchart1
();
this
.
initLiquidEchart2
();
this
.
DPcomputer8BoxTimer
=
setInterval
(()
=>
{
//矿石开采效率
this
.
initLiquidEchart1
();
this
.
initLiquidEchart2
();
},
10000
)
},
//矿石开采效率
initLiquidEchart1
(){
...
...
@@ -158,4 +199,48 @@ export default {
box-sizing
:
border-box
;
overflow
:
hidden
;
}
.DPcomputer8Box
.dataScrView_rightView_title
{
margin-bottom
:
5px
;
width
:
100%
;
height
:
3.5vh
;
background
:
no-repeat
center
center
url('~@/assets/images/cutGraph/biaoti1.png')
;
background-size
:
100%
100%
;
padding-left
:
10px
;
box-sizing
:
border-box
;
font-size
:
18px
;
line-height
:
3.5vh
;
color
:
#FAFAFB
;
letter-spacing
:
1px
;
text-shadow
:
1px
1px
1px
#92CBFF
;
}
.DPcomputer8Box
.dataScrView_rightView_content
{
width
:
100%
;
height
:
19vh
;
}
.DPcomputer8Box
.dataScrView_rightView_content_view1
{
position
:
relative
;
margin-top
:
1vh
;
display
:
flex
;
align-items
:
center
;
font-weight
:
600
;
justify-content
:
space-evenly
;
}
.DPcomputer8Box
.dataScrView_rightView_content_view1_rate1
{
height
:
80px
;
width
:
80px
;
}
.DPcomputer8Box
.dataScrView_rightView_content_view1_rate2
{
height
:
80px
;
width
:
80px
;
}
.DPcomputer8Box
.guanhulanseditu
{
background
:
no-repeat
center
center
url('~@/assets/images/cutGraph/juxinglanse.png')
;
background-size
:
100%
85%
;
margin-right
:
5%
;
}
.DPcomputer8Box
.guanhulvseditu
{
background
:
no-repeat
center
center
url('~@/assets/images/cutGraph/juxinglvse.png')
;
background-size
:
100%
90%
;
margin-left
:
5%
;
}
</
style
>
\ No newline at end of file
src/views/MLargeScreen/components/smallComponents/DPcomputer9.vue
View file @
0690f55a
<
template
>
<div>
<div
class=
"DPcomputer9Box"
>
<!-- 实时报警 -->
<div
class=
"dataScrView_rightView_title"
>
实时报警
</div>
<div
class=
"dataScrView_rightView_content"
>
<div
class=
"realAlarmStyle"
>
<div
v-for=
"(item,index) in realAlarmStyleData.listData"
:key=
"index"
>
<img
v-if=
"index % 4 == 0"
src=
"../../../../assets/images/cutGraph/jingshikaobei1.png"
>
<img
v-else-if=
"index % 3 == 0"
src=
"../../../../assets/images/cutGraph/jingshikaobei2.png"
>
<img
v-else-if=
"index % 2 == 0"
src=
"../../../../assets/images/cutGraph/jingshikaobei3.png"
>
<img
v-else
src=
"../../../../assets/images/cutGraph/jingshikaobei4.png"
>
<div
style=
"color:#A6F6F9;margin-left:10px;"
>
<div>
{{
item
.
alarmexplain
?
item
.
alarmexplain
:
item
.
number
+
item
.
carbreak
}}
</div>
<div>
{{
item
.
createTime
}}
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
...
...
@@ -11,15 +26,48 @@ import { Tools, HttpReq, CAMap} from '@/assets/js/common.js';
export
default
{
data
(){
return
{
DPcomputer9BoxTimer
:
null
,
//实时报警
realAlarmStyleData
:{
listData
:[],
}
}
},
mounted
(){
this
.
loadData
();
},
mounted
(){},
methods
:{
loadData
(){
//实时报警
HttpReq
.
truckDispatching
.
callPoliceQuery
({
status
:
1
,
size
:
9999
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
){
HttpReq
.
truckDispatching
.
carFaultQuery
({
status
:
1
,
size
:
9999
,
sort
:
'
createTime,desc
'
}).
then
((
res1
)
=>
{
if
(
res1
.
code
==
200
){
this
.
realAlarmStyleData
.
listData
=
res
.
data
.
content
.
concat
(
res1
.
data
.
content
);
}
})
}
})
this
.
DPcomputer9BoxTimer
=
setInterval
(()
=>
{
//实时报警
HttpReq
.
truckDispatching
.
callPoliceQuery
({
status
:
1
,
size
:
9999
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
){
HttpReq
.
truckDispatching
.
carFaultQuery
({
status
:
1
,
size
:
9999
,
sort
:
'
createTime,desc
'
}).
then
((
res1
)
=>
{
if
(
res1
.
code
==
200
){
this
.
realAlarmStyleData
.
listData
=
res
.
data
.
content
.
concat
(
res1
.
data
.
content
);
}
})
}
})
},
10000
)
},
},
beforeDestroy
(){
if
(
this
.
DPcomputer9BoxTimer
)
{
clearInterval
(
this
.
DPcomputer9BoxTimer
);
this
.
DPcomputer9BoxTimer
=
null
;
}
}
}
</
script
>
...
...
@@ -29,5 +77,46 @@ export default {
margin
:
0
;
padding
:
0
;
}
.DPcomputer9Box
{
width
:
20vw
;
height
:
23.5vh
;
background-color
:
rgba
(
32
,
42
,
67
,
0.95
);
padding
:
5px
7px
;
box-sizing
:
border-box
;
overflow
:
hidden
;
}
.DPcomputer9Box
.dataScrView_rightView_title
{
margin-bottom
:
5px
;
width
:
100%
;
height
:
3.5vh
;
background
:
no-repeat
center
center
url('~@/assets/images/cutGraph/biaoti1.png')
;
background-size
:
100%
100%
;
padding-left
:
10px
;
box-sizing
:
border-box
;
font-size
:
18px
;
line-height
:
3.5vh
;
color
:
#FAFAFB
;
letter-spacing
:
1px
;
text-shadow
:
1px
1px
1px
#92CBFF
;
}
.DPcomputer9Box
.dataScrView_rightView_content
{
width
:
100%
;
height
:
19vh
;
}
.DPcomputer9Box
.realAlarmStyle
{
width
:
100%
;
height
:
19vh
;
overflow-y
:
auto
;
scrollbar-width
:
none
;
}
.DPcomputer9Box
.realAlarmStyle
::-webkit-scrollbar
{
display
:
none
;
}
.DPcomputer9Box
.realAlarmStyle
>
div
{
width
:
100%
;
height
:
5vh
;
border-bottom
:
1px
solid
#03FEFE
;
display
:
flex
;
align-items
:
center
;
}
</
style
>
\ No newline at end of file
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