add ui of city filter setting; add slot for city chooser; fix sometimes filter not show

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

@@ -513,6 +513,7 @@ async function setFilterCondition (selectedFilters) {
       if (!filterDropdownCssList.includes('is-select') && !currentFilterConditions.length) {
         continue
       } else {
+        await filterDropdownProxy.scrollIntoView()
         const filterDropdownElBBox = await filterDropdownProxy.boundingBox()
         await page.mouse.move(
           filterDropdownElBBox.x + filterDropdownElBBox.width / 2,
@@ -573,6 +574,13 @@ async function setFilterCondition (selectedFilters) {
               optionValue = conditionToCheck[j]
             }
             await sleepWithRandomDelay(500)
+            await filterDropdownProxy.scrollIntoView()
+            const filterDropdownElBBox = await filterDropdownProxy.boundingBox()
+            await page.mouse.move(
+              filterDropdownElBBox.x + filterDropdownElBBox.width / 2,
+              filterDropdownElBBox.y + filterDropdownElBBox.height / 2,
+            )
+            await sleepWithRandomDelay(500)
             const optionElProxy = await page.$(`.page-jobs-main .filter-condition-inner [ka="${optionKaPrefix}${optionValue}"]`)
             if (!optionElProxy) {
               continue;
@@ -750,9 +758,12 @@ async function toRecommendPage (hooks) {
         ? formatStaticCombineFilters(staticCombineRecommendJobFilterConditions)
           : combineFiltersWithConstraintsGenerator(anyCombineRecommendJobFilter)
     let expectJobList
+    let filterConditionIndex = -1
     iterateFilterCondition: for (
       const filterCondition of filterConditions
     ) {
+      filterConditionIndex++
+      console.log(`current filter condition index to apply: ${filterConditionIndex}`, JSON.stringify(filterCondition))
       findInCurrentFilterCondition: while(true) {
         await sleepWithRandomDelay(2500)
 

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

@@ -1,5 +1,37 @@
 <template>
   <div class="job-combo-filter">
+    <div class="filter-item">
+      <div font-size-12px>城市</div>
+      <div
+        style="
+          align-items: center;
+          background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+          background-image: none;
+          border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+          box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+        "
+        pl4px
+        pr4px
+        flex
+        justify-between
+        items-center
+      >
+        <city-chooser v-model="modelValue.cityList">
+          <template #default="{ showDialog }">
+            <div flex justify-between items-center>
+              <div font-size-12px>
+                <template v-if="modelValue.cityList?.length"
+                  >已选择<span ml3px mr3px>{{ modelValue.cityList?.length }}</span
+                  >个城市</template
+                >
+                <template v-else><i color-gray>未选择城市</i></template>
+              </div>
+              <el-button size="small" @click="showDialog" pl4px pr4px>选择</el-button>
+            </div>
+          </template>
+        </city-chooser>
+      </div>
+    </div>
     <div class="filter-item">
       <div font-size-12px>薪资待遇</div>
       <el-select
@@ -10,7 +42,7 @@
         collapse-tags-tooltip
       >
         <el-option
-          v-for="it in conditions.salaryList.filter(it => it.code !== 0)"
+          v-for="it in conditions.salaryList.filter((it) => it.code !== 0)"
           :key="it.code"
           :value="it.code"
           :label="it.name"
@@ -27,7 +59,7 @@
         collapse-tags-tooltip
       >
         <el-option
-          v-for="it in conditions.experienceList.filter(it => it.code !== 0)"
+          v-for="it in conditions.experienceList.filter((it) => it.code !== 0)"
           :key="it.code"
           :value="it.code"
           :label="it.name"
@@ -44,7 +76,7 @@
         collapse-tags-tooltip
       >
         <el-option
-          v-for="it in conditions.degreeList.filter(it => it.code !== 0)"
+          v-for="it in conditions.degreeList.filter((it) => it.code !== 0)"
           :key="it.code"
           :value="it.code"
           :label="it.name"
@@ -84,7 +116,7 @@
         collapse-tags-tooltip
       >
         <el-option
-          v-for="it in conditions.scaleList.filter(it => it.code !== 0)"
+          v-for="it in conditions.scaleList.filter((it) => it.code !== 0)"
           :key="it.code"
           :value="it.code"
           :label="it.name"
@@ -97,6 +129,7 @@
 <script lang="ts" setup>
 import conditions from '@geekgeekrun/geek-auto-start-chat-with-boss/internal-config/job-filter-conditions-20241002.json'
 import industryFilterExemption from '@geekgeekrun/geek-auto-start-chat-with-boss/internal-config/job-filter-industry-filter-exemption-20241002.json'
+import CityChooser from '@renderer/page/MainLayout/GeekAutoStartChatWithBoss/components/CityChooser.vue'
 import { PropType } from 'vue'
 
 defineProps({

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

@@ -71,6 +71,21 @@
             </div>
           </template>
         </el-table-column>
+        <el-table-column :resizable="false" label="城市" prop="city">
+          <template #default="{ row }">
+            <city-chooser v-model="row.city" :multiple="false">
+              <template #default="{ showDialog }">
+                <div flex justify-between items-center>
+                  <div font-size-12px lh-1.2em>
+                    <template v-if="row.city">{{ row.city }}</template>
+                    <template v-else><i color-gray>未选择城市</i></template>
+                  </div>
+                  <el-button size="small" @click="showDialog" pl4px pr4px>选择</el-button>
+                </div>
+              </template>
+            </city-chooser>
+          </template>
+        </el-table-column>
         <el-table-column :resizable="false" label="薪资待遇" prop="salary">
           <template #default="{ row }">
             <el-select
@@ -183,6 +198,7 @@ import conditions from '@geekgeekrun/geek-auto-start-chat-with-boss/internal-con
 import industryFilterExemption from '@geekgeekrun/geek-auto-start-chat-with-boss/internal-config/job-filter-industry-filter-exemption-20241002.json'
 import { ArrowUp, ArrowDown, Delete, Plus } from '@element-plus/icons-vue'
 import { computed, PropType } from 'vue'
+import CityChooser from '@renderer/page/MainLayout/GeekAutoStartChatWithBoss/components/CityChooser.vue'
 
 import { getStaticCombineFilterKey } from '@geekgeekrun/geek-auto-start-chat-with-boss/combineCalculator.mjs'
 

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

@@ -1,46 +1,16 @@
 <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
-      line-height-1
-      :style="{
-        marginTop: modelValue?.length ? '10px' : ''
-      }"
-    >
-      <el-button
-        size="small"
-        type="primary"
-        @click="
-          () => {
-            isDialogVisible = true
-            gtagRenderer('choose_city_entry_button_clicked')
-          }
-        "
-        >选择城市</el-button
-      >
-      <el-button
-        v-if="modelValue?.length"
-        size="small"
-        type="danger"
-        @click="handleClearSelectedCitiesInModelValue"
-        >清空已选择的所有城市</el-button
-      >
-    </div>
+  <div w-full>
+    <slot
+      :model-value="modelValue"
+      :show-dialog="() => (isDialogVisible = true)"
+      :clear-value="handleClearSelectedCitiesInModelValue"
+    ></slot>
     <el-dialog
       v-model="isDialogVisible"
       width="1000px"
       title="请选择城市"
       :show-close="false"
+      append-to-body
       @open="handleDialogOpen"
       @closed="handleDialogClosed"
     >
@@ -50,7 +20,7 @@
           label="热门城市"
           name="热门城市"
         >
-          <el-checkbox-group v-model="selectedCities">
+          <el-checkbox-group v-if="multiple" v-model="selectedCities">
             <div
               :style="{
                 display: 'grid',
@@ -66,6 +36,23 @@
               </el-checkbox>
             </div>
           </el-checkbox-group>
+          <el-radio-group v-else v-model="selectedCities" w-full>
+            <div
+              w-full
+              :style="{
+                display: 'grid',
+                gridTemplateColumns: '1fr 1fr 1fr 1fr'
+              }"
+            >
+              <el-radio
+                v-for="op in hotCityList.filter((it) => it.code !== 100010000)"
+                :key="op.code"
+                :label="op.name"
+              >
+                {{ op.name }}
+              </el-radio>
+            </div>
+          </el-radio-group>
         </el-tab-pane>
         <el-tab-pane
           v-for="it in cityGroupsByAlphabetMap.keys()"
@@ -75,8 +62,8 @@
           :value="it"
         >
           <div v-for="group in cityGroupsByAlphabetMap.get(it)" :key="group.firstChar">
-            {{ group.firstChar }}
-            <el-checkbox-group v-model="selectedCities">
+            <div pt4px pb4px>{{ group.firstChar }}</div>
+            <el-checkbox-group v-if="multiple" v-model="selectedCities">
               <div
                 :style="{
                   display: 'grid',
@@ -88,6 +75,19 @@
                 </el-checkbox>
               </div>
             </el-checkbox-group>
+            <el-radio-group v-else v-model="selectedCities" w-full>
+              <div
+                w-full
+                :style="{
+                  display: 'grid',
+                  gridTemplateColumns: '1fr 1fr 1fr 1fr'
+                }"
+              >
+                <el-radio v-for="op in group.cityList" :key="op.code" :label="op.name">
+                  {{ op.name }}
+                </el-radio>
+              </div>
+            </el-radio-group>
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -101,7 +101,7 @@
         >
           <div>
             <el-button
-              v-if="selectedCities.length"
+              v-if="selectedCities?.length"
               type="danger"
               @click="handleClearSelectedCitiesInDialog"
               >清空已选择的所有城市</el-button
@@ -121,10 +121,16 @@
 import { PropType, ref } from 'vue'
 import cityGroupData from '@geekgeekrun/geek-auto-start-chat-with-boss/cityGroup.mjs'
 import { gtagRenderer } from '@renderer/utils/gtag'
+import { ElRadioGroup } from 'element-plus'
 
 const props = defineProps({
   modelValue: {
-    type: Array as PropType<string[]>
+    type: [Array, String] as PropType<string[] | string | null>,
+    default: null
+  },
+  multiple: {
+    type: Boolean,
+    default: true
   }
 })
 const emits = defineEmits(['update:modelValue'])
@@ -132,7 +138,7 @@ const { hotCityList, cityGroup } = cityGroupData.zpData
 
 const activeTabName = ref('热门城市')
 const isDialogVisible = ref(false)
-const selectedCities = ref([])
+const selectedCities = ref(null)
 
 const cityGroupsByAlphabetMap = ref(
   new Map(['ABCDE', 'FGHJ', 'KLMN', 'PQRST', 'WXYZ'].map((it) => [it, []]))
@@ -151,7 +157,7 @@ for (const group of cityGroup) {
 
 function handleDialogOpen() {
   activeTabName.value = '热门城市'
-  selectedCities.value = [...(props.modelValue ?? [])]
+  selectedCities.value = props.multiple ? [...(props.modelValue ?? [])] : props.modelValue
   gtagRenderer('choose_city_dialog_open')
 }
 
@@ -160,21 +166,28 @@ function handleCancelClicked() {
   isDialogVisible.value = false
 }
 function handleConfirmClicked() {
-  gtagRenderer('choose_city_confirm_button_clicked', { value: selectedCities.value.join(',') })
+  gtagRenderer('choose_city_confirm_button_clicked', {
+    value: Array.isArray(selectedCities.value)
+      ? selectedCities.value.join(',')
+      : selectedCities.value
+  })
   isDialogVisible.value = false
-  emits('update:modelValue', [...(selectedCities.value ?? [])])
+  emits(
+    'update:modelValue',
+    props.multiple ? [...(selectedCities.value ?? [])] : selectedCities.value
+  )
 }
 function handleDialogClosed() {
-  selectedCities.value = []
+  selectedCities.value = props.multiple ? [] : null
   gtagRenderer('choose_city_dialog_closed')
 }
 
 function handleClearSelectedCitiesInModelValue() {
-  emits('update:modelValue', [])
+  emits('update:modelValue', (selectedCities.value = props.multiple ? [] : null))
   gtagRenderer('clear_selected_cities_in_mv_clicked')
 }
 function handleClearSelectedCitiesInDialog() {
-  selectedCities.value = []
+  selectedCities.value = props.multiple ? [] : null
   gtagRenderer('clear_selected_cities_in_dialog_clicked')
 }
 </script>

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

@@ -314,7 +314,47 @@
                     width: '100%'
                   }"
                 >
-                  <city-chooser v-model="formContent.expectCityList" />
+                  <city-chooser v-model="formContent.expectCityList">
+                    <template #default="{ modelValue, showDialog, clearValue }">
+                      <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
+                        line-height-1
+                        :style="{
+                          marginTop: modelValue?.length ? '10px' : ''
+                        }"
+                      >
+                        <el-button
+                          size="small"
+                          type="primary"
+                          @click="
+                            () => {
+                              // isDialogVisible = true
+                              showDialog()
+                              gtagRenderer('choose_city_entry_button_clicked')
+                            }
+                          "
+                          >选择城市</el-button
+                        >
+                        <el-button
+                          v-if="modelValue?.length"
+                          size="small"
+                          type="danger"
+                          @click="clearValue"
+                          >清空已选择的所有城市</el-button
+                        >
+                      </div>
+                    </template>
+                  </city-chooser>
                 </div>
               </el-form-item>
               <div