Merge branch 'feature/ui'

packages/geek-auto-start-chat-with-boss/default-config-file/boss.json

@@ -10,6 +10,9 @@
   "jobNotMatchStrategy": 1,
   "jobNotActiveStrategy": 1,
   "markAsNotActiveSelectedTimeRange": 7,
+  "expectCityList": [],
+  "expectCityNotMatchStrategy": 3,
+  "strategyScopeOptionWhenMarkJobCityNotMatch": 2,
   "autoReminder": {
     "throttleIntervalMinutes": 10,
     "rechatLimitDay": 21,

packages/geek-auto-start-chat-with-boss/index.mjs

@@ -16,7 +16,7 @@ import { calculateTotalCombinations, combineFiltersWithConstraintsGenerator } fr
 import { default as jobFilterConditions } from './internal-config/job-filter-conditions-20241002.json'
 import { default as rawIndustryFilterExemption } from './internal-config/job-filter-industry-filter-exemption-20241002.json'
 import { ChatStartupFrom } from '@geekgeekrun/sqlite-plugin/dist/entity/ChatStartupLog'
-import { MarkAsNotSuitReason, MarkAsNotSuitOp } from '@geekgeekrun/sqlite-plugin/dist/enums'
+import { MarkAsNotSuitReason, MarkAsNotSuitOp, StrategyScopeOptionWhenMarkJobNotMatch } from '@geekgeekrun/sqlite-plugin/dist/enums'
 import { activeDescList } from './constant.mjs'
 
 const jobFilterConditionsMapByCode = {}
@@ -80,6 +80,12 @@ const targetCompanyList = readConfigFile('target-company-list.json').filter(it =
 const anyCombineRecommendJobFilter = readConfigFile('boss.json').anyCombineRecommendJobFilter
 const expectJobRegExpStr = readConfigFile('boss.json').expectJobRegExpStr
 const jobNotMatchStrategy = readConfigFile('boss.json').jobNotMatchStrategy ?? MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
+
+const expectCityNotMatchStrategy = readConfigFile('boss.json').expectCityNotMatchStrategy ?? MarkAsNotSuitOp.NO_OP
+const expectCityList = readConfigFile('boss.json').expectCityList ?? []
+
+const strategyScopeOptionWhenMarkJobCityNotMatch = readConfigFile('boss.json').strategyScopeOptionWhenMarkJobCityNotMatch ?? StrategyScopeOptionWhenMarkJobNotMatch.ONLY_COMPANY_MATCHED_JOB
+
 const markAsNotActiveSelectedTimeRange = (() => {
   let n = readConfigFile('boss.json').markAsNotActiveSelectedTimeRange
   if (
@@ -183,6 +189,22 @@ async function markJobAsNotSuitInRecommendPage (reasonCode) {
           }
           break
         }
+        case MarkAsNotSuitReason.JOB_CITY_NOT_SUIT: {
+          const bossNotActiveOptionProxy = await chooseReasonDialogProxy.$(`.zp-type-item[title$="城市"]`)
+          if (bossNotActiveOptionProxy) {
+            await bossNotActiveOptionProxy.click()
+            isOptionChosen = true
+          } else {
+            const fallbackOptionProxy = (await chooseReasonDialogProxy.$(`.zp-type-item[title="同城距离远"]`))
+              ?? (await chooseReasonDialogProxy.$(`.zp-type-item[title="公司不感兴趣"]`))
+              ?? (await chooseReasonDialogProxy.$(`.zp-type-item[title="面试过/入职过"]`))
+            if (fallbackOptionProxy) {
+              await fallbackOptionProxy.click()
+              isOptionChosen = true
+            }
+          }
+          break
+        }
         case MarkAsNotSuitReason.JOB_NOT_SUIT:
         default: {
           const jobNotSuitOptionProxy = (await chooseReasonDialogProxy.$(`.zp-type-item[title$="职位"]`)) ?? (await chooseReasonDialogProxy.$(`.zp-type-item[title="面试过/入职过"]`))
@@ -511,24 +533,57 @@ async function toRecommendPage (hooks) {
 
               // job list
               const recommendJobListElProxy = await page.$('.job-list-container .rec-job-list')
-              let jobListData = await page.evaluate(`document.querySelector('.page-jobs-main')?.__vue__?.jobList`)
+              let jobListData = []
+              async function updateJobListData () {
+                jobListData = await page.evaluate(`document.querySelector('.page-jobs-main')?.__vue__?.jobList`)
+                // due to city can get from list immediately
+                // so just set those job which city is not suit to blockJobNotSuit
+                // to skip view detail
+                if (
+                  expectCityNotMatchStrategy === MarkAsNotSuitOp.NO_OP && 
+                  Array.isArray(expectCityList) &&
+                  expectCityList.length
+                ) {
+                  console.log(`add job city not suit into blockJobNotSuit set`)
+                  for (const it of jobListData) {
+                    if (!expectCityList.includes(it.cityName)) {
+                      blockJobNotSuit.add(it.encryptJobId)
+                    }
+                  }
+                }
+              }
+              await updateJobListData()
+
               let hasReachLastPage = false
               let targetJobIndex = -1
-              let targetJobData
+              let targetJobData, selectedJobData // they show be same; one is from list, another is from detail
               function getTempTargetJobIndexToCheckDetail () {
-                return jobListData.findIndex(it => 
-                  !blockBossNotNewChat.has(it.encryptBossId) &&
-                  !blockBossNotActive.has(it.encryptBossId) &&
-                  !blockJobNotSuit.has(it.encryptJobId) &&
-                  (
-                    enableCompanyAllowList ?
-                      [...expectCompanySet].find(
-                        name => it.brandName?.toLowerCase?.()?.includes(name.toLowerCase())
+                return jobListData.findIndex(it => {
+                  return !blockBossNotNewChat.has(it.encryptBossId) &&
+                    !blockBossNotActive.has(it.encryptBossId) &&
+                    !blockJobNotSuit.has(it.encryptJobId) &&
+                    (
+                      (
+                        enableCompanyAllowList ?
+                          [...expectCompanySet].find(
+                            name => it.brandName?.toLowerCase?.()?.includes(name.toLowerCase())
+                          )
+                          :
+                          true
+                      ) || (
+                        // enter job detail to mark as not suit
+                        (
+                          Array.isArray(expectCityList) &&
+                          expectCityList.length &&
+                          [
+                            MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS,
+                            MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL
+                          ].includes(expectCityNotMatchStrategy) &&
+                          strategyScopeOptionWhenMarkJobCityNotMatch === StrategyScopeOptionWhenMarkJobNotMatch.ALL_JOB
+                        ) ? !expectCityList.includes(it.cityName) : false
                       )
-                      :
-                      true
-                  )
-                )
+                    )
+                })
               }
               continueFind: while (targetJobIndex < 0 && !hasReachLastPage) {
                 // when disable company allow list, we will believe that the first one in the list is your expect job.
@@ -562,11 +617,7 @@ async function toRecommendPage (hooks) {
                   requestNextPagePromiseWithResolver = null
 
                   await sleep(5000)
-                  jobListData = await page.evaluate(
-                    `
-                      document.querySelector('.page-jobs-main')?.__vue__?.jobList
-                    `
-                  )
+                  await updateJobListData()
                   tempTargetJobIndexToCheckDetail = getTempTargetJobIndexToCheckDetail()
                 }
 
@@ -609,6 +660,7 @@ async function toRecommendPage (hooks) {
                     await sleepWithRandomDelay(2000)
                   }
                   targetJobData = await page.evaluate('document.querySelector(".job-detail-box").__vue__.data')
+                  selectedJobData = await page.evaluate('document.querySelector(".page-jobs-main").__vue__.currentJob')
                   // save the job detail info
                   await hooks.jobDetailIsGetFromRecommendList?.promise(targetJobData)
 
@@ -658,6 +710,43 @@ async function toRecommendPage (hooks) {
                     }
                     continue continueFind
                   }
+                  if (
+                    (Array.isArray(expectCityList) && expectCityList.length) && !expectCityList.includes(selectedJobData.cityName)
+                  ) {
+                    blockJobNotSuit.add(targetJobData.jobInfo.encryptId)
+                    if (expectCityNotMatchStrategy === MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS) {
+                      try {
+                        const { chosenReasonInUi } = await markJobAsNotSuitInRecommendPage(MarkAsNotSuitReason.JOB_CITY_NOT_SUIT)
+                        await hooks.jobMarkedAsNotSuit.promise(
+                          targetJobData,
+                          {
+                            markFrom: ChatStartupFrom.AutoFromRecommendList,
+                            markReason: MarkAsNotSuitReason.JOB_CITY_NOT_SUIT,
+                            extInfo: {
+                              chosenReasonInUi
+                            },
+                            markOp: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
+                          }
+                        )
+                      } catch {
+                      }
+                    }
+                    else if (expectCityNotMatchStrategy === MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL) {
+                      try {
+                        await hooks.jobMarkedAsNotSuit.promise(
+                          targetJobData,
+                          {
+                            markFrom: ChatStartupFrom.AutoFromRecommendList,
+                            markReason: MarkAsNotSuitReason.JOB_CITY_NOT_SUIT,
+                            extInfo: null,
+                            markOp: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL
+                          }
+                        )
+                      } catch {
+                      }
+                    }
+                    continue continueFind
+                  }
                   if (
                     !testIfJobTitleOrDescriptionSuit(targetJobData.jobInfo)
                   ) {
@@ -696,6 +785,15 @@ async function toRecommendPage (hooks) {
                     }
                     continue continueFind
                   }
+                  // test company again - when allow list not include target company, just skip
+                  if (
+                    enableCompanyAllowList && ![...expectCompanySet].find(
+                      name => selectedJobData.brandName?.toLowerCase?.()?.includes(name.toLowerCase())
+                    )
+                  ) {
+                    // just skip
+                    continue continueFind
+                  }
                   const startChatButtonInnerHTML = await page.evaluate('document.querySelector(".job-detail-box .op-btn.op-btn-chat")?.innerHTML.trim()')
                   if (startChatButtonInnerHTML !== '立即沟通') {
                     blockBossNotNewChat.add(targetJobData.jobInfo.encryptUserId)
@@ -839,6 +937,7 @@ export async function mainLoop (hooks) {
     await hooks.mainFlowWillLaunch?.callAsync({
       jobNotMatchStrategy,
       jobNotActiveStrategy,
+      expectCityNotMatchStrategy,
       blockJobNotSuit,
       blockBossNotActive,
     })

packages/sqlite-plugin/src/enums.ts

@@ -3,6 +3,7 @@ export enum MarkAsNotSuitReason {
   BOSS_INACTIVE = 1,
   USER_MANUAL_OPERATION_WITH_UNKNOWN_REASON = 2,
   JOB_NOT_SUIT = 3,
+  JOB_CITY_NOT_SUIT = 4,
 }
 
 export enum MarkAsNotSuitOp {
@@ -10,3 +11,8 @@ export enum MarkAsNotSuitOp {
   MARK_AS_NOT_SUIT_ON_LOCAL = 2,
   NO_OP = 3
 }
+
+export enum StrategyScopeOptionWhenMarkJobNotMatch {
+  ALL_JOB = 1,
+  ONLY_COMPANY_MATCHED_JOB = 2
+}

packages/sqlite-plugin/src/index.ts

@@ -108,12 +108,14 @@ export default class SqlitePlugin {
       async ({
         jobNotMatchStrategy,
         jobNotActiveStrategy,
+        expectCityNotMatchStrategy,
         blockJobNotSuit,
         blockBossNotActive,
       }) => {
         if (
           jobNotMatchStrategy === MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL ||
-          jobNotActiveStrategy === MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL
+          jobNotActiveStrategy === MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL ||
+          expectCityNotMatchStrategy === MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL
         ) {
           const ds = await this.initPromise;
           const last7DayMarkRecords = (await getNotSuitMarkRecordsInLastSomeDays(ds, 7) ?? []);
@@ -142,6 +144,16 @@ export default class SqlitePlugin {
                 id => blockJobNotSuit.add(id)
               )
           }
+          if (expectCityNotMatchStrategy === MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL) {
+            last7DayMarkRecords
+              .filter(it => it.markReason === MarkAsNotSuitReason.JOB_CITY_NOT_SUIT)
+              .map(
+                it => it.encryptJobId
+              )
+              .forEach(
+                id => blockJobNotSuit.add(id)
+              )
+          }
         }
       }
     );

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekgeekrun-ui",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Boss 炸弹 - 自动开聊Boss，助力每位打工人求职！",
   "main": "./out/main/index.js",
   "author": "geekgeekrun",

packages/ui/src/common/build-info.json

@@ -1,7 +1,7 @@
 {
-  "version": "0.6.0",
-  "buildVersion": 11,
-  "buildTime": 1746646530387,
-  "buildHash": "97793adb0f75dd39a5ee4b0768a0d92587046a6c",
+  "version": "0.6.1",
+  "buildVersion": 12,
+  "buildTime": 1746891583817,
+  "buildHash": "61c28ae1646c3cea900eae62acdd91b54a677508",
   "name": "geekgeekrun-ui"
 }

packages/ui/src/main/flow/LAUNCH_BOSS_SITE/index.ts

@@ -92,7 +92,11 @@ const attachRequestsListener = async (target: Target) => {
         },
         markReason: MarkAsNotSuitReason.USER_MANUAL_OPERATION_WITH_UNKNOWN_REASON
       }
-      gtag('job_marked_as_not_suit', { markFrom: markDetail.markFrom })
+      gtag('job_marked_as_not_suit', {
+        markFrom: markDetail.markFrom,
+        bossActiveTimeDesc: currentJobData?.bossInfo?.activeTimeDesc,
+        encryptJobId: currentJobData?.jobInfo?.encryptId
+      })
       if (reasonCodeToTextMap[chosenCode]?.includes('活跃度低')) {
         markDetail.markReason = MarkAsNotSuitReason.BOSS_INACTIVE
         markDetail.extInfo.bossActiveTimeDesc = currentJobData?.bossInfo.activeTimeDesc
@@ -127,7 +131,10 @@ const attachRequestsListener = async (target: Target) => {
       const currentUserInfo = await page.evaluate(
         'document.querySelector(".job-detail-box").__vue__.$store.state.userInfo'
       )
-      gtag('new_chat_startup', { chatStartupFrom: ChatStartupFrom.ManuallyFromRecommendList })
+      gtag('new_chat_startup', {
+        chatStartupFrom: ChatStartupFrom.ManuallyFromRecommendList,
+        encryptJobId: currentJobData?.jobInfo?.encryptId
+      })
       await saveChatStartupRecord(
         await dbInitPromise,
         currentJobData,

packages/ui/src/main/flow/OPEN_SETTING_WINDOW/ipc/index.ts

@@ -107,6 +107,16 @@ export default function initIpc() {
     if (hasOwn(payload, 'autoReminder')) {
       bossConfig.autoReminder = payload.autoReminder
     }
+    if (hasOwn(payload, 'expectCityList')) {
+      bossConfig.expectCityList = payload.expectCityList
+    }
+    if (hasOwn(payload, 'expectCityNotMatchStrategy')) {
+      bossConfig.expectCityNotMatchStrategy = payload.expectCityNotMatchStrategy
+    }
+    if (hasOwn(payload, 'strategyScopeOptionWhenMarkJobCityNotMatch')) {
+      bossConfig.strategyScopeOptionWhenMarkJobCityNotMatch =
+        payload.strategyScopeOptionWhenMarkJobCityNotMatch
+    }
     promiseArr.push(writeConfigFile('boss.json', bossConfig))
 
     if (hasOwn(payload, 'expectCompanies')) {

packages/ui/src/main/utils/gtag/GtagPlugin.ts

@@ -2,11 +2,20 @@ import gtag from '.'
 
 export default class GtagPlugin {
   apply(hooks) {
-    hooks.newChatStartup.tap('GtagPlugin', (_, { chatStartupFrom }) => {
-      gtag('new_chat_startup', { chatStartupFrom })
+    hooks.newChatStartup.tap('GtagPlugin', (jobData, { chatStartupFrom }) => {
+      gtag('new_chat_startup', {
+        chatStartupFrom,
+        encryptJobId: jobData.jobInfo.encryptId
+      })
     })
-    hooks.jobMarkedAsNotSuit.tap('GtagPlugin', (_, { markFrom }) => {
-      gtag('job_marked_as_not_suit', { markFrom })
+    hooks.jobMarkedAsNotSuit.tap('GtagPlugin', (jobData, { markFrom, markOp, markReason }) => {
+      gtag('job_marked_as_not_suit', {
+        markFrom,
+        markOp,
+        markReason,
+        bossActiveTimeDesc: jobData.bossInfo.activeTimeDesc,
+        encryptJobId: jobData.jobInfo.encryptId
+      })
     })
     hooks.noPositionFoundForCurrentJob.tap('GtagPlugin', () => {
       gtag('no_position_found_for_current_job')

packages/ui/src/renderer/src/features/AnyCombineBossRecommendFilter/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="job-combo-filter">
     <div class="filter-item">
-      <div>薪资待遇</div>
+      <div font-size-12px>薪资待遇</div>
       <el-select
         v-model="modelValue.salaryList"
         multiple
@@ -18,7 +18,7 @@
       </el-select>
     </div>
     <div class="filter-item">
-      <div>工作经验</div>
+      <div font-size-12px>工作经验</div>
       <el-select
         v-model="modelValue.experienceList"
         multiple
@@ -35,7 +35,7 @@
       </el-select>
     </div>
     <div class="filter-item">
-      <div>学历要求</div>
+      <div font-size-12px>学历要求</div>
       <el-select
         v-model="modelValue.degreeList"
         multiple
@@ -52,7 +52,7 @@
       </el-select>
     </div>
     <div class="filter-item">
-      <div>公司行业</div>
+      <div font-size-12px>公司行业</div>
       <el-select
         v-model="modelValue.industryList"
         multiple
@@ -75,7 +75,7 @@
       </el-select>
     </div>
     <div class="filter-item">
-      <div>公司规模</div>
+      <div font-size-12px>公司规模</div>
       <el-select
         v-model="modelValue.scaleList"
         multiple

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

@@ -1,703 +0,0 @@
-<template>
-  <div class="form-wrap geek-auto-start-run-with-boss">
-    <el-form ref="formRef" :model="formContent" label-position="top" :rules="formRules">
-      <el-form-item label="BOSS直聘 Cookie">
-        <el-button size="small" type="primary" @click="handleClickLaunchLogin"
-          >编辑Cookie</el-button
-        >
-      </el-form-item>
-      <!-- <el-form-item
-        label="钉钉机器人 AccessToken（用于记录开聊，请勿使用公司内部群）"
-        prop="dingtalkRobotAccessToken"
-      >
-        <el-input v-model="formContent.dingtalkRobotAccessToken" />
-      </el-form-item> -->
-      <div>
-        <el-form-item mb0>
-          <div>
-            是否查看职位详情的条件
-            <span font-size-12px>（以下条件为空表示不筛选）</span>
-          </div>
-        </el-form-item>
-        <el-form-item prop="expectCompanies" mb10px>
-          <div
-            v-full
-            font-size-12px
-            flex
-            :style="{
-              justifyContent: 'space-between',
-              alignItems: 'center',
-              width: '100%'
-            }"
-          >
-            <div>
-              期望公司（以逗号分隔，不区分大小写）<el-tooltip
-                effect="light"
-                placement="bottom-start"
-                @show="gtagRenderer('tooltip_show_about_expect_company_figure')"
-              >
-                <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-dropdown @command="handleExpectCompanyTemplateClicked">
-              <el-button size="small"
-                >期望公司模板 <el-icon class="el-icon--right"><arrow-down /></el-icon
-              ></el-button>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item
-                    v-for="item in expectCompanyTemplateList"
-                    :key="item.name"
-                    :command="item"
-                    >{{ item.name }}</el-dropdown-item
-                  >
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </div>
-          <el-input
-            v-model="formContent.expectCompanies"
-            :autosize="{ minRows: 4 }"
-            max-h-8lh
-            type="textarea"
-            @blur="normalizeExpectCompanies"
-          />
-        </el-form-item>
-      </div>
-      <div mb42px>
-        <el-form-item mb0>
-          查看职位详情后，认为合适并发起投递的条件
-          <span font-size-12px>（以下条件为空表示不筛选）</span>
-        </el-form-item>
-        <div
-          flex
-          :style="{
-            alignItems: 'center',
-            justifyContent: 'space-between'
-          }"
-        >
-          <div>
-            <el-tooltip
-              effect="light"
-              placement="bottom"
-              @show="gtagRenderer('tooltip_show_about_expect_job_info_figure')"
-            >
-              <template #content>
-                <img block h-270px src="./resources/intro-of-job-info.png" />
-              </template>
-              <el-button type="text" font-size-12px
-                ><span><QuestionFilled w-1em h-1em mr2px /></span>如下各信息位置图示</el-button
-              >
-            </el-tooltip>
-          </div>
-          <el-dropdown ml20px @command="handleExpectJobFilterTemplateClicked">
-            <el-button size="small"
-              >职位详情筛选模板（按职类区分）
-              <el-icon class="el-icon--right"><arrow-down /></el-icon
-            ></el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item
-                  v-for="item in expectJobFilterTemplateList"
-                  :key="item.name"
-                  :command="item"
-                  >{{ item.name }}</el-dropdown-item
-                >
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
-        <div
-          :style="{
-            display: 'grid',
-            gridTemplateColumns: '1fr 1em 1fr 1em 1fr',
-            gap: '5px',
-            width: '100%',
-            alignItems: 'end'
-          }"
-        >
-          <el-form-item mb0 prop="expectJobNameRegExpStr">
-            <div font-size-12px>职位名称正则（不区分大小写）</div>
-            <el-input
-              v-model="formContent.expectJobNameRegExpStr"
-              @blur="
-                formContent.expectJobNameRegExpStr =
-                  formContent.expectJobNameRegExpStr?.trim() ?? ''
-              "
-            />
-          </el-form-item>
-          <div mb10px font-size-12px flex flex-justify-center>且</div>
-          <el-form-item mb0 prop="expectJobTypeRegExpStr">
-            <div font-size-12px>职位类型正则（推荐填写，不区分大小写）</div>
-            <el-input
-              v-model="formContent.expectJobTypeRegExpStr"
-              @blur="
-                formContent.expectJobTypeRegExpStr =
-                  formContent.expectJobTypeRegExpStr?.trim() ?? ''
-              "
-            />
-          </el-form-item>
-          <div mb10px font-size-12px flex flex-justify-center>且</div>
-          <el-form-item mb0 prop="expectJobDescRegExpStr">
-            <div font-size-12px>职位描述正则（不区分大小写）</div>
-            <el-input
-              v-model="formContent.expectJobDescRegExpStr"
-              @blur="
-                formContent.expectJobDescRegExpStr =
-                  formContent.expectJobDescRegExpStr?.trim() ?? ''
-              "
-            />
-          </el-form-item>
-        </div>
-      </div>
-      <div>
-        <el-form-item mb0>
-          查看职位详情后，发现当前职位名称/类型/描述不符合投递条件时，将要执行的操作
-        </el-form-item>
-        <div
-          :style="{
-            display: 'grid',
-            gridTemplateColumns: '1.25fr 0.75fr',
-            gap: '10px 0',
-            width: '100%',
-            alignItems: 'end'
-          }"
-        >
-          <el-form-item mb0>
-            <el-select
-              v-model="formContent.jobNotMatchStrategy"
-              @change="(value) => gtagRenderer('job_not_match_strategy_changed', { value })"
-            >
-              <el-option
-                v-for="op in strategyOptionWhenCurrentJobNotMatch"
-                :key="op.value"
-                :label="op.name"
-                :value="op.value"
-                >{{ op.name }}</el-option
-              >
-            </el-select>
-          </el-form-item>
-          <div />
-        </div>
-        <el-tooltip
-          effect="light"
-          placement="bottom-start"
-          @show="gtagRenderer('tooltip_show_about_wrongly_mark_not_suit')"
-        >
-          <template #content>
-            <ul m0 line-height-1.5em w-400px pl2em>
-              <li>
-                如有错误标记，请在左侧“<a
-                  href="javascript:void(0)"
-                  style="color: var(--el-color-primary)"
-                  @click.prevent="
-                    () => {
-                      gtagRenderer('click_view_mansr_from_boss_b_tooltip')
-                      $router.push('/main-layout/MarkAsNotSuitRecord')
-                    }
-                  "
-                  >标记不合适</a
-                >”记录中找到相关记录，来查看职位详情，或手动对这些职位发起会话
-              </li>
-            </ul>
-          </template>
-          <el-button type="text" font-size-12px
-            ><span><QuestionFilled w-1em h-1em mr2px /></span>职位被错误标记时如何处理？</el-button
-          >
-        </el-tooltip>
-      </div>
-      <div>
-        <el-form-item mb0> 查看职位详情后，发现当前职位不活跃时，将要执行的操作 </el-form-item>
-        <div
-          :style="{
-            display: 'grid',
-            gridTemplateColumns: '1.25fr 0.75fr',
-            gap: '10px 0',
-            width: '100%',
-            alignItems: 'end'
-          }"
-        >
-          <el-form-item>
-            <div font-size-12px>认为职位不活跃的时间范围：</div>
-            <el-slider
-              v-model="formContent.markAsNotActiveSelectedTimeRange"
-              :marks="noActiveDefinitionMarks"
-              :max="10"
-              :step="1"
-              pl50px
-              pr0
-              class="no-active-definition-text-slider"
-              :format-tooltip="
-                (v) =>
-                  typeof noActiveDefinitionMarks[v] === 'string'
-                    ? noActiveDefinitionMarks[v]
-                    : noActiveDefinitionMarks[v]?.label
-              "
-              @change="(value) => gtagRenderer('job_not_active_time_range_changed', { value })"
-            />
-          </el-form-item>
-          <div />
-          <el-form-item v-if="formContent.markAsNotActiveSelectedTimeRange > 0" mb0>
-            <div font-size-12px>发现当前职位不活跃时：</div>
-            <el-select
-              v-model="formContent.jobNotActiveStrategy"
-              @change="(value) => gtagRenderer('job_not_active_strategy_changed', { value })"
-            >
-              <el-option
-                v-for="op in strategyOptionWhenCurrentJobNotMatch"
-                :key="op.value"
-                :label="op.name"
-                :value="op.value"
-                >{{ op.name }}</el-option
-              >
-            </el-select>
-            <el-tooltip
-              effect="light"
-              placement="bottom-start"
-              @show="gtagRenderer('tooltip_show_about_wrongly_mark_not_suit')"
-            >
-              <template #content>
-                <ul m0 line-height-1.5em w-400px pl2em>
-                  <li>
-                    如有错误标记，请在左侧“<a
-                      href="javascript:void(0)"
-                      style="color: var(--el-color-primary)"
-                      @click.prevent="
-                        () => {
-                          gtagRenderer('click_view_mansr_from_boss_b_tooltip')
-                          $router.push('/main-layout/MarkAsNotSuitRecord')
-                        }
-                      "
-                      >标记不合适</a
-                    >”记录中找到相关记录，来查看职位详情，或手动对这些职位发起会话
-                  </li>
-                </ul>
-              </template>
-              <el-button type="text" font-size-12px
-                ><span><QuestionFilled w-1em h-1em mr2px /></span
-                >职位被错误标记时如何处理？</el-button
-              >
-            </el-tooltip>
-          </el-form-item>
-        </div>
-      </div>
-      <el-form-item
-        label="职位备选筛选条件（当前求职期望无合适职位时，自动更改Boss筛选条件，查找新工作）"
-        prop="filter"
-        mt20px
-        mb0
-      >
-        <AnyCombineBossRecommendFilter v-model="formContent.anyCombineRecommendJobFilter" />
-        <div>
-          当前组合条件数：{{ currentAnyCombineRecommendJobFilterCombinationCount.toLocaleString() }}
-          <span
-            v-if="currentAnyCombineRecommendJobFilterCombinationCount >= 20"
-            class="color-orange"
-            >不建议选择太多组合条件</span
-          >
-        </div>
-      </el-form-item>
-      <el-form-item class="last-form-item mb18px">
-        <el-button @click="handleSave">仅保存配置</el-button>
-        <el-button type="primary" @click="handleSubmit"> 保存配置，并开始求职！ </el-button>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, ref, watch } from 'vue'
-import { ElForm, ElMessage } from 'element-plus'
-import { QuestionFilled } from '@element-plus/icons-vue'
-import { useRouter } from 'vue-router'
-import AnyCombineBossRecommendFilter from '@renderer/features/AnyCombineBossRecommendFilter/index.vue'
-import { activeDescList } from '@geekgeekrun/geek-auto-start-chat-with-boss/constant.mjs'
-import { calculateTotalCombinations } from '@geekgeekrun/geek-auto-start-chat-with-boss/combineCalculator.mjs'
-import { gtagRenderer } from '@renderer/utils/gtag'
-import defaultTargetCompanyListConf from '@geekgeekrun/geek-auto-start-chat-with-boss/default-config-file/target-company-list.json'
-import { ArrowDown } from '@element-plus/icons-vue'
-import { MarkAsNotSuitOp } from '@geekgeekrun/sqlite-plugin/src/enums'
-import { debounce } from 'lodash-es'
-import mittBus from '../../utils/mitt'
-
-const router = useRouter()
-
-const formContent = ref({
-  dingtalkRobotAccessToken: '',
-  expectCompanies: '',
-  anyCombineRecommendJobFilter: {},
-  expectJobNameRegExpStr: '',
-  expectJobTypeRegExpStr: '',
-  expectJobDescRegExpStr: '',
-  jobNotMatchStrategy: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS,
-  jobNotActiveStrategy: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS,
-  markAsNotActiveSelectedTimeRange: 7
-})
-
-const currentAnyCombineRecommendJobFilterCombinationCount = computed(() => {
-  return calculateTotalCombinations(formContent.value.anyCombineRecommendJobFilter)
-})
-
-const unwatchAnyCombineRecommendJobFilter = ref<null | (() => void)>(null)
-onBeforeUnmount(() => {
-  unwatchAnyCombineRecommendJobFilter.value?.()
-})
-electron.ipcRenderer.invoke('fetch-config-file-content').then((res) => {
-  console.log(res)
-  formContent.value.dingtalkRobotAccessToken = res.config['dingtalk.json']['groupRobotAccessToken']
-  formContent.value.expectCompanies = res.config['target-company-list.json'].join(',')
-  formContent.value.anyCombineRecommendJobFilter = res.config['boss.json']
-    ?.anyCombineRecommendJobFilter ?? {
-    salaryList: [],
-    experienceList: [],
-    degreeList: [],
-    scaleList: [],
-    industryList: []
-  }
-  unwatchAnyCombineRecommendJobFilter.value = watch(
-    () => formContent.value?.anyCombineRecommendJobFilter,
-    debounce(() => {
-      gtagRenderer('any_combine_filter_changed')
-    }, 2000),
-    {
-      deep: true
-    }
-  )
-  if (
-    res.config['boss.json']?.expectJobRegExpStr &&
-    typeof res.config['boss.json']?.expectJobNameRegExpStr === 'undefined' &&
-    typeof res.config['boss.json']?.expectJobTypeRegExpStr === 'undefined' &&
-    typeof res.config['boss.json']?.expectJobDescRegExpStr === 'undefined'
-  ) {
-    res.config['boss.json'].expectJobNameRegExpStr = res.config['boss.json'].expectJobRegExpStr
-    res.config['boss.json'].expectJobTypeRegExpStr = res.config['boss.json'].expectJobRegExpStr
-    res.config['boss.json'].expectJobDescRegExpStr = res.config['boss.json'].expectJobRegExpStr
-  }
-  formContent.value.expectJobNameRegExpStr = res.config['boss.json'].expectJobNameRegExpStr?.trim()
-  formContent.value.expectJobTypeRegExpStr = res.config['boss.json'].expectJobTypeRegExpStr?.trim()
-  formContent.value.expectJobDescRegExpStr = res.config['boss.json'].expectJobDescRegExpStr?.trim()
-
-  formContent.value.jobNotMatchStrategy = strategyOptionWhenCurrentJobNotMatch
-    .map((it) => it.value)
-    .includes(res.config['boss.json'].jobNotMatchStrategy)
-    ? res.config['boss.json'].jobNotMatchStrategy
-    : MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
-  formContent.value.markAsNotActiveSelectedTimeRange = isNaN(
-    parseInt(String(res.config['boss.json'].markAsNotActiveSelectedTimeRange))
-  )
-    ? 7
-    : parseInt(String(res.config['boss.json'].markAsNotActiveSelectedTimeRange))
-
-  formContent.value.jobNotActiveStrategy = strategyOptionWhenCurrentJobNotMatch
-    .map((it) => it.value)
-    .includes(res.config['boss.json'].jobNotActiveStrategy)
-    ? res.config['boss.json'].jobNotActiveStrategy
-    : MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
-})
-
-const formRules = {
-  expectJobNameRegExpStr: {
-    validator(_, value, cb) {
-      if (!value) {
-        cb()
-        gtagRenderer('empty_reg_exp_for_expect_job_name')
-        return
-      }
-      try {
-        new RegExp(value, 'ig')
-        gtagRenderer('valid_reg_exp_for_expect_job_name')
-        cb()
-      } catch (err) {
-        cb(new Error(`正则无效：${err?.message}`))
-        gtagRenderer('invalid_reg_exp_for_expect_job_name')
-      }
-    }
-  },
-  expectJobTypeRegExpStr: {
-    validator(_, value, cb) {
-      if (!value) {
-        cb()
-        gtagRenderer('empty_reg_exp_for_expect_job_type')
-        return
-      }
-      try {
-        new RegExp(value, 'ig')
-        gtagRenderer('valid_reg_exp_for_expect_job_type')
-        cb()
-      } catch (err) {
-        cb(new Error(`正则无效：${err?.message}`))
-        gtagRenderer('invalid_reg_exp_for_expect_job_type')
-      }
-    }
-  },
-  expectJobDescRegExpStr: {
-    validator(_, value, cb) {
-      if (!value) {
-        cb()
-        gtagRenderer('empty_reg_exp_for_expect_job_desc')
-        return
-      }
-      try {
-        new RegExp(value, 'ig')
-        gtagRenderer('valid_reg_exp_for_expect_job_desc')
-        cb()
-      } catch (err) {
-        cb(new Error(`正则无效：${err?.message}`))
-        gtagRenderer('invalid_reg_exp_for_expect_job_desc')
-      }
-    }
-  }
-}
-
-const formRef = ref<InstanceType<typeof ElForm>>()
-const handleSubmit = async () => {
-  gtagRenderer('save_config_and_launch_clicked', {
-    has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
-  })
-  formContent.value.expectJobRegExpStr = undefined
-  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))
-  mittBus.emit('auto-start-chat-with-boss-config-saved')
-  router.replace({
-    path: '/geekAutoStartChatWithBoss/prepareRun',
-    query: { flow: 'geek-auto-start-chat-with-boss' }
-  })
-  gtagRenderer('config_saved_and_launch_auto_start_chat', {
-    has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
-  })
-}
-const handleSave = async () => {
-  gtagRenderer('save_config_clicked', {
-    has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
-  })
-  normalizeExpectCompanies()
-  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))
-  mittBus.emit('auto-start-chat-with-boss-config-saved')
-  ElMessage.success('配置保存成功')
-  gtagRenderer('config_saved')
-}
-
-const normalizeExpectCompanies = () => {
-  formContent.value.expectCompanies = formContent.value.expectCompanies
-    .split(/,|，/)
-    .map((it) => it.trim())
-    .filter(Boolean)
-    .join(',')
-}
-
-const handleClickLaunchLogin = () => {
-  gtagRenderer('launch_login_clicked')
-  router.replace('/cookieAssistant')
-}
-const expectCompanyTemplateList = [
-  {
-    name: '默认值',
-    value: defaultTargetCompanyListConf.join(',')
-  },
-  {
-    name: '不限公司（随便投）',
-    value: ''
-  },
-  {
-    name: '大厂及关联企业',
-    value: `抖音,字节,字跳,有竹居,脸萌,头条,懂车帝,滴滴,嘀嘀,巨量引擎,小桔,网易,有道,腾讯,酷狗,酷我,阅文,搜狗,小鹅通,富途,京东,沃东天骏,达达,达冠,百度,昆仑芯,小度,度小满,爱奇艺,携程,趣拿,去哪儿,集度,智图,长地万方,瑞图万方,道道通,小熊博望,理想,蔚来,顺丰,丰巢,中通,圆通,申通,跨越,讯飞,同程,艺龙,马蜂窝,贝壳,自如,链家,我爱我家,相寓,多点,金山,小米,猎豹,新浪,微博,阿里,淘宝,淘麦郎,天猫,盒马,口碑,优视,夸克,UC,蚂蚁,高德,LAZADA,来赞达,飞猪,菜鸟,哈啰,钉钉,乌鸫,饿了么,美团,三快,猫眼,快手,映客,小红书,行吟,奇虎,360,三六零,鸿盈,奇富,奇元,亚信,启明星辰,奇安信,深信服,长亭,绿盟,天融信,商汤,SenseTime,大华,海康威视,hikvision,汽车之家,车好多,瓜子,易车,昆仑万维,昆仑天工,闲徕,趣加,FunPlus,完美,马上消费,轻松,水滴,白龙马,58,车欢欢,五八,红布林,致美,快狗,天鹅到家,转转,美餐,知乎,智者四海,易点云,搜狐,用友,畅捷通,猿辅导,小猿,猿力,好未来,学而思,希望学,新东方,东方甄选,东方优选,作业帮,高途,跟谁学,学科网,天学网,一起教育,一起作业,美术宝,火花思维,粉笔,51talk,爱学习,高思,老虎国际,一心向上,向上一意,联想,拉勾,乐视,欢聚,竞技世界,拼多多,寻梦,从鲸,TEMU,得物,有赞,Moka,希瑞亚斯,北森,OPPO,欧珀,vivo,维沃,小天才,步步高,读书郎,货拉拉,陌陌,探探,Shopee,虾皮,首汽租车,GoFun,神州租车,天眼查,旷视,小冰,美图,智谱华章,MiniMax,石头科技,迅雷,TP,锐捷,Tenda,腾达,斐讯,希音,SHEIN,稀宇,深言,百川智能,与爱为舞,牵手,Grab,爱回收,洋钱罐,瓴岳,得到,思维造物,地平线,咪咕,翼支付,电信,天翼,联通,蓝湖,墨刀,海尔,美的,米哈游,传音,同花顺,国美,TCL`
-  },
-  {
-    name: '阿里系',
-    value: `阿里,淘宝,淘麦郎,天猫,盒马,口碑,优视,夸克,UC,蚂蚁,飞猪,乌鸫,饿了么,LAZADA,来赞达,菜鸟,哈啰,钉钉,高德,白龙马,新浪,微博`
-  },
-  {
-    name: '字节（头条/抖音）系',
-    value: `抖音,字节,字跳,有竹居,脸萌,头条,懂车帝,巨量引擎`
-  },
-  {
-    name: '百度系',
-    value: `百度,昆仑芯,小度,度小满,爱奇艺,携程,趣拿,去哪儿,集度,作业帮,智图,长地万方,瑞图万方,道道通,小熊博望`
-  },
-  {
-    name: '腾讯系',
-    value: `腾讯,酷狗,酷我,阅文,搜狗,小鹅通,富途,京东,沃东天骏,达达,达冠,美团,三快,猫眼,快手,拼多多,寻梦,从鲸,TEMU,Shopee,虾皮,滴滴,嘀嘀,小桔`
-  },
-  {
-    name: '外包、劳务派遣企业',
-    value: `青钱,软通动力,南天,睿服,中电金信,佰钧成,云链,博彦,汉克时代,柯莱特,拓保,亿达信息,纬创,微创,微澜,诚迈科技,法本,兆尹,诚迈,联合永道,新致软件,宇信科技,华为,德科,FESCO,科锐,科之锐`
-  }
-]
-function handleExpectCompanyTemplateClicked(item) {
-  gtagRenderer('expect_company_tpl_clicked', {
-    name: item.name
-  })
-  formContent.value.expectCompanies = item.value
-}
-
-const expectJobFilterTemplateList = [
-  {
-    name: '不限职位（随便投）',
-    config: {
-      expectJobNameRegExpStr: '',
-      expectJobTypeRegExpStr: '',
-      expectJobDescRegExpStr: ''
-    }
-  },
-  {
-    name: '研发 - 前端开发工程师',
-    config: {
-      expectJobNameRegExpStr: '前端|H5|FE',
-      expectJobTypeRegExpStr: '前端开发|javascript',
-      expectJobDescRegExpStr: '前端|vue|react|node|js|javascript|H5'
-    }
-  },
-  {
-    name: '研发 - Java',
-    config: {
-      expectJobNameRegExpStr: '\\bJava\\b',
-      expectJobTypeRegExpStr: '\\bJava\\b',
-      expectJobDescRegExpStr: '\\bJava\\b|JVM|消息队列|MQ|MySQL|Nginx|Redis|Dubbo'
-    }
-  },
-  {
-    name: '人力 - 员工关系',
-    config: {
-      expectJobNameRegExpStr: '员工关系|劳动关系|SSC|人力资源|人资',
-      expectJobTypeRegExpStr: '员工关系|人力资源',
-      expectJobDescRegExpStr: '社保|考勤|入职|离职'
-    }
-  },
-  {
-    name: '人力 - 招聘',
-    config: {
-      expectJobNameRegExpStr: '招聘|招聘HR|招聘专员|招聘顾问|招聘专家|Recruiter|人力资源|人资',
-      expectJobTypeRegExpStr: '招聘|人力资源|猎头顾问',
-      expectJobDescRegExpStr: '简历筛选|面试安排|offer|猎头'
-    }
-  }
-]
-function handleExpectJobFilterTemplateClicked(item) {
-  gtagRenderer('expect_job_filter_tpl_clicked', {
-    name: item.name
-  })
-
-  Object.assign(formContent.value, {
-    ...item.config
-  })
-}
-
-const strategyOptionWhenCurrentJobNotMatch = [
-  {
-    name: '在Boss直聘上标记不合适（推荐，这确保Boss直聘可以推荐新职位）',
-    value: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
-  },
-  {
-    name: '本地记录，且1周内再次遇到这个职位时将直接跳过',
-    value: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL
-  },
-  {
-    name: '本地不记录，但本次运行再次遇到这个职位时将直接跳过',
-    value: MarkAsNotSuitOp.NO_OP
-  }
-]
-
-const noActiveDefinitionMarks = computed(() => {
-  let arr = [...activeDescList]
-  arr.shift()
-  arr.unshift('不处理“职位不活跃”')
-  arr = arr.map((it, index) => {
-    if (index <= formContent.value.markAsNotActiveSelectedTimeRange) {
-      if (formContent.value.markAsNotActiveSelectedTimeRange > 0 && index === 0) {
-        return it
-      }
-      return {
-        style: {
-          color: '#1989FA',
-          fontWeight: 700
-        },
-        label: it
-      }
-    }
-    return it
-  })
-  return arr
-})
-</script>
-
-<style scoped lang="scss">
-.form-wrap {
-  max-height: 100vh;
-  overflow: auto;
-  padding-left: 20px;
-  padding-right: 20px;
-  :deep(.el-form) {
-    max-width: 1000px;
-    margin: 0 auto;
-    padding-top: 8px;
-  }
-  .last-form-item {
-    :deep(.el-form-item__content) {
-      margin-top: 0px;
-      justify-content: flex-end;
-    }
-  }
-}
-.no-active-definition-text-slider {
-  ::v-deep(.el-slider__marks-text) {
-    font-size: 10px;
-    margin-top: 5px;
-    &:nth-child(2n-1) {
-      margin-top: 20px;
-      &::before {
-        content: '';
-        bottom: calc(100% - 14px);
-        z-index: -1;
-        left: 50%;
-        transform: translateX(-50%);
-        position: absolute;
-        display: block;
-        width: 2px;
-        height: 26px;
-        background-image: linear-gradient(var(--el-slider-runway-bg-color), transparent);
-      }
-    }
-  }
-  ::v-deep(.el-slider__stop) {
-    box-shadow: 0 0 0 2px rgba(52, 137, 255, 0.3);
-  }
-  ::v-deep(.el-slider__button) {
-    transform: rotate(45deg);
-    border-radius: 10px 10px 0px 10px;
-    --el-slider-button-size: 18px;
-  }
-}
-</style>
-
-<style lang="scss">
-.form-wrap.geek-auto-start-run-with-boss {
-  .el-form-item__error.el-form-item__error {
-    font-size: 12px;
-    line-height: 1.2em;
-  }
-}
-</style>

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

@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <div v-if="modelValue?.length">
+      <div>当前已选择城市：</div>
+      <div flex flex-wrap gap-10px>
+        <el-tag v-for="it in modelValue" :key="it">
+          {{ it }}
+        </el-tag>
+      </div>
+    </div>
+    <div v-else>
+      <div>当前未选择任何期望城市，将不会按照城市进行筛选</div>
+    </div>
+    <div>
+      <el-button size="small" type="primary" @click="isDialogVisible = true">选择城市</el-button>
+      <el-button
+        v-if="modelValue?.length"
+        size="small"
+        type="danger"
+        @click="handleClearSelectedCitiesInModelValue"
+        >清空已选择的所有城市</el-button
+      >
+    </div>
+    <el-dialog
+      v-model="isDialogVisible"
+      width="1000px"
+      title="请选择城市"
+      :show-close="false"
+      @open="handleDialogOpen"
+      @closed="handleDialogClosed"
+    >
+      <el-tabs v-model="activeTabName">
+        <el-tab-pane
+          :style="{ height: '300px', overflow: 'auto' }"
+          label="热门城市"
+          name="热门城市"
+        >
+          <el-checkbox-group v-model="selectedCities">
+            <div
+              :style="{
+                display: 'grid',
+                gridTemplateColumns: '1fr 1fr 1fr 1fr'
+              }"
+            >
+              <el-checkbox
+                v-for="op in hotCityList.filter((it) => it.code !== 100010000)"
+                :key="op.code"
+                :label="op.name"
+              >
+                {{ op.name }}
+              </el-checkbox>
+            </div>
+          </el-checkbox-group>
+        </el-tab-pane>
+        <el-tab-pane
+          v-for="it in cityGroupsByAlphabetMap.keys()"
+          :key="it"
+          :style="{ height: '300px', overflow: 'auto' }"
+          :label="it"
+          :value="it"
+        >
+          <div v-for="group in cityGroupsByAlphabetMap.get(it)" :key="group.firstChar">
+            {{ group.firstChar }}
+            <el-checkbox-group v-model="selectedCities">
+              <div
+                :style="{
+                  display: 'grid',
+                  gridTemplateColumns: '1fr 1fr 1fr 1fr'
+                }"
+              >
+                <el-checkbox v-for="op in group.cityList" :key="op.code" :label="op.name">
+                  {{ op.name }}
+                </el-checkbox>
+              </div>
+            </el-checkbox-group>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+      <template #footer>
+        <div
+          :style="{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between'
+          }"
+        >
+          <div>
+            <el-button
+              v-if="selectedCities.length"
+              type="danger"
+              @click="handleClearSelectedCitiesInDialog"
+              >清空已选择的所有城市</el-button
+            >
+          </div>
+          <div>
+            <el-button @click="handleCancelClicked">取消</el-button>
+            <el-button type="primary" @click="handleConfirmClicked">确定</el-button>
+          </div>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { PropType, ref } from 'vue'
+import cityGroupData from '../../../../../../common/constant/cityGroup.json'
+
+const props = defineProps({
+  modelValue: {
+    type: Array as PropType<string[]>
+  }
+})
+const emits = defineEmits(['update:modelValue'])
+const { hotCityList, cityGroup } = cityGroupData.zpData
+
+const activeTabName = ref('热门城市')
+const isDialogVisible = ref(false)
+const selectedCities = ref([])
+
+const cityGroupsByAlphabetMap = ref(
+  new Map(['ABCDE', 'FGHJ', 'KLMN', 'PQRST', 'WXYZ'].map((it) => [it, []]))
+)
+for (const group of cityGroup) {
+  const { firstChar } = group
+  const targetKey =
+    [...cityGroupsByAlphabetMap.value.keys()].find((it) => it.includes(firstChar)) ?? null
+  if (!targetKey) {
+    if (!cityGroupsByAlphabetMap.value.get(targetKey)) {
+      cityGroupsByAlphabetMap.value.set(targetKey, [])
+    }
+  }
+  cityGroupsByAlphabetMap.value.get(targetKey)?.push(group)
+}
+
+function handleDialogOpen() {
+  activeTabName.value = '热门城市'
+  selectedCities.value = [...(props.modelValue ?? [])]
+}
+
+function handleCancelClicked() {
+  isDialogVisible.value = false
+}
+function handleConfirmClicked() {
+  isDialogVisible.value = false
+  emits('update:modelValue', [...(selectedCities.value ?? [])])
+}
+function handleDialogClosed() {
+  selectedCities.value = []
+}
+
+function handleClearSelectedCitiesInModelValue() {
+  emits('update:modelValue', [])
+}
+function handleClearSelectedCitiesInDialog() {
+  selectedCities.value = []
+}
+</script>

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

@@ -0,0 +1,911 @@
+<template>
+  <div
+    :style="{
+      display: 'flex',
+      flexDirection: 'column'
+    }"
+  >
+    <div class="form-wrap geek-auto-start-run-with-boss">
+      <el-form ref="formRef" :model="formContent" label-position="top" :rules="formRules">
+        <el-card class="config-section">
+          <el-form-item mb0>
+            <div>
+              <div font-size-16px>BOSS直聘 Cookie</div>
+              <el-button size="small" type="primary" @click="handleClickLaunchLogin"
+                >编辑Cookie</el-button
+              >
+            </div>
+          </el-form-item>
+        </el-card>
+        <!-- <el-form-item
+          label="钉钉机器人 AccessToken（用于记录开聊，请勿使用公司内部群）"
+          prop="dingtalkRobotAccessToken"
+        >
+          <el-input v-model="formContent.dingtalkRobotAccessToken" />
+        </el-form-item> -->
+        <el-card class="config-section">
+          <el-form-item mb0>
+            <div font-size-16px>职位列表筛选条件</div>
+          </el-form-item>
+          <el-form-item prop="expectCompanies" mb0>
+            <div
+              font-size-14px
+              flex
+              :style="{
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                width: '100%'
+              }"
+            >
+              <div>
+                期望公司白名单（以逗号分隔，不区分大小写；输入框留空表示不筛选）<el-tooltip
+                  effect="light"
+                  placement="bottom-start"
+                  @show="gtagRenderer('tooltip_show_about_expect_company_figure')"
+                >
+                  <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-dropdown @command="handleExpectCompanyTemplateClicked">
+                <el-button size="small"
+                  >期望公司模板 <el-icon class="el-icon--right"><arrow-down /></el-icon
+                ></el-button>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item
+                      v-for="item in expectCompanyTemplateList"
+                      :key="item.name"
+                      :command="item"
+                      >{{ item.name }}</el-dropdown-item
+                    >
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </div>
+            <el-input
+              v-model="formContent.expectCompanies"
+              :autosize="{ minRows: 4 }"
+              max-h-8lh
+              type="textarea"
+              @blur="normalizeExpectCompanies"
+            />
+          </el-form-item>
+          <!-- <el-form-item prop="expectSalary" mb10px>
+            <div
+              font-size-12px
+              :style="{
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                width: '100%'
+              }"
+            >
+              <div>期望薪资范围（以 k 为单位）</div>
+              <el-input />
+            </div>
+          </el-form-item> -->
+          <div class="h-1px bg-#f0f0f0" mt16px mb16px />
+          <div mt16px>
+            <div font-size-14px>期望工作地</div>
+            <div
+              :style="{
+                display: 'flex',
+                justifyContent: 'space-between',
+                gap: '10px'
+              }"
+            >
+              <el-form-item prop="expectCityList" mb0>
+                <div
+                  font-size-12px
+                  :style="{
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    width: '100%'
+                  }"
+                >
+                  <city-chooser v-model="formContent.expectCityList" />
+                </div>
+              </el-form-item>
+              <div
+                v-if="formContent.expectCityList?.length"
+                :style="{
+                  backgroundColor: '#f0f0f0',
+                  width: '1px'
+                }"
+              ></div>
+              <div
+                v-if="formContent.expectCityList?.length"
+                prop="expectCityList"
+                :style="{
+                  flex: 1,
+                  minWidth: '400px'
+                }"
+              >
+                <el-form-item
+                  mb10px
+                  :style="{
+                    width: '100%'
+                  }"
+                >
+                  <div font-size-12px>当前职位工作地与期望工作地不匹配时：</div>
+                  <el-select
+                    v-model="formContent.expectCityNotMatchStrategy"
+                    @change="
+                      (value) => gtagRenderer('expect_city_not_match_strategy_changed', { value })
+                    "
+                  >
+                    <el-option
+                      v-for="op in strategyOptionWhenCurrentJobNotMatch"
+                      :key="op.value"
+                      :label="op.name"
+                      :value="op.value"
+                      >{{ op.name }}</el-option
+                    >
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="
+                    [
+                      MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS,
+                      MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL
+                    ].includes(formContent.expectCityNotMatchStrategy)
+                  "
+                  mb0
+                  :style="{
+                    width: '100%'
+                  }"
+                >
+                  <div font-size-12px>标记不合适针对的职位范围：</div>
+                  <el-select
+                    v-model="formContent.strategyScopeOptionWhenMarkJobCityNotMatch"
+                    @change="
+                      (value) => gtagRenderer('strategy_scope_option_wmjcnm_changed', { value })
+                    "
+                  >
+                    <el-option
+                      v-for="op in strategyScopeOptionWhenMarkJobNotMatch"
+                      :key="op.value"
+                      :label="op.name"
+                      :value="op.value"
+                      >{{ op.name }}</el-option
+                    >
+                  </el-select>
+                </el-form-item>
+              </div>
+            </div>
+
+            <el-tooltip
+              effect="light"
+              placement="bottom-start"
+              @show="gtagRenderer('tooltip_show_about_wrongly_mark_not_suit')"
+            >
+              <template #content>
+                <ul m0 line-height-1.5em w-400px pl2em>
+                  <li>
+                    如有错误标记，请在左侧“<a
+                      href="javascript:void(0)"
+                      style="color: var(--el-color-primary)"
+                      @click.prevent="
+                        () => {
+                          gtagRenderer('click_view_mansr_from_boss_b_tooltip')
+                          $router.push('/main-layout/MarkAsNotSuitRecord')
+                        }
+                      "
+                      >标记不合适</a
+                    >”记录中找到相关记录，来查看职位详情，或手动对这些职位发起会话
+                  </li>
+                </ul>
+              </template>
+              <el-button type="text" font-size-12px
+                ><span><QuestionFilled w-1em h-1em mr2px /></span
+                >职位被错误标记不合适时如何处理？</el-button
+              >
+            </el-tooltip>
+          </div>
+        </el-card>
+        <el-card class="config-section">
+          <el-form-item mb0>
+            <div font-size-16px>职位详情筛选条件</div>
+          </el-form-item>
+          <div>
+            <div
+              flex
+              :style="{
+                alignItems: 'center',
+                justifyContent: 'space-between'
+              }"
+            >
+              <div font-size-14px>
+                期望职位信息
+                <el-tooltip
+                  effect="light"
+                  placement="bottom"
+                  @show="gtagRenderer('tooltip_show_about_expect_job_info_figure')"
+                >
+                  <template #content>
+                    <img block h-270px src="../resources/intro-of-job-info.png" />
+                  </template>
+                  <el-button type="text" font-size-12px
+                    ><span><QuestionFilled w-1em h-1em mr2px /></span>如下各信息位置图示</el-button
+                  >
+                </el-tooltip>
+                <el-tooltip
+                  effect="light"
+                  placement="bottom"
+                  @show="gtagRenderer('tooltip_show_about_how_to_fill_df')"
+                >
+                  <template #content>
+                    <p style="margin-top: 4px; margin-bottom: 4px">
+                      目前版本中，职位名称正则、职位类型正则、职位描述正则三个筛选条件，为“且”的关系。<br />
+                      也就是说，职位信息中只要任一不能匹配到，即这个职位会被标记不合适。<br />
+                      你可以留空某个输入框，这表示任何职位一定匹配这个条件。<br />
+                      如果三个输入框均留空，表示列表中出现的任意职位一定同时匹配这三个条件。
+                    </p>
+                    因此，可以按照如下场景填写你对于期望职位的筛选条件：
+                    <ul style="margin-top: 4px; margin-bottom: 4px">
+                      <li>
+                        如果你只考虑工作类型，请填写“职位类型正则”输入框，其余两个输入框清空。<br />
+                        这可以确保求职方向基本正确。
+                      </li>
+                      <li>
+                        如果你着重关注职位描述，请填写“职位描述正则”，其余两个输入框酌情填写。
+                      </li>
+                      <li>如果你想开聊列表里的推荐的任意职位，请清空这三个输入框。</li>
+                    </ul>
+                    <div>
+                      你可以在左侧"职位详情筛选模板"选择一个模板，并在选中模板基础上尝试修改
+                    </div>
+                    <div>
+                      <b>“职位类型正则”填写过程中请注意</b
+                      >，“职位类型”是由Boss直聘预定义好的一系列职位分类，<br />
+                      因此<b>请按照这个分类编写正则来进行填写</b>。这个分类可以在此找到：<br />
+                      <img w-400px src="../resources/job-type-source-entry.png" />
+                    </div>
+                    <a
+                      href="javascript:;"
+                      style="color: var(--el-color-primary)"
+                      @click.prevent="handleHowToFillDetailFilterClick"
+                      >请参阅这个链接</a
+                    >
+                  </template>
+                  <el-button type="text" font-size-12px
+                    ><span><QuestionFilled w-1em h-1em mr2px /></span
+                    >怎样填写下面的三个输入框？</el-button
+                  >
+                </el-tooltip>
+              </div>
+              <div>
+                <el-dropdown ml20px @command="handleExpectJobFilterTemplateClicked">
+                  <el-button size="small"
+                    >职位详情筛选模板（按职类区分）
+                    <el-icon class="el-icon--right"><arrow-down /></el-icon
+                  ></el-button>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item
+                        v-for="item in expectJobFilterTemplateList"
+                        :key="item.name"
+                        :command="item"
+                        >{{ item.name }}</el-dropdown-item
+                      >
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </div>
+            </div>
+            <div
+              :style="{
+                display: 'grid',
+                gridTemplateColumns: '1fr 1em 1fr 1em 1fr',
+                gap: '5px',
+                width: '100%',
+                alignItems: 'end'
+              }"
+              class="job-detail-filter-wrap"
+            >
+              <el-form-item mb0 prop="expectJobNameRegExpStr">
+                <div font-size-12px>职位名称正则（不区分大小写）</div>
+                <el-input
+                  v-model="formContent.expectJobNameRegExpStr"
+                  placeholder="true"
+                  @blur="
+                    formContent.expectJobNameRegExpStr =
+                      formContent.expectJobNameRegExpStr?.trim() ?? ''
+                  "
+                />
+              </el-form-item>
+              <div mb10px font-size-12px flex flex-justify-center>且</div>
+              <el-form-item mb0 prop="expectJobTypeRegExpStr">
+                <div font-size-12px>职位类型正则（推荐填写，不区分大小写）</div>
+                <el-input
+                  v-model="formContent.expectJobTypeRegExpStr"
+                  placeholder="true"
+                  @blur="
+                    formContent.expectJobTypeRegExpStr =
+                      formContent.expectJobTypeRegExpStr?.trim() ?? ''
+                  "
+                />
+              </el-form-item>
+              <div mb10px font-size-12px flex flex-justify-center>且</div>
+              <el-form-item mb0 prop="expectJobDescRegExpStr">
+                <div font-size-12px>职位描述正则（不区分大小写）</div>
+                <el-input
+                  v-model="formContent.expectJobDescRegExpStr"
+                  placeholder="true"
+                  @blur="
+                    formContent.expectJobDescRegExpStr =
+                      formContent.expectJobDescRegExpStr?.trim() ?? ''
+                  "
+                />
+              </el-form-item>
+            </div>
+            <div class="mt10px lh-2em font-size-12px">当前职位名称/类型/描述不符合投递条件时：</div>
+            <div
+              :style="{
+                display: 'grid',
+                gridTemplateColumns: '1.25fr 0.75fr',
+                gap: '10px 0',
+                width: '100%',
+                alignItems: 'end'
+              }"
+            >
+              <el-form-item mb0>
+                <el-select
+                  v-model="formContent.jobNotMatchStrategy"
+                  @change="(value) => gtagRenderer('job_not_match_strategy_changed', { value })"
+                >
+                  <el-option
+                    v-for="op in strategyOptionWhenCurrentJobNotMatch"
+                    :key="op.value"
+                    :label="op.name"
+                    :value="op.value"
+                    >{{ op.name }}</el-option
+                  >
+                </el-select>
+              </el-form-item>
+              <div />
+            </div>
+          </div>
+          <div class="h-1px bg-#f0f0f0" mt16px mb16px />
+          <div mt16px>
+            <div mb0 lh-2em font-size-14px>活跃度</div>
+            <el-form-item>
+              <div font-size-12px>认为职位不活跃的时间范围：</div>
+              <el-slider
+                v-model="formContent.markAsNotActiveSelectedTimeRange"
+                :marks="noActiveDefinitionMarks"
+                :max="10"
+                :step="1"
+                pl50px
+                pr50px
+                pb30px
+                class="no-active-definition-text-slider"
+                :format-tooltip="
+                  (v) =>
+                    typeof noActiveDefinitionMarks[v] === 'string'
+                      ? noActiveDefinitionMarks[v]
+                      : noActiveDefinitionMarks[v]?.label
+                "
+                @change="(value) => gtagRenderer('job_not_active_time_range_changed', { value })"
+              />
+            </el-form-item>
+            <div
+              :style="{
+                display: 'grid',
+                gridTemplateColumns: '1.25fr 0.75fr',
+                gap: '10px 0',
+                width: '100%',
+                alignItems: 'end'
+              }"
+            >
+              <el-form-item v-if="formContent.markAsNotActiveSelectedTimeRange > 0" mb0>
+                <div font-size-12px>当前职位活跃度在如上范围内（即不活跃）时：</div>
+                <el-select
+                  v-model="formContent.jobNotActiveStrategy"
+                  @change="(value) => gtagRenderer('job_not_active_strategy_changed', { value })"
+                >
+                  <el-option
+                    v-for="op in strategyOptionWhenCurrentJobNotMatch"
+                    :key="op.value"
+                    :label="op.name"
+                    :value="op.value"
+                    >{{ op.name }}</el-option
+                  >
+                </el-select>
+              </el-form-item>
+            </div>
+          </div>
+        </el-card>
+        <el-card class="config-section">
+          <el-form-item prop="filter" mb0>
+            <div font-size-16px>
+              职位备选筛选条件
+              <el-tooltip
+                effect="light"
+                placement="bottom-start"
+                @show="gtagRenderer('tooltip_show_about_wrongly_mark_not_suit')"
+              >
+                <template #content>
+                  <ul m0 line-height-1.5em w-400px pl2em>
+                    <li>当前求职期望无合适职位时，自动更改Boss直聘页面上的筛选条件，查找新工作</li>
+                  </ul>
+                </template>
+                <el-button type="text" font-size-12px
+                  ><span><QuestionFilled w-1em h-1em mr2px /></span
+                  >这个配置是如何工作的？</el-button
+                >
+              </el-tooltip>
+            </div>
+            <AnyCombineBossRecommendFilter v-model="formContent.anyCombineRecommendJobFilter" />
+            <div font-size-12px>
+              当前组合条件数：{{
+                currentAnyCombineRecommendJobFilterCombinationCount.toLocaleString()
+              }}
+              <span
+                v-if="currentAnyCombineRecommendJobFilterCombinationCount >= 20"
+                class="color-orange"
+                >不建议选择太多组合条件</span
+              >
+            </div>
+          </el-form-item>
+        </el-card>
+      </el-form>
+    </div>
+    <div class="bg-#f8f8f8 pb10px pt10px">
+      <div
+        :style="{
+          display: 'flex',
+          justifyContent: 'end',
+          maxWidth: '1000px',
+          margin: '0 auto',
+          paddingLeft: '20px',
+          paddingRight: 'calc(20px + 16px)'
+        }"
+      >
+        <el-button @click="handleSave">仅保存配置</el-button>
+        <el-button type="primary" @click="handleSubmit"> 保存配置，并开始求职！ </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import { ElForm, ElMessage } from 'element-plus'
+import { QuestionFilled } from '@element-plus/icons-vue'
+import { useRouter } from 'vue-router'
+import AnyCombineBossRecommendFilter from '@renderer/features/AnyCombineBossRecommendFilter/index.vue'
+import { activeDescList } from '@geekgeekrun/geek-auto-start-chat-with-boss/constant.mjs'
+import { calculateTotalCombinations } from '@geekgeekrun/geek-auto-start-chat-with-boss/combineCalculator.mjs'
+import { gtagRenderer } from '@renderer/utils/gtag'
+import defaultTargetCompanyListConf from '@geekgeekrun/geek-auto-start-chat-with-boss/default-config-file/target-company-list.json'
+import { ArrowDown } from '@element-plus/icons-vue'
+import {
+  MarkAsNotSuitOp,
+  StrategyScopeOptionWhenMarkJobNotMatch
+} from '@geekgeekrun/sqlite-plugin/src/enums'
+import { debounce } from 'lodash-es'
+import mittBus from '../../../utils/mitt'
+import CityChooser from './components/CityChooser.vue'
+
+const router = useRouter()
+
+const formContent = ref({
+  dingtalkRobotAccessToken: '',
+  expectCompanies: '',
+  anyCombineRecommendJobFilter: {},
+  expectJobNameRegExpStr: '',
+  expectJobTypeRegExpStr: '',
+  expectJobDescRegExpStr: '',
+  jobNotMatchStrategy: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS,
+  jobNotActiveStrategy: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS,
+  markAsNotActiveSelectedTimeRange: 7,
+  expectCityList: [],
+  expectCityNotMatchStrategy: MarkAsNotSuitOp.NO_OP,
+  strategyScopeOptionWhenMarkJobCityNotMatch:
+    StrategyScopeOptionWhenMarkJobNotMatch.ONLY_COMPANY_MATCHED_JOB
+})
+
+const currentAnyCombineRecommendJobFilterCombinationCount = computed(() => {
+  return calculateTotalCombinations(formContent.value.anyCombineRecommendJobFilter)
+})
+
+const unwatchAnyCombineRecommendJobFilter = ref<null | (() => void)>(null)
+onBeforeUnmount(() => {
+  unwatchAnyCombineRecommendJobFilter.value?.()
+})
+electron.ipcRenderer.invoke('fetch-config-file-content').then((res) => {
+  console.log(res)
+  formContent.value.dingtalkRobotAccessToken = res.config['dingtalk.json']['groupRobotAccessToken']
+  formContent.value.expectCompanies = res.config['target-company-list.json'].join(',')
+  formContent.value.anyCombineRecommendJobFilter = res.config['boss.json']
+    ?.anyCombineRecommendJobFilter ?? {
+    salaryList: [],
+    experienceList: [],
+    degreeList: [],
+    scaleList: [],
+    industryList: []
+  }
+  unwatchAnyCombineRecommendJobFilter.value = watch(
+    () => formContent.value?.anyCombineRecommendJobFilter,
+    debounce(() => {
+      gtagRenderer('any_combine_filter_changed')
+    }, 2000),
+    {
+      deep: true
+    }
+  )
+  if (
+    res.config['boss.json']?.expectJobRegExpStr &&
+    typeof res.config['boss.json']?.expectJobNameRegExpStr === 'undefined' &&
+    typeof res.config['boss.json']?.expectJobTypeRegExpStr === 'undefined' &&
+    typeof res.config['boss.json']?.expectJobDescRegExpStr === 'undefined'
+  ) {
+    res.config['boss.json'].expectJobNameRegExpStr = res.config['boss.json'].expectJobRegExpStr
+    res.config['boss.json'].expectJobTypeRegExpStr = res.config['boss.json'].expectJobRegExpStr
+    res.config['boss.json'].expectJobDescRegExpStr = res.config['boss.json'].expectJobRegExpStr
+  }
+  formContent.value.expectJobNameRegExpStr = res.config['boss.json'].expectJobNameRegExpStr?.trim()
+  formContent.value.expectJobTypeRegExpStr = res.config['boss.json'].expectJobTypeRegExpStr?.trim()
+  formContent.value.expectJobDescRegExpStr = res.config['boss.json'].expectJobDescRegExpStr?.trim()
+
+  formContent.value.jobNotMatchStrategy = strategyOptionWhenCurrentJobNotMatch
+    .map((it) => it.value)
+    .includes(res.config['boss.json'].jobNotMatchStrategy)
+    ? res.config['boss.json'].jobNotMatchStrategy
+    : MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
+  formContent.value.markAsNotActiveSelectedTimeRange = isNaN(
+    parseInt(String(res.config['boss.json'].markAsNotActiveSelectedTimeRange))
+  )
+    ? 7
+    : parseInt(String(res.config['boss.json'].markAsNotActiveSelectedTimeRange))
+
+  formContent.value.jobNotActiveStrategy = strategyOptionWhenCurrentJobNotMatch
+    .map((it) => it.value)
+    .includes(res.config['boss.json'].jobNotActiveStrategy)
+    ? res.config['boss.json'].jobNotActiveStrategy
+    : MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
+
+  formContent.value.expectCityList = res.config['boss.json']?.expectCityList ?? []
+  formContent.value.expectCityNotMatchStrategy = strategyOptionWhenCurrentJobNotMatch
+    .map((it) => it.value)
+    .includes(res.config['boss.json'].expectCityNotMatchStrategy)
+    ? res.config['boss.json'].expectCityNotMatchStrategy
+    : MarkAsNotSuitOp.NO_OP
+  formContent.value.strategyScopeOptionWhenMarkJobCityNotMatch =
+    res.config['boss.json']?.strategyScopeOptionWhenMarkJobCityNotMatch ??
+    StrategyScopeOptionWhenMarkJobNotMatch.ONLY_COMPANY_MATCHED_JOB
+})
+
+const formRules = {
+  expectJobNameRegExpStr: {
+    validator(_, value, cb) {
+      if (!value) {
+        cb()
+        gtagRenderer('empty_reg_exp_for_expect_job_name')
+        return
+      }
+      try {
+        new RegExp(value, 'ig')
+        gtagRenderer('valid_reg_exp_for_expect_job_name')
+        cb()
+      } catch (err) {
+        cb(new Error(`正则无效：${err?.message}`))
+        gtagRenderer('invalid_reg_exp_for_expect_job_name')
+      }
+    }
+  },
+  expectJobTypeRegExpStr: {
+    validator(_, value, cb) {
+      if (!value) {
+        cb()
+        gtagRenderer('empty_reg_exp_for_expect_job_type')
+        return
+      }
+      try {
+        new RegExp(value, 'ig')
+        gtagRenderer('valid_reg_exp_for_expect_job_type')
+        cb()
+      } catch (err) {
+        cb(new Error(`正则无效：${err?.message}`))
+        gtagRenderer('invalid_reg_exp_for_expect_job_type')
+      }
+    }
+  },
+  expectJobDescRegExpStr: {
+    validator(_, value, cb) {
+      if (!value) {
+        cb()
+        gtagRenderer('empty_reg_exp_for_expect_job_desc')
+        return
+      }
+      try {
+        new RegExp(value, 'ig')
+        gtagRenderer('valid_reg_exp_for_expect_job_desc')
+        cb()
+      } catch (err) {
+        cb(new Error(`正则无效：${err?.message}`))
+        gtagRenderer('invalid_reg_exp_for_expect_job_desc')
+      }
+    }
+  }
+}
+
+const formRef = ref<InstanceType<typeof ElForm>>()
+const handleSubmit = async () => {
+  gtagRenderer('save_config_and_launch_clicked', {
+    has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
+  })
+  formContent.value.expectJobRegExpStr = undefined
+  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))
+  mittBus.emit('auto-start-chat-with-boss-config-saved')
+  router.replace({
+    path: '/geekAutoStartChatWithBoss/prepareRun',
+    query: { flow: 'geek-auto-start-chat-with-boss' }
+  })
+  gtagRenderer('config_saved_and_launch_auto_start_chat', {
+    has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
+  })
+}
+const handleSave = async () => {
+  gtagRenderer('save_config_clicked', {
+    has_dingtalk_robot_token: !!formContent.value?.dingtalkRobotAccessToken
+  })
+  normalizeExpectCompanies()
+  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))
+  mittBus.emit('auto-start-chat-with-boss-config-saved')
+  ElMessage.success('配置保存成功')
+  gtagRenderer('config_saved')
+}
+
+const normalizeExpectCompanies = () => {
+  formContent.value.expectCompanies = formContent.value.expectCompanies
+    .split(/,|，/)
+    .map((it) => it.trim())
+    .filter(Boolean)
+    .join(',')
+}
+
+const handleClickLaunchLogin = () => {
+  gtagRenderer('launch_login_clicked')
+  router.replace('/cookieAssistant')
+}
+const expectCompanyTemplateList = [
+  {
+    name: '默认值',
+    value: defaultTargetCompanyListConf.join(',')
+  },
+  {
+    name: '不限公司（随便投）',
+    value: ''
+  },
+  {
+    name: '大厂及关联企业',
+    value: `抖音,字节,字跳,有竹居,脸萌,头条,懂车帝,滴滴,嘀嘀,巨量引擎,小桔,网易,有道,腾讯,酷狗,酷我,阅文,搜狗,小鹅通,富途,京东,沃东天骏,达达,达冠,百度,昆仑芯,小度,度小满,爱奇艺,携程,趣拿,去哪儿,集度,智图,长地万方,瑞图万方,道道通,小熊博望,理想,蔚来,顺丰,丰巢,中通,圆通,申通,跨越,讯飞,同程,艺龙,马蜂窝,贝壳,自如,链家,我爱我家,相寓,多点,金山,小米,猎豹,新浪,微博,阿里,淘宝,淘麦郎,天猫,盒马,口碑,优视,夸克,UC,蚂蚁,高德,LAZADA,来赞达,飞猪,菜鸟,哈啰,钉钉,乌鸫,饿了么,美团,三快,猫眼,快手,映客,小红书,行吟,奇虎,360,三六零,鸿盈,奇富,奇元,亚信,启明星辰,奇安信,深信服,长亭,绿盟,天融信,商汤,SenseTime,大华,海康威视,hikvision,汽车之家,车好多,瓜子,易车,昆仑万维,昆仑天工,闲徕,趣加,FunPlus,完美,马上消费,轻松,水滴,白龙马,58,车欢欢,五八,红布林,致美,快狗,天鹅到家,转转,美餐,知乎,智者四海,易点云,搜狐,用友,畅捷通,猿辅导,小猿,猿力,好未来,学而思,希望学,新东方,东方甄选,东方优选,作业帮,高途,跟谁学,学科网,天学网,一起教育,一起作业,美术宝,火花思维,粉笔,51talk,爱学习,高思,老虎国际,一心向上,向上一意,联想,拉勾,乐视,欢聚,竞技世界,拼多多,寻梦,从鲸,TEMU,得物,有赞,Moka,希瑞亚斯,北森,OPPO,欧珀,vivo,维沃,小天才,步步高,读书郎,货拉拉,陌陌,探探,Shopee,虾皮,首汽租车,GoFun,神州租车,天眼查,旷视,小冰,美图,智谱华章,MiniMax,石头科技,迅雷,TP,锐捷,Tenda,腾达,斐讯,希音,SHEIN,稀宇,深言,百川智能,与爱为舞,牵手,Grab,爱回收,洋钱罐,瓴岳,得到,思维造物,地平线,咪咕,翼支付,电信,天翼,联通,蓝湖,墨刀,海尔,美的,米哈游,传音,同花顺,国美,TCL`
+  },
+  {
+    name: '阿里系',
+    value: `阿里,淘宝,淘麦郎,天猫,盒马,口碑,优视,夸克,UC,蚂蚁,飞猪,乌鸫,饿了么,LAZADA,来赞达,菜鸟,哈啰,钉钉,高德,白龙马,新浪,微博`
+  },
+  {
+    name: '字节（头条/抖音）系',
+    value: `抖音,字节,字跳,有竹居,脸萌,头条,懂车帝,巨量引擎`
+  },
+  {
+    name: '百度系',
+    value: `百度,昆仑芯,小度,度小满,爱奇艺,携程,趣拿,去哪儿,集度,作业帮,智图,长地万方,瑞图万方,道道通,小熊博望`
+  },
+  {
+    name: '腾讯系',
+    value: `腾讯,酷狗,酷我,阅文,搜狗,小鹅通,富途,京东,沃东天骏,达达,达冠,美团,三快,猫眼,快手,拼多多,寻梦,从鲸,TEMU,Shopee,虾皮,滴滴,嘀嘀,小桔`
+  },
+  {
+    name: '外包、劳务派遣企业',
+    value: `青钱,软通动力,南天,睿服,中电金信,佰钧成,云链,博彦,汉克时代,柯莱特,拓保,亿达信息,纬创,微创,微澜,诚迈科技,法本,兆尹,诚迈,联合永道,新致软件,宇信科技,华为,德科,FESCO,科锐,科之锐`
+  }
+]
+function handleExpectCompanyTemplateClicked(item) {
+  gtagRenderer('expect_company_tpl_clicked', {
+    name: item.name
+  })
+  formContent.value.expectCompanies = item.value
+}
+
+const expectJobFilterTemplateList = [
+  {
+    name: '不限职位（随便投）',
+    config: {
+      expectJobNameRegExpStr: '',
+      expectJobTypeRegExpStr: '',
+      expectJobDescRegExpStr: ''
+    }
+  },
+  {
+    name: '研发 - 前端开发工程师',
+    config: {
+      expectJobNameRegExpStr: '前端|H5|FE',
+      expectJobTypeRegExpStr: '前端开发|javascript',
+      expectJobDescRegExpStr: '前端|vue|react|node|js|javascript|H5'
+    }
+  },
+  {
+    name: '研发 - Java',
+    config: {
+      expectJobNameRegExpStr: '\\bJava\\b',
+      expectJobTypeRegExpStr: '\\bJava\\b',
+      expectJobDescRegExpStr: '\\bJava\\b|JVM|消息队列|MQ|MySQL|Nginx|Redis|Dubbo'
+    }
+  },
+  {
+    name: '人力 - 员工关系',
+    config: {
+      expectJobNameRegExpStr: '员工关系|劳动关系|SSC|人力资源|人资',
+      expectJobTypeRegExpStr: '员工关系|人力资源',
+      expectJobDescRegExpStr: '社保|考勤|入职|离职'
+    }
+  },
+  {
+    name: '人力 - 招聘',
+    config: {
+      expectJobNameRegExpStr: '招聘|招聘HR|招聘专员|招聘顾问|招聘专家|Recruiter|人力资源|人资',
+      expectJobTypeRegExpStr: '招聘|人力资源|猎头顾问',
+      expectJobDescRegExpStr: '简历筛选|面试安排|offer|猎头'
+    }
+  }
+]
+function handleExpectJobFilterTemplateClicked(item) {
+  gtagRenderer('expect_job_filter_tpl_clicked', {
+    name: item.name
+  })
+
+  Object.assign(formContent.value, {
+    ...item.config
+  })
+}
+
+const strategyOptionWhenCurrentJobNotMatch = [
+  {
+    name: '在Boss直聘上标记不合适（推荐，这确保Boss直聘推荐新职位来置换不合适职位）',
+    value: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_BOSS
+  },
+  {
+    name: '在本地数据库中标记不合适，且7天内再遇到这个职位时直接跳过',
+    value: MarkAsNotSuitOp.MARK_AS_NOT_SUIT_ON_LOCAL
+  },
+  {
+    name: '仅在本次运行中记录不合适，且本次运行再遇到这个职位时直接跳过',
+    value: MarkAsNotSuitOp.NO_OP
+  }
+]
+
+const strategyScopeOptionWhenMarkJobNotMatch = [
+  {
+    name: '所有职位',
+    value: StrategyScopeOptionWhenMarkJobNotMatch.ALL_JOB
+  },
+  {
+    name: '仅和“期望公司白名单”匹配的职位',
+    value: StrategyScopeOptionWhenMarkJobNotMatch.ONLY_COMPANY_MATCHED_JOB
+  }
+]
+
+const noActiveDefinitionMarks = computed(() => {
+  let arr = [...activeDescList]
+  arr.shift()
+  arr.unshift('不筛选')
+  arr = arr.map((it, index) => {
+    if (index <= formContent.value.markAsNotActiveSelectedTimeRange) {
+      if (formContent.value.markAsNotActiveSelectedTimeRange > 0 && index === 0) {
+        return it
+      }
+      return {
+        style: {
+          color: '#1989FA',
+          fontWeight: 700
+        },
+        label: it
+      }
+    }
+    return it
+  })
+  return arr
+})
+
+function handleHowToFillDetailFilterClick() {
+  gtagRenderer('click_linux_do_how_to_fill_df')
+  electron.ipcRenderer.send(
+    'open-external-link',
+    'https://linux.do/t/topic/640626/74?u=geekgeekrun'
+  )
+}
+</script>
+
+<style scoped lang="scss">
+.form-wrap {
+  max-height: 100vh;
+  overflow: auto;
+  padding-top: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-bottom: 20px;
+  .config-section + .config-section {
+    margin-top: 10px;
+  }
+  :deep(.el-form) {
+    max-width: 1000px;
+    margin: 0 auto;
+  }
+  .last-form-item {
+    :deep(.el-form-item__content) {
+      margin-top: 0px;
+      justify-content: flex-end;
+    }
+  }
+}
+.no-active-definition-text-slider {
+  ::v-deep(.el-slider__marks-text) {
+    font-size: 12px;
+    margin-top: 22px;
+    &::before {
+      content: '';
+      bottom: calc(100% - 6px);
+      z-index: -1;
+      left: 50%;
+      transform: translateX(-50%);
+      position: absolute;
+      display: block;
+      width: 2px;
+      height: 20px;
+      background-image: linear-gradient(var(--el-slider-runway-bg-color), transparent);
+    }
+  }
+  ::v-deep(.el-slider__stop) {
+    box-shadow: 0 0 0 2px rgba(52, 137, 255, 0.3);
+  }
+  ::v-deep(.el-slider__button) {
+    transform: rotate(45deg);
+    border-radius: 10px 10px 0px 10px;
+    --el-slider-button-size: 18px;
+  }
+}
+.job-detail-filter-wrap {
+  transition: 0.2s ease margin-bottom;
+  &:has(.el-form-item__error) {
+    margin-bottom: 40px;
+  }
+}
+</style>
+
+<style lang="scss">
+.form-wrap.geek-auto-start-run-with-boss {
+  .el-form-item__error.el-form-item__error {
+    font-size: 12px;
+    line-height: 1.2em;
+  }
+}
+</style>

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

@@ -38,6 +38,10 @@
               <template v-else-if="row.markReason === MarkAsNotSuitReason.JOB_NOT_SUIT">
                 <strong>{{ markReasonTopicMap[row.markReason] }}</strong>
               </template>
+              <template v-if="row.markReason === MarkAsNotSuitReason.JOB_CITY_NOT_SUIT">
+                <strong>{{ markReasonTopicMap[row.markReason] }}</strong>
+                <pre class="m-0 of-auto">{{ formatMarkReason(row) }}</pre>
+              </template>
             </template>
           </ElTableColumn>
           <ElTableColumn prop="experienceName" label="工作经验" />
@@ -139,7 +143,7 @@ async function getMarkAsNotSuitRecord() {
   try {
     gtagRenderer('mansr_request_sent', {
       page_no: pagination.value.pageNo,
-      page_size: pagination.value.pageSize,
+      page_size: pagination.value.pageSize
     })
     isTableLoading.value = true
     const { data: res } = (await electron.ipcRenderer.invoke('get-mark-as-not-suit-record', {
@@ -154,13 +158,13 @@ async function getMarkAsNotSuitRecord() {
     }
     gtagRenderer('mansr_request_success', {
       page_no: pagination.value.pageNo,
-      page_size: pagination.value.pageSize,
+      page_size: pagination.value.pageSize
     })
   } catch (err) {
     gtagRenderer('mansr_request_error', {
       err,
       page_no: pagination.value.pageNo,
-      page_size: pagination.value.pageSize,
+      page_size: pagination.value.pageSize
     })
     console.log(err)
     tableData.value = []
@@ -204,7 +208,8 @@ function handleViewJobSnapshotButtonClick(record: VMarkAsNotSuitLog) {
 const markReasonTopicMap = {
   [MarkAsNotSuitReason.BOSS_INACTIVE]: 'Boss不活跃',
   [MarkAsNotSuitReason.USER_MANUAL_OPERATION_WITH_UNKNOWN_REASON]: '手动标记不合适',
-  [MarkAsNotSuitReason.JOB_NOT_SUIT]: '职位不合适'
+  [MarkAsNotSuitReason.JOB_NOT_SUIT]: '职位不合适',
+  [MarkAsNotSuitReason.JOB_CITY_NOT_SUIT]: '工作地不合适'
 }
 
 function formatMarkReason(row: VMarkAsNotSuitLog) {
@@ -236,6 +241,18 @@ function formatMarkReason(row: VMarkAsNotSuitLog) {
         .filter(Boolean)
         .join('\n')
     }
+    case MarkAsNotSuitReason.JOB_CITY_NOT_SUIT: {
+      const extInfo = (() => {
+        try {
+          return JSON.parse(row.extInfo)
+        } catch {
+          return null
+        }
+      })()
+      return [extInfo?.chosenReasonInUi?.text && `Boss选项内容：${extInfo.chosenReasonInUi.text}`]
+        .filter(Boolean)
+        .join('\n')
+    }
     default: {
       return ''
     }

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

@@ -174,7 +174,7 @@
           @blur="handleThrottleIntervalMinutesBlur"
         /> 分钟内不多次跟进同一Boss
       </el-form-item>
-      <el-form-item label="跟进时限（天）" prop="rechatLimitDay">
+      <el-form-item label="跟进时限（天）" prop="rechatLimitDay" mb-0>
         <div>
           <div><el-checkbox v-model="enableRechatLimit" />&nbsp;启用</div>
           <el-input-number
@@ -192,6 +192,30 @@
           <div v-else>这将会跟进列表中所有聊天（<span class="text-orange">不建议</span>）</div>
         </div>
       </el-form-item>
+      <el-form-item>
+        <el-tooltip
+          effect="light"
+          placement="bottom-start"
+          @show="gtagRenderer('tooltip_show_about_stop_trace_one_boss')"
+        >
+          <template #content>
+            <ul m0 line-height-1.5em w-300px pl2em>
+              <li>
+                请向你不想继续提醒的Boss发送任意消息，发送后立即撤回的这条消息即可。
+                <br />
+                <br />
+                对于PC端Boss直聘，鼠标移动到要撤回的消息，点按鼠标右键调出菜单，再鼠标左键点击菜单中的“撤回”。如图所示：
+                <br />
+                <img block w-full src="./resources/withdraw-message-guide.png" />
+              </li>
+            </ul>
+          </template>
+          <el-button type="text" font-size-12px
+            ><span><QuestionFilled w-1em h-1em mr2px /></span
+            >我不想持续提醒某个Boss了，如何处理？</el-button
+          >
+        </el-tooltip>
+      </el-form-item>
       <el-form-item class="last-form-item">
         <el-button type="primary" @click="handleSubmit">开始提醒</el-button>
       </el-form-item>
@@ -209,6 +233,7 @@ import {
 } from '../../../../common/enums/auto-start-chat'
 import { gtagRenderer } from '@renderer/utils/gtag'
 import mittBus from '../../utils/mitt'
+import { QuestionFilled } from '@element-plus/icons-vue'
 
 const router = useRouter()
 const formContent = ref({

packages/ui/src/renderer/src/router/index.ts

@@ -45,7 +45,7 @@ const routes: Array<RouteRecordRaw> = [
     children: [
       {
         path: 'GeekAutoStartChatWithBoss',
-        component: () => import('@renderer/page/MainLayout/GeekAutoStartChatWithBoss.vue'),
+        component: () => import('@renderer/page/MainLayout/GeekAutoStartChatWithBoss/index.vue'),
         meta: {
           title: 'BOSS炸弹'
         }