Browse Source

update:高级配置在 TargetDetailModal 中默认收起

refactor:RealtimeCharts 设备颜色映射逻辑简化为基于下标选择
fix:CameraView 中 hasAdvancedConfig 统一设为 false,保证行为一致
master
qinjian 3 days ago
parent
commit
4341649263
  1. 2
      client/src/sections/wuyuanbiaoba/components/CameraView.jsx
  2. 49
      client/src/sections/wuyuanbiaoba/components/RealtimeCharts.jsx
  3. 3
      client/src/sections/wuyuanbiaoba/components/TargetDetailModal.jsx

2
client/src/sections/wuyuanbiaoba/components/CameraView.jsx

@ -298,7 +298,7 @@ const CameraView = ({
anchorThreshold: selectedTemplate.anchorThresholdValue || 80,
gaussianBlurThreshold: selectedTemplate.gaussianBlur || 3,
binaryThreshold: selectedTemplate.binaryThreshold || 120,
hasAdvancedConfig: true,
hasAdvancedConfig: false,
}
: {
//

49
client/src/sections/wuyuanbiaoba/components/RealtimeCharts.jsx

@ -37,22 +37,19 @@ const RealtimeCharts = ({ tableData, lastUpdateTime }) => {
return <div>数据格式错误</div>;
}
//
const getDeviceColor = (deviceDesc) => {
const colorMap = {
target1: "#52c41a", // 绿
target2: "#faad14", //
target3: "#f5222d", //
target4: "#722ed1", //
target5: "#fa8c16", //
target6: "#13c2c2", //
target7: "#eb2f96", //
target8: "#2f54eb", //
target9: "#fa541c", //
target10: "#1890ff", //
};
return colorMap[deviceDesc] || "#1890ff";
// - 使
const getDeviceColor = (index) => {
// 55线
const colors = [
"#52c41a", // 绿
"#faad14", //
"#f5222d", //
"#722ed1", //
"#13c2c2", //
];
// 使
return colors[index % colors.length];
};
// - 25
@ -204,7 +201,7 @@ const RealtimeCharts = ({ tableData, lastUpdateTime }) => {
return { labels: [], datasets: [] };
}
const datasets = deviceIds.map((deviceId) => {
const datasets = deviceIds.map((deviceId, index) => {
const data = sortedTimes.map((timeKey) => {
const timeData = timeGroups[timeKey] || [];
const deviceData = timeData.find(
@ -219,8 +216,8 @@ const RealtimeCharts = ({ tableData, lastUpdateTime }) => {
return {
label: deviceId,
data: data,
borderColor: getDeviceColor(deviceDesc),
backgroundColor: getDeviceColor(deviceDesc) + "20",
borderColor: getDeviceColor(index),
backgroundColor: getDeviceColor(index) + "20",
borderWidth: 2,
pointRadius: 3,
pointHoverRadius: 5,
@ -247,7 +244,7 @@ const RealtimeCharts = ({ tableData, lastUpdateTime }) => {
return { labels: [], datasets: [] };
}
const datasets = deviceIds.map((deviceId) => {
const datasets = deviceIds.map((deviceId, index) => {
const data = sortedTimes.map((timeKey) => {
const timeData = timeGroups[timeKey] || [];
const deviceData = timeData.find(
@ -262,8 +259,8 @@ const RealtimeCharts = ({ tableData, lastUpdateTime }) => {
return {
label: deviceId,
data: data,
borderColor: getDeviceColor(deviceDesc),
backgroundColor: getDeviceColor(deviceDesc) + "20",
borderColor: getDeviceColor(index),
backgroundColor: getDeviceColor(index) + "20",
borderWidth: 2,
pointRadius: 3,
pointHoverRadius: 5,
@ -476,15 +473,15 @@ const RealtimeCharts = ({ tableData, lastUpdateTime }) => {
>
全部隐藏
</Button>
{deviceIds.map((deviceId,index) => (
{deviceIds.map((deviceId, index) => (
<Button
key={deviceId}
size="small"
type={visibleTargets[deviceId] ? "primary" : "default"}
style={{
borderColor: getDeviceColor(deviceDescMap[deviceId] || deviceId),
color: visibleTargets[deviceId] ? "#fff" : getDeviceColor(deviceDescMap[deviceId] || deviceId),
backgroundColor: visibleTargets[deviceId] ? getDeviceColor(deviceDescMap[deviceId] || deviceId) : "#fff"
borderColor: getDeviceColor(index),
color: visibleTargets[deviceId] ? "#fff" : getDeviceColor(index),
backgroundColor: visibleTargets[deviceId] ? getDeviceColor(index) : "#fff"
}}
onClick={() => toggleTargetVisibility(deviceId)}
>

3
client/src/sections/wuyuanbiaoba/components/TargetDetailModal.jsx

@ -38,7 +38,8 @@ const TargetDetailModal = ({
anchorThreshold: targetData.anchorThreshold || 80,
gaussianBlurThreshold: targetData.gaussianBlurThreshold || 3,
});
setAdvancedConfig(targetData.hasAdvancedConfig || false);
//
setAdvancedConfig(false);
} else if (visible && mode === "add") {
//
form.setFieldsValue({

Loading…
Cancel
Save