From 11b11f7f72ed7b450b44951727f5ffc579b7fd75 Mon Sep 17 00:00:00 2001
From: AliGhasami <alighassami@yahoo.com>
Date: Sat, 20 Mar 2021 19:37:26 +0330
Subject: [PATCH] update 1400-01-01

---
 .../vertical-nav-menu/navMenuItems.js         |    2 +-
 src/router.js                                 |    9 +
 src/views/personel/Personel.vue               |  259 +++-
 src/views/proposal/Proposal.vue               |    4 +-
 src/views/register/RegisterPersonnel.vue      | 1096 +++++++++++++++++
 5 files changed, 1328 insertions(+), 42 deletions(-)
 create mode 100644 src/views/register/RegisterPersonnel.vue

diff --git a/src/layouts/components/vertical-nav-menu/navMenuItems.js b/src/layouts/components/vertical-nav-menu/navMenuItems.js
index 3f30bd8..0597e55 100644
--- a/src/layouts/components/vertical-nav-menu/navMenuItems.js
+++ b/src/layouts/components/vertical-nav-menu/navMenuItems.js
@@ -10,7 +10,7 @@ export default [
   {
     url: '/config',
     icon: 'LayersIcon',
-    i18n: 'پیکر بندی',
+    i18n: 'پیکربندی',
     slug: 'config',
   },
   {
diff --git a/src/router.js b/src/router.js
index 5a77bbe..eff1701 100644
--- a/src/router.js
+++ b/src/router.js
@@ -86,6 +86,15 @@ const router = new Router({
                         parent: 'main'
                     }
                 },
+                {
+                    path: '/register/personnel',
+                    name: 'register-personnel',
+                    component: () => import('./views/register/RegisterPersonnel.vue'),
+                    meta: {
+                        rule: 'editor',
+                        parent: 'main'
+                    }
+                },
             ]
         },
         {
diff --git a/src/views/personel/Personel.vue b/src/views/personel/Personel.vue
index 2d76a9c..22b61cc 100644
--- a/src/views/personel/Personel.vue
+++ b/src/views/personel/Personel.vue
@@ -4,7 +4,7 @@
       <a-spin :spinning="showLoading" tip="در حال دریافت اطلاعات">
         <div class="spin-content">
           <a-card>
-            <a-button @click="$router.push('/register/form')" >
+            <a-button @click="$router.push('/register/personnel')" >
               ثبت پرسنل جدید
             </a-button>
             <x-table ref="personelTbl" class="mt-4"
@@ -20,12 +20,34 @@
                 <a-tabs type="card">
                   <a-tab-pane :forceRender="true" key="1" tab="اطلاعات پایه">
                     <a-card title="اطلاعات فردی">
-                      <a-form-item label="تصویر پرسنلی" >
-                        <single-upload-input ref="fileUpload" :field="'profile_file'" ></single-upload-input>
-                        <a-modal :visible="previewVisible" :footer="null" @cancel="previewVisible = false;">
-                          <img alt="example" style="width: 100%" :src="previewImage" />
-                        </a-modal>
-                      </a-form-item>
+
+                      <div class="grid grid-cols-2 gap-4">
+                        <div>
+                          <a-form-item label="تصویر پرسنلی" >
+                            <single-upload-input ref="fileUpload" :field="'profile_file'" ></single-upload-input>
+                            <a-modal :visible="previewVisible" :footer="null" @cancel="previewVisible = false;">
+                              <img alt="example" style="width: 100%" :src="previewImage" />
+                            </a-modal>
+                          </a-form-item>
+                        </div>
+
+                        <div>
+                          <a-form-item label="فایل ها" >
+                           <!-- <single-upload-input ref="fileUpload" :field="'profile_file'" ></single-upload-input>-->
+                            <!---->
+                            <a-upload
+                                action="http://hr.asco-intl.com/back/public/api/register/upload"
+                                :file-list="documentFileList"
+                                :default-file-list="documentFileList"
+                                @change="changeDocumentUpload"
+                                :remove="handleRemoveDocument"
+                                >
+                              <a-button> <a-icon type="upload" /> بارگذاری فایل </a-button>
+                            </a-upload>
+
+                          </a-form-item>
+                        </div>
+                      </div>
                       <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
                         <a-form-item label="نام و نام خانوادگی">
                           <input class="ant-input"  autocomplete="off" v-decorator="['name']"/>
@@ -145,7 +167,7 @@
                           </a-form-item>
                         </div>
                         <div>
-                          <a-form-item label="شمار ه حساب">
+                          <a-form-item label="شماره حساب">
                             <input class="ant-input"
                                    v-decorator="['bank_account']"/>
                           </a-form-item>
@@ -174,7 +196,9 @@
                       </div>
                     </a-card>
                     <a-card title="اطلاعات خانوادگی" class="mt-5">
+                      <a slot="extra" @click.prevent="AddFamily()">افزودن اطلاعات خانوادگی</a>
                       <template v-for="(item,index) in personalDetails['family']" >
+                        <a-button type="danger" @click="handleRemoveFamily(item,index)">حذف</a-button>
                         <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
                           <a-form-item style="display: none">
                             <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].id`]"/>
@@ -217,7 +241,9 @@
                     </a-card>
 
                     <a-card title="اطلاعات تحصیلی" class="mt-5">
+                      <a slot="extra" @click.prevent="AddEducation()">افزودن سابقه تحصیلی</a>
                       <template v-for="(item,index) in personalDetails['education']">
+                        <a-button type="danger" @click="handleRemoveEducation(item,index)">حذف</a-button>
                         <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
                           <a-form-item style="display: none">
                             <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.education[${index}].id`]"/>
@@ -259,9 +285,10 @@
                       </template>
                     </a-card>
 
-
                     <a-card title="سوابق آموزشی" class="mt-5">
+                      <a slot="extra" @click.prevent="AddTraning()">افزودن سابقه آموزشی </a>
                       <template v-for="(item,index) in personalDetails['traning']">
+                        <a-button type="danger" @click="handleRemoveTraning(item,index)">حذف</a-button>
                         <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
                           <a-form-item style="display: none">
                             <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.traning[${index}].id`]"/>
@@ -276,16 +303,17 @@
                             <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].start_at`]"/>
                           </a-form-item>
                           <a-form-item label="امکان ارائه گواهینامه دارم">
-                            <a-checkbox v-decorator="[`personal_details.traning[${index}].end_at`,{initialValue:false,valuePropName: 'checked'}]"/>
+                            <a-checkbox v-decorator="[`personal_details.traning[${index}].has_certificate`,{initialValue:false,valuePropName: 'checked'}]"/>
                           </a-form-item>
                         </div>
                         <a-divider />
                       </template>
                     </a-card>
 
-
                     <a-card title="سوابق کاری" class="mt-5">
+                      <a slot="extra" @click.prevent="AddJobsHistory()">افزودن سابقه کاری</a>
                       <template v-for="(item,index) in personalDetails['jobs_history']">
+                        <a-button type="danger" @click="handleRemoveJobsHistory(item,index)">حذف</a-button>
                         <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
                           <a-form-item style="display: none">
                             <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].id`]"/>
@@ -362,12 +390,11 @@
                                 title="آیا می خواهید حذف کنید؟"
                                 ok-text="بله"
                                 cancel-text="خیر"
-                                @confirm="removeContract(item)"
-                            >
-                              <a-button type="danger" class="mt-3 mr-3" style="width:40%">حذف</a-button>
+                                @confirm="removeContract(item)" >
+                              <a-button type="danger" class="mt-3 mr-3">حذف</a-button>
                             </a-popconfirm>
                           </a-tooltip>
-                          <a-button style="width:28%" class="mr-3" @click="contractId=item.id;showContractPrint=true">چاپ</a-button>
+                          <a-button style="width:20%" class="mr-3" @click="contractId=item.id;showContractPrint=true">چاپ</a-button>
                           <!-- <a-dropdown  class="mt-3" v-if="item.id">
                            <a-menu slot="overlay" >
                              <a-menu-item  key="1">
@@ -417,17 +444,19 @@
                         <div>{{ item.promissory_number }} : شماره سفته</div>
                         <div>{{ item.promissory }} : مبلغ سفته</div>
                         <div>{{ item.right_guardianship }} : حق سرپرستی</div>
-                        <div>
-                        </div>
-                        <div></div>
-                        <div>  دلیل فسخ قرارداد: <span>{{ item.reason_termination }}</span> </div>
-                        <div>{{ item.datej_termination }} : تاریخ فسخ قرارداد</div>
+                        <div class="mt-5"></div>
+                      <!--  <div> شماره قرارداد : <span>{{ item. }}</span> </div>-->
+                       <!-- <div >   : <span>{{ item.reason_termination }}</span> </div>-->
+                        <!---->
+                        <div class="mt-5" style="direction: rtl"><span>شماره قرارداد :</span>&nbsp;<span>{{ item.contract_number }}</span></div>
+                        <div class="mt-5">{{ item.reason_termination }} : دلیل فسخ قرارداد</div>
+                        <div class="mt-5">{{ item.datej_termination }} : تاریخ فسخ قرارداد</div>
                         <!--<div style="direction: rtl">عنوان گواهینامه : {{  item.title  }}</div>-->
                       </a-list-item>
                     </a-list>
                     <a-button class="mt-3" @click="showAddContract = true">افزودن ردیف</a-button>
                   </a-tab-pane>
-                  <a-tab-pane :forceRender="true" key="5" tab="آشنا سازی">
+                  <a-tab-pane :forceRender="true" key="5" tab="آشناسازی">
                     <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-3 lg:gap-4" style="direction: rtl">
                       <div>
                         <a-form-item>
@@ -642,7 +671,6 @@
                           element="contrat_end_at"
                       />
                     </a-form-item>
-
                   </div>
                 </div>
                 <div class="grid grid-cols-3 gap-4">
@@ -671,25 +699,26 @@
                       <input class="ant-input" v-decorator="['right_guardianship', { initialValue: 0 }]"  />
                     </a-form-item>
                   </div>
-
                   <div>
                     <a-form-item label="مبلغ سفته">
                       <input class="ant-input" v-decorator="['promissory', { initialValue: 0 }]"  />
                     </a-form-item>
                   </div>
-
                   <div>
                     <a-form-item label="شماره سفته">
                       <input class="ant-input" v-decorator="['promissory_number']"  />
                     </a-form-item>
                   </div>
 
+                  <div>
+                    <a-form-item label="شماره قرارداد">
+                      <input class="ant-input" v-decorator="['contract_number']"  />
+                    </a-form-item>
+                  </div>
                 </div>
-
                 <!--<a-form-item label="دلیل فسخ قرارداد">
                     <input class="ant-input"   style="width: 100%" v-decorator="['reason_termination']"  />
                 </a-form-item>-->
-
                 <a-form-item label="فایل">
                   <div class="dropbox">
                     <a-upload-dragger
@@ -713,8 +742,6 @@
                     </div>
                   </div>
                 </a-form-item>
-
-
               </a-form>
             </a-modal>
 
@@ -807,9 +834,9 @@
             </a-modal>
 
             <a-modal okText="چاپ" :footer="null" cancelText="بستن" forceRender  v-model="showContractPrint" title="شماره قرارداد" >
-                <a-form-item label="شماره قرارداد">
+               <!-- <a-form-item label="شماره قرارداد">
                   <input class="ant-input"  autocomplete="off" v-model="contractNumber" />
-                </a-form-item>
+                </a-form-item>-->
               <a-form-item label="نوع قرارداد">
                 <a-select  v-model="contractType" style="width: 120px" >
                   <a-select-option v-for="i in 10" :value="i">
@@ -817,7 +844,7 @@
                   </a-select-option>
                 </a-select>
               </a-form-item>
-              <a-button :href="`/back/public/api/personnel/print?id=${contractId}&type=${contractType}&number=${contractNumber}`" target="_blank">چاپ قرداد</a-button>
+              <a-button :href="`/back/public/api/personnel/print?id=${contractId}&type=${contractType}`" target="_blank">چاپ قرداد</a-button>
            </a-modal>
           </a-card>
         </div>
@@ -859,6 +886,8 @@
         data() {
             return {
                 fileList: [],
+                documentFileList: [],
+                documents:[],
                 loading: false,
                 imageUrl: '',
                 previewVisible:false,
@@ -911,6 +940,131 @@
             }
         },
         methods:{
+          AddJobsHistory(){
+            const obj={
+              "title": null,
+              "university": null,
+              "start_at": null,
+              "end_at": null,
+              "file_id": null,
+            };
+            this.personalDetails['jobs_history'].push(obj);
+          },
+          AddTraning(){
+            const obj={
+              "title": null,
+              "university": null,
+              "start_at": null,
+              "has_certificate": null,
+            }
+            this.personalDetails['traning'].push(obj);
+          },
+          AddEducation(){
+            const obj={
+              "level": 1,
+              "title":null,
+              "trend":null,
+              "university": null,
+              "start_at": null,
+              "end_at": null,
+            };
+            this.personalDetails['education'].push(obj);
+          },
+          AddFamily(){
+            const obj={
+              "name": null,
+              "relation": null,
+              "edu_level": 1,
+              "edu_title": null,
+              "job": null,
+            };
+            this.personalDetails['family'].push(obj);
+          },
+          handleRemoveFamily(item,index){
+            if(item.id)
+            {
+              axios.post('remove-family',{id:item.id}).then((res)=>{
+                this.personalDetails['family'].splice(index,1);
+              });
+            }else
+            {
+              this.personalDetails['family'].splice(index,1);
+            }
+          },
+          handleRemoveEducation(item,index){
+            if(item.id){
+              axios.post('remove-education',{id:item.id}).then((res)=>{
+                this.personalDetails['education'].splice(index,1);
+              });
+            }
+            else
+            {
+              this.personalDetails['education'].splice(index,1);
+            }
+          },
+          handleRemoveTraning(item,index){
+            if(item.id){
+              axios.post('remove-education',{id:item.id}).then((res)=>{
+                this.personalDetails['traning'].splice(index,1);
+              });
+            }
+            else
+            {
+              this.personalDetails['traning'].splice(index,1);
+            }
+          },
+          handleRemoveJobsHistory(item,index){
+            if(item.id){
+              axios.post('remove-education',{id:item.id}).then((res)=>{
+                this.personalDetails['jobs_history'].splice(index,1);
+              });
+            }
+            else
+            {
+              this.personalDetails['jobs_history'].splice(index,1);
+            }
+          },
+          handleRemoveDocument(file){
+            let index=this.documents.findIndex((item)=>{
+              return item==file.uid;
+            });
+            if(index>-1)
+            {
+              this.documents.splice(index,1);
+            }
+          },
+          changeDocumentUpload({fileList, event, file}){
+            if (file.response && file.response.id) {
+              this.documents.push(file.response.id);
+            }
+            this.documentFileList = fileList;
+           /* const status = info.file.status;
+            console.log('info',info);
+            if (status === 'done') {
+
+            }
+
+            if (status === 'removed') {
+              let id=null;
+              if(info.file.response){
+                    id=info.file.response.id;
+              }
+              else
+              {
+                  id=info.file.uid;
+              }
+
+              let index=this.documents.findIndex((item)=>{
+                return item==id;
+              });
+              if(index>-1)
+              {
+                this.documents.splice(index,1);
+              }
+              //console.log('tttt',this.documents);
+
+            }*/
+          },
           handleRemove(){
             this.imageUrl='';
             this.fileList=[];
@@ -976,11 +1130,13 @@
                   values.writ=this.writ;
                   values.training = this.training
                   values.estimate = this.estimate
-                  //console.log('All Data',values);
-                  await axios.post('personnel/update',values);
+                 /*values.document=this.documentFileList.map((item)=>{
+                    return item.uid;
+                  });*/
+                  values.documents=this.documents;
+                      await axios.post('personnel/update',values);
                   this.getdata(this.personel.id);
                   this.$ntSet()
-                  //this.showPersonalModal = false
                 }catch (e) {
                   this.$ntSetError()
                   throw e
@@ -1107,7 +1263,6 @@
                 this.fromPersonel.validateFields(async(err, values) => {
                     if (!err) {
                         try{
-
                             this.saveData();
                             this.getdata(this.personel.id);
                             //this.$ntSet()
@@ -1163,7 +1318,6 @@
                     const index = this.writ.indexOf(item);
                     this.writ.splice(index,1);
                 }
-
             },
 
            async removeEdu(item){
@@ -1201,6 +1355,21 @@
 
                 }
             },
+            /*async uploadDocument(input) {
+              try {
+                let formData = new FormData();
+                formData.append("file", input.file);
+                const { data } = await axios.post("register/upload",formData, {'Content-Type': 'multipart/form-data'});
+                //console.log(data,'dataaaa')
+                //this.image_data = data
+                this.$message.success('آپلود سند با موفقیت انجام شد.');
+                //this.isAlertUpload = true
+              } catch (e) {
+                this.$message.error('خطا در بارگذاری اطلاعات');
+              } finally {
+
+              }
+            },*/
          /* async uploadImageProfile(input) {
             try {
               let formData = new FormData();
@@ -1240,12 +1409,18 @@
                     const {data} = await axios.post('/proposal/details', {id:record.proposal_id})
                     record.personal_details = data;
                     this.$refs.fileUpload.fileList=[];
+                    this.documentFileList=[];
                     this.$forceUpdate();
                     if(record.profile!=null)
                     {
-                      this.$refs.fileUpload.fileList.push({ uid: '-1', name: 'image.png', status: 'done', url:record.profile.storage },) //[0].url=record.profile.storage;
+                      this.$refs.fileUpload.fileList.push({ uid: '-1', name: 'image.png', status: 'done', url:record.profile.storage }); //[0].url=record.profile.storage;
                     }
-                    console.log(this.fileList);
+                    this.documents=record.documents || [];
+                    for (const file of record.file_list) {
+                      //console.log('file',file);
+                      this.documentFileList.push({ uid:file.id, name: file.filename, status: 'done', url:file.storage });
+                    }
+                    console.log(this.documentFileList);
                     this.personalDetails=data;
                     this.getdata(record.id);
                     this.showPersonalModal=true;
@@ -1327,7 +1502,7 @@
         margin-right: 25px;
     }
     .ant-dropdown,.ant-popover.ant-popover-placement-right{
-        z-index: 999999999;
+        z-index: 99999999999;
     }
     /*.ant-dropdown
     {
@@ -1344,5 +1519,11 @@
     .ant-upload.ant-upload-select-picture-card,.ant-upload-list-picture-card-container{
       float: right !important;
     }
+    .ant-upload-list-item-card-actions  {
+      right:80% !important;
+    }
+   /* .ant-dropdown,.ant-popover.ant-popover-placement-right{
+      z-index: 999999999;
+    }*/
 </style>
 
diff --git a/src/views/proposal/Proposal.vue b/src/views/proposal/Proposal.vue
index fab9016..f7caccc 100644
--- a/src/views/proposal/Proposal.vue
+++ b/src/views/proposal/Proposal.vue
@@ -1,11 +1,11 @@
 <template>
     <div>
         <a-card>
-            <div class="grid grid-cols-2 gap-4">
+            <!--<div class="grid grid-cols-2 gap-4">
                 <a-form-item class="flex" label="فقط پرونده های باز ">
                     <a-switch default-checked class="mr-2"/>
                 </a-form-item>
-            </div>
+            </div>-->
             <x-table
                     :model="cols" class="mt-3">
                 <template slot="operator" slot-scope="text,record">
diff --git a/src/views/register/RegisterPersonnel.vue b/src/views/register/RegisterPersonnel.vue
new file mode 100644
index 0000000..9d06e0e
--- /dev/null
+++ b/src/views/register/RegisterPersonnel.vue
@@ -0,0 +1,1096 @@
+<template>
+
+    <div class="mx-5">
+      <!--  <div class="flex justify-center">
+             <img src="@/assets/images/logo.svg" width="150px" class="mt-10"/>
+        </div>-->
+        <vx-card class="mx-auto mt-10">
+
+            <a-steps :current="current" >
+                <a-step title="مرحله اول" />
+                <a-step title="مرحله دوم" />
+                <a-step title="مرحله سوم"  />
+            </a-steps>
+            <div v-show="current == 0">
+                <p class="mt-6">
+                    متقاضی گرامی ضمن سپاس از علاقه مندی شما برای همکاری با مجموعه آسکو بین الملل، لطفا اطلاعات شخصی و شغل مورد نظر خود را به دقت تکمیل فرمایید.
+                </p>
+                <p>
+                    درخواستها مورد بررسی قرار گرفته و در صورت هماهنگی با فرصتهای شغلی شرکت، با شما تماس گرفته خواهد شد.
+                </p>
+                <p>
+                    با تشکر و آرزوی موفقیت
+                </p>
+            </div>
+            <a-divider/>
+            <div class="steps-content">
+                <ASpin :spinning="loading">
+                  <a-form :form="formFirst">
+                   <!-- <a-form-item label="نام و نام خانوادگی">
+                      &lt;!&ndash;<a-input autocomplete="off" v-decorator="['name2',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />&ndash;&gt;
+                     &lt;!&ndash; <a-input v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" class="ant-input" placeholder="Basic usage" />&ndash;&gt;
+                          &lt;!&ndash;<input type="text" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" class="ant-input" >&ndash;&gt;
+                     &lt;!&ndash; <vs-input v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />&ndash;&gt;
+                    </a-form-item>-->
+                        <div v-show="current==0" class="mt-4" >
+                        <!--  <a-button type="primary" @click="addCity()">
+                                افزودن ردیف
+                            </a-button>-->
+                            <a-card :bordered="true" class="mt-3" v-for="(item,index) in jobsList">
+                                <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-3 lg:grid-cols-2 lg:gap-3">
+                                    <div>
+                                        <a-form-item label="انتخاب شهر">
+                                            <a-select
+                                                :filter-option="filterOption"
+                                                show-search
+                                                v-decorator="[`jobs[${index}].city`,{rules: [{ required: true, message: 'انتخاب شهر الزامی است.' }]}]"
+                                                    autocomplete="off"
+                                                    @select="getJob(index)"
+                                                    notFoundContent="اطلاعاتی یافت نشد"
+                                                    placeholder="لطفا شهر را انتخاب کنید." >
+                                                <a-select-option v-for="item in city" :value="item.id">
+                                                    {{ item.title }}
+                                                </a-select-option>
+                                            </a-select>
+                                        </a-form-item>
+                                    </div>
+                                    <a-form-item label="انتخاب شغل">
+                                        <a-select
+                                            :filter-option="filterOption"
+                                            show-search
+                                            notFoundContent="اطلاعاتی یافت نشد"
+                                            autocomplete="off" aria-placeholder="لطفا شغل خود را انتخاب کنید." v-decorator="[`jobs[${index}].job`,{rules: [{ required: true, message: 'انتخاب شغل الزامی است.' }]}]">
+                                            <a-select-option v-for="item in jobsList[index].jobs" :value="item.id">
+                                                {{ item.title }}
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </div>
+                            <!--  <a-button type="danger" @click="deleteCity(index)" v-if="index >0"  >
+                                حذف
+                              </a-button>-->
+                            </a-card>
+                        </div>
+                    </a-form>
+
+                    <a-form :form="from">
+                        <div v-show="current==1">
+
+                            <a-alert message="توجه داشته باشید پس از ثبت اطلاعات، بازگشت عملیات امکان پذیر نخواهد بود." type="warning" />
+
+                            <div class="grid sm:grid-cols-1 md:grid-cols-4 lg:grid-cols-4 gap-4 mt-5">
+
+                                <a-form-item label="نام و نام خانوادگی">
+                                   <!-- <a-input autocomplete="off" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
+                                  <input autocomplete="off" type="text" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'نام و نام خانوادگی را وارد نمایید' }]}]" class="ant-input" >
+                                </a-form-item>
+
+                                <a-form-item label="نام پدر">
+                                    <!--<a-input autocomplete="off" v-decorator="['father_name',{initialValue: null,rules: [{ required: true, message: 'نام پدر را وارد نمایید' }]}]" />-->
+                                  <input autocomplete="off" type="text"  class="ant-input"  v-decorator="['father_name',{initialValue: null,rules: [{ required: true, message: 'نام پدر را وارد نمایید' }]}]">
+                                </a-form-item>
+
+                                <div>
+                                    <a-form-item label="تاریخ تولد"   :required="birth_day ? false:true" :validateStatus=" birth_day ? '' : 'error'" :help=" birth_day ? '':'تاریخ تولد را وارد نمایید'" >
+                                        <!-- birth_date-->
+                                        <input
+                                            class="ant-input"
+                                            readonly="true"
+                                          v-model="birth_day"
+                                              id="birth_day"
+                                              autocomplete="off"
+                                        />
+                                     <!-- v-decorator="['birthdate',{initialValue: null,rules: [{ required: true, message: 'تاریخ تولد را وارد نمایید' }]}]"-->
+                                    </a-form-item>
+                                    <date-picker
+                                            :auto-submit="true"
+                                            color="#1da57a"
+                                            v-model="birth_day"
+                                            element="birth_day"
+                                    />
+                                </div>
+
+                                <a-form-item label="کد ملی">
+                                    <!--<a-input autocomplete="off" v-decorator="['ncode',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
+                                  <input autocomplete="off" type="text"    v-decorator="['ncode',{initialValue: null,rules: [{ required: true, message: 'کد ملی را وارد نمایید' },{ min	: 10, message: 'کد ملی 10 رقمی می باشد' },{ max	: 10, message: 'کد ملی 10 رقمی می باشد' }]}]" class="ant-input" >
+                                </a-form-item>
+
+                            </div>
+
+                            <div class="grid lg:grid-cols-4 md:grid-cols-4 sm:grid-cols-1 gap-4">
+                                <a-form-item label="جنسیت">
+                                    <a-radio-group style="direction: ltr" v-decorator="['gender',{ initialValue: '1' }]" button-style="solid">
+                                        <a-radio-button value="2">
+                                            زن
+                                        </a-radio-button>
+                                        <a-radio-button value="1">
+                                            مرد
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+                                <a-form-item label="وضعیت تاهل">
+                                    <a-radio-group style="direction: ltr" v-decorator="['married',{initialValue: '1'}]" button-style="solid">
+                                        <a-radio-button value="1">
+                                            مجرد
+                                        </a-radio-button>
+                                        <a-radio-button value="2">
+                                            متاهل
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+                              <a-form-item label="شماره حساب بانک پاسارگاد">
+                                <input  class="ant-input"   autocomplete="off" v-decorator="['pasargad_bank_number',{initialValue: null}]" />
+                              </a-form-item>
+
+                              <a-form-item label="حقوق درخواستی">
+                                <input  class="ant-input"  autocomplete="off" v-decorator="['requested_salary',{initialValue: null,rules: [{ required: true, message: 'حقوق درخواستی را وارد نمایید' }]}]" />
+                              </a-form-item>
+
+                            </div>
+
+                            <a-card :bordered="true" >
+
+                                <a-alert message="توضیحات سریال شناسنامه" type="info" />
+
+                                <div class="grid sm:grid-cols-1 md:grid-cols-4 lg:grid-cols-4 gap-4">
+                                    <a-form-item label="شماره شناسنامه">
+                                        <input  class="ant-input"  autocomplete="off" v-decorator="['iden_code',{initialValue: null,rules: [{ required: true, message: 'شماره شناسنامه را وارد نمایید' }]}]" />
+                                    </a-form-item>
+
+                                    <a-form-item label="سریال شناسنامه">
+                                        <a-input-group compact style="direction: ltr">
+                                            <a-select style="width: 23%" v-decorator="['iden_no_left',{initialValue: null}]">
+                                                <a-select-option style="width: 100% !important;"  v-for="item in alphabet" :value="item">
+                                                    {{ item }}
+                                                </a-select-option>
+                                            </a-select>
+                                            <input  class="ant-input"  v-decorator="['iden_no_right',{initialValue: null}]" autocomplete="off" style="width: 77%;direction: rtl" />
+                                        </a-input-group>
+                                    </a-form-item>
+                                <!--  <a-input-group compact>
+                                    <a-select default-value="Option1">
+                                      <a-select-option value="Option1">
+                                        Option1
+                                      </a-select-option>
+                                      <a-select-option value="Option2">
+                                        Option2
+                                      </a-select-option>
+                                    </a-select>
+                                    <a-input style="width: 50%" default-value="input content" />
+                                  </a-input-group>-->
+
+
+                                    <a-form-item label="محل صدور">
+                                        <input  class="ant-input"  autocomplete="off" v-decorator="['iden_where',{initialValue: null,rules: [{ required: true, message: 'محل صدور را وارد نمایید' }]}]" />
+                                    </a-form-item>
+
+                                    <a-form-item label="محل تولد">
+                                        <input  class="ant-input"  autocomplete="off" v-decorator="['birth_where',{initialValue: null,rules: [{ required: true, message: 'محل تولد را وارد نمایید' }]}]" />
+                                    </a-form-item>
+                                </div>
+                            </a-card>
+                            <br/>
+                            <a-card title="اطلاعات سکونت" :bordered="true" >
+
+                                <a-form-item label="وضعیت مسکن">
+                                    <a-radio-group style="direction: ltr" v-decorator="['house_sts',{initialValue: '1'}]" button-style="solid">
+                                        <a-radio-button value="2">
+                                            مستاجر
+                                        </a-radio-button>
+                                        <a-radio-button value="1">
+                                            مالک
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+
+                                <a-form-item label="آدرس">
+                                    <input  class="ant-input"  autocomplete="off" v-decorator="['address',{initialValue: null,rules: [{ required: true, message: 'آدرس را وارد نمایید' }]}]" />
+                                </a-form-item>
+
+                                <div class="md:flex">
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="ایمیل">
+                                                <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['email',{initialValue: null,rules: [{ required: true, message: 'ایمیل را وارد نمایید' }]}]">
+                                                    <!--                                                <feather-icon style="direction: ltr !important;" icon="MailIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                               <!-- </a-input>-->
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="موبایل">
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['mobile',{initialValue: null,rules: [{ required: true, message: 'شماره موبایل را وارد نمایید' }]}]" >
+                                                    <!--<feather-icon style="direction: ltr !important;" icon="SmartPhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                               <!-- </a-input>-->
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="تلفن ثابت">
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['phone',{initialValue: null,rules: [{ required: true, message: 'تلفن ثابت را وارد نمایید' }]}]" >
+                                                    <!--<feather-icon style="direction: ltr !important;" icon="PhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                               <!-- </a-input>-->
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                </div>
+
+                                <a-divider/>
+
+                                <div class="md:flex">
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="تلفن ضروری">
+                                                <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['phone_emergency',{initialValue: null,rules: [{ required: true, message: 'تلفن ضروری را وارد نمایید' }]}]">
+                                                    <!--                                                <feather-icon style="direction: ltr !important;" icon="MailIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                               <!-- </a-input>-->
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="نام فرد">
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_name',{initialValue: null}]" >
+                                                    <!--<feather-icon style="direction: ltr !important;" icon="SmartPhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                               <!-- </a-input>-->
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="نسبت">
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_related',{initialValue: null}]" >
+                                                    <!--<feather-icon style="direction: ltr !important;" icon="PhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                               <!-- </a-input>-->
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                </div>
+
+                            </a-card>
+                            <a-divider>دیگر اطلاعات</a-divider>
+                            <a-card title="سابقه بیمه" :bordered="true" >
+
+                                <a-form-item label="سابقه بیمه">
+                                    <a-radio-group style="direction: ltr" v-decorator="['has_insurance',{initialValue:-1}]" button-style="solid" @change="number_insurance">
+                                        <a-radio-button :value="1">
+                                            دارم
+                                        </a-radio-button>
+                                        <a-radio-button :value="-1">
+                                            ندارم
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+
+                                <a-form-item label="شماره بیمه" v-if="has_instructor == 1 ">
+                                    <input  class="ant-input"  autocomplete="off" style="width: 40%" v-decorator="['insurance_no',{initialValue: null,rules: [{ required: false, message: 'شماره بیمه را وارد نمایید' }]}]" />
+                                </a-form-item>
+
+                            </a-card>
+                            <br/>
+                          <a-card title="اطلاعات خانوادگی" :bordered="true" >
+
+                            <a-list class="mb-5" v-if="family.length > 0" :locale="{emptyText:'اطلاعاتی برای نمایش وجود ندارد.'}" bordered item-layout="horizontal" >
+                              <a-list-item class="grid grid-cols-4" v-for="(item,index) in family" :key="index" >
+                                <div>
+                                  <div style="direction: ltr" >  نام :{{ item.name }}</div>
+                                  <div style="direction: rtl">نسبت : {{  item.relation  }}</div>
+                                </div>
+                                <div>
+                                  <div style="direction: ltr" v-if="item.edu"> مقطع :{{ item.edu.title }}</div>
+                                  <div style="direction: rtl">رشته تحصیلی : {{  item.edu_title  }}</div>
+                                </div>
+                                <div>
+                                  <div style="direction: rtl">شغل : {{  item.job  }}</div>
+                                </div>
+
+                                <div>
+                                  <a-popconfirm
+                                      placement="right"
+                                      title="آیا می خواهید حذف کنید؟"
+                                      ok-text="بله"
+                                      cancel-text="خیر"
+                                      @confirm="removeFamily(item)"
+                                  >
+                                    <a-button type="danger" class="mr-3">حذف</a-button>
+                                  </a-popconfirm>
+
+                                  <a-button class="mr-3" @click="openModalFamilyModeEDit(item)">
+                                    مشاهده و ویرایش
+                                  </a-button>
+
+                                </div>
+
+                              </a-list-item>
+                            </a-list>
+
+                            <a-button type="dashed" icon="plus" @click="openModalFamily">
+                              افزودن اطلاعات خانوادگی
+                            </a-button>
+
+                          </a-card>
+                          <br/>
+                            <a-card title="سوابق تحصیلی" :bordered="true" >
+
+                                <a-list class="mb-5" v-if="edu.length > 0" :locale="{emptyText:'اطلاعاتی برای نمایش وجود ندارد.'}" bordered item-layout="horizontal" >
+                                    <a-list-item class="grid grid-cols-4" v-for="(item,index) in edu" :key="index" >
+                                        <div>
+                                            <div style="direction: ltr" v-if="item.grade"> مقطع :{{ item.grade.title }}</div>
+                                            <div style="direction: rtl">دانشگاه : {{  item.university  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <div style="direction: rtl">سال شروع : {{  item.start  }}</div>
+                                            <div style="direction: rtl">سال خاتمه : {{  item.end  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <div style="direction: rtl">رشته تحصیلی : {{  item.major  }}</div>
+                                            <div style="direction: rtl">گرایش تحصیلی : {{  item.orientation  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <a-popconfirm
+                                                    placement="right"
+                                                    title="آیا می خواهید حذف کنید؟"
+                                                    ok-text="بله"
+                                                    cancel-text="خیر"
+                                                    @confirm="removeEdu(item)"
+                                            >
+                                                <a-button type="danger" class="mr-3">حذف</a-button>
+                                            </a-popconfirm>
+
+                                            <a-button class="mr-3" @click="openModalEduModeEDit(item)">
+                                                مشاهده و ویرایش
+                                            </a-button>
+
+                                        </div>
+
+                                    </a-list-item>
+                                </a-list>
+
+                                <a-button type="dashed" icon="plus" @click="openModalEdu">
+                                    افزودن سابقه تحصیلی
+                                </a-button>
+
+                            </a-card>
+                            <br/>
+                            <a-card title="سوابق آموزشی" :bordered="true" >
+
+                                <a-list class="mb-5" v-if="educational.length > 0" :locale="{emptyText:'اطلاعاتی برای نمایش وجود ندارد.'}" bordered item-layout="horizontal" >
+                                    <a-list-item class="grid grid-cols-3" v-for="(item,index) in educational" :key="index" >
+                                        <div>
+                                            <div style="direction: rtl"> مرکز برگزار کننده : {{ item.university }}</div>
+                                            <div style="direction: rtl">عنوان دوره : {{  item.major  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <div style="direction: rtl">سال : {{  item.start  }}</div>
+                                            <div style="direction: rtl">
+                                                امکان ارائه گواهینامه دارم:
+                                                <feather-icon icon="CheckIcon" v-if="item.has_certificate" svgClasses="w-5 h-5 text-success"/>
+                                                <feather-icon icon="XIcon" v-else svgClasses="w-5 h-5 text-danger"/>
+                                            </div>
+                                        </div>
+
+                                        <div>
+                                            <a-popconfirm
+                                                    placement="right"
+                                                    title="آیا می خواهید حذف کنید؟"
+                                                    ok-text="بله"
+                                                    cancel-text="خیر"
+                                                    @confirm="removeEducational(item)"
+                                            >
+                                                <a-button type="danger" class="mr-3">حذف</a-button>
+                                            </a-popconfirm>
+
+                                            <a-button class="mr-3" @click="openModalEducationalEDit(item)">
+                                                مشاهده و ویرایش
+                                            </a-button>
+
+                                        </div>
+
+                                    </a-list-item>
+                                </a-list>
+
+                                <a-button type="dashed" icon="plus" @click="openModalEducational">
+                                    افزودن سابقه آموزشی
+                                </a-button>
+
+                            </a-card>
+                            <br/>
+                            <a-card title="سوابق کاری" :bordered="true" >
+
+                                <a-list class="mb-5" v-if="work.length > 0" :locale="{emptyText:'اطلاعاتی برای نمایش وجود ندارد.'}" bordered item-layout="horizontal" >
+                                    <a-list-item class="grid grid-cols-4" v-for="(item,index) in work" :key="index" >
+                                        <div>
+                                            <div style="direction: rtl"> نام سازمان : {{ item.university }}</div>
+                                            <div style="direction: rtl">عنوان شغل : {{  item.major  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <div style="direction: rtl">سال شروع : {{  item.start  }}</div>
+                                            <div style="direction: rtl">سال خاتمه : {{  item.end  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <div style="direction: rtl">دلیل خاتمه : {{  item.note  }}</div>
+                                            <div style="direction: rtl">
+                                                تاکنون:
+                                                <feather-icon icon="CheckIcon" v-if="item.end_now" svgClasses="w-5 h-5 text-success"/>
+                                                <feather-icon icon="XIcon" v-else svgClasses="w-5 h-5 text-danger"/>
+                                            </div>
+                                        </div>
+
+                                        <div>
+                                            <a-popconfirm
+                                                    placement="right"
+                                                    title="آیا می خواهید حذف کنید؟"
+                                                    ok-text="بله"
+                                                    cancel-text="خیر"
+                                                    @confirm="removeWork(item)"
+                                            >
+                                                <a-button type="danger" class="mr-3">حذف</a-button>
+                                            </a-popconfirm>
+
+                                            <a-button class="mr-3" @click="openModalWorkEDit(item)">
+                                                مشاهده و ویرایش
+                                            </a-button>
+
+                                        </div>
+
+                                    </a-list-item>
+                                </a-list>
+
+                                <a-button type="dashed" icon="plus" @click="openModalWork">
+                                    افزودن سابقه کاری
+                                </a-button>
+
+                            </a-card>
+                            <br/>
+
+                            <a-form-item>
+                                <a-checkbox v-decorator="['commitment',{valuePropName: 'checked',initialValue: true,rules: [{ required: true, message: 'نام را وارد نمایید' }]}]">
+                                    با آگاهی از قوانین و مقررات و صحت اطلاعات تایید میکنم.
+                                </a-checkbox>
+                            </a-form-item>
+
+                            <a-alert type="warning">
+                                <div slot="message">
+                                    <a-button @click="openAccept" class="font-bold" type="link" style="color: #0091ae">
+                                        مشاهده قوانین و مقررات
+                                    </a-button>
+                                </div>
+                            </a-alert>
+
+                        </div>
+                        <div v-show="current==2">
+                            <a-result
+                                    status="success"
+                                    title="اطلاعات با موفقیت ثبت شد"
+                                    sub-title="">
+                                <template #extra>
+                                    <a-button @click="LoginUser">
+                                        اتمام
+                                    </a-button>
+                                </template>
+                            </a-result>
+                        </div>
+                    </a-form>
+                </ASpin>
+            </div>
+
+          <a-modal :visible="visibleFamily" title="اطلاعات خانوادگی" @ok="createFamily" @cancel="cancelFamily" ok-text="ایجاد" cancel-text="انصراف">
+            <a-form :form="formFamily">
+              <a-form-item label="نام">
+                <input  class="ant-input"  autocomplete="off" v-decorator="['name',{rules: [{ required: true, message: 'نام را وارد نمایید' }]}]"/>
+              </a-form-item>
+              <a-form-item label="نسبت">
+                <input  class="ant-input"  autocomplete="off" v-decorator="['relation',{rules: [{ required: true, message: 'نسب را وارد نمایید' }]}]"/>
+              </a-form-item>
+              <a-form-item label="مقطع">
+                <a-select
+                    class="mt-3"
+                    style="width: 100%;direction: rtl !important;"
+                    v-decorator="['level',{rules: [{ required: false, message: 'مقطع را وارد نمایید' }]}]"
+                    @change="changeGrade"
+                    allowClear
+                >
+                  <a-select-option v-for="item in grade" :value="item.level">
+                    {{ item.title }}
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+              <a-form-item label="رشته تحصیلی">
+                <input  class="ant-input"  autocomplete="off" v-decorator="['edu_title',{rules: [{ required: false, message: 'رشته تحصیلی را وارد نمایید' }]}]"/>
+              </a-form-item>
+              <a-form-item label="شغل">
+                <input  class="ant-input"  autocomplete="off" v-decorator="['job',{rules: [{ required: false, message: 'شغل را وارد نمایید' }]}]"/>
+              </a-form-item>
+             <!-- <a-form-item label="مقطع">
+                <a-select
+                    class="mt-3"
+                    style="width: 100%;direction: rtl !important;"
+                    v-decorator="['level',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"
+                    @change="changeGrade"
+                    allowClear
+                >
+                  <a-select-option v-for="item in grade" :value="item.level">
+                    {{ item.title }}
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+              <a-form-item label="دانشگاه">
+                <a-input autocomplete="off" v-decorator="['university',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+              </a-form-item>
+              <a-form-item label="رشته تحصیلی">
+                <a-input autocomplete="off" v-decorator="['major',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+              </a-form-item>
+              <a-form-item label="گرایش تحصیلی">
+                <a-input autocomplete="off" v-decorator="['orientation',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+              </a-form-item>
+
+              <div class="md:flex">
+                <div class="md:w-1/2">
+                  <a-form-item label="سال شروع">
+                    <a-input-number autocomplete="off" :min="1350" :max="1401" v-decorator="['start',{rules: [{ required: true, message: 'لطفا مقدار سال شروع را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                  </a-form-item>
+                </div>
+                <div class="md:w-1/2">
+                  <a-form-item label="سال خاتمه">
+                    <a-input-number id="end" ref="end" autocomplete="off" :disabled="is_check" :min="1350" :max="1401" v-decorator="['end',{rules: [{ required: is_check ? false : true, message: 'لطفا مقدار سال خاتمه را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                  </a-form-item>
+                </div>
+                <div class="md:w-1/3">
+                  <a-form-item label="تاکنون">
+                    <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" @change="isChecked"/>
+                  </a-form-item>
+                </div>
+              </div>-->
+            </a-form>
+          </a-modal>
+
+            <a-modal :forceRender="true" :visible="visibleEdu" title="افزودن سابقه تحصیلی" @ok="createEdu" @cancel="cancelEdu" ok-text="ایجاد" cancel-text="انصراف">
+                <a-form :form="formEdu">
+                    <a-form-item label="مقطع">
+                        <a-select
+                                class="mt-3"
+                                style="width: 100%;direction: rtl !important;"
+                                v-decorator="['level',{rules: [{ required: true, message: 'مقطع را وارد نمایید ' }]}]"
+                                @change="changeGrade"
+                                allowClear
+                        >
+                            <a-select-option v-for="item in grade" :value="item.level">
+                                {{ item.title }}
+                            </a-select-option>
+                        </a-select>
+                    </a-form-item>
+                    <a-form-item label="دانشگاه">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['university',{rules: [{ required: true, message: 'دانشگاه را وارد نمایید' }]}]"/>
+                    </a-form-item>
+                    <a-form-item label="رشته تحصیلی">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['major',{rules: [{ required: true, message: 'رشته تحصیلی را وارد نمایید' }]}]"/>
+                    </a-form-item>
+                    <a-form-item label="گرایش تحصیلی">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['orientation',{rules: [{ required: false, message: 'گرایش تحصیلی را وارد نمایید' }]}]"/>
+                    </a-form-item>
+
+                    <div class="md:flex">
+                        <div class="md:w-1/2">
+                            <a-form-item label="سال شروع">
+                                <a-input-number autocomplete="off" :min="1350" :max="1401" v-decorator="['start',{rules: [{ required: true, message: 'لطفا مقدار سال شروع را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                              <!--<a-input-number v-decorator="['result_1.score',{initialValue: 0}]" :min="0" :max="20" />-->
+                            </a-form-item>
+                        </div>
+                        <div class="md:w-1/2">
+                            <a-form-item label="سال خاتمه">
+                                <a-input-number type="number" class="ant-input-number"  id="end" ref="end" autocomplete="off" :disabled="is_check" :min="1350" :max="1401" v-decorator="['end',{rules: [{ required: is_check ? false : true, message: 'لطفا مقدار سال خاتمه را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                            </a-form-item>
+                        </div>
+                        <div class="md:w-1/3">
+                            <a-form-item label="تاکنون">
+                                <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" @change="isChecked"/>
+                            </a-form-item>
+                        </div>
+                    </div>
+
+                </a-form>
+            </a-modal>
+
+            <a-modal :visible="visibleEducational" title="افزودن سابقه آموزشی" @ok="createEducational" @cancel="cancelEducational" ok-text="ایجاد" cancel-text="انصراف">
+                <a-form :form="formEducational">
+
+                    <a-form-item label="مرکز برگزار کننده">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['university',{rules: [{ required: true, message: 'مرکز برگزار کننده را وارد نمایید' }]}]"/>
+                    </a-form-item>
+                    <a-form-item label="عنوان دوره">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['major',{rules: [{ required: true, message: 'عنوان دوره را وارد نمایید' }]}]"/>
+                    </a-form-item>
+
+                    <div class="md:flex">
+                        <div class="md:w-1/2">
+                            <a-form-item label="سال">
+                                <a-input-number autocomplete="off" :min="1350" :max="1401" v-decorator="['start',{rules: [{ required: true, message: 'لطفا مقدار سال شروع را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                            </a-form-item>
+                        </div>
+                        <div class="md:w-1/3">
+                            <a-form-item label="امکان ارائه گواهینامه دارم">
+                                <a-checkbox v-decorator="['has_certificate',{initialValue:false,valuePropName: 'checked'}]"/>
+                            </a-form-item>
+                        </div>
+                    </div>
+
+                </a-form>
+            </a-modal>
+
+            <a-modal :visible="visibleWork" title="افزودن سابقه کاری" @ok="createWork" @cancel="cancelWork" ok-text="ایجاد" cancel-text="انصراف">
+                <a-form :form="formWork">
+                    <a-form-item label="نام سازمان">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['university',{rules: [{ required: true, message: 'نام سازمان را وارد نمایید ' }]}]"/>
+                    </a-form-item>
+                    <a-form-item label="عنوان شغل">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['major',{rules: [{ required: true, message: 'عنوان شغل را وارد نمایید' }]}]"/>
+                    </a-form-item>
+                    <a-form-item label="دلیل خاتمه">
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['note',{rules: [{ required:is_work_check ? false : true, message: 'دلیل خاتمه را وارد نمایید' }]}]"/>
+                    </a-form-item>
+
+                    <div class="md:flex">
+                        <div class="md:w-1/2">
+                            <a-form-item label="سال شروع">
+                                <a-input-number autocomplete="off" :min="1350" :max="1401" v-decorator="['start',{rules: [{ required: true, message: 'لطفا مقدار سال شروع را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                            </a-form-item>
+                        </div>
+                        <div class="md:w-1/2">
+                            <a-form-item label="سال خاتمه">
+                                <a-input-number :disabled="is_work_check" autocomplete="off" :min="1350" :max="1401" v-decorator="['end',{rules: [{ required: is_work_check ? false : true, message: 'لطفا مقدار سال خاتمه را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                            </a-form-item>
+                        </div>
+                        <div class="md:w-1/3">
+                            <a-form-item label="تاکنون">
+                                <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" @change="isCheckedWork"/>
+                            </a-form-item>
+                        </div>
+                    </div>
+
+                </a-form>
+            </a-modal>
+
+            <a-modal :visible="visibleAccept" title="شرایط و مقررات" @ok="visibleAccept = false" @cancel="visibleAccept = false" ok-text="تایید" cancel-text="انصراف">
+                اینجانب {{ fullName }} در تاریخ {{ date }} فرم بالا را تکمیل نموده و صحت کلیه اطلاعات تکمیل شده را تأیید می نمایم.
+            </a-modal>
+
+            <div class="mt-5">
+                <a-button v-if="current < 2" type="primary" @click="handleSubmit">
+                    مرحله بعدی
+                </a-button>
+            </div>
+
+        </vx-card>
+    </div>
+
+
+</template>
+
+<script>
+
+    import axios from '@/axios'
+    import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
+
+    export default {
+        name: "Register",
+        components:{
+            datePicker: VuePersianDatetimePicker
+        },
+        data(){
+            return{
+                current: 0,
+                from: this.$form.createForm(this, {name: 'coordinated'}),
+                formEdu: this.$form.createForm(this, {name: 'coordinated'}),
+                formFamily: this.$form.createForm(this, {name: 'coordinated'}),
+                formEducational: this.$form.createForm(this, {name: 'coordinated'}),
+                formWork: this.$form.createForm(this, {name: 'coordinated'}),
+                formFirst: this.$form.createForm(this, {name: 'coordinated'}),
+                city:[],
+                job:[],
+                edu:[],
+                family:[],
+                work:[],
+                jobsList:[{jobs:[]}],
+                //jobs:[{city:null,job:null}],
+                //model:[],
+                educational:[],
+                birth_day:'',
+                has_instructor: '-1',
+                visibleEdu: false,
+                visibleFamily: false,
+                visibleEducational: false,
+                visibleWork: false,
+                visibleAccept: false,
+                is_check:false,
+                is_work_check:false,
+                find_grade:null,
+                grade:[
+                    { level: 1, title:'کاردانی' },
+                    { level: 2, title:'کارشناسی' },
+                    { level: 3, title:'کارشناسی ارشد' },
+                    { level: 4, title:'دکتری' }
+                ],
+                alphabet:['الف','ب','پ','ت','ث','ج','چ','ح','خ','د','ذ','ر','ز','ژ','س','ش','ص','ض','ط','ظ','ع','غ','ف','ق','ک','گ','ل','م','ن','و','ه','ی'],
+                loading:false,
+                editMode:false,
+                id:0,
+                tempRow:{},
+                fullName:'',
+                date:null
+            }
+        },
+        methods:{
+          deleteCity(index){
+            this.jobsList.splice(index,1);
+            //console.log(index);
+          },
+          filterOption(input, option) {
+            return (
+                option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            );
+          },
+           /* Agrement(rule, value, callback){
+
+            },*/
+            addCity()
+            {
+                this.jobsList.push({jobs:[]});
+            },
+            number_insurance(e){
+                this.has_instructor = e.target.value
+            },
+            handleSubmit(e) {
+                e.preventDefault();
+                if(this.current ==0)
+                {
+                    this.formFirst.validateFields(async(err, values) => {
+                        if (!err) {
+                            this.current++;
+                           // console.log(values,'first')
+                        }
+                    });
+                }
+                else
+                {
+                    this.from.validateFields(async(err, values) => {
+                        if (!err) {
+
+                            try{
+                                    this.loading = true
+                                    console.log(values,'values')
+                                    values.model = this.formFirst.getFieldsValue();
+                                    values.birth_date = this.birth_day;
+                                    values.work = this.work;
+                                    values.training = this.educational;
+                                    values.academic = this.edu;
+                                    values.family= this.family;
+                                    await axios.post('register/personnel', values)
+                                    this.$ntSet();
+                                    // this.from.resetFields()
+                                    this.current++
+                            }catch (e) {
+                                this.$ntSetError()
+                                throw e
+                            }finally {
+                                this.loading = false
+                            }
+
+                        }
+                    });
+                }
+
+            },
+            getCity(){
+              try{
+                 //const {data} = await axios.get('/register/cities')
+                 axios.get('/register/cities').then((res)=>{
+                   this.city = res.data;
+                 }).catch((error)=>{
+                   this.$ntSetError()
+                 });
+              }catch (e) {
+                  this.$ntSetError()
+              }
+            },
+            getDate(){
+                try{
+                    //const {data} = await axios.get('/register/date')
+                    axios.get('/register/date').then((res)=>{
+                      this.date = res.data;
+                    }).catch((error)=>{
+                      this.$ntSetError()
+                    });;
+
+                }catch (e) {
+                    this.$ntSetError()
+                }
+            },
+             getJob(index){
+                if(index!=undefined)
+                {
+                  try{
+                    this.formFirst.resetFields(`jobs[${index}].job`);
+                    axios.post('/register/jobs',{city:""+this.formFirst.getFieldValue(`jobs[${index}].city`)+""}).then((res)=>{
+                      //this.formFirst.setFieldsValue(`jobs[${index}].city`)
+                      this.jobsList[index].jobs=res.data;
+                      console.log(this.jobsList[index].jobs);
+                      //console.log(this.jobsList[0].map((item)=> item.title))
+                    });
+                    //this.job = data
+                  }catch (e) {
+                    this.$ntSetError()
+                  }
+                }
+            },
+            openModalEdu(){
+                this.visibleEdu = true
+                this.editMode = false
+                this.formEdu.resetFields()
+            },
+          openModalFamily(){
+            this.visibleFamily = true
+            this.editMode = false
+            this.formFamily.resetFields();
+          },
+            openModalEducational(){
+                this.visibleEducational = true
+                this.editMode = false
+                this.formEducational.resetFields()
+            },
+            openModalWork(){
+                this.visibleWork = true
+                this.editMode = false
+                this.formWork.resetFields()
+            },
+          openModalFamilyModeEDit(item){
+            //console.log(item,'item')
+            this.visibleFamily = true
+            this.editMode = true
+            this.tempRow = item
+            this.formFamily.setFieldsValue(item)
+          },
+            openModalEduModeEDit(item){
+                console.log(item,'item')
+                this.visibleEdu = true
+                this.editMode = true
+                this.tempRow = item
+                this.formEdu.setFieldsValue(item)
+            },
+            openModalEducationalEDit(item){
+                this.visibleEducational = true
+                this.editMode = true
+                this.tempRow = item
+                this.formEducational.setFieldsValue(item)
+            },
+            openModalWorkEDit(item){
+                this.visibleWork = true
+                this.editMode = true
+                this.tempRow = item
+                this.formWork.setFieldsValue(item)
+            },
+            cancelEdu(){
+                this.visibleEdu = false
+            },
+          cancelFamily(){
+            this.visibleFamily = false
+          },
+            cancelEducational(){
+                this.visibleEducational = false
+            },
+            cancelWork(){
+                this.visibleWork = false
+            },
+          createFamily(e){
+            e.preventDefault();
+            this.formFamily.validateFields(async(err, values) => {
+              if (!err) {
+                try{
+                  if(this.find_grade)
+                  {
+                    values.edu = this.find_grade;
+                    values.edu_level=this.find_grade.level;
+                  }
+
+                  if(this.editMode){
+                    const find = this.family.findIndex(item=> item.id == this.tempRow.id)
+                    Object.assign(this.family[find],values);
+                    this.visibleFamily = false;
+                  }else{
+                    values.id = this.id
+                    this.family.push(values)
+                    this.id +=1
+                    this.formFamily.resetFields()
+                    this.visibleFamily = false
+                  }
+                }catch (e) {
+                  this.$ntSetError()
+                  throw e
+                }finally {
+
+                }
+              }
+            });
+          },
+            createEdu(e){
+                e.preventDefault();
+                this.formEdu.validateFields(async(err, values) => {
+                    if (!err) {
+                        try{
+                            if(this.find_grade) values.grade = this.find_grade
+                            if(this.editMode){
+                                const find = this.edu.findIndex(item=> item.id == this.tempRow.id)
+                                Object.assign(this.edu[find],values);
+                                this.visibleEdu = false
+                            }else{
+                                values.id = this.id
+                                this.edu.push(values)
+                                this.id +=1
+                                this.formEdu.resetFields()
+                                this.visibleEdu = false
+                            }
+
+                        }catch (e) {
+                            this.$ntSetError()
+                            throw e
+                        }finally {
+
+                        }
+
+                    }
+                });
+            },
+            createEducational(e){
+                e.preventDefault();
+                this.formEducational.validateFields(async(err, values) => {
+                    if (!err) {
+                        try{
+                            if(this.editMode){
+                                const find = this.educational.findIndex(item=> item.id == this.tempRow.id)
+                                Object.assign(this.educational[find],values);
+                                this.visibleEducational = false
+                            }else{
+                                values.id = this.id
+                                this.educational.push(values)
+                                this.id += 1
+                                //console.log(values,'values')
+                                this.formEducational.resetFields()
+                                this.visibleEducational = false
+                            }
+                        }catch (e) {
+                            this.$ntSetError()
+                            throw e
+                        }finally {
+
+                        }
+
+                    }
+                });
+            },
+            createWork(e){
+                e.preventDefault();
+                this.formWork.validateFields(async(err, values) => {
+                    if (!err) {
+                        try{
+                            if(this.editMode){
+                                const find = this.work.findIndex(item=> item.id == this.tempRow.id)
+                                Object.assign(this.work[find],values);
+                            }else{
+                                values.id = this.id
+                                this.work.push(values)
+                                this.id += 1
+                                console.log(values,'values')
+                                this.formWork.resetFields()
+                            }
+                                this.visibleWork = false
+                        }catch (e) {
+                            this.$ntSetError()
+                            throw e
+                        }
+
+                    }
+                });
+            },
+            isCheckedWork(e){
+                this.is_work_check = e.target.checked
+                if(this.is_work_check) this.formWork.resetFields('end')
+            },
+            removeFamily(item){
+              console.log(item);
+              const index = this.family.indexOf(item)
+              this.family.splice(index,1)
+            },
+            removeEdu(item){
+                const index = this.edu.indexOf(item)
+                this.edu.splice(index,1)
+            },
+            removeEducational(item){
+                const index = this.educational.indexOf(item)
+                this.educational.splice(index,1)
+            },
+            removeWork(item){
+                const index = this.work.indexOf(item)
+                this.work.splice(index,1)
+            },
+            changeGrade(id){
+                console.log(id,'id')
+                this.find_grade = this.grade.find(item=>item.level == id)
+            },
+            isChecked(e){
+                this.is_check = e.target.checked
+                if(this.is_check) this.formEdu.resetFields('end')
+            },
+            openAccept(){
+              this.visibleAccept = true;
+              this.fullName = this.from.getFieldValue('name');
+              this.getDate()
+            },
+            LoginUser(){
+              this.$router.push('/auth/login')
+            },
+            next() {
+                this.current++;
+            },
+            prev() {
+                this.current--;
+            }
+        },
+        computed:{
+
+        },
+      created() {
+        this.getCity()
+        this.getJob()
+      },
+      mounted() {
+
+        }
+    }
+</script>
+
+<style>
+[dir=rtl] .anticon.anticon-plus{
+    position: relative;
+    top: 4px;
+    left: 5px;
+}
+.ant-modal-title{
+    margin-right: 1rem;
+}
+.ant-steps-item-title::after{
+  /*left: unset !important;*/
+   right:100% !important;
+}
+/*.ant-select-arrow
+{
+  left: 11px !important;
+}*/
+
+</style>