From 795270d0cccbe5b58bcc385b9437c7c67e7c123c Mon Sep 17 00:00:00 2001
From: sedmedgh <sedmedgh@gmail.com>
Date: Tue, 8 Feb 2022 23:46:24 -0800
Subject: [PATCH] fix bugs

---
 src/assets/css/main.css                  |   10 +
 src/filters/filters.js                   |    9 +-
 src/main.js                              |    4 +-
 src/views/personel/Personel.vue          | 3753 +++++++++++-----------
 src/views/proposal/Proposal.vue          | 2110 ++++++------
 src/views/register/Register.vue          | 2323 ++++++-------
 src/views/register/RegisterPersonnel.vue | 2316 ++++++-------
 7 files changed, 5411 insertions(+), 5114 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 73eb68f..a5881d1 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -90,3 +90,13 @@
 .vpd-input-group input {
  border-radius: 4px 0 0 4px;
 }
+.vs-notifications {
+    z-index: 2000000000 !important;
+}
+.ant-modal-footer .ant-btn-primary{
+ margin-left: 10px;
+}
+.has-error .vpd-input-group{
+ border: 1px solid #f5222d;
+ border-radius: 5px;
+}
\ No newline at end of file
diff --git a/src/filters/filters.js b/src/filters/filters.js
index 6dd2a5f..685c276 100644
--- a/src/filters/filters.js
+++ b/src/filters/filters.js
@@ -102,7 +102,14 @@ Vue.filter('priceUnit', (val) => {
 
 Vue.filter('jdate', (val) => {
   if (val) {
-    return moment(val).format('jYY/jMM/jDD-hh:mm:ss');
+    return moment(val).format('jYYYY/jMM/jDD');
+  }
+  return val;
+});
+
+Vue.filter('jtjdate', (val) => {
+  if (val) {
+    return moment(val,'jYYYY/jMM/jDD').format('jYYYY/jMM/jDD');
   }
   return val;
 });
diff --git a/src/main.js b/src/main.js
index 378f0c1..f41f71b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -143,8 +143,8 @@ import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
 Vue.use(VuePersianDatetimePicker, {
   name: 'date-picker',
   props: {
-    displayFormat: 'jYYYY-jMM-jDD HH:mm:ss',
-    format: 'YYYY-MM-DD HH:mm:ss',
+    displayFormat: 'jYYYY/jMM/jDD',
+    format: 'YYYY/MM/DD',
     editable: false,
     inputClass: '',
     placeholder: 'انتخاب کنید',
diff --git a/src/views/personel/Personel.vue b/src/views/personel/Personel.vue
index 92c2263..c5d9828 100644
--- a/src/views/personel/Personel.vue
+++ b/src/views/personel/Personel.vue
@@ -1,26 +1,27 @@
 <template>
-    <div>
+  <div>
 
-      <a-spin :spinning="showLoading" tip="در حال دریافت اطلاعات">
-        <div class="spin-content">
-          <a-card>
-            <a-button @click="$router.push('/register/personnel')" :disabled="!$getAccess('personnel.create')">
-              ثبت پرسنل جدید
-            </a-button>
-            <x-table ref="personelTbl" class="mt-4"
-                     :model="cols">
-              <template slot="operator" slot-scope="text,record">
-                <a-button type="primary" @click="showPersonal(text.record)">
-                  مشاهده و ویرایش اطلاعات
-                </a-button>
-              </template>
-            </x-table>
-            <a-modal :maskClosable="false" :forceRender="true" width="90%" v-model="showPersonalModal" title="ویرایش اطلاعات پرسنلی">
-              <template slot="footer">
-                <a-button @click="showPersonalModal=false">بستن</a-button>
-              </template>
-              <a-form :form="fromPersonel">
-                <a-tabs type="card" :default-active-key="
+    <a-spin :spinning="showLoading" tip="در حال دریافت اطلاعات">
+      <div class="spin-content">
+        <a-card>
+          <a-button @click="$router.push('/register/personnel')" :disabled="!$getAccess('personnel.create')">
+            ثبت پرسنل جدید
+          </a-button>
+          <x-table ref="personelTbl" class="mt-4"
+                   :model="cols">
+            <template slot="operator" slot-scope="text,record">
+              <a-button type="primary" @click="showPersonal(text.record)">
+                مشاهده و ویرایش اطلاعات
+              </a-button>
+            </template>
+          </x-table>
+          <a-modal :maskClosable="false" :forceRender="true" width="90%" v-model="showPersonalModal"
+                   title="ویرایش اطلاعات پرسنلی">
+            <template slot="footer">
+              <a-button @click="showPersonalModal=false">بستن</a-button>
+            </template>
+            <a-form :form="fromPersonel">
+              <a-tabs type="card" :default-active-key="
                 $getAccess('personnel.basic')?1:
                 $getAccess('personnel.train')?3:
                 $getAccess('personnel.contract')?4:
@@ -29,1865 +30,2025 @@
                 $getAccess('personnel.function')?7:
                 $getAccess('personnel.rule')?8:undefined
               ">
-                  <a-tab-pane :disabled="!$getAccess('personnel.basic')" :forceRender="true" key="1" tab="اطلاعات پایه">
-                    <a-card title="اطلاعات فردی">
+                <a-tab-pane :disabled="!$getAccess('personnel.basic')" :forceRender="true" key="1" tab="اطلاعات پایه">
+                  <a-card title="اطلاعات فردی">
 
-                      <div class="grid grid-cols-2 gap-4">
-                        <div>
-                          <a-form-item label="تصویر پرسنلی" >
-                            <single-upload-input ref="fileUpload" :field="'profile_file'" :disabled="!$getAccess('personnel.basic.update')"></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 class="grid grid-cols-2 gap-4">
+                      <div>
+                        <a-form-item label="تصویر پرسنلی">
+                          <single-upload-input ref="fileUpload" :field="'profile_file'"
+                                               :disabled="!$getAccess('personnel.basic.update')"></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>-->
-                            <!---->
-                              <div class="dropbox">
-                                <a-upload-dragger
-                                    :disabled="!$getAccess('personnel.basic.update')"
-                                    action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
-                                    :file-list="documentFileList"
-                                    :default-file-list="documentFileList"
-                                    @change="changeDocumentUpload"
-                                    :remove="handleRemoveDocument"
-                                >
-                                  <p class="ant-upload-drag-icon">
-                                    <a-icon type="inbox" />
-                                  </p>
-                                  <p class="ant-upload-text">
-                                    فایل را درگ کنید یا اینکه کاوش کنید.
-                                  </p>
-                                  <p class="ant-upload-hint">
-                                    فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                                  </p>
-                                </a-upload-dragger>
-                              </div>
-<!--                            <a-upload
-                                action="http://hr.asco-intl.com/back/public/api/register/upload"
+                      <div>
+                        <a-form-item label="فایل ها">
+                          <!-- <single-upload-input ref="fileUpload" :field="'profile_file'" ></single-upload-input>-->
+                          <!---->
+                          <div class="dropbox">
+                            <a-upload-dragger
+                                :disabled="!$getAccess('personnel.basic.update')"
+                                action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
                                 :file-list="documentFileList"
                                 :default-file-list="documentFileList"
                                 @change="changeDocumentUpload"
                                 :remove="handleRemoveDocument"
-                                >
-                              <a-button> <a-icon type="upload" /> بارگذاری فایل </a-button>
-                            </a-upload>-->
+                            >
+                              <p class="ant-upload-drag-icon">
+                                <a-icon type="inbox"/>
+                              </p>
+                              <p class="ant-upload-text">
+                                فایل را درگ کنید یا اینکه کاوش کنید.
+                              </p>
+                              <p class="ant-upload-hint">
+                                فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                              </p>
+                            </a-upload-dragger>
+                          </div>
+                          <!--                            <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>
+                        </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']"/>
+                      </a-form-item>
+                      <a-form-item label="کدملی">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['ncode',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                      </a-form-item>
+                      <a-form-item label="شماره پرسنلی">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['personel_id',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                      </a-form-item>
+                      <a-form-item label="موبایل">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.mobile']"/>
+                      </a-form-item>
+                      <!-- <a-form-item label="تاریخ ثبت نام">
+                         <a-input autocomplete="off" v-decorator="['created_at',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                       </a-form-item>-->
+                      <!-- <a-form-item label="تاریخ به روز رسانی ">
+                         <a-input autocomplete="off" v-decorator="['updated_at',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                       </a-form-item>-->
+                      <a-form-item label="شهر متقاضی شغل">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.for_cities']"/>
+                      </a-form-item>
+                      <a-form-item label="شغل متقاضی">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.job_title']"/>
+                      </a-form-item>
+                      <a-form-item label="نام پدر">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.father_name']"/>
+                      </a-form-item>
+                      <a-form-item label="تاریخ تولد">
+                        <input v-if="!personelBirthDate" class="hidden" autocomplete="off"
+                               v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                        <date-picker v-model="personelBirthDate"/>
+                      </a-form-item>
+                      <!--                <a-form-item label="تاریخ تولد">-->
+                      <!--                  <input class="ant-input"  autocomplete="off" v-decorator="['personal.birth_date',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                      <!--                </a-form-item>-->
+                      <a-form-item label="شماره شناسنامه">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['proposal.iden_id',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                      </a-form-item>
+                      <a-form-item label="سریال شناسنامه">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.iden_serial']"/>
+                      </a-form-item>
+                      <a-form-item label="محل صدور">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.iden_place']"/>
+                      </a-form-item>
+                      <a-form-item label="محل تولد">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.birth_place']"/>
+                      </a-form-item>
+                      <a-form-item label="ایمیل">
+                        <input class="ant-input" autocomplete="off" v-decorator="['proposal.email']"/>
+                      </a-form-item>
+                      <a-form-item label="تلفن ثابت">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['proposal.phone',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                      </a-form-item>
+                      <a-form-item label="حقوق درخواستی">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['proposal.requested_salary',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                      </a-form-item>
+                      <!-- <a-form-item label="شماره بیمه">
+                         <a-input autocomplete="off" v-decorator="['insurance_no']"/>
+                       </a-form-item>-->
+                      <!--  <a-form-item label="نام طرف مرتبط">
+                          <a-input autocomplete="off" v-decorator="['proposal.phone_emergency_related']"/>
+                        </a-form-item>-->
+                      <a-form-item label="جنسیت">
+                        <a-radio-group v-decorator="['proposal.gender']" @change="setGender">
+                          <a-radio :value="1">
+                            مرد
+                          </a-radio>
+                          <a-radio :value="2">
+                            زن
+                          </a-radio>
+                        </a-radio-group>
+                      </a-form-item>
+                      <a-form-item label="وضعیت تاهل">
+                        <a-radio-group v-decorator="['proposal.marriage_sts']" @change="setMarriage_sts">
+                          <a-radio :value="2">
+                            متاهل
+                          </a-radio>
+                          <a-radio :value="1">
+                            مجرد
+                          </a-radio>
+                        </a-radio-group>
+                      </a-form-item>
+                      <a-form-item label="وضعیت مسکن">
+                        <a-radio-group v-decorator="['proposal.house_sts']">
+                          <a-radio :value="1">
+                            مالک
+                          </a-radio>
+                          <a-radio :value="2">
+                            مستاجر
+                          </a-radio>
+                        </a-radio-group>
+                      </a-form-item>
+                      <a-form-item label="آدرس" class="col-span-3">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['proposal.address',{initialValue: null,rules: [{ required: false, message: 'آدرس را وارد نمایید' }]}]"/>
+                      </a-form-item>
+                      <a-form-item label="تلفن ضروری">
+                        <input class="ant-input" style="direction: rtl !important;"
+                               v-decorator="['proposal.phone_emergency',{initialValue: null,rules: [{ required:false, message: 'تلفن ضروری را وارد نمایید' },{pattern:/^[0-9]+$/,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-form-item label="نام فرد">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['proposal.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-form-item label="نسبت">
+                        <input class="ant-input" autocomplete="off"
+                               v-decorator="['proposal.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>
+                    </div>
+                    <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-4 lg:gap-4">
+
+                      <div>
+                        <a-form-item label="شماره کارت">
+                          <input class="ant-input"
+                                 v-decorator="['bank_card_number',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
+                      </div>
+                      <div>
+                        <a-form-item label="شماره حساب">
+                          <input class="ant-input"
+                                 v-decorator="['bank_account',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item label="شماره بیمه">
+                          <input class="ant-input"
+                                 v-decorator="['insurance_no',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item label="وضعیت بیمه">
+                          <a-radio-group v-decorator="['insurance_sts']">
+                            <a-radio :value="-1">
+                              ندارد
+                            </a-radio>
+                            <a-radio :value="1">
+                              دارد
+                            </a-radio>
+                          </a-radio-group>
+                        </a-form-item>
+                      </div>
+
+                      <div v-if="flags.marriage_sts == 2">
+                        <a-form-item label="تعداد فرزند">
+                          <input class="ant-input"
+                                 v-decorator="['proposal.count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/, message: 'فقط عدد مجاز است' }] }]"/>
+                        </a-form-item>
+                      </div>
+                      <div v-if="flags.gender == 1">
+                        <a-form-item label="وضعیت نظام وظیفه">
+                          <a-select style="width: 100%"
+                                    v-decorator="['proposal.military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
+                            <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}"
+                                             :value="index">
+                              {{ item }}
+                            </a-select-option>
+                          </a-select>
+                        </a-form-item>
+                      </div>
+
+                    </div>
+                  </a-card>
+                  <a-card title="اطلاعات خانوادگی" class="mt-5">
+                    <a slot="extra" @click.prevent="AddFamily()"
+                       :disabled="!$getAccess('personnel.basic.family.create')">افزودن اطلاعات خانوادگی</a>
+                    <template v-for="(item,index) in personalDetails['family']">
+                      <a-button :disabled="!$getAccess('personnel.basic.family.delete')" 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 label="نام و نام خانوادگی">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['name']"/>
+                        <a-form-item style="display: none">
+                          <input type="hidden" class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.family[${index}].id`]"/>
                         </a-form-item>
-                        <a-form-item label="کدملی">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['ncode',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                        </a-form-item>
-                        <a-form-item label="شماره پرسنلی">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['personel_id',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                        </a-form-item>
-                        <a-form-item label="موبایل">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.mobile']"/>
-                        </a-form-item>
-                        <!-- <a-form-item label="تاریخ ثبت نام">
-                           <a-input autocomplete="off" v-decorator="['created_at',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                         </a-form-item>-->
-                        <!-- <a-form-item label="تاریخ به روز رسانی ">
-                           <a-input autocomplete="off" v-decorator="['updated_at',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                         </a-form-item>-->
-                        <a-form-item label="شهر متقاضی شغل">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.for_cities']"/>
-                        </a-form-item>
-                        <a-form-item label="شغل متقاضی">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.job_title']"/>
-                        </a-form-item>
-                        <a-form-item label="نام پدر">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.father_name']"/>
-                        </a-form-item>
-                        <a-form-item label="تاریخ تولد">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.birth_date']"/>
-                        </a-form-item>
-                        <!--                <a-form-item label="تاریخ تولد">-->
-                        <!--                  <input class="ant-input"  autocomplete="off" v-decorator="['personal.birth_date',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
-                        <!--                </a-form-item>-->
-                        <a-form-item label="شماره شناسنامه">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.iden_id',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                        </a-form-item>
-                        <a-form-item label="سریال شناسنامه">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.iden_serial']"/>
-                        </a-form-item>
-                        <a-form-item label="محل صدور">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.iden_place']"/>
-                        </a-form-item>
-                        <a-form-item label="محل تولد">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.birth_place']"/>
-                        </a-form-item>
-                        <a-form-item label="ایمیل">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.email']"/>
-                        </a-form-item>
-                        <a-form-item label="تلفن ثابت">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.phone',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                        </a-form-item>
-                        <a-form-item label="حقوق درخواستی">
-                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.requested_salary',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                        </a-form-item>
-                        <!-- <a-form-item label="شماره بیمه">
-                           <a-input autocomplete="off" v-decorator="['insurance_no']"/>
-                         </a-form-item>-->
-                        <!--  <a-form-item label="نام طرف مرتبط">
-                            <a-input autocomplete="off" v-decorator="['proposal.phone_emergency_related']"/>
-                          </a-form-item>-->
-                        <a-form-item label="جنسیت">
-                          <a-radio-group v-decorator="['proposal.gender']" @change="setGender">
-                            <a-radio :value="1">
-                              مرد
-                            </a-radio>
-                            <a-radio :value="2">
-                              زن
-                            </a-radio>
-                          </a-radio-group>
-                        </a-form-item>
-                        <a-form-item label="وضعیت تاهل">
-                          <a-radio-group v-decorator="['proposal.marriage_sts']" @change="setMarriage_sts">
-                            <a-radio :value="2">
-                              متاهل
-                            </a-radio>
-                            <a-radio :value="1">
-                              مجرد
-                            </a-radio>
-                          </a-radio-group>
-                        </a-form-item>
-                        <a-form-item label="وضعیت مسکن">
-                          <a-radio-group v-decorator="['proposal.house_sts']">
-                            <a-radio :value="1">
-                              مالک
-                            </a-radio>
-                            <a-radio :value="2">
-                              مستاجر
-                            </a-radio>
-                          </a-radio-group>
-                        </a-form-item>
-                        <a-form-item label="آدرس" class="col-span-3" >
-                          <input  class="ant-input"  autocomplete="off" v-decorator="['proposal.address',{initialValue: null,rules: [{ required: false, message: 'آدرس را وارد نمایید' }]}]" />
-                        </a-form-item>
-                        <a-form-item label="تلفن ضروری">
-                          <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['proposal.phone_emergency',{initialValue: null,rules: [{ required:false, message: 'تلفن ضروری را وارد نمایید' },{pattern:/^\d*$/,type:'string',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-form-item label="نام فرد">
-                          <input  class="ant-input"  autocomplete="off" v-decorator="['proposal.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 label="نام">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.family[${index}].name`]"/>
                         </a-form-item>
                         <a-form-item label="نسبت">
-                          <input  class="ant-input"  autocomplete="off" v-decorator="['proposal.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>-->
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.family[${index}].relation`]"/>
+                        </a-form-item>
+                        <a-form-item label="مقطع">
+                          <!-- <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                          <a-select v-decorator="[`personal_details.family[${index}].edu_level`]">
+                            <a-select-option :value="1">
+                              کاردانی
+                            </a-select-option>
+                            <a-select-option :value="2">
+                              کارشناسی
+                            </a-select-option>
+                            <a-select-option :value="3">
+                              کارشناسی ارشد
+                            </a-select-option>
+                            <a-select-option :value="4">
+                              دکترا
+                            </a-select-option>
+                          </a-select>
+                        </a-form-item>
+                        <!--  <a-form-item label="دانشگاه">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].university`]"/>
+                          </a-form-item>-->
+                        <a-form-item label="رشته تحصیلی">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.family[${index}].edu_title`]"/>
+                        </a-form-item>
+                        <a-form-item label="شغل">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.family[${index}].job`]"/>
                         </a-form-item>
                       </div>
-                      <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-4 lg:gap-4">
-
-                        <div>
-                          <a-form-item label="شماره کارت">
-                            <input class="ant-input"
-                                   v-decorator="['bank_card_number',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                        </div>
-                        <div>
-                          <a-form-item label="شماره حساب">
-                            <input class="ant-input"
-                                   v-decorator="['bank_account',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                        </div>
-
-                        <div>
-                          <a-form-item label="شماره بیمه">
-                            <input class="ant-input"
-                                   v-decorator="['insurance_no',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                        </div>
-
-                        <div>
-                          <a-form-item label="وضعیت بیمه">
-                            <a-radio-group v-decorator="['insurance_sts']">
-                              <a-radio :value="-1">
-                                ندارد
-                              </a-radio>
-                              <a-radio :value="1">
-                                دارد
-                              </a-radio>
-                            </a-radio-group>
-                          </a-form-item>
-                        </div>
-
-                        <div v-if="flags.marriage_sts == 2">
-                          <a-form-item label="تعداد فرزند">
-                            <input class="ant-input" v-decorator="['proposal.count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/, message: 'فقط عدد مجاز است' }] }]"/>
-                          </a-form-item>
-                        </div>
-                        <div v-if="flags.gender == 1">
-                          <a-form-item label="وضعیت نظام وظیفه">
-                            <a-select  style="width: 100%" v-decorator="['proposal.military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
-                              <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}" :value="index">
-                                {{ item }}
-                              </a-select-option>
-                            </a-select>
-                          </a-form-item>
-                        </div>
+                      <a-divider/>
+                    </template>
+                  </a-card>
 
+                  <a-card title="اطلاعات تحصیلی" class="mt-5">
+                    <a :disabled="!$getAccess('personnel.basic.education.create')" slot="extra"
+                       @click.prevent="AddEducation()">افزودن سابقه تحصیلی</a>
+                    <template v-for="(item,index) in personalDetails['education']">
+                      <a-button :disabled="!$getAccess('personnel.basic.education.delete')" 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`]"/>
+                        </a-form-item>
+                        <a-form-item label="مقطع">
+                          <!-- <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                          <a-select v-decorator="[`personal_details.education[${index}].level`]">
+                            <a-select-option :value="1">
+                              کاردانی
+                            </a-select-option>
+                            <a-select-option :value="2">
+                              کارشناسی
+                            </a-select-option>
+                            <a-select-option :value="3">
+                              کارشناسی ارشد
+                            </a-select-option>
+                            <a-select-option :value="4">
+                              دکترا
+                            </a-select-option>
+                          </a-select>
+                        </a-form-item>
+                        <a-form-item label="دانشگاه">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.education[${index}].university`]"/>
+                        </a-form-item>
+                        <a-form-item label="رشته تحصیلی">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.education[${index}].title`]"/>
+                        </a-form-item>
+                        <a-form-item label="گرایش">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.education[${index}].trend`]"/>
+                        </a-form-item>
+                        <a-form-item label="سال شروع">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.education[${index}].start_at`,{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
+                        <a-form-item label="سال خاتمه">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.education[${index}].end_at`,{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
                       </div>
-                    </a-card>
-                    <a-card title="اطلاعات خانوادگی" class="mt-5">
-                      <a slot="extra" @click.prevent="AddFamily()" :disabled="!$getAccess('personnel.basic.family.create')">افزودن اطلاعات خانوادگی</a>
-                      <template v-for="(item,index) in personalDetails['family']" >
-                        <a-button :disabled="!$getAccess('personnel.basic.family.delete')" 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`]"/>
-                          </a-form-item>
-                          <a-form-item label="نام">
-                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].name`]"/>
-                          </a-form-item>
-                          <a-form-item label="نسبت">
-                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].relation`]"/>
-                          </a-form-item>
-                          <a-form-item label="مقطع">
-                            <!-- <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
-                            <a-select v-decorator="[`personal_details.family[${index}].edu_level`]" >
-                              <a-select-option :value="1">
-                                کاردانی
-                              </a-select-option>
-                              <a-select-option :value="2">
-                                کارشناسی
-                              </a-select-option>
-                              <a-select-option :value="3" >
-                                کارشناسی ارشد
-                              </a-select-option>
-                              <a-select-option :value="4">
-                                دکترا
-                              </a-select-option>
-                            </a-select>
-                          </a-form-item>
-                          <!--  <a-form-item label="دانشگاه">
-                              <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].university`]"/>
-                            </a-form-item>-->
-                          <a-form-item label="رشته تحصیلی">
-                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].edu_title`]"/>
-                          </a-form-item>
-                          <a-form-item label="شغل">
-                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].job`]"/>
-                          </a-form-item>
-                        </div>
-                        <a-divider />
-                      </template>
-                    </a-card>
+                      <a-divider/>
+                    </template>
+                  </a-card>
 
-                    <a-card title="اطلاعات تحصیلی" class="mt-5">
-                      <a :disabled="!$getAccess('personnel.basic.education.create')" slot="extra" @click.prevent="AddEducation()">افزودن سابقه تحصیلی</a>
-                      <template v-for="(item,index) in personalDetails['education']">
-                        <a-button :disabled="!$getAccess('personnel.basic.education.delete')" 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`]"/>
-                          </a-form-item>
-                          <a-form-item label="مقطع">
-                            <!-- <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
-                            <a-select v-decorator="[`personal_details.education[${index}].level`]" >
-                              <a-select-option :value="1">
-                                کاردانی
-                              </a-select-option>
-                              <a-select-option :value="2">
-                                کارشناسی
-                              </a-select-option>
-                              <a-select-option :value="3" >
-                                کارشناسی ارشد
-                              </a-select-option>
-                              <a-select-option :value="4">
-                                دکترا
-                              </a-select-option>
-                            </a-select>
-                          </a-form-item>
-                          <a-form-item label="دانشگاه">
-                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].university`]"/>
-                          </a-form-item>
-                          <a-form-item label="رشته تحصیلی">
-                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].title`]"/>
-                          </a-form-item>
-                          <a-form-item label="گرایش">
-                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].trend`]"/>
-                          </a-form-item>
-                          <a-form-item label="سال شروع">
-                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].start_at`,{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                          <a-form-item label="سال خاتمه">
-                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].end_at`,{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                        </div>
-                        <a-divider />
-                      </template>
-                    </a-card>
-
-                    <a-card title="سوابق آموزشی" class="mt-5">
-                      <a :disabled="!$getAccess('personnel.basic.train.create')" slot="extra" @click.prevent="AddTraning()">افزودن سابقه آموزشی </a>
-                      <template v-for="(item,index) in personalDetails['traning']">
-                        <a-button :disabled="!$getAccess('personnel.basic.train.delete')" 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`]"/>
-                          </a-form-item>
-                          <a-form-item label="مرکز برگزاری">
-                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].university`]"/>
-                          </a-form-item>
-                          <a-form-item label="عنوان دوره ">
-                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].title`]"/>
-                          </a-form-item>
-                          <a-form-item label="سال">
-                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].start_at`,{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                          <a-form-item label="امکان ارائه گواهینامه دارم">
-                            <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 :disabled="!$getAccess('personnel.basic.job.create')" slot="extra" @click.prevent="AddJobsHistory()">افزودن سابقه کاری</a>
-                      <template v-for="(item,index) in personalDetails['jobs_history']">
-                        <a-button :disabled="!$getAccess('personnel.basic.job.delete')" 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`]"/>
-                          </a-form-item>
-                          <a-form-item label="نام سازمان ">
-                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].university`]"/>
-                          </a-form-item>
-                          <a-form-item label="عنوان شغل">
-                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].title`]"/>
-                          </a-form-item>
-                          <a-form-item label="دلیل خاتمه">
-                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].note`]"/>
-                          </a-form-item>
-
-                          <a-form-item label="سال شروع">
-                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].start_at`,{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                          <a-form-item label="سال خاتمه">
-                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].end_at`,{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
-                          </a-form-item>
-                          <!--<a-form-item label="تاکنون">
-                            <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" />
-                          </a-form-item>-->
-                        </div>
-                        <a-divider />
-                      </template>
-                    </a-card>
-
-                    <a-card title="سوابق شخصی" class="mt-5">
-
-                      <div class="dropbox">
-                        <a-upload-dragger
-                            :disabled="!$getAccess('personnel.basic.update')"
-                            :multiple="false"
-                            action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
-                            :file-list="prsonalFileList"
-                            :default-file-list="prsonalFileList"
-                            @change="fileUpload"
-                            :remove="fileRemove"
-                        >
-                          <p class="ant-upload-drag-icon">
-                            <a-icon type="inbox" />
-                          </p>
-                          <p class="ant-upload-text">
-                            فایل را درگ کنید یا اینکه کاوش کنید.
-                          </p>
-                          <p class="ant-upload-hint">
-                            فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                          </p>
-                        </a-upload-dragger>
+                  <a-card title="سوابق آموزشی" class="mt-5">
+                    <a :disabled="!$getAccess('personnel.basic.train.create')" slot="extra"
+                       @click.prevent="AddTraning()">افزودن سابقه آموزشی </a>
+                    <template v-for="(item,index) in personalDetails['traning']">
+                      <a-button :disabled="!$getAccess('personnel.basic.train.delete')" 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`]"/>
+                        </a-form-item>
+                        <a-form-item label="مرکز برگزاری">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.traning[${index}].university`]"/>
+                        </a-form-item>
+                        <a-form-item label="عنوان دوره ">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.traning[${index}].title`]"/>
+                        </a-form-item>
+                        <a-form-item label="سال">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.traning[${index}].start_at`,{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
+                        <a-form-item label="امکان ارائه گواهینامه دارم">
+                          <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>
-                    <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('1')">ویرایش</a-button>
-                  </a-tab-pane>
-                  <a-tab-pane :disabled="!$getAccess('personnel.train')" :forceRender="true" key="3" tab="اطلاعات آموزشی">
-                    <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
-                      <a-list-item class="grid grid-cols-3" v-for="(item,index) in training" :key="index" >
-                        <div>
-                          <a-button v-if="item.file"  target="_blank" :href="item.file.storage" class="mr-3">دانلود پیوست </a-button>
-                          <a-tooltip placement="bottomRight">
+                  <a-card title="سوابق کاری" class="mt-5">
+                    <a :disabled="!$getAccess('personnel.basic.job.create')" slot="extra"
+                       @click.prevent="AddJobsHistory()">افزودن سابقه کاری</a>
+                    <template v-for="(item,index) in personalDetails['jobs_history']">
+                      <a-button :disabled="!$getAccess('personnel.basic.job.delete')" 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`]"/>
+                        </a-form-item>
+                        <a-form-item label="نام سازمان ">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.jobs_history[${index}].university`]"/>
+                        </a-form-item>
+                        <a-form-item label="عنوان شغل">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.jobs_history[${index}].title`]"/>
+                        </a-form-item>
+                        <a-form-item label="دلیل خاتمه">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.jobs_history[${index}].note`]"/>
+                        </a-form-item>
+
+                        <a-form-item label="سال شروع">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.jobs_history[${index}].start_at`,{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
+                        <a-form-item label="سال خاتمه">
+                          <input class="ant-input" autocomplete="off"
+                                 v-decorator="[`personal_details.jobs_history[${index}].end_at`,{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                        </a-form-item>
+                        <!--<a-form-item label="تاکنون">
+                          <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" />
+                        </a-form-item>-->
+                      </div>
+                      <a-divider/>
+                    </template>
+                  </a-card>
+
+                  <a-card title="سوابق شخصی" class="mt-5">
+
+                    <div class="dropbox">
+                      <a-upload-dragger
+                          :disabled="!$getAccess('personnel.basic.update')"
+                          :multiple="false"
+                          action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
+                          :file-list="prsonalFileList"
+                          :default-file-list="prsonalFileList"
+                          @change="fileUpload"
+                          :remove="fileRemove"
+                      >
+                        <p class="ant-upload-drag-icon">
+                          <a-icon type="inbox"/>
+                        </p>
+                        <p class="ant-upload-text">
+                          فایل را درگ کنید یا اینکه کاوش کنید.
+                        </p>
+                        <p class="ant-upload-hint">
+                          فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                        </p>
+                      </a-upload-dragger>
+                    </div>
+
+                  </a-card>
+                  <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('1')">
+                    ویرایش
+                  </a-button>
+                </a-tab-pane>
+                <a-tab-pane :disabled="!$getAccess('personnel.train')" :forceRender="true" key="3" tab="اطلاعات آموزشی">
+                  <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal">
+                    <a-list-item class="grid grid-cols-3" v-for="(item,index) in training" :key="index">
+                      <div>
+                        <a-button v-if="item.file" target="_blank" :href="item.file.storage" class="mr-3">دانلود پیوست
+                        </a-button>
+                        <a-tooltip placement="bottomRight">
+                          <template slot="title">
+                            <span>حذف</span>
+                          </template>
+                          <a-popconfirm
+                              :disabled="!$getAccess('personnel.train.delete')"
+                              placement="right"
+                              style="z-index: 999999999999"
+                              title="آیا می خواهید حذف کنید؟"
+                              ok-text="بله"
+                              cancel-text="خیر"
+                              @confirm="removeEdu(item)"
+                          >
+                            <a-button type="danger" class="mr-3">حذف</a-button>
+                          </a-popconfirm>
+                        </a-tooltip>
+                      </div>
+                      <div><span>دسته گواهینامه :</span> {{ item.type }}</div>
+                      <div style="direction: rtl">عنوان گواهینامه : {{ item.title }}</div>
+                    </a-list-item>
+                  </a-list>
+                  <a-button :disabled="!$getAccess('personnel.train.create')" class="mt-4 ml-2"
+                            @click="showAddEducationalInformation=true;isAlertUpload = false">افزودن ردیف
+                  </a-button>
+                  <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('3')">
+                    ویرایش
+                  </a-button>
+                </a-tab-pane>
+                <a-tab-pane :disabled="!$getAccess('personnel.contract')" :forceRender="true" key="4" tab="قراردادها">
+                  <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal">
+                    <a-list-item class="grid grid-cols-4" style="direction: rtl" v-for="(item,index) in contract"
+                                 :key="index">
+                      <div class="col-span-3 grid grid-cols-3">
+                        <div class="mt-5">حقوق پایه :
+                          {{ item.salary }}
+                        </div>
+                        <div class="mt-5">تاریخ خاتمه :
+                          {{ item.end_atj | jtjdate }}
+                        </div>
+                        <div class="mt-5">تاریخ شروع :
+                          {{ item.start_atj | jtjdate }}
+                        </div>
+                        <div class="mt-5">بن کارگری :
+                          {{ item.worker_coupon }}
+                        </div>
+                        <div class="mt-5">کمک هزینه مسکن :
+                          {{ item.housing_allowance }}
+                        </div>
+                        <div class="mt-5">حق جذب : {{ item.right_attraction }}</div>
+                        <div class="mt-5"> شماره سفته :
+                          {{ item.promissory_number }}
+                        </div>
+                        <div class="mt-5"> مبلغ سفته :
+                          {{ item.promissory }}
+                        </div>
+                        <div class="mt-5"> حق سرپرستی :
+                          {{ item.right_guardianship }}
+                        </div>
+                        <div class="mt-5"><span>شماره قرارداد :</span>&nbsp;<span>{{ item.contract_number }}</span>
+                        </div>
+                        <div class="mt-5">دلیل فسخ قرارداد :
+                          {{ item.reason_termination }}
+                        </div>
+                        <div class="mt-5">تاریخ فسخ قرارداد :
+                          {{ item.datej_termination | jtjdate }}
+                        </div>
+                        <div class="mt-5">نوع قرارداد :
+                          {{ item.type_str }}
+                        </div>
+                        <div class="mt-5">محل خدمت :
+                          {{ item.cnt.value }}
+                        </div>
+                      </div>
+                      <div class="grid grid-cols-1" style="direction: ltr">
+                        <div class="mt-5">
+                          <a-button :disabled="!$getAccess('personnel.contract.termination')"
+                                    v-if="!item.date_termination" class="ml-3" @click="showTerminationModal(index)">فسخ
+                            قرارداد
+                          </a-button>
+                          <a-button :disabled="!$getAccess('personnel.contract.no.termination')" v-else class="ml-3"
+                                    @click="removetermination(index)">لغو فسخ قرارداد
+                          </a-button>
+                          <a-button :disabled="!$getAccess('personnel.contract')" v-if="item.file" class="ml-3"
+                                    target="_blank" :href="item.file.storage">دانلود پیوست
+                          </a-button>
+                        </div>
+                        <div class="mt-5">
+                          <a-tooltip :disabled="!$getAccess('personnel.contract.delete')" placement="bottomRight"
+                                     class="ml-3">
                             <template slot="title">
                               <span>حذف</span>
                             </template>
                             <a-popconfirm
-                                :disabled="!$getAccess('personnel.train.delete')"
                                 placement="right"
                                 style="z-index: 999999999999"
                                 title="آیا می خواهید حذف کنید؟"
                                 ok-text="بله"
                                 cancel-text="خیر"
-                                @confirm="removeEdu(item)"
-                            >
-                              <a-button type="danger" class="mr-3">حذف</a-button>
+                                @confirm="removeContract(item)">
+                              <a-button type="danger" class="mt-3 mr-3">حذف</a-button>
                             </a-popconfirm>
                           </a-tooltip>
+                          <!--                            <a-button :disabled="!$getAccess('personnel.contract.print')" class="ml-3" :href="`http://hr.asco-intl.com:2020/kernel/api/personnel/print?id=${item.id}&type=${item.type?item.type:1}`" target="_blank">چاپ قرداد</a-button>-->
+                          <a-dropdown class="mb-4">
+                            <a-menu slot="overlay" @click="printContract($event,item.id)">
+                              <a-menu-item v-for="(subItem,subIndex) in contractTypes" :key="subIndex">{{ subItem }}
+                              </a-menu-item>
+                            </a-menu>
+                            <a-button style="margin-left: 8px"> چاپ قرارداد
+                              <a-icon type="down"/>
+                            </a-button>
+                          </a-dropdown>
+                          <!--                          <a-button :disabled="!$getAccess('personnel.contract.print')" style="width:20%" class="mr-3" @click="contractId=item.id;showContractPrint=true">چاپ</a-button>-->
+                          <a-button class="ml-3" :disabled="!$getAccess('personnel.contract.update')"
+                                    @click="openEditingContractModal(item,index)">ویرایش
+                          </a-button>
                         </div>
-                        <div> <span>دسته گواهینامه :</span>  {{ item.type }}</div>
-                        <div style="direction: rtl">عنوان گواهینامه : {{  item.title  }}</div>
-                      </a-list-item>
-                    </a-list>
-                    <a-button :disabled="!$getAccess('personnel.train.create')" class="mt-4 ml-2" @click="showAddEducationalInformation=true;isAlertUpload = false">افزودن ردیف</a-button>
-                    <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('3')">ویرایش</a-button>
-                  </a-tab-pane>
-                  <a-tab-pane :disabled="!$getAccess('personnel.contract')" :forceRender="true" key="4" tab="قراردادها">
-                    <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
-                      <a-list-item class="grid grid-cols-4" style="direction: rtl" v-for="(item,index) in contract" :key="index">
-                        <div class="col-span-3 grid grid-cols-3">
-                          <div class="mt-5">حقوق پایه :
-                            {{ item.salary }}</div>
-                          <div class="mt-5">تاریخ خاتمه :
-                            {{ item.end_atj }}</div>
-                          <div class="mt-5">تاریخ شروع :
-                            {{ item.start_atj }}</div>
-                          <div class="mt-5">بن کارگری :
-                            {{ item.worker_coupon }}</div>
-                          <div class="mt-5">کمک هزینه مسکن :
-                            {{ item.housing_allowance }}</div>
-                          <div class="mt-5">حق جذب : {{ item.right_attraction }}</div>
-                          <div class="mt-5"> شماره سفته :
-                            {{ item.promissory_number }}</div>
-                          <div class="mt-5"> مبلغ سفته :
-                            {{ item.promissory }}</div>
-                          <div class="mt-5">  حق سرپرستی :
-                            {{ item.right_guardianship }}</div>
-                          <div class="mt-5"><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 class="mt-5">نوع قرارداد :
-                            {{ item.type_str }}</div>
-                          <div class="mt-5">محل خدمت :
-                            {{ item.cnt.value }}</div>
-                        </div>
-                        <div class="grid grid-cols-1" style="direction: ltr">
-                          <div class="mt-5">
-                            <a-button :disabled="!$getAccess('personnel.contract.termination')" v-if="!item.date_termination" class="ml-3" @click="showTerminationModal(index)">فسخ قرارداد</a-button>
-                            <a-button :disabled="!$getAccess('personnel.contract.no.termination')" v-else class="ml-3" @click="removetermination(index)">لغو فسخ قرارداد</a-button>
-                            <a-button :disabled="!$getAccess('personnel.contract')" v-if="item.file"  class="ml-3"  target="_blank" :href="item.file.storage"   >دانلود پیوست</a-button>
-                          </div>
-                          <div class="mt-5">
-                            <a-tooltip :disabled="!$getAccess('personnel.contract.delete')" placement="bottomRight" class="ml-3">
-                              <template slot="title">
-                                <span>حذف</span>
-                              </template>
-                              <a-popconfirm
-                                  placement="right"
-                                  style="z-index: 999999999999"
-                                  title="آیا می خواهید حذف کنید؟"
-                                  ok-text="بله"
-                                  cancel-text="خیر"
-                                  @confirm="removeContract(item)" >
-                                <a-button type="danger" class="mt-3 mr-3">حذف</a-button>
-                              </a-popconfirm>
-                            </a-tooltip>
-<!--                            <a-button :disabled="!$getAccess('personnel.contract.print')" class="ml-3" :href="`http://hr.asco-intl.com:2020/kernel/api/personnel/print?id=${item.id}&type=${item.type?item.type:1}`" target="_blank">چاپ قرداد</a-button>-->
-                            <a-dropdown class="mb-4">
-                              <a-menu slot="overlay" @click="printContract($event,item.id)">
-                                <a-menu-item v-for="(subItem,subIndex) in contractTypes" :key="subIndex">{{subItem}}</a-menu-item>
-                              </a-menu>
-                              <a-button style="margin-left: 8px"> چاپ قرارداد <a-icon type="down" /> </a-button>
-                            </a-dropdown>
-                            <!--                          <a-button :disabled="!$getAccess('personnel.contract.print')" style="width:20%" class="mr-3" @click="contractId=item.id;showContractPrint=true">چاپ</a-button>-->
-                            <a-button  class="ml-3" :disabled="!$getAccess('personnel.contract.update')" @click="openEditingContractModal(item,index)" >ویرایش</a-button>
-                          </div>
-                        </div>
-
-<!--                        <div>
-
-                          &lt;!&ndash; <a-dropdown  class="mt-3" v-if="item.id">
-                           <a-menu slot="overlay" >
-                             <a-menu-item  key="1">
-                               <a @click="showContractId=true">نوع 1</a>
-                             </a-menu-item>
-                             <a-menu-item key="2">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=2`" target="_blank">نوع 2</a>
-                             </a-menu-item>
-                             <a-menu-item key="3">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=3`" target="_blank">نوع 3</a>
-                             </a-menu-item>
-                             <a-menu-item key="4">
-                               <a :href="`back/public/api/personnel/print?id=${item.id}&type=4`" target="_blank">نوع 4</a>
-                             </a-menu-item>
-                             <a-menu-item key="5">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=5`" target="_blank">نوع 5</a>
-                             </a-menu-item>
-                             <a-menu-item key="6">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=6`" target="_blank">نوع 6</a>
-                             </a-menu-item>
-                             <a-menu-item key="7">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=7`" target="_blank">نوع 7</a>
-                             </a-menu-item>
-                             <a-menu-item key="8">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=8`" target="_blank">نوع 8</a>
-                             </a-menu-item>
-                             <a-menu-item key="9">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=9`" target="_blank">نوع 9</a>
-                             </a-menu-item>
-                             <a-menu-item key="10">
-                               <a :href="`/back/public/api/personnel/print?id=${item.id}&type=10`" target="_blank">نوع 10</a>
-                             </a-menu-item>
-                             &lt;!&ndash; <a-menu-item key="7">
-                                <a href="222" target="_blank">نوع سوم</a>
-                              </a-menu-item>&ndash;&gt;
-                           </a-menu>
-                           <a-button style="width: 33%" > چاپ <a-icon type="down" /> </a-button>
-                         </a-dropdown>&ndash;&gt;
-
-                        </div>
-
-                        <div>
-                          &lt;!&ndash;<a-button v-if="item.id" :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}`" target="_blank" class="mt-3">چاپ</a-button>&ndash;&gt;
-                        </div>
-
-                        <div class="mt-5"></div>
-                      &lt;!&ndash;  <div> شماره قرارداد : <span>{{ item. }}</span> </div>&ndash;&gt;
-                       &lt;!&ndash; <div >   : <span>{{ item.reason_termination }}</span> </div>&ndash;&gt;
-                        &lt;!&ndash;&ndash;&gt;-->
-
-                      </a-list-item>
-                    </a-list>
-                    <a-button class="mt-3 ml-2" @click="showAddContract = true">افزودن ردیف</a-button>
-                    <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('4')">ویرایش</a-button>
-                  </a-tab-pane>
-                  <a-tab-pane :disabled="!$getAccess('personnel.intro')" :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>
-                          <a-checkbox v-decorator="['intro_checklist.third',{initialValue:false,valuePropName:'checked'}]">آموزشهای عمومی 17020،MIS و HSE</a-checkbox>
-                        </a-form-item>
                       </div>
 
-                      <div>
-                        <a-form-item>
-                          <a-checkbox v-decorator="['intro_checklist.second',{initialValue:false,valuePropName:'checked'}]">آموزشهای مربوط به اصول اخلاقی و قوانین و مقررات شرکت</a-checkbox>
-                        </a-form-item>
-                      </div>
+                      <!--                        <div>
 
-                      <div>
-                        <a-form-item>
-                          <a-checkbox v-decorator="['intro_checklist.first',{initialValue:false,valuePropName:'checked'}]">آموزشهای مربوط به شرح شغل</a-checkbox>
-                        </a-form-item>
-                      </div>
+                                                &lt;!&ndash; <a-dropdown  class="mt-3" v-if="item.id">
+                                                 <a-menu slot="overlay" >
+                                                   <a-menu-item  key="1">
+                                                     <a @click="showContractId=true">نوع 1</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="2">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=2`" target="_blank">نوع 2</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="3">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=3`" target="_blank">نوع 3</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="4">
+                                                     <a :href="`back/public/api/personnel/print?id=${item.id}&type=4`" target="_blank">نوع 4</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="5">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=5`" target="_blank">نوع 5</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="6">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=6`" target="_blank">نوع 6</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="7">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=7`" target="_blank">نوع 7</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="8">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=8`" target="_blank">نوع 8</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="9">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=9`" target="_blank">نوع 9</a>
+                                                   </a-menu-item>
+                                                   <a-menu-item key="10">
+                                                     <a :href="`/back/public/api/personnel/print?id=${item.id}&type=10`" target="_blank">نوع 10</a>
+                                                   </a-menu-item>
+                                                   &lt;!&ndash; <a-menu-item key="7">
+                                                      <a href="222" target="_blank">نوع سوم</a>
+                                                    </a-menu-item>&ndash;&gt;
+                                                 </a-menu>
+                                                 <a-button style="width: 33%" > چاپ <a-icon type="down" /> </a-button>
+                                               </a-dropdown>&ndash;&gt;
 
+                                              </div>
+
+                                              <div>
+                                                &lt;!&ndash;<a-button v-if="item.id" :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}`" target="_blank" class="mt-3">چاپ</a-button>&ndash;&gt;
+                                              </div>
+
+                                              <div class="mt-5"></div>
+                                            &lt;!&ndash;  <div> شماره قرارداد : <span>{{ item. }}</span> </div>&ndash;&gt;
+                                             &lt;!&ndash; <div >   : <span>{{ item.reason_termination }}</span> </div>&ndash;&gt;
+                                              &lt;!&ndash;&ndash;&gt;-->
+
+                    </a-list-item>
+                  </a-list>
+                  <a-button class="mt-3 ml-2" @click="showAddContract = true">افزودن ردیف</a-button>
+                  <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('4')">
+                    ویرایش
+                  </a-button>
+                </a-tab-pane>
+                <a-tab-pane :disabled="!$getAccess('personnel.intro')" :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>
+                        <a-checkbox
+                            v-decorator="['intro_checklist.third',{initialValue:false,valuePropName:'checked'}]">
+                          آموزشهای عمومی 17020،MIS و HSE
+                        </a-checkbox>
+                      </a-form-item>
                     </div>
-                    <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('5')">ویرایش</a-button>
-                  </a-tab-pane>
-                  <a-tab-pane :disabled="!$getAccess('personnel.delivery')" :forceRender="true" key="6" tab="تحویل تجهیزات">
-                    <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-10 lg:gap-4" style="direction: rtl">
-                      <div>
-                        <!--<a-form-item>
-                          <a-checkbox v-decorator="['intro_checklist.third',{valuePropName:'checked'}]">اصول اخلاقی</a-checkbox>
-                        </a-form-item>-->
-                        <a-form-item>
-                          <a-checkbox  v-decorator="['equip_checklist.second',{initialValue:false,valuePropName:'checked'}]" >لباس</a-checkbox>
-                        </a-form-item>
-                      </div>
-
-                      <div>
-                        <!--  <a-form-item>
-                            <a-checkbox v-decorator="['intro_checklist.second',{valuePropName:'checked'}]">آشنا سازی با قوانین</a-checkbox>
-                          </a-form-item>-->
-                        <a-form-item>
-                          <a-checkbox  v-decorator="['equip_checklist.first',{initialValue:false,valuePropName:'checked'}]"  >کلاه</a-checkbox>
-                        </a-form-item>
-                      </div>
-
-                      <div>
-                        <a-form-item>
-                          <a-checkbox  v-decorator="['equip_checklist.fifth',{initialValue:false,valuePropName:'checked'}]">کفش</a-checkbox>
-                        </a-form-item>
-                        <!--<a-form-item>
-                          <a-checkbox v-decorator="['intro_checklist.first',{valuePropName:'checked'}]">
-                            تکمیل پرونده
-                          </a-checkbox>
-                        </a-form-item>-->
-                      </div>
-
-                      <div>
-                        <a-form-item>
-                          <a-checkbox  v-decorator="['equip_checklist.forth',{initialValue:false,valuePropName:'checked'}]" >عینک</a-checkbox>
-                        </a-form-item>
-                      </div>
-
-                      <div>
-                        <a-form-item>
-                          <a-checkbox  v-decorator="['equip_checklist.third',{initialValue:false,valuePropName:'checked'}]">دستکش</a-checkbox>
-                        </a-form-item>
-                      </div>
-
-                      <div>
-                        <a-form-item >
-                          <input class="ant-input"
-                                 v-decorator="['equip_checklist.cloth_size']" placeholder="سایز" />
-                        </a-form-item>
-                      </div>
-
-                      <div>
-                        <a-form-item >
-                          <input class="ant-input"
-                                 v-decorator="['equip_checklist.other']" placeholder="سایر تجهیزات"/>
-                        </a-form-item>
-                      </div>
 
+                    <div>
+                      <a-form-item>
+                        <a-checkbox
+                            v-decorator="['intro_checklist.second',{initialValue:false,valuePropName:'checked'}]">
+                          آموزشهای مربوط به اصول اخلاقی و قوانین و مقررات شرکت
+                        </a-checkbox>
+                      </a-form-item>
                     </div>
-                    <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('6')">ویرایش</a-button>
-                  </a-tab-pane>
-                  <a-tab-pane :disabled="!$getAccess('personnel.function')" :forceRender="true" key="7" tab="ارزیابی عملکرد">
-                    <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
-                      <a-list-item class="grid grid-cols-3" v-for="(item,index) in estimate" :key="index" >
-                        <div>
-                          <a-tooltip placement="bottomRight">
-                            <template slot="title">
-                              <span>حذف</span>
-                            </template>
-                            <a-popconfirm :disabled="!$getAccess('personnel.function.delete')"
-                                placement="right"
-                                style="z-index: 999999999999"
-                                title="آیا می خواهید حذف کنید؟"
-                                ok-text="بله"
-                                cancel-text="خیر"
-                                @confirm="removeEstimate(item)">
-                              <a-button type="danger" class="mr-3">حذف</a-button>
-                            </a-popconfirm>
-                          </a-tooltip>
-                        </div>
 
-                        <div>نمره : {{  item.score  }}</div>
-                        <div> برنامه توسعه دوره :   <span>{{ item.note }} </span></div>
-                      </a-list-item>
-                    </a-list>
-                    <br/>
-                    <a-button class="ml-2" :disabled="!$getAccess('personnel.function.create')" @click="showAddPerformance=true">افزودن ردیف</a-button>
-                    <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('7')">ویرایش</a-button>
-                  </a-tab-pane>
-                  <a-tab-pane :disabled="!$getAccess('personnel.rule')" :forceRender="true" key="8" tab="احکام / اخطار / پاداش">
-                    <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
-                      <a-list-item class="grid grid-cols-3" v-for="(item,index) in writ" :key="index" >
-                        <div>
-                          <a-tooltip placement="bottomRight">
-                            <a-button v-if="item.file"  target="_blank" :href="item.file.storage" class="mr-3">دانلود پیوست </a-button>
-                            <template slot="title">
-                              <span>حذف</span>
-                            </template>
-                            <a-popconfirm :disabled="!$getAccess('personnel.rule.delete')"
-                                placement="right"
-                                style="z-index: 999999999999"
-                                title="آیا می خواهید حذف کنید؟"
-                                ok-text="بله"
-                                cancel-text="خیر"
-                                @confirm="removeDocs(item)"
-                            >
-                              <a-button type="danger" class="mr-3">حذف</a-button>
-
-                            </a-popconfirm>
-
-                          </a-tooltip>
-                        </div>
-                        <div style="direction: rtl"><span>نوع :</span><span>{{ item.type_str }}</span> </div>
-                        <div style="direction: rtl">عنوان : {{  item.note }}</div>
-                      </a-list-item>
-                    </a-list>
-                    <a-button :disabled="!$getAccess('personnel.rule.create')" class="mt-4 ml-2" @click="showAddDocument=true;isAlertUpload = false">افزودن ردیف</a-button>
-                    <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('8')">ویرایش</a-button>
-                  </a-tab-pane>
-                </a-tabs>
-              </a-form>
-            </a-modal>
-
-            <a-modal forceRender okText="ایجاد" cancelText="بستن" v-model="showAddEducationalInformation" title="افزودن اطلاعات آموزشی" @ok="addEdu">
-              <a-form  :form="fromEducationalInformation">
-                <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-2 lg:gap-4">
-                  <a-form-item label="دسته گواهینامه">
-                    <!--<input class="ant-input"    autocomplete="off" v-decorator="['type',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
-                    <a-select  style="width: 100%" v-decorator="['type',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]" >
-                      <a-select-option v-for="(item,index) in category" :value="item">
-                        {{ item }}
-                      </a-select-option>
-                      <!--<a-select-option value="lucy">
-                        Lucy
-                      </a-select-option>
-                      <a-select-option value="disabled" disabled>
-                        Disabled
-                      </a-select-option>
-                      <a-select-option value="Yiminghe">
-                        yiminghe
-                      </a-select-option>-->
-                    </a-select>
-                  </a-form-item>
-                  <a-form-item label="عنوان گواهینامه">
-                    <input class="ant-input"   autocomplete="off" v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                  </a-form-item>
-                </div>
-                <a-form-item label="فایل">
-                  <div class="dropbox">
-                    <a-upload-dragger
-                        v-if="!isAlertUpload"
-                        :customRequest="uploadImage"
-                        :show-upload-list="false"
-                        :before-upload="beforeUpload" >
-                      <p class="ant-upload-drag-icon">
-                        <a-icon type="inbox" />
-                      </p>
-                      <p class="ant-upload-text">
-                        فایل را درگ کنید یا اینکه کاوش کنید.
-                      </p>
-                      <p class="ant-upload-hint">
-                        فایل را درگ کنید یا اینکه کاوش کنید.
-                      </p>
-                    </a-upload-dragger>
-                    <div v-else>
-                      <a-alert message="آپلود سند با موفقیت انجام شد." type="success" />
+                    <div>
+                      <a-form-item>
+                        <a-checkbox
+                            v-decorator="['intro_checklist.first',{initialValue:false,valuePropName:'checked'}]">
+                          آموزشهای مربوط به شرح شغل
+                        </a-checkbox>
+                      </a-form-item>
                     </div>
+
                   </div>
+                  <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('5')">
+                    ویرایش
+                  </a-button>
+                </a-tab-pane>
+                <a-tab-pane :disabled="!$getAccess('personnel.delivery')" :forceRender="true" key="6"
+                            tab="تحویل تجهیزات">
+                  <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-10 lg:gap-4"
+                       style="direction: rtl">
+                    <div>
+                      <!--<a-form-item>
+                        <a-checkbox v-decorator="['intro_checklist.third',{valuePropName:'checked'}]">اصول اخلاقی</a-checkbox>
+                      </a-form-item>-->
+                      <a-form-item>
+                        <a-checkbox
+                            v-decorator="['equip_checklist.second',{initialValue:false,valuePropName:'checked'}]">لباس
+                        </a-checkbox>
+                      </a-form-item>
+                    </div>
+
+                    <div>
+                      <!--  <a-form-item>
+                          <a-checkbox v-decorator="['intro_checklist.second',{valuePropName:'checked'}]">آشنا سازی با قوانین</a-checkbox>
+                        </a-form-item>-->
+                      <a-form-item>
+                        <a-checkbox
+                            v-decorator="['equip_checklist.first',{initialValue:false,valuePropName:'checked'}]">کلاه
+                        </a-checkbox>
+                      </a-form-item>
+                    </div>
+
+                    <div>
+                      <a-form-item>
+                        <a-checkbox
+                            v-decorator="['equip_checklist.fifth',{initialValue:false,valuePropName:'checked'}]">کفش
+                        </a-checkbox>
+                      </a-form-item>
+                      <!--<a-form-item>
+                        <a-checkbox v-decorator="['intro_checklist.first',{valuePropName:'checked'}]">
+                          تکمیل پرونده
+                        </a-checkbox>
+                      </a-form-item>-->
+                    </div>
+
+                    <div>
+                      <a-form-item>
+                        <a-checkbox
+                            v-decorator="['equip_checklist.forth',{initialValue:false,valuePropName:'checked'}]">عینک
+                        </a-checkbox>
+                      </a-form-item>
+                    </div>
+
+                    <div>
+                      <a-form-item>
+                        <a-checkbox
+                            v-decorator="['equip_checklist.third',{initialValue:false,valuePropName:'checked'}]">دستکش
+                        </a-checkbox>
+                      </a-form-item>
+                    </div>
+
+                    <div>
+                      <a-form-item>
+                        <input class="ant-input"
+                               v-decorator="['equip_checklist.cloth_size']" placeholder="سایز"/>
+                      </a-form-item>
+                    </div>
+
+                    <div>
+                      <a-form-item>
+                        <input class="ant-input"
+                               v-decorator="['equip_checklist.other']" placeholder="سایر تجهیزات"/>
+                      </a-form-item>
+                    </div>
+
+                  </div>
+                  <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('6')">
+                    ویرایش
+                  </a-button>
+                </a-tab-pane>
+                <a-tab-pane :disabled="!$getAccess('personnel.function')" :forceRender="true" key="7"
+                            tab="ارزیابی عملکرد">
+                  <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal">
+                    <a-list-item class="grid grid-cols-3" v-for="(item,index) in estimate" :key="index">
+                      <div>
+                        <a-tooltip placement="bottomRight">
+                          <template slot="title">
+                            <span>حذف</span>
+                          </template>
+                          <a-popconfirm :disabled="!$getAccess('personnel.function.delete')"
+                                        placement="right"
+                                        style="z-index: 999999999999"
+                                        title="آیا می خواهید حذف کنید؟"
+                                        ok-text="بله"
+                                        cancel-text="خیر"
+                                        @confirm="removeEstimate(item)">
+                            <a-button type="danger" class="mr-3">حذف</a-button>
+                          </a-popconfirm>
+                        </a-tooltip>
+                      </div>
+
+                      <div>نمره : {{ item.score }}</div>
+                      <div> برنامه توسعه دوره : <span>{{ item.note }} </span></div>
+                    </a-list-item>
+                  </a-list>
+                  <br/>
+                  <a-button class="ml-2" :disabled="!$getAccess('personnel.function.create')"
+                            @click="showAddPerformance=true">افزودن ردیف
+                  </a-button>
+                  <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('7')">
+                    ویرایش
+                  </a-button>
+                </a-tab-pane>
+                <a-tab-pane :disabled="!$getAccess('personnel.rule')" :forceRender="true" key="8"
+                            tab="احکام / اخطار / پاداش">
+                  <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal">
+                    <a-list-item class="grid grid-cols-3" v-for="(item,index) in writ" :key="index">
+                      <div>
+                        <a-tooltip placement="bottomRight">
+                          <a-button v-if="item.file" target="_blank" :href="item.file.storage" class="mr-3">دانلود
+                            پیوست
+                          </a-button>
+                          <template slot="title">
+                            <span>حذف</span>
+                          </template>
+                          <a-popconfirm :disabled="!$getAccess('personnel.rule.delete')"
+                                        placement="right"
+                                        style="z-index: 999999999999"
+                                        title="آیا می خواهید حذف کنید؟"
+                                        ok-text="بله"
+                                        cancel-text="خیر"
+                                        @confirm="removeDocs(item)"
+                          >
+                            <a-button type="danger" class="mr-3">حذف</a-button>
+
+                          </a-popconfirm>
+
+                        </a-tooltip>
+                      </div>
+                      <div style="direction: rtl"><span>نوع :</span><span>{{ item.type_str }}</span></div>
+                      <div style="direction: rtl">عنوان : {{ item.note }}</div>
+                    </a-list-item>
+                  </a-list>
+                  <a-button :disabled="!$getAccess('personnel.rule.create')" class="mt-4 ml-2"
+                            @click="showAddDocument=true;isAlertUpload = false">افزودن ردیف
+                  </a-button>
+                  <a-button type="primary" @click="savefromPersonel" class="mt-5" :disabled="checkPermission('8')">
+                    ویرایش
+                  </a-button>
+                </a-tab-pane>
+              </a-tabs>
+            </a-form>
+          </a-modal>
+
+          <a-modal forceRender okText="ایجاد" cancelText="بستن" v-model="showAddEducationalInformation"
+                   title="افزودن اطلاعات آموزشی" @ok="addEdu">
+            <a-form :form="fromEducationalInformation">
+              <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-2 lg:gap-4">
+                <a-form-item label="دسته گواهینامه">
+                  <!--<input class="ant-input"    autocomplete="off" v-decorator="['type',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                  <a-select style="width: 100%"
+                            v-decorator="['type',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]">
+                    <a-select-option v-for="(item,index) in category" :value="item">
+                      {{ item }}
+                    </a-select-option>
+                    <!--<a-select-option value="lucy">
+                      Lucy
+                    </a-select-option>
+                    <a-select-option value="disabled" disabled>
+                      Disabled
+                    </a-select-option>
+                    <a-select-option value="Yiminghe">
+                      yiminghe
+                    </a-select-option>-->
+                  </a-select>
                 </a-form-item>
-              </a-form>
-            </a-modal>
-
-            <a-modal @ok="detectEditMode" :okText="editContractFlag?'ویرایش':'ایجاد'" forceRender cancelText="بستن"  v-model="showAddContract" :title="editContractFlag?'ویرایش قرارداد':'افزودن قرارداد'"  :forceRender="true">
-              <a-form :form="fromContract" >
-                <div class="grid grid-cols-2 gap-4">
-                  <div>
-                    <a-form-item label="تاریخ شروع">
-                      <date-picker v-model="contractModel.start_at"/>
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="تاریخ خاتمه">
-                      <date-picker v-model="contractModel.end_at"/>
-                    </a-form-item>
+                <a-form-item label="عنوان گواهینامه">
+                  <input class="ant-input" autocomplete="off"
+                         v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                </a-form-item>
+              </div>
+              <a-form-item label="فایل">
+                <div class="dropbox">
+                  <a-upload-dragger
+                      v-if="!isAlertUpload"
+                      :customRequest="uploadImage"
+                      :show-upload-list="false"
+                      :before-upload="beforeUpload">
+                    <p class="ant-upload-drag-icon">
+                      <a-icon type="inbox"/>
+                    </p>
+                    <p class="ant-upload-text">
+                      فایل را درگ کنید یا اینکه کاوش کنید.
+                    </p>
+                    <p class="ant-upload-hint">
+                      فایل را درگ کنید یا اینکه کاوش کنید.
+                    </p>
+                  </a-upload-dragger>
+                  <div v-else>
+                    <a-alert message="آپلود سند با موفقیت انجام شد." type="success"/>
                   </div>
                 </div>
-                <div class="grid grid-cols-3 gap-4">
-                  <div>
-                    <a-form-item label="حقوق پایه">
-                      <input class="ant-input"    v-decorator="['salary', { initialValue: 0 },{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="بن کارگری">
-                      <input class="ant-input"  v-decorator="['worker_coupon', { initialValue: 0 },{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"   />
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="کمک هزینه مسکن">
-                      <input class="ant-input"  v-decorator="['housing_allowance', { initialValue: 0 },{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"   />
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="حق جذب">
-                      <input class="ant-input"   v-decorator="['right_attraction', { initialValue: 0 },{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]" />
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="حق سرپرستی">
-                      <input class="ant-input" v-decorator="['right_guardianship', { initialValue: 0 },{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="مبلغ سفته">
-                      <input class="ant-input" v-decorator="['promissory', { initialValue: 0 },{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="شماره سفته">
-                      <input class="ant-input" v-decorator="['promissory_number',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
+              </a-form-item>
+            </a-form>
+          </a-modal>
 
-                  <div>
-                    <a-form-item label="شماره قرارداد">
-                      <input class="ant-input" v-decorator="['contract_number',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-
-                  <div>
-                    <a-form-item label="حق فرزند">
-                      <input class="ant-input" v-decorator="['right_child',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-
-                  <div>
-                    <a-form-item label="پایه سنوات">
-                      <input class="ant-input" v-decorator="['basic_years',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-
-                  <div>
-                    <a-form-item label="حق ماموریت">
-                      <input class="ant-input" v-decorator="['right_mission',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-
-                  <div>
-                    <a-form-item label="حق شیفت">
-                      <input class="ant-input" v-decorator="['right_shift',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-
-                  <div>
-                    <a-form-item label="پاداش مستمر">
-                      <input class="ant-input" v-decorator="['reward',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
-
-                  <a-form-item label="نوع قرارداد">
-                    <a-select  v-model="contractType" style="width: 100%" v-decorator="['type']">
-                      <a-select-option v-for="(item,index) in contractTypes" :value="`${index}`">
-                        {{ item }}
-                      </a-select-option>
-                    </a-select>
+          <a-modal @ok="detectEditMode" :okText="editContractFlag?'ویرایش':'ایجاد'" forceRender cancelText="بستن"
+                   v-model="showAddContract" :title="editContractFlag?'ویرایش قرارداد':'افزودن قرارداد'"
+                   :forceRender="true">
+            <a-form :form="fromContract">
+              <div class="grid grid-cols-2 gap-4">
+                <div>
+                  <a-form-item label="تاریخ شروع">
+                    <input v-if="!contractModel.start_at" class="hidden" autocomplete="off"
+                           v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                    <date-picker v-model="contractModel.start_at"/>
                   </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="تاریخ خاتمه">
+                    <input v-if="!contractModel.end_at" class="hidden" autocomplete="off"
+                           v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                    <date-picker v-model="contractModel.end_at"/>
+                  </a-form-item>
+                </div>
+              </div>
+              <div class="grid grid-cols-3 gap-4">
+                <div>
+                  <a-form-item label="حقوق پایه">
+                    <input class="ant-input"
+                           v-decorator="['salary', { initialValue: 0 },{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="بن کارگری">
+                    <input class="ant-input"
+                           v-decorator="['worker_coupon', { initialValue: 0 },{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="کمک هزینه مسکن">
+                    <input class="ant-input"
+                           v-decorator="['housing_allowance', { initialValue: 0 },{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="حق جذب">
+                    <input class="ant-input"
+                           v-decorator="['right_attraction', { initialValue: 0 },{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="حق سرپرستی">
+                    <input class="ant-input"
+                           v-decorator="['right_guardianship', { initialValue: 0 },{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="مبلغ سفته">
+                    <input class="ant-input"
+                           v-decorator="['promissory', { initialValue: 0 },{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="شماره سفته">
+                    <input class="ant-input"
+                           v-decorator="['promissory_number',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
 
-                  <div>
-                    <a-form-item label="حق السعی">
-                      <input class="ant-input" v-decorator="['right_try',{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]"  />
-                    </a-form-item>
-                  </div>
+                <div>
+                  <a-form-item label="شماره قرارداد">
+                    <input class="ant-input"
+                           v-decorator="['contract_number',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
 
-                  <div>
-                    <a-form-item label="محل خدمت">
-                      <input class="ant-input" v-decorator="['city_workplace']"  />
-                    </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="واحد کار">
+                <div>
+                  <a-form-item label="حق فرزند">
+                    <input class="ant-input"
+                           v-decorator="['right_child',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+
+                <div>
+                  <a-form-item label="پایه سنوات">
+                    <input class="ant-input"
+                           v-decorator="['basic_years',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+
+                <div>
+                  <a-form-item label="حق ماموریت">
+                    <input class="ant-input"
+                           v-decorator="['right_mission',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+
+                <div>
+                  <a-form-item label="حق شیفت">
+                    <input class="ant-input"
+                           v-decorator="['right_shift',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+
+                <div>
+                  <a-form-item label="پاداش مستمر">
+                    <input class="ant-input"
+                           v-decorator="['reward',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+
+                <a-form-item label="نوع قرارداد">
+                  <a-select v-model="contractType" style="width: 100%" v-decorator="['type']">
+                    <a-select-option v-for="(item,index) in contractTypes" :value="`${index}`">
+                      {{ item }}
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <div>
+                  <a-form-item label="حق السعی">
+                    <input class="ant-input"
+                           v-decorator="['right_try',{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                  </a-form-item>
+                </div>
+
+                <div>
+                  <a-form-item label="محل خدمت">
+                    <input class="ant-input" v-decorator="['city_workplace']"/>
+                  </a-form-item>
+                </div>
+                <div>
+                  <a-form-item label="واحد کار">
                     <a-select
-                        v-decorator="['work_unit', { initialValue:null,rules: [{ required: true, message: 'لطفاسطح مقدار را انتخاب کنید' }] }]" @change="selectChange">
+                        v-decorator="['work_unit', { initialValue:null,rules: [{ required: true, message: 'لطفاسطح مقدار را انتخاب کنید' }] }]"
+                        @change="selectChange">
                       <a-select-option v-for="item in work_units" :value="item.id">
                         {{ item.value }}
                       </a-select-option>
                     </a-select>
                   </a-form-item>
-                  </div>
-                  <div>
-                    <a-form-item label="نام واحد" has-feedback v-if="showName">
+                </div>
+                <div>
+                  <a-form-item label="نام واحد" has-feedback v-if="showName">
                     <input class="ant-input"
                            v-decorator="['work_unit_name', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]"
                            autocomplete="off"
                     />
                   </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
-                        :disabled="!$getAccess('personnel.basic.update')"
-                        :multiple="false"
-                        action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
-                        :file-list="contractFileList"
-                        :default-file-list="contractFileList"
-                        @change="contractFileUpload"
-                        :remove="contractFileRemove"
-                    >
-                      <p class="ant-upload-drag-icon">
-                        <a-icon type="inbox" />
-                      </p>
-                      <p class="ant-upload-text">
-                        فایل را درگ کنید یا اینکه کاوش کنید.
-                      </p>
-                      <p class="ant-upload-hint">
-                        فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                      </p>
-                    </a-upload-dragger>
-
-<!--                    <a-upload-dragger
-                        :customRequest="uploadImage"
-                        :file-list="contractFileList"
-                        :before-upload="beforeUpload"
-                    >
-                      <p class="ant-upload-drag-icon">
-                        <a-icon type="inbox" />
-                      </p>
-                      <p class="ant-upload-text">
-                        فایل را درگ کنید یا اینکه کاوش کنید.
-                      </p>
-                      <p class="ant-upload-hint">
-                        تصویر که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                      </p>
-                    </a-upload-dragger>-->
-<!--                    <div v-else>
-                      <a-alert message="آپلود سند با موفقیت انجام شد." type="success" />
-                    </div>-->
-                  </div>
-                </a-form-item>
-              </a-form>
-            </a-modal>
-
-            <a-modal @ok="savefromPerformance" okText="ایجاد" forceRender cancelText="بستن"  v-model="showAddPerformance" title="افزودن ارزیابی عملکرد" >
-              <a-form :form="fromPerformance">
-                <a-form-item label="نمره">
-                  <a-input-number autocomplete="off"  :min="0" :max="20" v-decorator="['score',{ rules:[{ required: true, message: 'وارد کردن الزامی است'  }] }]" />
-                </a-form-item>
-                <a-form-item label="برنامه توسعه دوره">
-                  <input class="ant-input"  autocomplete="off" v-decorator="['note',{ rules:[{ required: false, message: 'وارد کردن الزامی است'  }] }]"/>
-                </a-form-item>
-              </a-form>
-            </a-modal>
-
-            <a-modal okText="ایجاد" cancelText="بستن" forceRender  v-model="showAddDocument" title="افزودن سند" @ok="addDocs">
-              <a-form :form="fromDocs">
-
-                <a-form-item label="نوع" has-feedback>
-
-                  <a-select
-                      v-decorator="['type']"
-                      placeholder="انتخاب نوع"
+              </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
+                      :disabled="!$getAccess('personnel.basic.update')"
+                      :multiple="false"
+                      action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
+                      :file-list="contractFileList"
+                      :default-file-list="contractFileList"
+                      @change="contractFileUpload"
+                      :remove="contractFileRemove"
                   >
-                    <a-select-option value="1">
-                      حکم
-                    </a-select-option>
-                    <a-select-option value="2">
-                      اخطار
-                    </a-select-option>
-                    <a-select-option value="3">
-                      پاداش
-                    </a-select-option>
-                  </a-select>
-                </a-form-item>
-                <a-form-item label="شرح">
+                    <p class="ant-upload-drag-icon">
+                      <a-icon type="inbox"/>
+                    </p>
+                    <p class="ant-upload-text">
+                      فایل را درگ کنید یا اینکه کاوش کنید.
+                    </p>
+                    <p class="ant-upload-hint">
+                      فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                    </p>
+                  </a-upload-dragger>
 
-                  <input class="ant-input"   style="width:100%"
-                         autocomplete="off"
-                         v-decorator="['note']"
-                  />
-                </a-form-item>
-                <a-form-item label="فایل">
-                  <div class="dropbox">
-                    <a-upload-dragger
-                        v-if="!isAlertUpload"
-                        :customRequest="uploadImage"
-                        :show-upload-list="false"
-                        :before-upload="beforeUpload"
-                    >
-                      <p class="ant-upload-drag-icon">
-                        <a-icon type="inbox" />
-                      </p>
-                      <p class="ant-upload-text">
-                        فایل را درگ کنید یا اینکه کاوش کنید.
-                      </p>
-                      <p class="ant-upload-hint">
-                        تصویر که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                      </p>
-                    </a-upload-dragger>
-                    <div v-else>
-                      <a-alert message="آپلود سند با موفقیت انجام شد." type="success" />
-                    </div>
-                  </div>
-                </a-form-item>
-              </a-form>
+                  <!--                    <a-upload-dragger
+                                          :customRequest="uploadImage"
+                                          :file-list="contractFileList"
+                                          :before-upload="beforeUpload"
+                                      >
+                                        <p class="ant-upload-drag-icon">
+                                          <a-icon type="inbox" />
+                                        </p>
+                                        <p class="ant-upload-text">
+                                          فایل را درگ کنید یا اینکه کاوش کنید.
+                                        </p>
+                                        <p class="ant-upload-hint">
+                                          تصویر که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                                        </p>
+                                      </a-upload-dragger>-->
+                  <!--                    <div v-else>
+                                        <a-alert message="آپلود سند با موفقیت انجام شد." type="success" />
+                                      </div>-->
+                </div>
+              </a-form-item>
+            </a-form>
+          </a-modal>
 
-            </a-modal>
+          <a-modal @ok="savefromPerformance" okText="ایجاد" forceRender cancelText="بستن" v-model="showAddPerformance"
+                   title="افزودن ارزیابی عملکرد">
+            <a-form :form="fromPerformance">
+              <a-form-item label="نمره">
+                <a-input-number autocomplete="off" :min="0" :max="20"
+                                v-decorator="['score',{ rules:[{ required: true, message: 'وارد کردن الزامی است'  }] }]"/>
+              </a-form-item>
+              <a-form-item label="برنامه توسعه دوره">
+                <input class="ant-input" autocomplete="off"
+                       v-decorator="['note',{ rules:[{ required: false, message: 'وارد کردن الزامی است'  }] }]"/>
+              </a-form-item>
+            </a-form>
+          </a-modal>
 
-            <a-modal okText="ثبت" cancelText="بستن" forceRender  v-model="showTermination" title="فسخ قرارداد" @ok="addtermination">
-              <a-form :form="formTermination">
-                <!-- <a-form-item label="تاریخ فسخ قرارداد">
-                   <input class="ant-input"  autocomplete="off" v-decorator="['date_termination']" />
-                   &lt;!&ndash;v-model="contract[activeContract].date_termination"&ndash;&gt;
-                 </a-form-item>-->
-                <a-form-item label="تاریخ فسخ قرارداد">
-                  <date-picker v-model="date_termination"/>
-                </a-form-item>
-                <a-form-item label="دلیل فسخ قرارداد">
-                  <input class="ant-input"  autocomplete="off" v-decorator="['reason_termination']" />
-                  <!--v-model="contract[activeContract].reason_termination"-->
-                </a-form-item>
-              </a-form>
-            </a-modal>
+          <a-modal okText="ایجاد" cancelText="بستن" forceRender v-model="showAddDocument" title="افزودن سند"
+                   @ok="addDocs">
+            <a-form :form="fromDocs">
 
-<!--            <a-modal okText="چاپ" :footer="null" cancelText="بستن" forceRender  v-model="showContractPrint" title="شماره قرارداد" >
-               &lt;!&ndash; <a-form-item label="شماره قرارداد">
-                  <input class="ant-input"  autocomplete="off" v-model="contractNumber" />
-                </a-form-item>&ndash;&gt;
-              <a-form-item label="نوع قرارداد">
-                <a-select  v-model="contractType" style="width: 120px" >
-                  <a-select-option v-for="(item,index) in contractTypes" :value="index">
-                    {{ item }}
+              <a-form-item label="نوع" has-feedback>
+
+                <a-select
+                    v-decorator="['type']"
+                    placeholder="انتخاب نوع"
+                >
+                  <a-select-option value="1">
+                    حکم
+                  </a-select-option>
+                  <a-select-option value="2">
+                    اخطار
+                  </a-select-option>
+                  <a-select-option value="3">
+                    پاداش
                   </a-select-option>
                 </a-select>
               </a-form-item>
-              <a-button :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${contractId}&type=${contractType}`" target="_blank">چاپ قرداد</a-button>
-           </a-modal>-->
-          </a-card>
-        </div>
-      </a-spin>
-    </div>
+              <a-form-item label="شرح">
+
+                <input class="ant-input" style="width:100%"
+                       autocomplete="off"
+                       v-decorator="['note']"
+                />
+              </a-form-item>
+              <a-form-item label="فایل">
+                <div class="dropbox">
+                  <a-upload-dragger
+                      v-if="!isAlertUpload"
+                      :customRequest="uploadImage"
+                      :show-upload-list="false"
+                      :before-upload="beforeUpload"
+                  >
+                    <p class="ant-upload-drag-icon">
+                      <a-icon type="inbox"/>
+                    </p>
+                    <p class="ant-upload-text">
+                      فایل را درگ کنید یا اینکه کاوش کنید.
+                    </p>
+                    <p class="ant-upload-hint">
+                      تصویر که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                    </p>
+                  </a-upload-dragger>
+                  <div v-else>
+                    <a-alert message="آپلود سند با موفقیت انجام شد." type="success"/>
+                  </div>
+                </div>
+              </a-form-item>
+            </a-form>
+
+          </a-modal>
+
+          <a-modal okText="ثبت" cancelText="بستن" forceRender v-model="showTermination" title="فسخ قرارداد"
+                   @ok="addtermination">
+            <a-form :form="formTermination">
+              <!-- <a-form-item label="تاریخ فسخ قرارداد">
+                 <input class="ant-input"  autocomplete="off" v-decorator="['date_termination']" />
+                 &lt;!&ndash;v-model="contract[activeContract].date_termination"&ndash;&gt;
+               </a-form-item>-->
+              <a-form-item label="تاریخ فسخ قرارداد">
+                <input v-if="!date_termination" class="hidden" autocomplete="off"
+                       v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                <date-picker v-model="date_termination"/>
+              </a-form-item>
+              <a-form-item label="دلیل فسخ قرارداد">
+                <input class="ant-input" autocomplete="off" v-decorator="['reason_termination']"/>
+                <!--v-model="contract[activeContract].reason_termination"-->
+              </a-form-item>
+            </a-form>
+          </a-modal>
+
+          <!--            <a-modal okText="چاپ" :footer="null" cancelText="بستن" forceRender  v-model="showContractPrint" title="شماره قرارداد" >
+                         &lt;!&ndash; <a-form-item label="شماره قرارداد">
+                            <input class="ant-input"  autocomplete="off" v-model="contractNumber" />
+                          </a-form-item>&ndash;&gt;
+                        <a-form-item label="نوع قرارداد">
+                          <a-select  v-model="contractType" style="width: 120px" >
+                            <a-select-option v-for="(item,index) in contractTypes" :value="index">
+                              {{ item }}
+                            </a-select-option>
+                          </a-select>
+                        </a-form-item>
+                        <a-button :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${contractId}&type=${contractType}`" target="_blank">چاپ قرداد</a-button>
+                     </a-modal>-->
+        </a-card>
+      </div>
+    </a-spin>
+  </div>
 
 </template>
 
 <script>
 
-    import tbl from './personelTbl';
-    import XTable from "@/components/new-x-table/XTable";
-    import axios from "@/axios";
-    import moment from 'moment-jalaali'
-    //import Button from "@/views/components/vuesax/button/Button";
-    import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
-    import themeConfig from '@/../themeConfig.js'
-    import SingleUploadInput from '@/components/SingleUploadInput'
-    import Button from "@/views/components/vuesax/button/Button";
+import tbl from './personelTbl';
+import XTable from "@/components/new-x-table/XTable";
+import axios from "@/axios";
+//import Button from "@/views/components/vuesax/button/Button";
+import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
+import themeConfig from '@/../themeConfig.js'
+import SingleUploadInput from '@/components/SingleUploadInput'
+import Button from "@/views/components/vuesax/button/Button";
 
-    function getBase64(file) {
-      return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.readAsDataURL(file);
-        reader.onload = () => resolve(reader.result);
-        reader.onerror = error => reject(error);
-      });
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+
+
+export default {
+  components: {
+    Button,
+    //Button,
+    XTable,
+    SingleUploadInput,
+    datePicker: VuePersianDatetimePicker
+  },
+  data() {
+    return {
+      flags: {
+        gender: undefined,
+        marriage_sts: undefined,
+      },
+      prsonalFileList: [],
+      file_id: undefined,
+      fileList: [],
+      documentFileList: [],
+      documents: [],
+      loading: false,
+      imageUrl: '',
+      previewVisible: false,
+      /*previewVisible: false,*/
+      previewImage: '',
+      category: [],
+      showLoading: false,
+      cols: null,
+      showTermination: false,
+      frm1: this.$form.createForm(this, {name: 'cordinate'}),
+      form: this.$form.createForm(this, {name: 'cordinate'}),
+      fromPersonel: this.$form.createForm(this, {name: 'cordinate'}),
+      fromPerformance: this.$form.createForm(this, {name: 'cordinate'}),
+      fromEducationalInformation: this.$form.createForm(this, {name: 'cordinate'}),
+      fromDocs: this.$form.createForm(this, {name: 'cordinate'}),
+      fromContract: this.$form.createForm(this, {name: 'cordinate'}),
+      formTermination: this.$form.createForm(this, {name: 'cordinate'}),
+      contractModel: {
+        start_at: '',
+        end_at: '',
+        salary: 0,
+        worker_coupon: 0,
+        housing_allowance: 0,
+        right_attraction: 0,
+        right_guardianship: 0,
+        reason_termination: ''
+      },
+      date_termination: null,
+      showPersonalModal: false,
+      showAddEducationalInformation: false,
+      showAddContract: false,
+      showAddPerformance: false,
+      showAddDocument: false,
+      personel: {},
+      personelBirthDate: null,
+      estimate: [],
+      writ: [],
+      training: [],
+      contract: [],
+      isAlertUpload: false,
+      isAlertUploadContract: false,
+      isShowDocs: false,
+      image_data: null,
+      personalDetails: {},
+      activeContract: null,
+      contractId: '',
+      contractNumber: '',
+      contractType: "1",
+      showContractPrint: false,
+      //profile_file:null,
+
+
+      //  editing mode add
+      editContractFlag: false,
+      // editingContractIndex : undefined,
+      contractTypes: undefined,
+      work_units: [],
+      showName: false,
+      contractFileList: []
     }
+  },
+  methods: {
+    setMarriage_sts(event) {
+      this.flags.marriage_sts = event.target.value
+    },
+    setGender(event) {
+      this.flags.gender = event.target.value
+    },
+    printContract(event, id) {
+      window.open(`http://hr.asco-intl.com:2020/kernel/api/personnel/print?type=${event.key}&id=${id}`, '_blank').focus()
+    },
+    contractFileUpload({fileList, event, file}) {
+      if (file.response && file.response.id) {
+        this.image_data = file.response
+      }
+      this.contractFileList = fileList;
+    },
+    contractFileRemove() {
+      this.image_data = null
+    },
+    fileUpload({fileList, event, file}) {
+      if (file.response && file.response.id) {
+        this.file_id = file.response;
+      }
+      this.prsonalFileList = fileList;
+    },
+    fileRemove() {
+      this.file_id = null
+    },
+    checkPermission(index) {
+      const steps = {
+        1: 'personnel.basic.update',
+        3: 'personnel.train',
+        4: 'personnel.contract',
+        5: 'personnel.intro',
+        6: 'personnel.delivery',
+        7: 'personnel.function',
+        8: 'personnel.rule'
+      }
+      return !this.$getAccess(steps[index])
+    },
+    async detectEditMode(e) {
+      await this.addContract(e)
+      if (this.editContractFlag)
+        this.editContractFlag = false
+    },
+    openEditingContractModal(item, index) {
+      console.log(this.contractTypes)
+      console.log(item)
+      item.type = item.type ? item.type.toString() : undefined
+      if (item.file) {
+        this.contractFileList = [{uid: item.file.id, name: item.file.filename, status: 'done', url: item.file.storage}]
+      }
+      this.activeContract = index
+      this.editContractFlag = true
+      this.showAddContract = true
+      this.contractModel.end_at = item.end_at
+      this.contractModel.start_at = item.start_at
+      // console.log("item:::::::::::::",item)
+      console.log(item)
+      this.fromContract.setFieldsValue(item)
 
-
-    export default {
-        components:{
-          Button,
-            //Button,
-            XTable,
-            SingleUploadInput,
-            datePicker: VuePersianDatetimePicker
-        },
-        data() {
-            return {
-                flags:{
-                  gender: undefined,
-                  marriage_sts: undefined,
-                },
-                prsonalFileList:[],
-                file_id:undefined,
-                fileList: [],
-                documentFileList: [],
-                documents:[],
-                loading: false,
-                imageUrl: '',
-                previewVisible:false,
-                /*previewVisible: false,*/
-                previewImage: '',
-                category:[],
-                showLoading:false,
-                cols:null,
-                showTermination:false,
-                frm1:this.$form.createForm(this, {name: 'cordinate'}),
-                form:this.$form.createForm(this, {name: 'cordinate'}),
-                fromPersonel:this.$form.createForm(this, {name: 'cordinate'}),
-                fromPerformance:this.$form.createForm(this, {name: 'cordinate'}),
-                fromEducationalInformation:this.$form.createForm(this, {name: 'cordinate'}),
-                fromDocs:this.$form.createForm(this, {name: 'cordinate'}),
-                fromContract:this.$form.createForm(this, {name: 'cordinate'}),
-                formTermination:this.$form.createForm(this, {name: 'cordinate'}),
-                contractModel:{
-                    start_at:'',
-                    end_at:'',
-                    salary:0,
-                    worker_coupon:0,
-                    housing_allowance:0,
-                    right_attraction:0,
-                    right_guardianship:0,
-                    reason_termination:''
-                },
-                date_termination:null,
-                showPersonalModal:false,
-                showAddEducationalInformation:false,
-                showAddContract:false,
-                showAddPerformance:false,
-                showAddDocument:false,
-                personel:{},
-                estimate:[],
-                writ:[],
-                training:[],
-                contract:[],
-                isAlertUpload:false,
-                isAlertUploadContract:false,
-                isShowDocs:false,
-                image_data:null,
-                personalDetails:{},
-                activeContract:null,
-                contractId:'',
-                contractNumber:'',
-                contractType:"1",
-                showContractPrint:false,
-                //profile_file:null,
-
-
-            //  editing mode add
-              editContractFlag : false,
-              // editingContractIndex : undefined,
-              contractTypes:undefined,
-              work_units:[],
-              showName:false,
-              contractFileList:[]
-            }
-        },
-        methods:{
-          setMarriage_sts(event){
-            this.flags.marriage_sts = event.target.value
-          },
-          setGender(event){
-            this.flags.gender = event.target.value
-          },
-          printContract(event,id){
-            window.open(`http://hr.asco-intl.com:2020/kernel/api/personnel/print?type=${event.key}&id=${id}`, '_blank').focus()
-          },
-          getTime(date){
-            return moment(date,'YYYY-MM-DD HH:mm:ss').format('jYYYY/jM/jD-HH:mm')
-          },
-          contractFileUpload({fileList, event, file}){
-            if (file.response && file.response.id) {
-              this.image_data = file.response
-            }
-            this.contractFileList = fileList;
-          },
-          contractFileRemove(){
-            this.image_data = null
-          },
-          fileUpload({fileList, event, file}){
-            if (file.response && file.response.id) {
-              this.file_id = file.response;
-            }
-            this.prsonalFileList = fileList;
-          },
-          fileRemove(){
-            this.file_id = null
-          },
-          checkPermission(index){
-            const steps = {
-              1:'personnel.basic.update',
-              3:'personnel.train',
-              4:'personnel.contract',
-              5:'personnel.intro',
-              6:'personnel.delivery',
-              7:'personnel.function',
-              8:'personnel.rule'
+    },
+    addContract(e) {
+      e.preventDefault();
+      this.fromContract.validateFields((err, values) => {
+        if (!err) {
+          if (this.image_data) {
+            values.contract_file_id = this.image_data.id
           }
-            return !this.$getAccess(steps[index])
-          },
-          async detectEditMode(e){
-            await this.addContract(e)
-            if(this.editContractFlag)
-              this.editContractFlag = false
-          },
-          openEditingContractModal(item,index){
-            console.log(this.contractTypes)
-            console.log(item)
-            item.type = item.type?item.type.toString():undefined
-            if(item.file){
-              this.contractFileList = [{ uid:item.file.id, name: item.file.filename, status: 'done', url:item.file.storage }]
-            }
-            this.activeContract = index
-            this.editContractFlag = true
-            this.showAddContract = true
-            this.contractModel.end_at = item.end_at
-            this.contractModel.start_at = item.start_at
-            // console.log("item:::::::::::::",item)
-            this.fromContract.setFieldsValue(item)
-
-          },
-          addContract(e){
-            e.preventDefault();
-            this.fromContract.validateFields((err, values) => {
-              if (!err) {
-                if(this.image_data){
-                  values.contract_file_id = this.image_data.id
-                }
-                if(values.work_unit=="new"){
-                  values.work_unit = values.work_unit_name
-                }
-                if(this.editContractFlag){
-                  values.start_at = this.contractModel.start_at
-                  values.end_at = this.contractModel.end_at
-                  this.contract[this.activeContract] = Object.assign(this.contract[this.activeContract], values)
-                  console.log("model",this.contractModel)
-                  this.contractModel = {start_at:'', end_at:'', salary:0, worker_coupon:0, housing_allowance:0, right_attraction:0, right_guardianship:0, reason_termination:''}
-                }
-                else {
-                  // console.log("adding")
-                  values.start_at = this.contractModel.start_at
-                  values.end_at = this.contractModel.end_at
-                  this.contract.push(values);
-                }
-                console.log("data",this.contract[this.editingContractIndex])
-                this.saveData();
-                this.showAddContract = false;
-                this.$message.success('اطلاعات با موفقیت ثبت شد');
-                this.fromContract.resetFields();
-                this.image_data=null;
-                // console.log('contract',this.contract);
-              }
-            });
-          },
-          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=[];
-            //this.profile_file=null;
-          },
-          async handlePreview(file) {
-            if (!file.url && !file.preview) {
-              file.preview = await getBase64(file.originFileObj);
-            }
-            this.previewImage = file.url || file.preview;
-            this.previewVisible = true;
-          },
-          handleCancel() {
-            this.previewVisible = false;
-          },
-          handleChange(info) {
-            console.log(info);
-            if (info.file.status === 'uploading') {
-              this.loading = true;
-              return;
-            }
-            if (info.file.status === 'done') {
-              this.loading = false;
-              this.fileList.push({ uid: '-1', name: 'image.png', status: 'done', url:info.file.response.storage });
-              console.log(this.fileList);
-              getBase64(info.file.originFileObj, imageUrl => {
-                this.imageUrl = imageUrl;
-                this.loading = false;
-              });
-            }
-          },
-          showTerminationModal(index){
-              this.activeContract=index;
-              this.showTermination=true;
-          },
-          addtermination(e){
-            e.preventDefault();
-            this.formTermination.validateFields(async(err, values) => {
-              if (!err) {
-                try{
-                  this.contract[this.activeContract].date_termination=moment(this.date_termination,'jYYYY/jM/jD').format('YYYY-M-D'); //values.date_termination;
-                  this.contract[this.activeContract].reason_termination=values.reason_termination;
-                  this.showTermination=false;
-                  this.formTermination.resetFields();
-                  this.saveData();
-                }catch (e) {
-                  this.$ntSetError()
-                  throw e
-                }finally {
-                  this.$refs.personelTbl.fetch();
-                }
-              }
-            });
-          },
-          removetermination(index){
-            try{
-              this.contract[index].date_termination=null
-              this.contract[index].datej_termination=null
-              this.contract[index].reason_termination=null
-              this.saveData();
-            }catch (e) {
-              this.$ntSetError()
-              throw e
-            }finally {
-              this.$refs.personelTbl.fetch();
-            }
-          },
-          async saveData(){
-            this.fromPersonel.validateFields(async(err, values) => {
-              if (!err) {
-                try{
-                  this.$vs.loading()
-                  values.proposal.count_child = parseInt(values.proposal.count_child)
-                  values.proposal.file_id = this.file_id
-                  //console.log(values);
-                  values.id=this.personel.id;
-                  //values.profile_file=this.profile_file;
-                  values.contract=this.contract;
-                  values.writ=this.writ;
-                  values.training = this.training
-                  values.estimate = this.estimate
-                 /*values.document=this.documentFileList.map((item)=>{
-                    return item.uid;
-                  });*/
-                  values.documents=this.documents;
-                  if (!this.$getAccess('personnel.basic.update')) {
-                    values.proposal = this.personel.proposal
-                    values.bank_card_number = this.personel.bank_card_number
-                    values.bank_account = this.personel.bank_account
-                    values.name = this.personel.name
-                    values.insurance_no = this.personel.insurance_sts
-                    values.insurance_sts = this.personel.insurance_sts
-                    values.ncode = this.personel.ncode
-                    values.documents = this.personel.documents
-                    values.personel_id = this.personel.personel_id
-                    values.profile_file = this.personel.profile_file
-                  }
-                  if (!this.$getAccess('personnel.train')) {
-                    values.training = this.personel.training
-                  }
-                  if (!this.$getAccess('personnel.contract')) {
-                    values.contract = this.personel.contract
-                  }
-                  if (!this.$getAccess('personnel.intro')) {
-                    values.intro_checklist = this.personel.intro_checklist
-                  }
-                  if (!this.$getAccess('personnel.delivery')) {
-                    values.equip_checklist = this.personel.equip_checklist
-                  }
-                  if (!this.$getAccess('personnel.function')) {
-                    values.estimate = this.personel.estimate
-                  }
-                  if (!this.$getAccess('personnel.rule')) {
-                    values.writ = this.personel.writ
-                  }
-                  await axios.post('personnel/update',values);
-                  this.getdata(this.personel.id);
-                  this.$ntSet()
-                }catch (e) {
-                  this.$ntSetError()
-                  throw e
-                }finally {
-                  this.$refs.personelTbl.fetch();
-                  this.$vs.loading.close()
-                  this.showAddPerformance = false
-                  this.showAddDocument = false
-                  this.showPersonalModal = false
-                  this.showAddEducationalInformation = false
-                  this.showAddContract = false
-                  this.showTermination = false
-                  this.showTermination = false
-                }
-              }
-            });
-          },
-            handleSubmit(e){
-                e.preventDefault();
-                this.frm1.validateFields((err, values) => {
-                    if (!err) {
-                        console.log(values);
-                    }
-                });
-            },
-            savefromPerformance(e){
-                e.preventDefault();
-                this.fromPerformance.validateFields((err, values) => {
-                    if (!err) {
-                        this.estimate.push(values);
-                        this.showAddPerformance = false;
-                        this.$message.success('اطلاعات با موفقیت ثبت شد');
-                        this.fromPerformance.resetFields();
-                        this.saveData();
-                    }
-                });
-            },
-            async removeContract(item)
-            {
-                if(item.id)
-                {
-                    try {
-                        await axios.post('/personnel/remove-contract', {id:item.id});
-                        this.getdata(this.personel.id);
-                    }catch (e)
-                    {
-                        throw e;
-                    }
-                }
-                else
-                {
-                    const index = this.contract.indexOf(item);
-                    this.contract.splice(index,1);
-                }
-            },
-            async removeEstimate(item)
-            {
-                if(item.id)
-                {
-                    try {
-                        await axios.post('/personnel/remove-estimate', {id:item.id});
-                        await this.getdata(this.personel.id);
-                    }catch (e)
-                    {
-                        throw e;
-                    }
-                }
-                else
-                {
-                    const index = this.estimate.indexOf(item);
-                    this.getdata.splice(index,1);
-                }
-            },
-            addDocs(e){
-                e.preventDefault();
-                this.fromDocs.validateFields((err, values) => {
-                    if (!err) {
-                        if(this.image_data){
-                            values.file_id = this.image_data.id
-                            values.file = this.image_data.storage
-                        }
-                        this.writ.push(values);
-                        this.showAddDocument = false;
-                        this.$message.success('اطلاعات با موفقیت ثبت شد');
-                        this.fromDocs.resetFields();
-                        this.image_data=null;
-                        this.saveData();
-                    }
-                });
-            },
-            addEdu(e){
-                e.preventDefault();
-                this.fromEducationalInformation.validateFields((err, values) => {
-                    if (!err) {
-                        if(this.image_data){
-                            values.file_id = this.image_data.id
-                            values.file = this.image_data.storage
-                        }
-                        this.training.push(values);
-                        this.showAddEducationalInformation = false;
-                        this.$message.success('اطلاعات با موفقیت ثبت شد');
-                        this.fromEducationalInformation.resetFields();
-                        this.image_data=null;
-                      this.saveData();
-                    }
-                });
-            },
-            savefromPersonel(e) {
-                e.preventDefault();
-                this.fromPersonel.validateFields(async(err, values) => {
-                    if (!err) {
-                        try{
-                            this.saveData();
-                            this.getdata(this.personel.id);
-                            //this.$ntSet()
-                            this.showPersonalModal = false
-                        }catch (e) {
-                            this.$ntSetError()
-                            throw e
-                        }finally {
-                            this.$refs.personelTbl.fetch();
-                        }
-                    }
-                });
-            },
-            async getdata(id)
-            {
-                try {
-                    const personelData = await axios.post('/personnel/get-data', {id:id});
-                    this.contract=personelData.data.contract;
-                    this.writ=personelData.data.writ;
-                    this.estimate=personelData.data.estimate;
-                    this.training=personelData.data.training;
-                    //for per
-                    this.personel.contract = this.contract
-                    this.personel.writ = this.writ
-                    this.personel.estimate = this.estimate
-                    this.personel.training = this.training
-                }catch (error)
-                {
-                    console.log(error);
-                    throw  error;
-                }
-            },
-
-            async okDelete(item){
-                try{
-                    await axios.delete('remove/estimate',{id:item.id})
-                }catch (e) {
-                    this.$ntSetError()
-
-                }
-                // const index = this.estimate.indexOf(item)
-                // this.estimate.splice(index,1)
-            },
-
-            async removeDocs(item){
-                if(item.id)
-                {
-                    try {
-                        await axios.post('/personnel/remove-writ', {id:item.id});
-                        this.getdata(this.personel.id);
-                    }catch (e)
-                    {
-                        throw e;
-                    }
-                }
-                else
-                {
-                    const index = this.writ.indexOf(item);
-                    this.writ.splice(index,1);
-                }
-            },
-
-           async removeEdu(item){
-              if(item.id)
-              {
-                try {
-                  await axios.post('/personnel/remove-traning', {id:item.id});
-                  await this.getdata(this.personel.id);
-                }catch (e)
-                {
-                  throw e;
-                }
-              }
-              else
-              {
-                const index = this.training.indexOf(item);
-                this.getdata.splice(index,1);
-              }
-               // const index = this.training.indexOf(item)
-                //this.training.splice(index,1)
-            },
-
-            async uploadImage(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 uploadDocument(input) {
-              try {
-                let formData = new-x-table 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-x-table 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;
-              console.log(data);
-              this.fileList=data.map((item)=>{
-                return { uid: item.id, name: item.filename,status: 'done',url: item.storage}
-              });
-              console.log(this.fileList)
-              this.$message.success('آپلود سند با موفقیت انجام شد.');
-              //this.isAlertUpload = true
-            } catch (e) {
-              this.$message.error('خطا در بارگذاری اطلاعات');
-            } finally {
-
-            }
-          },*/
-            beforeUpload(file) {
-                const isFormat = ['image/']
-                const isJpgOrPng = isFormat.some((item) =>file.type.includes(item));
-                if (!isJpgOrPng) {
-                    this.$message.error('نوع فایل قابل قبول نیست.');
-                }
-                const isLt2M = file.size / 1024 / 1024 < 5;
-                if (!isLt2M) {
-                    this.$message.error(`سایز فایل نمی تواند بیشتر از ۵ مگ باشد.`);
-                }
-                return isLt2M && isJpgOrPng;
-            },
-            async showPersonal(record) {
-                try {
-                    if(record.proposal.file){
-                      this.file_id = record.proposal.file.id
-                      this.prsonalFileList= [{ uid:record.proposal.file.id, name: record.proposal.file.filename, status: 'done', url:record.proposal.file.storage }]
-                    }
-                    record.proposal.military_sts = record.proposal.military_sts?`${record.proposal.military_sts}`:undefined
-                    this.showLoading=true;
-                    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.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;
-                    this.personel = record;
-                    this.flags = {gender: record.proposal.gender, marriage_sts: record.proposal.marriage_sts,}
-                    this.$nextTick(()=>{
-                        this.fromPersonel.setFieldsValue(record);
-                    });
-                    this.showLoading=false;
-                }catch (e) {
-                    throw e
-                }finally {
-
-                }
-            },
-          //get contract types
-          async getTypes(){
-            try {
-              const {data} = await axios.get('/personnel/type')
-              this.contractTypes = data
-            }catch (e) {
-              throw e
-            }
-          },
-          async getUnits(){
-            try {
-              let {data} = await axios.get('/personnel/unit')
-              data.push
-              ({
-                id: "new",
-                value: "افزودن واحد جدید"
-              })
-              this.work_units = data
-            }catch (e) {
-              throw e
-            }
-          },
-          async selectChange(id){
-            if (id == "new") {
-              this.showName = true
-            }
+          if (values.work_unit == "new") {
+            values.work_unit = values.work_unit_name
           }
-
-        },
-        beforeCreate() {
-        },
-        computed:{
-            getBaseURL()
-            {
-                return themeConfig.baseUrl;
+          if (this.editContractFlag) {
+            values.start_at = this.contractModel.start_at
+            values.end_at = this.contractModel.end_at
+            this.contract[this.activeContract] = Object.assign(this.contract[this.activeContract], values)
+            console.log("model", this.contractModel)
+            this.contractModel = {
+              start_at: '',
+              end_at: '',
+              salary: 0,
+              worker_coupon: 0,
+              housing_allowance: 0,
+              right_attraction: 0,
+              right_guardianship: 0,
+              reason_termination: ''
             }
-        },
-        mounted() {
-
-        },
-        created() {
-           axios.get('/get-category')
-              .then((res) => {
-                //console.log(res.data);
-                this.category=res.data;
-              }).catch((error) => {
-                this.$message.error('خطا در دریافت اطلاعات');
-              });
-            this.cols = tbl;
-
-            this.getTypes()
-            this.getUnits()
+          } else {
+            // console.log("adding")
+            values.start_at = this.contractModel.start_at
+            values.end_at = this.contractModel.end_at
+            this.contract.push(values);
+          }
+          console.log("data", this.contract[this.editingContractIndex])
+          this.saveData();
+          this.showAddContract = false;
+          this.$message.success('اطلاعات با موفقیت ثبت شد');
+          this.fromContract.resetFields();
+          this.image_data = null;
+          // console.log('contract',this.contract);
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
         }
+      });
+    },
+    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 = [];
+      //this.profile_file=null;
+    },
+    async handlePreview(file) {
+      if (!file.url && !file.preview) {
+        file.preview = await getBase64(file.originFileObj);
+      }
+      this.previewImage = file.url || file.preview;
+      this.previewVisible = true;
+    },
+    handleCancel() {
+      this.previewVisible = false;
+    },
+    handleChange(info) {
+      console.log(info);
+      if (info.file.status === 'uploading') {
+        this.loading = true;
+        return;
+      }
+      if (info.file.status === 'done') {
+        this.loading = false;
+        this.fileList.push({uid: '-1', name: 'image.png', status: 'done', url: info.file.response.storage});
+        console.log(this.fileList);
+        getBase64(info.file.originFileObj, imageUrl => {
+          this.imageUrl = imageUrl;
+          this.loading = false;
+        });
+      }
+    },
+    showTerminationModal(index) {
+      this.activeContract = index;
+      this.showTermination = true;
+    },
+    addtermination(e) {
+      e.preventDefault();
+      this.formTermination.validateFields(async (err, values) => {
+        if (!err) {
+          try {
+            this.contract[this.activeContract].date_termination = this.date_termination //values.date_termination;
+            this.contract[this.activeContract].reason_termination = values.reason_termination;
+            this.showTermination = false;
+            this.formTermination.resetFields();
+            this.saveData();
+          } catch (e) {
+            this.$ntSetError()
+            throw e
+          } finally {
+            this.$refs.personelTbl.fetch();
+          }
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    removetermination(index) {
+      try {
+        this.contract[index].date_termination = null
+        this.contract[index].datej_termination = null
+        this.contract[index].reason_termination = null
+        this.saveData();
+      } catch (e) {
+        this.$ntSetError()
+        throw e
+      } finally {
+        this.$refs.personelTbl.fetch();
+      }
+    },
+    async saveData() {
+      this.fromPersonel.validateFields(async (err, values) => {
+        if (!err) {
+          try {
+            this.$vs.loading()
+            values.proposal.count_child = parseInt(values.proposal.count_child)
+            values.proposal.birth_date = this.personelBirthDate
+            values.proposal.file_id = this.file_id
+            //console.log(values);
+            values.id = this.personel.id;
+            //values.profile_file=this.profile_file;
+            values.contract = this.contract;
+            values.writ = this.writ;
+            values.training = this.training
+            values.estimate = this.estimate
+            /*values.document=this.documentFileList.map((item)=>{
+               return item.uid;
+             });*/
+            values.documents = this.documents;
+            if (!this.$getAccess('personnel.basic.update')) {
+              values.proposal = this.personel.proposal
+              values.bank_card_number = this.personel.bank_card_number
+              values.bank_account = this.personel.bank_account
+              values.name = this.personel.name
+              values.insurance_no = this.personel.insurance_sts
+              values.insurance_sts = this.personel.insurance_sts
+              values.ncode = this.personel.ncode
+              values.documents = this.personel.documents
+              values.personel_id = this.personel.personel_id
+              values.profile_file = this.personel.profile_file
+            }
+            if (!this.$getAccess('personnel.train')) {
+              values.training = this.personel.training
+            }
+            if (!this.$getAccess('personnel.contract')) {
+              values.contract = this.personel.contract
+            }
+            if (!this.$getAccess('personnel.intro')) {
+              values.intro_checklist = this.personel.intro_checklist
+            }
+            if (!this.$getAccess('personnel.delivery')) {
+              values.equip_checklist = this.personel.equip_checklist
+            }
+            if (!this.$getAccess('personnel.function')) {
+              values.estimate = this.personel.estimate
+            }
+            if (!this.$getAccess('personnel.rule')) {
+              values.writ = this.personel.writ
+            }
+            await axios.post('personnel/update', values);
+            this.getdata(this.personel.id);
+            this.$ntSet()
+          } catch (e) {
+            this.$ntSetError()
+            throw e
+          } finally {
+            this.$refs.personelTbl.fetch();
+            this.$vs.loading.close()
+            this.showAddPerformance = false
+            this.showAddDocument = false
+            this.showPersonalModal = false
+            this.showAddEducationalInformation = false
+            this.showAddContract = false
+            this.showTermination = false
+            this.showTermination = false
+          }
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    handleSubmit(e) {
+      e.preventDefault();
+      this.frm1.validateFields((err, values) => {
+        if (!err) {
+          console.log(values);
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    savefromPerformance(e) {
+      e.preventDefault();
+      this.fromPerformance.validateFields((err, values) => {
+        if (!err) {
+          this.estimate.push(values);
+          this.showAddPerformance = false;
+          this.$message.success('اطلاعات با موفقیت ثبت شد');
+          this.fromPerformance.resetFields();
+          this.saveData();
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    async removeContract(item) {
+      if (item.id) {
+        try {
+          await axios.post('/personnel/remove-contract', {id: item.id});
+          this.getdata(this.personel.id);
+        } catch (e) {
+          throw e;
+        }
+      } else {
+        const index = this.contract.indexOf(item);
+        this.contract.splice(index, 1);
+      }
+    },
+    async removeEstimate(item) {
+      if (item.id) {
+        try {
+          await axios.post('/personnel/remove-estimate', {id: item.id});
+          await this.getdata(this.personel.id);
+        } catch (e) {
+          throw e;
+        }
+      } else {
+        const index = this.estimate.indexOf(item);
+        this.getdata.splice(index, 1);
+      }
+    },
+    addDocs(e) {
+      e.preventDefault();
+      this.fromDocs.validateFields((err, values) => {
+        if (!err) {
+          if (this.image_data) {
+            values.file_id = this.image_data.id
+            values.file = this.image_data.storage
+          }
+          this.writ.push(values);
+          this.showAddDocument = false;
+          this.$message.success('اطلاعات با موفقیت ثبت شد');
+          this.fromDocs.resetFields();
+          this.image_data = null;
+          this.saveData();
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    addEdu(e) {
+      e.preventDefault();
+      this.fromEducationalInformation.validateFields((err, values) => {
+        if (!err) {
+          if (this.image_data) {
+            values.file_id = this.image_data.id
+            values.file = this.image_data.storage
+          }
+          this.training.push(values);
+          this.showAddEducationalInformation = false;
+          this.$message.success('اطلاعات با موفقیت ثبت شد');
+          this.fromEducationalInformation.resetFields();
+          this.image_data = null;
+          this.saveData();
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    savefromPersonel(e) {
+      e.preventDefault();
+      this.fromPersonel.validateFields(async (err, values) => {
+        if (!err) {
+          try {
+            this.saveData();
+            this.getdata(this.personel.id);
+            //this.$ntSet()
+            this.showPersonalModal = false
+          } catch (e) {
+            this.$ntSetError()
+            throw e
+          } finally {
+            this.$refs.personelTbl.fetch();
+          }
+        }
+      });
+    },
+    async getdata(id) {
+      try {
+        const personelData = await axios.post('/personnel/get-data', {id: id});
+        this.contract = personelData.data.contract;
+        this.writ = personelData.data.writ;
+        this.estimate = personelData.data.estimate;
+        this.training = personelData.data.training;
+        //for per
+        this.personel.contract = this.contract
+        this.personel.writ = this.writ
+        this.personel.estimate = this.estimate
+        this.personel.training = this.training
+      } catch (error) {
+        console.log(error);
+        throw  error;
+      }
+    },
+
+    async okDelete(item) {
+      try {
+        await axios.delete('remove/estimate', {id: item.id})
+      } catch (e) {
+        this.$ntSetError()
+
+      }
+      // const index = this.estimate.indexOf(item)
+      // this.estimate.splice(index,1)
+    },
+
+    async removeDocs(item) {
+      if (item.id) {
+        try {
+          await axios.post('/personnel/remove-writ', {id: item.id});
+          this.getdata(this.personel.id);
+        } catch (e) {
+          throw e;
+        }
+      } else {
+        const index = this.writ.indexOf(item);
+        this.writ.splice(index, 1);
+      }
+    },
+
+    async removeEdu(item) {
+      if (item.id) {
+        try {
+          await axios.post('/personnel/remove-traning', {id: item.id});
+          await this.getdata(this.personel.id);
+        } catch (e) {
+          throw e;
+        }
+      } else {
+        const index = this.training.indexOf(item);
+        this.getdata.splice(index, 1);
+      }
+      // const index = this.training.indexOf(item)
+      //this.training.splice(index,1)
+    },
+
+    async uploadImage(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 uploadDocument(input) {
+      try {
+        let formData = new-x-table 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-x-table 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;
+         console.log(data);
+         this.fileList=data.map((item)=>{
+           return { uid: item.id, name: item.filename,status: 'done',url: item.storage}
+         });
+         console.log(this.fileList)
+         this.$message.success('آپلود سند با موفقیت انجام شد.');
+         //this.isAlertUpload = true
+       } catch (e) {
+         this.$message.error('خطا در بارگذاری اطلاعات');
+       } finally {
+
+       }
+     },*/
+    beforeUpload(file) {
+      const isFormat = ['image/']
+      const isJpgOrPng = isFormat.some((item) => file.type.includes(item));
+      if (!isJpgOrPng) {
+        this.$message.error('نوع فایل قابل قبول نیست.');
+      }
+      const isLt2M = file.size / 1024 / 1024 < 5;
+      if (!isLt2M) {
+        this.$message.error(`سایز فایل نمی تواند بیشتر از ۵ مگ باشد.`);
+      }
+      return isLt2M && isJpgOrPng;
+    },
+    async showPersonal(record) {
+      try {
+        if (record.proposal.file) {
+          this.file_id = record.proposal.file.id
+          this.prsonalFileList = [{
+            uid: record.proposal.file.id,
+            name: record.proposal.file.filename,
+            status: 'done',
+            url: record.proposal.file.storage
+          }]
+        }
+        record.proposal.military_sts = record.proposal.military_sts ? `${record.proposal.military_sts}` : undefined
+        this.showLoading = true;
+        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.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;
+        this.personel = record;
+        this.personelBirthDate = record && record.proposal && record.proposal.birth_date ? record.proposal.birth_date : null;
+        this.flags = {gender: record.proposal.gender, marriage_sts: record.proposal.marriage_sts,}
+        this.$nextTick(() => {
+          this.fromPersonel.setFieldsValue(record);
+        });
+        this.showLoading = false;
+      } catch (e) {
+        throw e
+      } finally {
+
+      }
+    },
+    //get contract types
+    async getTypes() {
+      try {
+        const {data} = await axios.get('/personnel/type')
+        this.contractTypes = data
+      } catch (e) {
+        throw e
+      }
+    },
+    async getUnits() {
+      try {
+        let {data} = await axios.get('/personnel/unit')
+        data.push
+        ({
+          id: "new",
+          value: "افزودن واحد جدید"
+        })
+        this.work_units = data
+      } catch (e) {
+        throw e
+      }
+    },
+    async selectChange(id) {
+      if (id == "new") {
+        this.showName = true
+      }
     }
+
+  },
+  beforeCreate() {
+  },
+  computed: {
+    getBaseURL() {
+      return themeConfig.baseUrl;
+    }
+  },
+  mounted() {
+
+  },
+  created() {
+    axios.get('/get-category')
+        .then((res) => {
+          //console.log(res.data);
+          this.category = res.data;
+        }).catch((error) => {
+      this.$message.error('خطا در دریافت اطلاعات');
+    });
+    this.cols = tbl;
+
+    this.getTypes()
+    this.getUnits()
+  }
+}
 </script>
 
 
 <style>
-    .ant-pagination
-    {
-        direction: ltr !important;
-    }
-    td,th{
-        text-align: right !important;
-    }
-    .ant-tabs-nav-wrap
-    {
-        float: right !important;
-    }
-    .ant-tabs-content
-    {
-        text-align: right !important;
-    }
-    .ant-modal-mask
-    {
-        z-index: 9999999 !important;
-    }
-    .ant-modal-wrap
-    {
-        z-index: 999999999 !important;
-    }
-    .ant-select-dropdown{
-        z-index: 999999999!important;
-    }
-    .ant-modal-content
-    {
-        direction: ltr !important;
-    }
-    .ant-modal-body
-    {
-        direction: rtl !important;
-    }
-    .ant-modal-header
-    {
-        direction: rtl;
-        margin-right: 25px;
-    }
-    .ant-dropdown,.ant-popover.ant-popover-placement-right{
-        z-index: 99999999999;
-    }
-    /*.ant-dropdown
-    {
-      z-index: 9999999999 !important;
-    }*/
-    .ant-form-item-label
-    {
-        direction: rtl !important;
-    }
-    .ant-list-item
-    {
-        direction: ltr;
-    }
-    .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;
-    }*/
+.ant-pagination {
+  direction: ltr !important;
+}
+
+td, th {
+  text-align: right !important;
+}
+
+.ant-tabs-nav-wrap {
+  float: right !important;
+}
+
+.ant-tabs-content {
+  text-align: right !important;
+}
+
+.ant-modal-mask {
+  z-index: 9999999 !important;
+}
+
+.ant-modal-wrap {
+  z-index: 999999999 !important;
+}
+
+.ant-select-dropdown {
+  z-index: 999999999 !important;
+}
+
+.ant-modal-content {
+  direction: ltr !important;
+}
+
+.ant-modal-body {
+  direction: rtl !important;
+}
+
+.ant-modal-header {
+  direction: rtl;
+  margin-right: 25px;
+}
+
+.ant-dropdown, .ant-popover.ant-popover-placement-right {
+  z-index: 99999999999;
+}
+
+/*.ant-dropdown
+{
+  z-index: 9999999999 !important;
+}*/
+.ant-form-item-label {
+  direction: rtl !important;
+}
+
+.ant-list-item {
+  direction: ltr;
+}
+
+.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 f386c0f..2972f85 100644
--- a/src/views/proposal/Proposal.vue
+++ b/src/views/proposal/Proposal.vue
@@ -1,516 +1,211 @@
 <template>
-    <div>
-        <a-card>
-            <!--<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>-->
-            <x-table
-                    :model="cols" class="mt-3">
-                <template slot="operator" slot-scope="text,record">
-                    <a-dropdown>
-                        <a class="ant-dropdown-link" @click="e => e.preventDefault()">
-                            عملیات <a-icon type="down" />
-                        </a>
-                        <a-menu slot="overlay">
-                            <a-menu-item v-if="$getAccess('request.interview')">
-                                <a href="javascript:;" @click="showMosahebe(text.record.id)">مشاهده مصاحبه</a>
+  <div>
+    <a-card>
+      <!--<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>-->
+      <x-table :model="cols" class="mt-3">
+        <template slot="operator" slot-scope="text,record">
+          <a-dropdown>
+            <a class="ant-dropdown-link" @click="e => e.preventDefault()">
+              عملیات
+              <a-icon type="down"/>
+            </a>
+            <a-menu slot="overlay">
+              <a-menu-item v-if="$getAccess('request.interview')">
+                <a href="javascript:;" @click="showMosahebe(text.record.id)">مشاهده مصاحبه</a>
 
-                            </a-menu-item>
-                            <a-menu-item v-if="$getAccess('request.detail')">
-                                <a href="javascript:;" @click="showDetails(text.record)">مشاهده اطلاعات</a>
+              </a-menu-item>
+              <a-menu-item v-if="$getAccess('request.detail')">
+                <a href="javascript:;" @click="showDetails(text.record)">مشاهده اطلاعات</a>
 
-                            </a-menu-item>
-                            <a-menu-item v-if="$getAccess('request.create')">
-                                <a href="javascript:;" @click="showAddMosahebe(text.record.id)">ثبت مصاحبه</a>
+              </a-menu-item>
+              <a-menu-item v-if="$getAccess('request.create')">
+                <a href="javascript:;" @click="showAddMosahebe(text.record.id)">ثبت مصاحبه</a>
 
-                            </a-menu-item>
-                            <a-menu-item v-if="$getAccess('request.employment')">
-                                <a href="javascript:;" @click="showConfirme(text.record.id)">استخدام</a>
-                            </a-menu-item>
-                        </a-menu>
-                    </a-dropdown>
-                </template>
-            </x-table>
-            <a-modal :width="1000" v-model="showMosahebeModal" title="مشاهده مصاحبه ها" >
-                <div v-if="is_skeleton">
-                    <ASkeleton/>
-                </div>
-                <div v-else>
-                    <div v-if="interview.length == 0">
-                        <a-card>
-                            مصاحبه ای ثبت نشده است.
-                        </a-card>
-                    </div>
-                    <div v-else>
-                        <div v-for="item in interview" v-if="interview">
-                            <a-card :title="item.caj" class="mt-10">
-                                <a-descriptions>
-                                    <a-descriptions-item label="تاریخ مصاحبه">
-                                        {{ item.interview_at }}
-                                    </a-descriptions-item>
-                                    <a-descriptions-item label="مصاحبه کننده">
-                                        {{ item.interviewer }}
-                                    </a-descriptions-item>
-                                    <a-descriptions-item label="وضعیت">
-                                        {{ item.sts_str }}
-                                    </a-descriptions-item>
-                                    <a-descriptions-item lable="" v-if="$getAccess('request.update.interview')">
-                                      <a-button icon="edit" @click="openEditInterviewModal(item)"/>
-                                    </a-descriptions-item>
-                                </a-descriptions>
-                                <a-card title="جزییات" >
-                                    <a-list >
-                                        <a-list-item v-for="element,index in item.result" :key="index" v-if="item.result" style="direction: rtl">
-                                            <div class="flex w-full flex-col">
-                                                <div class="flex justify-between w-full items-center">
-                                                    <h3>{{title_interview[index]}}</h3>
-                                                    <div>
-                                                        <a-tag color="blue">
-                                                            نمره: {{element.score}}
-                                                        </a-tag>
-                                                        <a-tag color="green" v-if="element.sts == 1">
-                                                            قبول
-                                                        </a-tag>
-                                                    </div>
-                                                </div>
-                                                <a-divider/>
-                                                <p v-if="element.desc">{{ element.desc }}</p>
-                                                <p v-else>بدون توضیحات</p>
-                                            </div>
-                                        </a-list-item>
-                                    </a-list>
-                                </a-card>
-                            </a-card>
+              </a-menu-item>
+              <a-menu-item v-if="$getAccess('request.employment')">
+                <a href="javascript:;" @click="showConfirme(text.record.id)">استخدام</a>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </template>
+      </x-table>
+      <a-modal :width="1000" v-model="showMosahebeModal" title="مشاهده مصاحبه ها">
+        <div v-if="is_skeleton">
+          <ASkeleton/>
+        </div>
+        <div v-else>
+          <div v-if="interview.length == 0">
+            <a-card>
+              مصاحبه ای ثبت نشده است.
+            </a-card>
+          </div>
+          <div v-else>
+            <div v-for="item in interview" v-if="interview">
+              <a-card :title="item.caj" class="mt-10">
+                <a-descriptions>
+                  <a-descriptions-item label="تاریخ مصاحبه">
+                    {{ item.interview_at | jdate }}
+                  </a-descriptions-item>
+                  <a-descriptions-item label="مصاحبه کننده">
+                    {{ item.interviewer }}
+                  </a-descriptions-item>
+                  <a-descriptions-item label="وضعیت">
+                    {{ item.sts_str }}
+                  </a-descriptions-item>
+                  <a-descriptions-item lable="" v-if="$getAccess('request.update.interview')">
+                    <a-button icon="edit" @click="openEditInterviewModal(item)"/>
+                  </a-descriptions-item>
+                </a-descriptions>
+                <a-card title="جزییات">
+                  <a-list>
+                    <a-list-item v-for="element,index in item.result" :key="index" v-if="item.result"
+                                 style="direction: rtl">
+                      <div class="flex w-full flex-col">
+                        <div class="flex justify-between w-full items-center">
+                          <h3>{{ title_interview[index] }}</h3>
+                          <div>
+                            <a-tag color="blue">
+                              نمره: {{ element.score }}
+                            </a-tag>
+                            <a-tag color="green" v-if="element.sts == 1">
+                              قبول
+                            </a-tag>
+                          </div>
                         </div>
-                    </div>
-                </div>
-
-                <template slot="footer">
-                    <a-button key="back" @click="showMosahebeModal=false">
-                        بستن
-                    </a-button>
-                </template>
-
-            </a-modal>
-            <a-modal force-render :width="990" v-model="showAddMosahebeModal" title="ثبت مصاحبه">
-                <template slot="footer">
-                    <a-button v-if="current < 2" type="primary" @click="savefromMosahebe">
-                        بعدی
-                    </a-button>
-                    <a-button
-                            v-if="current == 2"
-                            type="primary"
-                            @click="savefromMosahebe">
-                        ثبت اطلاعات
-                    </a-button>
-                    <a-button v-if="current > 0" style="margin-left: 8px" @click="prev">
-                        قبلی
-                    </a-button>
-                </template>
-                <div>
-                    <a-steps :current="current" style="direction:rtl">
-                        <a-step title="ثبت تاریخ و مصاحبه کننده" />
-                        <a-step title="ثبت جزئیات" />
-                        <a-step title="ایجاد پرونده" />
-                    </a-steps>
-                    <div class="steps-content">
-
-                        <a-form :form="fromMosahebe">
-
-                            <div v-show="current==0" class="mt-4">
-                                <p style="font-weight: bold">موضوع بررسی</p>
-                                <a-card title="مشاغل" :bordered="true" class="mt-3">
-                                    <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-input
-                                                        v-model="interview_at"
-                                                        id="interview_at"
-                                                        autocomplete="off"
-                                                />
-                                            </a-form-item>
-                                            <date-picker
-                                                    :auto-submit="true"
-                                                    color="#1DA57A"
-                                                    v-model="interview_at"
-                                                    element="interview_at"
-                                            />
-                                        </div>
-                                        <a-form-item label="نام مصاحبه کننده">
-                                            <input class="ant-input"  autocomplete="off" v-decorator="['interviewer',{rules: [{ required: true, message: 'نام مصاحبه کننده را وارد نمایید' }]}]"/>
-                                        </a-form-item>
-                                    </div>
-                                </a-card>
-                            </div>
-
-                            <div v-show="current==1">
-                                <a-row>
-                                    <span>موضوع بررسی</span>
-                                </a-row>
-                                <a-card title="دانش تخصصی" :bordered="true" >
-
-                                    <a-form-item label="نمره">
-                                        <a-input-number v-decorator="['result_1.score',{initialValue: 0}]" :min="0" :max="20" />
-                                    </a-form-item>
-
-                                    <a-form-item label="توضیحات">
-                                        <textarea class="ant-input"
-                                                placeholder=""
-                                                v-decorator="['result_1.desc']"
-                                                :auto-size="{ minRows: 2, maxRows: 6 }"
-                                        />
-                                    </a-form-item>
-
-                                    <!--<a-form-item label="نتیجه">
-                                        <a-radio-group v-decorator="['result_1.sts']">
-                                            <a-radio :value="-1">
-                                                رد شده
-                                            </a-radio>
-                                            <a-radio :value="1">
-                                                قبول
-                                            </a-radio>
-
-                                        </a-radio-group>
-                                    </a-form-item>-->
-
-                                </a-card>
-                                <br/>
-                                <a-card title="تحصیلات مرتبط" :bordered="true" >
-
-                                    <a-form-item label="نمره">
-                                        <a-input-number v-decorator="['result_2.score',{initialValue: 0}]" :min="0" :max="20" />
-                                    </a-form-item>
-
-                                    <a-form-item label="توضیحات">
-                                        <textarea class="ant-input"
-                                                placeholder=""
-                                                v-decorator="['result_2.desc']"
-                                                :auto-size="{ minRows: 2, maxRows: 6 }"
-                                        />
-                                    </a-form-item>
-
-                                   <!-- <a-form-item label="نتیجه">
-                                        <a-radio-group v-decorator="['result_2.sts']">
-                                            <a-radio :value="-1">
-                                                رد شده
-                                            </a-radio>
-                                            <a-radio :value="1">
-                                                قبول
-                                            </a-radio>
-
-                                        </a-radio-group>
-                                    </a-form-item>-->
-
-                                </a-card>
-                                <br/>
-                                <a-card title="تجربه کاری مرتبط" :bordered="true" >
-
-                                    <a-form-item label="نمره">
-                                        <a-input-number v-decorator="['result_3.score',{initialValue: 0}]" :min="0" :max="20" />
-                                    </a-form-item>
-
-                                    <a-form-item label="توضیحات">
-
-                                        <textarea
-                                              class="ant-input"
-                                                placeholder=""
-                                                v-decorator="['result_3.desc']"
-                                                :auto-size="{ minRows: 2, maxRows: 6 }"
-                                        />
-
-                                    </a-form-item>
-
-                                  <!--  <a-form-item label="نتیجه">
-                                        <a-radio-group v-decorator="['result_3.sts']">
-                                            <a-radio :value="-1">
-                                                رد شده
-                                            </a-radio>
-                                            <a-radio :value="1">
-                                                قبول
-                                            </a-radio>
-
-                                        </a-radio-group>
-                                    </a-form-item>-->
-
-                                </a-card>
-                                <br/>
-                                <a-card title="رفتار و شخصیت عمومی" :bordered="true" >
-
-                                    <a-form-item label="نمره">
-                                        <a-input-number v-decorator="['result_4.score',{initialValue: 0}]" :min="0" :max="20" />
-                                    </a-form-item>
-
-                                    <a-form-item label="توضیحات">
-
-                                        <textarea class="ant-input"
-                                                placeholder=""
-                                                v-decorator="['result_4.desc']"
-                                                :auto-size="{ minRows: 2, maxRows: 6 }"
-                                        />
-
-                                    </a-form-item>
-<!--
-                                    <a-form-item label="نتیجه">
-                                        <a-radio-group v-decorator="['result_4.sts']">
-                                            <a-radio :value="-1">
-                                                رد شده
-                                            </a-radio>
-                                            <a-radio :value="1">
-                                                قبول
-                                            </a-radio>
-
-                                        </a-radio-group>
-                                    </a-form-item>-->
-
-                                </a-card>
-                                <br/>
-                                <a-card title="ویژگی های اختصاصی شغل" :bordered="true" >
-
-                                    <a-form-item label="نمره">
-                                        <a-input-number v-decorator="['result_5.score',{initialValue: 0}]" :min="0" :max="20" />
-                                    </a-form-item>
-
-                                    <a-form-item label="توضیحات">
-
-                                        <textarea class="ant-input"
-                                                placeholder=""
-                                                v-decorator="['result_5.desc']"
-                                                :auto-size="{ minRows: 2, maxRows: 6 }"
-                                        />
-
-                                    </a-form-item>
-
-                                   <!-- <a-form-item label="نتیجه">
-                                        <a-radio-group v-decorator="['result_5.sts']">
-                                            <a-radio :value="-1">
-                                                رد شده
-                                            </a-radio>
-                                            <a-radio :value="1">
-                                                قبول
-                                            </a-radio>
-
-                                        </a-radio-group>
-                                    </a-form-item>-->
-
-                                </a-card>
-
-                            </div>
-
-                            <div v-show="current==2">
-                                <a-form-item label="نتیجه کلی مصاحبه">
-                                    <a-radio-group v-decorator="['sts',{rules: [{ required: true, message: 'نتیجه مصاحبه را انتخاب نمایید' }]}]">
-                                        <a-radio :value="-1">
-                                            رد شده
-                                        </a-radio>
-                                        <a-radio :value="1">
-                                            قبول
-                                        </a-radio>
-                                      <a-radio :value="2">
-                                        الویت دوم
-                                      </a-radio>
-                                    </a-radio-group>
-                                </a-form-item>
-                               <!-- <a-alert message="توجه داشته باشید که در صورت قبول انتخاب کردن نتیجه کلی مصاحبه برای فرد مورد نظر کد پرسنلی ایجاد خواهد شد." type="warning" />-->
-
-                            </div>
-
-                        </a-form>
-
-                    </div>
-
-                </div>
-
-            </a-modal>
-            <a-modal :width="800" v-model="showInformationModal" title="جزییات درخواست" >
-                <template slot="footer">
-                    <a-button key="back" @click="showInformationModal=false">
-                        بستن
-                    </a-button>
-
-                </template>
-
-                <a-card :title="personalInformation.name" :bordered="true" >
-                    <div class="grid grid-cols-3 gap-4">
-                        <div>نام و نام خانوادگی : {{ personalInformation.name }}</div>
-                        <div>کد ملی : {{ personalInformation.ncode }}</div>
-                        <div>موبایل : {{ personalInformation.mobile }}</div>
-                        <div>تاریخ ثبت نام : {{ personalInformation.caj }}</div>
-                        <div>تاریخ به روز رسانی : {{ personalInformation.uaj }}</div>
-                        <div>شغل متقاضی : {{ personalInformation.job_title }}</div>
-                        <div>نام پدر : {{ personalInformation.father_name }}</div>
-                        <div>تاریخ تولد : {{ personalInformation.birth_date }}</div>
-                        <div>جنسیت : {{ personalInformation.gender_str }}</div>
-                        <div>وضعیت تاهل : {{personalInformation.marriage_sts_str }}</div>
-                        <div>شماره شناسنامه : {{ personalInformation.iden_id }}</div>
-                        <div>سریال شناسنامه : {{ personalInformation.iden_serial }}</div>
-                        <div>محل صدور : {{ personalInformation.iden_place }}</div>
-                        <div>محل تولد : {{ personalInformation.birth_place }}</div>
-                        <div>وضعیت مسکن : {{ personalInformation.house_sts_str }}</div>
-                        <div>ایمیل : {{ personalInformation.email }}</div>
-                        <div>تلفن ثابت : {{ personalInformation.phone }}</div>
-                        <div>شماره بیمه : {{ personalInformation.insurance_no }}</div>
-                        <div>تلفن ضروری : {{ personalInformation.phone_emergency }}</div>
-                        <div>نام فرد مرتبط : {{ personalInformation.phone_emergency_name }}</div>
-                        <div>نسبت فرد : {{ personalInformation.phone_emergency_related }}</div>
-                        <div>حقوق درخواستی : {{ personalInformation.requested_salary }}</div>
-                      <div class="col-span-2">شماره حساب بانک پاسارگاد : {{ personalInformation.pasargad_bank_number }}</div>
-                      <div class="col-span-3">آدرس : {{ personalInformation.address }}</div>
-                    </div>
-                </a-card>
-              <br/>
-
-              <a-card title="اطلاعات خانوادگی" :bordered="true" >
-                <template v-for="(item,index) in personalDetails['family']" >
-                  <div class="grid grid-cols-3 gap-1"  >
-                    <div>نام : {{ item.name }}</div>
-                    <div>نسبت : {{ item.relation }}</div>
-                    <div>مقطع : {{ item.edu_level_str }}</div>
-                    <div> رشته تحصیلی : {{ item.edu_title }}</div>
-                    <div> شغل : {{ item.job }}</div>
-                  </div>
-                  <a-divider />
-                </template>
-              </a-card>
-              <br/>
-              <a-card title="اطلاعات تحصیلی" :bordered="true"  >
-                <template v-for="(item,index) in personalDetails['education']">
-                    <div class="grid grid-cols-3 gap-4" >
-                        <div>مقطع : {{ item.level_str }}</div>
-                        <div>دانشگاه : {{ item.university }}</div>
-                        <div>رشته تحصیلی: {{ item.title }}</div>
-                        <div>گرایش: {{ item.trend }}</div>
-                        <div>سال شروع: {{ item.start_at }}</div>
-                        <div>سال خاتمه: {{ item.end_at }}</div>
-                    </div>
-                    <a-divider />
-                </template>
-              </a-card>
-                <br/>
-                <a-card title="سوابق آموزشی" :bordered="true" >
-                  <template v-for="(item,index) in personalDetails['traning']">
-                    <div class="grid grid-cols-3 gap-4">
-                        <div>مرکز برگزاری : {{ item.university }}</div>
-                        <div>عنوان دوره : {{ item.title }}</div>
-                        <div>سال : {{ item.start_at }}</div>
-                      <div>امکان ارائه گواهینامه : {{ item.has_certificate_str }}</div>
-                    </div>
-                    <a-divider />
-                  </template>
-                </a-card>
-                <br/>
-                <a-card title="سوابق کاری"   :bordered="true" >
-                  <template v-for="(item,index) in personalDetails['jobs_history']">
-                    <div class="grid grid-cols-4 gap-4" >
-                        <div>نام سازمان : {{ item.university }}</div>
-                        <div>عنوان شغل : {{ item.title }}</div>
-                        <div>سال شروع : {{ item.start_at }}</div>
-                        <div v-if="item.end_at">سال خاتمه : {{ item.end_at }}</div>
-                        <div v-else>سال خاتمه : تاکنون</div>
-                        <!--<div>تاکنون : {{ item.end_at }}</div>-->
-                        <div class="col-span-2">دلیل خاتمه : {{ item.note }}</div>
-                    </div>
-                    <a-divider />
-                  </template>
-                </a-card>
-                <br/>
-                <a-card title="سوابق شخصی" :bordered="true">
-                  <div class="dropbox">
-                    <a-upload-dragger
-                        :disabled="!requestEditMode"
-                        :multiple="false"
-                        action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
-                        :file-list="prsonalFileList"
-                        :default-file-list="prsonalFileList"
-                        @change="fileUpload"
-                        :remove="fileRemove"
-                    >
-                      <p class="ant-upload-drag-icon">
-                        <a-icon type="inbox" />
-                      </p>
-                      <p class="ant-upload-text">
-                        فایل را درگ کنید یا اینکه کاوش کنید.
-                      </p>
-                      <p class="ant-upload-hint">
-                        فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                      </p>
-                    </a-upload-dragger>
-                  </div>
-              </a-card>
-            </a-modal>
-            <a-modal force-render :width="990" v-model="editInterviewModel" title="ویرایش مصاحبه">
-            <template slot="footer">
-              <a-button type="primary" @click="editInterview">
-                ثبت اطلاعات
-              </a-button>
-            </template>
-            <div>
-              <div class="steps-content">
-
-                <a-form :form="fromMosahebe">
-
-                  <p style="font-weight: bold">موضوع بررسی</p>
-                  <a-card title="مشاغل" :bordered="true" class="mt-3">
-                    <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-input
-                              v-model="interview_at"
-                              id="interview_at"
-                              autocomplete="off"
-                          />
-                        </a-form-item>
-                        <date-picker
-                            :auto-submit="true"
-                            color="#1DA57A"
-                            v-model="interview_at"
-                            element="interview_at"
-                        />
+                        <a-divider/>
+                        <p v-if="element.desc">{{ element.desc }}</p>
+                        <p v-else>بدون توضیحات</p>
                       </div>
-                      <a-form-item label="نام مصاحبه کننده">
-                        <input class="ant-input"  autocomplete="off" v-decorator="['interviewer',{rules: [{ required: true, message: 'نام مصاحبه کننده را وارد نمایید' }]}]"/>
+                    </a-list-item>
+                  </a-list>
+                </a-card>
+              </a-card>
+            </div>
+          </div>
+        </div>
+
+        <template slot="footer">
+          <a-button key="back" @click="showMosahebeModal=false">
+            بستن
+          </a-button>
+        </template>
+
+      </a-modal>
+      <a-modal force-render :width="990" v-model="showAddMosahebeModal" title="ثبت مصاحبه">
+        <template slot="footer">
+          <a-button v-if="current < 2" type="primary" @click="savefromMosahebe">
+            بعدی
+          </a-button>
+          <a-button
+              v-if="current == 2"
+              type="primary"
+              @click="savefromMosahebe">
+            ثبت اطلاعات
+          </a-button>
+          <a-button v-if="current > 0" style="margin-left: 8px" @click="prev">
+            قبلی
+          </a-button>
+        </template>
+        <div>
+          <a-steps :current="current" style="direction:rtl">
+            <a-step title="ثبت تاریخ و مصاحبه کننده"/>
+            <a-step title="ثبت جزئیات"/>
+            <a-step title="ایجاد پرونده"/>
+          </a-steps>
+          <div class="steps-content">
+
+            <div>
+
+              <a-form :form="fromMosahebe0" v-show="current==0" class="mt-4">
+                <p style="font-weight: bold">موضوع بررسی</p>
+                <a-card title="مشاغل" :bordered="true" class="mt-3">
+                  <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="تاریخ مصاحبه">
+                        <input v-if="!interview_at" class="hidden" autocomplete="off"
+                               v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                        <date-picker v-model="interview_at"/>
                       </a-form-item>
                     </div>
-                  </a-card>
-                  <br/>
-                  <a-card title="دانش تخصصی" :bordered="true" >
-
-                    <a-form-item label="نمره">
-                      <a-input-number v-decorator="['result_1.score',{initialValue: 0}]" :min="0" :max="20" />
+                    <a-form-item label="نام مصاحبه کننده">
+                      <input class="ant-input" autocomplete="off"
+                             v-decorator="['interviewer',{rules: [{ required: true, message: 'نام مصاحبه کننده را وارد نمایید' }]}]"/>
                     </a-form-item>
+                  </div>
+                </a-card>
+              </a-form>
 
-                    <a-form-item label="توضیحات">
-                      <textarea class="ant-input"
-                                placeholder=""
-                                v-decorator="['result_1.desc']"
-                                :auto-size="{ minRows: 2, maxRows: 6 }"
-                      />
-                    </a-form-item>
-                  </a-card>
-                  <br/>
-                  <a-card title="تحصیلات مرتبط" :bordered="true" >
+              <a-form :form="fromMosahebe1" v-show="current==1">
+                <a-row>
+                  <span>موضوع بررسی</span>
+                </a-row>
+                <a-card title="دانش تخصصی" :bordered="true">
 
-                    <a-form-item label="نمره">
-                      <a-input-number v-decorator="['result_2.score',{initialValue: 0}]" :min="0" :max="20" />
-                    </a-form-item>
+                  <a-form-item label="نمره">
+                    <a-input-number v-decorator="['result_1.score',{initialValue: 0}]" :min="0" :max="20"/>
+                  </a-form-item>
 
-                    <a-form-item label="توضیحات">
+                  <a-form-item label="توضیحات">
+                                        <textarea class="ant-input"
+                                                  placeholder=""
+                                                  v-decorator="['result_1.desc']"
+                                                  :auto-size="{ minRows: 2, maxRows: 6 }"
+                                        />
+                  </a-form-item>
+
+                  <!--<a-form-item label="نتیجه">
+                      <a-radio-group v-decorator="['result_1.sts']">
+                          <a-radio :value="-1">
+                              رد شده
+                          </a-radio>
+                          <a-radio :value="1">
+                              قبول
+                          </a-radio>
+
+                      </a-radio-group>
+                  </a-form-item>-->
+
+                </a-card>
+                <br/>
+                <a-card title="تحصیلات مرتبط" :bordered="true">
+
+                  <a-form-item label="نمره">
+                    <a-input-number v-decorator="['result_2.score',{initialValue: 0}]" :min="0" :max="20"/>
+                  </a-form-item>
+
+                  <a-form-item label="توضیحات">
                                         <textarea class="ant-input"
                                                   placeholder=""
                                                   v-decorator="['result_2.desc']"
                                                   :auto-size="{ minRows: 2, maxRows: 6 }"
                                         />
-                    </a-form-item>
-                  </a-card>
-                  <br/>
-                  <a-card title="تجربه کاری مرتبط" :bordered="true" >
+                  </a-form-item>
 
-                    <a-form-item label="نمره">
-                      <a-input-number v-decorator="['result_3.score',{initialValue: 0}]" :min="0" :max="20" />
-                    </a-form-item>
+                  <!-- <a-form-item label="نتیجه">
+                       <a-radio-group v-decorator="['result_2.sts']">
+                           <a-radio :value="-1">
+                               رد شده
+                           </a-radio>
+                           <a-radio :value="1">
+                               قبول
+                           </a-radio>
 
-                    <a-form-item label="توضیحات">
+                       </a-radio-group>
+                   </a-form-item>-->
+
+                </a-card>
+                <br/>
+                <a-card title="تجربه کاری مرتبط" :bordered="true">
+
+                  <a-form-item label="نمره">
+                    <a-input-number v-decorator="['result_3.score',{initialValue: 0}]" :min="0" :max="20"/>
+                  </a-form-item>
+
+                  <a-form-item label="توضیحات">
 
                                         <textarea
                                             class="ant-input"
@@ -519,29 +214,29 @@
                                             :auto-size="{ minRows: 2, maxRows: 6 }"
                                         />
 
-                    </a-form-item>
+                  </a-form-item>
 
-                    <!--  <a-form-item label="نتیجه">
-                          <a-radio-group v-decorator="['result_3.sts']">
-                              <a-radio :value="-1">
-                                  رد شده
-                              </a-radio>
-                              <a-radio :value="1">
-                                  قبول
-                              </a-radio>
+                  <!--  <a-form-item label="نتیجه">
+                        <a-radio-group v-decorator="['result_3.sts']">
+                            <a-radio :value="-1">
+                                رد شده
+                            </a-radio>
+                            <a-radio :value="1">
+                                قبول
+                            </a-radio>
 
-                          </a-radio-group>
-                      </a-form-item>-->
+                        </a-radio-group>
+                    </a-form-item>-->
 
-                  </a-card>
-                  <br/>
-                  <a-card title="رفتار و شخصیت عمومی" :bordered="true" >
+                </a-card>
+                <br/>
+                <a-card title="رفتار و شخصیت عمومی" :bordered="true">
 
-                    <a-form-item label="نمره">
-                      <a-input-number v-decorator="['result_4.score',{initialValue: 0}]" :min="0" :max="20" />
-                    </a-form-item>
+                  <a-form-item label="نمره">
+                    <a-input-number v-decorator="['result_4.score',{initialValue: 0}]" :min="0" :max="20"/>
+                  </a-form-item>
 
-                    <a-form-item label="توضیحات">
+                  <a-form-item label="توضیحات">
 
                                         <textarea class="ant-input"
                                                   placeholder=""
@@ -549,29 +244,29 @@
                                                   :auto-size="{ minRows: 2, maxRows: 6 }"
                                         />
 
-                    </a-form-item>
-                    <!--
-                                                        <a-form-item label="نتیجه">
-                                                            <a-radio-group v-decorator="['result_4.sts']">
-                                                                <a-radio :value="-1">
-                                                                    رد شده
-                                                                </a-radio>
-                                                                <a-radio :value="1">
-                                                                    قبول
-                                                                </a-radio>
+                  </a-form-item>
+                  <!--
+                                                      <a-form-item label="نتیجه">
+                                                          <a-radio-group v-decorator="['result_4.sts']">
+                                                              <a-radio :value="-1">
+                                                                  رد شده
+                                                              </a-radio>
+                                                              <a-radio :value="1">
+                                                                  قبول
+                                                              </a-radio>
 
-                                                            </a-radio-group>
-                                                        </a-form-item>-->
+                                                          </a-radio-group>
+                                                      </a-form-item>-->
 
-                  </a-card>
-                  <br/>
-                  <a-card title="ویژگی های اختصاصی شغل" :bordered="true" >
+                </a-card>
+                <br/>
+                <a-card title="ویژگی های اختصاصی شغل" :bordered="true">
 
-                    <a-form-item label="نمره">
-                      <a-input-number v-decorator="['result_5.score',{initialValue: 0}]" :min="0" :max="20" />
-                    </a-form-item>
+                  <a-form-item label="نمره">
+                    <a-input-number v-decorator="['result_5.score',{initialValue: 0}]" :min="0" :max="20"/>
+                  </a-form-item>
 
-                    <a-form-item label="توضیحات">
+                  <a-form-item label="توضیحات">
 
                                         <textarea class="ant-input"
                                                   placeholder=""
@@ -579,554 +274,861 @@
                                                   :auto-size="{ minRows: 2, maxRows: 6 }"
                                         />
 
-                    </a-form-item>
-                  </a-card>
-                  <a-form-item label="نتیجه کلی مصاحبه">
-                    <a-radio-group v-decorator="['sts',{rules: [{ required: true, message: 'نتیجه مصاحبه را انتخاب نمایید' }]}]">
-                      <a-radio :value="-1">
-                        رد شده
-                      </a-radio>
-                      <a-radio :value="1">
-                        قبول
-                      </a-radio>
-                      <a-radio :value="2">
-                        الویت دوم
-                      </a-radio>
-                    </a-radio-group>
                   </a-form-item>
 
-                </a-form>
+                  <!-- <a-form-item label="نتیجه">
+                       <a-radio-group v-decorator="['result_5.sts']">
+                           <a-radio :value="-1">
+                               رد شده
+                           </a-radio>
+                           <a-radio :value="1">
+                               قبول
+                           </a-radio>
 
-              </div>
+                       </a-radio-group>
+                   </a-form-item>-->
+
+                </a-card>
+
+              </a-form>
+
+              <a-form :form="fromMosahebe2" v-show="current==2">
+                <a-form-item label="نتیجه کلی مصاحبه">
+                  <a-radio-group
+                      v-decorator="['sts',{rules: [{ required: true, message: 'نتیجه مصاحبه را انتخاب نمایید' }]}]">
+                    <a-radio :value="-1">
+                      رد شده
+                    </a-radio>
+                    <a-radio :value="1">
+                      قبول
+                    </a-radio>
+                    <a-radio :value="2">
+                      الویت دوم
+                    </a-radio>
+                  </a-radio-group>
+                </a-form-item>
+                <!-- <a-alert message="توجه داشته باشید که در صورت قبول انتخاب کردن نتیجه کلی مصاحبه برای فرد مورد نظر کد پرسنلی ایجاد خواهد شد." type="warning" />-->
+
+              </a-form>
 
             </div>
 
-          </a-modal>
+          </div>
 
-<!--            <a-modal :width="800" v-model="editInformationModal" title="ویرایش درخواست" :forceRender="true">
-              <template slot="footer">
-                <a-button key="back" @click="editInformationModal=false">
-                    بستن
-                </a-button>
-              </template>
-              <a-card title="اطلاعات فردی">
-                <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']"/>
-                  </a-form-item>
-                  <a-form-item label="شهر متقاضی شغل">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['for_cities']"/>
-                  </a-form-item>
-                  <a-form-item label="شغل متقاضی">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['job_title']"/>
-                  </a-form-item>
-                  <a-form-item label="نام پدر">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['father_name']"/>
-                  </a-form-item>
-                  <a-form-item label="تاریخ تولد">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['birth_date']"/>
-                  </a-form-item>
-                  <a-form-item label="کدملی">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['ncode']"/>
-                  </a-form-item>
-                  <a-form-item label="جنسیت">
-                    <a-radio-group v-decorator="['gender']">
-                      <a-radio :value="1">
-                        مرد
-                      </a-radio>
-                      <a-radio :value="2">
-                        زن
-                      </a-radio>
-                    </a-radio-group>
-                  </a-form-item>
-                  <a-form-item label="وضعیت تاهل">
-                    <a-radio-group v-decorator="['marriage_sts']">
-                      <a-radio :value="2">
-                        متاهل
-                      </a-radio>
-                      <a-radio :value="1">
-                        مجرد
-                      </a-radio>
-                    </a-radio-group>
-                  </a-form-item>
-                  <a-form-item label="شماره حساب بانک پاسارگاد">
-                    <input class="ant-input"
-                           v-decorator="['pasargad_bank_number']"/>
-                  </a-form-item>
-                  <a-form-item label="حقوق درخواستی">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['requested_salary']"/>
-                  </a-form-item>
-                  <a-form-item label="شماره شناسنامه">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['iden_id']"/>
-                  </a-form-item>
-                  <a-form-item label="سریال شناسنامه">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['iden_serial']"/>
-                  </a-form-item>
-                  <a-form-item label="محل صدور">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['iden_place']"/>
-                  </a-form-item>
-                  <a-form-item label="محل تولد">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['birth_place']"/>
-                  </a-form-item>
-                  <a-form-item label="وضعیت مسکن">
-                    <a-radio-group v-decorator="['house_sts']">
-                      <a-radio :value="1">
-                        مالک
-                      </a-radio>
-                      <a-radio :value="2">
-                        مستاجر
-                      </a-radio>
-                    </a-radio-group>
-                  </a-form-item>
-                  <a-form-item label="آدرس" class="col-span-3" >
-                    <input  class="ant-input"  autocomplete="off" v-decorator="['address',{initialValue: null,rules: [{ required: false, message: 'آدرس را وارد نمایید' }]}]" />
-                  </a-form-item>
-                  <a-form-item label="ایمیل">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['email']"/>
-                  </a-form-item>
-                  <a-form-item label="موبایل">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['mobile']"/>
-                  </a-form-item>
-                  <a-form-item label="تلفن ثابت">
-                    <input class="ant-input"  autocomplete="off" v-decorator="['phone']"/>
-                  </a-form-item>
-                  <a-form-item label="تلفن ضروری">
-                    <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['phone_emergency',{initialValue: null,rules: [{ required:false, message: 'تلفن ضروری را وارد نمایید' }]}]">
-                  </a-form-item>
-                  <a-form-item label="نام فرد">
-                    <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_name',{initialValue: null}]" >
-                  </a-form-item>
-                  <a-form-item label="نسبت">
-                    <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_related',{initialValue: null}]" >
-                  </a-form-item>
-                  <a-form-item label="وضعیت بیمه">
-                    <a-radio-group v-decorator="['has_insurance']">
-                      <a-radio :value="-1">
-                        ندارد
-                      </a-radio>
-                      <a-radio :value="1">
-                        دارد
-                      </a-radio>
-                    </a-radio-group>
-                  </a-form-item>
-                  <a-form-item label="شماره بیمه">
-                    <input class="ant-input"
-                           v-decorator="['insurance_no']"/>
-                  </a-form-item>
-                  <a-form-item label="تعداد فرزند">
-                    <input class="ant-input" v-decorator="['count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/, message: 'فقط عدد مجاز است' }] }]"/>
-                  </a-form-item>
-                  <a-form-item label="وضعیت نظام وظیفه">
-                    <a-select  style="width: 100%" v-decorator="['military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
-                      <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}" :value="index">
-                        {{ item }}
-                      </a-select-option>
-                    </a-select>
-                  </a-form-item>
-                </div>
-              </a-card>
-              <a-card title="اطلاعات خانوادگی" class="mt-5">
-                <a slot="extra" @click.prevent="AddFamily()" :disabled="!$getAccess('personnel.basic.family.create')">افزودن اطلاعات خانوادگی</a>
-                <template v-for="(item,index) in personalDetails['family']" >
-                  <a-button :disabled="!$getAccess('personnel.basic.family.delete')" 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`]"/>
-                    </a-form-item>
-                    <a-form-item label="نام">
-                      <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].name`]"/>
-                    </a-form-item>
-                    <a-form-item label="نسبت">
-                      <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].relation`]"/>
-                    </a-form-item>
-                    <a-form-item label="مقطع">
-                      &lt;!&ndash; <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>&ndash;&gt;
-                      <a-select v-decorator="[`personal_details.family[${index}].edu_level`]" >
-                        <a-select-option :value="1">
-                          کاردانی
-                        </a-select-option>
-                        <a-select-option :value="2">
-                          کارشناسی
-                        </a-select-option>
-                        <a-select-option :value="3" >
-                          کارشناسی ارشد
-                        </a-select-option>
-                        <a-select-option :value="4">
-                          دکترا
-                        </a-select-option>
-                      </a-select>
-                    </a-form-item>
-                    &lt;!&ndash;  <a-form-item label="دانشگاه">
-                        <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].university`]"/>
-                      </a-form-item>&ndash;&gt;
-                    <a-form-item label="رشته تحصیلی">
-                      <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].edu_title`]"/>
-                    </a-form-item>
-                    <a-form-item label="شغل">
-                      <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].job`]"/>
-                    </a-form-item>
-                  </div>
-                  <a-divider />
-                </template>
-              </a-card>
+        </div>
 
-              <a-card title="اطلاعات تحصیلی" class="mt-5">
-                <a :disabled="!$getAccess('personnel.basic.education.create')" slot="extra" @click.prevent="AddEducation()">افزودن سابقه تحصیلی</a>
-                <template v-for="(item,index) in personalDetails['education']">
-                  <a-button :disabled="!$getAccess('personnel.basic.education.delete')" 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`]"/>
-                    </a-form-item>
-                    <a-form-item label="مقطع">
-                      &lt;!&ndash; <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>&ndash;&gt;
-                      <a-select v-decorator="[`personal_details.education[${index}].level`]" >
-                        <a-select-option :value="1">
-                          کاردانی
-                        </a-select-option>
-                        <a-select-option :value="2">
-                          کارشناسی
-                        </a-select-option>
-                        <a-select-option :value="3" >
-                          کارشناسی ارشد
-                        </a-select-option>
-                        <a-select-option :value="4">
-                          دکترا
-                        </a-select-option>
-                      </a-select>
-                    </a-form-item>
-                    <a-form-item label="دانشگاه">
-                      <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].university`]"/>
-                    </a-form-item>
-                    <a-form-item label="رشته تحصیلی">
-                      <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].title`]"/>
-                    </a-form-item>
-                    <a-form-item label="گرایش">
-                      <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].trend`]"/>
-                    </a-form-item>
-                    <a-form-item label="سال شروع">
-                      <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].start_at`]"/>
-                    </a-form-item>
-                    <a-form-item label="سال خاتمه">
-                      <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].end_at`]"/>
-                    </a-form-item>
-                  </div>
-                  <a-divider />
-                </template>
-              </a-card>
+      </a-modal>
+      <a-modal :width="800" v-model="showInformationModal" title="جزییات درخواست">
+        <template slot="footer">
+          <a-button key="back" @click="showInformationModal=false">
+            بستن
+          </a-button>
 
-              <a-card title="سوابق آموزشی" class="mt-5">
-                <a :disabled="!$getAccess('personnel.basic.train.create')" slot="extra" @click.prevent="AddTraning()">افزودن سابقه آموزشی </a>
-                <template v-for="(item,index) in personalDetails['traning']">
-                  <a-button :disabled="!$getAccess('personnel.basic.train.delete')" 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`]"/>
-                    </a-form-item>
-                    <a-form-item label="مرکز برگزاری">
-                      <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].university`]"/>
-                    </a-form-item>
-                    <a-form-item label="عنوان دوره ">
-                      <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].title`]"/>
-                    </a-form-item>
-                    <a-form-item label="سال">
-                      <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}].has_certificate`,{initialValue:false,valuePropName: 'checked'}]"/>
-                    </a-form-item>
-                  </div>
-                  <a-divider />
-                </template>
-              </a-card>
+        </template>
 
-              <a-card title="سوابق کاری" class="mt-5">
-                <a :disabled="!$getAccess('personnel.basic.job.create')" slot="extra" @click.prevent="AddJobsHistory()">افزودن سابقه کاری</a>
-                <template v-for="(item,index) in personalDetails['jobs_history']">
-                  <a-button :disabled="!$getAccess('personnel.basic.job.delete')" 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`]"/>
-                    </a-form-item>
-                    <a-form-item label="نام سازمان ">
-                      <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].university`]"/>
-                    </a-form-item>
-                    <a-form-item label="عنوان شغل">
-                      <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].title`]"/>
-                    </a-form-item>
-                    <a-form-item label="دلیل خاتمه">
-                      <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].note`]"/>
-                    </a-form-item>
-
-                    <a-form-item label="سال شروع">
-                      <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].start_at`]"/>
-                    </a-form-item>
-                    <a-form-item label="سال خاتمه">
-                      <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].end_at`]"/>
-                    </a-form-item>
-                    &lt;!&ndash;<a-form-item label="تاکنون">
-                      <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" />
-                    </a-form-item>&ndash;&gt;
-                  </div>
-                  <a-divider />
-                </template>
-              </a-card>
-
-              <a-card title="سوابق شخصی" class="mt-5">
-
-                <div class="dropbox">
-                  <a-upload-dragger
-                      :multiple="false"
-                      action="http://hr.asco-intl.com/back/public/api/register/upload"
-                      :file-list="prsonalFileList"
-                      :default-file-list="prsonalFileList"
-                      @change="fileUpload"
-                      :remove="fileRemove"
-                  >
-                    <p class="ant-upload-drag-icon">
-                      <a-icon type="inbox" />
-                    </p>
-                    <p class="ant-upload-text">
-                      فایل را درگ کنید یا اینکه کاوش کنید.
-                    </p>
-                    <p class="ant-upload-hint">
-                      فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                    </p>
-                  </a-upload-dragger>
-                </div>
-
-              </a-card>
-            </a-modal>-->
+        <a-card :title="personalInformation.name" :bordered="true">
+          <div class="grid grid-cols-3 gap-4">
+            <div>نام و نام خانوادگی : {{ personalInformation.name }}</div>
+            <div>کد ملی : {{ personalInformation.ncode }}</div>
+            <div>موبایل : {{ personalInformation.mobile }}</div>
+            <div>تاریخ ثبت نام : {{ personalInformation.caj }}</div>
+            <div>تاریخ به روز رسانی : {{ personalInformation.uaj }}</div>
+            <div>شغل متقاضی : {{ personalInformation.job_title }}</div>
+            <div>نام پدر : {{ personalInformation.father_name }}</div>
+            <div>تاریخ تولد : {{ personalInformation.birth_date }}</div>
+            <div>جنسیت : {{ personalInformation.gender_str }}</div>
+            <div>وضعیت تاهل : {{ personalInformation.marriage_sts_str }}</div>
+            <div>شماره شناسنامه : {{ personalInformation.iden_id }}</div>
+            <div>سریال شناسنامه : {{ personalInformation.iden_serial }}</div>
+            <div>محل صدور : {{ personalInformation.iden_place }}</div>
+            <div>محل تولد : {{ personalInformation.birth_place }}</div>
+            <div>وضعیت مسکن : {{ personalInformation.house_sts_str }}</div>
+            <div>ایمیل : {{ personalInformation.email }}</div>
+            <div>تلفن ثابت : {{ personalInformation.phone }}</div>
+            <div>شماره بیمه : {{ personalInformation.insurance_no }}</div>
+            <div>تلفن ضروری : {{ personalInformation.phone_emergency }}</div>
+            <div>نام فرد مرتبط : {{ personalInformation.phone_emergency_name }}</div>
+            <div>نسبت فرد : {{ personalInformation.phone_emergency_related }}</div>
+            <div>حقوق درخواستی : {{ personalInformation.requested_salary }}</div>
+            <div class="col-span-2">شماره حساب بانک پاسارگاد : {{ personalInformation.pasargad_bank_number }}</div>
+            <div class="col-span-3">آدرس : {{ personalInformation.address }}</div>
+          </div>
         </a-card>
-    </div>
+        <br/>
+
+        <a-card title="اطلاعات خانوادگی" :bordered="true">
+          <template v-for="(item,index) in personalDetails['family']">
+            <div class="grid grid-cols-3 gap-1">
+              <div>نام : {{ item.name }}</div>
+              <div>نسبت : {{ item.relation }}</div>
+              <div>مقطع : {{ item.edu_level_str }}</div>
+              <div> رشته تحصیلی : {{ item.edu_title }}</div>
+              <div> شغل : {{ item.job }}</div>
+            </div>
+            <a-divider/>
+          </template>
+        </a-card>
+        <br/>
+        <a-card title="اطلاعات تحصیلی" :bordered="true">
+          <template v-for="(item,index) in personalDetails['education']">
+            <div class="grid grid-cols-3 gap-4">
+              <div>مقطع : {{ item.level_str }}</div>
+              <div>دانشگاه : {{ item.university }}</div>
+              <div>رشته تحصیلی: {{ item.title }}</div>
+              <div>گرایش: {{ item.trend }}</div>
+              <div>سال شروع: {{ item.start_at }}</div>
+              <div>سال خاتمه: {{ item.end_at }}</div>
+            </div>
+            <a-divider/>
+          </template>
+        </a-card>
+        <br/>
+        <a-card title="سوابق آموزشی" :bordered="true">
+          <template v-for="(item,index) in personalDetails['traning']">
+            <div class="grid grid-cols-3 gap-4">
+              <div>مرکز برگزاری : {{ item.university }}</div>
+              <div>عنوان دوره : {{ item.title }}</div>
+              <div>سال : {{ item.start_at }}</div>
+              <div>امکان ارائه گواهینامه : {{ item.has_certificate_str }}</div>
+            </div>
+            <a-divider/>
+          </template>
+        </a-card>
+        <br/>
+        <a-card title="سوابق کاری" :bordered="true">
+          <template v-for="(item,index) in personalDetails['jobs_history']">
+            <div class="grid grid-cols-4 gap-4">
+              <div>نام سازمان : {{ item.university }}</div>
+              <div>عنوان شغل : {{ item.title }}</div>
+              <div>سال شروع : {{ item.start_at }}</div>
+              <div v-if="item.end_at">سال خاتمه : {{ item.end_at }}</div>
+              <div v-else>سال خاتمه : تاکنون</div>
+              <!--<div>تاکنون : {{ item.end_at }}</div>-->
+              <div class="col-span-2">دلیل خاتمه : {{ item.note }}</div>
+            </div>
+            <a-divider/>
+          </template>
+        </a-card>
+        <br/>
+        <a-card title="سوابق شخصی" :bordered="true">
+          <div class="dropbox">
+            <a-upload-dragger
+                :disabled="!requestEditMode"
+                :multiple="false"
+                action="http://hr.asco-intl.com:2020/kernel/api/register/upload"
+                :file-list="prsonalFileList"
+                :default-file-list="prsonalFileList"
+                @change="fileUpload"
+                :remove="fileRemove"
+            >
+              <p class="ant-upload-drag-icon">
+                <a-icon type="inbox"/>
+              </p>
+              <p class="ant-upload-text">
+                فایل را درگ کنید یا اینکه کاوش کنید.
+              </p>
+              <p class="ant-upload-hint">
+                فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+              </p>
+            </a-upload-dragger>
+          </div>
+        </a-card>
+      </a-modal>
+      <a-modal force-render :width="990" v-model="editInterviewModel" title="ویرایش مصاحبه">
+        <template slot="footer">
+          <a-button type="primary" @click="editInterview">
+            ثبت اطلاعات
+          </a-button>
+        </template>
+        <div>
+          <div class="steps-content">
+
+            <a-form :form="fromMosahebe">
+
+              <p style="font-weight: bold">موضوع بررسی</p>
+              <a-card title="مشاغل" :bordered="true" class="mt-3">
+                <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="تاریخ مصاحبه">
+                      <input v-if="!interview_at" class="hidden" autocomplete="off"
+                             v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                      <date-picker v-model="interview_at"/>
+                    </a-form-item>
+                  </div>
+                  <a-form-item label="نام مصاحبه کننده">
+                    <input class="ant-input" autocomplete="off"
+                           v-decorator="['interviewer',{rules: [{ required: true, message: 'نام مصاحبه کننده را وارد نمایید' }]}]"/>
+                  </a-form-item>
+                </div>
+              </a-card>
+              <br/>
+              <a-card title="دانش تخصصی" :bordered="true">
+
+                <a-form-item label="نمره">
+                  <a-input-number v-decorator="['result_1.score',{initialValue: 0}]" :min="0" :max="20"/>
+                </a-form-item>
+
+                <a-form-item label="توضیحات">
+                      <textarea class="ant-input"
+                                placeholder=""
+                                v-decorator="['result_1.desc']"
+                                :auto-size="{ minRows: 2, maxRows: 6 }"
+                      />
+                </a-form-item>
+              </a-card>
+              <br/>
+              <a-card title="تحصیلات مرتبط" :bordered="true">
+
+                <a-form-item label="نمره">
+                  <a-input-number v-decorator="['result_2.score',{initialValue: 0}]" :min="0" :max="20"/>
+                </a-form-item>
+
+                <a-form-item label="توضیحات">
+                                        <textarea class="ant-input"
+                                                  placeholder=""
+                                                  v-decorator="['result_2.desc']"
+                                                  :auto-size="{ minRows: 2, maxRows: 6 }"
+                                        />
+                </a-form-item>
+              </a-card>
+              <br/>
+              <a-card title="تجربه کاری مرتبط" :bordered="true">
+
+                <a-form-item label="نمره">
+                  <a-input-number v-decorator="['result_3.score',{initialValue: 0}]" :min="0" :max="20"/>
+                </a-form-item>
+
+                <a-form-item label="توضیحات">
+
+                                        <textarea
+                                            class="ant-input"
+                                            placeholder=""
+                                            v-decorator="['result_3.desc']"
+                                            :auto-size="{ minRows: 2, maxRows: 6 }"
+                                        />
+
+                </a-form-item>
+
+                <!--  <a-form-item label="نتیجه">
+                      <a-radio-group v-decorator="['result_3.sts']">
+                          <a-radio :value="-1">
+                              رد شده
+                          </a-radio>
+                          <a-radio :value="1">
+                              قبول
+                          </a-radio>
+
+                      </a-radio-group>
+                  </a-form-item>-->
+
+              </a-card>
+              <br/>
+              <a-card title="رفتار و شخصیت عمومی" :bordered="true">
+
+                <a-form-item label="نمره">
+                  <a-input-number v-decorator="['result_4.score',{initialValue: 0}]" :min="0" :max="20"/>
+                </a-form-item>
+
+                <a-form-item label="توضیحات">
+
+                                        <textarea class="ant-input"
+                                                  placeholder=""
+                                                  v-decorator="['result_4.desc']"
+                                                  :auto-size="{ minRows: 2, maxRows: 6 }"
+                                        />
+
+                </a-form-item>
+                <!--
+                                                    <a-form-item label="نتیجه">
+                                                        <a-radio-group v-decorator="['result_4.sts']">
+                                                            <a-radio :value="-1">
+                                                                رد شده
+                                                            </a-radio>
+                                                            <a-radio :value="1">
+                                                                قبول
+                                                            </a-radio>
+
+                                                        </a-radio-group>
+                                                    </a-form-item>-->
+
+              </a-card>
+              <br/>
+              <a-card title="ویژگی های اختصاصی شغل" :bordered="true">
+
+                <a-form-item label="نمره">
+                  <a-input-number v-decorator="['result_5.score',{initialValue: 0}]" :min="0" :max="20"/>
+                </a-form-item>
+
+                <a-form-item label="توضیحات">
+
+                                        <textarea class="ant-input"
+                                                  placeholder=""
+                                                  v-decorator="['result_5.desc']"
+                                                  :auto-size="{ minRows: 2, maxRows: 6 }"
+                                        />
+
+                </a-form-item>
+              </a-card>
+              <a-form-item label="نتیجه کلی مصاحبه">
+                <a-radio-group
+                    v-decorator="['sts',{rules: [{ required: true, message: 'نتیجه مصاحبه را انتخاب نمایید' }]}]">
+                  <a-radio :value="-1">
+                    رد شده
+                  </a-radio>
+                  <a-radio :value="1">
+                    قبول
+                  </a-radio>
+                  <a-radio :value="2">
+                    الویت دوم
+                  </a-radio>
+                </a-radio-group>
+              </a-form-item>
+
+            </a-form>
+
+          </div>
+
+        </div>
+
+      </a-modal>
+
+      <!--            <a-modal :width="800" v-model="editInformationModal" title="ویرایش درخواست" :forceRender="true">
+                    <template slot="footer">
+                      <a-button key="back" @click="editInformationModal=false">
+                          بستن
+                      </a-button>
+                    </template>
+                    <a-card title="اطلاعات فردی">
+                      <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']"/>
+                        </a-form-item>
+                        <a-form-item label="شهر متقاضی شغل">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['for_cities']"/>
+                        </a-form-item>
+                        <a-form-item label="شغل متقاضی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['job_title']"/>
+                        </a-form-item>
+                        <a-form-item label="نام پدر">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['father_name']"/>
+                        </a-form-item>
+                        <a-form-item label="تاریخ تولد">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['birth_date']"/>
+                        </a-form-item>
+                        <a-form-item label="کدملی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['ncode']"/>
+                        </a-form-item>
+                        <a-form-item label="جنسیت">
+                          <a-radio-group v-decorator="['gender']">
+                            <a-radio :value="1">
+                              مرد
+                            </a-radio>
+                            <a-radio :value="2">
+                              زن
+                            </a-radio>
+                          </a-radio-group>
+                        </a-form-item>
+                        <a-form-item label="وضعیت تاهل">
+                          <a-radio-group v-decorator="['marriage_sts']">
+                            <a-radio :value="2">
+                              متاهل
+                            </a-radio>
+                            <a-radio :value="1">
+                              مجرد
+                            </a-radio>
+                          </a-radio-group>
+                        </a-form-item>
+                        <a-form-item label="شماره حساب بانک پاسارگاد">
+                          <input class="ant-input"
+                                 v-decorator="['pasargad_bank_number']"/>
+                        </a-form-item>
+                        <a-form-item label="حقوق درخواستی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['requested_salary']"/>
+                        </a-form-item>
+                        <a-form-item label="شماره شناسنامه">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['iden_id']"/>
+                        </a-form-item>
+                        <a-form-item label="سریال شناسنامه">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['iden_serial']"/>
+                        </a-form-item>
+                        <a-form-item label="محل صدور">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['iden_place']"/>
+                        </a-form-item>
+                        <a-form-item label="محل تولد">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['birth_place']"/>
+                        </a-form-item>
+                        <a-form-item label="وضعیت مسکن">
+                          <a-radio-group v-decorator="['house_sts']">
+                            <a-radio :value="1">
+                              مالک
+                            </a-radio>
+                            <a-radio :value="2">
+                              مستاجر
+                            </a-radio>
+                          </a-radio-group>
+                        </a-form-item>
+                        <a-form-item label="آدرس" class="col-span-3" >
+                          <input  class="ant-input"  autocomplete="off" v-decorator="['address',{initialValue: null,rules: [{ required: false, message: 'آدرس را وارد نمایید' }]}]" />
+                        </a-form-item>
+                        <a-form-item label="ایمیل">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['email']"/>
+                        </a-form-item>
+                        <a-form-item label="موبایل">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['mobile']"/>
+                        </a-form-item>
+                        <a-form-item label="تلفن ثابت">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['phone']"/>
+                        </a-form-item>
+                        <a-form-item label="تلفن ضروری">
+                          <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['phone_emergency',{initialValue: null,rules: [{ required:false, message: 'تلفن ضروری را وارد نمایید' }]}]">
+                        </a-form-item>
+                        <a-form-item label="نام فرد">
+                          <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_name',{initialValue: null}]" >
+                        </a-form-item>
+                        <a-form-item label="نسبت">
+                          <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_related',{initialValue: null}]" >
+                        </a-form-item>
+                        <a-form-item label="وضعیت بیمه">
+                          <a-radio-group v-decorator="['has_insurance']">
+                            <a-radio :value="-1">
+                              ندارد
+                            </a-radio>
+                            <a-radio :value="1">
+                              دارد
+                            </a-radio>
+                          </a-radio-group>
+                        </a-form-item>
+                        <a-form-item label="شماره بیمه">
+                          <input class="ant-input"
+                                 v-decorator="['insurance_no']"/>
+                        </a-form-item>
+                        <a-form-item label="تعداد فرزند">
+                          <input class="ant-input" v-decorator="['count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/, message: 'فقط عدد مجاز است' }] }]"/>
+                        </a-form-item>
+                        <a-form-item label="وضعیت نظام وظیفه">
+                          <a-select  style="width: 100%" v-decorator="['military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
+                            <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}" :value="index">
+                              {{ item }}
+                            </a-select-option>
+                          </a-select>
+                        </a-form-item>
+                      </div>
+                    </a-card>
+                    <a-card title="اطلاعات خانوادگی" class="mt-5">
+                      <a slot="extra" @click.prevent="AddFamily()" :disabled="!$getAccess('personnel.basic.family.create')">افزودن اطلاعات خانوادگی</a>
+                      <template v-for="(item,index) in personalDetails['family']" >
+                        <a-button :disabled="!$getAccess('personnel.basic.family.delete')" 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`]"/>
+                          </a-form-item>
+                          <a-form-item label="نام">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].name`]"/>
+                          </a-form-item>
+                          <a-form-item label="نسبت">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].relation`]"/>
+                          </a-form-item>
+                          <a-form-item label="مقطع">
+                            &lt;!&ndash; <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>&ndash;&gt;
+                            <a-select v-decorator="[`personal_details.family[${index}].edu_level`]" >
+                              <a-select-option :value="1">
+                                کاردانی
+                              </a-select-option>
+                              <a-select-option :value="2">
+                                کارشناسی
+                              </a-select-option>
+                              <a-select-option :value="3" >
+                                کارشناسی ارشد
+                              </a-select-option>
+                              <a-select-option :value="4">
+                                دکترا
+                              </a-select-option>
+                            </a-select>
+                          </a-form-item>
+                          &lt;!&ndash;  <a-form-item label="دانشگاه">
+                              <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].university`]"/>
+                            </a-form-item>&ndash;&gt;
+                          <a-form-item label="رشته تحصیلی">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].edu_title`]"/>
+                          </a-form-item>
+                          <a-form-item label="شغل">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].job`]"/>
+                          </a-form-item>
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+
+                    <a-card title="اطلاعات تحصیلی" class="mt-5">
+                      <a :disabled="!$getAccess('personnel.basic.education.create')" slot="extra" @click.prevent="AddEducation()">افزودن سابقه تحصیلی</a>
+                      <template v-for="(item,index) in personalDetails['education']">
+                        <a-button :disabled="!$getAccess('personnel.basic.education.delete')" 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`]"/>
+                          </a-form-item>
+                          <a-form-item label="مقطع">
+                            &lt;!&ndash; <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>&ndash;&gt;
+                            <a-select v-decorator="[`personal_details.education[${index}].level`]" >
+                              <a-select-option :value="1">
+                                کاردانی
+                              </a-select-option>
+                              <a-select-option :value="2">
+                                کارشناسی
+                              </a-select-option>
+                              <a-select-option :value="3" >
+                                کارشناسی ارشد
+                              </a-select-option>
+                              <a-select-option :value="4">
+                                دکترا
+                              </a-select-option>
+                            </a-select>
+                          </a-form-item>
+                          <a-form-item label="دانشگاه">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].university`]"/>
+                          </a-form-item>
+                          <a-form-item label="رشته تحصیلی">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].title`]"/>
+                          </a-form-item>
+                          <a-form-item label="گرایش">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].trend`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال شروع">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].start_at`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال خاتمه">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].end_at`]"/>
+                          </a-form-item>
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+
+                    <a-card title="سوابق آموزشی" class="mt-5">
+                      <a :disabled="!$getAccess('personnel.basic.train.create')" slot="extra" @click.prevent="AddTraning()">افزودن سابقه آموزشی </a>
+                      <template v-for="(item,index) in personalDetails['traning']">
+                        <a-button :disabled="!$getAccess('personnel.basic.train.delete')" 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`]"/>
+                          </a-form-item>
+                          <a-form-item label="مرکز برگزاری">
+                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].university`]"/>
+                          </a-form-item>
+                          <a-form-item label="عنوان دوره ">
+                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].title`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال">
+                            <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}].has_certificate`,{initialValue:false,valuePropName: 'checked'}]"/>
+                          </a-form-item>
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+
+                    <a-card title="سوابق کاری" class="mt-5">
+                      <a :disabled="!$getAccess('personnel.basic.job.create')" slot="extra" @click.prevent="AddJobsHistory()">افزودن سابقه کاری</a>
+                      <template v-for="(item,index) in personalDetails['jobs_history']">
+                        <a-button :disabled="!$getAccess('personnel.basic.job.delete')" 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`]"/>
+                          </a-form-item>
+                          <a-form-item label="نام سازمان ">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].university`]"/>
+                          </a-form-item>
+                          <a-form-item label="عنوان شغل">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].title`]"/>
+                          </a-form-item>
+                          <a-form-item label="دلیل خاتمه">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].note`]"/>
+                          </a-form-item>
+
+                          <a-form-item label="سال شروع">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].start_at`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال خاتمه">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].end_at`]"/>
+                          </a-form-item>
+                          &lt;!&ndash;<a-form-item label="تاکنون">
+                            <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" />
+                          </a-form-item>&ndash;&gt;
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+
+                    <a-card title="سوابق شخصی" class="mt-5">
+
+                      <div class="dropbox">
+                        <a-upload-dragger
+                            :multiple="false"
+                            action="http://hr.asco-intl.com/back/public/api/register/upload"
+                            :file-list="prsonalFileList"
+                            :default-file-list="prsonalFileList"
+                            @change="fileUpload"
+                            :remove="fileRemove"
+                        >
+                          <p class="ant-upload-drag-icon">
+                            <a-icon type="inbox" />
+                          </p>
+                          <p class="ant-upload-text">
+                            فایل را درگ کنید یا اینکه کاوش کنید.
+                          </p>
+                          <p class="ant-upload-hint">
+                            فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                          </p>
+                        </a-upload-dragger>
+                      </div>
+
+                    </a-card>
+                  </a-modal>-->
+    </a-card>
+  </div>
 </template>
 
 <script>
-    import * as  TableCol from './proposalTbl';
-    import XTable from "@/components/new-x-table/XTable";
-    import axios from "@/axios";
-    import VuePersianDatetimePicker from "vue-persian-datetime-picker";
+import * as  TableCol from './proposalTbl';
+import XTable from "@/components/new-x-table/XTable";
+import axios from "@/axios";
+import VuePersianDatetimePicker from "vue-persian-datetime-picker";
 
-    export default {
-        components:{
-            XTable,
-            datePicker: VuePersianDatetimePicker
-        },
-        data() {
-            return {
-                prsonalFileList:[],
-                file_id:undefined,
-                showMosahebeModal:false,
-                showInformationModal:false,
-                showAddMosahebeModal:false,
-                personalInformation:{},
-                personalDetails:{},
-                cols:null,
-                current:0,
-                fromMosahebe: this.$form.createForm(this, {name: 'coordinated'}),
-                mosahebe:null,
-                interview_at:null,
-                row_id:null,
-                interview:[],
-                title_interview:['دانش تخصصی','تحصیلات مرتبط','تجربه کاری مرتبط','رفتار و شخصیت عمومی','ویژگی های اختصاصی شغل'],
-                is_skeleton:false,
+export default {
+  components: {
+    XTable,
+    datePicker: VuePersianDatetimePicker
+  },
+  data() {
+    return {
+      prsonalFileList: [],
+      file_id: undefined,
+      showMosahebeModal: false,
+      showInformationModal: false,
+      showAddMosahebeModal: false,
+      personalInformation: {},
+      personalDetails: {},
+      cols: null,
+      current: 0,
+      fromMosahebe: this.$form.createForm(this, {name: 'coordinated'}),
+      mosahebe: null,
+      interview_at: null,
+      row_id: null,
+      interview: [],
+      title_interview: ['دانش تخصصی', 'تحصیلات مرتبط', 'تجربه کاری مرتبط', 'رفتار و شخصیت عمومی', 'ویژگی های اختصاصی شغل'],
+      is_skeleton: false,
 
-                // requestEditMode:false,
-                editInterviewModel:false,
-                editingInterviewIndex:undefined
-            }
-        },
-        methods:{
-          editInterview(e){
-            e.preventDefault();
-            this.fromMosahebe.validateFields(async(err, values) => {
-              try{
-                  if (!err) {
-                    this.$vs.loading()
-                    console.log(values,'values')
-                    values.interview_at = this.interview_at
-                    await axios.put(`/proposal/interview/update/${this.editingInterviewIndex}`,values)
-                    this.editInterviewModel = false
-                    this.$ntSet('اطلاعات با موفقیت کامل شد')
-                    this.fromMosahebe.resetFields();
-                  }
-              }catch (e) {
-                this.$ntSetError()
-                throw e
-              }finally {
-                this.$vs.loading.close()
-              }
-            });
-          },
-          openEditInterviewModal(item){
-            item.result.map((i,index)=>{
-              item[`result_${index+1}`] = {
-                desc: i.desc,
-                score: i.score
-              }
-            })
-            this.editingInterviewIndex = item.id
-            this.showMosahebeModal = false
-            this.editInterviewModel = true
-            this.interview_at = item.interview_at
-            this.fromMosahebe.setFieldsValue(item)
-          },
-          fileUpload({fileList, event, file}){
-            if (file.response && file.response.id) {
-              this.file_id = file.response.id;
-            }
-            this.prsonalFileList = fileList;
-          },
-          fileRemove(){
-            this.file_id = null
-          },
-            showAddMosahebe(id)
-            {
-                this.showAddMosahebeModal=true;
-                this.row_id = id
-            },
-            showMosahebe(id){
-                this.showMosahebeModal=true;
-                this.getInterView(id)
-            },
-
-            async getInterView(id){
-                try{
-                    this.is_skeleton = true
-                    const {data} = await axios.post('proposal/interview',{id:id})
-                    this.interview = data
-                }catch (e) {
-                    this.$ntSetError()
-                }finally {
-                    this.is_skeleton = false
-                }
-            },
-
-            savefromMosahebe(e) {
-                e.preventDefault();
-                this.fromMosahebe.validateFields(async(err, values) => {
-                  try{
-                    if(this.current < 2)
-                    {
-                      this.next();
-                    }
-                    else
-                    {
-                      if (!err) {
-                        console.log(values,'values')
-                        const id = this.row_id
-                        values.interview_at = this.interview_at
-                        values.id = id
-                        await axios.post('proposal/update',values)
-                        this.showAddMosahebeModal = false
-                        this.current=0;
-                        //this.fromMosahebe.resetFields();
-                        this.$ntSet('اطلاعات با موفقیت کامل شد')
-                        this.fromMosahebe.resetFields();
-                      }
-                    }
-                  }catch (e) {
-                    this.$ntSetError()
-                    throw e
-                  }finally {
-
-                  }
-                });
-            },
-           /* interview(e) {
-                e.preventDefault();
-                this.fromMosahebe.validateFields(async (err, values) => {
-                    if (!err) {
-
-                        if(this.current<2)
-                        {
-                            this.next();
-                        }
-                        else
-                        {
-
-                        }
-                    }
-                });
-            },*/
-            next() {
-                this.current++;
-            },
-            prev() {
-                this.current--;
-            },
-            showDetails(record) {
-              console.log('aaaaa',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 }
-                )
-              }
-                axios.post('/proposal/details', {id:record.id})
-                    .then((res)=>{
-                        this.personalInformation=record;
-                        this.personalDetails=res.data;
-                     // console.log(this.personalDetails);
-                        this.showInformationModal=true;
-                    }).catch((error)=>{
-                    this.$message.error('خطا در دریافت اطلاعات');
-                });
-            },
-            showConfirme(id){
-                let self = this
-                 this.$confirm({
-                    title: 'آیا مطمئن به استخدام هستید ؟',
-                    content: 'در صورتی که گزینه تایید را انتخاب نمایید فرد مورد نظر به عنوان پرسنل در سیستم ثبت می شود ',
-                    cancelText:'انصراف',
-                    okText:'تایید',
-                    onOk() {
-
-                        // this.$message.success('درخواست شما ثبت شد.');
-                        try{
-                            console.log('OK');
-                            axios.post(`proposal/set-personnel`,{id:id}).then((res)=>{
-                                console.log(`res`,res);
-                                self.$message.success('اطلاعات با موفقیت ثبت شد.');
-                            }).catch((error)=>{
-                                self.$message.error('این کاربر قبلا استخدام شده است.');
-                            });
-                        }catch ({message}) {
-                            // this.$ntSetError(message)
-
-                        }
-                    },
-                    onCancel() {
-                        //console.log('Cancel');
-                    },
-                    //class: 'test',
-                });
-
-            },
-
-        },
-        created() {
-            this.cols = TableCol.default;
-        }
+      // requestEditMode:false,
+      editInterviewModel: false,
+      editingInterviewIndex: undefined,
+      mosahebeData: {},
+      fromMosahebe0: this.$form.createForm(this, {name: 'coordinated'}),
+      fromMosahebe1: this.$form.createForm(this, {name: 'coordinated'}),
+      fromMosahebe2: this.$form.createForm(this, {name: 'coordinated'}),
     }
+  },
+  methods: {
+    editInterview(e) {
+      e.preventDefault();
+      this.fromMosahebe.validateFields(async (err, values) => {
+        try {
+          if (!err) {
+            this.$vs.loading()
+            console.log(values, 'values')
+            values.interview_at = this.interview_at
+            await axios.put(`/proposal/interview/update/${this.editingInterviewIndex}`, values)
+            this.editInterviewModel = false
+            this.$ntSet('اطلاعات با موفقیت کامل شد')
+            this.fromMosahebe.resetFields();
+          } else {
+            this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+          }
+        } catch (e) {
+          this.$ntSetError()
+          throw e
+        } finally {
+          this.$vs.loading.close()
+        }
+      });
+    },
+    openEditInterviewModal(item) {
+      item.result.map((i, index) => {
+        item[`result_${index + 1}`] = {
+          desc: i.desc,
+          score: i.score
+        }
+      })
+      this.editingInterviewIndex = item.id
+      this.showMosahebeModal = false
+      this.editInterviewModel = true
+      this.interview_at = item.interview_at
+      this.fromMosahebe.setFieldsValue(item)
+    },
+    fileUpload({fileList, event, file}) {
+      if (file.response && file.response.id) {
+        this.file_id = file.response.id;
+      }
+      this.prsonalFileList = fileList;
+    },
+    fileRemove() {
+      this.file_id = null
+    },
+    showAddMosahebe(id) {
+      this.showAddMosahebeModal = true;
+      this.row_id = id
+    },
+    showMosahebe(id) {
+      this.showMosahebeModal = true;
+      this.getInterView(id)
+    },
+
+    async getInterView(id) {
+      try {
+        this.is_skeleton = true
+        const {data} = await axios.post('proposal/interview', {id: id})
+        this.interview = data
+      } catch (e) {
+        this.$ntSetError()
+      } finally {
+        this.is_skeleton = false
+      }
+    },
+
+    savefromMosahebe(e) {
+      try {
+        if (this.current < 2) {
+          this.next(e);
+        } else {
+          this[`fromMosahebe${this.current}`].validateFields(async (err, values) => {
+            if (!err) {
+              console.log(values, 'values')
+              const id = this.row_id
+              values.interview_at = this.interview_at
+              values.id = id
+              this.mosahebeData = Object.assign(this.mosahebeData, values)
+              await axios.post('proposal/update', this.mosahebeData)
+              this.showAddMosahebeModal = false
+              this.mosahebeData = {}
+              this.current = 0;
+              //this.fromMosahebe.resetFields();
+              this.$ntSet('اطلاعات با موفقیت کامل شد')
+              this.fromMosahebe.resetFields();
+            } else {
+              this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+            }
+          })
+        }
+      } catch (e) {
+        this.$ntSetError()
+        throw e
+      } finally {
+      }
+    },
+    /* interview(e) {
+         e.preventDefault();
+         this.fromMosahebe.validateFields(async (err, values) => {
+             if (!err) {
+
+                 if(this.current<2)
+                 {
+                     this.next();
+                 }
+                 else
+                 {
+
+                 }
+             }
+         });
+     },*/
+    next(e) {
+      e.preventDefault();
+      this[`fromMosahebe${this.current}`].validateFields(async (err, values) => {
+        if (!err) {
+          this.mosahebeData = Object.assign(this.mosahebeData, values)
+          this.current++;
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      })
+    },
+    prev() {
+      this.current--;
+    },
+    showDetails(record) {
+      console.log('aaaaa', 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}
+        )
+      }
+      axios.post('/proposal/details', {id: record.id})
+          .then((res) => {
+            this.personalInformation = record;
+            this.personalDetails = res.data;
+            // console.log(this.personalDetails);
+            this.showInformationModal = true;
+          }).catch((error) => {
+        this.$message.error('خطا در دریافت اطلاعات');
+      });
+    },
+    showConfirme(id) {
+      let self = this
+      this.$confirm({
+        title: 'آیا مطمئن به استخدام هستید ؟',
+        content: 'در صورتی که گزینه تایید را انتخاب نمایید فرد مورد نظر به عنوان پرسنل در سیستم ثبت می شود ',
+        cancelText: 'انصراف',
+        okText: 'تایید',
+        onOk() {
+
+          // this.$message.success('درخواست شما ثبت شد.');
+          try {
+            console.log('OK');
+            axios.post(`proposal/set-personnel`, {id: id}).then((res) => {
+              console.log(`res`, res);
+              self.$message.success('اطلاعات با موفقیت ثبت شد.');
+            }).catch((error) => {
+              self.$message.error('این کاربر قبلا استخدام شده است.');
+            });
+          } catch ({message}) {
+            // this.$ntSetError(message)
+
+          }
+        },
+        onCancel() {
+          //console.log('Cancel');
+        },
+        //class: 'test',
+      });
+
+    },
+
+  },
+  created() {
+    this.cols = TableCol.default;
+  }
+}
 </script>
 
 <style>
-.ant-modal-mask
-{
-    z-index: 9999999 !important;
+.ant-modal-mask {
+  z-index: 9999999 !important;
 }
-.ant-modal-wrap
-{
-    z-index: 999999999 !important;
+
+.ant-modal-wrap {
+  z-index: 999999999 !important;
 }
-ant-modal-title{
+
+ant-modal-title {
   margin-right: 1rem;
 }
-.ant-steps-item-title::after{
+
+.ant-steps-item-title::after {
   /*left: unset !important;*/
-  right:100% !important;
+  right: 100% !important;
 }
 
 /*.ant-modal-close
diff --git a/src/views/register/Register.vue b/src/views/register/Register.vue
index 7774a3d..d3e83ae 100644
--- a/src/views/register/Register.vue
+++ b/src/views/register/Register.vue
@@ -1,1155 +1,1212 @@
 <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 رقمی می باشد' },{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'}]}]" 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" @change="setGender">
-                                        <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" @change="setMarriage_sts">
-                                        <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},{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]" />
-                              </a-form-item>
-
-                              <a-form-item label="حقوق درخواستی">
-                                <input  class="ant-input"  autocomplete="off" v-decorator="['requested_salary',{initialValue: null,rules: [{ required: true, message: 'حقوق درخواستی را وارد نمایید' },{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'}]}]" />
-                              </a-form-item>
-                              <a-form-item label="تعداد فرزند" v-if="flags.marriage_sts == 2">
-                                <input class="ant-input" v-decorator="['count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/,type: 'string', message: 'فقط عدد مجاز است' }] }]"/>
-                              </a-form-item>
-
-                              <a-form-item label="وضعیت نظام وظیفه" v-if="flags.gender == 1">
-                                <a-select  style="width: 100%" v-decorator="['military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
-                                  <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}" :value="index">
-                                    {{ item }}
-                                  </a-select-option>
-                                </a-select>
-                              </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: 'شماره شناسنامه را وارد نمایید' },{pattern:/^\d*$/,type:'string',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},{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]" 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: 'شماره موبایل را وارد نمایید' },{pattern:/^\d*$/,type:'string',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: 'تلفن ثابت را وارد نمایید' },{pattern:/^\d*$/,type:'string',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: 'تلفن ضروری را وارد نمایید' },{pattern:/^\d*$/,type:'string',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: 'شماره بیمه را وارد نمایید' },{pattern:/^\d*$/,type:'string',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-card title="سوابق شخصی" :bordered="true" >
-
-                              <div class="dropbox">
-                                <a-upload-dragger
-                                    :multiple="false"
-                                    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" />
-                                  </p>
-                                  <p class="ant-upload-text">
-                                    فایل را درگ کنید یا اینکه کاوش کنید.
-                                  </p>
-                                  <p class="ant-upload-hint">
-                                    فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                                  </p>
-                                </a-upload-dragger>
-                              </div>
-
-                            </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 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="تاریخ تولد">
+                    <!-- birth_date-->
+                    <input v-if="!birth_day" class="hidden" autocomplete="off"
+                           v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                    <date-picker v-model="birth_day"/>
+                    <!-- v-decorator="['birthdate',{initialValue: null,rules: [{ required: true, message: 'تاریخ تولد را وارد نمایید' }]}]"-->
+                  </a-form-item>
+                </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 رقمی می باشد' },{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'}]}]"
+                         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" @change="setGender">
+                    <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" @change="setMarriage_sts">
+                    <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},{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                </a-form-item>
+
+                <a-form-item label="حقوق درخواستی">
+                  <input class="ant-input" autocomplete="off"
+                         v-decorator="['requested_salary',{initialValue: null,rules: [{ required: true, message: 'حقوق درخواستی را وارد نمایید' },{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'}]}]"/>
+                </a-form-item>
+                <a-form-item label="تعداد فرزند" v-if="flags.marriage_sts == 2">
+                  <input class="ant-input"
+                         v-decorator="['count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/,type: 'string', message: 'فقط عدد مجاز است' }] }]"/>
+                </a-form-item>
+
+                <a-form-item label="وضعیت نظام وظیفه" v-if="flags.gender == 1">
+                  <a-select style="width: 100%"
+                            v-decorator="['military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
+                    <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}" :value="index">
+                      {{ item }}
+                    </a-select-option>
+                  </a-select>
+                </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: 'شماره شناسنامه را وارد نمایید' },{pattern:/^[0-9]+$/,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},{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"
+                             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: 'شماره موبایل را وارد نمایید' },{pattern:/^[0-9]+$/,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: 'تلفن ثابت را وارد نمایید' },{pattern:/^[0-9]+$/,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: 'تلفن ضروری را وارد نمایید' },{pattern:/^[0-9]+$/,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: 'شماره بیمه را وارد نمایید' },{pattern:/^[0-9]+$/,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-card title="سوابق شخصی" :bordered="true">
+
+                <div class="dropbox">
+                  <a-upload-dragger
+                      :multiple="false"
+                      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"/>
+                    </p>
+                    <p class="ant-upload-text">
+                      فایل را درگ کنید یا اینکه کاوش کنید.
+                    </p>
+                    <p class="ant-upload-hint">
+                      فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                    </p>
+                  </a-upload-dragger>
+                </div>
+
+              </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';
+import axios from '@/axios'
+import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
 
-    export default {
-        name: "Register",
-        components:{
-            datePicker: VuePersianDatetimePicker
-        },
-        data(){
-            return{
-                flags:{
-                  gender: 1,
-                  marriage_sts: 1,
-                },
-                fileList: [],
-                file_id:undefined,
-                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:{
-          setMarriage_sts(event){
-            this.flags.marriage_sts = event.target.value
-          },
-          setGender(event){
-            this.flags.gender = event.target.value
-          },
-          changeDocumentUpload({fileList, event, file}){
-            if (file.response && file.response.id) {
-              this.file_id = file.response.id;
-            }
-            this.fileList = fileList;
-          },
-          handleRemoveDocument(){
-            this.file_id = null
-          },
-
-          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.file_id = this.file_id;
-                                    values.training = this.educational;
-                                    values.academic = this.edu;
-                                    values.family= this.family;
-                                    await axios.post('register/save', 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()
+export default {
+  name: "Register",
+  components: {
+    datePicker: VuePersianDatetimePicker
+  },
+  data() {
+    return {
+      flags: {
+        gender: 1,
+        marriage_sts: 1,
       },
-      mounted() {
-
-        }
+      fileList: [],
+      file_id: undefined,
+      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: {
+    setMarriage_sts(event) {
+      this.flags.marriage_sts = event.target.value
+    },
+    setGender(event) {
+      this.flags.gender = event.target.value
+    },
+    changeDocumentUpload({fileList, event, file}) {
+      if (file.response && file.response.id) {
+        this.file_id = file.response.id;
+      }
+      this.fileList = fileList;
+    },
+    handleRemoveDocument() {
+      this.file_id = null
+    },
+
+    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.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+          }
+        });
+      } 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.file_id = this.file_id;
+              values.training = this.educational;
+              values.academic = this.edu;
+              values.family = this.family;
+              await axios.post('register/save', values)
+              this.$ntSet();
+              // this.from.resetFields()
+              this.current++
+            } catch (e) {
+              this.$ntSetError()
+              throw e
+            } finally {
+              this.loading = false
+            }
+
+          } else {
+            this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+          }
+        });
+      }
+
+    },
+    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 {
+
+          }
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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 {
+
+          }
+
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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 {
+
+          }
+
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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
+          }
+
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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;
+[dir=rtl] .anticon.anticon-plus {
+  position: relative;
+  top: 4px;
+  left: 5px;
 }
-.ant-modal-title{
-    margin-right: 1rem;
+
+.ant-modal-title {
+  margin-right: 1rem;
 }
-.ant-steps-item-title::after{
+
+.ant-steps-item-title::after {
   /*left: unset !important;*/
-   right:100% !important;
+  right: 100% !important;
 }
+
 /*.ant-select-arrow
 {
   left: 11px !important;
diff --git a/src/views/register/RegisterPersonnel.vue b/src/views/register/RegisterPersonnel.vue
index 19f12fe..a4f6a2e 100644
--- a/src/views/register/RegisterPersonnel.vue
+++ b/src/views/register/RegisterPersonnel.vue
@@ -1,1158 +1,1218 @@
 <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>-->
-                                      <a-form-item label=" شهر">
-                                        <!-- <a-input autocomplete="off" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
-                                        <input autocomplete="off" type="text" v-decorator="[`jobs[${index}].city`,{initialValue: null,rules: [{ required: true, message: 'شهر را وارد نمایید' }]}]" class="ant-input" >
-                                      </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>-->
-                                  <a-form-item label="شغل">
-                                    <!-- <a-input autocomplete="off" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
-                                    <input autocomplete="off" type="text" v-decorator="[`jobs[${index}].job`,{initialValue: null,rules: [{ required: true, message: 'شغل را وارد نمایید' }]}]" class="ant-input" >
-                                  </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: 'کد ملی را وارد نمایید' },{pattern:/^\d*$/,type:'string',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" @change="setGender">
-                                        <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" @change="setMarriage_sts">
-                                        <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},{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]" />
-                              </a-form-item>
-
-                              <a-form-item label="حقوق درخواستی">
-                                <input  class="ant-input"  autocomplete="off" v-decorator="['requested_salary',{initialValue: null,rules: [{ required: true, message: 'حقوق درخواستی را وارد نمایید' },{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'}]}]" />
-                              </a-form-item>
-                              <a-form-item label="تعداد فرزند" v-if="flags.marriage_sts == 2">
-                                <input class="ant-input" v-decorator="['count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/,type: 'string', message: 'فقط عدد مجاز است' }] }]"/>
-                              </a-form-item>
-                              <a-form-item label="وضعیت نظام وظیفه" v-if="flags.gender == 1">
-                                <a-select  style="width: 100%" v-decorator="['military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
-                                  <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}" :value="index">
-                                    {{ item }}
-                                  </a-select-option>
-                                </a-select>
-                              </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: 'شماره شناسنامه را وارد نمایید' },{pattern:/^\d*$/,type:'string',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},{ rules: [{pattern:/^\d*$/,type:'string',message:'مقدار وارد شده باید عددی باشد.'},] }]" 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: 'شماره موبایل را وارد نمایید' },{pattern:/^\d*$/,type:'string',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: 'تلفن ثابت را وارد نمایید' },{pattern:/^\d*$/,type:'string',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: 'تلفن ضروری را وارد نمایید' },{pattern:/^\d*$/,type:'string',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: 'شماره بیمه را وارد نمایید' },{pattern:/^\d*$/,type:'string',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-card title="سوابق شخصی" :bordered="true" >
-
-                              <div class="dropbox">
-                                <a-upload-dragger
-                                    :multiple="false"
-                                    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" />
-                                  </p>
-                                  <p class="ant-upload-text">
-                                    فایل را درگ کنید یا اینکه کاوش کنید.
-                                  </p>
-                                  <p class="ant-upload-hint">
-                                    فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                                  </p>
-                                </a-upload-dragger>
-                              </div>
-
-                            </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 href="/register/personnel">
-                                        اتمام
-                                    </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="مقطع">
+  <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
-                                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">
+                            :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>
-                    <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>-->
+                    <a-form-item label=" شهر">
+                      <!-- <a-input autocomplete="off" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
+                      <input autocomplete="off" type="text"
+                             v-decorator="[`jobs[${index}].city`,{initialValue: null,rules: [{ required: true, message: 'شهر را وارد نمایید' }]}]"
+                             class="ant-input">
                     </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>
+                  </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>-->
+                  <a-form-item label="شغل">
+                    <!-- <a-input autocomplete="off" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
+                    <input autocomplete="off" type="text"
+                           v-decorator="[`jobs[${index}].job`,{initialValue: null,rules: [{ required: true, message: 'شغل را وارد نمایید' }]}]"
+                           class="ant-input">
+                  </a-form-item>
 
-                </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>
+                <!--  <a-button type="danger" @click="deleteCity(index)" v-if="index >0"  >
+                    حذف
+                  </a-button>-->
+              </a-card>
             </div>
+          </a-form>
 
-        </vx-card>
-    </div>
+          <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="تاریخ تولد">
+                    <input v-if="!birth_day" class="hidden" autocomplete="off"
+                           v-decorator="['note',{ rules:[{ required: true, message: 'تاریخ را وارد نمایید' }] }]"/>
+                    <date-picker v-model="birth_day"/>
+                    <!-- v-decorator="['birthdate',{initialValue: null,rules: [{ required: true, message: 'تاریخ تولد را وارد نمایید' }]}]"-->
+                  </a-form-item>
+                </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: 'کد ملی را وارد نمایید' },{pattern:/^[0-9]+$/,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" @change="setGender">
+                    <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" @change="setMarriage_sts">
+                    <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},{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"/>
+                </a-form-item>
+
+                <a-form-item label="حقوق درخواستی">
+                  <input class="ant-input" autocomplete="off"
+                         v-decorator="['requested_salary',{initialValue: null,rules: [{ required: true, message: 'حقوق درخواستی را وارد نمایید' },{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'}]}]"/>
+                </a-form-item>
+                <a-form-item label="تعداد فرزند" v-if="flags.marriage_sts == 2">
+                  <input class="ant-input"
+                         v-decorator="['count_child',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' },{ pattern: /^[0-9]+$/,type: 'string', message: 'فقط عدد مجاز است' }] }]"/>
+                </a-form-item>
+                <a-form-item label="وضعیت نظام وظیفه" v-if="flags.gender == 1">
+                  <a-select style="width: 100%"
+                            v-decorator="['military_sts',{rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]">
+                    <a-select-option v-for="(item,index) in {1:'معاف',2:'مشمول',3:'پایان خدمت',}" :value="index">
+                      {{ item }}
+                    </a-select-option>
+                  </a-select>
+                </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: 'شماره شناسنامه را وارد نمایید' },{pattern:/^[0-9]+$/,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},{ rules: [{pattern:/^[0-9]+$/,message:'مقدار وارد شده باید عددی باشد.'},] }]"
+                             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: 'شماره موبایل را وارد نمایید' },{pattern:/^[0-9]+$/,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: 'تلفن ثابت را وارد نمایید' },{pattern:/^[0-9]+$/,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: 'تلفن ضروری را وارد نمایید' },{pattern:/^[0-9]+$/,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: 'شماره بیمه را وارد نمایید' },{pattern:/^[0-9]+$/,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-card title="سوابق شخصی" :bordered="true">
+
+                <div class="dropbox">
+                  <a-upload-dragger
+                      :multiple="false"
+                      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"/>
+                    </p>
+                    <p class="ant-upload-text">
+                      فایل را درگ کنید یا اینکه کاوش کنید.
+                    </p>
+                    <p class="ant-upload-hint">
+                      فایلی که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                    </p>
+                  </a-upload-dragger>
+                </div>
+
+              </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 href="/register/personnel">
+                    اتمام
+                  </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';
+import axios from '@/axios'
+import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
 
-    export default {
-        name: "Register",
-        components:{
-            datePicker: VuePersianDatetimePicker
-        },
-        data(){
-            return{
-                flags:{
-                  gender: 1,
-                  marriage_sts: 1,
-                },
-                fileList:[],
-                file_id:undefined,
-                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:{
-          setMarriage_sts(event){
-            this.flags.marriage_sts = event.target.value
-          },
-          setGender(event){
-            this.flags.gender = event.target.value
-          },
-          changeDocumentUpload({fileList, event, file}){
-            if (file.response && file.response.id) {
-              this.file_id = file.response.id;
-            }
-            this.fileList = fileList;
-          },
-          handleRemoveDocument(){
-            this.file_id = null
-          },
-          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;
-                                    values.file_id = this.file_id;
-                                    // values.count_child = parseInt(values.count_child);
-                                    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('/register/personnel')
-            },
-            next() {
-                this.current++;
-            },
-            prev() {
-                this.current--;
-            }
-        },
-        computed:{
-
-        },
-      created() {
-        this.getCity()
-        this.getJob()
+export default {
+  name: "Register",
+  components: {
+    datePicker: VuePersianDatetimePicker
+  },
+  data() {
+    return {
+      flags: {
+        gender: 1,
+        marriage_sts: 1,
       },
-      mounted() {
-
-        }
+      fileList: [],
+      file_id: undefined,
+      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: {
+    setMarriage_sts(event) {
+      this.flags.marriage_sts = event.target.value
+    },
+    setGender(event) {
+      this.flags.gender = event.target.value
+    },
+    changeDocumentUpload({fileList, event, file}) {
+      if (file.response && file.response.id) {
+        this.file_id = file.response.id;
+      }
+      this.fileList = fileList;
+    },
+    handleRemoveDocument() {
+      this.file_id = null
+    },
+    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.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+          }
+        });
+      } 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;
+              values.file_id = this.file_id;
+              // values.count_child = parseInt(values.count_child);
+              await axios.post('register/personnel', values)
+              this.$ntSet();
+              // this.from.resetFields()
+              this.current++
+            } catch (e) {
+              this.$ntSetError()
+              throw e
+            } finally {
+              this.loading = false
+            }
+
+          } else {
+            this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+          }
+        });
+      }
+
+    },
+    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 {
+
+          }
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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 {
+
+          }
+
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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 {
+
+          }
+
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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
+          }
+
+        } else {
+          this.$ntGetError('اطلاعات را به صورت کامل وارد کنید');
+        }
+      });
+    },
+    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('/register/personnel')
+    },
+    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;
+[dir=rtl] .anticon.anticon-plus {
+  position: relative;
+  top: 4px;
+  left: 5px;
 }
-.ant-modal-title{
-    margin-right: 1rem;
+
+.ant-modal-title {
+  margin-right: 1rem;
 }
-.ant-steps-item-title::after{
+
+.ant-steps-item-title::after {
   /*left: unset !important;*/
-   right:100% !important;
+  right: 100% !important;
 }
+
 /*.ant-select-arrow
 {
   left: 11px !important;