multi file upload 1401-03-24

src/components/input/dragbleUpload.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "dragbleUpload"
+}
+</script>
+
+<style scoped>
+
+</style>

src/mixin/keyEvent.js

@@ -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.print()
-        // WinPrint.close()
+        WinPrint.close()
     }, 600)
 }
 

src/views/proposal/Proposal.vue

@@ -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;
-    },
+      /*if (file.response && file.response.id) {
-    fileRemove() {
+        this.file_id = file.response.id;
-      this.file_id = null
+      }
+      this.prsonalFileList = fileList;*/
     },
     showAddMosahebe(id) {
       this.showAddMosahebeModal = true;
@@ -1130,12 +1131,19 @@ export default {
       this.current--;
     },
     async showDetails(record) {
-      if (record.file) {
+      console.clear()
-        console.log("%c yess", "color:blue")
+      console.log(record)
-        this.file_id = record.file.id
+      if (record.file_ids) {
-        this.prsonalFileList.push(
+        this.file_ids = record.file_ids
-            {uid: record.file.id, name: record.file.filename, status: 'done', url: record.file.storage}
+        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

src/views/register/Register.vue

@@ -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;