fix: fix refresh during task pending

app/config/locale/en-US.json

@@ -149,6 +149,7 @@
     "importStopped": "Import stopped",
     "importFailed": "Failed",
     "importRunning": "Running",
+    "importPending": "Pending",
     "notImported": "{total} lines not imported",
     "readFailed": "{total} lines read failed",
     "selectFile": "Select bind source file",

app/config/locale/zh-CN.json

@@ -149,6 +149,7 @@
     "importStopped": "导入中止",
     "importFailed": "导入失败",
     "importRunning": "导入中",
+    "importPending": "等待导入",
     "notImported": "{total}行未导入",
     "readFailed": "{total}行读取失败",
     "selectFile": "选择绑定文件",

app/pages/Import/TaskCreate/index.tsx

@@ -34,6 +34,7 @@ const TaskCreate = (props: IProps) => {
   const [modalVisible, setVisible] = useState(false);
   const history = useHistory();
   const { needPwdConfirm = true } = props;
+  const [loading, setLoading] = useState(false);
   const routes = [
     {
       path: '/import/tasks',
@@ -55,10 +56,12 @@ const TaskCreate = (props: IProps) => {
   };
   const handleStartImport = async (password?: string) => {
     setVisible(false);
+    setLoading(true);
     const code = await importTask({
       name: basicConfig.taskName, 
       password
     });
+    setLoading(false);
     if(code === 0) {
       message.success(intl.get('import.startImporting'));
       history.push('/import/tasks');
@@ -193,7 +196,7 @@ const TaskCreate = (props: IProps) => {
         <Button type="primary" disabled={
           basicConfig.taskName === ''
           || (!verticesConfig.length && !edgesConfig.length)
-        } onClick={checkConfig}>{intl.get('import.runImport')}</Button>
+        } onClick={checkConfig} loading={!needPwdConfirm && loading}>{intl.get('import.runImport')}</Button>
       </div>
       {needPwdConfirm && <PasswordInputModal 
         visible={modalVisible} 

app/pages/Import/TaskList/TaskItem/LogModal/index.tsx

@@ -78,7 +78,7 @@ const LogModal = (props: IProps) => {
       if(isMounted) {
         timer.current = setTimeout(readLog, 2000);
       }
-    } else if (_status.current === ITaskStatus.StatusProcessing) {
+    } else if ([ITaskStatus.StatusProcessing, ITaskStatus.StatusPending].includes(_status.current)) {
       if(isMounted) {
         timer.current = setTimeout(readLog, 2000);
       }
@@ -123,7 +123,7 @@ const LogModal = (props: IProps) => {
       title={<>
         <div className={styles.importModalTitle}>
           <span>{`${space} ${intl.get('import.task')} - ${intl.get('common.log')}`}</span>
-          {(loading || status === ITaskStatus.StatusProcessing) && <Button type="text" loading={true} />}
+          {(loading || [ITaskStatus.StatusProcessing, ITaskStatus.StatusPending].includes(status)) && <Button type="text" loading={true} />}
         </div>
         {showLogDownload && <Button className="studioAddBtn primaryBtn" onClick={handleLogDownload}>
           <Icon type="icon-studio-btn-download" />

app/pages/Import/TaskList/TaskItem/index.tsx

@@ -36,6 +36,7 @@ const COLOR_MAP = {
     to: '#2F80ED',
   },
 };
+const loadingStatus = [ITaskStatus.StatusPending, ITaskStatus.StatusProcessing]
 const TaskItem = (props: IProps) => {
   const { 
     data: { 
@@ -74,7 +75,7 @@ const TaskItem = (props: IProps) => {
     if(status === ITaskStatus.StatusFinished) {
       setStatus('success');
       addMsg();
-    } else if(status === ITaskStatus.StatusProcessing) {
+    } else if(loadingStatus.includes(status)) {
       setStatus('active');
       addMsg();
     } else {
@@ -114,6 +115,9 @@ const TaskItem = (props: IProps) => {
                 {intl.get('import.importCompleted')}
                 <span className={styles.red}>{extraMsg && ` (${extraMsg})`}</span>
               </span>}
+              {!stats && status === ITaskStatus.StatusPending && <span className={styles.completeInfo}>
+                {intl.get('import.importPending')}
+              </span>}
               {!stats && status === ITaskStatus.StatusProcessing && <span className={styles.completeInfo}>
                 {intl.get('import.importRunning')}
               </span>}
@@ -151,7 +155,7 @@ const TaskItem = (props: IProps) => {
           >
             <Button className="cancelBtn">{intl.get('import.endImport')}</Button>
           </Popconfirm>}
-          {status !== ITaskStatus.StatusProcessing && 
+          {!loadingStatus.includes(status) && 
           <Popconfirm
             placement="left"
             title={intl.get('common.ask')}

app/pages/Import/TaskList/index.tsx

@@ -78,10 +78,11 @@ const TaskList = (props: IProps) => {
     };
   }, []);
   useEffect(() => {
-    const needRefresh = taskList.filter(item => item.status === ITaskStatus.StatusProcessing).length > 0;
-    if(logDimension.id !== undefined && logDimension.status === ITaskStatus.StatusProcessing) {
+    const loadingStatus = [ITaskStatus.StatusProcessing, ITaskStatus.StatusPending]
+    const needRefresh = taskList.filter(item => loadingStatus.includes(item.status)).length > 0;
+    if(logDimension.id !== undefined && loadingStatus.includes(logDimension.status)) {
       const status = taskList.filter(item => item.id === logDimension.id)[0].status;
-      if(status !== ITaskStatus.StatusProcessing) {
+      if(!loadingStatus.includes(status)) {
         setLogDimension({
           id: logDimension.id,
           space: logDimension.space,