lb #30
@ -369,7 +369,6 @@ export default {
|
|||||||
params: this.queryParams,
|
params: this.queryParams,
|
||||||
});
|
});
|
||||||
if (code == 0) {
|
if (code == 0) {
|
||||||
console.log('data', data);
|
|
||||||
this.list = data;
|
this.list = data;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -10,7 +10,18 @@
|
|||||||
<div
|
<div
|
||||||
class="app-container"
|
class="app-container"
|
||||||
style="margin-right: 12px; border-radius: 8px; background: #fff">
|
style="margin-right: 12px; border-radius: 8px; background: #fff">
|
||||||
<div class="factory-list" style="background: #ccc; height: 36px"></div>
|
<div class="factory-list__selector" style="" title="点击切换工厂">
|
||||||
|
{{ currentFactory || '工厂名称' }}
|
||||||
|
<div class="factory-list__wrapper">
|
||||||
|
<ul class="factory-list">
|
||||||
|
<li
|
||||||
|
v-for="fc in factoryList"
|
||||||
|
:key="fc.id"
|
||||||
|
@click="factoryChangeHandler"
|
||||||
|
class="factory-list__item"></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!-- side bar -->
|
<!-- side bar -->
|
||||||
<div
|
<div
|
||||||
class="side-bar__left"
|
class="side-bar__left"
|
||||||
@ -34,7 +45,7 @@
|
|||||||
<el-row>
|
<el-row>
|
||||||
<el-col class="custom-tabs">
|
<el-col class="custom-tabs">
|
||||||
<el-tabs v-model="activeName" @tab-click="handleTabClick">
|
<el-tabs v-model="activeName" @tab-click="handleTabClick">
|
||||||
<el-tab-pane label="数据列表" name="table">
|
<el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
|
||||||
<base-table
|
<base-table
|
||||||
v-if="mode == 'table'"
|
v-if="mode == 'table'"
|
||||||
:table-props="tableProps"
|
:table-props="tableProps"
|
||||||
@ -50,7 +61,7 @@
|
|||||||
@clickBtn="handleTableBtnClick" /> -->
|
@clickBtn="handleTableBtnClick" /> -->
|
||||||
</base-table>
|
</base-table>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="柱状图" name="graph">
|
<el-tab-pane :label="'\u3000柱状图\u3000'" name="graph">
|
||||||
<div class="graph" style="height: 56vh">
|
<div class="graph" style="height: 56vh">
|
||||||
<!-- graph -->
|
<!-- graph -->
|
||||||
<Graph v-if="list.length" :equipment-list="list" />
|
<Graph v-if="list.length" :equipment-list="list" />
|
||||||
@ -369,9 +380,44 @@ export default {
|
|||||||
transform: translateY(-12px);
|
transform: translateY(-12px);
|
||||||
}
|
}
|
||||||
.custom-tabs >>> .el-tabs__item {
|
.custom-tabs >>> .el-tabs__item {
|
||||||
padding-left: 8px !important;
|
padding-left: 0px !important;
|
||||||
padding-right: 8px !important;
|
padding-right: 0px !important;
|
||||||
line-height: 36px !important;
|
line-height: 36px !important;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.factory-list__selector {
|
||||||
|
position: relative;
|
||||||
|
height: 36px;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 36px;
|
||||||
|
padding-left: 28px;
|
||||||
|
background: url(../../../assets/images/factory-icon.png) 0 / 10% no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.factory-list__selector:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #0008;
|
||||||
|
}
|
||||||
|
|
||||||
|
.factory-list__selector::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 16px;
|
||||||
|
left: 100px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
/* background: #5c5c5c; */
|
||||||
|
border-color: #000;
|
||||||
|
border-width: 4px;
|
||||||
|
border-style: solid;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-right-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
.factory-list__selector:hover::after {
|
||||||
|
/* cursor: pointer; */
|
||||||
|
border-left-color: #0008;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user