Commit 9417a9fc authored by Kittisak Maneewong's avatar Kittisak Maneewong

edit showjob

parent 4dac1879
<template>
<div>
<Toolbar page="app"></Toolbar>
<v-content>
<v-container fluid >
<v-layout>
<v-flex xs12 sm10 offset-sm1 >
<v-card flat class="transparent">
<router-view></router-view>
</v-card>
</v-flex>
</v-layout>
</v-container>
</v-content>
<Footer></Footer>
<Snackbar></Snackbar>
</div>
</template>
<script>
import Toolbar from '../components/Toolbar.vue';
import Footer from '../components/Footer.vue';
import Snackbar from '../components/Snackbar.vue';
export default {
components: {
Toolbar,
Footer,
Snackbar
},
beforeMount () {
this.$store.dispatch('checkUser')
}
}
</script>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริาัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="white">
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="white">
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="white">
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="white div-card pa-3">
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="white div-card pa-3">
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="white div-card pa-3">
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="div-card pa-3">
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="div-card">
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="div-card">
<span></span>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span></span>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption"></span>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey"></span>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey"></span>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="white">
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text"></span>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 4 ตำแหน่งงาน</span>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="">
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img src="" alt="">
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" height="60" weight="60">
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card px-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" height="60" weight="60">
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card px-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img height="60" weight="60" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card px-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card px-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card px-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card px-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2>
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2 class="text-xs-center text-sm-center">
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2 class="text-xs-center text-sm-center">
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs2 sm2 class="">
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2 class="text-xs-center text-sm-center">
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs2 sm2 class="">
<label class="body-2"></label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2 class="text-xs-center text-sm-center">
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs2 sm2 class="">
<label class="body-2 indigo--text"></label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2 class="text-xs-center text-sm-center">
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs2 sm2 class="">
<label class="body-2 indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs2 sm2 class="text-xs-center text-sm-center">
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs10 sm10 class="">
<label class="body-2 indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs3 sm3 class="text-xs-center text-sm-center">
<img class="border-img" height="100" weight="100" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs9 sm9 class="">
<label class="body-2 indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs3 sm3 class="text-xs-center text-sm-center">
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs9 sm9 class="">
<label class="body-2 indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs3 sm3 class="">
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs9 sm9 class="">
<label class="body-2 indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs3 sm3 >
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs9 sm9 class="">
<label class="body-2 indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs4 sm3 >
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs8 sm9 class="">
<label class="body-2 indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs4 sm3 >
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs8 sm9 class="">
<label class="subheading indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs4 sm3 >
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs8 sm9 class="">
<label class="subheading font-weight indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap>
<v-flex xs4 sm3 >
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs8 sm9 class="">
<label class="subheading font-weight-medium indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap sm12>
<v-flex xs4 sm3 >
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex xs8 sm9 class="">
<label class="subheading font-weight-medium indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap sm12>
<v-flex>
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
</v-flex>
<v-flex class="">
<label class="subheading font-weight-medium indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามตำแหน่งงาน</label>
<v-select
single-line
label="เลือกตำแหน่งงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap sm12>
<v-flex>
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
<label class="subheading font-weight-medium indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap sm12>
<v-flex>
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
<label class="subheading font-weight-medium indigo--text">Graphic & Web Designer</label>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
<template>
<div>
<v-layout row wrap fill-height justify-center>
<v-flex xs12 sm10 offset-sm-1>
<v-layout row wrap justify-center>
<v-flex xs12 sm4 class="pr-2">
<v-flex xs12 sm12 class="white div-card pa-3">
<v-flex xs12 sm12 class="mb-3">
<span class="title font-weight-bold ">เงื่อนไขการค้นหา</span>
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยใช้คำหลัก</label>
<v-text-field
single-line
label="ค้นหาโดยใช้คำหลัก"
class="fix-height"
outline
></v-text-field>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามประเภทงาน</label>
<v-select
single-line
label="เลือกประเภทงาน"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาตามค่าตอบแทน/เงือนเดือน</label>
<v-layout row wrap>
<v-flex xs6 sm6 class="pr-1">
<v-select
single-line
label="ตั้งแต่"
class="fix-height"
outline
></v-select>
</v-flex>
<v-flex xs6 sm6 class="pl-1">
<v-select
single-line
label="ถึง"
class="fix-height"
outline
></v-select>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 sm12 class="">
<label class="subheading font-weight-medium pb-1">ค้นหาโดยชื่อบริษัท</label>
<v-text-field
single-line
label="พิมพ์ชื่อบริษัท"
class="fix-height"
outline
></v-text-field>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm8 class="pl-2">
<v-flex xs12 sm12 class="">
<span class="caption grey--text">แสดงผล 1 - 20 ตำแหน่งงาน จากทั้งหมด 89 งาน</span>
</v-flex>
<v-flex xs12 sm12 class="white div-card pa-3">
<v-layout row wrap sm12>
<v-flex>
<img class="border-img" height="120" weight="120" src="https://static.workventure.com/uploads/images/company/%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%AA%E0%B8%A1%E0%B8%B1%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%B2%E0%B8%99-%E0%B8%97%E0%B8%B1%E0%B8%A7%E0%B8%A3%E0%B9%8C%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%84%E0%B8%AD%E0%B8%A1-%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94-650.png" alt="" >
<v-layout rows>
<label class="subheading font-weight-medium indigo--text">Graphic & Web Designer</label>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.border-img {
border:1px solid #dae1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
.fix-height {
height: 65px;
}
</style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment