Browse Source

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

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

39
src/views/datav/Lmgz.vue

@ -220,12 +220,6 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<datav-tabs
type="bottom-button"
ref="ldTabs"
v-model="selectedLdTabs"
>
<datav-tab-item label="问题数" name="1">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="list4" :data="list4"
@ -235,8 +229,7 @@
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> <div class="statistic-label">统计指标:问题数</div>
</datav-tabs>
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -250,12 +243,6 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<datav-tabs
type="bottom-button"
ref="mjTabs"
v-model="selectedMjTabs"
>
<datav-tab-item label="问题数" name="1">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="list5" :data="list5"
@ -265,8 +252,7 @@
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> <div class="statistic-label">统计指标:问题数</div>
</datav-tabs>
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -280,12 +266,6 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<datav-tabs
type="bottom-button"
ref="xfjTabs"
v-model="selectedXfjTabs"
>
<datav-tab-item label="问题数" name="1">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="list6" :data="list6"
@ -295,8 +275,7 @@
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> <div class="statistic-label">统计指标:问题数</div>
</datav-tabs>
</datav-card> </datav-card>
</el-col> </el-col>
</el-row> </el-row>
@ -570,6 +549,18 @@ const colors = [
font-weight: bold; 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 { .select-container {
width: 150px; width: 150px;
margin-left: auto; margin-left: auto;

Loading…
Cancel
Save