%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="card">
<div class="card-header"></div>
<div class="card-body">
<div v-if="success != ''" class="alert alert-success">
{{success}}
</div>
<form @submit="formSubmit" enctype="multipart/form-data" class="upload-form">
<div class="form-group">
<label for="">File Name</label>
<input type="text" class="form-control" name="name" v-model="file_name">
</div>
<div class="form-group">
<label for="">File Type</label>
<select name="" id="" v-model="type" class="form-control">
<option value="1">Quote</option>
<option value="2">Re Quote</option>
<option value="3">Others</option>
</select>
</div>
<div class="form-group">
<h4>Upload a file from your computer</h4>
<input type="file" class="form-control" v-on:change="onChange">
</div>
<button class="btn btn-primary">Upload</button>
</form>
</div>
</div>
</template>
<script>
export default {
props:['m_id','clientid'],
data() {
return {
name: '',
file_name: '',
success: '',
type:'',
id:this.m_id,
};
},
methods: {
onChange(e) {
this.file = e.target.files[0];
},
formSubmit(e) {
e.preventDefault();
let existingObj = this;
const config = {
headers: {
'content-type': 'multipart/form-data'
}
}
let data = new FormData();
data.append('file', this.file);
data.append('type', this.type);
data.append('maintenance_id', this.id);
data.append('file_name', this.file_name);
axios.post('/maintenance/fileupload', data, config)
.then()
.then( axios
.post('/maintenanceactivity', {
client_id:this.clientid,
maintenance_id:this.id,
activity: 'File added',
status:1,
activity_description:'File uploaded',
}) ).then()
.catch(function (err) {
existingObj.output = err;
});
this.$toaster.success('File Uploaded'),
this.$root.$emit('bv::toggle::collapse', 'add-file')
// this. loadactivities()
},
updatestatus: function () {
axios.post('/maintenance/updatestatus',{
id:this.id,
status:4,
}) .then(response => {
this.$toaster.success('File Uploaded Successfully');
})
window.location.reload()
},
},
}
</script>
Zerion Mini Shell 1.0