multi file upload 1401-03-24

This commit is contained in:
sedmedgh
2022-06-14 20:40:57 +04:30
parent c8c751adce
commit cc88bc287f
5 changed files with 684 additions and 454 deletions
+13
View File
@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "dragbleUpload"
}
</script>
<style scoped>
</style>
+3 -3
View File
@@ -10,7 +10,7 @@ export const printWindow = (innerHTML = document.getElementById('printContent')
// Open the print window
const WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0')
WinPrint.document.write('<!DOCTYPE html><html><head>' +
WinPrint.document.write('<!DOCTYPE html><html dir="rtl"><head>' +
stylesHtml +
'<title>چاپ اطلاعات</title>' +
'</head><body>' +
@@ -20,8 +20,8 @@ export const printWindow = (innerHTML = document.getElementById('printContent')
WinPrint.document.close()
WinPrint.focus()
setTimeout(() => {
// WinPrint.print()
// WinPrint.close()
WinPrint.print()
WinPrint.close()
}, 600)
}
File diff suppressed because it is too large Load Diff
+20 -12
View File
@@ -343,7 +343,7 @@
<div>تاریخ به روز رسانی : {{ personalInformation.uaj }}</div>
<div>شغل متقاضی : {{ personalInformation.job_title }}</div>
<div>نام پدر : {{ personalInformation.father_name }}</div>
<div>تاریخ تولد : {{ personalInformation.birth_date }}</div>
<div>تاریخ تولد : {{ personalInformation.birth_date | jdate }}</div>
<div>جنسیت : {{ personalInformation.gender_str }}</div>
<div>وضعیت تاهل : {{ personalInformation.marriage_sts_str }}</div>
<div>شماره شناسنامه : {{ personalInformation.iden_id }}</div>
@@ -967,7 +967,7 @@ export default {
data() {
return {
prsonalFileList: [],
file_id: undefined,
file_ids: [],
showMosahebeModal: false,
showInformationModal: false,
showAddMosahebeModal: false,
@@ -1041,12 +1041,13 @@ export default {
},
fileUpload({fileList, event, file}) {
if (file.response && file.response.id) {
this.file_id = file.response.id;
this.file_ids = fileList.map(x => x.id || x.response.id)
}
this.prsonalFileList = fileList;
},
fileRemove() {
this.file_id = null
/*if (file.response && file.response.id) {
this.file_id = file.response.id;
}
this.prsonalFileList = fileList;*/
},
showAddMosahebe(id) {
this.showAddMosahebeModal = true;
@@ -1130,12 +1131,19 @@ export default {
this.current--;
},
async showDetails(record) {
if (record.file) {
console.log("%c yess", "color:blue")
this.file_id = record.file.id
this.prsonalFileList.push(
{uid: record.file.id, name: record.file.filename, status: 'done', url: record.file.storage}
)
console.clear()
console.log(record)
if (record.file_ids) {
this.file_ids = record.file_ids
this.prsonalFileList = record.file_list.map(x => {
return {
uid: x.id,
id: x.id,
name: x.filename,
status: 'done',
url: x.storage
}
})
}
try {
this.loading = true
+9 -11
View File
@@ -270,7 +270,7 @@
<a-row>
<a-form-item label="تلفن ثابت">
<input class="ant-input" autocomplete="off"
v-decorator="['phone',{initialValue: null,rules: [{ required: true, message: 'تلفن ثابت را وارد نمایید' },{pattern:/^((\+98|0098|98|0)\d{2})?\d{8}$/g,message:'تلفن وارد شده معتبر نیست.'}]}]">
v-decorator="['phone',{initialValue: null,rules: [{ required: false, message: 'تلفن ثابت را وارد نمایید' },{pattern:/^((\+98|0098|98|0)\d{2})?\d{8}$/g,message:'تلفن وارد شده معتبر نیست.'}]}]">
<!--<feather-icon style="direction: ltr !important;" icon="PhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
<!-- </a-input>-->
</a-form-item>
@@ -285,7 +285,7 @@
<a-row>
<a-form-item label="تلفن ضروری">
<input class="ant-input" style="direction: rtl !important;"
v-decorator="['phone_emergency',{initialValue: null,rules: [{ required: true, message: 'تلفن ضروری را وارد نمایید' },{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},{max: 11,message:'تلفن ضروری حد اکثر 11 رقم است'}]}]">
v-decorator="['phone_emergency',{initialValue: null,rules: [{ required: false, message: 'تلفن ضروری را وارد نمایید' },{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},{max: 11,message:'تلفن ضروری حد اکثر 11 رقم است'}]}]">
<!-- <feather-icon style="direction: ltr !important;" icon="MailIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
<!-- </a-input>-->
</a-form-item>
@@ -524,12 +524,11 @@
<div class="dropbox">
<a-upload-dragger
:multiple="false"
:multiple="true"
action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
:file-list="fileList"
:default-file-list="fileList"
@change="changeDocumentUpload"
:remove="handleRemoveDocument"
>
<p class="ant-upload-drag-icon">
<a-icon type="inbox"/>
@@ -814,7 +813,7 @@ export default {
marriage_sts: 1,
},
fileList: [],
file_id: undefined,
file_ids: [],
current: 0,
from: this.$form.createForm(this, {name: 'coordinated'}),
formEdu: this.$form.createForm(this, {name: 'coordinated'}),
@@ -860,6 +859,8 @@ export default {
this.formWork.resetFields()
this.formFirst.resetFields()
this.current = 0
this.birth_day = ''
this.fileList = []
},
setMarriage_sts(event) {
this.flags.marriage_sts = event.target.value
@@ -867,15 +868,12 @@ export default {
setGender(event) {
this.flags.gender = event.target.value
},
changeDocumentUpload({fileList, event, file}) {
changeDocumentUpload({fileList, file}) {
if (file.response && file.response.id) {
this.file_id = file.response.id;
this.file_ids = fileList.map(x => x.response.id)
}
this.fileList = fileList;
},
handleRemoveDocument() {
this.file_id = null
},
deleteCity(index) {
this.jobsList.splice(index, 1);
@@ -917,7 +915,7 @@ export default {
values.model = this.formFirst.getFieldsValue();
values.birth_date = this.birth_day;
values.work = this.work;
values.file_id = this.file_id;
values.file_ids = this.file_ids;
values.training = this.educational;
values.academic = this.edu;
values.family = this.family;