update

app/Http/Controllers/AppController.php

@@ -18,4 +18,11 @@ class AppController extends Controller
             ->get();
         return response()->json(['jobs' => $jobs]);
     }
+
+    public function detail($id) {
+        $job = Job::join('companies', 'jobs.user_id', 'companies.user_id')
+                ->where('jobs.id', $id)
+                ->first();
+        return response()->json(['job' => $job]);
+    }
 }

resources/js/views/CreateJob.vue

@@ -29,7 +29,7 @@
                                 ></v-text-field>
                                 <v-combobox
                                     v-model="job_data.job_type"
-                                    :items="items"
+                                    :items="jobs_data"
                                     :rules="[v => !!v || 'จำเป็นต้องกรอก']"
                                     label="ประเภทงาน"
                                     placeholder=" "
@@ -195,6 +195,7 @@
           'ชาย',
           'หญิง'
         ],
+        jobs_data: [],
         job_data: {
             id: null,
             job_title: '',
@@ -231,6 +232,7 @@
     beforeMount () {
         this.$store.dispatch('checkEmployer')
           .then(res => {
+              console.log(res)
               this.job_data.id = res.id
           })
           .catch(err => {

resources/js/views/DetailJob.vue

@@ -5,81 +5,81 @@
       <v-flex xs12 sm12 class="div-card white pa-4">
         <v-layout row wrap>
           <v-flex xs12 sm10 >
-            <span class="headline font-weight-bold indigo--text">เจ้าหน้าที่พัฒนาระบบ Android / IOS</span>
+            <span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
           </v-flex>
           <v-flex xs12 sm2>
             <v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
           </v-flex>
         </v-layout>
           <v-flex xs12 sm8>
-            <span class="subheading font-weight-medium">บริษัท ครีเอทีฟ อินโนเวชั่น เทคโนโลยี จำกัด</span>
+            <span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
           </v-flex>
           
         
         
         <v-flex xs12 sm12>
-          <span class="body-2 grey--text">72/118 หมู่ 3 ตำบลบ้านใหม่ อำเภอปากเกร็ด จังหวัดนนทบุรี11120</span>
+          <span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
         </v-flex>
         <v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
           <v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
         </v-flex>
         <v-flex xs12 sm12 class="body-1 mt-1">
-         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;บริษัท เค.จี. วิศวกรรม คือบริษัทชั้นนำของประเทศในการบริการ ออกแบบ ติดตั้ง และบำรุงรักษาระบบไฟฟ้ามายาวนานกว่า 27 ปี เราคือบริษัทฯ แรกในประเทศไทยที่ได้รับรองมาตรฐานระบบบริหารคุณภาพสากล ISO 9001: 2008 ในด้านงานบริการ ออกแบบติดตั้ง และบำรุงรักษาระบบไฟฟ้า ระบบปรับอากาศและระบบสุขาภิบาล เราต้องการที่จะเป็นบริษัทชั้นนำในเอเชียตะวันออกเฉียงใต้ในสายงานของเราด้วยมาตราฐานสากล เพื่อตอบสนองความต้องการของลูกค้าทั้งในและต่างประเทศ
+         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
         </v-flex>
         <v-flex xs12 sm12 class="mt-2 ">
           <span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>รับสมัคร :</b> 1 ตำแหน่ง 
+            <b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>ประเภทธุรกิจ :</b> คอมพิวเตอร์/IT/โปรแกรมเมอร์ 
+            <b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>ตำแหน่งงาน :</b> Web Developer
+            <b>ตำแหน่งงาน :</b> {{ detail_data.department }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>สาขาวิชาที่เปิดรับ :</b> วิศวกรรมคอมพิวเตอร์ , วิทยาการคอมพิวเตอร์ , คอมพิวเตอร์ธุรกิจ ,อื่นๆที่เกี่ยวข้อง
+            <b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>ค่าตอบแทน/เงินเดือน :</b> 5000
+            <b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>วันทำงาน :</b> จันทร์ - ศุกร์
+            <b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>เวลาทำงาน :</b> 09:00 น. - 18:00 น.
+            <b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
           </v-flex>
         </v-flex>
         <v-flex xs12 sm12 class="mt-2 ">
           <span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>เพศ :</b> ชาย,หญิง
+            <b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>ระดับการศึกษา :</b> ปริญญาตรี
+            <b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>เกรดเฉลี่ย :</b> 2.50
+            <b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>ระยะเวลาการทำงาน :</b> 4-6 เดือน
+            <b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
           </v-flex>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>คุณสมบัติเพิ่มเติม : </b>
+            <b>คุณสมบัติเพิ่มเติม : </b> {{ detail_data.feature ? detail_data.feature : '-' }}
           </v-flex>
 
         </v-flex>
         <v-flex xs12 sm12 class="mt-2 ">
           <span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>เพศ :</b> ชาย,หญิง
+            {{ detail_data.role ? detail_data.role : '-' }}
           </v-flex>
 
         </v-flex>
         <v-flex xs12 sm12 class="mt-2 ">
           <span class="font-weight-bold subheading red--text">สวัสดิการ</span>
           <v-flex xs12 sm12 class="body-1 px-4">
-            <b>เพศ :</b> ชาย,หญิง
+            {{ detail_data.welfare ? detail_data.welfare : '-' }}
           </v-flex>
 
         </v-flex>
@@ -93,25 +93,25 @@
           <v-divider></v-divider>
         </v-flex>
         <v-flex xs12 sm12 class="text-xs-center text-sm-center ">
-          <img width="180" class="" 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%B9%81%E0%B8%AD%E0%B8%AA%E0%B9%80%E0%B8%AA%E0%B8%97-%E0%B9%80%E0%B8%A7%E0%B8%B4%E0%B8%A3%E0%B8%94%E0%B9%8C-%E0%B8%84%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B8%9B%E0%B8%AD%E0%B9%80%E0%B8%A3%E0%B8%8A%E0%B8%B1%E0%B9%88%E0%B8%99-496.jpg" alt="">
+          <img width="180" class="" :src="detail_data.imageCompany" alt="">
         </v-flex>
         <v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
-          บริษัท ครีเอทีฟ อินโนเวชั่น เทคโนโลยี จำกัด
+          {{ detail_data.company_name }}
         </v-flex>
         <v-flex xs12 sm12 class=" body-1 px-2">
-           <v-icon small>fas fa-user</v-icon> คุณกิตติพงษ์ มณีวงษ์ฺ
+           <v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
         </v-flex>
         <v-flex xs12 sm12 class=" body-1 px-2">
-          <v-icon small>fas fa-envelope</v-icon> eakkachai@kge.co.th
+          <v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
         </v-flex>
         <v-flex xs12 sm12 class=" body-1 px-2">
-          <v-icon small>laptop_mac</v-icon> http://www.kge.co.th/
+          <v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
         </v-flex>
         <v-flex xs12 sm12 class=" body-1 px-2">
-          <v-icon small>phone</v-icon> โทร. 091-742-1000
+          <v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
         </v-flex>
         <v-flex xs12 sm12 class=" body-1 px-2">
-          <v-icon small>fas fa-fax</v-icon> แฟกซ์. : 0-2951-5535-6
+          <v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
         </v-flex>
         <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
           <v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท 
@@ -125,13 +125,13 @@
           <v-flex xs6 sm6 class="text-sm-center text-xs-center">
             <img src="/images/bts.png" width="50" height="50" alt="">
             <v-flex xs12 sm12>
-              ไม่มี
+              {{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
             </v-flex>
           </v-flex>
           <v-flex xs6 sm6 class="text-sm-center text-xs-center">
             <img src="/images/mrt.png" width="50" height="50" alt="">
             <v-flex xs12 sm12>
-              ไม่มี
+              {{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
             </v-flex>
           </v-flex>
         </v-layout>
@@ -139,18 +139,18 @@
           <v-flex xs6 sm6 class="text-sm-center text-xs-center">
             <img src="/images/arl.png" width="50" height="50" alt="">
             <v-flex xs12 sm12>
-              ไม่มี
+               {{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
             </v-flex>
           </v-flex>
           <v-flex xs6 sm6 class="text-sm-center text-xs-center">
             <img src="/images/bus.png" width="50" height="50" alt="">
             <v-flex xs12 sm12>
-              ไม่มี
+               {{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
             </v-flex>
           </v-flex>
         </v-layout>
         <v-flex xs12 sm12 class="px-3 font-weight-bold">
-          การเดินทางเพิ่มเติม : 
+          การเดินทางเพิ่มเติม :  {{ detail_data.another ? detail_data.another : '-' }}
         </v-flex>
         
       </v-flex>
@@ -159,6 +159,23 @@
   </div>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      detail_data: {}
+    }
+  },
+  beforeMount () {
+    axios.get(`/api/detail/${this.$route.params.id}`)
+      .then(res => {
+        this.detail_data = res.data.job
+      }).catch(err => {console.log(err.response)})
+  }
+}
+</script>
+
+
 <style lang="scss" scoped>
   .border-logo{
     border:1px solid #e1e1e1;

resources/js/views/ShowJob.vue

@@ -155,7 +155,6 @@
         </v-layout>
       </v-flex>
     </v-layout>
-      {{chkChip}}
   </div>
 </template>
 

routes/api.php

@@ -24,6 +24,7 @@ Route::resource('/companys', 'CompanyController');
 Route::resource('/jobs', 'JobController');
 
 Route::get('/show', 'AppController@show');
+Route::get('/detail/{id}', 'AppController@detail');
 
 Route::get('/province','DistrictController@provinces');
 Route::get('/province/{province_code}/amphoe','DistrictController@amphoes');