hide rate id from model

fixed DB not found in rate controller

resources/assets/js/pages/home.vue

@@ -57,13 +57,13 @@
         <div class="grid-content bg-purple" align="left">X1 :</div>
       </el-col>
       <el-col>
-        <div class="grid-content bg-purple" align="center">1.70</div>
+        <div class="grid-content bg-purple" align="center">{{ rate.x1_cash }}</div>
       </el-col>
       <el-col>
-        <div class="grid-content bg-purple" align="center">1.64</div>
+        <div class="grid-content bg-purple" align="center">{{ rate.x1_cheque }}</div>
       </el-col>
       <el-col>
-        <div class="grid-content bg-purple" align="center">1.62</div>
+        <div class="grid-content bg-purple" align="center">{{ rate.x1_ba }}</div>
       </el-col>
     </el-row>
 
@@ -309,6 +309,14 @@ export default {
         term: '',
         amount: ''
       }),
+      rate: {
+        x1_ba: null,
+        x1_cheque: null,
+        x1_cash: null,
+        x2_ba: null,
+        x2_cash: null,
+        x2_cheque: null,
+      },
       loading: false,
       status: '',
       booking: {
@@ -382,9 +390,10 @@ export default {
   mounted () {
     this.getBooking()
     this.RefreshBooking()
+    this.getRate()
   },
   methods: {
-    getBooking() {
+    getRate(){
       let $this = this
       axios.get(this.url).then(response => {
         this.bookingTable = response.data.data
@@ -392,6 +401,13 @@ export default {
         $this.makePagination(response.data)
       })
     },
+    getBooking() {
+      let $this = this
+      axios.get('api/rate').then(response => {
+        this.rate = response.data
+        console.log(this.rate)
+      })
+    },
     RefreshBooking() {
       let $this = this
       axios.get(this.url).then(response => {