%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="page-content">
<div class="add_client_form">
<div class="d-flex justify-content-center align-items-center container">
<form action="/leads" method="POST" @submit.prevent="addmembers()">
<div class="form-group">
<label for="lead_name">Member Code</label>
<input type="text" class="form-control" v-model="member_code" placeholder="">
</div>
<div class="form-group">
<label for="lead_name">Name</label>
<input type="text" class="form-control" v-model="name">
</div>
<div class="form-group">
<label for="lead_name">Designation</label>
<input type="text" class="form-control" v-model="designation">
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label for="lead_name">Company Name</label>
<input type="text" class="form-control" v-model="company_name">
</div>
</div>
<div class="col">
<div class="form-group">
<label for="lead_name">Company Address</label>
<input type="text" class="form-control" v-model="company_address">
</div>
</div>
</div>
<div class="form-group">
<label for="lead_name">Home Address</label>
<input type="text" class="form-control" v-model="home_address">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="text" class="form-control" name="email" v-model="email" placeholder="">
</div>
<div class="form-group">
<label for="email">Alternate Email</label>
<input type="text" class="form-control" name="email2" v-model="email2" placeholder="">
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label for="phone">Phone</label>
<input type="text" class="form-control" name="phone" v-model="phone" >
</div>
</div>
<div class="col">
<div class="form-group">
<label for="phone">Secondary Phone</label>
<input type="text" class="form-control" name="phone" v-model="phone2">
</div>
</div>
</div>
<div class="form-group">
<label for="phone">Proposed By</label>
<input type="text" class="form-control" name="phone" v-model="proposed_by" >
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label for="">Member Type</label>
<select v-model="member_type" class="form-control">
<option value="1">Individual Members</option>
<option value="2">Individual Member-Life Time</option>
<option value="3">Individual Member _Senior Citizen </option>
<option value="4">Corporate Member</option>
<option value="5">Associate Corporate Member </option>
<option value="6">AIMA</option>
<option value="7">Start Up</option>
<option value="8">Student Member</option>
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<label for="phone">GST (optional)</label>
<input type="text" class="form-control" name="phone" v-model="gst" >
</div>
</div>
</div>
<div class="form-group">
<label for="date">Date of Joining</label>
<input type="date" class="form-control" name="phone" v-model="doj" >
</div>
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
member_code:'',
name:'',
designation:'',
email:'',
email2:'',
phone:'',
phone2:'',
company_name:'',
status:'',
company_address:'',
home_address:'',
amount:'',
status:1,
proposed_by:'',
gst:'',
member_type:'',
doj:'',
cc:'',
message:'',
source:'',
searchQuery:'',
refsource:'',
users:[],
phonecheck:'',
}
},
mounted() {
console.log('Component mounted.')
},
methods: {
addmembers(){
axios
.post('/members', {
member_code:this.member_code,
name: this.name,
designation:this.designation,
company_name:this.company_name,
company_address:this.company_address,
home_address:this.home_address,
email: this.email,
email2: this.email2,
phone: this.phone.replace(/\s+/g, ''),
phone2: this.phone2.replace(/\s+/g, ''),
proposed_by:this.proposed_by,
gst:this.gst,
member_type:this.member_type,
doj:this.doj,
status:this.status,
}) .then(
this.$toaster.success('Registration Added'),
this.$root.$emit('bv::toggle::collapse', 'add-client'),
this.$router.push({ path: '/member'})
);
},
jack(){
if(this.sameas!=""){
this.wphone=this.phone,
this.wcc=this.cc
}
},
getData:function(searchQuery) {
this.isLoading = true;
axios.get('client/searchquery?q=' + searchQuery.replace(/\s+/g, ''))
.then(response => {
this.users = response.data;
});
}
}
}
</script>
<style scoped>
.rbt.radio-block ul {
width: 100%;
overflow: auto;
padding: 0;
}
.rbt.radio-block li {
display: inline-block;
clear: both;
padding: 10px;
border-radius: 30px;
margin-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
}
.rbt.radio-block input[type="radio"], input[type="checkbox"] {
margin-right: 5px;
}
.rbt input[type="radio"]{
-webkit-appearance:none;
}
.rbt label{
appearance: none;
background-color: #fff;
border-style: none;
box-shadow: inset 0 0 0 1px #002f34;
border-radius: 4px;
color: #002f34;
cursor: pointer;
font-size: 14px;
height: 36px;
margin-bottom: 8px;
margin-right: 8px;
min-width: 124px;
outline: 0;
padding: 8px 16px;
}
.fa{
font-size: 80px;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%,-80%);
}
.rbt label>span{
font-size: 14px;
transform: translate(-50%,80%);
font-family: "Poppins",sans-serif;
font-weight: 500;
}
.rbt input[type="radio"]:checked + label{
background-color: #6b80ef;
color: white;
}
</style>
Zerion Mini Shell 1.0