Browse Source

fix: 问题按钮不能点击,本来就不是按钮,直接改样式

master
buaixuexideshitongxue 22 hours ago
parent
commit
87a3ef864d
  1. 93
      src/views/datav/Lmgz.vue

93
src/views/datav/Lmgz.vue

@ -220,23 +220,16 @@
</el-select>
</div>
</div>
<datav-tabs
type="bottom-button"
ref="ldTabs"
v-model="selectedLdTabs"
>
<datav-tab-item label="问题数" name="1">
<el-scrollbar height="200px">
<datav-chart-bar-fixbug
:data="list4"
clickable
@item-click="openDetail($event, 'police')"
size="small"
:color="colors"
/>
</el-scrollbar>
</datav-tab-item>
</datav-tabs>
<el-scrollbar height="200px">
<datav-chart-bar-fixbug
:data="list4"
clickable
@item-click="openDetail($event, 'police')"
size="small"
:color="colors"
/>
</el-scrollbar>
<div class="statistic-label">统计指标:问题数</div>
</datav-card>
</el-col>
<el-col :span="8">
@ -250,23 +243,16 @@
</el-select>
</div>
</div>
<datav-tabs
type="bottom-button"
ref="mjTabs"
v-model="selectedMjTabs"
>
<datav-tab-item label="问题数" name="1">
<el-scrollbar height="200px">
<datav-chart-bar-fixbug
:data="list5"
clickable
@item-click="openDetail($event, 'police')"
size="small"
:color="colors"
/>
</el-scrollbar>
</datav-tab-item>
</datav-tabs>
<el-scrollbar height="200px">
<datav-chart-bar-fixbug
:data="list5"
clickable
@item-click="openDetail($event, 'police')"
size="small"
:color="colors"
/>
</el-scrollbar>
<div class="statistic-label">统计指标:问题数</div>
</datav-card>
</el-col>
<el-col :span="8">
@ -280,23 +266,16 @@
</el-select>
</div>
</div>
<datav-tabs
type="bottom-button"
ref="xfjTabs"
v-model="selectedXfjTabs"
>
<datav-tab-item label="问题数" name="1">
<el-scrollbar height="200px">
<datav-chart-bar-fixbug
:data="list6"
clickable
@item-click="openDetail($event, 'police')"
size="small"
:color="colors"
/>
</el-scrollbar>
</datav-tab-item>
</datav-tabs>
<el-scrollbar height="200px">
<datav-chart-bar-fixbug
:data="list6"
clickable
@item-click="openDetail($event, 'police')"
size="small"
:color="colors"
/>
</el-scrollbar>
<div class="statistic-label">统计指标:问题数</div>
</datav-card>
</el-col>
</el-row>
@ -570,6 +549,18 @@ const colors = [
font-weight: bold;
}
.statistic-label {
width: fit-content;
margin: 20px auto 4px;
padding: 0 20px;
line-height: 34px;
text-align: center;
color: #b8dcff;
font-size: 14px;
background: rgba(40, 115, 210, 0.16);
border-radius: 4px;
}
.select-container {
width: 150px;
margin-left: auto;

Loading…
Cancel
Save