Commit 3523450e authored by Kittisak Maneewong's avatar Kittisak Maneewong

Edit Company

parent 0cb8a10b
......@@ -5507,6 +5507,11 @@
"object-visit": "^1.0.0"
}
},
"marker-clusterer-plus": {
"version": "2.1.4",
"resolved": "https://registry.npmjs.org/marker-clusterer-plus/-/marker-clusterer-plus-2.1.4.tgz",
"integrity": "sha1-+O/3TVmdqzt9Dj/tUmTqDnBPXWc="
},
"md5": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/md5/-/md5-2.2.1.tgz",
......@@ -8816,6 +8821,30 @@
"integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
"dev": true
},
"vue2-google-maps": {
"version": "0.10.6",
"resolved": "https://registry.npmjs.org/vue2-google-maps/-/vue2-google-maps-0.10.6.tgz",
"integrity": "sha512-4EbUlPAKb/UL3AFykH8EfL9BNqvS0QmsEwUo/IUaOvOC4UXFdKtbHWC3TkHUIL8kvlgHVagW6aEvTQ8aGcPJrg==",
"requires": {
"babel-runtime": "^5.8.0",
"marker-clusterer-plus": "^2.1.4"
},
"dependencies": {
"babel-runtime": {
"version": "5.8.38",
"resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-5.8.38.tgz",
"integrity": "sha1-HAsC62MxL18If/IEUIJ7QlydTBk=",
"requires": {
"core-js": "^1.0.0"
}
},
"core-js": {
"version": "1.2.7",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
"integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY="
}
}
},
"vuetify": {
"version": "1.5.7",
"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-1.5.7.tgz",
......
......@@ -24,6 +24,7 @@
"iview": "^3.4.0",
"validate.js": "^0.12.0",
"vue-router": "^3.0.2",
"vue2-google-maps": "^0.10.6",
"vuetify": "^1.5.7",
"vuex": "^3.1.0"
}
......
This diff is collapsed.
......@@ -12,7 +12,7 @@ import Account from './views/Account.vue';
import Employer from './views/Employer.vue';
import LoginEmployer from './views/LoginEmployer.vue';
import PageNotFound from './views/PageNotFound.vue';
import Addjob from './views/Addjob.vue';
import EditCompany from './views/EditCompany.vue';
import RegisterEmployer from './views/RegisterEmployer';
import ManagejobEmployer from './views/managejob.vue'
......@@ -45,9 +45,9 @@ const router = new VueRouter({
component: ManagejobEmployer
},
{
path: 'addjob',
name: 'addjob',
component: Addjob
path: 'editcompany',
name: 'editcompany',
component: EditCompany
},
{
path: '*',
......
<template>
<div>
<v-layout row wrap class="border-div pa-0 my-3">
<v-flex xs12 sm12 class="pa-3">
<h2 class="font-weight-bold red--text">ข้อมูลบริษัท</h2>
<v-flex xs12 sm12 class="pa-3 font-weight-bold title">
<v-icon color="black">business</v-icon> ข้อมูลบริษัท
</v-flex>
<v-form enctype="multipart/form-data" @submit.prevent="createJob()" ref="create">
<v-flex sm12 xs12>
......@@ -137,16 +137,17 @@
<input type="file" accept="image/*" class="input-file" ref="inputFileMap" @change="selectFileMap">
<v-btn color="deep-orange darken-4" class="px-2" small outline @click="$refs.inputFileMap.click()"><v-icon>file_copy</v-icon>&nbsp;เลือกไฟล์</v-btn>
<v-btn color="error" v-if="srcImageMap" @click="srcImageMap = null">ลบรูปภาพ</v-btn>
<img :src="srcImageMap" alt="">
{{ nameImage }}
</v-flex>
<v-flex sm12 xs12>
<GmapAutocomplete type="text" @place_changed="setPlace">
<GmapAutocomplete class="form-control form-control-sm my-1" placeholder="ป้อนตำแหน่งใกล้เคียง" @place_changed="setPlace">
</GmapAutocomplete>
</v-flex>
<v-flex sm12 xs12>
<GmapMap v-if="this.place" style="width: 400px; height: 200px;" :zoom="15" :center="{lat: lat, lng: long}">
<GmapMarker
:position="{lat: lat, lng: long}"
:draggable="true"
@dragend="dragMarker"
/>
</GmapMap>
......@@ -200,8 +201,10 @@
<span class="red--text">หมายเหตุ : </span>
<span >เพื่อความสะดวกในการเดินทางของผู้สมัครงาน กรุณาระบุสถานีรถไฟฟ้าที่ใกล้กับสถานที่ปฏิบัติงาน (ถ้ามี) หรือระบุสายรถเมล์ที่ผ่านสถานที่ประกอบการ และระบุการเดินทางเพิ่มเติม เพื่อให้เข้าใจในการเดินทางมากยิ่งขึ้น</span>
</v-flex>
<v-layout row wrap justify-center class="my-2">
<v-btn color="red" dark="" type="submit">บันทึกข้อมูล</v-btn>
</v-layout>
</v-layout>
<v-btn color="success" type="submit">text</v-btn>
<!-- <v-layout row wrap class="borderbottom">
<v-flex sm6 xs12 class="pa-3">
<h2 class="font-weight-bold my-2"><span class="red--text">&nbsp;รายละเอียดงาน</span></h2>
......@@ -373,6 +376,7 @@ export default {
status: 'ยังไม่ได้เลือกไฟล์',
srcImage: 'https://asianinteriorservices.com/wp-content/uploads/2018/04/noImg.png',
srcImageMap: null,
nameImage: null,
rules: {
required: v => !!v || 'จำเป็นต้องกรอก',
email: v => /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v) || 'รูปแบบอีเมลล์ไม่ถูกต้อง'
......@@ -501,6 +505,7 @@ export default {
},
selectFileMap (e) {
const file = e.target.files
this.nameImage = file[0].name
if (!file.length) {
return
}
......
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