update gen seo

frontend/src/views/main/KnowledgeGraph.vue

@@ -35,18 +35,40 @@ async function getStage() {
     } else {
       maxStage.value = response.data.message;
       haveStage.value = true;
+      getNodeNum();
+
+      // // 層級小於四層才顯示新增按鈕
+      // if (response.data.message < 4) {
+      //   showStageBtn.value = true;
+      // } else {
+      //   showStageBtn.value = false;
+      // }
+    }
+
+    console.log("response.data.message", response.data.message);
+
+    searchLoading.value = false;
+  } catch (error) {
+    console.error("error", error);
+  }
+}
+
+// 取得 node 層數
+async function getNodeNum() {
+  let url = `https://cmm.ai:8083/get_node_num3?kw=${kwVal.value}&region=${regionsVal.value}&language=${languageVal.value}&stage=${maxStage.value}`;
+
+  try {
+    let response = await axios.get(url);
+    console.log("取得 node 層數", response);
 
-      // 層級小於四層才顯示新增按鈕
-      if (response.data.message < 4) {
+    // 數量小於 120 顯示新增層級
+    if (response.status === 200) {
+      if (response.data.message < 120) {
         showStageBtn.value = true;
       } else {
         showStageBtn.value = false;
       }
     }
-
-    console.log("response.data.message", response.data.message);
-
-    searchLoading.value = false;
   } catch (error) {
     console.error("error", error);
   }
@@ -161,6 +183,11 @@ async function getKwStateList() {
 
     let list = response.data.message;
 
+    if (list.status_code === 204) {
+      alert("新增失敗，請重新輸入");
+      return;
+    }
+
     if (list.length) {
       stateList.length = 0;
       list.map((item) => {
@@ -175,6 +202,9 @@ async function getKwStateList() {
 
 getKwStateList();
 
+// 每分鐘更新狀態
+setInterval(getKwStateList, 60000);
+
 const headers = [
   {
     title: "關鍵字",
@@ -188,6 +218,11 @@ const headers = [
     key: "state",
     align: "left",
   },
+  {
+    title: "等待時間 (分)",
+    sortable: true,
+    key: "waiting_time",
+  },
 ];
 
 // 計算下拉選單層級數