wikiboss/chengduzhongchuliang
1
0
派生 0
代码 工单 合并请求 Actions 软件包 项目 版本发布 百科 动态

feat(dashboard): 控制台剖析图表支持指标国标维度分类切换、去除厚重大色块并启用动态自适应刻度

浏览代码
这个提交包含在：
wikiboss
2026-11-02 16:19:39 +08:00
父节点 e115815596
当前提交 b7ed9ae49b
共有 3 个文件被更改，包括 170 次插入 和 32 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

73
application/admin/view/dashboard/index.html
查看文件

@@ -77,27 +77,48 @@
<!-- 仓库农作检测参数数据折线图 -->
<el-row class="row main">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="main-1">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="main-position">
<div class="main-refresh">
<div class="refresh-btn">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="main-1" style="background: #ffffff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,21,41,0.08); overflow: hidden;">
<style>
.custom-dashboard-bar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 14px 20px;
border-bottom: 1px solid #f0f2f5;
}
.category-filter-bar {
padding: 10px 20px;
background: #fafbfc;
border-bottom: 1px solid #ebeef5;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
</style>
<!-- 顶部筛选栏 -->
<div class="custom-dashboard-bar">
<div class="main-refresh" style="display: flex; align-items: center;">
<div class="refresh-btn" @click="getParamsLineCharts" style="cursor: pointer; display: flex; align-items: center; gap: 4px; color: #409eff; font-size: 14px;">
<i class="el-icon-refresh-right"></i>
<span class="main-refresh-tip theme-color-1">刷新图表</span>
<span class="main-refresh-tip" style="font-weight: 500;">刷新图表</span>
</div>
</div>
<div class="main-position-right">
<div class="main-position-right" style="display: flex; align-items: center; flex-wrap: wrap; gap: 10px;">
<div class="search-date">
<el-date-picker
size="small"
value-format="yyyy"
style="width: 220px;"
style="width: 140px;"
v-model="search.year"
type="year"
placeholder="检测年份">
</el-date-picker>
</div>
<div class="granary" style="margin-left: 10px;">
<el-select filterable size="small" style="width: 270px;" v-model="search.gid" placeholder="所属仓库" @change="granaryChange">
<div class="granary">
<el-select filterable size="small" style="width: 200px;" v-model="search.gid" placeholder="所属仓库" @change="granaryChange">
<el-option
v-for="item in granaryList"
:key="item.id"
@@ -106,21 +127,37 @@
</el-option>
</el-select>
</div>
<div class="type-list" style="margin-left: 10px;position: relative;top: -6px;">
<div class="screen-container-right display-flex" style="position: relative; top: 2px;">
<el-radio-group size="small" v-model="search.type" @change="typeChange">
<el-radio-button v-for="(item, index) of typeList" :label="index">{{item.name}}
</el-radio-button>
</el-radio-group>
</div>
<div class="type-list">
<el-radio-group size="small" v-model="search.type" @change="typeChange">
<el-radio-button v-for="(item, index) of typeList" :label="index">{{item.name}}
</el-radio-button>
</el-radio-group>
</div>
<div class="search-btn">
<el-button @click="getParamsLineCharts" size="small" type="primary" plain icon="el-icon-search">查询
</el-button>
</div>
</div>
</el-col>
<div class="chart-data">
</div>
<!-- 指标分类维度专属切换条 -->
<div class="category-filter-bar">
<div style="display: flex; align-items: center;">
<span style="font-size: 13px; color: #4b5563; margin-right: 12px; font-weight: 600;">
<i class="el-icon-s-operation" style="color: #409eff;"></i> 指标维度：
</span>
<el-radio-group size="mini" v-model="selectedCategory" @change="categoryChange">
<el-radio-button label="core">⭐ 核心品质</el-radio-button>
<el-radio-button label="impurity">🌾 物理与杂质</el-radio-button>
<el-radio-button label="storage">🧪 储存品质</el-radio-button>
<el-radio-button label="safety">🛡️ 卫生安全</el-radio-button>
<el-radio-button label="all">📊 全部指标</el-radio-button>
</el-radio-group>
</div>
<div style="font-size: 12px; color: #909399;">
<i class="el-icon-info"></i> 已按国标体系分类，Y轴动态自适应放大微量指标
</div>
</div>
<div class="chart-data" style="padding: 10px 10px 0 10px;">
<div style="height: 520px;" id="main-chart"></div>
</div>
</el-col>