Commit d1582a27 authored by Kittisak Maneewong's avatar Kittisak Maneewong
parents d6b77357 ffea59ad
This source diff could not be displayed because it is too large. You can view the blob instead.
<template> <template>
<div> <div>
<Toolbar page="employer"></Toolbar> <Toolbar page="employer"></Toolbar>
<v-content class="mt-5"> <v-content class="my-0">
<v-container fluid> <v-container fluid white>
<v-layout> <v-layout >
<v-flex xs10 offset-xs1> <v-flex xs10 offset-xs1>
<v-card flat height="600px"> <v-card flat height="600px">
<router-view></router-view> <router-view></router-view>
......
...@@ -10,6 +10,7 @@ import Home from './views/Home.vue'; ...@@ -10,6 +10,7 @@ import Home from './views/Home.vue';
import Account from './views/Account.vue'; import Account from './views/Account.vue';
import LoginEmployer from './views/LoginEmployer.vue'; import LoginEmployer from './views/LoginEmployer.vue';
import PageNotFound from './views/PageNotFound.vue'; import PageNotFound from './views/PageNotFound.vue';
import Addjob from './views/Addjob.vue';
export default new VueRouter({ export default new VueRouter({
mode: 'history', mode: 'history',
...@@ -24,6 +25,11 @@ export default new VueRouter({ ...@@ -24,6 +25,11 @@ export default new VueRouter({
name: 'loginEmployer', name: 'loginEmployer',
component: LoginEmployer component: LoginEmployer
}, },
{
path: 'addjob',
name: 'addjob',
component: Addjob
},
{ {
path: '*', path: '*',
name: '404Employer', name: '404Employer',
......
<template>
<div>
<h2 class="font-weight-bold">ข้อมูลบริษัท</h2>
<v-layout row wrap class="border-div pa-0">
<v-flex sm12>
<v-layout row wrap class="borderbottom pa-3">
<v-flex sm3 xs12>
<v-layout align-center justify-center fill-height>
<img src="https://asianinteriorservices.com/wp-content/uploads/2018/04/noImg.png" alt="" width="180">
</v-layout>
</v-flex>
<v-flex sm9 xs12>
<v-layout row xs12 class="my-3">
<v-flex sm6 xs12 class="px-3">
<label class="font-weight-bold">ชื่อบริษัท <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="ชื่อบริษัท" class="form-control form-control-sm my-1">
<label class="font-weight-bold">ชื่อผู้ติดต่อ <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="ชื่อผู้ติดต่อ" class="form-control form-control-sm my-1">
</v-flex>
<v-flex sm6 xs12 class="px-3">
<label class="font-weight-bold">เบอร์ผู้ติดต่อ <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="เบอร์ผู้ติดต่อ" class="form-control form-control-sm my-1">
<label class="font-weight-bold">อีเมล <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="อีเมล" class="form-control form-control-sm my-1">
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
<v-flex sm12>
<v-layout row wrap class="borderbottom pa-3">
<v-flex sm6 xs12 class="px-3">
<label class="font-weight-bold">ที่อยู่ <span class="red--text">&nbsp;*</span></label>
<v-textarea
outline
label="ที่อยู่"
></v-textarea>
</v-flex>
<v-flex sm6 xs12 class="px-3">
<label class="font-weight-bold">ที่อยู่ <span class="red--text">&nbsp;*</span></label>
<v-textarea
outline
label="ที่อยู่"
></v-textarea>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</div>
</template>
<style lang="scss" scoped>
.borderbottom{
border-bottom: 1px dotted #dcdcdc ;
}
.border-div{
border:1px solid #dcdcdc;
border-radius: 5px;
}
input {
overflow: visible;
}
.bd-example>.form-control+.form-control {
margin-top: .5rem;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: calc(1.0em + 0.5rem + 1px);
padding: 0.15rem 0.5rem;
font-size: 0.7rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
</style>
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