Skip to content

N
NewTruckTerminalSyetem
Commit ee7c4d0c authored by xxx's avatar xxx
Browse files
Options

1

parent d378b781
Show whitespace changes
Inline Side-by-side
Showing with 382 additions and 160 deletions
src/views/MLargeScreen/components/performanceStatistics/index.vue
View file @ ee7c4d0c
......@@ -7,15 +7,15 @@
<el-radio v-model="from.selectModel" label="司机日派单" border>司机日派单</el-radio>
<el-radio v-model="from.selectModel" label="司机产量报表" border>司机产量报表</el-radio>
</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>
<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-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 style="margin-top:5px;">
<div class="sijikaoheTitle">
<img src="../../../../assets/images/truckTuPian/fuxiaobiaotititle.png">
<span class="failureDeContent_left_title">司机考核：</span>
<span>司机考核：</span>
</div>
<div class="checkViews">
<div class="checkFrom_content">
......@@ -59,9 +59,9 @@
<div class="checkFrom_input">{{checkFromData.adr}}</div>
</div>
</div>
<div style="margin-bottom:5px;">
<div class="sijikaoheTitle">
<img src="../../../../assets/images/truckTuPian/fuxiaobiaotititle.png">
<span class="failureDeContent_left_title">智能派单：</span>
<span>智能派单：</span>
</div>
<div class="co-table">
<div class="rolling">
......@@ -102,7 +102,6 @@ export default {
carNumber:'',
}
},
mounted() { },
methods: {
loadData(value,chepaihao) {
this.showDecide = true;
......@@ -179,7 +178,34 @@ export default {
</script>
<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;
position: absolute;
top: 50%;
......@@ -191,8 +217,202 @@ export default {
transform: translate(-50%,-50%);
padding: 12px 30px 0px;
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;
font-size: 18px;
text-align: center;
......@@ -201,55 +421,55 @@ export default {
height: 4.5vh;
background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
background-size:100% 100%;
}
.achievementClose{
}
.achievementClose{
position: absolute;
top: 4vh;
right: 1vw;
cursor: pointer;
}
.achievementContent{
}
.achievementContent{
width: 100%;
}
/* 未选中样式 */
.is-bordered .el-radio__label{
}
/* 未选中样式 */
.is-bordered .el-radio__label{
font-size: 20px;
color: wheat;
}
.is-bordered {
}
.is-bordered {
border: wheat 2px solid;
height: 40px;
width: 200px;
line-height: 22px;
}
.is-bordered .el-radio__inner{
}
.is-bordered .el-radio__inner{
height: 18px;
width: 18px;
}
/* 选中样式 */
.el-radio__input.is-checked+.el-radio__label{
}
/* 选中样式 */
.el-radio__input.is-checked+.el-radio__label{
color: rgb(24,228,240);
}
.el-radio.is-bordered.is-checked{
}
.el-radio.is-bordered.is-checked{
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);
background: rgb(24,228,240);
}
.el-radio{
}
.el-radio{
margin: 0;
}
.el-input--small .el-input__inner {
}
.el-input--small .el-input__inner {
height:40px;
}
.checkViews{
}
.checkViews{
display: flex;
justify-content: space-between;
margin-top:7px;
flex-wrap: wrap;
}
.checkFrom_content{
}
.checkFrom_content{
width: 48%;
height: 4vh;
line-height: 4vh;
......@@ -260,8 +480,8 @@ export default {
letter-spacing: 1px;
display: flex;
justify-content: space-between;
}
.checkFrom_input{
}
.checkFrom_input{
width: 15vw;
border: 2px solid rgb(23,249,250);
border-radius: 5px;
......@@ -271,48 +491,48 @@ export default {
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.co-table{
}
.co-table{
text-align: center;
}
.table-box{
}
.table-box{
margin-top: 0px;
}
dl{
}
dl{
display:table;
width:100%;
}
dt{
}
dt{
margin-top: 20px;
display:table-row;
background-color: #274088;
}
dt>div{
}
dt>div{
display:table-cell;
padding:4px 3px;
font-size: 18px;
font-weight: 500;
color: rgb(24,228,240);
}
dd{
}
dd{
display:table-row;
}
dd>div{
}
dd>div{
display:table-cell;
padding:4px 3px;
font-size: 18px;
color: rgb(24,228,240);
}
.rolling{
}
.rolling{
height: 36vh;
overflow-y:auto;
}
.rolling::-webkit-scrollbar {
}
.rolling::-webkit-scrollbar {
/*滚动条整体样式*/
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.rolling::-webkit-scrollbar-thumb {
}
.rolling::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius : 10px;
background-color: #274088;
......@@ -326,11 +546,13 @@ dd>div{
transparent 75%,
transparent
);
}
.rolling::-webkit-scrollbar-track {
}
.rolling::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ededed;
border-radius: 10px;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment