add machine serialler;render test list data;

3 files changed, 40 insertions, 7 deletions

diff --git a/front-end/src/component/client-box/index.css b/front-end/src/component/client-box/index.css
new file mode 100644
index 0000000..b96f59e
--- /dev/null
+++ b/front-end/src/component/client-box/index.css
@@ -0,0 +1,6 @@
+.improve{
+    background-color: #d9f7be;
+}
+.decline{
+    background-color: #ffccc7;
+}
\ No newline at end of file
diff --git a/front-end/src/component/client-box/index.jsx b/front-end/src/component/client-box/index.jsx
new file mode 100644
index 0000000..5fc6599
--- /dev/null
+++ b/front-end/src/component/client-box/index.jsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import './index.css';
+import classNames from 'classnames';
+class ClientBox extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            isImprove: true,
+        };
+
+    }
+
+    render() {
+        let imgSrc = require('image/client-icon/' + this.props.clientNum + '.png');
+        let std = this.props.std;
+        let median = this.props.median;
+        let boxClass = classNames({
+            'client-box': true,
+            'improve': median > std,
+            'decline': (median <= std)
+        });
+
+        return (
+            <div className={boxClass}>
+                <img src={imgSrc} alt=""/>
+            </div>
+        );
+    }
+}
+
+export default ClientBox;
\ No newline at end of file
diff --git a/front-end/src/component/result-filter/index.jsx b/front-end/src/component/result-filter/index.jsx
index fbbc4cf..77bfe28 100644
--- a/front-end/src/component/result-filter/index.jsx
+++ b/front-end/src/component/result-filter/index.jsx
@@ -76,14 +76,9 @@ class ResultFilter extends React.Component {
             // selected: newArr,
             isClear: false
         });
-        this.handleIsLoading();
-
-        console.log(this.props.isLoading)
-    }
-
-    handleIsLoading(e) {
-        // console.log(e.target.value)
         this.props.onIsLoadingChange(true);
+        this.props.onApplyBtnClick(true);
+        console.log('isLoading:' + this.props.isLoading)
     }
 
     resetButtonClick() {