Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
K
kd_control
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
zhanglw
kd_control
Commits
f18a453e
Commit
f18a453e
authored
Apr 28, 2023
by
zhanglw
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修复大屏下来框样式
parent
2ca32f2b
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
105 additions
and
17 deletions
+105
-17
DPcomputer13.vue
.../MLargeScreen/components/smallComponents/DPcomputer13.vue
+36
-7
DPcomputer14.vue
.../MLargeScreen/components/smallComponents/DPcomputer14.vue
+36
-6
DPcomputer15.vue
.../MLargeScreen/components/smallComponents/DPcomputer15.vue
+33
-4
No files found.
src/views/MLargeScreen/components/smallComponents/DPcomputer13.vue
View file @
f18a453e
...
@@ -8,7 +8,7 @@
...
@@ -8,7 +8,7 @@
<div>
{{
truckDynamicListData
.
number
?
truckDynamicListData
.
number
:
'
无
'
}}
</div>
<div>
{{
truckDynamicListData
.
number
?
truckDynamicListData
.
number
:
'
无
'
}}
</div>
</div>
</div>
<div
class=
"xuanzekuang1"
>
<div
class=
"xuanzekuang1"
>
<el-select
v-model=
"xuanzekuangValue"
placeholder=
"请选择"
style=
"width:5vw;"
@
change=
"xuanzekuang1Fn()"
>
<el-select
v-model=
"xuanzekuangValue"
placeholder=
"请选择"
style=
"width:5vw;"
@
change=
"xuanzekuang1Fn()"
:popper-append-to-body=
"false"
>
<el-option
v-for=
"item in truckDynamicListData.data"
:key=
"item.number"
:label=
"item.number"
:value=
"item.number"
></el-option>
<el-option
v-for=
"item in truckDynamicListData.data"
:key=
"item.number"
:label=
"item.number"
:value=
"item.number"
></el-option>
</el-select>
</el-select>
</div>
</div>
...
@@ -106,7 +106,7 @@ export default {
...
@@ -106,7 +106,7 @@ export default {
let
num1
=
parseInt
(
this
.
truckDynamicListData
.
data
.
length
)
-
1
;
let
num1
=
parseInt
(
this
.
truckDynamicListData
.
data
.
length
)
-
1
;
//获取车辆实时数据
//获取车辆实时数据
if
(
this
.
truckDynamicListData
.
num2
<=
num1
){
if
(
this
.
truckDynamicListData
.
num2
<=
num1
){
}
else
{
}
else
{
this
.
truckDynamicListData
.
num2
=
0
;
this
.
truckDynamicListData
.
num2
=
0
;
}
}
...
@@ -196,7 +196,7 @@ export default {
...
@@ -196,7 +196,7 @@ export default {
data
:
[
data
:
[
//value当前进度 + 颜色
//value当前进度 + 颜色
{
{
value
:
this
.
truckDynamicListData
.
rate
?
(
parseFloat
(
this
.
truckDynamicListData
.
rate
)
>
100
?
100
:
this
.
truckDynamicListData
.
rate
)
:
0
,
value
:
this
.
truckDynamicListData
.
rate
?
(
parseFloat
(
this
.
truckDynamicListData
.
rate
)
>
100
?
100
:
this
.
truckDynamicListData
.
rate
)
:
0
,
itemStyle
:
{
itemStyle
:
{
normal
:
{
normal
:
{
color
:
'
rgb(2,220,251)
'
color
:
'
rgb(2,220,251)
'
...
@@ -205,7 +205,7 @@ export default {
...
@@ -205,7 +205,7 @@ export default {
},
},
//(maxValue进度条最大值 - value当前进度) + 颜色
//(maxValue进度条最大值 - value当前进度) + 颜色
{
{
value
:
maxValue
-
parseInt
(
this
.
truckDynamicListData
.
rate
?
(
parseFloat
(
this
.
truckDynamicListData
.
rate
)
>
100
?
100
:
this
.
truckDynamicListData
.
rate
)
:
0
),
value
:
maxValue
-
parseInt
(
this
.
truckDynamicListData
.
rate
?
(
parseFloat
(
this
.
truckDynamicListData
.
rate
)
>
100
?
100
:
this
.
truckDynamicListData
.
rate
)
:
0
),
itemStyle
:
{
itemStyle
:
{
normal
:
{
normal
:
{
color
:
'
rgb(0,34,125)
'
color
:
'
rgb(0,34,125)
'
...
@@ -252,7 +252,37 @@ export default {
...
@@ -252,7 +252,37 @@ export default {
}
}
}
}
</
script
>
</
script
>
<
style
scoped
>
/
deep
/
.el-input--small
{
opacity
:
0
;
}
/
deep
/
.el-select-dropdown__list
{
padding
:
0
;
max-height
:
180px
;
overflow-y
:
auto
;
}
/
deep
/
.el-select-dropdown__list
::-webkit-scrollbar
{
display
:
none
;
}
.el-select-dropdown__item.hover
,
.el-select-dropdown__item
:hover
{
background-color
:
#021445
!important
;
color
:
#31E5F5
;
}
.el-select-dropdown__item.selected
{
background-color
:
#021445
!important
;
color
:
#31E5F5
;
font-weight
:
800
;
}
.el-select-dropdown__item
{
padding
:
0px
20px
;
box-sizing
:
border-box
;
background-color
:
#021445
!important
;
color
:
#31E5F5
;
font-size
:
16px
;
}
</
style
>
<
style
scoped
>
<
style
scoped
>
*
{
*
{
margin
:
0
;
margin
:
0
;
...
@@ -271,7 +301,7 @@ export default {
...
@@ -271,7 +301,7 @@ export default {
width
:
100%
;
width
:
100%
;
height
:
3.5vh
;
height
:
3.5vh
;
background
:
no-repeat
center
center
url('~@/assets/images/cutGraph/biaoti1.png')
;
background
:
no-repeat
center
center
url('~@/assets/images/cutGraph/biaoti1.png')
;
background-size
:
100%
100%
;
background-size
:
100%
100%
;
padding-left
:
10px
;
padding-left
:
10px
;
box-sizing
:
border-box
;
box-sizing
:
border-box
;
font-size
:
18px
;
font-size
:
18px
;
...
@@ -344,6 +374,5 @@ export default {
...
@@ -344,6 +374,5 @@ export default {
position
:
absolute
;
position
:
absolute
;
top
:
0.1vh
;
top
:
0.1vh
;
left
:
3vw
;
left
:
3vw
;
opacity
:
0
;
}
}
</
style
>
</
style
>
\ No newline at end of file
src/views/MLargeScreen/components/smallComponents/DPcomputer14.vue
View file @
f18a453e
...
@@ -8,7 +8,7 @@
...
@@ -8,7 +8,7 @@
<div>
{{
forkliftkDynamicListData
.
number
?
forkliftkDynamicListData
.
number
:
'
无
'
}}
</div>
<div>
{{
forkliftkDynamicListData
.
number
?
forkliftkDynamicListData
.
number
:
'
无
'
}}
</div>
</div>
</div>
<div
class=
"xuanzekuang1"
>
<div
class=
"xuanzekuang1"
>
<el-select
v-model=
"xuanzekuangValue"
placeholder=
"请选择"
style=
"width:5vw;"
@
change=
"xuanzekuang1Fn()"
>
<el-select
v-model=
"xuanzekuangValue"
placeholder=
"请选择"
style=
"width:5vw;"
@
change=
"xuanzekuang1Fn()"
:popper-append-to-body=
"false"
>
<el-option
v-for=
"item in forkliftkDynamicListData.data"
:key=
"item.number"
:label=
"item.number"
:value=
"item.number"
></el-option>
<el-option
v-for=
"item in forkliftkDynamicListData.data"
:key=
"item.number"
:label=
"item.number"
:value=
"item.number"
></el-option>
</el-select>
</el-select>
</div>
</div>
...
@@ -25,8 +25,8 @@
...
@@ -25,8 +25,8 @@
<div>
今日效率
</div>
<div>
今日效率
</div>
<div
class=
"ForkliftDynamicContent1_son1"
>
<div
class=
"ForkliftDynamicContent1_son1"
>
{{
{{
forkliftkDynamicListData
.
workTime
!=
0
?
forkliftkDynamicListData
.
workTime
!=
0
?
(
forkliftkDynamicListData
.
rate
?
(
forkliftkDynamicListData
.
rate
?
(
parseFloat
(
forkliftkDynamicListData
.
rate
)
/
parseFloat
(
forkliftkDynamicListData
.
workTime
)).
toFixed
(
0
)
(
parseFloat
(
forkliftkDynamicListData
.
rate
)
/
parseFloat
(
forkliftkDynamicListData
.
workTime
)).
toFixed
(
0
)
:
0
)
:
0
)
:
(
forkliftkDynamicListData
.
rate
==
0
)
?
0
:
100
:
(
forkliftkDynamicListData
.
rate
==
0
)
?
0
:
100
...
@@ -112,7 +112,7 @@ export default {
...
@@ -112,7 +112,7 @@ export default {
let
num1
=
parseInt
(
this
.
forkliftkDynamicListData
.
data
.
length
)
-
1
;
let
num1
=
parseInt
(
this
.
forkliftkDynamicListData
.
data
.
length
)
-
1
;
//获取车辆实时数据
//获取车辆实时数据
if
(
this
.
forkliftkDynamicListData
.
num2
<=
num1
){
if
(
this
.
forkliftkDynamicListData
.
num2
<=
num1
){
}
else
{
}
else
{
this
.
forkliftkDynamicListData
.
num2
=
0
;
this
.
forkliftkDynamicListData
.
num2
=
0
;
}
}
...
@@ -177,7 +177,37 @@ export default {
...
@@ -177,7 +177,37 @@ export default {
}
}
}
}
</
script
>
</
script
>
<
style
scoped
>
/
deep
/
.el-input--small
{
opacity
:
0
;
}
/
deep
/
.el-select-dropdown__list
{
padding
:
0
;
max-height
:
180px
;
overflow-y
:
auto
;
}
/
deep
/
.el-select-dropdown__list
::-webkit-scrollbar
{
display
:
none
;
}
.el-select-dropdown__item.hover
,
.el-select-dropdown__item
:hover
{
background-color
:
#021445
!important
;
color
:
#31E5F5
;
}
.el-select-dropdown__item.selected
{
background-color
:
#021445
!important
;
color
:
#31E5F5
;
font-weight
:
800
;
}
.el-select-dropdown__item
{
padding
:
0px
20px
;
box-sizing
:
border-box
;
background-color
:
#021445
!important
;
color
:
#31E5F5
;
font-size
:
16px
;
}
</
style
>
<
style
scoped
>
<
style
scoped
>
*
{
*
{
margin
:
0
;
margin
:
0
;
...
@@ -279,6 +309,6 @@ export default {
...
@@ -279,6 +309,6 @@ export default {
position
:
absolute
;
position
:
absolute
;
top
:
0.1vh
;
top
:
0.1vh
;
left
:
3vw
;
left
:
3vw
;
opacity
:
0
;
/*opacity: 0;*/
}
}
</
style
>
</
style
>
\ No newline at end of file
src/views/MLargeScreen/components/smallComponents/DPcomputer15.vue
View file @
f18a453e
...
@@ -8,7 +8,7 @@
...
@@ -8,7 +8,7 @@
<div>
{{
otherCarDynamicListData
.
number
?
otherCarDynamicListData
.
number
:
'
无
'
}}
</div>
<div>
{{
otherCarDynamicListData
.
number
?
otherCarDynamicListData
.
number
:
'
无
'
}}
</div>
</div>
</div>
<div
class=
"xuanzekuang1"
>
<div
class=
"xuanzekuang1"
>
<el-select
v-model=
"xuanzekuangValue"
placeholder=
"请选择"
style=
"width:5vw;"
@
change=
"xuanzekuang1Fn()"
>
<el-select
v-model=
"xuanzekuangValue"
placeholder=
"请选择"
style=
"width:5vw;"
@
change=
"xuanzekuang1Fn()"
:popper-append-to-body=
"false"
>
<el-option
v-for=
"item in otherCarDynamicListData.data"
:key=
"item.number"
:label=
"item.number"
:value=
"item.number"
></el-option>
<el-option
v-for=
"item in otherCarDynamicListData.data"
:key=
"item.number"
:label=
"item.number"
:value=
"item.number"
></el-option>
</el-select>
</el-select>
</div>
</div>
...
@@ -110,7 +110,7 @@ export default {
...
@@ -110,7 +110,7 @@ export default {
let
num1
=
parseInt
(
this
.
otherCarDynamicListData
.
data
.
length
)
-
1
;
let
num1
=
parseInt
(
this
.
otherCarDynamicListData
.
data
.
length
)
-
1
;
//获取车辆实时数据
//获取车辆实时数据
if
(
this
.
otherCarDynamicListData
.
num2
<=
num1
){
if
(
this
.
otherCarDynamicListData
.
num2
<=
num1
){
}
else
{
}
else
{
this
.
otherCarDynamicListData
.
num2
=
0
;
this
.
otherCarDynamicListData
.
num2
=
0
;
}
}
...
@@ -175,7 +175,37 @@ export default {
...
@@ -175,7 +175,37 @@ export default {
}
}
}
}
</
script
>
</
script
>
<
style
scoped
>
/
deep
/
.el-input--small
{
opacity
:
0
;
}
/
deep
/
.el-select-dropdown__list
{
padding
:
0
;
max-height
:
180px
;
overflow-y
:
auto
;
}
/
deep
/
.el-select-dropdown__list
::-webkit-scrollbar
{
display
:
none
;
}
.el-select-dropdown__item.hover
,
.el-select-dropdown__item
:hover
{
background-color
:
#021445
!important
;
color
:
#31E5F5
;
}
.el-select-dropdown__item.selected
{
background-color
:
#021445
!important
;
color
:
#31E5F5
;
font-weight
:
800
;
}
.el-select-dropdown__item
{
padding
:
0px
20px
;
box-sizing
:
border-box
;
background-color
:
#021445
!important
;
color
:
#31E5F5
;
font-size
:
16px
;
}
</
style
>
<
style
scoped
>
<
style
scoped
>
*
{
*
{
margin
:
0
;
margin
:
0
;
...
@@ -277,6 +307,5 @@ export default {
...
@@ -277,6 +307,5 @@ export default {
position
:
absolute
;
position
:
absolute
;
top
:
0.1vh
;
top
:
0.1vh
;
left
:
3vw
;
left
:
3vw
;
opacity
:
0
;
}
}
</
style
>
</
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