diff --git a/src/assets/fonts/yekan/iran-yekan-400.woff2 b/src/assets/fonts/yekan/iran-yekan-400.woff2
new file mode 100644
index 0000000..7a2630d
Binary files /dev/null and b/src/assets/fonts/yekan/iran-yekan-400.woff2 differ
diff --git a/src/assets/fonts/yekan/iran-yekan-700.woff2 b/src/assets/fonts/yekan/iran-yekan-700.woff2
new file mode 100644
index 0000000..277e738
Binary files /dev/null and b/src/assets/fonts/yekan/iran-yekan-700.woff2 differ
diff --git a/src/assets/scss/ara/farsi.scss b/src/assets/scss/ara/farsi.scss
index 6e10f1b..593f3c6 100644
--- a/src/assets/scss/ara/farsi.scss
+++ b/src/assets/scss/ara/farsi.scss
@@ -1,7 +1,7 @@
 
 @font-face {
   font-family: 'p-yek';
-  src: url("../fonts/yekan/medium.woff") format("woff");
+  src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
   font-weight: normal;
   font-style: normal
 }
@@ -9,27 +9,27 @@
 
 @font-face {
   font-family: 'p-yek';
-  src: url("../fonts/yekan/bold.woff") format("woff");
+  src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
   font-weight: bold;
 }
 
 
 @font-face {
   font-family: 'p-yek';
-  src: url("../fonts/yekan/heavy.woff") format("woff");
+  src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
   font-weight: 700;
 }
 
 
 @font-face {
   font-family: 'p-yek';
-  src: url("../fonts/yekan/light.woff") format("woff");
+  src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
   font-weight: 300;
 }
 
 @font-face {
   font-family: 'p-yek';
-  src: url("../fonts/yekan/regular.woff") format("woff");
+  src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
   font-weight: 400;
 }
 
diff --git a/src/components/SingleUploadInput.vue b/src/components/SingleUploadInput.vue
new file mode 100644
index 0000000..5ccef36
--- /dev/null
+++ b/src/components/SingleUploadInput.vue
@@ -0,0 +1,156 @@
+<template>
+  <div class="clearfix">
+    <AUpload
+      :action="url"
+      :headers="headers"
+      :accept="accept"
+      list-type="picture-card"
+      :multiple="false"
+      :data="getData"
+      :file-list="fileList"
+      @preview="handlePreview"
+      @select="select"
+      @beforeUpload="beforeUpload"
+      @change="handleChange"
+      :remove="handleRemove"
+    >
+      <div v-if="fileList.length < 8">
+        <a-icon type="plus"/>
+        <div class="ant-upload-text">
+          {{ title || label }}
+        </div>
+      </div>
+    </AUpload>
+    <AModal :visible="previewVisible" :footer="null" @cancel="handleCancel">
+      <img alt="example" style="width: 100%" :src="previewImage"/>
+    </AModal>
+    <AFormItem ref="fi">
+      <input v-decorator="[field]" type="hidden"/>
+    </AFormItem>
+  </div>
+</template>
+<script>
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+
+//import themeConfig from "../../../../themeConfig";
+
+export default {
+  name: 'UploadInput',
+  props: {
+    title: {},
+    label: {},
+    field: {},
+    size: {
+      default: 2
+    },
+    accept: {default: "image/jpeg"},
+    serverType: {
+      types: {
+        1: 'عکس',
+        2: 'فیلم',
+        3: 'مدارک',
+        4: 'صوت',
+        5: 'pdf',
+      }
+    },
+  },
+  data() {
+    return {
+      url: 'http://hr.asco-intl.com/back/public/api/register/upload',
+      previewVisible: false,
+      previewImage: '',
+      fileList: [],
+    };
+  },
+  watch: {
+    fileList(n, o) {
+      if (n.length > o.length) {
+        this.$emit('add-file', n);
+      } else if (n.length < o.length) {
+        this.$emit('remove-file', n);
+      }
+    }
+  },
+  methods: {
+    handleRemove(){
+      const a = {};
+      a[`${this.field}`] =null
+      this.$refs.fi.FormContext.form.setFieldsValue(a)
+    },
+    beforeUpload(file) {
+      const isJpgOrPng = this.types.includes(file.type);
+      if (!isJpgOrPng) {
+        this.$message.error('تنها مجاز به ارسال تصویر با پسوند jpg هستید.');
+      }
+      const isLt2M = file.size / 1024 / 1024 < this.size;
+      if (!isLt2M) {
+        this.$message.error(`فایل بارگذاری شده بیش از ${this.size} مگا بایت نباید باشد.`);
+      }
+      return isJpgOrPng && isLt2M;
+    },
+    handleCancel() {
+      this.previewVisible = false;
+    },
+    async handlePreview(file) {
+      if (!file.url && !file.preview) {
+        file.preview = await getBase64(file.originFileObj);
+      }
+      this.previewImage = file.url || file.preview;
+      this.previewVisible = true;
+    },
+    handleChange({fileList, event, file}) {
+      if (fileList.length > 1) {
+        this.$message.error('تنها یک فایل در این قست قابل بارگذاری می باشد.');
+        return false;
+      }
+      if (file.response && file.response.id) {
+        this.$emit('ok', file.response);
+        const a = {};
+        a[`${this.field}`] = file.response.id
+        this.$refs.fi.FormContext.form.setFieldsValue(a)
+      }
+      this.fileList = fileList;
+    },
+    select() {
+      console.log("555 ==> ", 555);
+    },
+    getData() {
+      return {
+        has_thumb: 1,
+        has_watermark: 1,
+        type: this.serverType || 1,
+        subject: 1,
+        title: 1
+      }
+    }
+  }
+  ,
+  computed: {
+    headers() {
+      return {
+        'Authorization': 'Bearer ' + localStorage.getItem("accessToken") || localStorage.accessToken
+      }
+    }
+  }
+}
+;
+</script>
+<style>
+/* you can make up upload button and sample style by using stylesheets */
+.ant-upload-select-picture-card i {
+  font-size: 32px;
+  color: #999;
+}
+
+.ant-upload-select-picture-card .ant-upload-text {
+  margin-top: 8px;
+  color: #666;
+}
+</style>
diff --git a/src/components/UploadInput.vue b/src/components/UploadInput.vue
new file mode 100644
index 0000000..42d9567
--- /dev/null
+++ b/src/components/UploadInput.vue
@@ -0,0 +1,145 @@
+<template>
+  <div class="clearfix">
+    <AUpload
+      :action="url"
+      :headers="headers"
+      accept="image/jpeg"
+      list-type="picture-card"
+      :multiple="true"
+      :data="getData"
+      :file-list="fileList"
+      @preview="handlePreview"
+      @select="select"
+      @beforeUpload="beforeUpload"
+      @change="handleChange"
+    >
+      <div v-if="fileList.length < 8">
+        <a-icon type="plus"/>
+        <div class="ant-upload-text">
+          {{ title || label }}
+        </div>
+      </div>
+    </AUpload>
+    <AModal :visible="previewVisible" :footer="null" @cancel="handleCancel">
+      <img alt="example" style="width: 100%" :src="previewImage"/>
+    </AModal>
+    <AFormItem ref="fi">
+      <input v-decorator="[field]" type="hidden"/>
+    </AFormItem>
+  </div>
+</template>
+<script>
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+
+import themeConfig from "../../../../themeConfig";
+
+export default {
+  name: 'UploadInput',
+  props: {
+    title: {},
+    field: {},
+    size: {
+      default: 2
+    },
+    label: {},
+    serverType: {
+      types: {
+        1: 'عکس',
+        2: 'فیلم',
+        3: 'مدارک',
+        4: 'صوت',
+        5: 'pdf',
+      }
+    },
+  },
+  data() {
+    return {
+      url: themeConfig.home('cu/file/create'),
+      previewVisible: false,
+      previewImage: '',
+      fileList: [],
+      resList: [],
+    };
+  },
+  watch: {
+    fileList(n, o) {
+      if (n.length > o.length) {
+        this.$emit('add-file', n);
+      } else if (n.length < o.length) {
+        this.$emit('remove-file', n);
+      }
+    }
+  },
+  methods: {
+    beforeUpload(file) {
+      const isJpgOrPng = this.types.includes(file.type);
+      if (!isJpgOrPng) {
+        this.$message.error('پسوند قابل قبول نیست.');
+      }
+      const isLt2M = file.size / 1024 / 1024 < this.size;
+      if (!isLt2M) {
+        this.$message.error(`فایل بارگذاری شده بیش از ${this.size} مگا بایت نباید باشد.`);
+      }
+      return isJpgOrPng && isLt2M;
+    },
+    handleCancel() {
+      this.previewVisible = false;
+    },
+    async handlePreview(file) {
+      if (!file.url && !file.preview) {
+        file.preview = await getBase64(file.originFileObj);
+      }
+      this.previewImage = file.url || file.preview;
+      this.previewVisible = true;
+    },
+    handleChange({fileList, event, file}) {
+      if (file.response && file.response.id) {
+        this.$emit('ok', file.response);
+        this.resList.push(file.response.id);
+        const a = {};
+        a[`${this.field}`] = this.resList
+        this.$refs.fi.FormContext.form.setFieldsValue(a)
+      }
+      this.fileList = fileList;
+    },
+    select() {
+
+    },
+    getData() {
+      return {
+        has_thumb: 1,
+        has_watermark: 1,
+        type: this.serverType || 1,
+        subject: 1,
+        title: 1
+      }
+    }
+  },
+  computed: {
+    headers() {
+      return {
+        'Authorization': 'Bearer ' + localStorage.getItem("accessToken") || localStorage.accessToken
+      }
+    }
+  }
+};
+</script>
+<style>
+/* you can make up upload button and sample style by using stylesheets */
+.ant-upload-select-picture-card i {
+  font-size: 32px;
+  color: #999;
+}
+
+.ant-upload-select-picture-card .ant-upload-text {
+  margin-top: 8px;
+  color: #666;
+}
+</style>
diff --git a/src/components/x-table/XTable.vue b/src/components/x-table/XTable.vue
index e09c48f..5300fa2 100644
--- a/src/components/x-table/XTable.vue
+++ b/src/components/x-table/XTable.vue
@@ -3,7 +3,7 @@
     <ACard ref="tblCard">
       <ASpin :spinning="loading">
         <div class="flex w-full justify-between">
-          <a-input-search class="w-1/4 pb-4 input-ltr" placeholder="جستجو بر اساس نام / کد ملی / کد پرسنلی / شمار بیمه" enter-button="جستجو" @search="onSearch"/>
+          <a-input-search class="w-1/4 pb-4 input-ltr" placeholder="" enter-button="جستجو" @search="onSearch"/>
           <div class="flex items-center">
             <a class="left-table-btn" @click="fullScreen">
               <feather-icon :icon="getFullIcon" svg-classes="w-5 h-5"/>
diff --git a/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue b/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue
index 33acb30..4f89a99 100644
--- a/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue
+++ b/src/layouts/components/vertical-nav-menu/VerticalNavMenu.vue
@@ -22,9 +22,9 @@
       :parent="parent"
       :hiddenBackground="clickNotClose"
       :reduce="reduce"
-      v-hammer:swipe="onMenuSwipe">
+      v-hammer:swipe="onMenuSwipe"  >
 
-      <div @mouseenter="mouseEnter" @mouseleave="mouseLeave">
+      <div @mouseenter="mouseEnter" @mouseleave="mouseLeave"  >
 
         <!-- Header -->
         <div class="header-sidebar flex items-end justify-between" slot="header">
@@ -352,4 +352,9 @@ export default {
   display: none !important;
 }
 
+.vs-sidebar
+{
+  width: 16% !important;
+}
+
 </style>
diff --git a/src/layouts/components/vertical-nav-menu/navMenuItems.js b/src/layouts/components/vertical-nav-menu/navMenuItems.js
index 748eb84..3f30bd8 100644
--- a/src/layouts/components/vertical-nav-menu/navMenuItems.js
+++ b/src/layouts/components/vertical-nav-menu/navMenuItems.js
@@ -2,9 +2,9 @@
 export default [
   {
     url: '/dashboard',
-    name: 'داشبرد',
+    name: 'داشبورد',
     icon: 'HomeIcon',
-    i18n: 'داشبرد',
+    i18n: 'داشبورد',
     slug: "config",
   },
   {
diff --git a/src/main.js b/src/main.js
index 58770b7..5a8842c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -27,10 +27,10 @@ import axios from './axios.js'
 Vue.prototype.$http = axios
 
 // API Calls
-import './http/requests'
+/*import './http/requests'*/
 
 // mock
-import './fake-db/index.js'
+/*import './fake-db/index.js'*/
 
 // Theme Configurations
 import '../themeConfig.js'
@@ -78,16 +78,16 @@ import './filters/filters'
 
 
 // Clipboard
-import VueClipboard from 'vue-clipboard2'
+/*import VueClipboard from 'vue-clipboard2'
 
-Vue.use(VueClipboard)
+Vue.use(VueClipboard)*/
 
 
 // Tour
-import VueTour from 'vue-tour'
+/*import VueTour from 'vue-tour'
 
 Vue.use(VueTour)
-require('vue-tour/dist/vue-tour.css')
+require('vue-tour/dist/vue-tour.css')*/
 
 
 // VeeValidate
@@ -97,7 +97,7 @@ Vue.use(VeeValidate)
 
 
 // Google Maps
-import * as VueGoogleMaps from 'vue2-google-maps'
+/*import * as VueGoogleMaps from 'vue2-google-maps'
 
 Vue.use(VueGoogleMaps, {
   load: {
@@ -105,7 +105,7 @@ Vue.use(VueGoogleMaps, {
     key: 'AIzaSyB4DDathvvwuwlwnUu7F4Sow3oU22y5T1Y',
     libraries: 'places' // This is required if you use the Auto complete plug-in
   }
-})
+})*/
 
 // Vuejs - Vue wrapper for hammerjs
 import {VueHammer} from 'vue2-hammer'
@@ -120,7 +120,7 @@ Vue.use(notify)
 
 
 // PrismJS
-import 'prismjs'
+//import 'prismjs'
 import 'prismjs/themes/prism-tomorrow.css'
 
 
diff --git a/src/notify.js b/src/notify.js
index 9f4db5e..da75275 100644
--- a/src/notify.js
+++ b/src/notify.js
@@ -4,14 +4,14 @@ export default {
     Vue.prototype.$ntSetError = function (msg) {
       this.$vs.notify({
         title: 'خطا در ثبت اطلاعات',
-        text: msg || 'اطلاعات ثبت نگردید.',
+        //text: msg || 'اطلاعات ثبت نگردید.',
         color: 'danger',
       })
     }
 
     Vue.prototype.$ntSet = function (msg) {
       this.$vs.notify({
-        title: 'اطلاعات ثبت شد.',
+        //title: 'اطلاعات ثبت شد.',
         text: msg || 'اطلاعات با موفقیت به ثبت رسید',
         color: 'primary',
       })
diff --git a/src/router.js b/src/router.js
index aea703d..5a77bbe 100644
--- a/src/router.js
+++ b/src/router.js
@@ -54,7 +54,7 @@ const router = new Router({
                 {
                     path: '/dashboard',
                     name: 'dashborrdPage',
-                    component: () => import('./views/DashboardAnalytics.vue'),
+                    component: () => import('./views/dashboard/DashboardAnalytics.vue'),
                     meta: {
                         rule: 'editor'
                     }
@@ -105,7 +105,7 @@ router.afterEach(() => {
 router.beforeEach((to, from, next) => {
    // return next();
     let isLogin = sessionStorage.getItem('accessToken');
-    console.log("to.path ==> ", to.path);
+    //console.log("to.path ==> ", to.path);
     if (
         (
             to.path === "/register/form" ||
@@ -115,9 +115,9 @@ router.beforeEach((to, from, next) => {
             to.path === "/auth/forgot-password"
         )
     ) {
-        if (isLogin) {
+       /* if (isLogin) {
             router.push({path: '/'});
-        }
+        }*/
         return next();
     }
 
diff --git a/src/views/DashboardAnalytics.vue b/src/views/DashboardAnalytics.vue
deleted file mode 100644
index cf84e7a..0000000
--- a/src/views/DashboardAnalytics.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<!-- =========================================================================================
-  File Name: DashboardAnalytics.vue
-  Description: Dashboard Analytics
-  ----------------------------------------------------------------------------------------
-  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
-  Author: Pixinvent
-  Author URL: http://www.themeforest.net/user/pixinvent
-========================================================================================== -->
-
-<template>
-  <div>
-
-    <div class="grid grid-cols-4 gap-4">
-      <div>
-        <a-card >
-          <span>تعداد کل پرسنل</span>
-          <h1>{{ model.total_personnel }}</h1>
-          <a-divider />
-          <span>ثبت نام شده در 30 روز گذشته {{ model.last_month_personnel }}</span>
-        </a-card>
-      </div>
-      <div>
-        <a-card >
-          <span>تعداد کل درخواست ها</span>
-          <h1>{{ model.total_proposal }}</h1>
-          <a-divider />
-          <span>ثبت شده در 30 روز گذشته {{ model.last_month_proposal }}</span>
-        </a-card>
-      </div>
-      <div>
-        <a-card >
-          <span>تعداد کل قراداد ها</span>
-          <h1>{{ model.total_contract }}</h1>
-          <a-divider />
-          <span>ثبت شده در 30 روز گذشته {{ model.last_month_contract }}</span>
-        </a-card>
-      </div>
-      <div>
-
-      </div>
-    </div>
-    <br/>
-
-    <div class="grid grid-cols-2 gap-4">
-      <div>
-        <div>
-          <a-card title="پرسنل استخدام شده در 30 روزگذشته">
-
-            <ATable
-                    class="p-0 m-0"
-                    :pagination="true"
-                    bordered
-                    :locale="{emptyText:'داده ای یافت نشد'}"
-                    :columns="cols" :data-source="personelPerMonth">
-
-            </ATable>
-
-          </a-card>
-        </div>
-      </div>
-      <div>
-        <div>
-          <a-card title="پرسنلی که تازه و یا نزدیک به اتمام قرادادشان هست">
-            <ATable
-                    class="p-0 m-0"
-                    :pagination="true"
-                    bordered
-                    :locale="{emptyText:'داده ای یافت نشد'}"
-                    :columns="cols" :data-source="personelPerMonth">
-
-            </ATable>
-          </a-card>
-        </div>
-      </div>
-    </div>
-
-
-  </div>
-</template>
-
-<script>
-  import * as TableCol from "@/table/personelPerMonth";
-  //import {ax} from "@/axios";
-  import axios from "@/axios"
-  export default {
-    data() {
-      return {
-        col:null,
-        model:{},
-        personelPerMonth:[],
-      }
-    },
-    components: {
-
-    },
-    computed: {
-
-    },
-    async created() {
-      this.cols = TableCol.default;
-      //console.log('111111111',axios.defaults.headers);
-      try {
-        await axios.get('dashboard')
-            .then((res)=>{
-              //console.log('dsfsdfsdfds');
-              this.model=res.data;
-              this.personelPerMonth=res.data.personnel;
-            }).catch((error)=>{
-              //console.log('dsafsdfsdfsdf');
-              console.log(error);
-            });
-      }
-      catch (error)
-      {
-       // console.log('gggggggg');
-      }
-    },
-
-  }
-</script>
-
-<style lang="scss">
-  .ant-pagination
-  {
-    direction: ltr !important;
-  }
-  td,th{
-    text-align: right !important;
-  }
-</style>
diff --git a/src/views/config/Config.vue b/src/views/config/Config.vue
index a9834d9..fb64828 100644
--- a/src/views/config/Config.vue
+++ b/src/views/config/Config.vue
@@ -2,72 +2,220 @@
 <template>
     <div>
         <a-card>
-
             <a-tabs default-active-key="1"  style="direction: ltr" >
 
-                <a-tab-pane key="2" tab="مدیریت شهرها">
+              <a-tab-pane key="3" tab="شهرهای محل همکاری">
+
+                <input
+                    v-if="inputCityVisible"
+                    class="ant-input"
+                    ref="input"
+                    type="text"
+                    size="small"
+                    :style="{ width: '78px' }"
+                    :value="inputValue"
+                    @change="handleInputChange"
+                    @blur="handleInputConfirmCity"
+                    @keyup.enter="handleInputConfirmCity"
+                />
+                <a-tag v-else style="background: #fff; borderStyle: dashed;" @click="showInputCity">
+                  <a-icon type="plus" />افزودن
+                </a-tag>
+                <template v-for="(city, index) in configCities">
+                  <a-tag  :key="city.id" :closable="true" @close="() => handleCloseCity(city.id)">
+                    {{ city.title }}
+                  </a-tag>
+                </template>
+                <br>
+                <a-button type="primary" class="mt-10" @click="saveCity()">
+                  ذخیره اطلاعات
+                </a-button>
+
+
+              </a-tab-pane>
+
+
+              <a-tab-pane key="2" tab="دسته های آموزشی">
+                <input
+                    v-if="inputVisible"
+                    class="ant-input"
+                    ref="input"
+                    type="text"
+                    size="small"
+                    :style="{ width: '78px' }"
+                    :value="inputValue"
+                    @change="handleInputChange"
+                    @blur="handleInputConfirm"
+                    @keyup.enter="handleInputConfirm"
+                />
+                <a-tag v-else style="background: #fff; borderStyle: dashed;" @click="showInput">
+                  <a-icon type="plus" /> افزودن دسته جدید آموزشی
+                </a-tag>
+                <template v-for="(tag, index) in tags">
+                 <!-- <a-tooltip v-if="tag.length > 20" :key="tag" :title="tag">
+                    <a-tag :key="tag" :closable="index !== 0" @close="() => handleClose(tag)">
+                      {{ `${tag.slice(0, 20)}...` }}
+                    </a-tag>
+                  </a-tooltip>-->
+                  <a-tag  :key="tag" :closable="true" @close="() => handleClose(tag)">
+                    {{ tag }}
+                  </a-tag>
+                </template>
+                <br>
+                <a-button type="primary" class="mt-10" @click="saveCategory()">
+                  ذخیره اطلاعات
+                </a-button>
+              <!--  <template v-for="(item, index) in category">
+                 &lt;!&ndash; <a-tooltip v-if="tag.length > 20" :key="tag" :title="tag">
+                    <a-tag :key="tag" :closable="index !== 0" @close="() => handleClose(tag)">
+                      {{ `${tag.slice(0, 20)}...` }}
+                    </a-tag>
+                  </a-tooltip>&ndash;&gt;
+
+
+
+                  <a-tag :key="item" :closable="index !== 0" @close="() => handleClose(item)">
+                    {{ item }}
+                  </a-tag>
+                </template>-->
+              </a-tab-pane>
+              <a-tab-pane key="1" tab="مدیریت شهرها">
                     <div>
-                        <a-card title="شهرهای محل همکاری" :bordered="true" >
+                     <!--   <a-card title="شهرهای محل همکاری" :bordered="true" >
+                          <a-form :form="formCities" @submit="handleSubmitCities">
                             <div class="grid grid-cols-6 gap-4">
                                 <div>
-                                    <a-button type="primary" class="mt-5">
-                                        ذخیره شهر ها
+                                  <a-form-item>
+                                    <a-button type="primary" @click="handleSubmitCities" class="mt-5">
+                                      ذخیره شهر ها
                                     </a-button>
+                                  </a-form-item>
                                 </div>
-
-                                <div class="col-span-5">
-                                    <a-select
-                                            class="mt-5"
-                                            mode="multiple"
-                                            :default-value="[]"
-                                            style="width: 100%;direction: ltr !important;"
-                                            placeholder="انتخاب شهر"
-                                    >
-                                        <a-select-option v-for="item,index in cities" :key="item.id" style="direction: rtl !important;">
-                                            {{item.title}}
-                                        </a-select-option>
-                                    </a-select>
-                                </div>
-
-                                <a-modal
-                                        v-model="showAddJob"
-                                        okText="ثبت تغییرات "
-                                        @ok="handleSubmit"
-                                        cancelText="بستن"
-                                        title="افزودن شغل" >
-                                    <a-form :form="form" @submit="handleSubmit">
-
-                                        <a-form-item label="شغل">
-                                            <a-input
-                                                    v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }],},]"/>
-                                        </a-form-item>
-                                        <a-form-item label="شهر های همکاری">
-
-                                            <a-select
-                                                    class="mt-3"
-                                                    mode="multiple"
-                                                    style="width: 100%;direction: rtl !important;"
-                                                    placeholder="انتخاب شهر"
-                                                    v-decorator="['cities',{rules: [{ required: true, message: 'وارد کردن شهر های همکاری الزامی است' }],},]"
-                                            >
-                                                <a-select-option v-for="item,index in cities" :key="`${item.id}`">
-                                                    {{item.title}}
-                                                </a-select-option>
-                                            </a-select>
-                                        </a-form-item>
-
-                                    </a-form>
-                                </a-modal>
-
-
+                              <div class="col-span-5">
+                                <a-form-item >
+                                  <a-select
+                                      v-decorator="['select',{ rules: [{ required: true, message: 'لطفا شهر را انتخاب نمایید' }] },]"
+                                      class="mt-5"
+                                      mode="tags"
+                                      style="width: 100%;direction: ltr !important;"
+                                      placeholder="انتخاب شهر" >
+                                    <a-select-option v-for="item,ndex in cities" :value="item.id" :key="item.id" style="direction: rtl !important;">
+                                      {{item.title}}
+                                    </a-select-option>
+                                  </a-select>
+                                </a-form-item>
+                              </div>
                             </div>
-                        </a-card>
+                          </a-form>
+                            &lt;!&ndash;
+                              <a-form :form="formCities" @submit="">
+                                <div>
+                                  <a-form-item >
+                                  </a-form-item>
+                                </div>
+                                <div class="col-span-5">
+                                    <a-form-item label="">
+                                    </a-form-item>
+                                </div>
+                              </a-form>
+                            </div>&ndash;&gt;
+                        </a-card>-->
+                      <a-spin :spinning="spinning">
+                        <a-modal
+                            v-model="showAddJob"
+                            okText="ثبت تغییرات "
+                            @ok="handleSubmit"
+                            cancelText="بستن"
+                            title="افزودن شغل" >
+                            <a-form :form="form">
+                              <a-form-item label="شغل">
+                                <input class="ant-input"
+                                       v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }],},]"/>
+                              </a-form-item>
+                              <a-form-item label="نمایش در لیست ثبت نام">
+                                <a-checkbox v-decorator="['is_visible',{valuePropName:'checked',rules: [{ required: false, message: '' }],},]" >
+                                  نمایش بده
+                                </a-checkbox>
+                              </a-form-item>
+
+
+                              <a-form-item label="شهر های همکاری">
+                                <a-select
+                                    show-search
+                                    :filter-option="filterOption"
+                                    notFoundContent="اطلاعاتی یافت نشد"
+                                    class="mt-3"
+                                    mode="multiple"
+                                    style="width: 100%;direction: rtl !important;"
+                                    placeholder="انتخاب شهر"
+                                    v-decorator="['cities',{rules: [{ required: true, message: 'وارد کردن شهر های همکاری الزامی است' }],},]" >
+                                  <a-select-option v-for="item,index in cities" :key="`${item.id}`">
+                                    {{item.title}}
+                                  </a-select-option>
+                                </a-select>
+                              </a-form-item>
+
+                            </a-form>
+
+                        </a-modal>
+                      </a-spin>
+
+
                     </div>
                     <a-button @click="showAddJob =true" type="primary" class="mt-5">
                         افزودن شغل
-                    </a-button>
+                    </a-button >
                     <br/>
-                    <ATable
+                  <x-table ref="jobTbl" class="mt-4" style="direction: rtl"
+                           :model="cols">
+                   <!-- <template slot="operator" slot-scope="text,record">
+                      <a-button type="primary" @click="showPersonal(text.record)">
+                        مشاهده و ویرایش اطلاعات
+                      </a-button>
+                    </template>-->
+
+                    <template slot="cities_str_slot" slot-scope="{text,record}">
+                      <!--{{ record.cities_str }}-->
+                      <a-tag v-for="item,index in record.cities_str" :key="index" >{{item}}</a-tag>
+                    </template>
+
+                    <template slot="visible" slot-scope="{text,record}">
+                      <a-tag color="green" v-if="record.is_visible">
+                        نمایش
+                      </a-tag>
+
+                      <a-tag color="red" v-else>
+                        عدم نمایش
+                      </a-tag>
+
+                    </template>
+
+
+
+                    <template slot="operator" slot-scope="{text,record}">
+                      <a-tooltip placement="bottomLeft">
+                        <template slot="title">
+                          <span>حذف</span>
+                        </template>
+                        <a-popconfirm
+                            title="آیا می خواهید حذف کنید؟"
+                            ok-text="بله"
+                            cancel-text="خیر"
+                            @confirm="okDelete(record.id)"
+                        >
+                          <a-button type="danger" class="ml-3">
+                            حذف
+                          </a-button>
+                        </a-popconfirm>
+                      </a-tooltip>
+
+                      <a-button type="primary" @click="showEditModal(record)" >
+                        ویرایش
+                      </a-button>
+                    </template>
+                  </x-table>
+
+                  <!--  <ATable
                             class="mt-5"
                             :pagination="true"
                             bordered
@@ -101,16 +249,19 @@
                                 ویرایش
                             </a-button>
                         </template>
-                        <!--  <a-button type="primary">
+                        &lt;!&ndash;  <a-button type="primary">
                             Primary
-                          </a-button>-->
+                          </a-button>&ndash;&gt;
+
+                    </ATable>-->
+
+
 
-                    </ATable>
 
 
                 </a-tab-pane>
-                <a-tab-pane key="1" tab="پیکربندی سیستم">
 
+               <!-- <a-tab-pane key="1" tab="پیکربندی سیستم">
                     <a-checkbox v-model="global" style="direction: rtl">
                         ثبت نام در تمامی شهر ها
                     </a-checkbox>
@@ -118,59 +269,69 @@
                     <a-button type="primary" class="mt-5" @click="setConfig()">
                         ثبت اطلاعات
                     </a-button>
-                </a-tab-pane>
+                </a-tab-pane>-->
             </a-tabs>
 
-
             <a-modal
                     v-model="showJobEditModal"
                     okText="ثبت تغییرات "
                     @ok="saveEditJob"
                     cancelText="بستن"
                     title="ویرایش شغل" >
-                <a-form :form="fromJobEdit" @submit="saveEditJob" >
+                <a-form :form="fromJobEdit">
 
                     <a-form-item label="شغل">
-                        <a-input
+                        <input class="ant-input"
                                 v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
                     </a-form-item>
+                  <a-form-item label="نمایش در لیست ثبت نام">
+                    <a-checkbox v-decorator="['is_visible',{valuePropName:'checked',rules: [{ required: false, message: '' }],},]" >
+                      نمایش بده
+                    </a-checkbox>
+                  </a-form-item>
                     <a-form-item label="شهر های همکاری">
 
                         <a-select
+                              show-search
+                              :filter-option="filterOption"
+                              notFoundContent="اطلاعاتی یافت نشد"
                                 class="mt-3"
                                 mode="multiple"
                                 style="width: 100%;direction: rtl !important;"
                                 autocomplete="off"
                                 placeholder="انتخاب شهر"
-                                v-decorator="['cities',{rules: [{ required: true, message: 'وارد کردن شهر های همکاری الزامی است' }]}]"
-                        >
+                                v-decorator="['cities',{rules: [{ required: true, message: 'وارد کردن شهر های همکاری الزامی است' }]}]">
                             <a-select-option v-for="(item,index) in cities"  :key="`${item.id}`">
                                 {{item.title}}
                             </a-select-option>
                         </a-select>
-
                     </a-form-item>
-
                 </a-form>
             </a-modal>
-
-
-
         </a-card>
     </div>
 </template>
 
 <script>
-    import * as TableCol from "./jobCols";
+    //import * as TableCol from "./jobCols";
+    //import * from TblJobs from "./pe"
     /*import * as  TableCol from './jobTbl';*/
+    //import XTable from "@/components/x-table/XTable";
+    import * as  TableCol from './jobTbl';
     import XTable from "@/components/x-table/XTable";
-    import axios from "@/axios";
 
+    import axios from "@/axios";
 
     export default {
         data() {
             return {
-                titleJobModal: '',
+              tags: [],
+              configCities:[{id:1,title:'تهران'},{id:2,title:'اصفهان'}],
+              inputVisible: false,
+              inputCityVisible:false,
+              inputValue: '',
+              spinning: false,
+              titleJobModal: '',
                 col: null,
                 global: false,
                 showAddJob: false,
@@ -184,6 +345,7 @@
                 username: '',
                 form: this.$form.createForm(this, {name: 'coordinated'}),
                 fromJobEdit: this.$form.createForm(this, {name: 'coordinated'}),
+                formCities:this.$form.createForm(this, {name: 'coordinated'}),
                 defaultCity:[]
             }
         },
@@ -196,7 +358,107 @@
             }*/
         },
         methods: {
-            async getJobs()
+          saveCategory(){
+             axios.post('/category',{category:this.tags})
+                    .then((res)=>{
+                      //console.log(res.data);
+                      this.$message.success('اطلاعات با موفقیت ثبت شد');
+                      //this.getJobs();
+                      //this.showAddJob=false;
+                    }).catch((error)=>{
+                  this.$message.error('خطا در دریافت اطلاعات');
+                });
+          },
+
+          saveCity(){
+            axios.post('/add-city',{cities:this.configCities})
+                .then((res)=>{
+                  //console.log(res.data);
+                  this.configCities=res.data.map((item)=>{ return {id:item.id,title:item.title} });
+                  this.$message.success('اطلاعات با موفقیت ثبت شد');
+                  //this.getJobs();
+                  //this.showAddJob=false;
+                }).catch((error)=>{
+              this.$message.error('خطا در دریافت اطلاعات');
+            });
+          },
+
+          handleClose(removedTag) {
+            const tags = this.tags.filter(tag => tag !== removedTag);
+            console.log(tags);
+            this.tags = tags;
+          },
+          handleCloseCity(removedTag){
+            if(removedTag!=null)
+            {
+              axios.post('/remove-city',{id:removedTag}).then((res)=>{
+
+              });
+            }
+            let index=this.configCities.findIndex((item)=> {
+              return item.id==removedTag;
+            });
+
+            if(index>-1){
+              this.configCities.splice(index,1);
+            }
+          },
+          showInput() {
+            this.inputVisible = true;
+            this.$nextTick(function() {
+              this.$refs.input.focus();
+            });
+          },
+          showInputCity() {
+            this.inputCityVisible = true;
+            this.$nextTick(function() {
+              this.$refs.input.focus();
+            });
+          },
+          handleInputChange(e) {
+            this.inputValue = e.target.value;
+          },
+          handleInputConfirmCity(){
+
+            const inputValue = this.inputValue;
+            if(inputValue.length==0)
+              return ;
+            let index=this.configCities.findIndex((item)=>{
+             return  item.title==inputValue;
+            })
+            if(index==-1){
+              this.configCities.push({id:null,title:inputValue});
+            }
+            this.inputCityVisible=false;
+            this.inputValue='';
+          },
+          handleInputConfirm() {
+            const inputValue = this.inputValue;
+            let tags = this.tags;
+            //console.log('tags',tags);
+           /* if(tags.length==0)
+            {
+              tags.push(inputValue);
+            }
+            else{
+
+            }*/
+            if (inputValue && tags.indexOf(inputValue) === -1) {
+              tags = [...tags, inputValue];
+            }
+            //console.log(tags);
+            Object.assign(this, {
+              tags,
+              inputVisible: false,
+              inputValue: '',
+            });
+          },
+          filterOption(input, option) {
+            return (
+                option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            );
+          },
+           /* async getJobs()
             {
                 await axios.get('/jobs')
                     .then((res) => {
@@ -204,30 +466,36 @@
                     }).catch((error) => {
                         this.$message.error('خطا در دریافت اطلاعات');
                     });
-            },
-            showEditModal(id)
+            },*/
+            showEditModal(record)
             {
                 this.showJobEditModal=true;
-                var item=this.jobs.find((item) => item.id==id);
+                //var item=this.jobs.find((item) => item.id==id);
                 this.$nextTick(()=>{
-                    this.currentJobID=item.id;
-                    this.fromJobEdit.setFieldsValue(item);
+                    this.currentJobID=record.id;
+                    this.fromJobEdit.setFieldsValue(record);
                 })
             },
             saveEditJob(e)
             {
+
                 e.preventDefault();
                 this.fromJobEdit.validateFields((err, values) => {
                     if (!err) {
+                      this.spinning = true;
                         try{
                             values.id=this.currentJobID;
-                            axios.post('/jobs',values)
-                            this.$message.success('اطلاعات با موفقیت ثبت شد');
-                            this.getJobs();
-                            this.showJobEditModal = false;
+                            axios.post('/jobs',values).then((res)=>{
+                              this.$refs.jobTbl.fetch();
+                              this.$message.success('اطلاعات با موفقیت ثبت شد');
+                              this.showJobEditModal = false;
+                            })
+                            //this.getJobs();
+                          //this.$refs.jobTbl.fetch();
                         }catch (e) {
                             this.$message.error('خطا در دریافت اطلاعات');
                         }
+                      this.spinning =false;
                     }
                 });
             },
@@ -235,20 +503,43 @@
                 e.preventDefault();
                 this.form.validateFields((err, values) => {
                     if (!err) {
+                      this.spinning = true;
                         axios.post('/jobs',values)
                             .then((res)=>{
                                 //console.log(res.data);
                                 this.$message.success('اطلاعات با موفقیت ثبت شد');
-                                this.getJobs();
+                                this.$refs.jobTbl.fetch();
+                                this.form.resetFields();
+                                //this.getJobs();
                                 this.showAddJob=false;
                             }).catch((error)=>{
                             this.$message.error('خطا در دریافت اطلاعات');
                         });
+                      this.spinning = false;
                         //console.log('Received values of form: ', values);
                         //this.$store.commit('update', values);
                     }
                 });
             },
+            handleSubmitCities(e) {
+              e.preventDefault();
+              this.formCities.validateFields((err, values) => {
+                if (!err) {
+                  //console.log("fdgsdfgdfg",values);
+                 /* axios.post('/jobs',values)
+                      .then((res)=>{
+                        //console.log(res.data);
+                        this.$message.success('اطلاعات با موفقیت ثبت شد');
+                        this.getJobs();
+                        this.showAddJob=false;
+                      }).catch((error)=>{
+                    this.$message.error('خطا در دریافت اطلاعات');
+                  });*/
+                  //console.log('Received values of form: ', values);
+                  //this.$store.commit('update', values);
+                }
+              });
+            },
             async changeTab() {
                 /* switch (this.activeTab)
                 {
@@ -284,11 +575,11 @@
                         this.$message.error('خطا در ثبت اطلاعات');
                     });
             },
-
             async okDelete(id){
                 try{
                     await axios.post('/jobs',{ id:id , delete:true })
-                    this.getJobs()
+                    this.$refs.jobTbl.fetch();
+                    //this.getJobs()
                 }catch (e) {
 
                 }finally {
@@ -311,15 +602,24 @@
                     this.$message.error('خطا در دریافت اطلاعات');
                 });
 
+          await axios.get('/get-category')
+              .then((res) => {
+                //console.log(res.data);
+                this.tags=res.data;
+              }).catch((error) => {
+                this.$message.error('خطا در دریافت اطلاعات');
+              });
+
             await axios.get('/cities')
                 .then((res) => {
                     this.cities = res.data;
+                    this.configCities=res.data.map((item)=>{ return {id:item.id,title:item.title} });
                     console.log(res.data);
                 }).catch((error) => {
                     this.$message.error('خطا در دریافت اطلاعات');
                 });
 
-            this.getJobs();
+            //this.getJobs();
 
         },
         mounted() {
@@ -369,4 +669,5 @@
         direction: rtl;
         margin-right: 25px;
     }
+
 </style>
diff --git a/src/views/config/jobTbl.js b/src/views/config/jobTbl.js
new file mode 100644
index 0000000..c42d8ee
--- /dev/null
+++ b/src/views/config/jobTbl.js
@@ -0,0 +1,8 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('/jobsList', '');
+tbl.add(new Xtc('title', 'عنوان شغل').noSort());
+tbl.add(new Xtc('cities_str_slot', 'شهر های فعال در شغل').renderSlot('cities_str_slot').noSort());
+tbl.add(new Xtc('is_visible', 'نمایش در ثبت نام').renderSlot('visible').noSort());
+tbl.add(new Xtc('id', 'عملیات').renderSlot('operator').noSort())
+export default tbl;
diff --git a/src/views/dashboard/DashboardAnalytics.vue b/src/views/dashboard/DashboardAnalytics.vue
new file mode 100644
index 0000000..016c5d3
--- /dev/null
+++ b/src/views/dashboard/DashboardAnalytics.vue
@@ -0,0 +1,160 @@
+<!-- =========================================================================================
+  File Name: DashboardAnalytics.vue
+  Description: Dashboard Analytics
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: Pixinvent
+  Author URL: http://www.themeforest.net/user/pixinvent
+========================================================================================== -->
+
+<template>
+  <div>
+   <!-- <div class="grid grid-cols-4 gap-4">
+      <div>
+        <a-card >
+          <span>تعداد کل پرسنل</span>
+          <h1>{{ model.total_personnel }}</h1>
+          <a-divider />
+          <span>ثبت نام شده در 30 روز گذشته {{ model.last_month_personnel }}</span>
+        </a-card>
+      </div>
+      <div>
+        <a-card >
+          <span>تعداد کل درخواست ها</span>
+          <h1>{{ model.total_proposal }}</h1>
+          <a-divider />
+          <span>ثبت شده در 30 روز گذشته {{ model.last_month_proposal }}</span>
+        </a-card>
+      </div>
+      <div>
+        <a-card >
+          <span>تعداد کل قراداد ها</span>
+          <h1>{{ model.total_contract }}</h1>
+          <a-divider />
+          <span>ثبت شده در 30 روز گذشته {{ model.last_month_contract }}</span>
+        </a-card>
+      </div>
+      <div>
+      </div>
+    </div>-->
+    <br/>
+
+    <div class="grid grid-cols-2 gap-4">
+      <div>
+        <a-card title="لیست پرسنل اتمام قرارداد در ماه گذشته">
+            <x-table style="height: 400px;overflow: auto" class="mt-4" :model="contractEndPastMonth"></x-table>
+        </a-card>
+      </div>
+      <div>
+        <a-card title="لیست پرسنل اتمام قرارداد در ماه جاری">
+          <x-table style="height: 400px;overflow: auto" class="mt-4" :model="contractEndCurrentMonth"></x-table>
+        </a-card>
+      </div>
+
+      <div>
+        <a-card title="لیست پرسنل اتمام قرارداد در ماه آینده">
+          <x-table style="height: 400px;overflow: auto" class="mt-4" :model="contractEndNextMonth"></x-table>
+        </a-card>
+      </div>
+
+      <div>
+        <a-card title="لیست پرسنل استخدام شده در ماه گذشته">
+          <x-table style="height: 400px;overflow: auto" class="mt-4" :model="PersonelPastMonth"></x-table>
+        </a-card>
+      </div>
+
+      <div>
+        <a-card title="لیست پرسنل استخدام شده در ماه جاری">
+          <x-table style="height: 400px;overflow: auto" class="mt-4" :model="PersonelCurrentMonth"></x-table>
+        </a-card>
+      </div>
+
+      <div>
+        <a-card title="لیست پرسنل فسخ قرارداد در ماه گذشته">
+          <x-table style="height: 400px;overflow: auto" class="mt-4" :model="contractTerminationPastMonth"></x-table>
+        </a-card>
+      </div>
+
+      <div>
+        <a-card title="لیست پرسنل فسخ قرارداد در ماه جاری">
+          <x-table style="height: 400px;overflow: auto" class="mt-4" :model="contractTerminationCurrentMonth"></x-table>
+        </a-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  //import * as TableCol from "@/table/personelPerMonth";
+  import * as  TableColcontractEndPastMonth from './personelEndContractPastmonthTbl';
+  import * as  TableColcontractEndNextMonth from './personelEndContractNextmonthTbl';
+  import * as  TableColcontractCurrentMonth from './personelEndContractCurrentmonthTbl';
+  import * as  TableColPersonelPastMonth from './personelPastmonthTbl';
+  import * as  TableColPersonelCurrentMonth from './personelCurrentmonthTbl';
+  import * as  TableColcontractTerminationCurrentMonth from './contractTerminationCurrentMonthTbl';
+  import * as  TableColcontractTerminationPastMonth from './contractTerminationPastMonthTbl';
+  import XTable from "@/components/x-table/XTable";
+  //import {ax} from "@/axios";
+  import axios from "@/axios"
+  export default {
+    data() {
+      return {
+        contractEndNextMonth,
+        contractEndPastMonth,
+        contractEndCurrentMonth,
+        PersonelCurrentMonth,
+        PersonelPastMonth,
+        contractTerminationPastMonth,
+        contractTerminationCurrentMonth
+        //col:null,
+        //model:{},
+        //personelPerMonth:[],
+      }
+    },
+    components: {
+      XTable,
+    },
+    computed: {
+
+    },
+    async created() {
+      this.contractEndPastMonth = TableColcontractEndPastMonth.default;
+      this.contractEndNextMonth = TableColcontractEndNextMonth.default;
+      this.contractEndCurrentMonth = TableColcontractCurrentMonth.default;
+      this.PersonelCurrentMonth=TableColPersonelCurrentMonth.default;
+      this.PersonelPastMonth= TableColPersonelPastMonth.default;
+      this.contractTerminationPastMonth=TableColcontractTerminationPastMonth.default;
+      this.contractTerminationCurrentMonth=TableColcontractTerminationCurrentMonth.default;
+      //console.log('111111111',axios.defaults.headers);
+      // try {
+      //   await axios.get('dashboard')
+      //       .then((res)=>{
+      //         //console.log('dsfsdfsdfds');
+      //         this.model=res.data;
+      //         this.personelPerMonth=res.data.personnel;
+      //       }).catch((error)=>{
+      //         //console.log('dsafsdfsdfsdf');
+      //         console.log(error);
+      //       });
+      // }
+      // catch (error)
+      // {
+      //  // console.log('gggggggg');
+      // }
+    },
+  }
+</script>
+
+<style lang="scss" >
+  .ant-pagination
+  {
+    direction: ltr !important;
+  }
+  td,th{
+    text-align: right !important;
+  }
+/*  .ant-input-search
+  {
+    display: none !important;
+  }*/
+</style>
diff --git a/src/views/dashboard/contractTerminationCurrentMonthTbl.js b/src/views/dashboard/contractTerminationCurrentMonthTbl.js
new file mode 100644
index 0000000..c14708f
--- /dev/null
+++ b/src/views/dashboard/contractTerminationCurrentMonthTbl.js
@@ -0,0 +1,8 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('contractTerminationCurrentMonth', 'لیست پرسنل');
+tbl.add(new Xtc('personnel.personel_id', 'کد پرسنلی').noSort());
+tbl.add(new Xtc('personnel.name', 'نام و نام خانوادگی').noSort())
+tbl.add(new Xtc('start_atj', 'تاریخ شروع قرارداد').noSort())
+tbl.add(new Xtc('end_atj', 'تاریخ اتمام قرارداد').noSort())
+export default tbl;
diff --git a/src/views/dashboard/contractTerminationPastMonthTbl.js b/src/views/dashboard/contractTerminationPastMonthTbl.js
new file mode 100644
index 0000000..17159e8
--- /dev/null
+++ b/src/views/dashboard/contractTerminationPastMonthTbl.js
@@ -0,0 +1,8 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('contractTerminationPastMonth', 'لیست پرسنل');
+tbl.add(new Xtc('personnel.personel_id', 'کد پرسنلی').noSort());
+tbl.add(new Xtc('personnel.name', 'نام و نام خانوادگی').noSort())
+tbl.add(new Xtc('start_atj', 'تاریخ شروع قرارداد').noSort())
+tbl.add(new Xtc('end_atj', 'تاریخ اتمام قرارداد').noSort())
+export default tbl;
diff --git a/src/views/dashboard/personelCurrentmonthTbl.js b/src/views/dashboard/personelCurrentmonthTbl.js
new file mode 100644
index 0000000..5c5868b
--- /dev/null
+++ b/src/views/dashboard/personelCurrentmonthTbl.js
@@ -0,0 +1,7 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('personelCurrentMonth', 'لیست پرسنل');
+tbl.add(new Xtc('personel_id', 'کد پرسنلی').noSort());
+tbl.add(new Xtc('name', 'نام و نام خانوادگی').noSort())
+tbl.add(new Xtc('caj', 'تاریخ استخدام').noSort())
+export default tbl;
diff --git a/src/views/dashboard/personelEndContractCurrentmonthTbl.js b/src/views/dashboard/personelEndContractCurrentmonthTbl.js
new file mode 100644
index 0000000..7b01865
--- /dev/null
+++ b/src/views/dashboard/personelEndContractCurrentmonthTbl.js
@@ -0,0 +1,8 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('personelContactEndCurrentMonth', 'لیست پرسنل');
+tbl.add(new Xtc('personnel.personel_id', 'کد پرسنلی').noSort());
+tbl.add(new Xtc('personnel.name', 'نام و نام خانوادگی').noSort())
+tbl.add(new Xtc('start_atj', 'تاریخ شروع قرارداد').noSort())
+tbl.add(new Xtc('end_atj', 'تاریخ اتمام قرارداد').noSort())
+export default tbl;
diff --git a/src/views/dashboard/personelEndContractNextmonthTbl.js b/src/views/dashboard/personelEndContractNextmonthTbl.js
new file mode 100644
index 0000000..12f8784
--- /dev/null
+++ b/src/views/dashboard/personelEndContractNextmonthTbl.js
@@ -0,0 +1,8 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('personelContactEndNextMonth', 'لیست پرسنل');
+tbl.add(new Xtc('personnel.personel_id', 'کد پرسنلی').noSort());
+tbl.add(new Xtc('personnel.name', 'نام و نام خانوادگی').noSort())
+tbl.add(new Xtc('start_atj', 'تاریخ شروع قرارداد').noSort())
+tbl.add(new Xtc('end_atj', 'تاریخ اتمام قرارداد').noSort())
+export default tbl;
diff --git a/src/views/dashboard/personelEndContractPastmonthTbl.js b/src/views/dashboard/personelEndContractPastmonthTbl.js
new file mode 100644
index 0000000..4873b5c
--- /dev/null
+++ b/src/views/dashboard/personelEndContractPastmonthTbl.js
@@ -0,0 +1,8 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('personelContactEndPastMonth', 'لیست پرسنل');
+tbl.add(new Xtc('personnel.personel_id', 'کد پرسنلی').noSort());
+tbl.add(new Xtc('personnel.name', 'نام و نام خانوادگی').noSort())
+tbl.add(new Xtc('start_atj', 'تاریخ شروع قرارداد').noSort())
+tbl.add(new Xtc('end_atj', 'تاریخ اتمام قرارداد').noSort())
+export default tbl;
diff --git a/src/views/dashboard/personelPastmonthTbl.js b/src/views/dashboard/personelPastmonthTbl.js
new file mode 100644
index 0000000..f2d2bc7
--- /dev/null
+++ b/src/views/dashboard/personelPastmonthTbl.js
@@ -0,0 +1,7 @@
+import XTbl, {Xtc} from '../../components/x-table/index';
+
+const tbl = new XTbl('personelPastMonth', 'لیست پرسنل');
+tbl.add(new Xtc('personel_id', 'کد پرسنلی').noSort());
+tbl.add(new Xtc('name', 'نام و نام خانوادگی').noSort())
+tbl.add(new Xtc('caj', 'تاریخ استخدام').noSort())
+export default tbl;
diff --git a/src/views/personel/Personel.vue b/src/views/personel/Personel.vue
index 9c47a0d..4cbdc0a 100644
--- a/src/views/personel/Personel.vue
+++ b/src/views/personel/Personel.vue
@@ -1,641 +1,854 @@
 <template>
     <div>
-        <a-card>
-            <a-button href="/register/form" >
-                ثبت پرسنل جدید
+
+      <a-spin :spinning="showLoading" tip="در حال دریافت اطلاعات">
+        <div class="spin-content">
+          <a-card>
+            <a-button @click="$router.push('/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)">
-                        مشاهده و ویرایش اطلاعات
-                    </a-button>
-                </template>
+              <template slot="operator" slot-scope="text,record">
+                <a-button type="primary" @click="showPersonal(text.record)">
+                  مشاهده و ویرایش اطلاعات
+                </a-button>
+              </template>
             </x-table>
-
-            <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="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=1`" target="_blank">نوع 1</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="2">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=2`" target="_blank">نوع 2</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="3">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=3`" target="_blank">نوع 3</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="4">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=4`" target="_blank">نوع 4</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="5">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=5`" target="_blank">نوع 5</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="6">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=6`" target="_blank">نوع 6</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="7">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=7`" target="_blank">نوع 7</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="8">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=8`" target="_blank">نوع 8</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="9">
-                                                    <a :href="`http://hr.asco-intl.com/back/public/api/personnel/print?id=${item.id}&type=9`" target="_blank">نوع 9</a>
-                                                </a-menu-item>
-                                                <a-menu-item key="10">
-                                                    <a :href="`http://hr.asco-intl.com/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>-->
-                                </div>
-
-                                <div>
-                                    <a-form-item>
-                                        <a-checkbox  v-decorator="['equip_checklist.forth',{valuePropName:'checked'}]" >عینک</a-checkbox>
-                                    </a-form-item>
-                                </div>
-
-                                <div>
-                                    <a-form-item>
-                                        <a-checkbox  v-decorator="['equip_checklist.third',{valuePropName:'checked'}]">دستکش</a-checkbox>
-                                    </a-form-item>
-                                </div>
-
-                                <div>
-                                    <a-form-item >
-                                        <a-input
-                                                v-decorator="['equip_checklist.cloth_size']" placeholder="سایز" />
-                                    </a-form-item>
-                                </div>
-
-                                <div>
-                                    <a-form-item >
-                                        <a-input
-                                                v-decorator="['equip_checklist.other']" placeholder="سایر تجهیزات"/>
-                                    </a-form-item>
-                                </div>
-
-                            </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 estimate" :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="removeEstimate(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 :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>
-                                    <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">
-                    <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: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
-                        </a-form-item>
-                        <a-form-item label="عنوان گواهینامه">
-                            <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
-                                    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="savefromPerformance" okText="ایجاد" cancelText="بستن"  v-model="showAddPerformance" title="افزودن ارزیابی عملکرد" >
-                <a-form :form="fromPerformance">
-                    <a-form-item label="نمره">
-
-                        <a-input-number autocomplete="off"  :min="0" :max="20" v-decorator="['score',{ rules:[{ required: true, message: 'وارد کردن الزامی است'  }] }]" />
-                    </a-form-item>
-                    <a-form-item label="برنامه توسعه دوره">
-                        <a-input autocomplete="off" v-decorator="['note',{ rules:[{ required: false, message: 'وارد کردن الزامی است'  }] }]"/>
-                    </a-form-item>
-                </a-form>
-            </a-modal>
-
-            <a-modal okText="ایجاد" cancelText="بستن"  v-model="showAddDocument" title="افزودن سند" @ok="addDocs">
-                <a-form :form="fromDocs">
-
-                    <a-form-item label="نوع" has-feedback>
-
-                        <a-select
-                                v-decorator="['type']"
-                                placeholder="انتخاب نوع"
+            <a-modal  @ok="savefromPersonel" :maskClosable="false" :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="اطلاعات فردی">
+                      <a-form-item label="تصویر پرسنلی" >
+                        <single-upload-input ref="fileUpload" :field="'profile_file'" ></single-upload-input>
+                        <!--<a-upload
+                            name="file"
+                            list-type="picture-card"
+                            class="avatar-uploader"
+                            :show-upload-list="true"
+                            :default-file-list="fileList"
+                            action="http://hr.asco-intl.com/back/public/api/register/upload"
+                            :before-upload="beforeUpload"
+                            @change="handleChange"
+                            @preview="handlePreview"
+                            :remove="handleRemove"
+                            :fileList="fileList"
                         >
-                            <a-select-option value="1">
-                                حکم
-                            </a-select-option>
-                            <a-select-option value="2">
-                                اخطار
-                            </a-select-option>
-                            <a-select-option value="3">
-                                پاداش
-                            </a-select-option>
-                        </a-select>
-                    </a-form-item>
-                    <a-form-item label="شرح">
-
-                        <a-input style="width:100%"
-                                 autocomplete="off"
-                                 v-decorator="['note']"
-                        />
-                    </a-form-item>
-                    <a-form-item label="فایل">
-                        <div class="dropbox">
-                            <a-upload-dragger
-                                    v-if="!isAlertUpload"
-                                    :customRequest="uploadImage"
-                                    :show-upload-list="false"
-                                    :before-upload="beforeUpload"
-                            >
-                                <p class="ant-upload-drag-icon">
-                                    <a-icon type="inbox" />
-                                </p>
-                                <p class="ant-upload-text">
-                                    فایل را درگ کنید یا اینکه کاوش کنید.
-                                </p>
-                                <p class="ant-upload-hint">
-                                    تصویر که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
-                                </p>
-                            </a-upload-dragger>
-                            <div v-else>
-                                <a-alert message="آپلود سند با موفقیت انجام شد." type="success" />
+                         &lt;!&ndash; &ndash;&gt;
+                          &lt;!&ndash;<img v-if="imageUrl" :src="imageUrl" alt="avatar" />&ndash;&gt;
+                          <div >
+                            <a-icon :type="loading ? 'loading' : 'plus'" />
+                            <div class="ant-upload-text">
+                              بارگذاری
                             </div>
+                          </div>
+                        </a-upload>-->
+                        <a-modal :visible="previewVisible" :footer="null" @cancel="previewVisible = false;">
+                          <img alt="example" style="width: 100%" :src="previewImage" />
+                        </a-modal>
+                        <!--<a-upload
+                            :customRequest="uploadImageProfile"
+                            list-type="picture-card"
+                            :file-list="fileList"
+                            @preview="previewVisible=true"
+                            @change="handleChange">
+                          <div v-if="fileList.length==0">
+                            <a-icon type="plus" />
+                            <div class="ant-upload-text">
+                              بارگذاری تصویر کاربری
+                            </div>
+                          </div>
+                        </a-upload>
+                        <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
+                          <img alt="example" style="width: 100%" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                        </a-modal>-->
+
+                      </a-form-item>
+                      <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
+                        <a-form-item label="نام و نام خانوادگی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['name']"/>
+                        </a-form-item>
+                        <a-form-item label="کدملی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['ncode']"/>
+                        </a-form-item>
+                        <a-form-item label="شماره پرسنلی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['personel_id']"/>
+                        </a-form-item>
+                        <a-form-item label="موبایل">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.mobile']"/>
+                        </a-form-item>
+                        <!-- <a-form-item label="تاریخ ثبت نام">
+                           <a-input autocomplete="off" v-decorator="['created_at',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                         </a-form-item>-->
+                        <!-- <a-form-item label="تاریخ به روز رسانی ">
+                           <a-input autocomplete="off" v-decorator="['updated_at',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                         </a-form-item>-->
+                        <a-form-item label="شهر متقاضی شغل">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.for_cities']"/>
+                        </a-form-item>
+                        <a-form-item label="شغل متقاضی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.job_title']"/>
+                        </a-form-item>
+                        <a-form-item label="نام پدر">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.father_name']"/>
+                        </a-form-item>
+                        <a-form-item label="تاریخ تولد">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.birth_date']"/>
+                        </a-form-item>
+                        <!--                <a-form-item label="تاریخ تولد">-->
+                        <!--                  <input class="ant-input"  autocomplete="off" v-decorator="['personal.birth_date',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                        <!--                </a-form-item>-->
+                        <a-form-item label="شماره شناسنامه">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.iden_id']"/>
+                        </a-form-item>
+                        <a-form-item label="سریال شناسنامه">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.iden_serial']"/>
+                        </a-form-item>
+                        <a-form-item label="محل صدور">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.iden_place']"/>
+                        </a-form-item>
+                        <a-form-item label="محل تولد">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.birth_place']"/>
+                        </a-form-item>
+                        <a-form-item label="ایمیل">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.email']"/>
+                        </a-form-item>
+                        <a-form-item label="تلفن ثابت">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.phone']"/>
+                        </a-form-item>
+                        <a-form-item label="حقوق درخواستی">
+                          <input class="ant-input"  autocomplete="off" v-decorator="['proposal.requested_salary']"/>
+                        </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>
+                        <a-form-item label="وضعیت مسکن">
+                          <a-radio-group v-decorator="['proposal.house_sts']">
+                            <a-radio :value="1">
+                              مالک
+                            </a-radio>
+                            <a-radio :value="2">
+                              مستاجر
+                            </a-radio>
+                          </a-radio-group>
+                        </a-form-item>
+                        <a-form-item label="آدرس" class="col-span-3" >
+                          <input  class="ant-input"  autocomplete="off" v-decorator="['proposal.address',{initialValue: null,rules: [{ required: false, message: 'آدرس را وارد نمایید' }]}]" />
+                        </a-form-item>
+                        <a-form-item label="تلفن ضروری">
+                          <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['proposal.phone_emergency',{initialValue: null,rules: [{ required:false, message: 'تلفن ضروری را وارد نمایید' }]}]">
+                          <!--                                                <feather-icon style="direction: ltr !important;" icon="MailIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                          <!-- </a-input>-->
+                        </a-form-item>
+                        <a-form-item label="نام فرد">
+                          <input  class="ant-input"  autocomplete="off" v-decorator="['proposal.phone_emergency_name',{initialValue: null}]" >
+                          <!--<feather-icon style="direction: ltr !important;" icon="SmartPhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                          <!-- </a-input>-->
+                        </a-form-item>
+                        <a-form-item label="نسبت">
+                          <input  class="ant-input"  autocomplete="off" v-decorator="['proposal.phone_emergency_related',{initialValue: null}]" >
+                          <!--<feather-icon style="direction: ltr !important;" icon="PhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
+                          <!-- </a-input>-->
+                        </a-form-item>
+                      </div>
+                      <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-4 lg:gap-4">
+
+                        <div>
+                          <a-form-item label="شماره کارت">
+                            <input class="ant-input"
+                                   v-decorator="['bank_card_number']"/>
+                          </a-form-item>
                         </div>
+                        <div>
+                          <a-form-item label="شمار ه حساب">
+                            <input class="ant-input"
+                                   v-decorator="['bank_account']"/>
+                          </a-form-item>
+                        </div>
+
+                        <div>
+                          <a-form-item label="شماره بیمه">
+                            <input class="ant-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-card>
+                    <a-card title="اطلاعات خانوادگی" class="mt-5">
+                      <template v-for="(item,index) in personalDetails['family']" >
+                        <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
+                          <a-form-item style="display: none">
+                            <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].id`]"/>
+                          </a-form-item>
+                          <a-form-item label="نام">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].name`]"/>
+                          </a-form-item>
+                          <a-form-item label="نسبت">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.family[${index}].relation`]"/>
+                          </a-form-item>
+                          <a-form-item label="مقطع">
+                            <!-- <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                            <a-select v-decorator="[`personal_details.family[${index}].edu_level`]" >
+                              <a-select-option :value="1">
+                                کاردانی
+                              </a-select-option>
+                              <a-select-option :value="2">
+                                کارشناسی
+                              </a-select-option>
+                              <a-select-option :value="3" >
+                                کارشناسی ارشد
+                              </a-select-option>
+                              <a-select-option :value="4">
+                                دکترا
+                              </a-select-option>
+                            </a-select>
+                          </a-form-item>
+                          <!--  <a-form-item label="دانشگاه">
+                              <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].university`]"/>
+                            </a-form-item>-->
+                          <a-form-item label="رشته تحصیلی">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].edu_title`]"/>
+                          </a-form-item>
+                          <a-form-item label="شغل">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.family[${index}].job`]"/>
+                          </a-form-item>
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+
+                    <a-card title="اطلاعات تحصیلی" class="mt-5">
+                      <template v-for="(item,index) in personalDetails['education']">
+                        <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
+                          <a-form-item style="display: none">
+                            <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.education[${index}].id`]"/>
+                          </a-form-item>
+                          <a-form-item label="مقطع">
+                            <!-- <a-input autocomplete="off" v-decorator="['personal_details[0].university',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                            <a-select v-decorator="[`personal_details.education[${index}].level`]" >
+                              <a-select-option :value="1">
+                                کاردانی
+                              </a-select-option>
+                              <a-select-option :value="2">
+                                کارشناسی
+                              </a-select-option>
+                              <a-select-option :value="3" >
+                                کارشناسی ارشد
+                              </a-select-option>
+                              <a-select-option :value="4">
+                                دکترا
+                              </a-select-option>
+                            </a-select>
+                          </a-form-item>
+                          <a-form-item label="دانشگاه">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].university`]"/>
+                          </a-form-item>
+                          <a-form-item label="رشته تحصیلی">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].title`]"/>
+                          </a-form-item>
+                          <a-form-item label="گرایش">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].trend`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال شروع">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].start_at`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال خاتمه">
+                            <input class="ant-input"  autocomplete="off" v-decorator="[`personal_details.education[${index}].end_at`]"/>
+                          </a-form-item>
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+
+
+                    <a-card title="سوابق آموزشی" class="mt-5">
+                      <template v-for="(item,index) in personalDetails['traning']">
+                        <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
+                          <a-form-item style="display: none">
+                            <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.traning[${index}].id`]"/>
+                          </a-form-item>
+                          <a-form-item label="مرکز برگزاری">
+                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].university`]"/>
+                          </a-form-item>
+                          <a-form-item label="عنوان دوره ">
+                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].title`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال">
+                            <input class="ant-input"   autocomplete="off" v-decorator="[`personal_details.traning[${index}].start_at`]"/>
+                          </a-form-item>
+                          <a-form-item label="امکان ارائه گواهینامه دارم">
+                            <a-checkbox v-decorator="[`personal_details.traning[${index}].end_at`,{initialValue:false,valuePropName: 'checked'}]"/>
+                          </a-form-item>
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+
+
+                    <a-card title="سوابق کاری" class="mt-5">
+                      <template v-for="(item,index) in personalDetails['jobs_history']">
+                        <div class="grid sm:grid-cols-1 md:grid-cols-3 md:gap-3 lg:grid-cols-3 lg:gap-3">
+                          <a-form-item style="display: none">
+                            <input type="hidden" class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].id`]"/>
+                          </a-form-item>
+                          <a-form-item label="نام سازمان ">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].university`]"/>
+                          </a-form-item>
+                          <a-form-item label="عنوان شغل">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].title`]"/>
+                          </a-form-item>
+                          <a-form-item label="دلیل خاتمه">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].note`]"/>
+                          </a-form-item>
+
+                          <a-form-item label="سال شروع">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].start_at`]"/>
+                          </a-form-item>
+                          <a-form-item label="سال خاتمه">
+                            <input class="ant-input" autocomplete="off" v-decorator="[`personal_details.jobs_history[${index}].end_at`]"/>
+                          </a-form-item>
+                          <!--<a-form-item label="تاکنون">
+                            <a-checkbox v-decorator="['end_now',{initialValue:false,valuePropName: 'checked'}]" />
+                          </a-form-item>-->
+                        </div>
+                        <a-divider />
+                      </template>
+                    </a-card>
+                  </a-tab-pane>
+
+                  <!-- <a-tab-pane :forceRender="true" key="2" tab="اطلاعات پایه">
+
+                   </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-button v-if="item.file"  target="_blank" :href="item.file.storage" class="mr-3">دانلود پیوست </a-button>
+                          <a-tooltip placement="bottomRight">
+                            <template slot="title">
+                              <span>حذف</span>
+                            </template>
+                            <a-popconfirm
+                                placement="right"
+                                style="z-index: 999999999999"
+                                title="آیا می خواهید حذف کنید؟"
+                                ok-text="بله"
+                                cancel-text="خیر"
+                                @confirm="removeEdu(item)"
+                            >
+                              <a-button type="danger" class="mr-3">حذف</a-button>
+                            </a-popconfirm>
+                          </a-tooltip>
+                        </div>
+                        <div> <span>دسته گواهینامه :</span>  {{ item.type }}</div>
+                        <div style="direction: rtl">عنوان گواهینامه : {{  item.title  }}</div>
+                      </a-list-item>
+                    </a-list>
+                    <a-button 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-button v-if="!item.date_termination" class="mt-3 mr-3" @click="showTerminationModal(index)">فسخ قرارداد</a-button>
+                          <a-button v-if="item.file"  target="_blank" :href="item.file.storage"   >دانلود پیوست</a-button>
+
+
+                        </div>
+                        <div>{{ item.salary }} : حقوق پایه</div>
+                        <div>{{ item.end_atj }} : تاریخ خاتمه</div>
+                        <div>{{ item.start_atj }} : تاریخ شروع</div>
+                        <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="mt-3 mr-3" style="width:40%">حذف</a-button>
+                            </a-popconfirm>
+                          </a-tooltip>
+
+                          <a-dropdown  class="mt-3" v-if="item.id">
+                            <a-menu slot="overlay" >
+                              <a-menu-item  key="1">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=1`" target="_blank">نوع 1</a>
+                              </a-menu-item>
+                              <a-menu-item key="2">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=2`" target="_blank">نوع 2</a>
+                              </a-menu-item>
+                              <a-menu-item key="3">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=3`" target="_blank">نوع 3</a>
+                              </a-menu-item>
+                              <a-menu-item key="4">
+                                <a :href="`back/public/api/personnel/print?id=${item.id}&type=4`" target="_blank">نوع 4</a>
+                              </a-menu-item>
+                              <a-menu-item key="5">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=5`" target="_blank">نوع 5</a>
+                              </a-menu-item>
+                              <a-menu-item key="6">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=6`" target="_blank">نوع 6</a>
+                              </a-menu-item>
+                              <a-menu-item key="7">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=7`" target="_blank">نوع 7</a>
+                              </a-menu-item>
+                              <a-menu-item key="8">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=8`" target="_blank">نوع 8</a>
+                              </a-menu-item>
+                              <a-menu-item key="9">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=9`" target="_blank">نوع 9</a>
+                              </a-menu-item>
+                              <a-menu-item key="10">
+                                <a :href="`/back/public/api/personnel/print?id=${item.id}&type=10`" target="_blank">نوع 10</a>
+                              </a-menu-item>
+                              <!-- <a-menu-item key="7">
+                                 <a href="222" target="_blank">نوع سوم</a>
+                               </a-menu-item>-->
+                            </a-menu>
+                            <a-button style="width: 33%" > چاپ <a-icon type="down" /> </a-button>
+                          </a-dropdown>
+
+
+
+
+                        </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>-->
+
+                        </div>
+                        <!--<div>
+
+                        </div>-->
+                        <div>  دلیل فسخ قرارداد: <span>{{ item.reason_termination }}</span> </div>
+
+                        <div>{{ item.datej_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-3 lg:gap-4" style="direction: rtl">
+                      <div>
+                        <a-form-item>
+                          <a-checkbox v-decorator="['intro_checklist.third',{initialValue:false,valuePropName:'checked'}]">آموزشهای عمومی 17020،MIS و HSE</a-checkbox>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item>
+                          <a-checkbox v-decorator="['intro_checklist.second',{initialValue:false,valuePropName:'checked'}]">آموزشهای مربوط به اصول اخلاقی و قوانین و مقررات شرکت</a-checkbox>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item>
+                          <a-checkbox v-decorator="['intro_checklist.first',{initialValue:false,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',{initialValue:false,valuePropName:'checked'}]" >لباس</a-checkbox>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <!--  <a-form-item>
+                            <a-checkbox v-decorator="['intro_checklist.second',{valuePropName:'checked'}]">آشنا سازی با قوانین</a-checkbox>
+                          </a-form-item>-->
+                        <a-form-item>
+                          <a-checkbox  v-decorator="['equip_checklist.first',{initialValue:false,valuePropName:'checked'}]"  >کلاه</a-checkbox>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item>
+                          <a-checkbox  v-decorator="['equip_checklist.fifth',{initialValue:false,valuePropName:'checked'}]">کفش</a-checkbox>
+                        </a-form-item>
+                        <!--<a-form-item>
+                          <a-checkbox v-decorator="['intro_checklist.first',{valuePropName:'checked'}]">
+                            تکمیل پرونده
+                          </a-checkbox>
+                        </a-form-item>-->
+                      </div>
+
+                      <div>
+                        <a-form-item>
+                          <a-checkbox  v-decorator="['equip_checklist.forth',{initialValue:false,valuePropName:'checked'}]" >عینک</a-checkbox>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item>
+                          <a-checkbox  v-decorator="['equip_checklist.third',{initialValue:false,valuePropName:'checked'}]">دستکش</a-checkbox>
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item >
+                          <input class="ant-input"
+                                 v-decorator="['equip_checklist.cloth_size']" placeholder="سایز" />
+                        </a-form-item>
+                      </div>
+
+                      <div>
+                        <a-form-item >
+                          <input class="ant-input"
+                                 v-decorator="['equip_checklist.other']" placeholder="سایر تجهیزات"/>
+                        </a-form-item>
+                      </div>
+
+                    </div>
+                  </a-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 estimate" :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="removeEstimate(item)">
+                              <a-button type="danger" class="mr-3">حذف</a-button>
+                            </a-popconfirm>
+                          </a-tooltip>
+                        </div>
+
+                        <div>نمره : {{  item.score  }}</div>
+                        <div> برنامه توسعه دوره :   <span>{{ item.note }} </span></div>
+                      </a-list-item>
+                    </a-list>
+                    <br/>
+                    <a-button @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">
+                            <a-button v-if="item.file"  target="_blank" :href="item.file.storage" class="mr-3">دانلود پیوست </a-button>
+                            <template slot="title">
+                              <span>حذف</span>
+                            </template>
+                            <a-popconfirm
+                                placement="right"
+                                style="z-index: 999999999999"
+                                title="آیا می خواهید حذف کنید؟"
+                                ok-text="بله"
+                                cancel-text="خیر"
+                                @confirm="removeDocs(item)"
+                            >
+                              <a-button type="danger" class="mr-3">حذف</a-button>
+
+                            </a-popconfirm>
+
+                          </a-tooltip>
+                        </div>
+                        <div style="direction: rtl"><span>نوع :</span><span>{{ item.type_str }}</span> </div>
+                        <div style="direction: rtl">عنوان : {{  item.note }}</div>
+                      </a-list-item>
+                    </a-list>
+                    <a-button class="mt-4" @click="showAddDocument=true;isAlertUpload = false">افزودن ردیف</a-button>
+                  </a-tab-pane>
+                </a-tabs>
+              </a-form>
+            </a-modal>
+
+            <a-modal forceRender okText="ایجاد" cancelText="بستن" v-model="showAddEducationalInformation" title="افزودن اطلاعات آموزشی" @ok="addEdu">
+              <a-form  :form="fromEducationalInformation">
+                <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-2 lg:gap-4">
+                  <a-form-item label="دسته گواهینامه">
+                    <!--<input class="ant-input"    autocomplete="off" v-decorator="['type',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>-->
+                    <a-select  style="width: 100%" v-decorator="['type',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]" >
+                      <a-select-option v-for="(item,index) in category" :value="item">
+                        {{ item }}
+                      </a-select-option>
+                      <!--<a-select-option value="lucy">
+                        Lucy
+                      </a-select-option>
+                      <a-select-option value="disabled" disabled>
+                        Disabled
+                      </a-select-option>
+                      <a-select-option value="Yiminghe">
+                        yiminghe
+                      </a-select-option>-->
+                    </a-select>
+                  </a-form-item>
+                  <a-form-item label="عنوان گواهینامه">
+                    <input class="ant-input"   autocomplete="off" v-decorator="['title',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                  </a-form-item>
+                </div>
+                <a-form-item label="فایل">
+                  <div class="dropbox">
+                    <a-upload-dragger
+                        v-if="!isAlertUpload"
+                        :customRequest="uploadImage"
+                        :show-upload-list="false"
+                        :before-upload="beforeUpload" >
+                      <p class="ant-upload-drag-icon">
+                        <a-icon type="inbox" />
+                      </p>
+                      <p class="ant-upload-text">
+                        فایل را درگ کنید یا اینکه کاوش کنید.
+                      </p>
+                      <p class="ant-upload-hint">
+                        فایل را درگ کنید یا اینکه کاوش کنید.
+                      </p>
+                    </a-upload-dragger>
+                    <div v-else>
+                      <a-alert message="آپلود سند با موفقیت انجام شد." type="success" />
+                    </div>
+                  </div>
+                </a-form-item>
+              </a-form>
+            </a-modal>
+
+            <a-modal @ok="addContract" okText="ایجاد" forceRender 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 class="ant-input" id="contrat_start_at" v-model="contractModel.start_at" style="width:100%"/>
                     </a-form-item>
-                </a-form>
+                    <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']"/>-->
+                      <input class="ant-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="حقوق پایه">
+                      <input class="ant-input"    v-decorator="['salary', { initialValue: 0 }]"  />
+                    </a-form-item>
+                  </div>
+                  <div>
+                    <a-form-item label="بن کارگری">
+                      <input class="ant-input"  v-decorator="['worker_coupon', { initialValue: 0 }]"   />
+                    </a-form-item>
+                  </div>
+                  <div>
+                    <a-form-item label="کمک هزینه مسکن">
+                      <input class="ant-input"  v-decorator="['housing_allowance', { initialValue: 0 }]"   />
+                    </a-form-item>
+                  </div>
+                  <div>
+                    <a-form-item label="حق جذب">
+                      <input class="ant-input"   v-decorator="['right_attraction', { initialValue: 0 }]" />
+                    </a-form-item>
+                  </div>
+                  <div>
+                    <a-form-item label="حق سرپرستی">
+                      <input class="ant-input" v-decorator="['right_guardianship', { initialValue: 0 }]"  />
+                    </a-form-item>
+                  </div>
+                </div>
+
+                <!--<a-form-item label="دلیل فسخ قرارداد">
+                    <input class="ant-input"   style="width: 100%" v-decorator="['reason_termination']"  />
+                </a-form-item>-->
+
+                <a-form-item label="فایل">
+                  <div class="dropbox">
+                    <a-upload-dragger
+                        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="savefromPerformance" okText="ایجاد" forceRender cancelText="بستن"  v-model="showAddPerformance" title="افزودن ارزیابی عملکرد" >
+              <a-form :form="fromPerformance">
+                <a-form-item label="نمره">
+                  <a-input-number autocomplete="off"  :min="0" :max="20" v-decorator="['score',{ rules:[{ required: true, message: 'وارد کردن الزامی است'  }] }]" />
+                </a-form-item>
+                <a-form-item label="برنامه توسعه دوره">
+                  <input class="ant-input"  autocomplete="off" v-decorator="['note',{ rules:[{ required: false, message: 'وارد کردن الزامی است'  }] }]"/>
+                </a-form-item>
+              </a-form>
+            </a-modal>
+
+            <a-modal okText="ایجاد" cancelText="بستن" forceRender  v-model="showAddDocument" title="افزودن سند" @ok="addDocs">
+              <a-form :form="fromDocs">
+
+                <a-form-item label="نوع" has-feedback>
+
+                  <a-select
+                      v-decorator="['type']"
+                      placeholder="انتخاب نوع"
+                  >
+                    <a-select-option value="1">
+                      حکم
+                    </a-select-option>
+                    <a-select-option value="2">
+                      اخطار
+                    </a-select-option>
+                    <a-select-option value="3">
+                      پاداش
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+                <a-form-item label="شرح">
+
+                  <input class="ant-input"   style="width:100%"
+                         autocomplete="off"
+                         v-decorator="['note']"
+                  />
+                </a-form-item>
+                <a-form-item label="فایل">
+                  <div class="dropbox">
+                    <a-upload-dragger
+                        v-if="!isAlertUpload"
+                        :customRequest="uploadImage"
+                        :show-upload-list="false"
+                        :before-upload="beforeUpload"
+                    >
+                      <p class="ant-upload-drag-icon">
+                        <a-icon type="inbox" />
+                      </p>
+                      <p class="ant-upload-text">
+                        فایل را درگ کنید یا اینکه کاوش کنید.
+                      </p>
+                      <p class="ant-upload-hint">
+                        تصویر که بارگذاری می کنید باید زیر ۵ مگابایت باشد.
+                      </p>
+                    </a-upload-dragger>
+                    <div v-else>
+                      <a-alert message="آپلود سند با موفقیت انجام شد." type="success" />
+                    </div>
+                  </div>
+                </a-form-item>
+              </a-form>
 
             </a-modal>
 
+            <a-modal okText="ثبت" cancelText="بستن" forceRender  v-model="showTermination" title="فسخ قرارداد" @ok="addtermination">
+              <a-form :form="formTermination">
+                <!-- <a-form-item label="تاریخ فسخ قرارداد">
+                   <input class="ant-input"  autocomplete="off" v-decorator="['date_termination']" />
+                   &lt;!&ndash;v-model="contract[activeContract].date_termination"&ndash;&gt;
+                 </a-form-item>-->
+                <a-form-item label="تاریخ فسخ قرارداد">
+                  <!--  <a-input style="width:100%" v-decorator="['end_at']"/>-->
+                  <input class="ant-input"  id="contrat_termination" style="width:100%" v-model="date_termination" />
+                  <date-picker
+                      :auto-submit="true"
+                      color="#4f72ab"
+                      v-model="date_termination"
+                      element="contrat_termination"
+                  />
+                </a-form-item>
+                <a-form-item label="دلیل فسخ قرارداد">
+                  <input class="ant-input"  autocomplete="off" v-decorator="['reason_termination']" />
+                  <!--v-model="contract[activeContract].reason_termination"-->
+                </a-form-item>
+              </a-form>
+            </a-modal>
+          </a-card>
+        </div>
+      </a-spin>
+
 
-        </a-card>
     </div>
 
 </template>
@@ -645,26 +858,49 @@
     import * as  TableCol from './personelTbl';
     import XTable from "@/components/x-table/XTable";
     import axios from "@/axios";
+    import moment from 'moment-jalaali'
     //import Button from "@/views/components/vuesax/button/Button";
     import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
     import themeConfig from '@/../themeConfig.js'
+    import SingleUploadInput from '@/components/SingleUploadInput'
+
+    function getBase64(file) {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = error => reject(error);
+      });
+    }
+
 
     export default {
         components:{
             //Button,
             XTable,
+            SingleUploadInput,
             datePicker: VuePersianDatetimePicker
         },
         data() {
             return {
+                fileList: [],
+                loading: false,
+                imageUrl: '',
+                previewVisible:false,
+                /*previewVisible: false,*/
+                previewImage: '',
+                category:[],
+                showLoading:false,
                 cols:null,
-                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'}),
+                showTermination:false,
+                frm1:this.$form.createForm(this, {name: 'cordinate'}),
+                form:this.$form.createForm(this, {name: 'cordinate'}),
+                fromPersonel:this.$form.createForm(this, {name: 'cordinate'}),
+                fromPerformance:this.$form.createForm(this, {name: 'cordinate'}),
+                fromEducationalInformation:this.$form.createForm(this, {name: 'cordinate'}),
+                fromDocs:this.$form.createForm(this, {name: 'cordinate'}),
+                fromContract:this.$form.createForm(this, {name: 'cordinate'}),
+                formTermination:this.$form.createForm(this, {name: 'cordinate'}),
                 contractModel:{
                     start_at:'',
                     end_at:'',
@@ -675,6 +911,7 @@
                     right_guardianship:0,
                     reason_termination:''
                 },
+                date_termination:null,
                 showPersonalModal:false,
                 showAddEducationalInformation:false,
                 showAddContract:false,
@@ -689,10 +926,99 @@
                 isAlertUploadContract:false,
                 isShowDocs:false,
                 image_data:null,
-                personalDetails:[],
+                personalDetails:{},
+                activeContract:null,
+                //profile_file:null,
             }
         },
         methods:{
+          handleRemove(){
+            this.imageUrl='';
+            this.fileList=[];
+            //console.log('oooooooooooo',this.fileList);
+            //this.profile_file=null;
+          },
+          async handlePreview(file) {
+            if (!file.url && !file.preview) {
+              file.preview = await getBase64(file.originFileObj);
+            }
+            this.previewImage = file.url || file.preview;
+            this.previewVisible = true;
+          },
+          handleCancel() {
+            this.previewVisible = false;
+          },
+          handleChange(info) {
+            console.log(info);
+            if (info.file.status === 'uploading') {
+              this.loading = true;
+              return;
+            }
+            if (info.file.status === 'done') {
+              // Get this url from response in real world.
+              //console.log("dsffdsfsdfdsf",info);
+              this.loading = false;
+              //console.log()
+              //this.profile_file=info.file.response.id;
+              this.fileList.push({ uid: '-1', name: 'image.png', status: 'done', url:info.file.response.storage });
+              console.log(this.fileList);
+              //[0].url=record.profile.storage;
+              //this.imageUrl = info.file.response.storage;
+              //console.log(this.imageUrl)
+              getBase64(info.file.originFileObj, imageUrl => {
+                this.imageUrl = imageUrl;
+                this.loading = false;
+              });
+            }
+          },
+          showTerminationModal(index){
+              this.activeContract=index;
+              this.showTermination=true;
+          },
+          addtermination(e){
+            e.preventDefault();
+            this.formTermination.validateFields(async(err, values) => {
+              if (!err) {
+                try{
+                  this.contract[this.activeContract].date_termination=moment(this.date_termination,'jYYYY/jM/jD').format('YYYY-M-D'); //values.date_termination;
+                  this.contract[this.activeContract].reason_termination=values.reason_termination;
+                  this.showTermination=false;
+                  this.formTermination.resetFields();
+                  this.saveData();
+                }catch (e) {
+                  this.$ntSetError()
+                  throw e
+                }finally {
+                  this.$refs.personelTbl.fetch();
+                }
+              }
+            });
+          },
+          async saveData(){
+            this.fromPersonel.validateFields(async(err, values) => {
+              if (!err) {
+                try{
+                  //console.log(values);
+                  values.id=this.personel.id;
+                  //values.profile_file=this.profile_file;
+                  values.contract=this.contract;
+                  values.writ=this.writ;
+                  values.training = this.training
+                  values.estimate = this.estimate
+                  //console.log('All Data',values);
+                  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();
+                }
+              }
+            });
+          },
             handleSubmit(e){
                 e.preventDefault();
                 this.frm1.validateFields((err, values) => {
@@ -708,7 +1034,8 @@
                         this.estimate.push(values);
                         this.showAddPerformance = false;
                         this.$message.success('اطلاعات با موفقیت ثبت شد');
-                        this.fromPerformance.resetFields()
+                        this.fromPerformance.resetFields();
+                        this.saveData();
                     }
                 });
             },
@@ -759,7 +1086,11 @@
                         this.writ.push(values);
                         this.showAddDocument = false;
                         this.$message.success('اطلاعات با موفقیت ثبت شد');
-                        this.fromDocs.resetFields()
+                        this.fromDocs.resetFields();
+                        this.image_data=null;
+                        //console.log('this is data');
+                        this.saveData();
+                        //this.savefromPersonel();
                     }
                 });
             },
@@ -774,7 +1105,9 @@
                         this.training.push(values);
                         this.showAddEducationalInformation = false;
                         this.$message.success('اطلاعات با موفقیت ثبت شد');
-                        this.fromEducationalInformation.resetFields()
+                        this.fromEducationalInformation.resetFields();
+                        this.image_data=null;
+                      this.saveData();
                     }
                 });
             },
@@ -786,13 +1119,17 @@
                             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;
+                        //values.start_at=this.contractModel.start_at,
+                        //values.end_at=this.contractModel.end_at;
+                        values.start_at=moment(this.contractModel.start_at,'jYYYY/jM/jD').format('YYYY-M-D');
+                        values.end_at=moment(this.contractModel.end_at,'jYYYY/jM/jD').format('YYYY-M-D');
                         this.contract.push(values);
                         this.showAddContract = false;
                         this.$message.success('اطلاعات با موفقیت ثبت شد');
                         this.fromContract.resetFields();
-                        console.log('contract',this.contract);
+                        this.image_data=null;
+                        this.saveData();
+                       // console.log('contract',this.contract);
                     }
                 });
             },
@@ -801,15 +1138,17 @@
                 this.fromPersonel.validateFields(async(err, values) => {
                     if (!err) {
                         try{
-                            //console.log(values);
+                            /*//console.log(values);
                             values.id=this.personel.id;
                             values.contract=this.contract;
                             values.writ=this.writ;
                             values.training = this.training
                             values.estimate = this.estimate
-                            await axios.post('personnel/update',values);
+                            console.log('All Data',values);
+                            await axios.post('personnel/update',values);*/
+                            this.saveData();
                             this.getdata(this.personel.id);
-                            this.$ntSet()
+                            //this.$ntSet()
                             this.showPersonalModal = false
                         }catch (e) {
                             this.$ntSetError()
@@ -827,6 +1166,7 @@
                     this.contract=personelData.data.contract;
                     this.writ=personelData.data.writ;
                     this.estimate=personelData.data.estimate;
+                    this.training=personelData.data.training;
                 }catch (error)
                 {
                     console.log(error);
@@ -864,9 +1204,24 @@
 
             },
 
-            removeEdu(item){
-                const index = this.training.indexOf(item)
-                this.training.splice(index,1)
+           async removeEdu(item){
+              if(item.id)
+              {
+                try {
+                  await axios.post('/personnel/remove-traning', {id:item.id});
+                  await this.getdata(this.personel.id);
+                }catch (e)
+                {
+                  throw e;
+                }
+              }
+              else
+              {
+                const index = this.training.indexOf(item);
+                this.getdata.splice(index,1);
+              }
+               // const index = this.training.indexOf(item)
+                //this.training.splice(index,1)
             },
 
             async uploadImage(input) {
@@ -884,7 +1239,26 @@
 
                 }
             },
+         /* async uploadImageProfile(input) {
+            try {
+              let formData = new FormData();
+              formData.append("file", input.file);
+              const { data } = await axios.post("register/upload",formData, {'Content-Type': 'multipart/form-data'});
+              //console.log(data,'dataaaa')
+              this.image_data = data;
+              console.log(data);
+              this.fileList=data.map((item)=>{
+                return { uid: item.id, name: item.filename,status: 'done',url: item.storage}
+              });
+              console.log(this.fileList)
+              this.$message.success('آپلود سند با موفقیت انجام شد.');
+              //this.isAlertUpload = true
+            } catch (e) {
+              this.$message.error('خطا در بارگذاری اطلاعات');
+            } finally {
 
+            }
+          },*/
             beforeUpload(file) {
                 const isFormat = ['image/']
                 const isJpgOrPng = isFormat.some((item) =>file.type.includes(item));
@@ -899,14 +1273,25 @@
             },
             async showPersonal(record) {
                 try {
+                    this.showLoading=true;
                     this.personel = record;
                     const {data} = await axios.post('/proposal/details', {id:record.proposal_id})
                     record.personal_details = data;
+                    this.$refs.fileUpload.fileList=[];
+                    this.$forceUpdate();
+                    if(record.profile!=null)
+                    {
+                      this.$refs.fileUpload.fileList.push({ uid: '-1', name: 'image.png', status: 'done', url:record.profile.storage },) //[0].url=record.profile.storage;
+                    }
+                    console.log(this.fileList);
+                    this.personalDetails=data;
                     this.getdata(record.id);
                     this.showPersonalModal=true;
                     this.$nextTick(()=>{
+                     // console.log('fdsfgdf',record);
                         this.fromPersonel.setFieldsValue(record);
                     });
+                    this.showLoading=false;
                 }catch (e) {
                     throw e
                 }finally {
@@ -926,6 +1311,13 @@
 
         },
         created() {
+           axios.get('/get-category')
+              .then((res) => {
+                //console.log(res.data);
+                this.category=res.data;
+              }).catch((error) => {
+                this.$message.error('خطا در دریافت اطلاعات');
+              });
             this.cols = TableCol.default;
         }
     }
@@ -987,5 +1379,8 @@
     {
         direction: ltr;
     }
+    .ant-upload.ant-upload-select-picture-card,.ant-upload-list-picture-card-container{
+      float: right !important;
+    }
 </style>
 
diff --git a/src/views/personel/personelTbl.js b/src/views/personel/personelTbl.js
index e8b10c8..101c4a9 100644
--- a/src/views/personel/personelTbl.js
+++ b/src/views/personel/personelTbl.js
@@ -2,8 +2,8 @@ import XTbl, {Xtc} from '../../components/x-table/index';
 
 const tbl = new XTbl('http://hr.asco-intl.com/back/public/api/personnel', 'لیست پرسنل');
 tbl.add(new Xtc('name', 'نام و نام خانوادگی').filterText());
-tbl.add(new Xtc('fname', 'کد پرسنلی').filterText())
-tbl.add(new Xtc('id', 'شماره بیمه').filterText())
+tbl.add(new Xtc('personel_id', 'کد پرسنلی').filterText())
+tbl.add(new Xtc('insurance_no', 'شماره بیمه').filterText())
 tbl.add(new Xtc('ncode', 'کد ملی').filterText())
 tbl.add(new Xtc('caj', 'ثبت نام').filterDate().noSort())
 tbl.add(new Xtc('uaj', 'به روز رسانی').filterText().noSort())
diff --git a/src/views/proposal/Proposal.vue b/src/views/proposal/Proposal.vue
index aa52e62..fab9016 100644
--- a/src/views/proposal/Proposal.vue
+++ b/src/views/proposal/Proposal.vue
@@ -35,7 +35,6 @@
             </x-table>
 
             <a-modal :width="1000" v-model="showMosahebeModal" title="مشاهده مصاحبه ها" >
-
                 <div v-if="is_skeleton">
                     <ASkeleton/>
                 </div>
@@ -56,12 +55,12 @@
                                         {{ item.interviewer }}
                                     </a-descriptions-item>
                                     <a-descriptions-item label="وضعیت">
-                                        {{ item.type }}
+                                        {{ item.sts_str }}
                                     </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">
+                                <a-card title="جزییات" >
+                                    <a-list >
+                                        <a-list-item v-for="element,index in item.result" :key="index" v-if="item.result" style="direction: rtl">
                                             <div class="flex w-full flex-col">
                                                 <div class="flex justify-between w-full items-center">
                                                     <h3>{{title_interview[index]}}</h3>
@@ -86,7 +85,6 @@
                     </div>
                 </div>
 
-
                 <template slot="footer">
                     <a-button key="back" @click="showMosahebeModal=false">
                         بستن
@@ -96,27 +94,22 @@
             </a-modal>
 
             <a-modal force-render :width="990" v-model="showAddMosahebeModal" title="ثبت مصاحبه">
-
                 <template slot="footer">
-
                     <a-button v-if="current < 2" type="primary" @click="savefromMosahebe">
                         بعدی
                     </a-button>
                     <a-button
                             v-if="current == 2"
                             type="primary"
-                            @click="savefromMosahebe"
-                    >
+                            @click="savefromMosahebe">
                         ثبت اطلاعات
                     </a-button>
                     <a-button v-if="current > 0" style="margin-left: 8px" @click="prev">
                         قبلی
                     </a-button>
-
                 </template>
-
                 <div>
-                    <a-steps :current="current" style="direction: ltr">
+                    <a-steps :current="current" style="direction:rtl">
                         <a-step title="ثبت تاریخ و مصاحبه کننده" />
                         <a-step title="ثبت جزئیات" />
                         <a-step title="ایجاد پرونده" />
@@ -139,13 +132,13 @@
                                             </a-form-item>
                                             <date-picker
                                                     :auto-submit="true"
-                                                    color="#4f72ab"
+                                                    color="#1DA57A"
                                                     v-model="interview_at"
                                                     element="interview_at"
                                             />
                                         </div>
                                         <a-form-item label="نام مصاحبه کننده">
-                                            <a-input autocomplete="off" v-decorator="['interviewer',{rules: [{ required: true, message: 'وارد کردن شغل الزامی است' }]}]"/>
+                                            <input class="ant-input"  autocomplete="off" v-decorator="['interviewer',{rules: [{ required: true, message: 'نام مصاحبه کننده را وارد نمایید' }]}]"/>
                                         </a-form-item>
                                     </div>
                                 </a-card>
@@ -162,14 +155,14 @@
                                     </a-form-item>
 
                                     <a-form-item label="توضیحات">
-                                        <a-textarea
+                                        <textarea class="ant-input"
                                                 placeholder=""
                                                 v-decorator="['result_1.desc']"
                                                 :auto-size="{ minRows: 2, maxRows: 6 }"
                                         />
                                     </a-form-item>
 
-                                    <a-form-item label="نتیجه">
+                                    <!--<a-form-item label="نتیجه">
                                         <a-radio-group v-decorator="['result_1.sts']">
                                             <a-radio :value="-1">
                                                 رد شده
@@ -179,7 +172,7 @@
                                             </a-radio>
 
                                         </a-radio-group>
-                                    </a-form-item>
+                                    </a-form-item>-->
 
                                 </a-card>
                                 <br/>
@@ -190,14 +183,14 @@
                                     </a-form-item>
 
                                     <a-form-item label="توضیحات">
-                                        <a-textarea
+                                        <textarea class="ant-input"
                                                 placeholder=""
                                                 v-decorator="['result_2.desc']"
                                                 :auto-size="{ minRows: 2, maxRows: 6 }"
                                         />
                                     </a-form-item>
 
-                                    <a-form-item label="نتیجه">
+                                   <!-- <a-form-item label="نتیجه">
                                         <a-radio-group v-decorator="['result_2.sts']">
                                             <a-radio :value="-1">
                                                 رد شده
@@ -207,7 +200,7 @@
                                             </a-radio>
 
                                         </a-radio-group>
-                                    </a-form-item>
+                                    </a-form-item>-->
 
                                 </a-card>
                                 <br/>
@@ -219,7 +212,8 @@
 
                                     <a-form-item label="توضیحات">
 
-                                        <a-textarea
+                                        <textarea
+                                              class="ant-input"
                                                 placeholder=""
                                                 v-decorator="['result_3.desc']"
                                                 :auto-size="{ minRows: 2, maxRows: 6 }"
@@ -227,7 +221,7 @@
 
                                     </a-form-item>
 
-                                    <a-form-item label="نتیجه">
+                                  <!--  <a-form-item label="نتیجه">
                                         <a-radio-group v-decorator="['result_3.sts']">
                                             <a-radio :value="-1">
                                                 رد شده
@@ -237,7 +231,7 @@
                                             </a-radio>
 
                                         </a-radio-group>
-                                    </a-form-item>
+                                    </a-form-item>-->
 
                                 </a-card>
                                 <br/>
@@ -249,14 +243,14 @@
 
                                     <a-form-item label="توضیحات">
 
-                                        <a-textarea
+                                        <textarea class="ant-input"
                                                 placeholder=""
                                                 v-decorator="['result_4.desc']"
                                                 :auto-size="{ minRows: 2, maxRows: 6 }"
                                         />
 
                                     </a-form-item>
-
+<!--
                                     <a-form-item label="نتیجه">
                                         <a-radio-group v-decorator="['result_4.sts']">
                                             <a-radio :value="-1">
@@ -267,7 +261,7 @@
                                             </a-radio>
 
                                         </a-radio-group>
-                                    </a-form-item>
+                                    </a-form-item>-->
 
                                 </a-card>
                                 <br/>
@@ -279,7 +273,7 @@
 
                                     <a-form-item label="توضیحات">
 
-                                        <a-textarea
+                                        <textarea class="ant-input"
                                                 placeholder=""
                                                 v-decorator="['result_5.desc']"
                                                 :auto-size="{ minRows: 2, maxRows: 6 }"
@@ -287,7 +281,7 @@
 
                                     </a-form-item>
 
-                                    <a-form-item label="نتیجه">
+                                   <!-- <a-form-item label="نتیجه">
                                         <a-radio-group v-decorator="['result_5.sts']">
                                             <a-radio :value="-1">
                                                 رد شده
@@ -297,25 +291,27 @@
                                             </a-radio>
 
                                         </a-radio-group>
-                                    </a-form-item>
+                                    </a-form-item>-->
 
                                 </a-card>
 
                             </div>
 
                             <div v-show="current==2">
-
                                 <a-form-item label="نتیجه کلی مصاحبه">
-                                    <a-radio-group v-decorator="['sts']">
+                                    <a-radio-group v-decorator="['sts',{rules: [{ required: true, message: 'نتیجه مصاحبه را انتخاب نمایید' }]}]">
                                         <a-radio :value="-1">
                                             رد شده
                                         </a-radio>
                                         <a-radio :value="1">
                                             قبول
                                         </a-radio>
+                                      <a-radio :value="2">
+                                        الویت دوم
+                                      </a-radio>
                                     </a-radio-group>
                                 </a-form-item>
-                                <a-alert message="توجه داشته باشید که در صورت قبول انتخاب کردن نتیجه کلی مصاحبه برای فرد مورد نظر کد پرسنلی ایجاد خواهد شد." type="warning" />
+                               <!-- <a-alert message="توجه داشته باشید که در صورت قبول انتخاب کردن نتیجه کلی مصاحبه برای فرد مورد نظر کد پرسنلی ایجاد خواهد شد." type="warning" />-->
 
                             </div>
 
@@ -345,72 +341,80 @@
                         <div>شغل متقاضی : {{ personalInformation.job_title }}</div>
                         <div>نام پدر : {{ personalInformation.father_name }}</div>
                         <div>تاریخ تولد : {{ personalInformation.birth_date }}</div>
-                        <div>جنسیت : {{ personalInformation.gender }}</div>
-                        <div>وضعیت تاهل : {{personalInformation.marriage_sts }}</div>
+                        <div>جنسیت : {{ personalInformation.gender_str }}</div>
+                        <div>وضعیت تاهل : {{personalInformation.marriage_sts_str }}</div>
                         <div>شماره شناسنامه : {{ personalInformation.iden_id }}</div>
                         <div>سریال شناسنامه : {{ personalInformation.iden_serial }}</div>
                         <div>محل صدور : {{ personalInformation.iden_place }}</div>
                         <div>محل تولد : {{ personalInformation.birth_place }}</div>
-                        <div>وضعیت مسکن : {{ personalInformation.record }}</div>
-                        <div>آدرس : {{ personalInformation.address }}</div>
+                        <div>وضعیت مسکن : {{ personalInformation.house_sts_str }}</div>
                         <div>ایمیل : {{ personalInformation.email }}</div>
                         <div>تلفن ثابت : {{ personalInformation.phone }}</div>
-                        <div>شماره بیمه : {{ personalInformation.name }}</div>
+                        <div>شماره بیمه : {{ personalInformation.insurance_no }}</div>
                         <div>تلفن ضروری : {{ personalInformation.phone_emergency }}</div>
-                        <div>نام فرد مرتبط : {{ personalInformation.phone_emergency_related }}</div>
-                        <div>نسبت فرد : </div>
-
+                        <div>نام فرد مرتبط : {{ personalInformation.phone_emergency_name }}</div>
+                        <div>نسبت فرد : {{ personalInformation.phone_emergency_related }}</div>
+                        <div>حقوق درخواستی : {{ personalInformation.requested_salary }}</div>
+                      <div class="col-span-2">شماره حساب بانک پاسارگاد : {{ personalInformation.pasargad_bank_number }}</div>
+                      <div class="col-span-3">آدرس : {{ personalInformation.address }}</div>
                     </div>
                 </a-card>
               <br/>
 
-             <!-- <a-card title="اطلاعات خانوادگی" :bordered="true" >
-                <div class="grid grid-cols-3 gap-4" v-if="personalDetails.family[0]">
-                  <div>مقطع : {{ personalDetails.pro[0].university }}</div>
-                  <div>دانشگاه : {{ personalDetails.pro[0].university }}</div>
-                  <div>رشته تحصیلی: {{ personalDetails.pro[0].title }}</div>
-                  <div>گرایش: {{ personalDetails.pro[0].trend }}</div>
-                  <div>سال شروع: {{ personalDetails.pro[0].start_at }}</div>
-                  <div>سال خاتمه: {{ personalDetails.pro[0].end_at }}</div>
-
-                </div>
-              </a-card>-->
-                <br/>
-
-                <a-card title="اطلاعات تحصیلی" :bordered="true" >
-                    <div class="grid grid-cols-3 gap-4" v-if="personalDetails.pro && personalDetails.pro[0] ">
-                        <div>مقطع : {{ personalDetails.pro[0].university }}</div>
-                        <div>دانشگاه : {{ personalDetails.pro[0].university }}</div>
-                        <div>رشته تحصیلی: {{ personalDetails.pro[0].title }}</div>
-                        <div>گرایش: {{ personalDetails.pro[0].trend }}</div>
-                        <div>سال شروع: {{ personalDetails.pro[0].start_at }}</div>
-                        <div>سال خاتمه: {{ personalDetails.pro[0].end_at }}</div>
-
+              <a-card title="اطلاعات خانوادگی" :bordered="true" >
+                <template v-for="(item,index) in personalDetails['family']" >
+                  <div class="grid grid-cols-3 gap-1"  >
+                    <div>نام : {{ item.name }}</div>
+                    <div>نسبت : {{ item.relation }}</div>
+                    <div>مقطع : {{ item.edu_level_str }}</div>
+                    <div> رشته تحصیلی : {{ item.edu_title }}</div>
+                    <div> شغل : {{ item.job }}</div>
+                  </div>
+                  <a-divider />
+                </template>
+              </a-card>
+              <br/>
+              <a-card title="اطلاعات تحصیلی" :bordered="true"  >
+                <template v-for="(item,index) in personalDetails['education']">
+                    <div class="grid grid-cols-3 gap-4" >
+                        <div>مقطع : {{ item.level_str }}</div>
+                        <div>دانشگاه : {{ item.university }}</div>
+                        <div>رشته تحصیلی: {{ item.title }}</div>
+                        <div>گرایش: {{ item.trend }}</div>
+                        <div>سال شروع: {{ item.start_at }}</div>
+                        <div>سال خاتمه: {{ item.end_at }}</div>
                     </div>
+                    <a-divider />
+                </template>
+              </a-card>
+                <br/>
+                <a-card title="سوابق آموزشی" :bordered="true" >
+                  <template v-for="(item,index) in personalDetails['traning']">
+                    <div class="grid grid-cols-3 gap-4">
+                        <div>مرکز برگزاری : {{ item.university }}</div>
+                        <div>عنوان دوره : {{ item.title }}</div>
+                        <div>سال : {{ item.start_at }}</div>
+                      <div>امکان ارائه گواهینامه : {{ item.has_certificate_str }}</div>
+                    </div>
+                    <a-divider />
+                  </template>
                 </a-card>
                 <br/>
-              <!--  <a-card title="سوابق آموزشی" :bordered="true" >
-
-                    <div class="grid grid-cols-3 gap-4" v-if="personalDetails.pro[1]">
-                        <div>مرکز برگزاری : {{ personalDetails.pro[1].university }}</div>
-                        <div>عنوان دوره : {{ personalDetails.pro[1].title }}</div>
-                        <div>سال : {{ personalDetails.pro[1].start_at }}</div>
+                <a-card title="سوابق کاری"   :bordered="true" >
+                  <template v-for="(item,index) in personalDetails['jobs_history']">
+                    <div class="grid grid-cols-4 gap-4" >
+                        <div>نام سازمان : {{ item.university }}</div>
+                        <div>عنوان شغل : {{ item.title }}</div>
+                        <div>سال شروع : {{ item.start_at }}</div>
+                        <div v-if="item.end_at">سال خاتمه : {{ item.end_at }}</div>
+                        <div v-else>سال خاتمه : تاکنون</div>
+                        <!--<div>تاکنون : {{ item.end_at }}</div>-->
+                        <div class="col-span-2">دلیل خاتمه : {{ item.note }}</div>
                     </div>
-                </a-card>-->
-                <br/>
-
-                <!--<a-card title="سوابق کاری"   :bordered="true" >
-                    <div class="grid grid-cols-3 gap-4" v-if="personalDetails.pro[2]">
-                        <div>نام سازمان : {{ personalDetails.pro[2].university }}</div>
-                        <div>عنوان شغل : {{ personalDetails.pro[2].title }}</div>
-                        <div>سال شروع : {{ personalDetails.pro[2].start_at }}</div>
-                        <div>سال خاتمه : {{ personalDetails.pro[2].end_at }}</div>
-                    </div>
-                </a-card>-->
-
+                    <a-divider />
+                  </template>
+                </a-card>
             </a-modal>
-
-
         </a-card>
     </div>
 </template>
@@ -470,35 +474,35 @@
             savefromMosahebe(e) {
                 e.preventDefault();
                 this.fromMosahebe.validateFields(async(err, values) => {
-                    if (!err) {
-
-                        try{
-                            if(this.current < 2)
-                            {
-                                this.next();
-                            }
-                            else
-                            {
-                                console.log(values,'values')
-                                const id = this.row_id
-                                values.interview_at = this.interview_at
-                                values.id = id
-                                await axios.post('proposal/update',values)
-                                this.showAddMosahebeModal = false
-                                this.$ntSet('اطلاعات با موفقیت کامل شد')
-                                this.fromMosahebe.resetFields()
-                            }
-                        }catch (e) {
-                            this.$ntSetError()
-                            throw e
-                        }finally {
-
-                        }
-
+                  try{
+                    if(this.current < 2)
+                    {
+                      this.next();
                     }
+                    else
+                    {
+                      if (!err) {
+                        console.log(values,'values')
+                        const id = this.row_id
+                        values.interview_at = this.interview_at
+                        values.id = id
+                        await axios.post('proposal/update',values)
+                        this.showAddMosahebeModal = false
+                        this.current=0;
+                        //this.fromMosahebe.resetFields();
+                        this.$ntSet('اطلاعات با موفقیت کامل شد')
+                        this.fromMosahebe.resetFields();
+                      }
+                    }
+                  }catch (e) {
+                    this.$ntSetError()
+                    throw e
+                  }finally {
+
+                  }
                 });
             },
-            interview(e) {
+           /* interview(e) {
                 e.preventDefault();
                 this.fromMosahebe.validateFields(async (err, values) => {
                     if (!err) {
@@ -513,7 +517,7 @@
                         }
                     }
                 });
-            },
+            },*/
             next() {
                 this.current++;
             },
@@ -521,11 +525,12 @@
                 this.current--;
             },
             showDetails(record) {
+              console.log('aaaaa',record);
                 axios.post('/proposal/details', {id:record.id})
                     .then((res)=>{
                         this.personalInformation=record;
                         this.personalDetails=res.data;
-                      console.log(this.personalDetails);
+                     // console.log(this.personalDetails);
                         this.showInformationModal=true;
                     }).catch((error)=>{
                     this.$message.error('خطا در دریافت اطلاعات');
@@ -535,9 +540,9 @@
                 let self = this
                  this.$confirm({
                     title: 'آیا مطمئن به استخدام هستید ؟',
-                    content: 'در صورتی که گزینه بله را انتخاب کنید کد پرسنلی برای فرد درخواست کننده در سیستم اختصاص خواهد یافت',
+                    content: 'در صورتی که گزینه تایید را انتخاب نمایید فرد مورد نظر به عنوان پرسنل در سیستم ثبت می شود ',
                     cancelText:'انصراف',
-                    okText:'بله',
+                    okText:'تایید',
                     onOk() {
 
                         // this.$message.success('درخواست شما ثبت شد.');
@@ -555,7 +560,7 @@
                         }
                     },
                     onCancel() {
-                        console.log('Cancel');
+                        //console.log('Cancel');
                     },
                     //class: 'test',
                 });
@@ -570,13 +575,25 @@
 </script>
 
 <style>
-    .ant-modal-mask
-    {
-        z-index: 9999999 !important;
-    }
-    .ant-modal-wrap
-    {
-        z-index: 999999999 !important;
-    }
+.ant-modal-mask
+{
+    z-index: 9999999 !important;
+}
+.ant-modal-wrap
+{
+    z-index: 999999999 !important;
+}
+ant-modal-title{
+  margin-right: 1rem;
+}
+.ant-steps-item-title::after{
+  /*left: unset !important;*/
+  right:100% !important;
+}
+
+/*.ant-modal-close
+{
+  left: 0 !important;
+}*/
 
 </style>
diff --git a/src/views/register/Register.vue b/src/views/register/Register.vue
index cb9d6f0..414ca5b 100644
--- a/src/views/register/Register.vue
+++ b/src/views/register/Register.vue
@@ -6,58 +6,51 @@
         </div>
         <vx-card class="mx-auto mt-10">
 
-            <a-steps :current="current" style="direction: ltr">
+            <a-steps :current="current" >
                 <a-step title="مرحله اول" />
                 <a-step title="مرحله دوم" />
-                <a-step title="مرحله سوم" />
+                <a-step title="مرحله سوم"  />
             </a-steps>
-
-
             <div v-show="current == 0">
                 <p class="mt-6">
                     متقاضی گرامی ضمن سپاس از علاقه مندی شما برای همکاری با مجموعه آسکو بین الملل، لطفا اطلاعات شخصی و شغل مورد نظر خود را به دقت تکمیل فرمایید.
                 </p>
-
                 <p>
                     درخواستها مورد بررسی قرار گرفته و در صورت هماهنگی با فرصتهای شغلی شرکت، با شما تماس گرفته خواهد شد.
                 </p>
-
                 <p>
                     با تشکر و آرزوی موفقیت
                 </p>
             </div>
-
             <a-divider/>
-
             <div class="steps-content">
                 <ASpin :spinning="loading">
-
-
-
                   <a-form :form="formFirst">
+                   <!-- <a-form-item label="نام و نام خانوادگی">
+                      &lt;!&ndash;<a-input autocomplete="off" v-decorator="['name2',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />&ndash;&gt;
+                     &lt;!&ndash; <a-input v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" class="ant-input" placeholder="Basic usage" />&ndash;&gt;
+                          &lt;!&ndash;<input type="text" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" class="ant-input" >&ndash;&gt;
+                     &lt;!&ndash; <vs-input v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />&ndash;&gt;
+                    </a-form-item>-->
+
+                        <div v-show="current==0" class="mt-4" >
 
 
-                    <a-form-item label="نام و نام خانوادگی">
-                      <!--<a-input autocomplete="off" v-decorator="['name2',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
-                      <a-input v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" class="ant-input" placeholder="Basic usage" />
-                          <!--<input type="text" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" class="ant-input" >-->
-                     <!-- <vs-input v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
-                    </a-form-item>
-
-                        <div v-show="current==0" class="mt-4">
-                            <a-button type="primary" @click="addCity()">
+                          <a-button type="primary" @click="addCity()">
                                 افزودن ردیف
                             </a-button>
-                            <a-card :bordered="true" class="mt-3" v-for="(item,index) in jobs">
+                            <a-card :bordered="true" class="mt-3" v-for="(item,index) in jobsList">
                                 <div class="grid sm:grid-cols-1 md:grid-cols-2 md:gap-3 lg:grid-cols-2 lg:gap-3">
-
                                     <div>
                                         <a-form-item label="انتخاب شهر">
                                             <a-select
-                                                    v-decorator="[`jobs[${index}].city`,{rules: [{ required: true, message: 'انتخاب شهر الزامی است.' }]}]"
+                                                :filter-option="filterOption"
+                                                show-search
+                                                v-decorator="[`jobs[${index}].city`,{rules: [{ required: true, message: 'انتخاب شهر الزامی است.' }]}]"
                                                     autocomplete="off"
-                                                    placeholder="لطفا شهر را انتخاب کنید."
-                                            >
+                                                    @select="getJob(index)"
+                                                    notFoundContent="اطلاعاتی یافت نشد"
+                                                    placeholder="لطفا شهر را انتخاب کنید." >
                                                 <a-select-option v-for="item in city" :value="item.id">
                                                     {{ item.title }}
                                                 </a-select-option>
@@ -65,13 +58,20 @@
                                         </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">
+                                        <a-select
+                                            :filter-option="filterOption"
+                                            show-search
+                                            notFoundContent="اطلاعاتی یافت نشد"
+                                            autocomplete="off" aria-placeholder="لطفا شغل خود را انتخاب کنید." v-decorator="[`jobs[${index}].job`,{rules: [{ required: true, message: 'انتخاب شغل الزامی است.' }]}]">
+                                            <a-select-option v-for="item in jobsList[index].jobs" :value="item.id">
                                                 {{ item.title }}
                                             </a-select-option>
                                         </a-select>
                                     </a-form-item>
                                 </div>
+                              <a-button type="danger" @click="deleteCity(index)" v-if="index >0"  >
+                                حذف
+                              </a-button>
                             </a-card>
                         </div>
                     </a-form>
@@ -84,32 +84,38 @@
                             <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-input autocomplete="off" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
+                                  <input autocomplete="off" type="text" v-decorator="['name',{initialValue: null,rules: [{ required: true, message: 'نام و نام خانوادگی را وارد نمایید' }]}]" class="ant-input" >
                                 </a-form-item>
 
                                 <a-form-item label="نام پدر">
-                                    <a-input autocomplete="off" v-decorator="['father_name',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                    <!--<a-input autocomplete="off" v-decorator="['father_name',{initialValue: null,rules: [{ required: true, message: 'نام پدر را وارد نمایید' }]}]" />-->
+                                  <input autocomplete="off" type="text"  class="ant-input"  v-decorator="['father_name',{initialValue: null,rules: [{ required: true, message: 'نام پدر را وارد نمایید' }]}]">
                                 </a-form-item>
 
                                 <div>
-                                    <a-form-item label="تاریخ تولد">
+                                    <a-form-item label="تاریخ تولد"   :required="birth_day ? false:true" :validateStatus=" birth_day ? '' : 'error'" :help=" birth_day ? '':'تاریخ تولد را وارد نمایید'" >
                                         <!-- birth_date-->
-                                        <a-input
-                                                v-model="birth_day"
-                                                id="birth_day"
-                                                autocomplete="off"
+                                        <input
+                                            class="ant-input"
+                                            readonly="true"
+                                          v-model="birth_day"
+                                              id="birth_day"
+                                              autocomplete="off"
                                         />
+                                     <!-- v-decorator="['birthdate',{initialValue: null,rules: [{ required: true, message: 'تاریخ تولد را وارد نمایید' }]}]"-->
                                     </a-form-item>
                                     <date-picker
                                             :auto-submit="true"
-                                            color="#4f72ab"
+                                            color="#1da57a"
                                             v-model="birth_day"
                                             element="birth_day"
                                     />
                                 </div>
 
                                 <a-form-item label="کد ملی">
-                                    <a-input autocomplete="off" v-decorator="['ncode',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                    <!--<a-input autocomplete="off" v-decorator="['ncode',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />-->
+                                  <input autocomplete="off" type="text"    v-decorator="['ncode',{initialValue: null,rules: [{ required: true, message: 'کد ملی را وارد نمایید' },{ min	: 10, message: 'کد ملی 10 رقمی می باشد' },{ max	: 10, message: 'کد ملی 10 رقمی می باشد' }]}]" class="ant-input" >
                                 </a-form-item>
 
                             </div>
@@ -136,11 +142,11 @@
                                     </a-radio-group>
                                 </a-form-item>
                               <a-form-item label="شماره حساب بانک پاسارگاد">
-                                <a-input autocomplete="off" v-decorator="['pasargad_bank_number',{initialValue: null}]" />
+                                <input  class="ant-input"   autocomplete="off" v-decorator="['pasargad_bank_number',{initialValue: null}]" />
                               </a-form-item>
 
                               <a-form-item label="حقوق درخواستی">
-                                <a-input autocomplete="off" v-decorator="['requested_salary',{initialValue: null}]" />
+                                <input  class="ant-input"  autocomplete="off" v-decorator="['requested_salary',{initialValue: null,rules: [{ required: true, message: 'حقوق درخواستی را وارد نمایید' }]}]" />
                               </a-form-item>
 
                             </div>
@@ -151,7 +157,7 @@
 
                                 <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: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                        <input  class="ant-input"  autocomplete="off" v-decorator="['iden_code',{initialValue: null,rules: [{ required: true, message: 'شماره شناسنامه را وارد نمایید' }]}]" />
                                     </a-form-item>
 
                                     <a-form-item label="سریال شناسنامه">
@@ -161,7 +167,7 @@
                                                     {{ item }}
                                                 </a-select-option>
                                             </a-select>
-                                            <a-input v-decorator="['iden_no_right',{initialValue: null}]" autocomplete="off" style="width: 70%;direction: rtl" />
+                                            <input  class="ant-input"  v-decorator="['iden_no_right',{initialValue: null}]" autocomplete="off" style="width: 77%;direction: rtl" />
                                         </a-input-group>
                                     </a-form-item>
                                 <!--  <a-input-group compact>
@@ -178,11 +184,11 @@
 
 
                                     <a-form-item label="محل صدور">
-                                        <a-input autocomplete="off" v-decorator="['iden_where',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                        <input  class="ant-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: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                        <input  class="ant-input"  autocomplete="off" v-decorator="['birth_where',{initialValue: null,rules: [{ required: true, message: 'محل تولد را وارد نمایید' }]}]" />
                                     </a-form-item>
                                 </div>
                             </a-card>
@@ -190,7 +196,7 @@
                             <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-group style="direction: ltr" v-decorator="['house_sts',{initialValue: '1'}]" button-style="solid">
                                         <a-radio-button value="2">
                                             مستاجر
                                         </a-radio-button>
@@ -201,34 +207,34 @@
                                 </a-form-item>
 
                                 <a-form-item label="آدرس">
-                                    <a-input autocomplete="off" v-decorator="['address',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                    <input  class="ant-input"  autocomplete="off" v-decorator="['address',{initialValue: null,rules: [{ required: true, message: 'آدرس را وارد نمایید' }]}]" />
                                 </a-form-item>
 
                                 <div class="md:flex">
                                     <div class="md:w-1/4 md:pl-4">
                                         <a-row >
                                             <a-form-item label="ایمیل">
-                                                <a-input style="direction: rtl !important;" v-decorator="['email',{initialValue: null,rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]">
+                                                <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['email',{initialValue: null,rules: [{ required: true, message: 'ایمیل را وارد نمایید' }]}]">
                                                     <!--                                                <feather-icon style="direction: ltr !important;" icon="MailIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
-                                                </a-input>
+                                               <!-- </a-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: 'این فیلد نمیتواند خالی باشد.' }]}]" >
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['mobile',{initialValue: null,rules: [{ required: true, message: 'شماره موبایل را وارد نمایید' }]}]" >
                                                     <!--<feather-icon style="direction: ltr !important;" icon="SmartPhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
-                                                </a-input>
+                                               <!-- </a-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: 'این فیلد نمیتواند خالی باشد.' }]}]" >
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['phone',{initialValue: null,rules: [{ required: true, message: 'تلفن ثابت را وارد نمایید' }]}]" >
                                                     <!--<feather-icon style="direction: ltr !important;" icon="PhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
-                                                </a-input>
+                                               <!-- </a-input>-->
                                             </a-form-item>
                                         </a-row>
                                     </div>
@@ -240,27 +246,27 @@
                                     <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: 'این فیلد نمیتواند خالی باشد.' }]}]">
+                                                <input  class="ant-input"  style="direction: rtl !important;" v-decorator="['phone_emergency',{initialValue: null,rules: [{ required: true, message: 'تلفن ضروری را وارد نمایید' }]}]">
                                                     <!--                                                <feather-icon style="direction: ltr !important;" icon="MailIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
-                                                </a-input>
+                                               <!-- </a-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}]" >
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_name',{initialValue: null}]" >
                                                     <!--<feather-icon style="direction: ltr !important;" icon="SmartPhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
-                                                </a-input>
+                                               <!-- </a-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}]" >
+                                                <input  class="ant-input"  autocomplete="off" v-decorator="['phone_emergency_related',{initialValue: null}]" >
                                                     <!--<feather-icon style="direction: ltr !important;" icon="PhoneIcon" slot="addonAfter" class="pt-1" svgClasses="w-5 h-5" />-->
-                                                </a-input>
+                                               <!-- </a-input>-->
                                             </a-form-item>
                                         </a-row>
                                     </div>
@@ -271,25 +277,25 @@
                             <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-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 :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: false, message: 'این فیلد نمیتواند خالی باشد.' }]}]" />
+                                <a-form-item label="شماره بیمه" v-if="has_instructor == 1 ">
+                                    <input  class="ant-input"  autocomplete="off" style="width: 40%" v-decorator="['insurance_no',{initialValue: null,rules: [{ required: false, message: 'شماره بیمه را وارد نمایید' }]}]" />
                                 </a-form-item>
 
                             </a-card>
                             <br/>
                           <a-card title="اطلاعات خانوادگی" :bordered="true" >
 
-                            <a-list class="mb-5" v-if="family.length > 0" :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
+                            <a-list class="mb-5" v-if="family.length > 0" :locale="{emptyText:'اطلاعاتی برای نمایش وجود ندارد.'}" bordered item-layout="horizontal" >
                               <a-list-item class="grid grid-cols-4" v-for="(item,index) in family" :key="index" >
                                 <div>
                                   <div style="direction: ltr" >  نام :{{ item.name }}</div>
@@ -331,7 +337,7 @@
                           <br/>
                             <a-card title="سوابق تحصیلی" :bordered="true" >
 
-                                <a-list class="mb-5" v-if="edu.length > 0" :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
+                                <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>
@@ -376,7 +382,7 @@
                             <br/>
                             <a-card title="سوابق آموزشی" :bordered="true" >
 
-                                <a-list class="mb-5" v-if="educational.length > 0" :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
+                                <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>
@@ -387,7 +393,7 @@
                                             <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="CheckIcon" v-if="item.has_certificate" svgClasses="w-5 h-5 text-success"/>
                                                 <feather-icon icon="XIcon" v-else svgClasses="w-5 h-5 text-danger"/>
                                             </div>
                                         </div>
@@ -420,7 +426,7 @@
                             <br/>
                             <a-card title="سوابق کاری" :bordered="true" >
 
-                                <a-list class="mb-5" v-if="work.length > 0" :locale="{emptyText:'رکوردی وجود ندارد.'}" bordered item-layout="horizontal" >
+                                <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>
@@ -469,7 +475,7 @@
                             <br/>
 
                             <a-form-item>
-                                <a-checkbox v-decorator="['commitment',{initialValue:false,rules: [{ required: true, message: 'تعهد الزامی است.' }]}]">
+                                <a-checkbox v-decorator="['commitment',{valuePropName: 'checked',initialValue: true,rules: [{ required: true, message: 'نام را وارد نمایید' }]}]">
                                     با آگاهی از قوانین و مقررات و صحت اطلاعات تایید میکنم.
                                 </a-checkbox>
                             </a-form-item>
@@ -487,8 +493,7 @@
                             <a-result
                                     status="success"
                                     title="اطلاعات با موفقیت ثبت شد"
-                                    sub-title="لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است."
-                            >
+                                    sub-title="">
                                 <template #extra>
                                     <a-button @click="LoginUser">
                                         اتمام
@@ -503,16 +508,16 @@
           <a-modal :visible="visibleFamily" title="اطلاعات خانوادگی" @ok="createFamily" @cancel="cancelFamily" ok-text="ایجاد" cancel-text="انصراف">
             <a-form :form="formFamily">
               <a-form-item label="نام">
-                <a-input autocomplete="off" v-decorator="['name',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                <input  class="ant-input"  autocomplete="off" v-decorator="['name',{rules: [{ required: true, message: 'نام را وارد نمایید' }]}]"/>
               </a-form-item>
               <a-form-item label="نسبت">
-                <a-input autocomplete="off" v-decorator="['relation',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                <input  class="ant-input"  autocomplete="off" v-decorator="['relation',{rules: [{ required: true, message: 'نسب را وارد نمایید' }]}]"/>
               </a-form-item>
               <a-form-item label="مقطع">
                 <a-select
                     class="mt-3"
                     style="width: 100%;direction: rtl !important;"
-                    v-decorator="['level',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"
+                    v-decorator="['level',{rules: [{ required: false, message: 'مقطع را وارد نمایید' }]}]"
                     @change="changeGrade"
                     allowClear
                 >
@@ -522,10 +527,10 @@
                 </a-select>
               </a-form-item>
               <a-form-item label="رشته تحصیلی">
-                <a-input autocomplete="off" v-decorator="['edu_title',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                <input  class="ant-input"  autocomplete="off" v-decorator="['edu_title',{rules: [{ required: false, message: 'رشته تحصیلی را وارد نمایید' }]}]"/>
               </a-form-item>
               <a-form-item label="شغل">
-                <a-input autocomplete="off" v-decorator="['job',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                <input  class="ant-input"  autocomplete="off" v-decorator="['job',{rules: [{ required: false, message: 'شغل را وارد نمایید' }]}]"/>
               </a-form-item>
              <!-- <a-form-item label="مقطع">
                 <a-select
@@ -570,13 +575,13 @@
             </a-form>
           </a-modal>
 
-            <a-modal :visible="visibleEdu" title="افزودن سابقه تحصیلی" @ok="createEdu" @cancel="cancelEdu" ok-text="ایجاد" cancel-text="انصراف">
+            <a-modal :forceRender="true" :visible="visibleEdu" title="افزودن سابقه تحصیلی" @ok="createEdu" @cancel="cancelEdu" ok-text="ایجاد" cancel-text="انصراف">
                 <a-form :form="formEdu">
                     <a-form-item label="مقطع">
                         <a-select
                                 class="mt-3"
                                 style="width: 100%;direction: rtl !important;"
-                                v-decorator="['level',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"
+                                v-decorator="['level',{rules: [{ required: true, message: 'مقطع را وارد نمایید ' }]}]"
                                 @change="changeGrade"
                                 allowClear
                         >
@@ -586,24 +591,25 @@
                         </a-select>
                     </a-form-item>
                     <a-form-item label="دانشگاه">
-                        <a-input autocomplete="off" v-decorator="['university',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-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: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-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: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['orientation',{rules: [{ required: false, message: 'گرایش تحصیلی را وارد نمایید' }]}]"/>
                     </a-form-item>
 
                     <div class="md:flex">
                         <div class="md:w-1/2">
                             <a-form-item label="سال شروع">
                                 <a-input-number autocomplete="off" :min="1350" :max="1401" v-decorator="['start',{rules: [{ required: true, message: 'لطفا مقدار سال شروع را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                              <!--<a-input-number v-decorator="['result_1.score',{initialValue: 0}]" :min="0" :max="20" />-->
                             </a-form-item>
                         </div>
                         <div class="md:w-1/2">
                             <a-form-item label="سال خاتمه">
-                                <a-input-number id="end" ref="end" autocomplete="off" :disabled="is_check" :min="1350" :max="1401" v-decorator="['end',{rules: [{ required: is_check ? false : true, message: 'لطفا مقدار سال خاتمه را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
+                                <a-input-number type="number" class="ant-input-number"  id="end" ref="end" autocomplete="off" :disabled="is_check" :min="1350" :max="1401" v-decorator="['end',{rules: [{ required: is_check ? false : true, message: 'لطفا مقدار سال خاتمه را به درستی بین 1350 تا 1401 وارد کنید.' }]}]"/>
                             </a-form-item>
                         </div>
                         <div class="md:w-1/3">
@@ -622,10 +628,10 @@
                 <a-form :form="formEducational">
 
                     <a-form-item label="مرکز برگزار کننده">
-                        <a-input autocomplete="off" v-decorator="['university',{rules: [{ required: true, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-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: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['major',{rules: [{ required: true, message: 'عنوان دوره را وارد نمایید' }]}]"/>
                     </a-form-item>
 
                     <div class="md:flex">
@@ -636,7 +642,7 @@
                         </div>
                         <div class="md:w-1/3">
                             <a-form-item label="امکان ارائه گواهینامه دارم">
-                                <a-checkbox v-decorator="['has_file',{initialValue:false,valuePropName: 'checked'}]"/>
+                                <a-checkbox v-decorator="['has_certificate',{initialValue:false,valuePropName: 'checked'}]"/>
                             </a-form-item>
                         </div>
                     </div>
@@ -647,13 +653,13 @@
             <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: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-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: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-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:false, message: 'این فیلد نمیتواند خالی باشد.' }]}]"/>
+                        <input  class="ant-input"  autocomplete="off" v-decorator="['note',{rules: [{ required:is_work_check ? false : true, message: 'دلیل خاتمه را وارد نمایید' }]}]"/>
                     </a-form-item>
 
                     <div class="md:flex">
@@ -677,7 +683,7 @@
                 </a-form>
             </a-modal>
 
-            <a-modal :visible="visibleAccept" title="شرایط و مقررات" @ok="visibleAccept = false" @cancel="visibleAccept = false" ok-text="باشه" cancel-text="انصراف">
+            <a-modal :visible="visibleAccept" title="شرایط و مقررات" @ok="visibleAccept = false" @cancel="visibleAccept = false" ok-text="تایید" cancel-text="انصراف">
                 اینجانب {{ fullName }} در تاریخ {{ date }} فرم بالا را تکمیل نموده و صحت کلیه اطلاعات تکمیل شده را تأیید می نمایم.
             </a-modal>
 
@@ -717,7 +723,8 @@
                 edu:[],
                 family:[],
                 work:[],
-                jobs:[{city:null,job:null}],
+                jobsList:[{jobs:[]}],
+                //jobs:[{city:null,job:null}],
                 //model:[],
                 educational:[],
                 birth_day:'',
@@ -746,9 +753,21 @@
             }
         },
         methods:{
+          deleteCity(index){
+            this.jobsList.splice(index,1);
+            //console.log(index);
+          },
+          filterOption(input, option) {
+            return (
+                option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            );
+          },
+           /* Agrement(rule, value, callback){
+
+            },*/
             addCity()
             {
-                this.jobs.push({city:null,job:null})
+                this.jobsList.push({jobs:[]});
             },
             number_insurance(e){
                 this.has_instructor = e.target.value
@@ -759,9 +778,9 @@
                 {
                     this.formFirst.validateFields(async(err, values) => {
                         if (!err) {
-                            //this.current++;
+                            this.current++;
 
-                            console.log(values,'first')
+                           // console.log(values,'first')
                         }
                     });
                 }
@@ -795,28 +814,46 @@
                 }
 
             },
-            async getCity(){
+            getCity(){
               try{
-                 const {data} = await axios.get('/register/cities')
-                 this.city = data
+                 //const {data} = await axios.get('/register/cities')
+                 axios.get('/register/cities').then((res)=>{
+                   this.city = res.data;
+                 }).catch((error)=>{
+                   this.$ntSetError()
+                 });
               }catch (e) {
                   this.$ntSetError()
               }
             },
-            async getDate(){
+            getDate(){
                 try{
-                    const {data} = await axios.get('/register/date')
-                    this.date = data
+                    //const {data} = await axios.get('/register/date')
+                    axios.get('/register/date').then((res)=>{
+                      this.date = res.data;
+                    }).catch((error)=>{
+                      this.$ntSetError()
+                    });;
+
                 }catch (e) {
                     this.$ntSetError()
                 }
             },
-            async getJob(){
-                try{
-                    const {data} = await axios.post('/register/jobs')
-                    this.job = data
-                }catch (e) {
+             getJob(index){
+                if(index!=undefined)
+                {
+                  try{
+                    this.formFirst.resetFields(`jobs[${index}].job`);
+                    axios.post('/register/jobs',{city:""+this.formFirst.getFieldValue(`jobs[${index}].city`)+""}).then((res)=>{
+                      //this.formFirst.setFieldsValue(`jobs[${index}].city`)
+                      this.jobsList[index].jobs=res.data;
+                      console.log(this.jobsList[index].jobs);
+                      //console.log(this.jobsList[0].map((item)=> item.title))
+                    });
+                    //this.job = data
+                  }catch (e) {
                     this.$ntSetError()
+                  }
                 }
             },
             openModalEdu(){
@@ -1034,20 +1071,32 @@
         computed:{
 
         },
-        mounted() {
-            this.getCity()
-            this.getJob()
+      created() {
+        this.getCity()
+        this.getJob()
+      },
+      mounted() {
+
         }
     }
 </script>
 
-<style scoped>
-    [dir=rtl] .anticon.anticon-plus{
-        position: relative;
-        top: 4px;
-        left: 5px;
-    }
-    .ant-modal-title{
-        margin-right: 1rem;
-    }
+<style>
+[dir=rtl] .anticon.anticon-plus{
+    position: relative;
+    top: 4px;
+    left: 5px;
+}
+.ant-modal-title{
+    margin-right: 1rem;
+}
+.ant-steps-item-title::after{
+  /*left: unset !important;*/
+   right:100% !important;
+}
+/*.ant-select-arrow
+{
+  left: 11px !important;
+}*/
+
 </style>
diff --git a/vue.config.js b/vue.config.js
index ef71476..83c25ca 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -18,7 +18,6 @@ module.exports = {
   configureWebpack: {
     module: {
       rules: [
-
         {
           test: /\.less$/,
           loader: 'less-loader',