bot_dev1
85df71fc28
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html，使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置，添加/operation路径支持 - 修复nextTick导入问题，优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
@use 'sass:map';
|
|
|
|
@use 'mixins/mixins' as *;
|
|
@use 'mixins/var' as *;
|
|
@use 'common/var' as *;
|
|
|
|
@include b(avatar) {
|
|
@include set-component-css-var('avatar', $avatar);
|
|
@include set-component-css-var('avatar-size', $avatar-size);
|
|
|
|
@include set-css-var-value(
|
|
('avatar', 'size'),
|
|
map.get($avatar-size, 'default')
|
|
);
|
|
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
outline: none;
|
|
color: getCssVar('avatar', 'text-color');
|
|
background: getCssVar('avatar', 'bg-color');
|
|
width: getCssVar('avatar', 'size');
|
|
height: getCssVar('avatar', 'size');
|
|
font-size: getCssVar('avatar', 'text-size');
|
|
|
|
> img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
@include m(circle) {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
@include m(square) {
|
|
border-radius: getCssVar('avatar', 'border-radius');
|
|
}
|
|
|
|
@include m(icon) {
|
|
font-size: getCssVar('avatar', 'icon-size');
|
|
}
|
|
|
|
@each $size in (small, large) {
|
|
@include m($size) {
|
|
@include set-css-var-value(
|
|
('avatar', 'size'),
|
|
map.get($avatar-size, $size)
|
|
);
|
|
}
|
|
}
|
|
}
|