%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/addcontractor.vue

<template>
<div>
    <form action="" method="POST" @submit.prevent="addcontractor()" class="form-task">
             <div class="form-group">
               <label for="">Contractor</label>
            <select v-model="contractor" class="form-control">
             <option v-for="cont in contractors" :value="cont.id" :key="cont.id">{{cont.name}}</option>

        </select>
          </div>
            <label for="">Description</label>
            <input type="text" class="form-control" v-model="subcontractDescription">
            <label for="">Basic Amount</label>
            <input type="text" name="" class="form-control"  v-model="basic_amount">
            <label for="">GST %</label>
            <input type="text" class="form-control"  v-model="gst">
            <label for="">GST Amount</label>
            <input type="text" class="form-control" name="gstAmount" :value="calculateGst">
            <label for="">KFC %</label>
            <input type="text" class="form-control"  v-model="kfc">
            <label for="">KFC Amount</label>
            <input type="text" class="form-control" :value="calculateKfc">
            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
        </div>
</template>

<script>
    export default {
        props:['m_id'],
        data() {
            return {
                contractor: '',
                contractors: [],
                subcontractDescription: '',
                basic_amount:'',
                gst:'',
                kfc:'',
            };
        },
        methods: {
                         loadcontractors(){
                axios.get('/contractorslist') .then(response => {
                this.contractors = response.data;                  
             })
            },  
            addcontractor(){
               axios
    .post('/subcontracts', {
      contractor_id: this.contractor,
      project:this.m_id,
      project_name:'gh',
      description:this.subcontractDescription,
      contract_type:1,
      Initial_contract:this.basic_amount,
       gst:this.calculateGst,
       kfc:this.calculateKfc,
       
 
     
    }) .then(
               this.$toaster.success('Contractor Added'),
              this.$root.$emit('bv::toggle::collapse', 'add-contractor'),
              this.loadsubworkes()
             // this. loadactivities()    
    );
        },
           loadsubworkes(){
                axios.get('/subcontracts/subdetails/'+this.m_id) .then(response => {
                this.subcontracts = response.data;         
             })
            }
    },

    computed:{
              calculateGst: function() {
            return ((this.gst/100) * this.basic_amount) ;
        },
                 calculateKfc: function() {
            return ((this.kfc/100) * this.basic_amount) ;
        }
    },
    mounted:function(){
      this.loadcontractors()
    }
    }
</script>

Zerion Mini Shell 1.0