fix(modules/web): use native confirm

modules/web/src/views/BookChapter.vue

@@ -545,9 +545,8 @@ onUnmounted(() => {
   scrollObserver = null;
 });
 
-/**
+
-onBeforeRouteLeave(async (to, from, next) => {
+const addToBookShelfConfirm = async () => {
-  按下返回键时不能触发 ElMessageBox.confirm
   const bookUrl = sessionStorage.getItem("bookUrl");
   const bookName = sessionStorage.getItem("bookName");
   const isSeachBook = sessionStorage.getItem("isSeachBook");
@@ -555,24 +554,29 @@ onBeforeRouteLeave(async (to, from, next) => {
   sessionStorage.removeItem("isSeachBook");
   // 阅读的是搜索的书籍 并未在书架
   if (isSeachBook === "true") {
-      await ElMessageBox.confirm(
+    const addtoshelf = window.confirm(`是否将《${bookName}》放入书架？`)
-        `是否将《${bookName}》放入书架？`,
+    if (!addtoshelf) await API.deleteBook(book);
-        "放入书架",
+      //按下返回键时不能触发 ElMessageBox.confirm
-        {
+/*     await ElMessageBox.confirm(
-          confirmButtonText: "确认",
+      `是否将《${bookName}》放入书架？`,
-          cancelButtonText: "否",
+      "放入书架",
-          type: "info"
+      {
-        }
+        confirmButtonText: "确认",
-      ).then(() => {
+        cancelButtonText: "否",
-        //选择是，无动作
+        type: "info"
-      }).catch(async () => {
+      }
-        //选择否，删除书籍
+    ).then(() => {
-        await API.deleteBook(book);
+      //选择是，无动作
-      })
+    }).catch(async () => {
+      //选择否，删除书籍
+      await API.deleteBook(book);
+    }) */
   }
+}
+onBeforeRouteLeave(async (to, from, next) => {
+  await addToBookShelfConfirm();
   next();
 });
-**/
 </script>
 
 <style lang="scss" scoped>