xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix:根据ui修改页面 echats图滑动条

Browse Source
This commit is contained in:
zhaohy
2024-08-20 15:56:19 +08:00
parent 400839e865
commit 257716253c
12 changed files with 179 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue
View File

@@ -214,11 +214,27 @@
{
type: 'slider',
// backgroundColor: 'yellow',
// fillerColor: 'yellow',
fillerColor: new echarts.graphic.LinearGradient(
0,
0,
1,
0,
[
{
offset: 0,
color: 'rgba(97, 134, 255, 1)',
},
{
offset: 1,
color: 'rgba(36, 186, 255, 1)',
},
],
false,
),
height: 12, // 设置slider的高度为15
start: 0,
end: 100,
right: 11,
right: 13,
left: 10,
bottom: 10,
handleIcon:
@@ -226,9 +242,41 @@
handleSize: '140%', // 放大按钮
// borderColor: 'none',
handleStyle: {
// color: 'red',
// shadowBlur: 6,
// shadowColor: 'yellow',
color: new echarts.graphic.LinearGradient(
0,
0,
1,
0,
[
{
offset: 0,
color: 'rgba(97, 134, 255, 1)',
},
{
offset: 1,
color: 'rgba(36, 186, 255, 1)',
},
],
false,
),
borderWidth: 4,
borderColor: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: 'rgba(255, 255, 255, 1)',
},
{
offset: 1,
color: 'rgba(204, 238, 255, 1)',
},
],
false,
),
shadowOffsetX: 0, // 阴影偏移x轴多少
shadowOffsetY: 0, // 阴影偏移y轴多少
},

5
hx-ai-intelligent/src/view/alarmManagement/energyAlarm/status.vue
View File

@@ -32,7 +32,7 @@
placeholder="请输入异常描述"
:disabled="showEdit"
style="width: 85%"
:autoSize="{ minRows: 4, maxRows: 4 }" />
:autoSize="{ minRows: 9, maxRows: 9 }" />
</a-form-item>
</a-form>
</div>
@@ -158,9 +158,10 @@
logList.value.forEach((item) => {
item.stateName = item.state.label;
item.color = colorMap[item.state.value];
item.bgColor = bgColorMap[item.state];
item.bgColor = bgColorMap[item.state.value];
item.src = 'state-' + item.state.value;
});
console.log(logList.value);
config.value.dataSource = logList.value;
}
});