feat：招聘
This commit is contained in:
@@ -22,7 +22,7 @@
|
|||||||
<style>
|
<style>
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'MyCustomFont';
|
font-family: 'MyCustomFont';
|
||||||
src: url('./static/font/NotoSansThai-Medium.woff');
|
src: url('./static/font/Prompt-Regular.ttf');
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
font-family: 'MyCustomFont',sans-serif!important;
|
font-family: 'MyCustomFont',sans-serif!important;
|
||||||
|
|||||||
BIN
src/assets/images/dingwei.png
Normal file
BIN
src/assets/images/dingwei.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
src/assets/images/job_back.png
Normal file
BIN
src/assets/images/job_back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 296 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 304 KiB |
BIN
src/assets/images/xinzi.png
Normal file
BIN
src/assets/images/xinzi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
@@ -126,7 +126,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "recruitment",
|
name: "recruitment",
|
||||||
type: '/job/joblist'
|
type: '/joblist'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "problem",
|
name: "problem",
|
||||||
|
|||||||
@@ -1,162 +1,169 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="job-detail">
|
<div class="job-detail">
|
||||||
<div class="job-detail-title">
|
<!-- 动态渲染岗位名称 -->
|
||||||
เจ้าหน้าที่ตรวจสอบสินเชื่อ
|
<div class="job-detail-title">
|
||||||
</div>
|
{{ currentJob.title }}
|
||||||
<div class="job-detail-logo">
|
</div>
|
||||||
<img class="gojob_logo" src="../../../assets/images/job_logo.png" alt="" />
|
<div class="salary-detail">
|
||||||
</div>
|
<img class="salary-img" src="../../../assets/images/xinzi.png" alt="" />
|
||||||
<div class="job-content">
|
<text>{{ currentJob.salary }}</text>
|
||||||
<div class="job-content-item" v-for="item in list">
|
</div>
|
||||||
<div class="job-content-item-title">
|
<div class="address-detail">
|
||||||
{{ item.title }}
|
<img class="address-img" src="../../../assets/images/dingwei.png" alt="" />
|
||||||
</div>
|
<text> เขตห้วยขวาง กรุงเทพมหานคร</text>
|
||||||
<div class="job-content-item-detail">
|
</div>
|
||||||
<div class="job-content-item-detail-item" v-for="i in item.content">
|
<div class="job-detail-logo">
|
||||||
{{ i }}
|
<img class="gojob_logo" src="../../../assets/images/job_logo.png" alt="公司Logo" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- 动态渲染岗位详情（职责/要求/申请方式） -->
|
||||||
|
<div class="job-content">
|
||||||
</div>
|
<div class="job-content-item" v-for="(item, idx) in currentJob.list" :key="idx">
|
||||||
<div class="job-content-item">
|
<div class="job-content-item-title">
|
||||||
<div class="job-content-item-title">
|
{{ item.title }}
|
||||||
ช่องทางติดต่อ
|
</div>
|
||||||
</div>
|
<div class="job-content-item-detail">
|
||||||
<div class="job-content-item-detail">
|
<div class="job-content-item-detail-item" v-for="(i, iIdx) in item.content" :key="iIdx">
|
||||||
<div class="job-content-item-detail-item" v-for="item in userInfo">
|
{{ i }}
|
||||||
<div class="job-content-item-detail-label">
|
</div>
|
||||||
{{ item.label }}
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="job-content-item-detail-content">
|
<!-- 联系方式（所有岗位统一） -->
|
||||||
{{ item.content }}
|
<div class="job-content-item">
|
||||||
</div>
|
<div class="job-content-item-title">
|
||||||
</div>
|
ช่องทางติดต่อ
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="job-content-item-detail">
|
||||||
</div>
|
<div class="job-content-item-detail-item" v-for="(item, idx) in userInfo" :key="idx">
|
||||||
</div>
|
<div class="job-content-item-detail-label">
|
||||||
</template>
|
{{ item.label }}
|
||||||
|
</div>
|
||||||
<script lang="ts" setup name="join">
|
<div class="job-content-item-detail-content">
|
||||||
import { ref } from 'vue';
|
{{ item.content }}
|
||||||
const list = [{
|
</div>
|
||||||
title: 'รายละเอียดงาน',
|
</div>
|
||||||
content: [
|
</div>
|
||||||
'1、ตรวจสอบและวิเคราะห์คุณสมบัติของลูกค้าตามเกณฑ์ที่กำหนด ก่อนอนุมัติสินเชื่อ',
|
</div>
|
||||||
'2、ประเมินเอกสารและข้อมูลทางการเงิน เช่น บัตรประจำตัวประชาชน เอกสารการเงิน และประวัติการกู้ยืม',
|
</div>
|
||||||
'3、ตัดสินใจอนุมัติหรือปฏิเสธคำขอเช่าตามนโยบายความเสี่ยงของบริษัท',
|
</div>
|
||||||
'4、ตรวจสอบความถูกต้องของสัญญาเช่าและกระบวนการอนุมัติ เพื่อให้แน่ใจว่าสอดคล้องกับมาตรฐานและข้อกำหนดของบริษัท',
|
</template>
|
||||||
'5、รายงานความเสี่ยงและแนวโน้มที่อาจเกิดขึ้น พร้อมทั้งเสนอวิธีป้องกันหรือปรับปรุงกระบวนการ'
|
|
||||||
]
|
<script lang="ts" setup name="JobDetail">
|
||||||
}, {
|
import { ref, computed, reactive } from 'vue';
|
||||||
title: 'คุณสมบัต',
|
import { useRoute } from 'vue-router';
|
||||||
content: [
|
import { allJobs, userInfo } from './jobData.ts';
|
||||||
'1. ปริญญาตรีขึ้นไป สาขาการเงิน เศรษฐศาสตร์ การจัดการความเสี่ยง สถิติศาสตร์ หรือสาขาอื่นที่เกี่ยวข้องจะพิจารณาเป็นพิเศษ',
|
//接收路由参数（从JobList传递的id）
|
||||||
'2. มีประสบการณ์ทำงานด้านการตรวจสอบความเสี่ยง การประเมินเครดิต หรืออุตสาหกรรมการเงินอย่างน้อย 1 ปี ผู้ที่มีประสบการณ์ในอุตสาหกรรมเช่า สินเชื่อขนาดเล็ก หรือธนาคารจะได้รับการพิจารณาเป็นพิเศษ',
|
const route = useRoute();
|
||||||
'3. เข้าใจกระบวนการจัดการความเสี่ยงและแบบจำลองการประเมินเครดิต รวมถึงกฎหมายที่เกี่ยวข้อง',
|
const jobId = route.params.id;
|
||||||
'4. มีความสามารถในการวิเคราะห์ข้อมูลและความไวต่อความเสี่ยง สามารถประเมินความเสี่ยงได้ด้วยตัวเองได้เป็นอย่างด',
|
|
||||||
'5. มีความชำนาญในการใช้โปรแกรมสำนักงาน และมีประสบการณ์ในการใช้งานระบบจัดการความเสี่ยงจะได้รับการพิจารณาเป็นพิเศษ',
|
//根据id匹配当前岗位数据
|
||||||
]
|
const currentJob = computed(() => {
|
||||||
}, {
|
return allJobs.find(job => job.id === Number(jobId))
|
||||||
title: 'วิธีการสมัคร',
|
|| { title: 'ไม่มีโพสต์', salary: '', list: [{ title: 'คำแนะนำ', content: ['ไม่พบข้อมูลตำแหน่งที่ตรงกันโปรดตรวจสอบว่าการเชื่อมโยงถูกต้อง'] }] };
|
||||||
content: [
|
});
|
||||||
'กรุณาส่งเรซูเม่ของคุณมาที่อีเมลล โดยระบุหัวข้ออีเมลเป็น “ชื่อตำแหน่งงาน + ชื่อของคุณ” หรือสามารถติดต่อเราผ่านทางโทรศัพท์หรือ Line เพื่อขอข้อมูลเพิ่มเติม'
|
</script>
|
||||||
]
|
|
||||||
}]
|
<style scoped lang="scss">
|
||||||
|
.job-detail {
|
||||||
const userInfo = [{
|
width: 100%;
|
||||||
label: 'ที่อยู่:',
|
margin: 50px 0 0;
|
||||||
content: '135/21 อาคารอามรพันธุ์ 205 ทาวเวอร์ 2 ชั้น 9 ซอยนาทอง ถนนรัชดาภิเษก แขวงดินแดง เขตดินแดง กรุงเทพ 10400 สาขา 00001'
|
min-height: 80vh;
|
||||||
}, {
|
max-width: 750px;
|
||||||
label: 'Tel:',
|
margin: 0 auto;
|
||||||
content: '0888000282'
|
min-height: 80vh;
|
||||||
}, {
|
background-color: #fff;
|
||||||
label: 'Line:',
|
padding: 20px;
|
||||||
content: '@octop'
|
|
||||||
}, {
|
.job-detail-title {
|
||||||
label: 'E-mail:',
|
font-weight: bold;
|
||||||
content: 'Job@octoprental.com'
|
font-size: 16px;
|
||||||
}]
|
color: #333333;
|
||||||
|
}
|
||||||
</script>
|
|
||||||
|
.salary-detail {
|
||||||
<style scoped lang="scss">
|
font-weight: 600;
|
||||||
.job-detail {
|
font-size: 14px;
|
||||||
width: 100%;
|
color: #F32D2D;
|
||||||
margin: 50px 0 0;
|
margin-top: 5px;
|
||||||
min-height: 80vh;
|
display: flex;
|
||||||
max-width: 750px;
|
align-items: center;
|
||||||
margin: 0 auto;
|
|
||||||
min-height: 80vh;
|
.salary-img {
|
||||||
background-color: #fff;
|
width: 16px;
|
||||||
padding: 20px;
|
height: 16px;
|
||||||
|
margin-right: 4px;
|
||||||
.job-detail-title {
|
}
|
||||||
font-family: Prompt, Prompt;
|
}
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
.address-detail {
|
||||||
color: #333333;
|
font-weight: 600;
|
||||||
}
|
font-size: 14px;
|
||||||
|
color: #999999;
|
||||||
.job-detail-logo {
|
margin-top: 5px;
|
||||||
width: 70px;
|
display: flex;
|
||||||
margin-top: 8PX;
|
align-items: center;
|
||||||
}
|
.address-img{
|
||||||
|
width: 16px;
|
||||||
.job-content {
|
height: 16px;
|
||||||
.job-content-item {
|
}
|
||||||
margin-top: 20px;
|
}
|
||||||
|
|
||||||
.job-content-item-title {
|
.job-detail-logo {
|
||||||
font-weight: 500;
|
width: 70px;
|
||||||
font-size: 14px;
|
margin-top: 8px;
|
||||||
color: #333333;
|
}
|
||||||
position: relative;
|
|
||||||
padding-left: 8px;
|
.job-content {
|
||||||
|
margin-bottom: 100px;
|
||||||
&::before {
|
|
||||||
position: absolute;
|
.job-content-item {
|
||||||
content: '';
|
margin-top: 20px;
|
||||||
height: 12px;
|
|
||||||
width: 3px;
|
.job-content-item-title {
|
||||||
background: #267FFA;
|
font-weight: 600;
|
||||||
border-radius: 15px;
|
font-size: 14px;
|
||||||
top: 5px;
|
color: #333333;
|
||||||
left: 0;
|
position: relative;
|
||||||
|
padding-left: 8px;
|
||||||
}
|
|
||||||
}
|
&::before {
|
||||||
|
position: absolute;
|
||||||
.job-content-item-detail {
|
content: '';
|
||||||
margin-top: 8px;
|
height: 12px;
|
||||||
|
width: 3px;
|
||||||
.job-content-item-detail-item {
|
background: #267FFA;
|
||||||
font-weight: 300;
|
border-radius: 15px;
|
||||||
font-size: 13px;
|
top: 5px;
|
||||||
color: #000000;
|
left: 0;
|
||||||
line-height: 25px;
|
}
|
||||||
display: flex;
|
}
|
||||||
align-items: baseline;
|
|
||||||
|
.job-content-item-detail {
|
||||||
.job-content-item-detail-label {
|
margin-top: 8px;
|
||||||
font-weight: 400;
|
|
||||||
font-size: 13px;
|
.job-content-item-detail-item {
|
||||||
color: #000000;
|
font-weight: 300;
|
||||||
width: 50px;
|
font-size: 13px;
|
||||||
}
|
color: #000000;
|
||||||
|
line-height: 25px;
|
||||||
.job-content-item-detail-content {
|
display: flex;
|
||||||
font-family: Prompt, Prompt;
|
align-items: baseline;
|
||||||
font-weight: 300;
|
|
||||||
font-size: 13px;
|
.job-content-item-detail-label {
|
||||||
color: #000000;
|
font-weight: 400;
|
||||||
width: calc(100% - 80px);
|
font-size: 13px;
|
||||||
}
|
color: #000000;
|
||||||
}
|
width: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.job-content-item-detail-content {
|
||||||
}
|
font-weight: 300;
|
||||||
}
|
font-size: 13px;
|
||||||
}
|
color: #000000;
|
||||||
|
width: calc(100% - 80px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,31 +1,71 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="listCont">
|
<div class="listCont">
|
||||||
<img class="cardimg" src="../../../assets/images/job_backimg.png" alt="暂无图片" />
|
<img class="cardimg" src="../../../assets/images/job_back.png" alt="暂无图片" />
|
||||||
<div class="listCard">
|
<div class="listCard" v-for="item in jobList">
|
||||||
<router-link to="/jobdetail" class="nav-font">
|
<router-link :to="{name: 'JobDetail', params: { id: item.id } }" class="nav-font">
|
||||||
<div class="listitem">
|
<div class="listitem">
|
||||||
<div class="title">เจ้าหน้าที่ตรวจสอบสินเชื่อ</div>
|
<div class="title">{{item.name}}</div>
|
||||||
<div class="salary">15,000 - 30,000 THB</div>
|
<div class="salary">
|
||||||
|
<img class="salary-img" src="../../../assets/images/xinzi.png" alt="" />
|
||||||
|
<text>{{item.money}}</text>
|
||||||
|
</div>
|
||||||
|
<div class="address">
|
||||||
|
<img class="address-img" src="../../../assets/images/dingwei.png" alt="" />
|
||||||
|
<text>{{item.address}}</text>
|
||||||
|
</div>
|
||||||
<div class="gojob">
|
<div class="gojob">
|
||||||
<img class="gojob_logo" src="../../../assets/images/job_logo.png" alt="" />
|
<img class="gojob_logo" src="../../../assets/images/job_logo.png" alt="" />
|
||||||
<div class="gojob_but">คลิกดูด่วน</div>
|
<div class="gojob_but">คลิกดูด่วน</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
<!-- <img src="url('../../../assets/images/job_back.png')" alt="" /> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup name="join">
|
<script lang="ts" setup name="join">
|
||||||
// import { ref } from 'vue';
|
import { ref } from 'vue';
|
||||||
// const jumpToDetail = () => {
|
const jobList = ref([
|
||||||
// console.log(1111);
|
{
|
||||||
|
name: "เจ้าหน้าที่ตรวจสอบสินเชื่อ",
|
||||||
// }
|
money: "15,000 - 30,000 THB",
|
||||||
|
address:"เขตห้วยขวาง กรุงเทพมหานคร",
|
||||||
|
id:1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "เจ้าหน้าที่เร่งรัดหนี้สินทางโทรศัพท์ ",
|
||||||
|
money: "12000 - 15,000 + ค่าคอมมิชชั่น",
|
||||||
|
address:"เขตห้วยขวาง กรุงเทพมหานคร",
|
||||||
|
id:2
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Content Creator & VDO Editor",
|
||||||
|
money: "15,000 - 40,000 THB",
|
||||||
|
address:"เขตห้วยขวาง กรุงเทพมหานคร",
|
||||||
|
id:3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "งานโปรโมทแพลตฟอร์ม",
|
||||||
|
money: "500 - 800 THB (Daily)",
|
||||||
|
address:"เขตห้วยขวาง กรุงเทพมหานคร",
|
||||||
|
id:4
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "ล่ามจีน",
|
||||||
|
money: "15,000 - 40,000 บาท",
|
||||||
|
address:"เขตห้วยขวาง กรุงเทพมหานคร",
|
||||||
|
id:5
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Senior Online Marketing",
|
||||||
|
money: "40,000 - 60,000 บาท",
|
||||||
|
address:"เขตห้วยขวาง กรุงเทพมหานคร",
|
||||||
|
id:6
|
||||||
|
}
|
||||||
|
|
||||||
|
])
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@@ -37,38 +77,52 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
.listCont {
|
.listCont {
|
||||||
|
|
||||||
// width: 750px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.listCard {
|
.listCard {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -75px;
|
top: -75px;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
.listitem {
|
.listitem {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 114px;
|
height: 144px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 14px 20px;
|
padding: 14px 20px;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-family: Prompt, Prompt;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.salary {
|
.salary {
|
||||||
font-family: Prompt, Prompt;
|
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #F32D2D;
|
color: #F32D2D;
|
||||||
margin-top: 3px;
|
margin-top: 5px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.salary-img{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.address{
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999999;
|
||||||
|
margin-top: 5px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.address-img{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.gojob {
|
.gojob {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@@ -86,7 +140,6 @@
|
|||||||
height: 26px;
|
height: 26px;
|
||||||
background: rgba(38, 127, 250, 0.15);
|
background: rgba(38, 127, 250, 0.15);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-family: Prompt, Prompt;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #267FFA;
|
color: #267FFA;
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
|
|||||||
216
src/pages/H5/Join/jobData.ts
Normal file
216
src/pages/H5/Join/jobData.ts
Normal file
@@ -0,0 +1,216 @@
|
|||||||
|
export const allJobs = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "เจ้าหน้าที่ตรวจสอบสินเชื่อ",
|
||||||
|
salary:'15,000 - 30,000 THB',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: 'รายละเอียดงาน',
|
||||||
|
content: [
|
||||||
|
'- ตรวจสอบและวิเคราะห์คุณสมบัติของลูกค้าตามเกณฑ์ที่กำหนด ก่อนอนุมัติสินเชื่อ',
|
||||||
|
'- ประเมินเอกสารและข้อมูลทางการเงิน เช่น บัตรประจำตัวประชาชน เอกสารการเงิน และประวัติการกู้ยืม',
|
||||||
|
'- ตัดสินใจอนุมัติหรือปฏิเสธคำขอเช่าตามนโยบายความเสี่ยงของบริษัท',
|
||||||
|
'- ตรวจสอบความถูกต้องของสัญญาเช่าและกระบวนการอนุมัติ เพื่อให้แน่ใจว่าสอดคล้องกับมาตรฐานและข้อกำหนดของบริษัท',
|
||||||
|
'- รายงานความเสี่ยงและแนวโน้มที่อาจเกิดขึ้น พร้อมทั้งเสนอวิธีป้องกันหรือปรับปรุงกระบวนการ'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'คุณสมบัติ',
|
||||||
|
content: [
|
||||||
|
'1. ปริญญาตรีขึ้นไป สาขาการเงิน เศรษฐศาสตร์ การจัดการความเสี่ยง สถิติศาสตร์ หรือสาขาอื่นที่เกี่ยวข้องจะพิจารณาเป็นพิเศษ',
|
||||||
|
'2. มีประสบการณ์ทำงานด้านการตรวจสอบความเสี่ยง การประเมินเครดิต หรืออุตสาหกรรมการเงินอย่างน้อย 1 ปี ผู้ที่มีประสบการณ์ในอุตสาหกรรมเช่า สินเชื่อขนาดเล็ก หรือธนาคารจะได้รับการพิจารณาเป็นพิเศษ',
|
||||||
|
'3. เข้าใจกระบวนการจัดการความเสี่ยงและแบบจำลองการประเมินเครดิต รวมถึงกฎหมายที่เกี่ยวข้อง',
|
||||||
|
'4. มีความสามารถในการวิเคราะห์ข้อมูลและความไวต่อความเสี่ยง สามารถประเมินความเสี่ยงได้ด้วยตัวเองได้เป็นอย่างดี',
|
||||||
|
'5. มีความชำนาญในการใช้โปรแกรมสำนักงาน และมีประสบการณ์ในการใช้งานระบบจัดการความเสี่ยงจะได้รับการพิจารณาเป็นพิเศษ'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'วิธีการสมัคร',
|
||||||
|
content: [
|
||||||
|
'กรุณาส่งเรซูเม่ของคุณมาที่อีเมลล โดยระบุหัวข้ออีเมลเป็น “ชื่อตำแหน่งงาน + ชื่อของคุณ” หรือสามารถติดต่อเราผ่านทางโทรศัพท์หรือ Line เพื่อขอข้อมูลเพิ่มเติม'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 岗位2：เจ้าหน้าที่เร่งรัดหนี้สินทางโทรศัพท์（新增岗位，需在JobList中添加对应项才会显示）
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "เจ้าหน้าที่เร่งรัดหนี้สินทางโทรศัพท์",
|
||||||
|
salary:'12,000 - 15,000 + ค่าคอมมิชชั่น',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: 'รายละเอียดงาน',
|
||||||
|
content: [
|
||||||
|
'- ติดต่อลูกค้าทางโทรศัพท์',
|
||||||
|
'- แจ้งยอดค้างชำระให้ลูกค้าทราบ',
|
||||||
|
'- เจรจาประนอมหนี้กับลูกค้า'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'คุณสมบัติ',
|
||||||
|
content: [
|
||||||
|
'1. เพศชาย / หญิง อายุ 20 - 45 ปี',
|
||||||
|
'2. วุฒิการศึกษาระดับ ม.6 หรือ ปวช. ขึ้นไป',
|
||||||
|
'3. หากมีประสบการณ์ติดตามสินเชื่อค้างชำระหรือให้บริการลูกค้าทางโทรศัพท์จะพิจารณาเป็นพิเศษ',
|
||||||
|
'4. มีทักษะในการเจรจาต่อรองและแก้ไขปัญหาเฉพาะหน้าได้',
|
||||||
|
'5. ยินดีรับนักศึกษาจบใหม่ และผู้พิการ',
|
||||||
|
'6. สามารถใช้คอมพิวเตอร์เบื้องต้นได้'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'วิธีการสมัคร',
|
||||||
|
content: [
|
||||||
|
'กรุณาส่งเรซูเม่ของคุณมาที่อีเมลล โดยระบุหัวข้ออีเมลเป็น “ชื่อตำแหน่งงาน + ชื่อของคุณ” หรือสามารถติดต่อเราผ่านทางโทรศัพท์หรือ Line เพื่อขอข้อมูลเพิ่มเติม'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 岗位3：Content Creator & VDO Editor（对应JobList的id=2）
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Content Creator & VDO Editor",
|
||||||
|
salary:'15,000 - 40,000 THB',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: 'รายละเอียดงาน',
|
||||||
|
content: [
|
||||||
|
'- วางแผน คิดไอเดีย และสร้างสรรค์คอนเทนต์สำหรับสื่อออนไลน์ เช่น Facebook, TikTok',
|
||||||
|
'- เขียนบทหรือบทความ SEO คำโปรย แคปชั่น หรือเนื้อหาอื่น ๆ สำหรับคลิปวิดีโอ/คอนเทนท์ โพสต์ลงบนโซเชียล ให้มีความน่าสนใจและดึงดูดกลุ่มเป้าหมาย',
|
||||||
|
'- ตัดต่อวิดีโอ (Short Video / Long Form) เพื่อใช้โปรโมทสินค้าและกิจกรรมของบริษัท ลง Social Media ได้อย่างมืออาชีพ',
|
||||||
|
'- ใส่เอฟเฟกต์ เพลง ซับไตเติล และองค์ประกอบอื่น ๆ เพื่อเพิ่มคุณภาพของวิดีโอ',
|
||||||
|
'- เกาะติดเทรนด์ใหม่ ๆ และนำมาปรับใช้กับการสร้างคอนเทนต์ให้เหมาะสมกับแบรนด์',
|
||||||
|
'- ประสานงานร่วมกับทีมการตลาดและทีมกราฟิก เพื่อให้ได้ผลงานตรงตามกลยุทธ์ของบริษัท',
|
||||||
|
'- วิเคราะห์ผลลัพธ์ของคอนเทนต์ และปรับปรุงเพื่อให้สอดคล้องกับเป้าหมายทางการตลาด',
|
||||||
|
'- งานอื่น ๆ ตามที่ได้รับมอบหมาย'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'คุณสมบัติ',
|
||||||
|
content: [
|
||||||
|
'1. ไม่จำกัดเพศ อายุ',
|
||||||
|
'2. จบการศึกษาระดับปริญญาตรี',
|
||||||
|
'3. มีทักษะด้านการเขียนคอนเทนต์และการเล่าเรื่อง',
|
||||||
|
'4. สามารถใช้โปรแกรมตัดต่อวิดีโอ เช่น Adobe Premiere Pro, Final Cut Pro, After Effects หรือ CapCut ได้ดี',
|
||||||
|
'5. มีความคิดสร้างสรรค์ กล้าเสนอไอเดียใหม่ ๆ และพร้อมทดลองรูปแบบคอนเทนต์ที่แตกต่าง',
|
||||||
|
'6. หากมีประสบการณ์การผลิต Short Video / TikTok / YouTube หรือการถ่ายทำภาพและวีดีโอ จะพิจารณาเป็นพิเศษ',
|
||||||
|
'7. เขียนแคปชันและเนื้อหาได้น่าสนใจ',
|
||||||
|
'8. มีความรับผิดชอบสูง ทำงานร่วมกับทีมได้ดี และสามารถทำงานภายใต้กำหนดเวลาได้'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'วิธีการสมัคร',
|
||||||
|
content: [
|
||||||
|
'กรุณาส่งเรซูเม่ของคุณมาที่อีเมลล โดยระบุหัวข้ออีเมลเป็น “ชื่อตำแหน่งงาน + ชื่อของคุณ” หรือสามารถติดต่อเราผ่านทางโทรศัพท์หรือ Line เพื่อขอข้อมูลเพิ่มเติม'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 岗位4：งานโปรโมทแพลตฟอร์ม（对应JobList的id=3）
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "งานโปรโมทแพลตฟอร์ม",
|
||||||
|
salary:'500 - 800 THB (Daily)',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: 'รายละเอียดงาน',
|
||||||
|
content: [
|
||||||
|
'งานโปรโมทแพลตฟอร์มให้เช่ามือถือ รายได้ดี บริษัทของเรากำลังขยายบริการ แพลตฟอร์มให้เช่ามือถือแบบรายเดือน ต้องการทีมงานช่วยโปรโมทนอกสถานที่ กระตุ้นยอดลงทะเบียน และสร้างการรับรู้ในกลุ่มเป้าหมาย พื้นที่: [ตามห้างสรรพสินค้า ตู้ขายโทรศัพท์ ตลาดห้วยขวาง หรือศูนย์ขายมือถือภายในเขตพื้นที่กทม เช่น MBK ,Fortune town , China town เป็นต้น ลักษณะงาน: - แจกใบปลิว / พูดคุยแนะนำแพลตฟอร์ม - ให้ข้อมูลลูกค้าเกี่ยวกับบริการเช่ามือถือ',
|
||||||
|
'- ช่วยแนะนำให้ลูกค้าสแกน QR Code, สมัครสมาชิก, ดาวน์โหลดแอป หรือกรอกแบบสอบถาม',
|
||||||
|
'- เสนอ QR Code เฉพาะของแพลตฟอร์มให้กับร้านขายมือถือ: เมื่อลูกค้าสั่งเช่าผ่าน QR Code นี้ พนักงานส่งเสริมการขายจะได้รับค่าคอมมิชชั่น',
|
||||||
|
'- ประสานงานเบื้องต้นกับทีมหลังบ้าน',
|
||||||
|
'- มีเทรนนิ่งเนื้องานให้ก่อนลงพื้นที่จริง'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'คุณสมบัติ',
|
||||||
|
content: [
|
||||||
|
'1. เพศชาย/หญิง LGBTQ อายุ 18 ปีขึ้นไป',
|
||||||
|
'2. บุคลิกภาพดี พูดจาชัดเจน มีใจรักการบริการ',
|
||||||
|
'3. ขยัน อดทน ทำงานเป็นทีมได้เป็นอย่างดี',
|
||||||
|
'4. มีประสบการณ์งานลักษณะนี้จะได้รับการพิจารณาเป็นพิเศษ'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'วิธีการสมัคร',
|
||||||
|
content: [
|
||||||
|
'กรุณาส่งเรซูเม่ของคุณมาที่อีเมลล โดยระบุหัวข้ออีเมลเป็น “ชื่อตำแหน่งงาน + ชื่อของคุณ” หรือสามารถติดต่อเราผ่านทางโทรศัพท์หรือ Line เพื่อขอข้อมูลเพิ่มเติม'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 岗位5：ล่ามจีน（新增岗位，需在JobList中添加对应项才会显示）
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "ล่ามจีน",
|
||||||
|
salary:'15,000 - 40,000 บาท',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: 'คุณสมบัติผู้สมัคร',
|
||||||
|
content: [
|
||||||
|
'1. ภาษาจีน สาขาวิชาการเงิน เศรษฐศาสตร์ หรือสาขาที่เกี่ยวข้อง',
|
||||||
|
'2. สามารถอ่านและเขียนภาษาจีนได้ โดยจะพิจารณาเป็นพิเศษสำหรับผู้ที่เคยศึกษาในประเทศจีน',
|
||||||
|
'3. มีความชำนาญในการใช้โปรแกรม Word, Excel และซอฟต์แวร์ออฟฟิศอื่นๆ',
|
||||||
|
'4. สนใจเรียนรู้ มีแผนฝึกอบรมอย่างละเอียดหลังจากเข้าร่วมงานกับบริษัท',
|
||||||
|
'5. ผู้สมัครที่มีประสบการณ์การทำงานในอุตสาหกรรมการธนาคารหรือการเช่าซื้อจะได้รับการพิจารณาเป็นพิเศษ'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'วิธีการสมัคร',
|
||||||
|
content: [
|
||||||
|
'กรุณาส่งเรซูเม่ของคุณมาที่อีเมลล โดยระบุหัวข้ออีเมลเป็น “ชื่อตำแหน่งงาน + ชื่อของคุณ” หรือสามารถติดต่อเราผ่านทางโทรศัพท์หรือ Line เพื่อขอข้อมูลเพิ่มเติม'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 岗位6：Senior Online Marketing（新增岗位，需在JobList中添加对应项才会显示）
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Senior Online Marketing",
|
||||||
|
salary:'40,000 - 60,000 บาท',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: 'รายละเอียดงาน',
|
||||||
|
content: [
|
||||||
|
'1. วางกลยุทธ์การตลาดออนไลน์ (Online Marketing Strategy)',
|
||||||
|
'2. วางแผนการตลาดออนไลน์ทั้งระยะสั้นและระยะยาว',
|
||||||
|
'3. กำหนดเป้าหมาย (KPIs) และกลยุทธ์ให้สอดคล้องกับเป้าหมายขององค์กร',
|
||||||
|
'4. บริหารจัดการช่องทางการตลาดดิจิทัล:',
|
||||||
|
'5. ดูแลการทำการตลาดบน Facebook, Instagram, Google Ads, YouTube, TikTok, LINE OA ฯลฯ ',
|
||||||
|
'6. วิเคราะห์ประสิทธิภาพของแต่ละช่องทาง และปรับปรุงให้เกิดผลลัพธ์สูงสุด (ROI) บริหารงบประมาณโฆษณา ',
|
||||||
|
'7. วางแผนและควบคุมงบประมาณให้เกิดประสิทธิภาพสูงสุด',
|
||||||
|
'8. รายงานการใช้จ่ายและผลตอบแทนอย่างสม่ำเสมอวิเคราะห์ข้อมูลและทำรายงาน (Analytics)',
|
||||||
|
'9. ใช้เครื่องมือเช่น Google Analytics, Meta Ads Manager, SEMrush เป็นต้น ',
|
||||||
|
'10. สรุปผลแคมเปญ พร้อมเสนอแผนพัฒนาหรือปรับกลยุทธ์ดูแล Content & Campaign ',
|
||||||
|
'11. วางแผนและตรวจสอบคุณภาพของเนื้อหาทั้งข้อความ รูปภาพ และวิดีโอ ',
|
||||||
|
'12. ทำงานร่วมกับทีมครีเอทีฟและคอนเทนต์ให้ตอบโจทย์กลุ่มเป้าหมายทีมเวิร์กและการบริหารทีม ',
|
||||||
|
'13. ทำงานร่วมกับทีมการตลาดและฝ่ายอื่น ๆ เช่น Sales, Creative, IT ',
|
||||||
|
'14. อาจต้องดูแลหรือโค้ชทีม Online Marketing Junior หรือ Interns 15.มีพื้นฐานในการตัดต่อ'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'คุณสมบัติผู้สมัคร',
|
||||||
|
content: [
|
||||||
|
'1. ประสบการณ์ด้านการตลาดออนไลน์อย่างน้อย 3-5 ปี',
|
||||||
|
'2. เข้าใจ SEO/SEM, Google Ads, Meta Ads, Retargeting, Conversion Optimization',
|
||||||
|
'3. มีความสามารถด้านการวิเคราะห์ข้อมูล และใช้เครื่องมือการตลาดดิจิทัล',
|
||||||
|
'4. มีความคิดสร้างสรรค์ มีทักษะการสื่อสาร และสามารถบริหารจัดการโปรเจกต์ได้ดี',
|
||||||
|
'5. หากเคยมีประสบการณ์ในสาย E-commerce หรือ B2C จะพิจารณาเป็นพิเศษ'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'วิธีการสมัคร',
|
||||||
|
content: [
|
||||||
|
'กรุณาส่งเรซูเม่ของคุณมาที่อีเมลล โดยระบุหัวข้ออีเมลเป็น “ชื่อตำแหน่งงาน + ชื่อของคุณ” หรือสามารถติดต่อเราผ่านทางโทรศัพท์หรือ Line เพื่อขอข้อมูลเพิ่มเติม'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
// 统一联系方式数据
|
||||||
|
export const userInfo = [
|
||||||
|
{ label: 'ที่อยู่:', content: '135/21 อาคารอามรพันธุ์ 205 ทาวเวอร์ 2 ชั้น 9 ซอยนาทอง ถนนรัชดาภิเษก แขวงดินแดง เขตดินแดง กรุงเทพ 10400 สาขา 00001' },
|
||||||
|
{ label: 'Tel:', content: '0888000282' },
|
||||||
|
{ label: 'Line:', content: '@octop' },
|
||||||
|
{ label: 'E-mail:', content: 'Job@octoprental.com' }
|
||||||
|
];
|
||||||
@@ -33,13 +33,14 @@ const router = createRouter({
|
|||||||
component: SinglePage,
|
component: SinglePage,
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: '/job/joblist',
|
path: '/joblist',
|
||||||
component: JobList,
|
component: JobList,
|
||||||
meta: {
|
meta: {
|
||||||
h5: true
|
h5: true
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
path: '/jobdetail',
|
path: '/jobdetail/:id',
|
||||||
|
name: 'JobDetail',
|
||||||
component: JobDetail,
|
component: JobDetail,
|
||||||
meta: {
|
meta: {
|
||||||
h5: true
|
h5: true
|
||||||
|
|||||||
BIN
src/static/font/Prompt-Regular.ttf
Normal file
BIN
src/static/font/Prompt-Regular.ttf
Normal file
Binary file not shown.
Reference in New Issue
Block a user