%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<form action="/servicetickets" method="POST" @submit.prevent="addticket()">
<b-form-input list="my-list-id" name="clientid" v-model="Priority"></b-form-input>
<datalist id="my-list-id">
<option v-for="user in users" :key="user.id" :value="user.id">{{user.name}}</option>
</datalist>
<span>{{ clientid }}</span>
<div class="form-group">
<label for="ticket">ticket</label>
<input type="text" class="form-control" name="ticket" v-model="ticket" placeholder="ticket" >
</div>
<select v-model="Priority">
<option disabled value="">Please select one</option>
<option value="A">Low</option>
<option value="B">Medium</option>
<option value="C">High</option>
</select>
<button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>
</template>
<script>
export default {
data(){
return{
clientid:'',
ticket:'',
Priority:'',
newText:'',
newText2:'',
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
],
selected:'',
users:[]
}
},
mounted() {
console.log('Component mounted.')
},
methods: {
addticket(){
axios
.post('/servicetickets', {
clientid: this.clientid,
ticket: this.ticket,
Priority: this.Priority,
}) .then( response => this.$router.push({ path: '/ticketlist/'}));
},
loadusers:function(){
axios.get('/client/totalcount').then(response => {
this.users = response.data});
},
updateAnnouncement(value) {
var newText2 = this.newText.name;;
}
},
created: function(){
this.loadusers()
},
}
</script>
Zerion Mini Shell 1.0