%PDF- %PDF-
Direktori : /home/ugotscom/bos_naturals/resources/js/components/ |
Current File : /home/ugotscom/bos_naturals/resources/js/components/addcampaigndetails.vue |
<template> <div class="page-content"> <h2>Add Campaign Details</h2> <form action="/tasks" method="POST" @submit.prevent="addcampaigndetails()" class="task-form"> <div class="form-group"> <label for="task">Campaign Name</label> <input type="text" class="form-control" name="task" v-model="campaign_name" placeholder="Task"> </div> <div class="form-group"> <label for="task">Client Name</label> <input type="text" class="form-control" name="task" v-model="client_name" placeholder="Task"> </div> <div class="form-group"> <label for="task">Client Phone</label> <input type="text" class="form-control" name="task" v-model="phone" placeholder="Task"> </div> <div class="form-group"> <label for="task">Description</label> <input type="text" class="form-control" name="task" v-model="description" placeholder="Task"> </div> <div class="form-group"> <label for="task">Status</label> <input type="text" class="form-control" name="task" v-model="status" placeholder="Task"> </div> <button type="submit" value="submit" class="btn btn-primary">Submit</button> </form> </div> </template> <script> export default { data(){ return{ campaign_name:'', client_name:'', phone:'', description:'', status:'', } }, mounted() { this. loadstaffs(), this.loadtheusers() }, methods: { addcampaigndetails(){ axios .post('/campaignsdetails', { campaign_name:this.campaign_name, client_name:this.client_name, phone:this.phone, description:this.description, status:this.status, }) .then(response => { this.$toaster.success('Task Added'), this.$root.$emit('bv::toggle::collapse','sidebar-right') this.$router.push({ path: '/campaignlist'}) }) }, getData:function(searchQuery) { this.isLoading = true; axios.get('client/searchquery?q=' + searchQuery) .then(response => { this.users = response.data; }); }, getclientProperties(){ axios.get('/properties/clientproperties/'+ this.searchQuery) .then(response => { this.clientproperties = response.data; }); }, getclientleads(){ axios.get('/leads/getclientleads/'+ this.searchQuery) .then(response => { this.clientleads = response.data; }); }, loadstaffs(){ axios.get('/users') .then(response => { this.staffs = response.data; }) }, loadtheusers(){ axios.get('/dashboard').then(response =>{ this.clientid=response.data.name; }); }, } } </script> <style scoped> .lt ul{ list-style: none; margin: 0; padding: 0; } .lt li{ display: inline-block; } </style>