fix: clear backend parameters when change model file

src/components/card-wrapper/simple-card.tsx

@@ -0,0 +1,65 @@
+import { createStyles } from 'antd-style';
+import React from 'react';
+import styled from 'styled-components';
+
+const SimpleCardItemWrapper = styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  gap: 10px;
+`;
+
+const useStyles = createStyles(({ css, token }) => ({
+  wrapper: css`
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadius}px;
+    padding: ${token.padding}px;
+    justify-content: center;
+    align-items: center;
+    gap: ${token.padding}px;
+    .title {
+      font-size: ${token.fontSize}px;
+      font-weight: var(--font-weight-500);
+    }
+  `
+}));
+export const SimpleCardItem: React.FC<{
+  title?: string;
+  content?: React.ReactNode;
+  style?: React.CSSProperties;
+}> = (props) => {
+  const { styles } = useStyles();
+
+  const { title, content, style } = props;
+
+  return (
+    <div className={styles.wrapper} style={style}>
+      <div className="title">{title}</div>
+      <div className="content">{content}</div>
+    </div>
+  );
+};
+
+export const SimpleCard: React.FC<{
+  dataList: { label: string; value: React.ReactNode }[];
+}> = (props) => {
+  const { dataList } = props;
+
+  return (
+    <SimpleCardItemWrapper>
+      {dataList.map((item, index) => (
+        <SimpleCardItem
+          key={index}
+          title={item.label}
+          content={item.value}
+        ></SimpleCardItem>
+      ))}
+    </SimpleCardItemWrapper>
+  );
+};

src/components/echarts/config.ts

@@ -98,8 +98,6 @@ export default function useChartConfig() {
   };
 
   const yAxis = {
-    // max: 100,
-    // min: 0,
     nameTextStyle: {
       padding: [0, 0, 0, -20]
     },

src/components/echarts/mix-line-bar.tsx

@@ -30,6 +30,7 @@ const MixLineBarChart: React.FC<
     grid,
     legend,
     lineItemConfig,
+    barItemConfig,
     title: titleConfig,
     tooltip,
     xAxis,
@@ -73,7 +74,7 @@ const MixLineBarChart: React.FC<
   };
 
   const dataOptions = useMemo((): any => {
-    const data = _.map(seriesData, (item: any) => {
+    const linedata = _.map(lineSeriesData, (item: any) => {
       return {
         ...item,
         ...lineItemConfig,
@@ -82,12 +83,26 @@ const MixLineBarChart: React.FC<
           ...lineItemConfig.itemStyle,
           color: item.color
         },
+        yAxisIndex: 1,
         lineStyle: {
           ...lineItemConfig.lineStyle,
           color: item.color
         }
       };
     });
+
+    const barData = _.map(barSeriesData, (item: any) => {
+      return {
+        ...item,
+        ...barItemConfig,
+        stack: 'total',
+        yAxisIndex: 0,
+        itemStyle: {
+          color: item.color
+        }
+      };
+    });
+
     return {
       ...options,
       animation: false,
@@ -95,25 +110,35 @@ const MixLineBarChart: React.FC<
         ...titleConfig,
         text: title
       },
-      yAxis: {
-        ...options.yAxis,
-        name: yAxisName,
-        nameTextStyle: {
-          fontSize: 12,
-          align: 'right'
+      yAxis: [
+        {
+          ...options.yAxis,
+          min: 0,
+
+          splitNumber: 7
+        },
+        {
+          ...options.yAxis,
+          min: 0,
+          max: 70,
+          splitNumber: 7,
+          nameTextStyle: {
+            fontSize: 12,
+            align: 'right'
+          }
         }
-      },
+      ],
       xAxis: {
         ...options.xAxis,
         data: xAxisData
       },
-      series: data
+      series: [...linedata, ...barData]
     };
   }, [seriesData, xAxisData, yAxisName, title, smooth, legendData, options]);
 
   return (
     <>
-      {!seriesData.length ? (
+      {!lineSeriesData.length && !barSeriesData.length ? (
         <EmptyData height={height} title={title}></EmptyData>
       ) : (
         <Chart