Burada ki değiştir butonuna basınca id'yi bir değişkene alıp, onu da yüklemeyi tamamlaya basınca iletmek istiyorum.
ama kafam durdu şuanda nasıl ilerleyeceğimi bilemedim, yardımcı olabilir misiniz acaba
for içinde dönen file'in file.id diye bir değeri de mevcut.
**div.file-area.mb-2(v-if="selectedTask.file_from_user")
div(v-for="file in selectedTask.file_from_user")
i.el-icon-document.file-icon
strong.text-center.d-block
| Yüklediğiniz Dosya
a(href="#" @click="editFile = true",) Değiştir
a(:href="file.full_url" target="__BLANK") {{ file.name }}
a(:href="file.full_url" target="__BLANK") Dosyayı Görüntüle**
.file-area.mb-2(
v-if="selectedTask.type == 'file' || selectedTask.type == 'approve' || selectedTask.type == 'fileshowuploadapprove'"
)
div(v-for="file in selectedTask.files")
i.el-icon-document.file-icon
a(:href="file.full_url" target="__BLANK") {{ file.name }}
a(:href="file.full_url" target="__BLANK") Dosyayı Görüntüle
div(v-if="selectedTask.file")
i.el-icon-document.file-icon
a(:href="selectedTask.file.full_url" target="__BLANK") {{ selectedTask.file.name }}
a(:href="selectedTask.file.full_url" target="__BLANK") Dosyayı Görüntüle
.action-buttons(v-if="selectedTask.approve == null && selectedTask.type != 'fileshowupload'")
el-button(type='danger', icon='el-icon-close' @click="changeStatus(0)") Reddet
el-button(type='success', icon='el-icon-check' @click="changeStatus(1)") Onayla
.action-buttons(v-if="selectedTask.approve != null")
el-tag(v-if="selectedTask.approve == 1" type="success" effect='dark')
| Onaylandı
el-tag(v-if="selectedTask.approve == 0" type="danger" effect='dark')
| Reddedildi
.file-area(v-if="(selectedTask.status != 1 && (selectedTask.type == 'upload' || selectedTask.type == 'fileshowupload' || selectedTask.type == 'fileshowuploadapprove')) || editFile")
el-upload.text-center(
action='/api/v1/business/upload-file',
:drag='true',
:multiple='true'
:auto-upload="true"
ref="upload"
:on-change="handleUpload"
:headers="headers"
)
div(style="padding:10px")
i.el-icon-upload
.el-upload__text(v-if="selectedTask.type != 'fileshowupload' && selectedTask.type != 'fileshowuploadapprove'")
| Dosyayı bu alana sürükleyebilirsiniz
em veya tıklayarak seçim yapabilirsiniz
.el-upload__text(v-if="selectedTask.type == 'fileshowupload' || selectedTask.type == 'fileshowuploadapprove'")
| Yukarıda bulunan Dosyayı indirip, doldurduktan sonra bu alana sürekleyerek
em veya tıklayarak doldurduğunuz dosyayı yükleyiniz
//- .el-upload__tip(slot='tip') jpg/png files with a size less than 500kb
**div(style="width:100%;padding:10px")
el-button(
style="display: block;margin:0 auto"
size='big'
type='success'
@click='submitUpload'
:disabled="file == null")
| Yüklemeyi Tamamla**
submitUpload() {
this.$refs.upload.submit();
const vm = this;
let loadingInstance = Loading.service({ fullscreen: true });
var data = {
task_id: vm.selectedTask.id,
file: this.file
};
axios
.post("/business/complete-task", data)
.then(res => {
vm.visible = false;
vm.selectedTask = res.data;
loadingInstance.close();
if(vm.editFile) {
window.toast.success("Dosya güncellenmiştir!");
}else {
window.toast.success("Görev başarıyla tamamlandı!");
}
vm.editFile = false;
})
.catch(function(error) {
console.log(error);
loadingInstance.close();
});
},