feat: 前端组件目录结构调整

frontend/src/components/EditSpider.vue → frontend/src/components/spider/EditSpider.vue

@@ -327,7 +327,7 @@ const getPageData = () => {
 }
 
 const handleSave = () => {
-    dialogVisible.value = false;
+    // dialogVisible.value = false;
     const payload = getPageData()
     emit("custom-event", payload)
     formData.value = {}

frontend/src/main.js

@@ -1,15 +1,15 @@
 import { createApp } from 'vue'
-import store from './store'
+import store from './store';
 
 //element-plus 初始化
 import ElementPlus from 'element-plus'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
 import 'element-plus/dist/index.css'
-import './style.css';
-import 'element-plus/theme-chalk/index.css';
+import './styles/element/index.scss'
 
 //平台自身的设置
+import './style.css';
 import router from './router';
 import App from './App.vue'
 

frontend/src/style.css

@@ -1,13 +1,15 @@
+html {
+    background-color: #fff;
+}
+
 body {
     margin: 0;
-    background-color:#fff;
 }
 
 #app {
     height: 100vh;
-    overflow: hidden;
 }
 
-.space{
-    height:8px;
-}
+.space {
+    height: 8px;
+}

frontend/src/styles/element/index.scss

@@ -0,0 +1,7 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': green,
+    ),
+  ),
+);

frontend/src/views/CodeList.vue

@@ -1,5 +1,5 @@
 <template>
-    <Navigator pageTitle="爬虫列表"></Navigator>
+    <Breadcrumb pageTitle="爬虫列表"></Breadcrumb>
     <div class="space"></div>
     <el-card>
         <el-header>
@@ -122,8 +122,8 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { BrowserOpenURL, EventsOn } from "../../wailsjs/runtime"
 import { SaveOrUpdateSpiderConfig } from "../../wailsjs/go/main/App"
 import { SwitchSpiderConfig } from "../../wailsjs/go/main/App"
-import Navigator from "../components/Navigator.vue"
-import EditSpider from "../components/EditSpider.vue"
+import Breadcrumb from "../components/Breadcrumb.vue"
+import EditSpider from "../components/spider/EditSpider.vue"
 import useCodeListFiltersWithRole from '../composables/filter-options'
 import { USER_ROLE_ADMIN, USER_ROLE_DEVELOPER, USER_ROLE_REVIEWER } from '../data/user'
 import { Refresh, Search, Box } from '@element-plus/icons-vue'

frontend/src/views/Help.vue

@@ -0,0 +1,43 @@
+<template>
+    <el-card>
+        <Breadcrumb pageTitle="系统帮助" />
+        <h3>一.使用说明</h3>
+        <p>
+            1. 导入/添加/从任务池认领 爬虫开发任务<br />
+            2. 开启浏览器嗅探，使用快捷键生成CSS选择器<br />
+            3. 调试，验证采集结果
+        </p>
+        <h3>二.常见问题</h3>
+        <p>
+
+            1. 证书安装<br />
+            双击cert.crt文件，安装证书<br />
+            注意：<br />
+            证书存储位置，需要选择，不能“根据证书类型，自动选择证书存储”<br />
+            证书存储位置，一定要选择“收信任的根证书办法机构”，<br />
+            否则插件无法与开发工具配合使用。<br />
+
+        </p>
+        <p>
+            2. chrome插件安装<br />
+            spidercsssnifer.crx 使用 zip /winrar /winzip 等压缩/解压软件解压<br />
+            打开chrome浏览器，进入扩展程序管理；<br />
+            1）. 打开 开发者模式，<br />
+            2）加载已解压的扩展程序，选择刚才的解压目录即可<br />
+        </p>
+        <p>
+            3. 设置默认浏览器为chrome浏览器<br />
+        </p>
+        <p>
+            4. 设置浏览器信任localhost的自签名证书<br />
+            打开chrome浏览器，在地址栏：输入“ chrome://flags/#allow-insecure-localhost ”<br />
+            看到“Allow invalid certificates for resources loaded from localhost.”条目，<br />
+            将右侧的 “已停用”改为“已启用”<br />
+            重启chrome浏览器<br />
+        </p>
+    </el-card>
+</template>
+<script setup>
+import { ref } from 'vue';
+import Breadcrumb from '../components/Breadcrumb.vue'
+</script>

frontend/src/views/Home.vue

@@ -1,5 +1,5 @@
 <template>
-    <Navigator pageTitle="爬虫列表"></Navigator>
+    <Breadcrumb pageTitle="爬虫列表"></Breadcrumb>
     <div class="space"></div>
     <el-card>
         <el-header style="text-align: center;">
@@ -82,9 +82,9 @@ import { BrowserOpenURL, EventsOn } from "../../wailsjs/runtime"
 import { LoadSpiderConfigAll, SaveOrUpdateSpiderConfig } from "../../wailsjs/go/main/App"
 import { GetLoginState, PutLoginState, ServerActionCheckLogin } from "../../wailsjs/go/main/App"
 import { ImportSpiderConfigByExcelFile, SwitchSpiderConfig, DeleteSpiderConfig, SelectOpenFilePath } from "../../wailsjs/go/main/App"
-import Navigator from "../components/Navigator.vue"
-import InsertSpider from "../components/InsertSpider.vue"
-import EditSpider from "../components/EditSpider.vue"
+import Breadcrumb from "../components/Breadcrumb.vue"
+import InsertSpider from "../components/spider/InsertSpider.vue"
+import EditSpider from "../components/spider/EditSpider.vue"
 
 const router = useRouter();
 const store = useStore();

frontend/src/views/Login.vue

@@ -1,6 +1,6 @@
 <template>
     <el-card>
-        <Navigator pageTitle="用户登录" />
+        <Breadcrumb pageTitle="用户登录" />
         <div class="space"></div>
         <el-row>
             <el-col :span="6"></el-col>
@@ -28,7 +28,7 @@
 </template>
 <script setup>
 import { ref } from 'vue';
-import Navigator from '../components/Navigator.vue'
+import Breadcrumb from '../components/Breadcrumb.vue'
 import { useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus'

frontend/src/views/Run.vue

@@ -1,5 +1,5 @@
 <template>
-    <Navigator pageTitle="运行/测试爬虫"></Navigator>
+    <Breadcrumb pageTitle="运行/测试爬虫"></Breadcrumb>
     <div class="space"></div>
     <div class="flex gap-2">
         <el-space>
@@ -86,8 +86,8 @@
 <script setup>
 import { ref } from 'vue';
 import { ElMessage } from 'element-plus'
-import Navigator from "../components/Navigator.vue"
-import ViewArticle from "../components/ViewArticle.vue"
+import Breadcrumb from "../components/Breadcrumb.vue"
+import ViewArticle from "../components/spider/ViewArticle.vue"
 
 import { ViewCurrentSpiderConfig, DebugSpider, StopDebugSpider } from "../../wailsjs/go/main/App"
 import { ViewResultItemAll, SelectSaveFilePath, ExportEpubFile, CountYestodayArts } from "../../wailsjs/go/main/App"

frontend/src/views/Setting.vue

@@ -1,5 +1,5 @@
 <template>
-    <Navigator pageTitle="系统设置"></Navigator>
+    <Breadcrumb pageTitle="系统设置"></Breadcrumb>
     <div class="space"></div>
     <el-card>
 
@@ -35,7 +35,7 @@
 </template>
 <script setup>
 import { ref } from 'vue';
-import Navigator from "../components/Navigator.vue"
+import Breadcrumb from "../components/Breadcrumb.vue"
 
 const formData = ref({
     modelName: "",