Skip to content

K
kd_control
Commit f18a453e authored by zhanglw's avatar zhanglw
Browse files
Options

修复大屏下来框样式

parent 2ca32f2b
Hide whitespace changes
Inline Side-by-side
Showing with 105 additions and 17 deletions
src/views/MLargeScreen/components/smallComponents/DPcomputer13.vue
View file @ f18a453e
......@@ -8,7 +8,7 @@
<div>{{truckDynamicListData.number ? truckDynamicListData.number : '无'}}</div>
</div>
<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-select>
</div>
......@@ -106,7 +106,7 @@ export default {
let num1 = parseInt(this.truckDynamicListData.data.length) - 1;
//获取车辆实时数据
if(this.truckDynamicListData.num2 <= num1){
}else{
this.truckDynamicListData.num2 = 0;
}
......@@ -196,7 +196,7 @@ export default {
data: [
//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: {
normal: {
color: 'rgb(2,220,251)'
......@@ -205,7 +205,7 @@ export default {
},
//(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: {
normal: {
color: 'rgb(0,34,125)'
......@@ -252,7 +252,37 @@ export default {
}
}
</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>
*{
margin: 0;
......@@ -271,7 +301,7 @@ export default {
width: 100%;
height: 3.5vh;
background:no-repeat center center url('~@/assets/images/cutGraph/biaoti1.png');
background-size:100% 100%;
background-size:100% 100%;
padding-left: 10px;
box-sizing: border-box;
font-size: 18px;
......@@ -344,6 +374,5 @@ export default {
position: absolute;
top: 0.1vh;
left: 3vw;
opacity: 0;
}
</style>
\ No newline at end of file
</style>
src/views/MLargeScreen/components/smallComponents/DPcomputer14.vue
View file @ f18a453e
......@@ -8,7 +8,7 @@
<div>{{forkliftkDynamicListData.number ? forkliftkDynamicListData.number : '无'}}</div>
</div>
<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-select>
</div>
......@@ -25,8 +25,8 @@
<div>今日效率</div>
<div class="ForkliftDynamicContent1_son1">
{{
forkliftkDynamicListData.workTime != 0 ?
(forkliftkDynamicListData.rate ?
forkliftkDynamicListData.workTime != 0 ?
(forkliftkDynamicListData.rate ?
(parseFloat(forkliftkDynamicListData.rate) / parseFloat(forkliftkDynamicListData.workTime)).toFixed(0)
: 0)
: (forkliftkDynamicListData.rate == 0) ? 0 : 100
......@@ -112,7 +112,7 @@ export default {
let num1 = parseInt(this.forkliftkDynamicListData.data.length) - 1;
//获取车辆实时数据
if(this.forkliftkDynamicListData.num2 <= num1){
}else{
this.forkliftkDynamicListData.num2 = 0;
}
......@@ -177,7 +177,37 @@ export default {
}
}
</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>
*{
margin: 0;
......@@ -279,6 +309,6 @@ export default {
position: absolute;
top: 0.1vh;
left: 3vw;
opacity: 0;
/*opacity: 0;*/
}
</style>
\ No newline at end of file
</style>
src/views/MLargeScreen/components/smallComponents/DPcomputer15.vue
View file @ f18a453e
......@@ -8,7 +8,7 @@
<div>{{otherCarDynamicListData.number ? otherCarDynamicListData.number : '无'}}</div>
</div>
<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-select>
</div>
......@@ -110,7 +110,7 @@ export default {
let num1 = parseInt(this.otherCarDynamicListData.data.length) - 1;
//获取车辆实时数据
if(this.otherCarDynamicListData.num2 <= num1){
}else{
this.otherCarDynamicListData.num2 = 0;
}
......@@ -175,7 +175,37 @@ export default {
}
}
</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>
*{
margin: 0;
......@@ -277,6 +307,5 @@ export default {
position: absolute;
top: 0.1vh;
left: 3vw;
opacity: 0;
}
</style>
\ No newline at end of file
</style>
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