@@ -391,6 +266,7 @@ import JobGoalDialog from '@/components/JobGoalDialog.vue'
import RegionSelector from '@/components/tools/RegionSelector.vue'
import JobCategorySelector from '@/components/tools/JobCategorySelector.vue'
import IndustrySelector from '@/components/tools/IndustrySelector.vue'
+import AgentBrowserInstallGuide from '@/components/AgentBrowserInstallGuide.vue'
import { saveProfile, saveEducation, saveWork, saveInternship, saveProject, saveCompetition, fetchProfile, fetchEducation, fetchWork, fetchInternship, fetchProject, fetchCompetition } from '@/api/profile'
import type { SaveEducationItem, SaveWorkItem, SaveProjectItem, SaveCompetitionItem } from '@/api/profile'
import { fetchResumeList, setDefaultResume } from '@/api/resume'
@@ -434,6 +310,13 @@ const editInitialData = ref
>({})
// ==================== 个人档案数据 ====================
onMounted(async () => {
+ // 恢复刷新前保存的步骤号
+ const savedStep = sessionStorage.getItem('wizardStep')
+ if (savedStep) {
+ currentStep.value = Number(savedStep)
+ sessionStorage.removeItem('wizardStep')
+ }
+
if (!store.state.regions.length) store.dispatch('loadCommonData')
store.dispatch('loadJobIntention')
await loadProfile()
@@ -444,6 +327,10 @@ onMounted(async () => {
await loadCompetition()
})
+// ==================== 通信桥接：插件在线状态从 store 全局获取 ====================
+/** 插件是否在线（从 vuex 全局状态读取） */
+const plugIsOnline = computed(() => store.state.plugIsOnline)
+
async function loadProfile() {
try {
const res = await fetchProfile()
@@ -763,19 +650,25 @@ watch(selectedResumeId, async (newId, oldId) => {
})
// ==================== 第3步：安装插件 ====================
-/** 插件下载地址 */
-const extensionDownloadUrl = 'https://offerpie.oss-cn-guangzhou.aliyuncs.com/extension/chrome-mv3-prod.rar'
-/** 下载插件 */
-function downloadExtension() { window.open(extensionDownloadUrl, '_blank') }
+/** 浏览器插件安装指引组件引用 */
+const browserInstallGuideRef = ref | null>(null)
-/** 复制文本到剪贴板 */
-function copyToClipboard(text: string) {
- navigator.clipboard.writeText(text).then(() => {
- ElMessage.success('已复制到剪贴板')
- }).catch(() => {
- ElMessage.error('复制失败，请手动复制')
- })
+/** 插件安装确认弹窗 */
+const showInstallDialog = ref(false)
+
+/** 点击"下载插件"：下载插件文件 + 弹出安装确认弹窗 */
+function handleInstallConfirm() {
+ // 触发下载插件文件
+ browserInstallGuideRef.value?.downloadExtension()
+ // 显示安装确认弹窗
+ showInstallDialog.value = true
+}
+
+/** 点击"已安装，继续"：保存步骤 + 刷新页面 */
+function handleInstallConfirmReload() {
+ sessionStorage.setItem('wizardStep', String(currentStep.value))
+ location.reload()
}
// ==================== 第4步：配置求职助手 ====================
diff --git a/src/main.ts b/src/main.ts
index 9fc5c1b..d0dbb0d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,4 +9,7 @@ createApp(App)
.use(router)
.use(store)
.use(remAdaptPlugin)
- .mount('#app')
\ No newline at end of file
+ .mount('#app')
+
+// 启动浏览器插件心跳监听（全局常驻）
+store.dispatch('startPlugHeartbeat')
\ No newline at end of file
diff --git a/src/stores/index.ts b/src/stores/index.ts
index 1e01e16..4baa110 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -11,6 +11,7 @@ import { fetchUserInfo } from '@/api/auth'
import type { UserInfo } from '@/api/auth'
import { fetchMemberStatus } from '@/api/member'
import type { MemberStatus } from '@/api/member'
+import { createChannelBridge } from '@/utils/channelBridge'
/** 招聘分类选项：label → 接口参数 recruitCategory */
export const JOB_TYPE_OPTIONS: { label: string; value: number }[] = [
@@ -164,6 +165,12 @@ export interface RootState {
* 全局会员权限拦截弹窗 — 路由守卫或页面检测到免费用户时触发
*/
showMemberAccessDialog: boolean
+
+ /** 通信桥接组件的域名标识（用于 BroadcastChannel 频道隔离） */
+ bridgeDomain: string
+
+ /** 浏览器插件是否在线（3秒内有 BroadcastChannel 心跳则为 true） */
+ plugIsOnline: boolean
}
export default createStore({
@@ -195,6 +202,10 @@ export default createStore({
settingsTab: 'account',
inviteCode: '',
showMemberAccessDialog: false,
+ /** 通信桥接组件的域名标识（用于 BroadcastChannel 频道隔离） */
+ bridgeDomain: 'test.offerpai.com.cn',
+ /** 浏览器插件是否在线 */
+ plugIsOnline: false,
},
getters: {
getAppName: (state) => state.appName,
@@ -270,6 +281,9 @@ export default createStore({
SET_SHOW_MEMBER_ACCESS_DIALOG(state, show: boolean) {
state.showMemberAccessDialog = show
},
+ SET_PLUG_IS_ONLINE(state, online: boolean) {
+ state.plugIsOnline = online
+ },
},
actions: {
updateAppName({ commit }, name: string) {
@@ -448,6 +462,81 @@ export default createStore({
return { code: '0', message: 'ok' }
}
},
+
+ /**
+ * 初始化浏览器插件心跳监听
+ * 双重检测机制：
+ * 1. BroadcastChannel watch — 实时收心跳（插件与本页面同时在线时最快）
+ * 2. 定时轮询 bridge.get 读 IndexedDB — 每3秒兜底检测（覆盖 BroadcastChannel 不通的场景）
+ * 启动时立即 get 一次快速判断初始在线状态
+ * 返回销毁函数
+ */
+ startPlugHeartbeat({ commit, state }) {
+ const bridge = createChannelBridge({ domain: state.bridgeDomain })
+ let lastHeartbeat = 0
+
+ /** 解析 updateTime 字符串为时间戳（格式：yyyy-MM-dd HH:mm:ss） */
+ function parseTime(timeStr: string): number {
+ return new Date(timeStr.replace(' ', 'T')).getTime()
+ }
+
+ /** 根据 updateTime 判断是否在线并更新状态 */
+ function checkOnline(updateTime: string) {
+ const elapsed = Date.now() - parseTime(updateTime)
+ if (elapsed <= 3000) {
+ lastHeartbeat = Date.now()
+ if (!state.plugIsOnline) {
+ commit('SET_PLUG_IS_ONLINE', true)
+ }
+ }
+ }
+
+ // 启动时立即 get 一次，根据 updateTime 判断初始在线状态
+ bridge.get<{ usage: string }>(state.bridgeDomain, 'offerpieBrowserPlugUsage').then((data) => {
+ if (data && data.updateTime) {
+ checkOnline(data.updateTime)
+ }
+ })
+
+ // 方式1：BroadcastChannel watch — 实时收心跳
+ const unwatch = bridge.watch<{ usage: string }>(
+ state.bridgeDomain,
+ 'offerpieBrowserPlugUsage',
+ (data) => {
+ if (data && data.updateTime) {
+ checkOnline(data.updateTime)
+ }
+ }
+ )
+
+ // 方式2：定时轮询 get IndexedDB — 兜底（覆盖 BroadcastChannel 断连场景）
+ const pollTimer = setInterval(async () => {
+ try {
+ const data = await bridge.get<{ usage: string }>(state.bridgeDomain, 'offerpieBrowserPlugUsage')
+ // console.log('[plugHeartbeat] poll get:', data)
+ if (data && data.updateTime) {
+ checkOnline(data.updateTime)
+ }
+ } catch { /* 忽略读取异常 */ }
+ }, 3000)
+
+ // 定时检查超时（3秒无心跳判定离线）
+ const checkTimer = setInterval(() => {
+ if (lastHeartbeat > 0 && Date.now() - lastHeartbeat > 3000) {
+ if (state.plugIsOnline) {
+ commit('SET_PLUG_IS_ONLINE', false)
+ }
+ }
+ }, 1000)
+
+ // 返回销毁函数
+ return () => {
+ unwatch()
+ clearInterval(pollTimer)
+ clearInterval(checkTimer)
+ bridge.destroy()
+ }
+ },
},
modules: {},
})
diff --git a/src/utils/channelBridge.ts b/src/utils/channelBridge.ts
new file mode 100644
index 0000000..0bdf63b
--- /dev/null
+++ b/src/utils/channelBridge.ts
@@ -0,0 +1,417 @@
+/**
+ * OfferPie 跨标签页通信桥接组件
+ * 用于浏览器插件与网站页面之间的纯本地通信（不依赖任何后端接口）
+ *
+ * 【使用说明】
+ * 1. 引入并创建实例：
+ * import { createChannelBridge } from './channelBridge'
+ * const bridge = createChannelBridge({ domain: 'offerpai.com', isPlugin: true })
+ *
+ * 2. 发送数据（单次，同时写缓存 + 广播）：
+ * bridge.put('offerpai.com', 'resumeStatus', { ... })
+ *
+ * 3. 高频发送（节流写缓存，每次都广播）：
+ * bridge.emit('offerpai.com', 'cursorPosition', { ... })
+ *
+ * 4. 主动获取一次数据（先广播问对方，60ms超时转IndexedDB）：
+ * const result = await bridge.get('offerpai.com', 'resumeStatus')
+ *
+ * 5. 持续监听数据变化（初始读一次缓存，后续实时接收 put/emit）：
+ * const unwatch = bridge.watch('offerpai.com', 'resumeStatus', (data) => { ... })
+ * // 取消监听
+ * unwatch()
+ *
+ * 6. 销毁实例（页面卸载时调用）：
+ * bridge.destroy()
+ *
+ * 【参数说明】
+ * - domain: 频道域名标识，不同网站项目用不同域名隔离
+ * - isPlugin: 是否为插件环境，默认 false（非插件时会启用 Web Lock 保活）
+ *
+ * 【数据类型要求】
+ * - 传递的数据必须有 TypeScript 类型定义（泛型约束 extends object）
+ * - 组件自动为每条数据添加 createTime 和 updateTime 字段
+ *
+ * ============================================================
+ * 【通信数据名称注册表】
+ * 在此区域记录所有通信数据的名称、类型和用途说明
+ * 新增数据时在此补充，删除时移除对应行
+ * ------------------------------------------------------------
+ * | 数据名(name) | 中文名称 | 说明 |
+ * | ----------------------------- | -------------- | --------------------------------- |
+ * | offerpieBrowserPlugUsage | 插件使用状态 | 标识插件正在运行 { usage: string } |
+ * ============================================================
+ */
+
+// ============ 类型定义 ============
+
+/** 组件自动附加的时间戳字段 */
+export interface BridgeTimestamp {
+ /** 数据首次创建时间（格式：yyyy-MM-dd HH:mm:ss） */
+ createTime: string
+ /** 数据最近更新时间（格式：yyyy-MM-dd HH:mm:ss） */
+ updateTime: string
+}
+
+/** 带时间戳的完整数据包装 */
+export type BridgeData = T & BridgeTimestamp
+
+/** IndexedDB 存储记录结构 */
+interface DBRecord {
+ /** 数据名称（唯一索引） */
+ name: string
+ /** JSON 数据本体 */
+ data: object
+ /** 创建时间 */
+ createTime: string
+ /** 更新时间 */
+ updateTime: string
+}
+
+/** BroadcastChannel 消息结构 */
+interface ChannelMessage {
+ /** 消息类型 */
+ type: 'put' | 'emit' | 'get-request' | 'get-response'
+ /** 数据名称 */
+ name: string
+ /** 请求唯一ID（用于 get 请求-响应匹配） */
+ id?: string
+ /** 数据本体（put/emit/get-response 携带） */
+ data?: object
+ /** 创建时间 */
+ createTime?: string
+ /** 更新时间 */
+ updateTime?: string
+}
+
+/** watch 回调函数类型 */
+type WatchCallback = (data: BridgeData | null) => void
+
+/** 创建实例的配置参数 */
+export interface ChannelBridgeOptions {
+ /** 默认域名（可在方法调用时覆盖） */
+ domain: string
+ /** 是否为插件环境，默认 false。非插件时启用 Web Lock 保活 */
+ isPlugin?: boolean
+}
+
+// ============ 常量 ============
+
+/** IndexedDB 数据库名称（含固定雪花ID保证唯一性） */
+const DB_NAME = 'offerpie_comm_7394028156183472'
+/** IndexedDB 版本号 */
+const DB_VERSION = 1
+/** get 方法 BroadcastChannel 超时时间（毫秒） */
+const GET_TIMEOUT_MS = 60
+/** emit 方法节流写库间隔（毫秒） */
+const EMIT_THROTTLE_MS = 500
+
+// ============ 工具函数 ============
+
+/** 获取当前时间的 localDateTime 格式字符串：yyyy-MM-dd HH:mm:ss */
+function nowLocalDateTime(): string {
+ const d = new Date()
+ const pad = (n: number) => String(n).padStart(2, '0')
+ return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`
+}
+
+/** 生成简单唯一ID（用于 get 请求匹配） */
+function uid(): string {
+ return Date.now().toString(36) + Math.random().toString(36).slice(2, 8)
+}
+
+// ============ IndexedDB 操作 ============
+
+/** 打开/创建 IndexedDB 数据库，按 domain 动态创建 ObjectStore */
+function openDB(storeName: string): Promise {
+ return new Promise((resolve, reject) => {
+ const request = indexedDB.open(DB_NAME, DB_VERSION)
+ request.onupgradeneeded = () => {
+ const db = request.result
+ if (!db.objectStoreNames.contains(storeName)) {
+ const store = db.createObjectStore(storeName, { keyPath: 'name' })
+ store.createIndex('name', 'name', { unique: true })
+ }
+ }
+ request.onsuccess = () => {
+ const db = request.result
+ // 如果 store 不存在（版本没升级的情况），关闭后升版本重建
+ if (!db.objectStoreNames.contains(storeName)) {
+ db.close()
+ const version = db.version + 1
+ const req2 = indexedDB.open(DB_NAME, version)
+ req2.onupgradeneeded = () => {
+ const db2 = req2.result
+ if (!db2.objectStoreNames.contains(storeName)) {
+ const store = db2.createObjectStore(storeName, { keyPath: 'name' })
+ store.createIndex('name', 'name', { unique: true })
+ }
+ }
+ req2.onsuccess = () => resolve(req2.result)
+ req2.onerror = () => reject(req2.error)
+ } else {
+ resolve(db)
+ }
+ }
+ request.onerror = () => reject(request.error)
+ })
+}
+
+/** 写入或更新一条记录到 IndexedDB */
+async function dbPut(storeName: string, record: DBRecord): Promise {
+ const db = await openDB(storeName)
+ return new Promise((resolve, reject) => {
+ const tx = db.transaction(storeName, 'readwrite')
+ const store = tx.objectStore(storeName)
+ store.put(record)
+ tx.oncomplete = () => { db.close(); resolve() }
+ tx.onerror = () => { db.close(); reject(tx.error) }
+ })
+}
+
+/** 从 IndexedDB 读取一条记录 */
+async function dbGet(storeName: string, name: string): Promise {
+ const db = await openDB(storeName)
+ return new Promise((resolve, reject) => {
+ const tx = db.transaction(storeName, 'readonly')
+ const store = tx.objectStore(storeName)
+ const req = store.get(name)
+ req.onsuccess = () => { db.close(); resolve(req.result || null) }
+ req.onerror = () => { db.close(); reject(req.error) }
+ })
+}
+
+// ============ 核心：创建通信桥接实例 ============
+
+export function createChannelBridge(options: ChannelBridgeOptions) {
+ const { domain, isPlugin = false } = options
+
+ /** BroadcastChannel 实例缓存（按 domain 隔离频道） */
+ const channels = new Map()
+
+ /** watch 订阅回调注册表：key = `${domain}::${name}` */
+ const watchers = new Map>>()
+
+ /** emit 节流定时器：key = `${domain}::${name}` */
+ const emitTimers = new Map>()
+
+ /** emit 节流暂存最新数据：key = `${domain}::${name}` */
+ const emitPending = new Map()
+
+ /** get 请求等待队列：key = requestId */
+ const getResolvers = new Map | null) => void>()
+
+ // --- Web Lock 保活（非插件环境） ---
+ if (!isPlugin && typeof navigator !== 'undefined' && navigator.locks) {
+ navigator.locks.request('offerpie-keep-alive', () => new Promise(() => {}))
+ }
+
+ /** 获取或创建指定 domain 的 BroadcastChannel */
+ function getChannel(channelDomain: string): BroadcastChannel {
+ if (channels.has(channelDomain)) return channels.get(channelDomain)!
+ const ch = new BroadcastChannel(`offerpie-bridge-${channelDomain}`)
+ ch.onmessage = (event: MessageEvent) => handleMessage(channelDomain, event.data)
+ channels.set(channelDomain, ch)
+ return ch
+ }
+
+ /** 处理收到的 BroadcastChannel 消息 */
+ async function handleMessage(channelDomain: string, msg: ChannelMessage) {
+ const watchKey = `${channelDomain}::${msg.name}`
+
+ if (msg.type === 'put' || msg.type === 'emit') {
+ // 收到对方的数据推送，触发本地 watch 回调
+ const wrapped = msg.data && msg.createTime && msg.updateTime
+ ? { ...msg.data, createTime: msg.createTime, updateTime: msg.updateTime } as BridgeData
+ : null
+ const callbacks = watchers.get(watchKey)
+ if (callbacks) {
+ callbacks.forEach(cb => cb(wrapped))
+ }
+ }
+
+ if (msg.type === 'get-request' && msg.id) {
+ // 收到对方的 get 请求，从本地 IndexedDB 读取数据并回复
+ const record = await dbGet(channelDomain, msg.name)
+ const ch = getChannel(channelDomain)
+ const response: ChannelMessage = {
+ type: 'get-response',
+ name: msg.name,
+ id: msg.id,
+ data: record?.data,
+ createTime: record?.createTime,
+ updateTime: record?.updateTime,
+ }
+ ch.postMessage(response)
+ }
+
+ if (msg.type === 'get-response' && msg.id) {
+ // 收到对方对 get 请求的回复
+ const resolver = getResolvers.get(msg.id)
+ if (resolver) {
+ getResolvers.delete(msg.id)
+ if (msg.data && msg.createTime && msg.updateTime) {
+ resolver({ ...msg.data, createTime: msg.createTime, updateTime: msg.updateTime } as BridgeData)
+ } else {
+ resolver(null)
+ }
+ }
+ }
+ }
+
+ // 初始化默认频道监听
+ getChannel(domain)
+
+ // --- 公开方法 ---
+
+ /**
+ * put - 单次发送数据（写入 IndexedDB + BroadcastChannel 广播）
+ * @param targetDomain 目标域名频道
+ * @param name 数据名称
+ * @param data 数据本体（需有 TS 类型定义）
+ */
+ async function put(targetDomain: string, name: string, data: T): Promise {
+ const now = nowLocalDateTime()
+ // 读取已有记录判断是否为新建
+ const existing = await dbGet(targetDomain, name)
+ const createTime = existing?.createTime || now
+ const updateTime = now
+
+ const record: DBRecord = { name, data, createTime, updateTime }
+ // 写入 IndexedDB
+ await dbPut(targetDomain, record)
+ // BroadcastChannel 广播
+ const ch = getChannel(targetDomain)
+ const msg: ChannelMessage = { type: 'put', name, data, createTime, updateTime }
+ ch.postMessage(msg)
+ }
+
+ /**
+ * emit - 高频发送数据（每次都广播，节流 500ms 写一次 IndexedDB）
+ * @param targetDomain 目标域名频道
+ * @param name 数据名称
+ * @param data 数据本体（需有 TS 类型定义）
+ */
+ async function emit(targetDomain: string, name: string, data: T): Promise {
+ const now = nowLocalDateTime()
+ const key = `${targetDomain}::${name}`
+
+ // 先尝试获取 createTime（从暂存或数据库）
+ let createTime: string
+ const pending = emitPending.get(key)
+ if (pending) {
+ createTime = pending.createTime
+ } else {
+ const existing = await dbGet(targetDomain, name)
+ createTime = existing?.createTime || now
+ }
+ const updateTime = now
+ const record: DBRecord = { name, data, createTime, updateTime }
+
+ // 暂存最新数据
+ emitPending.set(key, record)
+
+ // BroadcastChannel 每次都广播（保证 watch 实时性）
+ const ch = getChannel(targetDomain)
+ const msg: ChannelMessage = { type: 'emit', name, data, createTime, updateTime }
+ ch.postMessage(msg)
+
+ // 节流写库
+ if (!emitTimers.has(key)) {
+ emitTimers.set(key, setTimeout(async () => {
+ emitTimers.delete(key)
+ const latestRecord = emitPending.get(key)
+ if (latestRecord) {
+ emitPending.delete(key)
+ await dbPut(targetDomain, latestRecord)
+ }
+ }, EMIT_THROTTLE_MS))
+ }
+ }
+
+ /**
+ * get - 主动获取一次数据（先 BroadcastChannel 请求，60ms 超时转 IndexedDB）
+ * @param targetDomain 目标域名频道
+ * @param name 数据名称
+ * @returns 数据本体（含 createTime/updateTime），无数据返回 null
+ */
+ async function get(targetDomain: string, name: string): Promise | null> {
+ const ch = getChannel(targetDomain)
+ const requestId = uid()
+
+ // 发起广播请求
+ const msg: ChannelMessage = { type: 'get-request', name, id: requestId }
+ ch.postMessage(msg)
+
+ // 等待响应或超时
+ const result = await new Promise | null>((resolve) => {
+ getResolvers.set(requestId, resolve as any)
+ setTimeout(() => {
+ if (getResolvers.has(requestId)) {
+ getResolvers.delete(requestId)
+ resolve(null) // 超时，标记为未收到响应
+ }
+ }, GET_TIMEOUT_MS)
+ })
+
+ // 如果广播拿到了数据直接返回
+ if (result) return result
+
+ // 超时降级读 IndexedDB
+ const record = await dbGet(targetDomain, name)
+ if (record) {
+ return { ...record.data, createTime: record.createTime, updateTime: record.updateTime } as BridgeData
+ }
+ return null
+ }
+
+ /**
+ * watch - 持续监听数据变化（初始读一次缓存，后续实时接收 put/emit 推送）
+ * @param targetDomain 目标域名频道
+ * @param name 数据名称
+ * @param callback 数据变化回调，参数为最新数据或 null
+ * @returns 取消监听的函数
+ */
+ function watch(targetDomain: string, name: string, callback: WatchCallback): () => void {
+ const key = `${targetDomain}::${name}`
+ // 确保频道已初始化
+ getChannel(targetDomain)
+
+ // 注册回调
+ if (!watchers.has(key)) watchers.set(key, new Set())
+ watchers.get(key)!.add(callback)
+
+ // 初始读取 IndexedDB
+ dbGet(targetDomain, name).then((record) => {
+ if (record) {
+ callback({ ...record.data, createTime: record.createTime, updateTime: record.updateTime } as BridgeData)
+ } else {
+ callback(null)
+ }
+ })
+
+ // 返回取消监听函数
+ return () => {
+ const set = watchers.get(key)
+ if (set) {
+ set.delete(callback)
+ if (set.size === 0) watchers.delete(key)
+ }
+ }
+ }
+
+ /**
+ * destroy - 销毁实例，关闭所有频道，清除定时器
+ */
+ function destroy(): void {
+ channels.forEach(ch => ch.close())
+ channels.clear()
+ watchers.clear()
+ emitTimers.forEach(timer => clearTimeout(timer))
+ emitTimers.clear()
+ emitPending.clear()
+ getResolvers.clear()
+ }
+
+ return { put, emit, get, watch, destroy }
+}
diff --git a/src/views/Agent.vue b/src/views/Agent.vue
index a940c70..5b6c38b 100644
--- a/src/views/Agent.vue
+++ b/src/views/Agent.vue
@@ -7,18 +7,19 @@
-
-->
+
-
-
-
-
-
-
+
diff --git a/src/views/Jobs.vue b/src/views/Jobs.vue
index 09058d7..735cd9d 100644
--- a/src/views/Jobs.vue
+++ b/src/views/Jobs.vue
@@ -175,7 +175,7 @@
{{ job.regionName }}
{{ formatEducation(job.education) }}
- {{ formatEmploymentType(job.recruitCategory) }}
+ {{ formatEmploymentType(job.recruitCategory) }}
+ 
+ 
+ 
+