add progress bar

frontend_refactor/src/containers/TaskList.js

@@ -1,5 +1,5 @@
 import React from "react";
-import {Collapse, Divider} from "antd";
+import {Collapse, Divider, Progress} from "antd";
 import axios from "axios";
 import {BACKEND_URL} from "../config";
 
@@ -44,6 +44,13 @@ class TaskList extends React.Component {
                             let data = ""
                             let advice = ""
                             let raw = ""
+                            let progress = 0
+
+                            try {
+                                progress = details.progress
+                            } catch (e) {
+
+                            }
 
                             try {
                                 raw = JSON.stringify(details)
@@ -56,6 +63,7 @@ class TaskList extends React.Component {
                             return (
                                 <Collapse.Panel header={"任务 ID: " + x} key={x}>
                                     <p>状态: {details.status}</p>
+                                    <p><Progress style={{width: "50%"}} percent={progress} status={details.status === "running" ? "active" : "exception"} /></p>
                                     <p>建议: {advice}</p>
                                     <p>评分: {data}</p>
                                     <p>原始数据: {raw}</p>