%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/bos_naturals/resources/js/components/
Upload File :
Create Path :
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>

Zerion Mini Shell 1.0