add more help and intro text

packages/ui/src/renderer/src/page/MainLayout/GeekAutoStartChatWithBoss.vue

@@ -14,46 +14,69 @@
       </el-form-item> -->
       <div>
         <el-form-item mb0>
-          是否查看职位详情的条件
-          <span font-size-12px>（以下条件为空表示不筛选）</span>
-          <el-tooltip effect="light" placement="bottom-start" :enterable="false">
-            <template #content>
-              <img block h-270px src="./resources/intro-of-job-entry.png" />
-            </template>
-            <div>
-              <el-button type="text" font-size-12px ml4px
-                ><span><QuestionFilled w-1em h-1em mr2px /></span>期望公司信息位置图示</el-button
-              >
-            </div>
-          </el-tooltip>
+          <div>
+            是否查看职位详情的条件
+            <span font-size-12px>（以下条件为空表示不筛选）</span>
+          </div>
         </el-form-item>
         <el-form-item prop="expectCompanies" mb10px>
-          <div font-size-12px>期望公司（以逗号分隔）</div>
+          <div font-size-12px>
+            期望公司（以逗号分隔）<el-tooltip effect="light" placement="bottom-start">
+              <template #content>
+                <img block h-270px src="./resources/intro-of-job-entry.png" />
+              </template>
+              <el-button type="text" font-size-12px
+                ><span><QuestionFilled w-1em h-1em mr2px /></span>期望公司信息位置图示</el-button
+              >
+            </el-tooltip>
+          </div>
           <el-input
             v-model="formContent.expectCompanies"
             :autosize="{ minRows: 4 }"
-            max-h-6lh
+            max-h-8lh
             type="textarea"
             @blur="normalizeExpectCompanies"
           />
         </el-form-item>
       </div>
-      <div mb36px>
+      <div mb42px>
         <el-form-item mb0>
           查看职位详情后，是发起投递还是标记不合适的条件
           <span font-size-12px>（以下条件为空表示不筛选）</span>
-          <el-tooltip effect="light" placement="bottom-start" :enterable="false">
+        </el-form-item>
+        <div>
+          <el-tooltip effect="light" placement="bottom">
             <template #content>
               <img block h-270px src="./resources/intro-of-job-info.png" />
             </template>
-            <div>
-              <el-button type="text" font-size-12px ml4px
-                ><span><QuestionFilled w-1em h-1em mr2px /></span
-                >职位名称/职位类型/职位描述信息位置图示</el-button
-              >
-            </div>
+            <el-button type="text" font-size-12px
+              ><span><QuestionFilled w-1em h-1em mr2px /></span>如下各信息位置图示</el-button
+            >
           </el-tooltip>
-        </el-form-item>
+          <el-tooltip effect="light" placement="bottom-start">
+            <template #content>
+              <ol m0 line-height-1.5em w-400px pl2em>
+                <li>
+                  如果查找到的职位，职位名称、职位类型、职位描述与如下正则不匹配，则这个职位将被标记为不合适
+                </li>
+                <li>
+                  如果查找到的职位活跃时间为“本月活跃”或更往前的时间，则这个职位将被标记为不合适
+                </li>
+                <li>
+                  如有错误标记，请在左侧“<a
+                    href="javascript:void(0)"
+                    style="color: var(--el-color-primary)"
+                    @click.prevent="$router.push('/main-layout/MarkAsNotSuitRecord')"
+                    >标记不合适</a
+                  >”记录中找到相关记录，手动对这些职位发起会话
+                </li>
+              </ol>
+            </template>
+            <el-button type="text" font-size-12px
+              ><span><QuestionFilled w-1em h-1em mr2px /></span>标记不合适机制</el-button
+            >
+          </el-tooltip>
+        </div>
         <div
           :style="{
             display: 'grid',
@@ -97,25 +120,6 @@
           </el-form-item>
         </div>
       </div>
-      <el-form-item pt10px mb10px>
-        <div style="--font-size: 12px; font-size: var(--font-size)" line-height-1.5em>
-          <div class="color-orange mb4px">标记不合适机制</div>
-          <ol m0 line-height-1.5em>
-            <li>
-              如果查找到的职位，职位名称、职位类型、职位描述与如上正则不匹配，则这个职位将被标记为不合适
-            </li>
-            <li>如果查找到的职位活跃时间为“本月活跃”或更往前的时间，则这个职位将被标记为不合适</li>
-            <li>
-              如有错误标记，请在左侧“<a
-                href="javascript:void(0)"
-                style="color: var(--el-color-primary)"
-                @click.prevent="$router.push('/main-layout/MarkAsNotSuitRecord')"
-                >标记不合适</a
-              >”记录中找到相关记录，手动对这些职位发起会话
-            </li>
-          </ol>
-        </div>
-      </el-form-item>
       <el-form-item
         label="职位备选筛选条件（当前求职期望无合适职位时，自动更改Boss筛选条件，查找新工作）"
         prop="filter"
@@ -250,7 +254,16 @@ const handleSubmit = async () => {
     has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
   })
   formContent.value.expectJobRegExpStr = undefined
-  await formRef.value!.validate()
+  try {
+    await formRef.value!.validate()
+  } catch (err) {
+    ElMessage.error({
+      message: '表单校验失败，请检查有误的内容',
+      grouping: true
+    })
+    console.log(err)
+    return
+  }
   await electron.ipcRenderer.invoke('save-config-file-from-ui', JSON.stringify(formContent.value))
   router.replace({
     path: '/geekAutoStartChatWithBoss/prepareRun',
@@ -265,7 +278,16 @@ const handleSave = async () => {
     has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
   })
   normalizeExpectCompanies()
-  await formRef.value!.validate()
+  try {
+    await formRef.value!.validate()
+  } catch (err) {
+    ElMessage.error({
+      message: '表单校验失败，请检查有误的内容',
+      grouping: true
+    })
+    console.log(err)
+    return
+  }
   await electron.ipcRenderer.invoke('save-config-file-from-ui', JSON.stringify(formContent.value))
   ElMessage.success('配置保存成功')
   gtagRenderer('config_saved')

packages/ui/src/renderer/src/page/MainLayout/ReadNoReplyReminder.vue

@@ -14,9 +14,14 @@
       <el-form-item class="mb0" label="跟进话术 - 当发现已读不回的Boss时，将要向Boss发出：">
         <el-radio-group v-model="formContent.autoReminder.rechatContentSource">
           <div>
-            <el-radio :label="RECHAT_CONTENT_SOURCE.LOOK_FORWARD_EMOTION">
-              “[盼回复]” 表情
-            </el-radio>
+            <el-tooltip effect="light" placement="right" :enterable="false">
+              <template #content>
+                <img block h-100px src="./resources/look-forward-reply-emotion.gif" />
+              </template>
+              <el-radio :label="RECHAT_CONTENT_SOURCE.LOOK_FORWARD_EMOTION">
+                “[盼回复]” 表情
+              </el-radio>
+            </el-tooltip>
             <br />
             <el-radio :label="RECHAT_CONTENT_SOURCE.GEMINI_WITH_CHAT_CONTEXT">
               由大语言模型（根据简历及当前聊天上下文）生成的内容

packages/ui/src/renderer/src/page/MainLayout/index.vue

@@ -1,14 +1,86 @@
 <template>
   <div class="flex h100vh">
-    <div class="flex flex-col w160px pt30px pl30px aside-nav of-hidden">
+    <div class="flex flex-col w200px pt30px pl30px aside-nav of-hidden">
       <div class="nav-list flex-1 of-auto">
-        <RouterLink to="./GeekAutoStartChatWithBoss">Boss炸弹</RouterLink>
-        <RouterLink to="./ReadNoReplyReminder">已读不回提醒器</RouterLink>
-        <hr />
+        <RouterLink to="./GeekAutoStartChatWithBoss">
+          Boss炸弹
+          <el-tooltip placement="right" :enterable="false">
+            <template #content>
+              <div w-480px>
+                <div>扩列神器！按照你所设置的规则，自动开聊推荐职位列表中的匹配的Boss。</div>
+                <br />
+                <div>匹配步骤</div>
+                <ol m0 pl2em>
+                  <li>
+                    按照公司名称查找职位，查找到目标职位后，自动点击这个职位，右侧将会展示职位详情
+                  </li>
+                  <li>
+                    检查Boss活跃度
+                    <ul pl2em>
+                      <li>
+                        如果Boss活跃度为本月活跃或更往前的时间，则会把职位标记为不合适，一段时间内你将不会在Boss上看到这个职位，且将会推荐新职位
+                      </li>
+                    </ul>
+                  </li>
+                  <li>
+                    对职位名称、职位类型、职位描述进行匹配
+                    <ul pl2em>
+                      <li>如果匹配则自动点击开聊按钮</li>
+                      <li>
+                        不匹配则标记这个职位为不合适，一段时间内你将不会在Boss上看到这个职位，且将会推荐新职位
+                      </li>
+                    </ul>
+                  </li>
+                </ol>
+                <br />
+                <div>异常情况</div>
+                <ol m0 pl2em>
+                  <li>
+                    当前页面筛选条件下，如果没有更多职位，则自动切换备选筛选条件，以获取更多新职位
+                  </li>
+                  <li>
+                    如当天开聊次数用完，本程序会暂停运行60分钟，之后尝试继续重新运行；如重新运行时间已在第二天，则将会继续开聊
+                  </li>
+                </ol>
+              </div>
+            </template>
+            <QuestionFilled w-1em h-1em mr10px />
+          </el-tooltip>
+        </RouterLink>
+        <RouterLink to="./ReadNoReplyReminder">
+          已读不回提醒器
+          <el-tooltip placement="right" :enterable="false">
+            <template #content>
+              <div w-480px>
+                <div>
+                  Boss不明原因已读不回？简历就是投不出去？<br />
+                  已读不回提醒器，有事没事提醒一下已读不回的 Ta，助力把握每次机会
+                </div>
+                <br />
+                <div>匹配逻辑</div>
+                <div>在聊天列表中查找对你消息已读不回的Boss，再发一条消息，多次复聊；同时：</div>
+                <ul m0 pl2em>
+                  <li>如果设置了“跟进时限”，那么在这个时间之前活跃的聊天将不会被检查</li>
+                  <li>
+                    如果设置了“跟进间隔”，且再次检查时发现Boss已读不回，且距离上次提醒时间间隔小于这个时间，那么聊天将暂时不会跟进，直到下次检查时距离上次提醒时间间隔大于这个时间
+                  </li>
+                </ul>
+                <br />
+                <div>发送内容</div>
+                <ul m0 pl2em>
+                  <li>“[盼回复]”表情</li>
+                  <li>由大语言模型（根据简历及当前聊天上下文）生成的内容</li>
+                </ul>
+              </div>
+            </template>
+            <QuestionFilled w-1em h-1em mr10px />
+          </el-tooltip>
+        </RouterLink>
+        <hr w180px />
         <a href="javascript:void(0)" @click="handleLaunchBossSite">
-          手动逛Boss<el-icon><TopRight /></el-icon>
+          手动逛Boss<TopRight w-1em h-1em mr10px />
         </a>
-        <hr />
+        <hr w180px />
         <RouterLink to="./StartChatRecord">开聊记录</RouterLink>
         <RouterLink to="./MarkAsNotSuitRecord">标记不合适记录</RouterLink>
         <RouterLink to="./JobLibrary">职位库</RouterLink>
@@ -37,8 +109,7 @@
 <script lang="ts" setup>
 import { onMounted, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { ElIcon } from 'element-plus'
-import { TopRight } from '@element-plus/icons-vue'
+import { TopRight, QuestionFilled } from '@element-plus/icons-vue'
 import useBuildInfo from '@renderer/hooks/useBuildInfo'
 import { debounce } from 'lodash-es'
 import { gtagRenderer } from '@renderer/utils/gtag'
@@ -105,6 +176,7 @@ const handleLaunchBossSite = debounce(
     > a {
       display: flex;
       align-items: center;
+      justify-content: space-between;
       height: 2.5em;
       box-sizing: border-box;
       padding-left: 2em;
@@ -121,7 +193,6 @@ const handleLaunchBossSite = debounce(
       background-color: #b3c8c3;
       margin-top: 0;
       margin-bottom: 0;
-      width: 140px;
       margin-right: 0;
     }
   }