From b05899d0623235a471af4524c06e9f4243161f0c Mon Sep 17 00:00:00 2001
From: alirezakarari <alirezakarariwd@gmail.com>
Date: Sat, 30 Jan 2021 22:35:05 +0330
Subject: [PATCH] hr admin

---
 public/loader.css                             |    4 +-
 src/App.vue                                   |   87 +-
 .../vertical-nav-menu/VerticalNavMenu.vue     |    2 +-
 .../vertical-nav-menu/navMenuItems.js         |    3 +
 src/router.js                                 |   16 +-
 src/views/Callback.vue                        |    2 +-
 src/views/auth/Login.vue                      |   54 +-
 src/views/config/Config.vue                   |   53 +-
 src/views/personel/Personel.vue               | 1098 ++++++++++-------
 src/views/personel/personelTbl.js             |    5 +-
 src/views/proposal/Proposal.vue               |  102 +-
 src/views/proposal/proposalTbl.js             |    6 +-
 src/views/register/Register.vue               |  833 +++++++++++++
 themeConfig.js                                |    2 +-
 14 files changed, 1735 insertions(+), 532 deletions(-)
 create mode 100644 src/views/register/Register.vue

diff --git a/public/loader.css b/public/loader.css
index d3f280d..464902c 100644
--- a/public/loader.css
+++ b/public/loader.css
@@ -26,7 +26,7 @@
   width: 100%;
   height: 100%;
   border: 3px solid transparent;
-  border-left: 3px solid #1DA57A;
+  border-left: 3px solid #28ace0;
   border-radius: 50%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -43,7 +43,7 @@
   width: 100%;
   height: 100%;
   border: 3px solid transparent;
-  border-left: 3px solid #1DA57A;
+  border-left: 3px solid #28ace0;
   -webkit-animation: rotateOpacity 1s ease infinite .2s;
   animation: rotateOpacity 1s ease infinite .2s;
   border-radius: 50%;
diff --git a/src/App.vue b/src/App.vue
index 88e5b96..07b3e37 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,3 +1,7 @@
+
+
+
+
 <!-- =========================================================================================
   File Name: App.vue
   Description: Main vue file - APP
@@ -66,21 +70,96 @@ export default {
     // Then we set the value in the --vh custom property to the root of the document
     document.documentElement.style.setProperty('--vh', `${vh}px`)
   },
-  async created () {
+  async created() {
 
+
+    //console.log("this ==> ", this);
+    const dict = {
+      attributes: {
+        old: "رمز عبور فعلی",
+        confirm_password: "تکرار رمز عبور فعلی",
+        password: "رمز عبور",
+        email: 'ایمیل',
+        mobile: 'موبایل',
+        fname: 'نام',
+        phone: 'تلفن',
+        zip: 'کد پستی',
+        address: 'آدرس',
+        state: 'استان',
+        city: 'شهر',
+        company: 'دریافت کننده',
+        lname: 'نام خانوادگی',
+      },
+      messages: {
+        required: (field) => `وارد کردن  ${field} الزامی است`,
+        email: (field) => 'ایمیل وارد شده نامعتبر می باشد',
+        min: (field) => 'مقدار ورودی صحیح نیست',
+        max: (field) => 'مقدار ورودی صحیح نیست',
+        alpha_dash: (field) => 'مقدار ورودی صحیح نیست',
+        digits: (field) => 'مقدار ورودی صحیح نیست'
+      }
+    };
+    this.$validator.localize('fa', dict);
     // jwt
     jwt.init()
 
-    const dir = this.$vs.rtl ? 'rtl' : 'ltr'
-    document.documentElement.setAttribute('dir', dir)
+    //const dir = this.$vs.rtl ? 'rtl' : 'ltr'
+    // document.documentElement.setAttribute('dir', dir)
 
     window.addEventListener('resize', this.handleWindowResize)
     window.addEventListener('scroll', this.handleScroll)
 
     // Auth0
-    try       { await this.$auth.renewTokens() } catch (e) { console.error(e) }
+    try {
+      await this.$auth.renewTokens()
+    } catch (e) {
+      console.error(e)
+    }
 
   },
+  // async created () {
+  //
+  //   //console.log("this ==> ", this);
+  //   const dict = {
+  //     attributes: {
+  //       old: "رمز عبور فعلی",
+  //       confirm_password: "تکرار رمز عبور فعلی",
+  //       password: "رمز عبور",
+  //       email: 'ایمیل',
+  //       mobile: 'موبایل',
+  //       fname: 'نام',
+  //       phone: 'تلفن',
+  //       zip: 'کد پستی',
+  //       address: 'آدرس',
+  //       state: 'استان',
+  //       city: 'شهر',
+  //       company: 'دریافت کننده',
+  //       lname: 'نام خانوادگی',
+  //     },
+  //     messages: {
+  //       required: (field) => `وارد کردن  ${field} الزامی است`,
+  //       email: (field) => 'ایمیل وارد شده نامعتبر می باشد',
+  //       min: (field) => 'مقدار ورودی صحیح نیست',
+  //       max: (field) => 'مقدار ورودی صحیح نیست',
+  //       alpha_dash: (field) => 'مقدار ورودی صحیح نیست',
+  //       digits: (field) => 'مقدار ورودی صحیح نیست'
+  //     }
+  //   };
+  //   this.$validator.localize('fa', dict);
+  //
+  //   // jwt
+  //   jwt.init()
+  //
+  //   const dir = this.$vs.rtl ? 'rtl' : 'ltr'
+  //   document.documentElement.setAttribute('dir', dir)
+  //
+  //   window.addEventListener('resize', this.handleWindowResize)
+  //   window.addEventListener('scroll', this.handleScroll)
+  //
+  //   // Auth0
+  //   try       { await this.$auth.renewTokens() } catch (e) { console.error(e) }
+  //
+  // },
   destroyed () {
     window.removeEventListener('resize', this.handleWindowResize)
     window.removeEventListener('scroll', this.handleScroll)
diff --git a/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue b/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue
index 3ee7762..33acb30 100644
--- a/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue
+++ b/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue
@@ -31,7 +31,7 @@
 
           <!-- Logo -->
           <router-link tag="div" class="vx-logo cursor-pointer flex items-center" to="/">
-            <img src="../../../../public/logo.svg" width="75px"/>
+            <img src="../../../../public/logo.svg" width="150px"/>
             <span class="vx-logo-text text-primary" v-show="isMouseEnter || !reduce" v-if="title">{{ title }}</span>
           </router-link>
           <!-- /Logo -->
diff --git a/src/layouts/components/vertical-nav-menu/navMenuItems.js b/src/layouts/components/vertical-nav-menu/navMenuItems.js
index cc1411f..9378c4a 100644
--- a/src/layouts/components/vertical-nav-menu/navMenuItems.js
+++ b/src/layouts/components/vertical-nav-menu/navMenuItems.js
@@ -27,6 +27,9 @@ export default [
     icon: "AlignJustifyIcon",
     i18n: "اطلاعات پرسنلی",
   },
+  {
+    url: "/auth/register",
+  },
 
 ]
 
diff --git a/src/router.js b/src/router.js
index b230b03..130a620 100644
--- a/src/router.js
+++ b/src/router.js
@@ -24,14 +24,14 @@ const router = new Router({
                         rule: 'editor'
                     }
                 },
-                // {
-                //     path: '/auth/register',
-                //     name: 'auth-register',
-                //     component: () => import('@/views/auth/Register.vue'),
-                //     meta: {
-                //         rule: 'editor'
-                //     }
-                // },
+                {
+                    path: '/auth/register',
+                    name: 'auth-register',
+                    component: () => import('./views/register/Register.vue'),
+                    meta: {
+                        rule: 'editor'
+                    }
+                },
                 // {
                 //     path: '/auth/forgot-password',
                 //     name: 'auth-forget',
diff --git a/src/views/Callback.vue b/src/views/Callback.vue
index dae25a2..1f6a2d1 100644
--- a/src/views/Callback.vue
+++ b/src/views/Callback.vue
@@ -2,7 +2,7 @@
 
   <div id="loading-bg">
     <div class="loading-logo">
-      <img src="@/assets/images/logo/logo.svg" width="130px" alt="Logo">
+      <img src="@/assets/images/logo/logo.svg" width="150px" alt="Logo">
 
     </div>
     <div class="loading">
diff --git a/src/views/auth/Login.vue b/src/views/auth/Login.vue
index c64a9ed..78c060a 100644
--- a/src/views/auth/Login.vue
+++ b/src/views/auth/Login.vue
@@ -1,15 +1,4 @@
-<!-- =========================================================================================
-    File Name: Login.vue
-    Description: Login Page
-    ----------------------------------------------------------------------------------------
-    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
-      Author: Pixinvent
-    Author URL: http://www.themeforest.net/user/pixinvent
-========================================================================================== -->
-
-
 <template>
-
   <div class="h-screen flex w-full bg-img vx-row no-gutter items-center justify-center" id="page-login">
     <div class="vx-col sm:w-1/2 md:w-1/2 lg:w-2/4 xl:w-1/4 sm:m-0 m-4">
       <vx-card>
@@ -17,16 +6,18 @@
 
           <div class="vx-row no-gutter justify-center items-center">
 
+            <!-- <div class="vx-col hidden lg:block lg:w-1/2">
+               <img src="@/assets/images/pages/login.png" alt="login" class="mx-auto">
+             </div>-->
+
             <div class="vx-col sm:w-full md:w-full lg:w-full d-theme-dark-bg">
               <div class="px-4 pt-1 login-tabs-container flex items-stretch flex-col justify-center ">
                 <img src="@/assets/images/logo.svg" width="120px" height="120px" class="mx-auto">
                 <div class="vx-card__title mb-4">
                   <h4 class="mb-4">
-                    ورود
+                    {{$t('Login')}}
                   </h4>
-                  <p>
-                    به آسکو خوش آمدید.
-                  </p>
+                  <p>{{$t('Welcome Login')}}</p>
                 </div>
                 <div>
                   <vs-input
@@ -36,11 +27,11 @@
                           icon-no-border
                           icon="icon icon-user"
                           icon-pack="feather"
-                          label-placeholder="شماره تلفن همراه یا ایمیل"
+                          :label-placeholder="$t('Mail or Mobile')"
                           v-model="email"
                           @keydown.enter="loginJWT"
                           class="w-full"/>
-                  <span class="text-danger text-sm">شماره موبایل الزامی است.</span>
+                  <span class="text-danger text-sm">{{ errors.first('mobile') }}</span>
 
                   <vs-input
                           data-vv-validate-on="blur"
@@ -50,26 +41,29 @@
                           icon-no-border
                           icon="icon icon-lock"
                           icon-pack="feather"
-                          label-placeholder="رمزعبور"
+                          :label-placeholder="$t('Password')"
                           v-model="password"
                           @keydown.enter="loginJWT"
                           class="w-full mt-8" />
-                  <span class="text-danger text-sm">رمزعبور الزامی است.</span>
+                  <span class="text-danger text-sm">{{ errors.first('password') }}</span>
 
                   <div class="flex flex-wrap justify-between my-5">
-                    <router-link to="/auth/forgot-password">
-                      رمز عبور خود را فراموش کردم
-                    </router-link>
+                  <!--  <router-link to="/auth/forgot-password">
+                      {{$t('Forgot Password')}}
+                    </router-link>-->
                   </div>
                   <div class="flex flex-wrap justify-between mb-3 ">
                     <vs-button class="mx-auto" :disabled="!validateForm" @click="loginJWT" >
-                      ورود
+                      {{$t('Login')}}
                     </vs-button>
                   </div>
                   <div>
-                    <router-link to="/auth/register">
-                      آیا شما ثبت نام نکرده اید ؟
-                    </router-link>
+                   <!-- <router-link to="/auth/register">
+                      {{$t('Are you register')}}
+                    </router-link>-->
+                    <a-button type="link" @click="registerUser">
+                      آیا هنوز ثبت نام نکرده اید؟
+                    </a-button>
                   </div>
                 </div>
               </div>
@@ -133,13 +127,6 @@
                   }
                   this.$vs.loading.close()
                   this.$message.error(msg);
-                  /*this.$vs.notify({
-                    title: 'خطا در ورود',
-                    text: msg,
-                    iconPack: 'feather',
-                    icon: 'icon-alert-circle',
-                    color: 'danger',
-                  })*/
                 })
       },
       registerUser() {
@@ -165,4 +152,3 @@
   }
 </style>
 
-
diff --git a/src/views/config/Config.vue b/src/views/config/Config.vue
index 20e932b..a9834d9 100644
--- a/src/views/config/Config.vue
+++ b/src/views/config/Config.vue
@@ -1,8 +1,9 @@
+
 <template>
     <div>
         <a-card>
 
-            <a-tabs default-active-key="1"  style="direction: ltr" @change="changeTab()">
+            <a-tabs default-active-key="1"  style="direction: ltr" >
 
                 <a-tab-pane key="2" tab="مدیریت شهرها">
                     <div>
@@ -16,14 +17,13 @@
 
                                 <div class="col-span-5">
                                     <a-select
-                                            class="mt-3"
+                                            class="mt-5"
                                             mode="multiple"
                                             :default-value="[]"
-                                            style="width: 100%;direction: rtl !important;"
-                                            size="large"
+                                            style="width: 100%;direction: ltr !important;"
                                             placeholder="انتخاب شهر"
                                     >
-                                        <a-select-option v-for="item,index in cities" :key="item.id">
+                                        <a-select-option v-for="item,index in cities" :key="item.id" style="direction: rtl !important;">
                                             {{item.title}}
                                         </a-select-option>
                                     </a-select>
@@ -39,16 +39,16 @@
 
                                         <a-form-item label="شغل">
                                             <a-input
-                                                    v-decorator="['title',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                                                    v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }],},]"/>
                                         </a-form-item>
                                         <a-form-item label="شهر های همکاری">
 
                                             <a-select
                                                     class="mt-3"
                                                     mode="multiple"
-                                                    size="large"
+                                                    style="width: 100%;direction: rtl !important;"
                                                     placeholder="انتخاب شهر"
-                                                    v-decorator="['cities',{rules: [{ required: false, message: 'وارد کردن شهر های همکاری الزامی است' }]}]"
+                                                    v-decorator="['cities',{rules: [{ required: true, message: 'وارد کردن شهر های همکاری الزامی است' }],},]"
                                             >
                                                 <a-select-option v-for="item,index in cities" :key="`${item.id}`">
                                                     {{item.title}}
@@ -76,7 +76,7 @@
 
 
                         <template slot="cities_str_slot" slot-scope="items">
-                            <a-tag v-for="item,index in items" >{{item}}</a-tag>
+                            <a-tag v-for="item,index in items" :key="index" >{{item}}</a-tag>
                         </template>
 
                         <template slot="operator" slot-scope="id">
@@ -101,9 +101,9 @@
                                 ویرایش
                             </a-button>
                         </template>
-                        <a-button type="primary">
+                        <!--  <a-button type="primary">
                             Primary
-                        </a-button>
+                          </a-button>-->
 
                     </ATable>
 
@@ -127,12 +127,12 @@
                     okText="ثبت تغییرات "
                     @ok="saveEditJob"
                     cancelText="بستن"
-                    title="ویرایش شفل" >
+                    title="ویرایش شغل" >
                 <a-form :form="fromJobEdit" @submit="saveEditJob" >
 
                     <a-form-item label="شغل">
                         <a-input
-                                v-decorator="['title',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                                v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
                     </a-form-item>
                     <a-form-item label="شهر های همکاری">
 
@@ -140,11 +140,11 @@
                                 class="mt-3"
                                 mode="multiple"
                                 style="width: 100%;direction: rtl !important;"
-                                size="large"
+                                autocomplete="off"
                                 placeholder="انتخاب شهر"
-                                v-decorator="['cities',{rules: [{ required: false, message: 'وارد کردن شهر های همکاری الزامی است' }],},]"
+                                v-decorator="['cities',{rules: [{ required: true, message: 'وارد کردن شهر های همکاری الزامی است' }]}]"
                         >
-                            <a-select-option v-for="item,index in cities"  :key="`${item.id}`">
+                            <a-select-option v-for="(item,index) in cities"  :key="`${item.id}`">
                                 {{item.title}}
                             </a-select-option>
                         </a-select>
@@ -166,6 +166,7 @@
     import XTable from "@/components/x-table/XTable";
     import axios from "@/axios";
 
+
     export default {
         data() {
             return {
@@ -218,18 +219,15 @@
                 e.preventDefault();
                 this.fromJobEdit.validateFields((err, values) => {
                     if (!err) {
-                        values.id=this.currentJobID;
-                        axios.post('/jobs',values)
-                            .then((res)=>{
-                                //console.log(res.data);
-                                this.$message.success('اطلاعات با موفقیت ثبت شد');
-                                this.getJobs();
-                                this.showAddJob=false;
-                            }).catch((error)=>{
+                        try{
+                            values.id=this.currentJobID;
+                            axios.post('/jobs',values)
+                            this.$message.success('اطلاعات با موفقیت ثبت شد');
+                            this.getJobs();
+                            this.showJobEditModal = false;
+                        }catch (e) {
                             this.$message.error('خطا در دریافت اطلاعات');
-                        });
-                        // console.log('Received values of form: ', values);
-                        //this.$store.commit('update', values);
+                        }
                     }
                 });
             },
@@ -330,6 +328,7 @@
     }
 </script>
 
+
 <style>
     .ant-pagination
     {
diff --git a/src/views/personel/Personel.vue b/src/views/personel/Personel.vue
index d96fb50..0c4b9ea 100644
--- a/src/views/personel/Personel.vue
+++ b/src/views/personel/Personel.vue
@@ -1,9 +1,10 @@
 <template>
     <div>
         <a-card>
-
-
-            <x-table class="mt-4"
+            <a-button href="/register/form" >
+                ثبت پرسنل جدید
+            </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)">
@@ -12,330 +13,533 @@
                 </template>
             </x-table>
 
-            <a-modal @ok="savefromPersonel" :forceRender="true" okText="ویرایش" cancelText="بستن" :width="1200" v-model="showPersonalModal" title="ویرایش اطلاعات پرسنلی">
-                    <a-form :form="fromPersonel">
-                        <a-tabs default-active-key="1"  style="direction: ltr">
-                            <a-tab-pane force-render 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">
-                                                <template slot="title">
-                                                    <span>حذف</span>
-                                                </template>
-                                                <a-popconfirm
-                                                        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">{{ item.type }} : نوع</div>
-                                        <div style="direction: rtl">عنوان : {{  item.title }}</div>
-                                    </a-list-item>
-                                </a-list>
-                                <a-button class="mt-4" @click="showAddDocument=true;isAlertUpload = false">افزودن ردیف</a-button>
-                            </a-tab-pane>
-                            <a-tab-pane force-render key="7" tab="ارزیابی عملکرد">
-                                <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
-                                    <a-list-item class="grid grid-cols-3" v-for="(item,index) in educationalInformation" :key="index" >
-                                        <div>
-                                            <a-tooltip placement="bottomRight">
-                                                <template slot="title">
-                                                    <span>حذف</span>
-                                                </template>
-                                                <a-popconfirm
-                                                        placement="right"
-                                                        style="z-index: 999999999999"
-                                                        title="آیا می خواهید حذف کنید؟"
-                                                        ok-text="بله"
-                                                        cancel-text="خیر"
-                                                        @confirm="okDelete(item)"
-                                                >
-                                                    <a-button type="danger" class="mr-3">حذف</a-button>
-                                                </a-popconfirm>
-                                            </a-tooltip>
-                                        </div>
-                                        <div>{{ item.note }} : برنامه توسعه دوره</div>
-                                        <div>نمره : {{  item.score  }}</div>
-                                    </a-list-item>
-                                </a-list>
-                                <br/>
-                                <a-button @click="showAddPerformance=true">افزودن ردیف</a-button>
-                            </a-tab-pane>
-                            <a-tab-pane force-render key="6" tab="تحویل تجهیزات">
-                                <a-form-item>
-                                    <a-checkbox  v-decorator="['equip_checklist.first',{valuePropName:'checked'}]"  >کلاه</a-checkbox>
-                                </a-form-item>
-                                <a-form-item>
-                                    <a-checkbox  v-decorator="['equip_checklist.second',{valuePropName:'checked'}]" >لباس</a-checkbox>
-                                </a-form-item>
-                                <a-form-item label="سایز">
-                                    <a-input style="width: 40%"
-                                             v-decorator="['equip_checklist.cloth_size']"/>
-                                </a-form-item>
-                                <a-form-item>
-                                    <a-checkbox  v-decorator="['equip_checklist.third',{valuePropName:'checked'}]">دستکش</a-checkbox>
-                                </a-form-item>
-                                <a-form-item>
-                                    <a-checkbox  v-decorator="['equip_checklist.forth',{valuePropName:'checked'}]" >عینک</a-checkbox>
-                                </a-form-item>
-                                <a-form-item>
-                                    <a-checkbox  v-decorator="['equip_checklist.fifth',{valuePropName:'checked'}]">کفش</a-checkbox>
-                                </a-form-item>
-                                <a-form-item>
-                                    <a-checkbox  v-decorator="['equip_checklist.sixth',{valuePropName:'checked'}]">مهر</a-checkbox>
-                                </a-form-item>
-                                <a-form-item label="سایر">
-                                    <a-input style="width: 40%"
-                                             v-decorator="['equip_checklist.other']"/>
-                                </a-form-item>
-                            </a-tab-pane>
-                            <a-tab-pane force-render key="5" tab="آشنا سازی">
-                                <a-form-item>
-                                    <a-checkbox v-decorator="['intro_checklist.first',{valuePropName:'checked'}]">
+            <a-modal  @ok="savefromPersonel" :forceRender="true" okText="ویرایش" cancelText="بستن" width="90%" v-model="showPersonalModal" title="ویرایش اطلاعات پرسنلی">
+                <a-form :form="fromPersonel">
+
+                    <a-tabs type="card">
+
+                        <a-tab-pane :forceRender="true" key="1" tab="اطلاعات فردی">
+                            <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="نام و نام خانوادگی">
+                                        <a-input autocomplete="off" v-decorator="['name']"/>
+                                    </a-form-item>
+                                    <a-form-item label="کدملی">
+                                        <a-input autocomplete="off" v-decorator="['ncode']"/>
+                                    </a-form-item>
+                                    <a-form-item label="موبایل">
+                                        <a-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="شغل متقاضی">
+                                        <a-input autocomplete="off" v-decorator="['proposal.job_title']"/>
+                                    </a-form-item>
+                                    <a-form-item label="نام پدر">
+                                        <a-input autocomplete="off" v-decorator="['proposal.father_name']"/>
+                                    </a-form-item>
+                                    <!--                <a-form-item label="تاریخ تولد">-->
+                                    <!--                  <a-input autocomplete="off" v-decorator="['personal.birth_date',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                                    <!--                </a-form-item>-->
+                                    <a-form-item label="شماره شناسنامه">
+                                        <a-input autocomplete="off" v-decorator="['proposal.iden_id']"/>
+                                    </a-form-item>
+                                    <a-form-item label="سریال شناسنامه">
+                                        <a-input autocomplete="off" v-decorator="['proposal.iden_serial']"/>
+                                    </a-form-item>
+                                    <a-form-item label="محل صدور">
+                                        <a-input autocomplete="off" v-decorator="['proposal.iden_place']"/>
+                                    </a-form-item>
+                                    <a-form-item label="محل تولد">
+                                        <a-input autocomplete="off" v-decorator="['proposal.birth_place']"/>
+                                    </a-form-item>
+                                    <a-form-item label="ایمیل">
+                                        <a-input autocomplete="off" v-decorator="['proposal.email']"/>
+                                    </a-form-item>
+                                    <a-form-item label="تلفن ثابت">
+                                        <a-input autocomplete="off" v-decorator="['proposal.phone']"/>
+                                    </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']">
+                                            <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']">
+                                            <a-radio :value="2">
+                                                متاهل
+                                            </a-radio>
+                                            <a-radio :value="1">
+                                                مجرد
+                                            </a-radio>
+                                        </a-radio-group>
+                                    </a-form-item>
+                                </div>
+                            </a-card>
+                            <a-card title="اطلاعات تحصیلی" class="mt-5">
+                                <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="مقطع">
+                                        <!-- <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                                        <a-select v-decorator="['personal_details[0].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="دانشگاه">
+                                        <a-input autocomplete="off" v-decorator="['personal_details[0].university']"/>
+                                    </a-form-item>
+                                    <a-form-item label="رشته تحصیلی">
+                                        <a-input autocomplete="off" v-decorator="['personal_details[0].title']"/>
+                                    </a-form-item>
+                                    <a-form-item label="گرایش">
+                                        <a-input autocomplete="off" v-decorator="['personal_details[0].trend']"/>
+                                    </a-form-item>
+                                    <a-form-item label="سال شروع">
+                                        <a-input autocomplete="off" v-decorator="['personal_details[0].start_at']"/>
+                                    </a-form-item>
+                                    <a-form-item label="سال خاتمه">
+                                        <a-input autocomplete="off" v-decorator="['personal_details[0].end_at']"/>
+                                    </a-form-item>
+                                </div>
+                            </a-card>
+                            <a-card title="سوابق آموزشی" class="mt-5">
+                                <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="مرکز برگزاری">
+                                        <a-input autocomplete="off" v-decorator="[`personal_details[1].university`]"/>
+                                    </a-form-item>
+                                    <a-form-item label="عنوان دوره ">
+                                        <a-input autocomplete="off" v-decorator="[`personal_details[1].title`]"/>
+                                    </a-form-item>
+                                    <a-form-item label="سال">
+                                        <a-input autocomplete="off" v-decorator="[`personal_details[1].start_at`]"/>
+                                    </a-form-item>
+                                </div>
+                            </a-card>
+                            <a-card title="سوابق کاری" class="mt-5">
+                                <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="نام سازمان ">
+                                        <a-input autocomplete="off" v-decorator="[`personal_details[2].university`]"/>
+                                    </a-form-item>
+                                    <a-form-item label="عنوان شغل">
+                                        <a-input autocomplete="off" v-decorator="[`personal_details[2].title`]"/>
+                                    </a-form-item>
+                                    <a-form-item label="سال شروع">
+                                        <a-input autocomplete="off" v-decorator="[`personal_details[2].start_at`]"/>
+                                    </a-form-item>
+                                    <a-form-item label="سال خاتمه">
+                                        <a-input autocomplete="off" v-decorator="[`personal_details[2].end_at`]"/>
+                                    </a-form-item>
+                                </div>
+                            </a-card>
+                        </a-tab-pane>
+
+                        <a-tab-pane :forceRender="true" key="2" tab="اطلاعات پایه">
+                            <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="شماره کارت">
+                                        <a-input
+                                                v-decorator="['bank_card_number']"/>
+                                    </a-form-item>
+                                </div>
+                                <div>
+                                    <a-form-item label="شمار ه حساب">
+                                        <a-input
+                                                v-decorator="['bank_account']"/>
+                                    </a-form-item>
+                                </div>
+
+                                <div>
+                                    <a-form-item label="شماره بیمه">
+                                        <a-input style=""
+                                                 v-decorator="['insurance_no']"/>
+                                    </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>
+                        </a-tab-pane>
+
+                        <a-tab-pane :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-tooltip placement="bottomRight">
+                                            <template slot="title">
+                                                <span>حذف</span>
+                                            </template>
+                                            <a-popconfirm
+                                                    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>{{ item.type }} : دسته گواهینامه</div>
+                                    <div style="direction: rtl">عنوان گواهینامه : {{  item.title  }}</div>
+                                </a-list-item>
+                            </a-list>
+                            <a-button class="mt-4" @click="showAddEducationalInformation=true;isAlertUpload = false">افزودن ردیف</a-button>
+                        </a-tab-pane>
+                        <a-tab-pane :forceRender="true" key="4" tab="قراردادها">
+                            <a-list :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
+                                <a-list-item class="grid grid-cols-4" v-for="(item,index) in contract" :key="index" >
+                                    <div>
+                                        <a-tooltip placement="bottomRight">
+                                            <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="mr-3">حذف</a-button>
+                                            </a-popconfirm>
+                                        </a-tooltip>
+                                    </div>
+                                    <div>{{ item.salary }} : حقوق پایه</div>
+                                    <div>{{ item.end_at }} : تاریخ خاتمه</div>
+                                    <div>{{ item.start_at }} : تاریخ شروع</div>
+                                    <div>
+                                        <!--<a-button class="mt-3">ویرایش</a-button>-->
+                                    </div>
+                                    <div>{{ item.worker_coupon }} : بن کارگری</div>
+                                    <div>{{ item.housing_allowance }} : کمک هزینه مسکن</div>
+                                    <div>{{ item.right_attraction }} : حق جذب</div>
+                                    <div>
+                                        <!--<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>-->
+                                        <a-dropdown  class="mt-3" v-if="item.id">
+                                            <a-menu slot="overlay" >
+                                                <a-menu-item  key="1">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=1`" target="_blank">نوع 1</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="2">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=2`" target="_blank">نوع 2</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="3">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=3`" target="_blank">نوع 3</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="4">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=4`" target="_blank">نوع 4</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="5">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=5`" target="_blank">نوع 5</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="6">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=6`" target="_blank">نوع 6</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="7">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=7`" target="_blank">نوع 7</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="8">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=8`" target="_blank">نوع 8</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="9">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=9`" target="_blank">نوع 9</a>
+                                                </a-menu-item>
+                                                <a-menu-item key="10">
+                                                    <a :href="`${getBaseURL}/back/public/api/personnel/print?id=${item.id}&type=10`" target="_blank">نوع 10</a>
+                                                </a-menu-item>
+                                                <!-- <a-menu-item key="7">
+                                                   <a href="222" target="_blank">نوع سوم</a>
+                                                 </a-menu-item>-->
+
+                                            </a-menu>
+                                            <a-button > چاپ <a-icon type="down" /> </a-button>
+                                        </a-dropdown>
+                                    </div>
+                                    <div></div>
+                                    <div>{{ item.reason_termination }} : دلیل فسخ قرارداد</div>
+                                    <div>{{ item.right_guardianship }} : حق سرپرستی</div>
+                                    <!--<div style="direction: rtl">عنوان گواهینامه : {{  item.title  }}</div>-->
+                                </a-list-item>
+                            </a-list>
+                            <a-button class="mt-3" @click="showAddContract = true">افزودن ردیف</a-button>
+                        </a-tab-pane>
+                        <a-tab-pane :forceRender="true" key="5" tab="آشنا سازی">
+                            <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-6 lg:gap-4" style="direction: rtl">
+                                <div>
+                                    <a-form-item>
+                                        <a-checkbox v-decorator="['intro_checklist.third',{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>
+                                </div>
+
+                                <div>
+                                    <a-form-item>
+                                        <a-checkbox v-decorator="['intro_checklist.first',{valuePropName:'checked'}]">
+                                            تکمیل پرونده
+                                        </a-checkbox>
+                                    </a-form-item>
+                                </div>
+
+                            </div>
+                        </a-tab-pane>
+                        <a-tab-pane :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',{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',{valuePropName:'checked'}]"  >کلاه</a-checkbox>
+                                    </a-form-item>
+                                </div>
+
+                                <div>
+                                    <a-form-item>
+                                        <a-checkbox  v-decorator="['equip_checklist.fifth',{valuePropName:'checked'}]">کفش</a-checkbox>
+                                    </a-form-item>
+                                    <!--<a-form-item>
+                                      <a-checkbox v-decorator="['intro_checklist.first',{valuePropName:'checked'}]">
                                         تکمیل پرونده
-                                    </a-checkbox>
-                                </a-form-item>
+                                      </a-checkbox>
+                                    </a-form-item>-->
+                                </div>
 
-                                <a-form-item>
-                                    <a-checkbox v-decorator="['intro_checklist.second',{valuePropName:'checked'}]">آشنا سازی با قوانین</a-checkbox>
-                                </a-form-item>
+                                <div>
+                                    <a-form-item>
+                                        <a-checkbox  v-decorator="['equip_checklist.forth',{valuePropName:'checked'}]" >عینک</a-checkbox>
+                                    </a-form-item>
+                                </div>
 
-                                <a-form-item>
-                                    <a-checkbox v-decorator="['intro_checklist.third',{valuePropName:'checked'}]">اصول اخلاقی</a-checkbox>
-                                </a-form-item>
+                                <div>
+                                    <a-form-item>
+                                        <a-checkbox  v-decorator="['equip_checklist.third',{valuePropName:'checked'}]">دستکش</a-checkbox>
+                                    </a-form-item>
+                                </div>
 
-                            </a-tab-pane>
-                            <a-tab-pane key="4" tab="قرارد دادها" force-render>
-                                <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-tooltip placement="bottomRight">
-                                                <template slot="title">
-                                                    <span>حذف</span>
-                                                </template>
-                                                <a-popconfirm
-                                                        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>{{ item.type }} : دسته گواهینامه</div>
-                                        <div style="direction: rtl">عنوان گواهینامه : {{  item.title  }}</div>
-                                    </a-list-item>
-                                </a-list>
-                                <a-button @click="showAddContract = true">افزودن ردیف</a-button>
-                            </a-tab-pane>
-                            <a-tab-pane key="3" tab="اطلاعات آموزشی" force-render>
-                                <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-tooltip placement="bottomRight">
-                                                <template slot="title">
-                                                    <span>حذف</span>
-                                                </template>
-                                                <a-popconfirm
-                                                        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>{{ item.type }} : دسته گواهینامه</div>
-                                        <div style="direction: rtl">عنوان گواهینامه : {{  item.title  }}</div>
-                                    </a-list-item>
-                                </a-list>
-                                <a-button class="mt-4" @click="showAddEducationalInformation=true;isAlertUpload = false">افزودن ردیف</a-button>
-                            </a-tab-pane>
-                            <a-tab-pane key="2" tab="اطلاعات پایه"  force-render>
-                                <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>
+                                    <a-form-item >
+                                        <a-input
+                                                v-decorator="['equip_checklist.cloth_size']" placeholder="سایز" />
+                                    </a-form-item>
+                                </div>
 
-                                <a-form-item label="شماره بیمه">
-                                    <a-input style="width: 40%"
-                                             v-decorator="['insurance_no']"/>
-                                </a-form-item>
-                                <a-form-item label="شماره کارت">
-                                    <a-input style="width: 40%"
-                                             v-decorator="['bank_card_number']"/>
-                                </a-form-item>
-                                <a-form-item label="شمار ه حساب">
-                                    <a-input style="width: 40%"
-                                             v-decorator="['bank_account']"/>
-                                </a-form-item>
+                                <div>
+                                    <a-form-item >
+                                        <a-input
+                                                v-decorator="['equip_checklist.other']" placeholder="سایر تجهیزات"/>
+                                    </a-form-item>
+                                </div>
 
-                            </a-tab-pane>
-                            <a-tab-pane key="1" tab="اطلاعات فردی" force-render style="direction: rtl">
-
-                                <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="نام و نام خانوادگی">
-                                            <a-input autocomplete="off" v-decorator="['name',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="کدملی">
-                                            <a-input autocomplete="off" v-decorator="['ncode',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="موبایل">
-                                            <a-input autocomplete="off" v-decorator="['proposal.mobile',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="تاریخ ثبت نام">
-                                            <a-input autocomplete="off" v-decorator="['created_at',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="تاریخ به روز رسانی ">
-                                            <a-input autocomplete="off" v-decorator="['updated_at',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="شغل متقاضی">
-                                            <a-input autocomplete="off" v-decorator="['proposal.job_title',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="نام پدر">
-                                            <a-input autocomplete="off" v-decorator="['proposal.father_name',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <!--                <a-form-item label="تاریخ تولد">-->
-                                        <!--                  <a-input autocomplete="off" v-decorator="['personal.birth_date',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
-                                        <!--                </a-form-item>-->
-                                        <a-form-item label="شماره شناسنامه">
-                                            <a-input autocomplete="off" v-decorator="['proposal.iden_id',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="سریال شناسنامه">
-                                            <a-input autocomplete="off" v-decorator="['proposal.iden_serial',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="محل صدور">
-                                            <a-input autocomplete="off" v-decorator="['proposal.iden_place',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="محل تولد">
-                                            <a-input autocomplete="off" v-decorator="['proposal.birth_place',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="ایمیل">
-                                            <a-input autocomplete="off" v-decorator="['proposal.email',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="تلفن ثابت">
-                                            <a-input autocomplete="off" v-decorator="['proposal.phone',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="شماره بیمه">
-                                            <a-input autocomplete="off" v-decorator="['proposal.name',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="نام طرف مرتبط">
-                                            <a-input autocomplete="off" v-decorator="['proposal.phone_emergency_related',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="جنسیت">
-                                            <a-radio-group v-decorator="['proposal.gender']">
-                                                <a-radio :value="1">
-                                                    مرد
-                                                </a-radio>
-                                                <a-radio :value="-1">
-                                                    زن
-                                                </a-radio>
-                                            </a-radio-group>
-                                        </a-form-item>
-                                        <a-form-item label="وضعیت تاهل">
-                                            <a-radio-group v-decorator="['proposal.marriage_sts']">
-                                                <a-radio :value="1">
-                                                    مرد
-                                                </a-radio>
-                                                <a-radio :value="-1">
-                                                    زن
-                                                </a-radio>
-                                            </a-radio-group>
-                                        </a-form-item>
+                            </div>
+                        </a-tab-pane>
+                        <a-tab-pane :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 educationalInformation" :key="index" >
+                                    <div>
+                                        <a-tooltip placement="bottomRight">
+                                            <template slot="title">
+                                                <span>حذف</span>
+                                            </template>
+                                            <a-popconfirm
+                                                    placement="right"
+                                                    style="z-index: 999999999999"
+                                                    title="آیا می خواهید حذف کنید؟"
+                                                    ok-text="بله"
+                                                    cancel-text="خیر"
+                                                    @confirm="okDelete(item)"
+                                            >
+                                                <a-button type="danger" class="mr-3">حذف</a-button>
+                                            </a-popconfirm>
+                                        </a-tooltip>
                                     </div>
-                                </a-card>
-
-                                <a-card title="اطلاعات تحصیلی" class="mt-5">
-                                    <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="مقطع">
-                                            <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="دانشگاه">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${0}].university`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="رشته تحصیلی">
-                                            <a-input autocomplete="off" v-decorator="['personal_details[0].title',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="گرایش">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${0}].trend`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="سال شروع">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${0}].start_at`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="سال خاتمه">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${0}].end_at`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
+                                    <div>{{ item.note }} : برنامه توسعه دوره</div>
+                                    <div>نمره : {{  item.score  }}</div>
+                                </a-list-item>
+                            </a-list>
+                            <br/>
+                            <a-button @click="showAddPerformance=true">افزودن ردیف</a-button>
+                        </a-tab-pane>
+                        <a-tab-pane :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">
+                                            <template slot="title">
+                                                <span>حذف</span>
+                                            </template>
+                                            <a-popconfirm
+                                                    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>
-                                </a-card>
-
-                                <a-card title="سوابق آموزشی" class="mt-5">
-                                    <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="مرکز برگزاری">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${1}].university`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="عنوان دوره ">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${1}].title`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="سال">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${1}].start_at`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                    </div>
-                                </a-card>
-
-
-                                <a-card title="سوابق کاری" class="mt-5">
-                                    <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="نام سازمان ">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${2}].university`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="عنوان شغل">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${2}].title`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="سال شروع">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${2}].start_at`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                        <a-form-item label="سال خاتمه">
-                                            <a-input autocomplete="off" v-decorator="[`personal_details[${2}].end_at`,{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                                        </a-form-item>
-                                    </div>
-                                </a-card>
-
-
-                            </a-tab-pane>
-                        </a-tabs>
-                    </a-form>
+                                    <div style="direction: rtl">{{ item.type }} : نوع</div>
+                                    <div style="direction: rtl">عنوان : {{  item.note }}</div>
+                                </a-list-item>
+                            </a-list>
+                            <a-button class="mt-4" @click="showAddDocument=true;isAlertUpload = false">افزودن ردیف</a-button>
+                        </a-tab-pane>
+                    </a-tabs>
+                </a-form>
             </a-modal>
 
             <a-modal okText="ایجاد" cancelText="بستن" v-model="showAddEducationalInformation" title="افزودن اطلاعات آموزشی" @ok="addEdu">
-                <a-form :form="fromEducationalInformation">
+                <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="دسته گواهینامه">
-                            <a-input autocomplete="off" v-decorator="['type',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                            <a-input  autocomplete="off" v-decorator="['type',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
                         </a-form-item>
                         <a-form-item label="عنوان گواهینامه">
-                            <a-input autocomplete="off" v-decorator="['title',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                            <a-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>
+                     </a-form-item>
+                </a-form>
+            </a-modal>
+
+            <a-modal @ok="addContract" okText="ایجاد" cancelText="بستن"  v-model="showAddContract" title="افزودن قرارداد" >
+                <a-form :form="fromContract" >
+
+                    <div class="grid grid-cols-2 gap-4">
+                        <div>
+                            <a-form-item label="تاریخ شروع">
+                                <!--v-decorator="['start_at']"-->
+                                <a-input id="contrat_start_at" v-model="contractModel.start_at" style="width:100%"/>
+                            </a-form-item>
+                            <date-picker
+                                    :auto-submit="true"
+                                    color="#4f72ab"
+                                    v-model="contractModel.start_at"
+                                    element="contrat_start_at"
+                            />
+
+                        </div>
+                        <div>
+                            <a-form-item label="تاریخ خاتمه">
+                                <!--  <a-input style="width:100%" v-decorator="['end_at']"/>-->
+                                <a-input id="contrat_end_at" style="width:100%" v-model="contractModel.end_at" />
+                                <date-picker
+                                        :auto-submit="true"
+                                        color="#4f72ab"
+                                        v-model="contractModel.end_at"
+                                        element="contrat_end_at"
+                                />
+                            </a-form-item>
+
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-3 gap-4">
+                        <div>
+                            <a-form-item label="حقوق پایه">
+                                <a-input-number  v-decorator="['salary', { initialValue: 0 }]"  />
+                            </a-form-item>
+                        </div>
+                        <div>
+                            <a-form-item label="بن کارگری">
+                                <a-input-number v-decorator="['worker_coupon', { initialValue: 0 }]"   />
+                            </a-form-item>
+                        </div>
+                        <div>
+                            <a-form-item label="کمک هزینه مسکن">
+                                <a-input-number v-decorator="['housing_allowance', { initialValue: 0 }]"   />
+                            </a-form-item>
+                        </div>
+                        <div>
+                            <a-form-item label="حق جذب">
+                                <a-input-number v-decorator="['right_attraction', { initialValue: 0 }]" />
+                            </a-form-item>
+                        </div>
+                        <div>
+                            <a-form-item label="حق سرپرستی">
+                                <a-input-number v-decorator="['right_guardianship', { initialValue: 0 }]"  />
+                            </a-form-item>
+                        </div>
+                    </div>
+
+                    <a-form-item label="دلیل فسخ قرارداد">
+                        <a-input style="width: 100%" v-decorator="['reason_termination',{initialValue:0}]"  />
+                    </a-form-item>
+
                     <a-form-item label="فایل">
                         <div class="dropbox">
                             <a-upload-dragger
@@ -351,7 +555,7 @@
                                     فایل را درگ کنید یا اینکه کاوش کنید.
                                 </p>
                                 <p class="ant-upload-hint">
-                                    فایل را درگ کنید یا اینکه کاوش کنید.
+                                    تصویر که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
                                 </p>
                             </a-upload-dragger>
                             <div v-else>
@@ -359,97 +563,6 @@
                             </div>
                         </div>
                     </a-form-item>
-                </a-form>
-            </a-modal>
-
-            <a-modal okText="ایجاد" cancelText="بستن"  v-model="showAddContract" title="افزودن قرارداد" >
-                <a-form  :form="fromEducationalInformation">
-                    <a-form-item label="نوع قرار داد" has-feedback>
-                        <a-select
-                                v-decorator="['select', { rules: [{ required: false, message: 'Please select your country!' }] }]"
-                                placeholder="انتخاب نوع قرار داد"
-                        >
-                            <a-select-option value="china">
-                                نوع اول
-                            </a-select-option>
-                            <a-select-option value="amirican">
-                                نوع دوم
-                            </a-select-option>
-                            <a-select-option value="usa">
-                                نوع سوم
-                            </a-select-option>
-                        </a-select>
-                    </a-form-item>
-                    <div class="grid grid-cols-2 gap-4">
-                        <!--            <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="#4f72ab"-->
-                        <!--                    v-model="interview_at"-->
-                        <!--                    element="interview_at"-->
-                        <!--                  />-->
-                        <!--                </div>-->
-                        <!--            <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="#4f72ab"-->
-                        <!--                    v-model="interview_at"-->
-                        <!--                    element="interview_at"-->
-                        <!--                  />-->
-                        <!--                </div>-->
-                        <div>
-                            <a-form-item label="تاریخ خاتمه">
-                                <a-input style="width: 40%" v-decorator="['title2',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                            </a-form-item>
-                        </div>
-                    </div>
-                    <div class="grid grid-cols-3 gap-4">
-                        <div>
-                            <a-form-item label="حقوق پایه">
-                                <a-input-number v-decorator="['input-number', { initialValue: 3 }]" :min="0" :max="20" />
-                            </a-form-item>
-                        </div>
-                        <div>
-                            <a-form-item label="بن کارگری">
-                                <a-input-number v-decorator="['input-number', { initialValue: 3 }]" :min="0" :max="20" />
-                            </a-form-item>
-
-                        </div>
-                        <div>
-                            <a-form-item label="کمک هزینه مسکن">
-                                <a-input-number v-decorator="['input-number', { initialValue: 3 }]" :min="0" :max="20" />
-                            </a-form-item>
-                        </div>
-                        <div>
-                            <a-form-item label="حق جذب">
-                                <a-input-number v-decorator="['input-number', { initialValue: 3 }]" :min="0" :max="20" />
-                            </a-form-item>
-                        </div>
-                        <div>
-                            <a-form-item label="حق سرپرستی">
-                                <a-input-number v-decorator="['input-number', { initialValue: 3 }]" :min="0" :max="20" />
-                            </a-form-item>
-                        </div>
-                    </div>
-
-                    <a-form-item label="دلیل فسخ قرارداد">
-                        <a-input style="width: 40%"
-                                 v-decorator="['title2',{rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                    </a-form-item>
 
                     <a-form-item label="فایل">
                         <div class="dropbox">
@@ -477,16 +590,16 @@
                     </a-form-item>
 
                 </a-form>
-
             </a-modal>
 
             <a-modal @ok="savefromPerformance" okText="ایجاد" cancelText="بستن"  v-model="showAddPerformance" title="افزودن ارزیابی عملکرد" >
                 <a-form :form="fromPerformance">
                     <a-form-item label="نمره">
-                        <a-input-number autocomplete="off" v-decorator="['score',{rules: [{ required: false, message: 'وارد کردن الزامی است' }]}]" :min="0" :max="20"  />
+
+                        <a-input-number autocomplete="off"  :min="0" :max="20" v-decorator="['score',{ rules:[{ required: true, message: 'وارد کردن الزامی است'  }] }]" />
                     </a-form-item>
                     <a-form-item label="برنامه توسعه دوره">
-                        <a-input autocomplete="off" v-decorator="['note',{rules: [{ required: false, message: 'وارد کردن  الزامی است' }]}]"/>
+                        <a-input autocomplete="off" v-decorator="['note',{ rules:[{ required: false, message: 'وارد کردن الزامی است'  }] }]"/>
                     </a-form-item>
                 </a-form>
             </a-modal>
@@ -495,27 +608,28 @@
                 <a-form :form="fromDocs">
 
                     <a-form-item label="نوع" has-feedback>
+
                         <a-select
-                                v-decorator="['type', { rules: [{ required: false, message: 'Please select your country!' }] }]"
+                                v-decorator="['type']"
                                 placeholder="انتخاب نوع"
                         >
-                            <a-select-option value="حکم">
+                            <a-select-option value="1">
                                 حکم
                             </a-select-option>
-                            <a-select-option value="اخطار">
+                            <a-select-option value="2">
                                 اخطار
                             </a-select-option>
-                            <a-select-option value="پاداش">
+                            <a-select-option value="3">
                                 پاداش
                             </a-select-option>
                         </a-select>
-
-
                     </a-form-item>
                     <a-form-item label="شرح">
+
                         <a-input style="width:100%"
                                  autocomplete="off"
-                                 v-decorator="['title',{initialValue:null,rules: [{ required: false, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                                 v-decorator="['note']"
+                        />
                     </a-form-item>
                     <a-form-item label="فایل">
                         <div class="dropbox">
@@ -540,11 +654,11 @@
                             </div>
                         </div>
                     </a-form-item>
-
                 </a-form>
 
             </a-modal>
 
+
         </a-card>
     </div>
 
@@ -555,18 +669,36 @@
     import * as  TableCol from './personelTbl';
     import XTable from "@/components/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'
 
     export default {
         components:{
+            //Button,
             XTable,
+            datePicker: VuePersianDatetimePicker
         },
         data() {
             return {
                 cols:null,
-                fromPersonel:this.$form.createForm(this, {name: 'coordinated'}),
-                fromPerformance:this.$form.createForm(this, {name: 'coordinated'}),
-                fromEducationalInformation:this.$form.createForm(this, {name: 'coordinated'}),
-                fromDocs:this.$form.createForm(this, {name: 'coordinated'}),
+                frm1:this.$form.createForm(this, {name: 'ab'}),
+                form:this.$form.createForm(this, {name: 'yy'}),
+                fromPersonel:this.$form.createForm(this, {name: 'a'}),
+                fromPerformance:this.$form.createForm(this, {name: 'b'}),
+                fromEducationalInformation:this.$form.createForm(this, {name: 'c'}),
+                fromDocs:this.$form.createForm(this, {name: 'd'}),
+                fromContract:this.$form.createForm(this, {name: 'e'}),
+                contractModel:{
+                    start_at:'',
+                    end_at:'',
+                    salary:0,
+                    worker_coupon:0,
+                    housing_allowance:0,
+                    right_attraction:0,
+                    right_guardianship:0,
+                    reason_termination:''
+                },
                 showPersonalModal:false,
                 showAddEducationalInformation:false,
                 showAddContract:false,
@@ -576,13 +708,23 @@
                 educationalInformation:[],
                 writ:[],
                 training:[],
+                contract:[],
                 isAlertUpload:false,
+                isAlertUploadContract:false,
                 isShowDocs:false,
                 image_data:null,
-                personal_details:[]
+                personalDetails:[],
             }
         },
         methods:{
+            handleSubmit(e){
+                e.preventDefault();
+                this.frm1.validateFields((err, values) => {
+                    if (!err) {
+                        console.log(values);
+                    }
+                });
+            },
             savefromPerformance(e){
                 e.preventDefault();
                 this.fromPerformance.validateFields((err, values) => {
@@ -594,7 +736,24 @@
                     }
                 });
             },
-
+            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);
+                }
+            },
             addDocs(e){
                 e.preventDefault();
                 this.fromDocs.validateFields((err, values) => {
@@ -625,35 +784,83 @@
                     }
                 });
             },
-
-
+            addContract(e){
+                e.preventDefault();
+                this.fromContract.validateFields((err, values) => {
+                    if (!err) {
+                        if(this.image_data){
+                            values.contract_file_id = this.image_data.id
+                            //values.file = this.image_data.storage
+                        }
+                        values.start_at=this.contractModel.start_at,
+                        values.end_at=this.contractModel.end_at;
+                        this.contract.push(values);
+                        this.showAddContract = false;
+                        this.$message.success('اطلاعات با موفقیت ثبت شد');
+                        this.fromContract.resetFields();
+                        console.log('contract',this.contract);
+                    }
+                });
+            },
             savefromPersonel(e) {
                 e.preventDefault();
                 this.fromPersonel.validateFields(async(err, values) => {
                     if (!err) {
                         try{
-                            console.log(values);
-                            await axios.post('/update',values)
+                            //console.log(values);
+                            values.id=this.personel.id;
+                            values.contract=this.contract;
+                            values.writ=this.writ;
+                            values.training = this.training
+                            values.educationalInformation = this.educationalInformation
+                            await axios.post('personnel/update',values);
+                            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;
+                }catch (error)
+                {
+                    console.log(error);
+                    throw  error;
+                }
+            },
 
             okDelete(item){
                 const index = this.educationalInformation.indexOf(item)
                 this.educationalInformation.splice(index,1)
             },
 
-            removeDocs(item){
-                const index = this.writ.indexOf(item)
-                this.writ.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);
+                }
+
             },
 
             removeEdu(item){
@@ -666,7 +873,7 @@
                     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')
+                    //console.log(data,'dataaaa')
                     this.image_data = data
                     this.$message.success('آپلود سند با موفقیت انجام شد.');
                     this.isAlertUpload = true
@@ -691,11 +898,11 @@
             },
             async showPersonal(record) {
                 try {
-                    console.log(record,'record')
-                    this.showPersonalModal=true;
                     this.personel = record;
                     const {data} = await axios.post('/proposal/details', {id:record.proposal_id})
-                    record.personal_details = data
+                    record.personal_details = data;
+                    this.getdata(record.id);
+                    this.showPersonalModal=true;
                     this.$nextTick(()=>{
                         this.fromPersonel.setFieldsValue(record);
                     });
@@ -705,6 +912,17 @@
 
                 }
             }
+        },
+        beforeCreate() {
+        },
+        computed:{
+            getBaseURL()
+            {
+                return themeConfig.baseUrl;
+            }
+        },
+        mounted() {
+
         },
         created() {
             this.cols = TableCol.default;
@@ -712,6 +930,7 @@
     }
 </script>
 
+
 <style>
     .ant-pagination
     {
@@ -752,7 +971,20 @@
         direction: rtl;
         margin-right: 25px;
     }
-    .ant-popover.ant-popover-placement-right{
+    .ant-dropdown,.ant-popover.ant-popover-placement-right{
         z-index: 999999999;
     }
+    /*.ant-dropdown
+    {
+      z-index: 9999999999 !important;
+    }*/
+    .ant-form-item-label
+    {
+        direction: rtl !important;
+    }
+    .ant-list-item
+    {
+        direction: ltr;
+    }
 </style>
+
diff --git a/src/views/personel/personelTbl.js b/src/views/personel/personelTbl.js
index 8cbc867..e8b10c8 100644
--- a/src/views/personel/personelTbl.js
+++ b/src/views/personel/personelTbl.js
@@ -5,9 +5,8 @@ tbl.add(new Xtc('name', 'نام و نام خانوادگی').filterText());
 tbl.add(new Xtc('fname', 'کد پرسنلی').filterText())
 tbl.add(new Xtc('id', 'شماره بیمه').filterText())
 tbl.add(new Xtc('ncode', 'کد ملی').filterText())
-tbl.add(new Xtc('created_at', 'ثبت نام').filterDate().noSort())
-tbl.add(new Xtc('updated_at', 'به روز رسانی').filterText().noSort())
+tbl.add(new Xtc('caj', 'ثبت نام').filterDate().noSort())
+tbl.add(new Xtc('uaj', 'به روز رسانی').filterText().noSort())
 tbl.add(new Xtc('operator', 'عملیات').filterSwitch().renderSlot('operator').noSort())
-/*tbl.addOpt()*/
 
 export default tbl;
diff --git a/src/views/proposal/Proposal.vue b/src/views/proposal/Proposal.vue
index 6b9a48a..6928e0b 100644
--- a/src/views/proposal/Proposal.vue
+++ b/src/views/proposal/Proposal.vue
@@ -6,7 +6,8 @@
                     <a-switch default-checked class="mr-2"/>
                 </a-form-item>
             </div>
-            <x-table :model="cols" class="mt-3">
+            <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()">
@@ -14,7 +15,7 @@
                         </a>
                         <a-menu slot="overlay">
                             <a-menu-item>
-                                <a href="javascript:;" @click="showMosahebe()">مشاهده مصاحبه</a>
+                                <a href="javascript:;" @click="showMosahebe(text.record.id)">مشاهده مصاحبه</a>
 
                             </a-menu-item>
                             <a-menu-item>
@@ -22,7 +23,7 @@
 
                             </a-menu-item>
                             <a-menu-item>
-                                <a href="javascript:;" @click="showAddMosahebe()">ثبت مصاحبه</a>
+                                <a href="javascript:;" @click="showAddMosahebe(text.record.id)">ثبت مصاحبه</a>
 
                             </a-menu-item>
                             <a-menu-item>
@@ -33,13 +34,63 @@
                 </template>
             </x-table>
 
-            <a-modal  v-model="showMosahebeModal" title="مشاهده مصاحبه ها" >
+            <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.type }}
+                                    </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">
+                                            <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>
+                        </div>
+                    </div>
+                </div>
+
 
                 <template slot="footer">
                     <a-button key="back" @click="showMosahebeModal=false">
                         بستن
                     </a-button>
-
                 </template>
 
             </a-modal>
@@ -73,10 +124,9 @@
                     <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>
@@ -277,7 +327,6 @@
 
             </a-modal>
 
-
             <a-modal :width="800" v-model="showInformationModal" title="جزییات درخواست" >
                 <template slot="footer">
                     <a-button key="back" @click="showInformationModal=false">
@@ -291,8 +340,8 @@
                         <div>نام و نام خانوادگی : {{ personalInformation.name }}</div>
                         <div>کد ملی : {{ personalInformation.ncode }}</div>
                         <div>موبایل : {{ personalInformation.mobile }}</div>
-                        <div>تاریخ ثبت نام : {{ personalInformation.created_at }}</div>
-                        <div>تاریخ به روز رسانی : {{ personalInformation.updated_at }}</div>
+                        <div>تاریخ ثبت نام : {{ personalInformation.caj }}</div>
+                        <div>تاریخ به روز رسانی : {{ personalInformation.uaj }}</div>
                         <div>شغل متقاضی : {{ personalInformation.job_title }}</div>
                         <div>نام پدر : {{ personalInformation.father_name }}</div>
                         <div>تاریخ تولد : {{ personalInformation.birth_date }}</div>
@@ -355,7 +404,7 @@
 
 <script>
     import * as  TableCol from './proposalTbl';
-    import XTable from "@/components/x-table/XTable.vue";
+    import XTable from "@/components/x-table/XTable";
     import axios from "@/axios";
     import VuePersianDatetimePicker from "vue-persian-datetime-picker";
 
@@ -375,17 +424,36 @@
                 current:0,
                 fromMosahebe: this.$form.createForm(this, {name: 'coordinated'}),
                 mosahebe:null,
-                interview_at:null
+                interview_at:null,
+                row_id:null,
+                interview:[],
+                title_interview:['دانش تخصصی','تحصیلات مرتبط','تجربه کاری مرتبط','رفتار و شخصیت عمومی','ویژگی های اختصاصی شغل'],
+                is_skeleton:false
             }
         },
         methods:{
-            showAddMosahebe()
+            showAddMosahebe(id)
             {
                 this.showAddMosahebeModal=true;
+                this.row_id = id
             },
-            showMosahebe(){
+            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) => {
@@ -399,9 +467,12 @@
                             else
                             {
                                 console.log(values,'values')
+                                const id = this.row_id
                                 values.interview_at = this.interview_at
-                                await axios.post('/update',values)
+                                values.id = id
+                                await axios.post('proposal/update',values)
                                 this.$message.success('اطلاعات با موفقیت کامل شد')
+                                this.fromMosahebe.resetFields()
                             }
                         }catch (e) {
                             this.$ntSetError()
@@ -457,6 +528,7 @@
                     onCancel() {
                         console.log('Cancel');
                     },
+                    //class: 'test',
                 });
             },
 
diff --git a/src/views/proposal/proposalTbl.js b/src/views/proposal/proposalTbl.js
index 48458be..7c0e435 100644
--- a/src/views/proposal/proposalTbl.js
+++ b/src/views/proposal/proposalTbl.js
@@ -3,11 +3,11 @@ import XTbl, {Xtc} from '../../components/x-table/index';
 const tbl = new XTbl('http://hr.asco-intl.com/back/public/api/proposal', 'لیست درخواست ها');
 tbl.add(new Xtc('name', 'نام و نام خانوادگی').filterText());
 tbl.add(new Xtc('ncode', 'کد ملی').filterText())
-tbl.add(new Xtc('fname', 'موبایل').filterText())
+tbl.add(new Xtc('mobile', 'موبایل').filterText())
 tbl.add(new Xtc('job_title', 'شغل').filterText())
 tbl.add(new Xtc('for_cities', 'شهر').filterText().noSort())
-tbl.add(new Xtc('created_at', 'ثبت نام').filterDate().noSort())
-tbl.add(new Xtc('updated_at', 'به روز رسانی').filterText().noSort())
+tbl.add(new Xtc('caj', 'ثبت نام').filterDate().noSort())
+tbl.add(new Xtc('uaj', 'به روز رسانی').filterText().noSort())
 tbl.add(new Xtc('id', 'عملیات').filterSwitch().renderSlot('operator').noSort())
 /*tbl.addOpt()*/
 
diff --git a/src/views/register/Register.vue b/src/views/register/Register.vue
new file mode 100644
index 0000000..bdfd70f
--- /dev/null
+++ b/src/views/register/Register.vue
@@ -0,0 +1,833 @@
+<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" style="direction: ltr">
+                <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">
+                        <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 jobs">
+                                <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
+                                                    v-decorator="[`jobs[${index}].city`,{rules: [{ required: true, message: 'انتخاب شهر الزامی است.' }]}]"
+                                                    autocomplete="off"
+                                                    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 autocomplete="off" aria-placeholder="لطفا شغل خود را انتخاب کنید." v-decorator="[`jobs[${index}].job`,{rules: [{ required: true, message: 'انتخاب شغل الزامی است.' }]}]">
+                                            <a-select-option v-for="item in job" :value="item.id">
+                                                {{ item.title }}
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </div>
+                            </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: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                </a-form-item>
+
+                                <a-form-item label="نام پدر">
+                                    <a-input autocomplete="off" v-decorator="['father_name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                </a-form-item>
+
+                                <div>
+                                    <a-form-item label="تاریخ تولد">
+                                        <!-- birth_date-->
+                                        <a-input
+                                                v-model="birth_day"
+                                                id="birth_day"
+                                                autocomplete="off"
+                                        />
+                                    </a-form-item>
+                                    <date-picker
+                                            :auto-submit="true"
+                                            color="#4f72ab"
+                                            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: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                </a-form-item>
+
+                            </div>
+
+                            <div class="grid lg:grid-cols-2 md:grid-cols-2 sm:grid-cols-1">
+                                <a-form-item label="جنسیت">
+                                    <a-radio-group style="direction: ltr" v-decorator="['gender',{ initialValue: '1' }]" button-style="solid">
+                                        <a-radio-button value="2">
+                                            زن
+                                        </a-radio-button>
+                                        <a-radio-button value="1">
+                                            مرد
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+                                <a-form-item label="وضعیت تاهل">
+                                    <a-radio-group style="direction: ltr" v-decorator="['married',{initialValue: '1'}]" button-style="solid">
+                                        <a-radio-button value="1">
+                                            مجرد
+                                        </a-radio-button>
+                                        <a-radio-button value="2">
+                                            متاهل
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+                            </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="شماره شناسنامه">
+                                        <a-input autocomplete="off" v-decorator="['iden_code',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                    </a-form-item>
+
+                                    <a-form-item label="سریال شناسنامه">
+                                        <a-input-group compact style="direction: ltr">
+                                            <a-select style="width: 15%" 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>
+                                            <a-input v-decorator="['iden_no_right',{initialValue: null}]" autocomplete="off" style="width: 85%;direction: rtl" />
+                                        </a-input-group>
+                                    </a-form-item>
+
+
+                                    <a-form-item label="محل صدور">
+                                        <a-input autocomplete="off" v-decorator="['iden_where',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                    </a-form-item>
+
+                                    <a-form-item label="محل تولد">
+                                        <a-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_status',{initialValue: '1'}]" button-style="solid">
+                                        <a-radio-button value="2">
+                                            مستاجر
+                                        </a-radio-button>
+                                        <a-radio-button value="1">
+                                            مالک
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+
+                                <a-form-item label="آدرس">
+                                    <a-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="ایمیل">
+                                                <a-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="موبایل">
+                                                <a-input autocomplete="off" v-decorator="['mobile',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" >
+                                                    <!--<feather-icon style="direction: ltr !important;" icon="SmartPhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                                </a-input>
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="تلفن ثابت">
+                                                <a-input autocomplete="off" v-decorator="['phone',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" >
+                                                    <!--<feather-icon style="direction: ltr !important;" icon="PhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                                </a-input>
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                </div>
+
+                                <a-divider/>
+
+                                <div class="md:flex">
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="تلفن ضروری">
+                                                <a-input style="direction: rtl !important;" v-decorator="['phone_emergency',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]">
+                                                    <!--                                                <feather-icon style="direction: ltr !important;" icon="MailIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                                                </a-input>
+                                            </a-form-item>
+                                        </a-row>
+                                    </div>
+                                    <div class="md:w-1/4 md:pl-4">
+                                        <a-row >
+                                            <a-form-item label="نام طرف">
+                                                <a-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="نسبت">
+                                                <a-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' ">
+                                    <a-input autocomplete="off" style="width: 40%" v-decorator="['insurance_no',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                </a-form-item>
+
+                            </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_file" svgClasses="w-5 h-5 text-success"/>
+                                                <feather-icon icon="XIcon" v-else svgClasses="w-5 h-5 text-danger"/>
+                                            </div>
+                                        </div>
+
+                                        <div>
+                                            <a-popconfirm
+                                                    placement="right"
+                                                    title="آیا می خواهید حذف کنید؟"
+                                                    ok-text="بله"
+                                                    cancel-text="خیر"
+                                                    @confirm="removeEducational(item)"
+                                            >
+                                                <a-button type="danger" class="mr-3">حذف</a-button>
+                                            </a-popconfirm>
+
+                                            <a-button class="mr-3" @click="openModalEducationalEDit(item)">
+                                                مشاهده و ویرایش
+                                            </a-button>
+
+                                        </div>
+
+                                    </a-list-item>
+                                </a-list>
+
+                                <a-button type="dashed" icon="plus" @click="openModalEducational">
+                                    افزودن سابقه آموزشی
+                                </a-button>
+
+                            </a-card>
+                            <br/>
+                            <a-card title="سوابق کاری" :bordered="true" >
+
+                                <a-list class="mb-5" v-if="work.length > 0" :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
+                                    <a-list-item class="grid grid-cols-4" v-for="(item,index) in work" :key="index" >
+                                        <div>
+                                            <div style="direction: rtl"> نام سازمان : {{ item.university }}</div>
+                                            <div style="direction: rtl">عنوان شغل : {{  item.major  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <div style="direction: rtl">سال شروع : {{  item.start  }}</div>
+                                            <div style="direction: rtl">سال خاتمه : {{  item.end  }}</div>
+                                        </div>
+
+                                        <div>
+                                            <div style="direction: rtl">دلیل خاتمه : {{  item.note  }}</div>
+                                            <div style="direction: rtl">
+                                                تاکنون:
+                                                <feather-icon icon="CheckIcon" v-if="item.end_now" svgClasses="w-5 h-5 text-success"/>
+                                                <feather-icon icon="XIcon" v-else svgClasses="w-5 h-5 text-danger"/>
+                                            </div>
+                                        </div>
+
+                                        <div>
+                                            <a-popconfirm
+                                                    placement="right"
+                                                    title="آیا می خواهید حذف کنید؟"
+                                                    ok-text="بله"
+                                                    cancel-text="خیر"
+                                                    @confirm="removeWork(item)"
+                                            >
+                                                <a-button type="danger" class="mr-3">حذف</a-button>
+                                            </a-popconfirm>
+
+                                            <a-button class="mr-3" @click="openModalWorkEDit(item)">
+                                                مشاهده و ویرایش
+                                            </a-button>
+
+                                        </div>
+
+                                    </a-list-item>
+                                </a-list>
+
+                                <a-button type="dashed" icon="plus" @click="openModalWork">
+                                    افزودن سابقه کاری
+                                </a-button>
+
+                            </a-card>
+                            <br/>
+
+                            <a-form-item>
+                                <a-checkbox v-decorator="['commitment',{initialValue:false,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>
+                                        اتمام
+                                    </a-button>
+                                </template>
+                            </a-result>
+                        </div>
+                    </a-form>
+                </ASpin>
+            </div>
+
+            <a-modal :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="دانشگاه">
+                        <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 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="مرکز برگزار کننده">
+                        <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>
+
+                    <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_file',{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="نام سازمان">
+                        <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="['note',{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 :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="انصراف">
+                اینجانب.... در تاریخ......... فرم بالا را تکمیل نموده و صحت کلیه اطلاعات تکمیل شده را تأیید می نمایم
+            </a-modal>
+
+            <div class="mt-5">
+                <a-button v-if="current < 2" type="primary" @click="handleSubmit">
+                    مرحله بعدی
+                </a-button>
+<!--                <a-button-->
+<!--                        v-if="current == 2"-->
+<!--                        type="primary"-->
+<!--                        @click="handleSubmit"-->
+<!--                >-->
+<!--                    ثبت اطلاعات-->
+<!--                </a-button>-->
+<!--                <a-button v-if="current > 0" style="margin-left: 8px" @click="prev">-->
+<!--                    قبلی-->
+<!--                </a-button>-->
+            </div>
+
+        </vx-card>
+    </div>
+
+
+</template>
+
+<script>
+
+    import axios from '@/axios'
+    import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
+
+    export default {
+        name: "Register",
+        components:{
+            datePicker: VuePersianDatetimePicker
+        },
+        data(){
+            return{
+                current: 0,
+                from: this.$form.createForm(this, {name: 'coordinated'}),
+                formEdu: this.$form.createForm(this, {name: 'coordinated'}),
+                formEducational: this.$form.createForm(this, {name: 'coordinated'}),
+                formWork: this.$form.createForm(this, {name: 'coordinated'}),
+                formFirst: this.$form.createForm(this, {name: 'coordinated'}),
+                city:[],
+                job:[],
+                edu:[],
+                work:[],
+                jobs:[{city:null,job:null}],
+                //model:[],
+                educational:[],
+                birth_day:'',
+                has_instructor: '-1',
+                visibleEdu: 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:{}
+            }
+        },
+        methods:{
+            addCity()
+            {
+                this.jobs.push({city:null,job:null})
+                //this.model.push(jobs);
+                //console.log(this.model);
+            },
+            number_insurance(e){
+                this.has_instructor = e.target.value
+            },
+            handleSubmit(e) {
+                e.preventDefault();
+                //console.log(this.formFirst.getFieldsValue(),'this.formFirst.getFieldsValue()');
+                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();
+                                    //Object.assign(values,this.formFirst.getFieldsValue());
+                                    console.log(this.formFirst.getFieldsValue(),'this.formFirst.getFieldsValue()')
+                                    values.birth_date = this.birth_day
+                                    values.work = this.work
+                                    values.training = this.educational
+                                    values.academic = this.edu
+                                    await axios.post('register/save', values)
+                                    this.$message.success('اطلاعات با موفقیت کامل شد')
+                                    this.fromMosahebe.resetFields()
+                                    this.current++
+                            }catch (e) {
+                                this.$ntSetError()
+                                throw e
+                            }finally {
+                                this.loading = false
+                            }
+
+                        }
+                    });
+                }
+
+            },
+            async getCity(){
+              try{
+                 const {data} = await axios.get('/register/cities')
+                 this.city = data
+              }catch (e) {
+                  this.$ntSetError()
+              }
+            },
+            async getJob(){
+                try{
+                    const {data} = await axios.post('/register/jobs')
+                    this.job = data
+                }catch (e) {
+                    this.$ntSetError()
+                }
+            },
+            openModalEdu(){
+                this.visibleEdu = true
+                this.editMode = false
+                this.formEdu.resetFields()
+            },
+            openModalEducational(){
+                this.visibleEducational = true
+                this.formEducational.resetFields()
+            },
+            openModalWork(){
+                this.visibleWork = true
+                this.formWork.resetFields()
+            },
+            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.formEducational.setFieldsValue(item)
+            },
+            openModalWorkEDit(item){
+                this.visibleWork = true
+                this.formWork.setFieldsValue(item)
+            },
+            cancelEdu(){
+                this.visibleEdu = false
+            },
+            cancelEducational(){
+                this.visibleEducational = false
+            },
+            cancelWork(){
+                this.visibleWork = false
+            },
+            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
+                                ///console.log(values,'values')
+                                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{
+                             this.educational.push(values)
+                             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{
+                             this.work.push(values)
+                             console.log(values,'values')
+                             this.formWork.resetFields()
+                             this.visibleWork = false
+                        }catch (e) {
+                            this.$ntSetError()
+                            throw e
+                        }
+
+                    }
+                });
+            },
+            isChecked(e){
+                this.is_check = e.target.checked
+                // if(this.is_check){
+                //   this.formEdu.resetField('end_now')
+                // }
+            },
+            isCheckedWork(e){
+                this.is_work_check = e.target.checked
+            },
+            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)
+
+            },
+            openAccept(){
+              this.visibleAccept = true
+            },
+            next() {
+                this.current++;
+            },
+            prev() {
+                this.current--;
+            },
+        },
+        mounted() {
+            this.getCity()
+            this.getJob()
+        }
+    }
+</script>
+
+<style scoped>
+    [dir=rtl] .anticon.anticon-plus{
+        position: relative;
+        top: 4px;
+        left: 5px;
+    }
+    .ant-modal-title{
+        margin-right: 1rem;
+    }
+</style>
\ No newline at end of file
diff --git a/themeConfig.js b/themeConfig.js
index 63e01ca..0f037e9 100644
--- a/themeConfig.js
+++ b/themeConfig.js
@@ -9,7 +9,7 @@
 
 // MAIN COLORS - VUESAX THEME COLORS
 export const colors = {
-  primary : '#1DA57A',
+  primary : '#41b883',
   // primary : '#7367F0',
   success : '#28C76F',
   danger  : '#EA5455',