mirror of
https://github.com/geekgeekrun/geekgeekrun.git
synced 2026-09-07 00:17:17 +08:00
enhance ui appearance of auto start chat config
This commit is contained in:
geekgeekrun
+364
-342
@@ -1,218 +1,65 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="form-wrap geek-auto-start-run-with-boss">
|
<div
|
||||||
<el-form ref="formRef" :model="formContent" label-position="top" :rules="formRules">
|
:style="{
|
||||||
<el-card class="config-section">
|
display: 'flex',
|
||||||
<el-form-item mb0>
|
flexDirection: 'column'
|
||||||
<div>
|
}"
|
||||||
<div font-size-16px>BOSS直聘 Cookie</div>
|
>
|
||||||
<el-button size="small" type="primary" @click="handleClickLaunchLogin"
|
<div class="form-wrap geek-auto-start-run-with-boss">
|
||||||
>编辑Cookie</el-button
|
<el-form ref="formRef" :model="formContent" label-position="top" :rules="formRules">
|
||||||
>
|
<el-card class="config-section">
|
||||||
</div>
|
<el-form-item mb0>
|
||||||
</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>
|
<div>
|
||||||
期望公司白名单（以逗号分隔，不区分大小写；输入框留空表示不筛选）<el-tooltip
|
<div font-size-16px>BOSS直聘 Cookie</div>
|
||||||
effect="light"
|
<el-button size="small" type="primary" @click="handleClickLaunchLogin"
|
||||||
placement="bottom-start"
|
>编辑Cookie</el-button
|
||||||
@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>
|
</div>
|
||||||
<el-dropdown @command="handleExpectCompanyTemplateClicked">
|
</el-form-item>
|
||||||
<el-button size="small"
|
</el-card>
|
||||||
>期望公司模板 <el-icon class="el-icon--right"><arrow-down /></el-icon
|
<!-- <el-form-item
|
||||||
></el-button>
|
label="钉钉机器人 AccessToken（用于记录开聊，请勿使用公司内部群）"
|
||||||
<template #dropdown>
|
prop="dingtalkRobotAccessToken"
|
||||||
<el-dropdown-menu>
|
>
|
||||||
<el-dropdown-item
|
<el-input v-model="formContent.dingtalkRobotAccessToken" />
|
||||||
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> -->
|
</el-form-item> -->
|
||||||
<div class="h-1px bg-#f0f0f0" mt16px mb16px />
|
<el-card class="config-section">
|
||||||
<div mt16px>
|
<el-form-item mb0>
|
||||||
<div font-size-14px>期望工作地</div>
|
<div font-size-16px>职位列表筛选条件</div>
|
||||||
<div
|
</el-form-item>
|
||||||
:style="{
|
<el-form-item prop="expectCompanies" mb0>
|
||||||
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
|
<div
|
||||||
v-if="formContent.expectCityList?.length"
|
font-size-14px
|
||||||
|
flex
|
||||||
:style="{
|
:style="{
|
||||||
backgroundColor: '#f0f0f0',
|
justifyContent: 'space-between',
|
||||||
width: '1px'
|
alignItems: 'center',
|
||||||
}"
|
width: '100%'
|
||||||
></div>
|
|
||||||
<el-form-item
|
|
||||||
v-if="formContent.expectCityList?.length"
|
|
||||||
prop="expectCityList"
|
|
||||||
mb10px
|
|
||||||
:style="{
|
|
||||||
flex: 1,
|
|
||||||
minWidth: '400px'
|
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
font-size-12px
|
期望公司白名单（以逗号分隔，不区分大小写；输入框留空表示不筛选）<el-tooltip
|
||||||
:style="{
|
effect="light"
|
||||||
width: '100%'
|
placement="bottom-start"
|
||||||
}"
|
@show="gtagRenderer('tooltip_show_about_expect_company_figure')"
|
||||||
>
|
|
||||||
<div>当前职位工作地与期望工作地不匹配时：</div>
|
|
||||||
<el-form-item mb0>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
</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>
|
<template #content>
|
||||||
</div>
|
<img block h-270px src="../resources/intro-of-job-entry.png" />
|
||||||
<div>
|
</template>
|
||||||
<el-dropdown ml20px @command="handleExpectJobFilterTemplateClicked">
|
<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-button size="small"
|
||||||
>职位详情筛选模板（按职类区分）
|
>期望公司模板 <el-icon class="el-icon--right"><arrow-down /></el-icon
|
||||||
<el-icon class="el-icon--right"><arrow-down /></el-icon
|
|
||||||
></el-button>
|
></el-button>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
v-for="item in expectJobFilterTemplateList"
|
v-for="item in expectCompanyTemplateList"
|
||||||
:key="item.name"
|
:key="item.name"
|
||||||
:command="item"
|
:command="item"
|
||||||
>{{ item.name }}</el-dropdown-item
|
>{{ item.name }}</el-dropdown-item
|
||||||
@@ -221,134 +68,92 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<el-input
|
||||||
<div
|
v-model="formContent.expectCompanies"
|
||||||
:style="{
|
:autosize="{ minRows: 4 }"
|
||||||
display: 'grid',
|
max-h-8lh
|
||||||
gridTemplateColumns: '1fr 1em 1fr 1em 1fr',
|
type="textarea"
|
||||||
gap: '5px',
|
@blur="normalizeExpectCompanies"
|
||||||
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>
|
</el-form-item>
|
||||||
<div
|
<!-- <el-form-item prop="expectSalary" mb10px>
|
||||||
:style="{
|
<div
|
||||||
display: 'grid',
|
font-size-12px
|
||||||
gridTemplateColumns: '1.25fr 0.75fr',
|
:style="{
|
||||||
gap: '10px 0',
|
justifyContent: 'space-between',
|
||||||
width: '100%',
|
alignItems: 'center',
|
||||||
alignItems: 'end'
|
width: '100%'
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<el-form-item v-if="formContent.markAsNotActiveSelectedTimeRange > 0" mb0>
|
<div>期望薪资范围（以 k 为单位）</div>
|
||||||
<div font-size-12px>发现当前职位不活跃时：</div>
|
<el-input />
|
||||||
<el-select
|
</div>
|
||||||
v-model="formContent.jobNotActiveStrategy"
|
</el-form-item> -->
|
||||||
@change="(value) => gtagRenderer('job_not_active_strategy_changed', { value })"
|
<div class="h-1px bg-#f0f0f0" mt16px mb16px />
|
||||||
>
|
<div mt16px>
|
||||||
<el-option
|
<div font-size-14px>期望工作地</div>
|
||||||
v-for="op in strategyOptionWhenCurrentJobNotMatch"
|
<div
|
||||||
:key="op.value"
|
:style="{
|
||||||
:label="op.name"
|
display: 'flex',
|
||||||
:value="op.value"
|
justifyContent: 'space-between',
|
||||||
>{{ op.name }}</el-option
|
gap: '10px'
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<el-form-item prop="expectCityList" mb0>
|
||||||
|
<div
|
||||||
|
font-size-12px
|
||||||
|
:style="{
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
width: '100%'
|
||||||
|
}"
|
||||||
>
|
>
|
||||||
</el-select>
|
<city-chooser v-model="formContent.expectCityList" />
|
||||||
</el-form-item>
|
</div>
|
||||||
</div>
|
</el-form-item>
|
||||||
</div>
|
<div
|
||||||
</el-card>
|
v-if="formContent.expectCityList?.length"
|
||||||
<el-card class="config-section">
|
:style="{
|
||||||
<el-form-item prop="filter" mb0>
|
backgroundColor: '#f0f0f0',
|
||||||
<div font-size-16px>
|
width: '1px'
|
||||||
职位备选筛选条件
|
}"
|
||||||
|
></div>
|
||||||
|
<el-form-item
|
||||||
|
v-if="formContent.expectCityList?.length"
|
||||||
|
prop="expectCityList"
|
||||||
|
mb10px
|
||||||
|
:style="{
|
||||||
|
flex: 1,
|
||||||
|
minWidth: '400px'
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
font-size-12px
|
||||||
|
:style="{
|
||||||
|
width: '100%'
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div>当前职位工作地与期望工作地不匹配时：</div>
|
||||||
|
<el-form-item mb0>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
|
||||||
<el-tooltip
|
<el-tooltip
|
||||||
effect="light"
|
effect="light"
|
||||||
placement="bottom-start"
|
placement="bottom-start"
|
||||||
@@ -356,32 +161,247 @@
|
|||||||
>
|
>
|
||||||
<template #content>
|
<template #content>
|
||||||
<ul m0 line-height-1.5em w-400px pl2em>
|
<ul m0 line-height-1.5em w-400px pl2em>
|
||||||
<li>当前求职期望无合适职位时，自动更改Boss直聘页面上的筛选条件，查找新工作</li>
|
<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>
|
</ul>
|
||||||
</template>
|
</template>
|
||||||
<el-button type="text" font-size-12px
|
<el-button type="text" font-size-12px
|
||||||
><span><QuestionFilled w-1em h-1em mr2px /></span>这个配置是如何工作的？</el-button
|
><span><QuestionFilled w-1em h-1em mr2px /></span
|
||||||
|
>职位被错误标记不合适时如何处理？</el-button
|
||||||
>
|
>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
<AnyCombineBossRecommendFilter v-model="formContent.anyCombineRecommendJobFilter" />
|
</el-card>
|
||||||
<div font-size-12px>
|
<el-card class="config-section">
|
||||||
当前组合条件数：{{
|
<el-form-item mb0>
|
||||||
currentAnyCombineRecommendJobFilterCombinationCount.toLocaleString()
|
<div font-size-16px>职位详情筛选条件</div>
|
||||||
}}
|
</el-form-item>
|
||||||
<span
|
<div>
|
||||||
v-if="currentAnyCombineRecommendJobFilterCombinationCount >= 20"
|
<div
|
||||||
class="color-orange"
|
flex
|
||||||
>不建议选择太多组合条件</span
|
: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>
|
||||||
|
</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>
|
||||||
</el-form-item>
|
<div class="h-1px bg-#f0f0f0" mt16px mb16px />
|
||||||
</el-card>
|
<div mt16px>
|
||||||
<el-form-item class="last-form-item mb20px mt20px">
|
<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 @click="handleSave">仅保存配置</el-button>
|
||||||
<el-button type="primary" @click="handleSubmit"> 保存配置，并开始求职！ </el-button>
|
<el-button type="primary" @click="handleSubmit"> 保存配置，并开始求职！ </el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
</el-form>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -728,9 +748,11 @@ const noActiveDefinitionMarks = computed(() => {
|
|||||||
.form-wrap {
|
.form-wrap {
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
padding-top: 20px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
.config-section {
|
padding-bottom: 20px;
|
||||||
|
.config-section + .config-section {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
:deep(.el-form) {
|
:deep(.el-form) {
|
||||||
|
|||||||
Reference in New Issue
Block a user