Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
N
NewTruckTerminalSyetem
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
SQL_Mou
NewTruckTerminalSyetem
Commits
ee7c4d0c
Commit
ee7c4d0c
authored
Sep 06, 2022
by
xxx
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
1
parent
d378b781
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
382 additions
and
160 deletions
+382
-160
index.vue
...s/MLargeScreen/components/performanceStatistics/index.vue
+382
-160
No files found.
src/views/MLargeScreen/components/performanceStatistics/index.vue
View file @
ee7c4d0c
...
@@ -7,15 +7,15 @@
...
@@ -7,15 +7,15 @@
<el-radio
v-model=
"from.selectModel"
label=
"司机日派单"
border
>
司机日派单
</el-radio>
<el-radio
v-model=
"from.selectModel"
label=
"司机日派单"
border
>
司机日派单
</el-radio>
<el-radio
v-model=
"from.selectModel"
label=
"司机产量报表"
border
>
司机产量报表
</el-radio>
<el-radio
v-model=
"from.selectModel"
label=
"司机产量报表"
border
>
司机产量报表
</el-radio>
</div>
-->
</div>
-->
<div
style=
"display: flex;justify-content: space-between;margin-top:10px;
"
>
<div
class=
"achievementContent_inputs
"
>
<el-date-picker
v-model=
"startTime"
type=
"date"
placeholder=
"选择开始日期"
style=
"width:19vw;"
></el-date-picker>
<el-date-picker
v-model=
"startTime"
type=
"date"
placeholder=
"选择开始日期"
style=
"width:19vw;"
></el-date-picker>
<div
style=
"color: rgb(24,228,240);line-height:40px;font-weight:600;
"
>
——
</div>
<div
class=
"achievementContent_inputs_HengXian
"
>
——
</div>
<el-date-picker
v-model=
"endTime"
type=
"date"
placeholder=
"选择结束日期"
style=
"width:19vw;"
></el-date-picker>
<el-date-picker
v-model=
"endTime"
type=
"date"
placeholder=
"选择结束日期"
style=
"width:19vw;"
></el-date-picker>
<el-button
type=
"primary"
round
style=
"width:7vw;font-size:18px;
"
@
click=
"toSearch()"
>
查询
</el-button>
<el-button
type=
"primary"
round
class=
"achievementContent_inputs_btn
"
@
click=
"toSearch()"
>
查询
</el-button>
</div>
</div>
<div
style=
"margin-top:5px;
"
>
<div
class=
"sijikaoheTitle
"
>
<img
src=
"../../../../assets/images/truckTuPian/fuxiaobiaotititle.png"
>
<img
src=
"../../../../assets/images/truckTuPian/fuxiaobiaotititle.png"
>
<span
class=
"failureDeContent_left_title"
>
司机考核:
</span>
<span>
司机考核:
</span>
</div>
</div>
<div
class=
"checkViews"
>
<div
class=
"checkViews"
>
<div
class=
"checkFrom_content"
>
<div
class=
"checkFrom_content"
>
...
@@ -59,9 +59,9 @@
...
@@ -59,9 +59,9 @@
<div
class=
"checkFrom_input"
>
{{
checkFromData
.
adr
}}
</div>
<div
class=
"checkFrom_input"
>
{{
checkFromData
.
adr
}}
</div>
</div>
</div>
</div>
</div>
<div
style=
"margin-bottom:5px;
"
>
<div
class=
"sijikaoheTitle
"
>
<img
src=
"../../../../assets/images/truckTuPian/fuxiaobiaotititle.png"
>
<img
src=
"../../../../assets/images/truckTuPian/fuxiaobiaotititle.png"
>
<span
class=
"failureDeContent_left_title"
>
智能派单:
</span>
<span>
智能派单:
</span>
</div>
</div>
<div
class=
"co-table"
>
<div
class=
"co-table"
>
<div
class=
"rolling"
>
<div
class=
"rolling"
>
...
@@ -102,7 +102,6 @@ export default {
...
@@ -102,7 +102,6 @@ export default {
carNumber
:
''
,
carNumber
:
''
,
}
}
},
},
mounted
()
{
},
methods
:
{
methods
:
{
loadData
(
value
,
chepaihao
)
{
loadData
(
value
,
chepaihao
)
{
this
.
showDecide
=
true
;
this
.
showDecide
=
true
;
...
@@ -179,7 +178,34 @@ export default {
...
@@ -179,7 +178,34 @@ export default {
</
script
>
</
script
>
<
style
scope
>
<
style
scope
>
.achievementMainViews
{
@media
screen
and
(
max-width
:
901px
){
.sijikaoheTitle
{
margin-top
:
0.5vh
;
}
.sijikaoheTitle
>
img
{
width
:
3vw
;
}
.sijikaoheTitle
>
span
{
font-size
:
14px
;
color
:
rgb
(
24
,
228
,
240
);
font-weight
:
600
;
}
.achievementContent_inputs
{
display
:
flex
;
justify-content
:
space-between
;
margin-top
:
1vh
;
}
.achievementContent_inputs_btn
{
width
:
7vw
;
font-size
:
13px
;
}
.achievementContent_inputs_HengXian
{
color
:
rgb
(
24
,
228
,
240
);
line-height
:
6vh
;
font-weight
:
600
;
}
.achievementMainViews
{
z-index
:
2
;
z-index
:
2
;
position
:
absolute
;
position
:
absolute
;
top
:
50%
;
top
:
50%
;
...
@@ -191,8 +217,202 @@ export default {
...
@@ -191,8 +217,202 @@ export default {
transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
padding
:
12px
30px
0px
;
padding
:
12px
30px
0px
;
box-sizing
:
border-box
;
box-sizing
:
border-box
;
}
.achievementSmallTitle
{
color
:
white
;
font-size
:
12px
;
text-align
:
center
;
line-height
:
6vh
;
width
:
11vw
;
height
:
6vh
;
background
:
no-repeat
center
center
url('~@/assets/images/truckTuPian/xiaobiaotikuang.png')
;
background-size
:
100%
100%
;
}
.achievementClose
{
position
:
absolute
;
top
:
4vh
;
right
:
1vw
;
cursor
:
pointer
;
}
.achievementContent
{
width
:
100%
;
}
.achievementContent
.el-input__inner
{
height
:
7vh
;
line-height
:
7vh
;
font-size
:
13px
;
}
.achievementContent
.el-input__icon
{
line-height
:
0px
;
}
.achievementContent
.el-button.is-round
{
height
:
7vh
;
padding
:
0
;
}
/* 未选中样式 */
.is-bordered
.el-radio__label
{
font-size
:
20px
;
color
:
wheat
;
}
.is-bordered
{
border
:
wheat
2px
solid
;
height
:
40px
;
width
:
200px
;
line-height
:
22px
;
}
.is-bordered
.el-radio__inner
{
height
:
18px
;
width
:
18px
;
}
/* 选中样式 */
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
rgb
(
24
,
228
,
240
);
}
.el-radio.is-bordered.is-checked
{
border-color
:
rgb
(
24
,
228
,
240
);
}
.el-radio__input.is-checked
.el-radio__inner
{
border-color
:
rgb
(
24
,
228
,
240
);
background
:
rgb
(
24
,
228
,
240
);
}
.el-radio
{
margin
:
0
;
}
.el-input--small
.el-input__inner
{
height
:
40px
;
}
.checkViews
{
display
:
flex
;
justify-content
:
space-between
;
margin-top
:
0.5vh
;
flex-wrap
:
wrap
;
}
.checkFrom_content
{
width
:
48%
;
height
:
4vh
;
line-height
:
4vh
;
margin-bottom
:
1vh
;
color
:
rgb
(
23
,
249
,
250
);
font-size
:
13px
;
font-weight
:
500
;
letter-spacing
:
1px
;
display
:
flex
;
justify-content
:
space-between
;
}
.checkFrom_input
{
width
:
15vw
;
border
:
2px
solid
rgb
(
23
,
249
,
250
);
border-radius
:
5px
;
padding
:
0px
10px
;
box-sizing
:
border-box
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
word-break
:
break-all
;
}
.co-table
{
text-align
:
center
;
}
.table-box
{
margin-top
:
0px
;
}
dl
{
display
:
table
;
width
:
100%
;
}
dt
{
margin-top
:
20px
;
display
:
table-row
;
background-color
:
#274088
;
}
dt
>
div
{
display
:
table-cell
;
padding
:
1px
;
font-size
:
13px
;
font-weight
:
500
;
color
:
rgb
(
24
,
228
,
240
);
}
dd
{
display
:
table-row
;
}
dd
>
div
{
display
:
table-cell
;
padding
:
1px
;
font-size
:
13px
;
color
:
rgb
(
24
,
228
,
240
);
}
.rolling
{
height
:
29vh
;
overflow-y
:
auto
;
}
.rolling
::-webkit-scrollbar
{
/*滚动条整体样式*/
width
:
8px
;
/*高宽分别对应横竖滚动条的尺寸*/
height
:
1px
;
}
.rolling
::-webkit-scrollbar-thumb
{
/*滚动条里面小方块*/
border-radius
:
10px
;
background-color
:
#274088
;
background-image
:
-webkit-linear-gradient
(
45deg
,
rgba
(
255
,
255
,
255
,
0.2
)
25%
,
transparent
25%
,
transparent
50%
,
rgba
(
255
,
255
,
255
,
0.2
)
50%
,
rgba
(
255
,
255
,
255
,
0.2
)
75%
,
transparent
75%
,
transparent
);
}
.rolling
::-webkit-scrollbar-track
{
/*滚动条里面轨道*/
box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
0.2
);
background
:
#ededed
;
border-radius
:
10px
;
}
}
}
.achievementSmallTitle
{
@media
screen
and
(
min-width
:
901px
){
.sijikaoheTitle
{
margin-top
:
0.5vh
;
}
.sijikaoheTitle
>
img
{
width
:
2vw
;
}
.sijikaoheTitle
>
span
{
font-size
:
22px
;
color
:
rgb
(
24
,
228
,
240
);
font-weight
:
600
;
}
.achievementContent_inputs
{
display
:
flex
;
justify-content
:
space-between
;
margin-top
:
10px
;
}
.achievementContent_inputs_btn
{
width
:
7vw
;
font-size
:
18px
;
}
.achievementContent_inputs_HengXian
{
color
:
rgb
(
24
,
228
,
240
);
line-height
:
40px
;
font-weight
:
600
;
}
.achievementMainViews
{
z-index
:
2
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
height
:
85vh
;
width
:
65vw
;
background
:
no-repeat
center
center
url('~@/assets/images/truckTuPian/jixiaotongjikuang1.png')
;
background-size
:
100%
100%
;
transform
:
translate
(
-50%
,
-50%
);
padding
:
12px
30px
0px
;
box-sizing
:
border-box
;
}
.achievementSmallTitle
{
color
:
white
;
color
:
white
;
font-size
:
18px
;
font-size
:
18px
;
text-align
:
center
;
text-align
:
center
;
...
@@ -201,55 +421,55 @@ export default {
...
@@ -201,55 +421,55 @@ export default {
height
:
4.5vh
;
height
:
4.5vh
;
background
:
no-repeat
center
center
url('~@/assets/images/truckTuPian/xiaobiaotikuang.png')
;
background
:
no-repeat
center
center
url('~@/assets/images/truckTuPian/xiaobiaotikuang.png')
;
background-size
:
100%
100%
;
background-size
:
100%
100%
;
}
}
.achievementClose
{
.achievementClose
{
position
:
absolute
;
position
:
absolute
;
top
:
4vh
;
top
:
4vh
;
right
:
1vw
;
right
:
1vw
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.achievementContent
{
.achievementContent
{
width
:
100%
;
width
:
100%
;
}
}
/* 未选中样式 */
/* 未选中样式 */
.is-bordered
.el-radio__label
{
.is-bordered
.el-radio__label
{
font-size
:
20px
;
font-size
:
20px
;
color
:
wheat
;
color
:
wheat
;
}
}
.is-bordered
{
.is-bordered
{
border
:
wheat
2px
solid
;
border
:
wheat
2px
solid
;
height
:
40px
;
height
:
40px
;
width
:
200px
;
width
:
200px
;
line-height
:
22px
;
line-height
:
22px
;
}
}
.is-bordered
.el-radio__inner
{
.is-bordered
.el-radio__inner
{
height
:
18px
;
height
:
18px
;
width
:
18px
;
width
:
18px
;
}
}
/* 选中样式 */
/* 选中样式 */
.el-radio__input.is-checked
+
.el-radio__label
{
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
rgb
(
24
,
228
,
240
);
color
:
rgb
(
24
,
228
,
240
);
}
}
.el-radio.is-bordered.is-checked
{
.el-radio.is-bordered.is-checked
{
border-color
:
rgb
(
24
,
228
,
240
);
border-color
:
rgb
(
24
,
228
,
240
);
}
}
.el-radio__input.is-checked
.el-radio__inner
{
.el-radio__input.is-checked
.el-radio__inner
{
border-color
:
rgb
(
24
,
228
,
240
);
border-color
:
rgb
(
24
,
228
,
240
);
background
:
rgb
(
24
,
228
,
240
);
background
:
rgb
(
24
,
228
,
240
);
}
}
.el-radio
{
.el-radio
{
margin
:
0
;
margin
:
0
;
}
}
.el-input--small
.el-input__inner
{
.el-input--small
.el-input__inner
{
height
:
40px
;
height
:
40px
;
}
}
.checkViews
{
.checkViews
{
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
;
justify-content
:
space-between
;
margin-top
:
7px
;
margin-top
:
7px
;
flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
}
}
.checkFrom_content
{
.checkFrom_content
{
width
:
48%
;
width
:
48%
;
height
:
4vh
;
height
:
4vh
;
line-height
:
4vh
;
line-height
:
4vh
;
...
@@ -260,8 +480,8 @@ export default {
...
@@ -260,8 +480,8 @@ export default {
letter-spacing
:
1px
;
letter-spacing
:
1px
;
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
;
justify-content
:
space-between
;
}
}
.checkFrom_input
{
.checkFrom_input
{
width
:
15vw
;
width
:
15vw
;
border
:
2px
solid
rgb
(
23
,
249
,
250
);
border
:
2px
solid
rgb
(
23
,
249
,
250
);
border-radius
:
5px
;
border-radius
:
5px
;
...
@@ -271,48 +491,48 @@ export default {
...
@@ -271,48 +491,48 @@ export default {
text-overflow
:
ellipsis
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
overflow
:
hidden
;
word-break
:
break-all
;
word-break
:
break-all
;
}
}
.co-table
{
.co-table
{
text-align
:
center
;
text-align
:
center
;
}
}
.table-box
{
.table-box
{
margin-top
:
0px
;
margin-top
:
0px
;
}
}
dl
{
dl
{
display
:
table
;
display
:
table
;
width
:
100%
;
width
:
100%
;
}
}
dt
{
dt
{
margin-top
:
20px
;
margin-top
:
20px
;
display
:
table-row
;
display
:
table-row
;
background-color
:
#274088
;
background-color
:
#274088
;
}
}
dt
>
div
{
dt
>
div
{
display
:
table-cell
;
display
:
table-cell
;
padding
:
4px
3px
;
padding
:
4px
3px
;
font-size
:
18px
;
font-size
:
18px
;
font-weight
:
500
;
font-weight
:
500
;
color
:
rgb
(
24
,
228
,
240
);
color
:
rgb
(
24
,
228
,
240
);
}
}
dd
{
dd
{
display
:
table-row
;
display
:
table-row
;
}
}
dd
>
div
{
dd
>
div
{
display
:
table-cell
;
display
:
table-cell
;
padding
:
4px
3px
;
padding
:
4px
3px
;
font-size
:
18px
;
font-size
:
18px
;
color
:
rgb
(
24
,
228
,
240
);
color
:
rgb
(
24
,
228
,
240
);
}
}
.rolling
{
.rolling
{
height
:
36vh
;
height
:
36vh
;
overflow-y
:
auto
;
overflow-y
:
auto
;
}
}
.rolling
::-webkit-scrollbar
{
.rolling
::-webkit-scrollbar
{
/*滚动条整体样式*/
/*滚动条整体样式*/
width
:
8px
;
/*高宽分别对应横竖滚动条的尺寸*/
width
:
8px
;
/*高宽分别对应横竖滚动条的尺寸*/
height
:
1px
;
height
:
1px
;
}
}
.rolling
::-webkit-scrollbar-thumb
{
.rolling
::-webkit-scrollbar-thumb
{
/*滚动条里面小方块*/
/*滚动条里面小方块*/
border-radius
:
10px
;
border-radius
:
10px
;
background-color
:
#274088
;
background-color
:
#274088
;
...
@@ -326,11 +546,13 @@ dd>div{
...
@@ -326,11 +546,13 @@ dd>div{
transparent
75%
,
transparent
75%
,
transparent
transparent
);
);
}
}
.rolling
::-webkit-scrollbar-track
{
.rolling
::-webkit-scrollbar-track
{
/*滚动条里面轨道*/
/*滚动条里面轨道*/
box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
0.2
);
box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
0.2
);
background
:
#ededed
;
background
:
#ededed
;
border-radius
:
10px
;
border-radius
:
10px
;
}
}
}
</
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