eztech-core-components 1.0.0

package/utils/table-helper.js

@@ -0,0 +1,1612 @@
+import { get, set, has, isEqual, cloneDeep, isEmpty } from 'lodash'
+import { mapActions, mapGetters } from 'vuex'
+import { getRegexp } from './regexps'
+import { getFormComponent, getFormWidth, getFormColSpan, getFormRowSpan, getColWidth, getColAlign, isHidden } from './component-helper'
+import { extractRegisterNum, getFormBoolean, addBusinessDays, getTriggerFields, getTriggerEquals, isValidJSON, getIdcardAddress, getAgeFromDate, getGenderFromName } from './data-helper'
+import { groupFieldLog } from './role-helper'
+import { uuidv4, base64ToBlob } from './helpers'
+export const tableWatch = {
+  id () {
+    if (this.isCustom) {
+      return
+    }
+    this.$nextTick(() => {
+      this.resetTemp()
+    })
+  },
+  url () {
+    this.$nextTick(() => {
+      if (this.isCustom) {
+        return
+      }
+      this.resetDefaultTemp()
+      this.handleRefresh()
+    })
+  },
+  refreshListUrl () {
+    if (this.isCustom) {
+      return
+    }
+    this.handleRefreshList()
+  },
+  locale () {
+    this.handleRefreshList()
+  }
+}
+export const tableComputed = {
+  ...mapGetters('settings', ['unsavedChanges', 'loadingWindow', 'env']),
+  ...mapGetters(['user_position_id', 'refs']),
+  ...mapGetters('user', ['token']),
+  localeId () {
+    return this.tempLocaleId || this.locale?._id || (this.locales?.length ? this.locales[0]._id : null)
+  },
+  pk_field_name () {
+    return this.project ? this.project.pk_field_name : '_id'
+  },
+  url () {
+    return this.customUrl || `${this.projectId}/${this.tableName}`
+  },
+  urlOne () {
+    return this.customUrl || `${this.projectId}/${this.tableName}`
+  },
+  urlTable () {
+    return `${this.projectId}/${this.table?.name}`
+  },
+  urlExcel () {
+    return this.customExcelUrl || `excel/${this.url}`
+  },
+  urlProfileDownload () {
+    return `profileDownload/${this.url}/${this.id}`
+  },
+  statusCount: {
+    get () {
+      return this.data?.statusCount || null
+    }
+  },
+  qstatus: {
+    get () {
+      return this.queryStatus || this.$route.query.qstatus || 'count'
+    },
+    set (val) {
+      this.$router.push({ query: { ...this.$route.query, qstatus: val, page: 1 } })
+    }
+  },
+  totalDurationMs () {
+    return this.data?.totalDurationMs || null
+  },
+  list: {
+    get () {
+      if (this.data.length === 2 && Array.isArray(this.data[0])) {
+        return this.data[0]
+      } else if (typeof this.data === 'object' && !Array.isArray(this.data) && this.data.rows) {
+        return this.data.rows
+      } else if (typeof this.data === 'object' && !Array.isArray(this.data) && this.data.list) {
+        return this.data.list
+      } else {
+        return this.data
+      }
+    },
+    set (val) {
+      if (this.data.length === 2 && Array.isArray(this.data[0])) {
+        this.data[0] = val || []
+      } else if (typeof this.data === 'object' && !Array.isArray(this.data) && this.data.rows) {
+        this.data.rows = val || []
+      } else if (typeof this.data === 'object' && !Array.isArray(this.data) && this.data.list) {
+        this.data.list = val || []
+      } else {
+        this.data = val
+      }
+    }
+  },
+  count: {
+    get () {
+      if (this.qstatus && has(this.statusCount, this.qstatus)) {
+        return Number(this.statusCount[this.qstatus])
+      }
+      if (this.data.length === 2 && Array.isArray(this.data[0])) {
+        return this.data[1] || 0
+      } else if (typeof this.data === 'object' && !Array.isArray(this.data)) {
+        return this.data.count || 0
+      } else {
+        return this.data.length
+      }
+    },
+    set (val) {
+      if (this.data.length === 2 && Array.isArray(this.data[0])) {
+        this.data[1] = val
+      } else if (typeof this.data === 'object' && !Array.isArray(this.data)) {
+        this.data.count = val
+      }
+    }
+  },
+  refreshListUrl () {
+    return this.currentPage + '-' + this.pageSize + '-' + this.qstatus
+  },
+  localKeySort () {
+    if (this.noCache) {
+      return ''
+    }
+    if (!this.tableName?.includes('service_')) {
+      return ''
+    }
+    return `sort_${this.tableName}${this.id || ''}`
+  },
+  localKeySearch () {
+    if (this.noCache) {
+      return ''
+    }
+    if (!['service_', 'config_'].some(c => this.tableName?.includes(c))) {
+      return ''
+    }
+    return `search_${this.tableName}`
+  },
+  localKeyPageSize () {
+    if (this.noCache) {
+      return ''
+    }
+    if (!this.tableName?.includes('service_')) {
+      return ''
+    }
+    return `page_size_${this.tableName}`
+  }
+}
+export const tableData = {
+  data: [],
+  loading: false,
+  confirming: false,
+  loadingForm: false,
+  loadingExcel: false,
+  restoringPassword: false,
+  downloadingProfile: false,
+  saving: false,
+  search: null,
+  visible: false,
+  defaultTemp: null,
+  temp: null,
+  rules: null,
+  selectedList: [],
+  onlyList: false,
+  listPage: 1,
+  pageSize: 0,
+  formSearching: false,
+  cancel: null,
+  updateGroupName: null,
+  currentRow: null,
+  currentRows: null,
+  locale: null,
+  isConfirmedDescription: false,
+  noCache: false,
+  clientDurationMs: null
+}
+export const tableAsyncData = {
+  currentPage: 1,
+  configProjectId: null,
+  project: null,
+  table: null,
+  formWidth: null,
+  columns: null,
+  configTableName: null,
+  configColFields: null,
+  hasPassword: null,
+  refColumns: null,
+  subColumn: null,
+  parentRow: null,
+  readOnly: null,
+  config_group_fields: null,
+  config_form_menus: null,
+  loadingVisible: false,
+  initted: false,
+  hideLog: true,
+  isCustom: true,
+  forensics: []
+}
+export const tableMethods = {
+  ...mapActions('settings', ['set_unsaved_changes', 'set_merge', 'set_loading_window', 'set_handbook_id']),
+  async handleFormSearch ({ col_field }) {
+    if (this[`handleFormSearch_${col_field}`]) {
+      return this[`handleFormSearch_${col_field}`]()
+    }
+    try {
+      // if (this.beforeFormSearch) {
+      //   this.beforeFormSearch(col_field)
+      // }
+      if (!this.temp[col_field]?.trim()) {
+        return
+      }
+      if (this.formSearching) {
+        return
+      }
+      this.formSearching = true
+      if (col_field === 'register_num') {
+        const isEmployee = this.table?.name === 'hrm_employees'
+        if (isEmployee && !this.temp?._id) {
+          const { data } = await this.$axios.get(`one/${this.urlTable}`, {
+            params: {
+              search: JSON.stringify({ [col_field]: { val: this.temp[col_field], t: 'string', op: 'eq' } }),
+              locale_id: this.localeId,
+              fields: ['_id']
+            }
+          })
+          if (data) {
+            try {
+              await this.$showConfirm('Регистрийн дугаараар бүртгэл олдлоо. Хуудас руу шилжих үү?')
+              this.set_unsaved_changes(false)
+              this.tid = data.tid
+              this.id = data._id
+            } catch (_) {}
+          }
+        }
+        const isLegal = this.columns.some(c => c.col_field === 'is_legal') && !!this.temp?.is_legal
+        if (isLegal) {
+          const { data } = await this.$axios.get('xypservice/legal/info', {
+            params: {
+              [col_field]: this.temp[col_field]
+            }
+          })
+          const general = data.response.general
+          let induty = data.response.induty?.find(c => c.main?.trim()?.toLowerCase() === 'үндсэн')
+          if (induty) {
+            induty = get(data.response.induty, '[0]')
+          }
+          const addr = data.response.address
+          const addressSegments = [
+            addr?.stateCity?.name,
+            addr?.soumDistrict?.name,
+            addr?.bagKhoroo?.name
+          ]
+          if (addr?.region?.name) {
+            addressSegments.push(addr?.region?.name)
+          }
+          if (addr?.town?.name) {
+            addressSegments.push(addr?.town?.name)
+          }
+          if (addr?.street?.name) {
+            addressSegments.push(addr?.street?.name + (addr?.street?.name?.toLowerCase().includes('гудамж') ? '' : ' гудамж'))
+          }
+          if (addr?.apartment?.name) {
+            addressSegments.push(addr?.apartment?.name + (addr?.apartment?.name?.toLowerCase().includes('байр') ? '' : ' байр'))
+          }
+          if (addr?.door) {
+            addressSegments.push(addr?.door)
+          }
+          const updateData = {
+            xyp_log_id: data._id,
+            passport_address: addressSegments.join(', '),
+            legal_entity_activity: induty?.industryName || '',
+            legal_entity_name: general.companyName,
+            legal_entity_register: general?.stateRegnum || ''
+          }
+          this.temp = {
+            ...this.temp,
+            ...updateData
+          }
+        } else {
+          let idDownload = false
+          try {
+            const { data } = await this.$axios.get('xypservice/idcard/info', {
+              params: {
+                [col_field]: this.temp[col_field]
+              }
+            })
+            const response = data.response
+            if (response) {
+              idDownload = true
+              const updateData = {
+                surname: response.lastname,
+                given_name: response.firstname
+              }
+              if (this.columns.some(c => c.col_field === 'image') && !this.temp?.image) {
+                updateData.image = await this.uploadImageBase64Id(response.image)
+              }
+              if (this.isXypLog) {
+                updateData.xyp_log_id = data._id
+              }
+              if (this.columns.some(c => c.col_field === 'forename')) {
+                updateData.forename = response.surname
+              }
+              if (this.columns.some(c => c.col_field === 'passport_address')) {
+                const passport_address = getIdcardAddress(response)
+                updateData.passport_address = passport_address
+              }
+              if (response.birthDateAsText && this.columns.some(c => c.col_field === 'birth_date')) {
+                updateData.birth_date = this.$moment(response.birthDateAsText, 'YYYY-MM-DD HH:mm').toDate()
+                if (this.columns.some(c => c.col_field === 'age')) {
+                  updateData.age = getAgeFromDate(updateData.birth_date)
+                }
+              }
+              if (response.gender && this.columns.some(c => c.col_field === 'gender_id')) {
+                if (has(response, 'gender_id')) {
+                  updateData.gender_id = response.gender_id
+                } else {
+                  updateData.gender_id = getGenderFromName(response.gender, this.refs)
+                }
+              }
+              if (response.birthDateAsText && this.columns.some(c => c.col_field === 'is_adult')) {
+                updateData.is_adult = getAgeFromDate(this.$moment(response.birthDateAsText, 'YYYY-MM-DD HH:mm').toDate()) >= 18
+              }
+              this.temp = {
+                ...this.temp,
+                ...updateData
+              }
+            }
+          } catch (err) {
+            this.$log(err)
+          }
+          if (!idDownload) {
+            const { data } = await this.$axios.get('xypservice/birth/info', {
+              params: {
+                [col_field]: this.temp[col_field]
+              }
+            })
+            const response = data.response
+            if (response) {
+              idDownload = true
+              const updateData = {
+                surname: response.lastname,
+                given_name: response.firstname
+              }
+              if (this.isXypLog) {
+                updateData.xyp_log_id = data._id
+              }
+              if (this.columns.some(c => c.col_field === 'forename')) {
+                updateData.forename = response.surname
+              }
+              if (response.birthDateAsText && this.columns.some(c => c.col_field === 'birth_date')) {
+                updateData.birth_date = this.$moment(response.birthDateAsText, 'YYYY-MM-DD HH:mm').toDate()
+                if (this.columns.some(c => c.col_field === 'age')) {
+                  updateData.age = getAgeFromDate(updateData.birth_date)
+                }
+              }
+              if (response.gender && this.columns.some(c => c.col_field === 'gender_id')) {
+                if (has(response, 'gender_id')) {
+                  updateData.gender_id = response.gender_id
+                } else {
+                  updateData.gender_id = getGenderFromName(response.gender, this.refs)
+                }
+              }
+              if (response.birthDateAsText && this.columns.some(c => c.col_field === 'is_adult')) {
+                updateData.is_adult = getAgeFromDate(this.$moment(response.birthDateAsText, 'YYYY-MM-DD HH:mm').toDate()) >= 18
+              }
+              this.temp = { ...this.temp, ...updateData }
+            }
+          }
+          if (idDownload) {
+            this.$showSuccess('ХУР системээс амжилттай дуудлаа.')
+          }
+        }
+      } else {
+        const { data } = await this.$axios.get(`one/${this.url}`, {
+          params: {
+            search: JSON.stringify({ [col_field]: { val: this.temp[col_field], t: 'string', op: 'eq' } }),
+            locale_id: this.localeId
+          }
+        })
+        if (data) {
+          this.id = data[this.pk_field_name]
+          this.tid = data.tid
+          this.$message({ message: 'Бүртгэл олдлоо.', type: 'success', showClose: true })
+        } else {
+          this.$customError('Бүртгэл олдсонгүй.')
+        }
+      }
+    } catch (err) {
+      this.$showError(err)
+    } finally {
+      this.formSearching = false
+    }
+  },
+  handleSelectionClear () {
+    this.selectedList = []
+  },
+  handleSelectionChange (row) {
+    const index = this.selectedList.findIndex(c => c[this.pk_field_name] === row[this.pk_field_name])
+    if (index > -1) {
+      this.selectedList.splice(index, 1)
+    } else {
+      this.selectedList.push(row)
+    }
+  },
+  handleTempChangeAll ($event) {
+    this.temp = { ...this.temp, ...$event }
+  },
+  handleTempChange ({ col_field }, val) {
+    let newVal = val
+    const oldVal = cloneDeep(get(this.temp, col_field))
+    // // hrm/service_clothe_tamachis?id=create tur
+    if (this.table.name === 'hrm_employee_vacations') {
+      set(this.temp, col_field, newVal)
+      if (!isNaN(this.temp.vacation_days) && !isNaN(this.temp.add_days)) {
+        set(this.temp, 'total_days', Number(this.temp.vacation_days) + Number(this.temp.add_days))
+      } else {
+        set(this.temp, 'total_days', 0)
+      }
+      if (this.temp.start_date && !isNaN(this.temp.total_days)) {
+        set(this.temp, 'end_date', addBusinessDays(this.temp.start_date, this.temp.total_days, this.holidays))
+      } else {
+        set(this.temp, 'end_date', null)
+      }
+    } else if (this.table.name === 'clothe_tamachis') {
+      if (col_field === 'clothe_reg_id') {
+        const obj = { ...val }
+        if (val) {
+          newVal = obj
+          set(this.temp, 'lifetime_year', obj.lifetime_year)
+        } else {
+          set(this.temp, 'lifetime_year', 0)
+        }
+      }
+      set(this.temp, col_field, newVal)
+      if (this.temp.received_date && !isNaN(this.temp.lifetime_year)) {
+        set(this.temp, 'next_receive_date', this.$moment(this.temp.received_date, 'YYYY-MM-DD').add(this.temp.lifetime_year, 'years').format('YYYY-MM-DD'))
+      } else {
+        set(this.temp, 'next_receive_date', null)
+      }
+    } else {
+      set(this.temp, col_field, newVal)
+      if (col_field === 'register_num') {
+        const updateData = {}
+        const extractedData = extractRegisterNum(this.temp[col_field], this.refs)
+        if (extractedData.birth_date && this.columns.some(c => c.col_field === 'birth_date')) {
+          updateData.birth_date = extractedData.birth_date
+        }
+        if (extractedData.age && this.columns.some(c => c.col_field === 'age')) {
+          updateData.age = extractedData.age
+        }
+        if (extractedData.gender_id && this.columns.some(c => c.col_field === 'gender_id')) {
+          updateData.gender_id = extractedData.gender_id
+        }
+        if (extractedData.age && this.columns.some(c => c.col_field === 'is_adult')) {
+          updateData.is_adult = extractedData.age >= 18
+        }
+        if (!isEmpty(updateData)) {
+          this.temp = { ...this.temp, ...updateData }
+        }
+      }
+      if (col_field === 'birth_date' && has(this.temp, 'age')) {
+        this.temp.age = getAgeFromDate(this.temp[col_field])
+      }
+    }
+    if (!isEqual(oldVal, newVal)) {
+      this.set_unsaved_changes(true)
+    }
+    if (this.afterTempChange) {
+      this.afterTempChange()
+    }
+  },
+  handleClose () {
+    this.tid = null
+    setTimeout(() => {
+      this.id = null
+      if (this.handleClosed) {
+        this.handleClosed()
+      }
+    }, 100)
+  },
+  resetDefaultTemp (options) {
+    const defaultTemp = {}
+    const rules = {}
+    if (!this.columns) {
+      return
+    }
+    if (this.config_group_fields) {
+      const inlineTables = this.config_group_fields.filter(c => c.group_type === 'INLINE_TABLE').map((c) => { return { name: c.name, table_name: c.col_fields } })
+      for (const inlineTable of inlineTables) {
+        defaultTemp[inlineTable.name] = []
+      }
+    }
+    for (const col of this.columns.filter(c => c.col_field && c.form)) {
+      const trigger_requireds = getTriggerFields(col.trigger_fields, 'required')
+      const trigger_required = get(trigger_requireds, '[0]')
+      let ruleType = 'string'
+      if (col.form.col_default === 'increment') {
+        set(defaultTemp, col.col_field, null)
+        continue
+      }
+      if (col.form.col_default === 'now') {
+        set(defaultTemp, col.col_field, this.$moment().format('YYYY-MM-DD'))
+      } else if (['decimal', 'number'].includes(col.col_type)) {
+        ruleType = 'number'
+        let valNumber = 0
+        if (!isNaN(col.form.col_default)) {
+          valNumber = Number(col.form.col_default)
+        }
+        set(defaultTemp, col.col_field, valNumber)
+      } else if (col.col_type === 'boolean') {
+        ruleType = 'boolean'
+        set(defaultTemp, col.col_field, getFormBoolean(col.form.col_default))
+      } else if (col.col_type === 'manyToOne' && col.col_default && typeof col.col_default === 'object') {
+        set(defaultTemp, col.col_field, col.col_default)
+      } else {
+        set(defaultTemp, col.col_field, col.form.col_default)
+      }
+      // if (col.form.isHide && col.form.isHide[1].includes(get(this.temp, col.form.isHide[0]))) {
+      //   continue
+      // }
+      if (!rules[col.col_field]) {
+        rules[col.col_field] = []
+      }
+      if (getFormBoolean(col.col_multiple)) {
+        ruleType = 'array'
+      } else if (['manyToOne', 'image', 'file', 'profileImage', 'icon'].includes(col.col_type)) {
+        // if (['hrm_employees', 'hrm_users'].includes(col.ref_table)) {
+        //   ruleType = 'string'
+        // } else {
+        //   ruleType = 'object'
+        // }
+        ruleType = 'object'
+      }
+      if (col.form.required && !col.form.col_readonly) {
+        let trigger = 'change'
+        if (['decimal', 'number'].includes(col.col_type)) {
+          trigger = 'blur'
+        }
+        rules[col.col_field].push({ type: ruleType, required: true, trigger, message: options?.noMessage ? ' ' : `"${col.form.label || (col.props && col.props.label) || 'no label'}" утга шаардана.` })
+      } else if (trigger_required) {
+        let trigger = 'change'
+        if (['decimal', 'number'].includes(col.col_type)) {
+          trigger = 'blur'
+        }
+        rules[col.col_field].push({
+          type: ruleType,
+          required: (r) => {
+            return getTriggerEquals(trigger_required, r, false)
+          },
+          trigger,
+          message: options?.noMessage ? ' ' : `"${col.form.label || (col.props && col.props.label) || 'no label'}" утга шаардана.`
+        })
+      }
+      if (col.col_field && col.col_field.toLowerCase().endsWith('mail')) {
+        rules[col.col_field].push({ type: 'email', trigger: 'change', message: options?.noMessage ? ' ' : `"${col.form.label || (col.props && col.props.label) || 'no label'}" буруу байна.` })
+      } else {
+        const { pattern, patternMessage } = getRegexp(col.col_field, col.form.pattern)
+        if (pattern) {
+          rules[col.col_field].push({ type: 'regexp', pattern, trigger: 'change', message: options?.noMessage ? ' ' : `${patternMessage || 'Утга буруу байна.'}` })
+        }
+      }
+      if (col.form.min) {
+        rules[col.col_field].push({
+          type: ruleType,
+          min: col.form.min,
+          trigger: 'change',
+          message: options?.noMessage ? ' ' : `Хамгийн багадаа [${col.form.min}] урттай байна.`
+        })
+      }
+      if (col.form.max) {
+        rules[col.col_field].push({
+          type: ruleType,
+          max: col.form.max,
+          trigger: 'change',
+          message: `Хамгийн ихдээ [${col.form.max}] урттай байна.`
+        })
+      }
+    }
+    for (const extraField of (this.customExtraFields?.split(',') || [])) {
+      if (!has(defaultTemp, extraField)) {
+        set(defaultTemp, extraField, null)
+      }
+    }
+    this.setParentVal(defaultTemp)
+    this.defaultTemp = Object.assign({}, defaultTemp)
+    this.rules = Object.assign({}, rules)
+    this.clearValidateForm()
+    if (this.afterResetDefaultTemp) {
+      this.afterResetDefaultTemp()
+    }
+  },
+  setParentVal (obj) {
+    if (this.subColumn && obj) {
+      if (this.inlineParentTemp) {
+        obj[this.subColumn.col_field] = cloneDeep(this.inlineParentTemp) // ? this.parentRow[this.pk_field_name] : null
+      } else {
+        obj[this.subColumn.col_field] = cloneDeep(this.parentRow)
+      }
+      const trigger_fields = getTriggerFields(this.subColumn.trigger_fields)
+      for (const { localKey, localVal } of trigger_fields) {
+        if (localVal.includes('#')) {
+          const tempKey = localVal.substring(1)
+          if (this.parentRow && this.parentRow[tempKey]) {
+            const parentVal = this.parentRow[tempKey]
+            const parentType = typeof this.parentRow[tempKey]
+            if (parentType === 'object' && Array.isArray(parentVal)) {
+              obj[localKey] = [...parentVal]
+            } else if (parentType === 'object') {
+              obj[localKey] = { ...parentVal }
+            } else {
+              obj[localKey] = parentVal
+            }
+          } else {
+            obj[localKey] = null
+          }
+        } else {
+          obj[localKey] = localVal
+        }
+      }
+    }
+  },
+  async clearValidateForm () {
+    await this.$nextTick()
+    await this.$nextTick()
+    const form = get(this.$refs, 'coreForm')
+    if (form) {
+      form.clearValidate()
+    }
+  },
+  async handleLocaleChange (locale) {
+    this.temp.locale_id = locale._id
+    if (this.temp?.locale_uuid) {
+      await this.resetTemp(this.temp._id, this.temp.tid, locale._id)
+    }
+  },
+  async resetTemp (id = this.id, tid = this.tid, locale_id) {
+    try {
+      if (!locale_id) {
+        this.temp = null
+      }
+      if (id === 'create') {
+        let localTemp = null
+        if (this.tableName === 'service_reg_resolutions' && isValidJSON(localStorage.getItem('reg_type_id'))) {
+          const regTypeCode = JSON.parse(localStorage.getItem('reg_type_id'))?.code
+          if (['07', '06'].includes(regTypeCode)) {
+            const { data } = await this.$axios.get(`forensic/default/question/${regTypeCode}`)
+            localTemp = data
+          }
+        }
+        const temp = Object.assign({
+          ...this.defaultTemp,
+          locale_uuid: null,
+          locale_id: this.locale,
+          ...localTemp
+        })
+        if (this.isXypLog) {
+          temp.xyp_log_id = null
+        }
+        this.temp = temp
+        this.clearValidateForm()
+        if (this.resetedTemp) {
+          this.resetedTemp()
+        }
+      } else if (id) {
+        if (this.loadingForm) {
+          return
+        }
+        // const select = this.columns.filter(c => c.col_field).map((c) => { return c.col_field })
+        this.loadingForm = true
+        this.clearValidateForm()
+        const extraFields = []
+        if (this.extraFields) {
+          extraFields.push(...this.extraFields?.split(','))
+        }
+        if (this.customExtraFields) {
+          extraFields.push(...this.customExtraFields?.split(','))
+        }
+        const { data } = await this.$axios.get(`${this.urlOne}/${id}`, {
+          params: {
+            locale_id,
+            extraFields: extraFields.join(','),
+            tid
+          }
+        })
+        if (!data) {
+          this.$nuxt.error({ statusCode: 402 })
+        }
+        const temp = {
+          [this.pk_field_name]: data[this.pk_field_name],
+          work_families: data.work_families,
+          employee_history_text: data.employee_history_text,
+          employee_degree_text: data.employee_degree_text,
+          all_history_text: data.all_history_text,
+          tid: data.tid
+        }
+        for (const key in this.defaultTemp) {
+          const col = this.columns.find(c => c.col_field === key)
+          if (col && col.col_type === 'boolean') {
+            temp[key] = getFormBoolean(data[key])
+          } else {
+            temp[key] = data[key]
+          }
+        }
+        if (this.locales?.length) {
+          temp.locale_id = data.locale_id
+          temp.locale_uuid = data.locale_uuid
+        }
+        if (this.isXypLog) {
+          temp.xyp_log_id = data.xyp_log_id ?? null
+        }
+        for (const extraField of (this.customExtraFields?.split(',') || [])) {
+          if (!has(temp, extraField)) {
+            set(temp, extraField, get(data, extraField))
+          }
+        }
+        this.temp = Object.assign({}, this.defaultTemp, temp)
+        if (this.resetedTemp) {
+          this.resetedTemp()
+        }
+      } else if (this.isFormSub) {
+        this.search[this.subColumn.col_field] = { val: this.parentRow ? this.parentRow[this.pk_field_name] : 'null', t: 'number', op: 'eq' }
+        const trigger_fields = getTriggerFields(this.subColumn.trigger_fields)
+        for (const { localKey, localVal, type, operation } of trigger_fields) {
+          if (localVal.includes('#')) {
+            const tempKey = localVal.substring(1)
+            this.search[localKey] = { val: this.parentRow[tempKey], t: type, op: operation }
+          }
+        }
+        // const select = this.columns.filter(c => c.col_field).map((c) => { return c.col_field })
+        const { data } = await this.$axios.get(`one/${this.urlOne}`, {
+          params: {
+            // reApi: this.reApi,
+            // select,
+            search: JSON.stringify(this.search),
+            locale_id: this.localeId,
+            tid
+          }
+        })
+        if (!data) {
+          this.$nuxt.error({ statusCode: 402 })
+        }
+        const temp = {
+          [this.pk_field_name]: data[this.pk_field_name],
+          work_families: data.work_families,
+          employee_history_text: data.employee_history_text,
+          employee_degree_text: data.employee_degree_text
+        }
+        for (const key in this.defaultTemp) {
+          const col = this.columns.find(c => c.col_field === key)
+          if (col && col.col_type === 'boolean') {
+            temp[key] = getFormBoolean(data[key])
+          } else {
+            temp[key] = data[key]
+          }
+        }
+        if (this.locales?.length) {
+          temp.locale_id = data.locale_id
+          temp.locale_uuid = data.locale_uuid
+        }
+        if (this.isXypLog) {
+          temp.xyp_log_id = data.xyp_log_id ?? null
+        }
+        if (this.parentRow && has(this.parentRow, this.pk_field_name)) {
+          temp[this.subColumn.col_field] = this.parentRow[this.pk_field_name]
+        }
+        this.temp = Object.assign({}, this.defaultTemp)
+        if (this.resetedTemp) {
+          this.resetedTemp()
+        }
+      }
+    } catch (err) {
+      // console.error(err)
+      // this.id = null
+      this.$showError(err)
+    } finally {
+      this.loadingForm = false
+    }
+  },
+  handleCreate () {
+    if (this.handleBeforeCreate) {
+      this.handleBeforeCreate()
+    }
+    this.updateGroupName = null
+    if (this.isCheckDetail && this.isCheckDetail()) {
+      this.handleDetail({ _id: 'create' })
+    } else if (this.handleDetail && this.isDetail) {
+      this.handleDetail({ _id: 'create' })
+    } else {
+      this.id = 'create'
+    }
+  },
+  async handleUpdate (row, updateGroupName = null) {
+    this.updateGroupName = updateGroupName
+    this.tid = row.tid
+    setTimeout(() => {
+      this.id = row[this.pk_field_name]
+    }, 100)
+  },
+  handleCurrentRowChange (row) {
+    if (Array.isArray(row)) {
+      this.currentRows = row
+    } else {
+      this.currentRowId = row[this.pk_field_name]
+      this.currentRow = row
+    }
+  },
+  resetSearch () {
+    const search = {}
+    const setSearch = (columns, parentKeys = [], currentIndex = 0) => {
+      for (const col of (columns || [])) {
+        if (['custom_duration'].includes(col.col_field)) {
+          search[col.col_field] = { t: 'date', val: ['', ''], op: 'between' }
+        } else if (col.col_type === 'manyToOne' && col.columns) { // !col.col_multiple &&
+          const col_key = parentKeys.concat(col.col_field).join('.')
+          if (col_key === 'position_id.name') {
+            search[col_key] = { t: col.col_type, val: null, op: 'eq' }
+          } else {
+            search[col_key] = { t: col.col_type, val: null, op: 'eq' }
+            setSearch(col.columns, parentKeys.concat(col.col_field), currentIndex + 1)
+          }
+        } else {
+          const col_key = col.child_key || col.col_key // parentKeys.concat(col.col_field).join('.')
+          if (col.col_type === 'boolean') {
+            search[col_key] = { t: col.col_type, val: null, op: 'eq' }
+          } else if (col.col_type === 'manyToOne') {
+            // search[col_key] = { t: col.col_type, val: null, op: 'eq' }
+            search[col_key] = { t: 'string', val: '', op: 'eq' }
+          } else {
+            let val = ''
+            if (col.searchOp === 'between') {
+              val = ['', '']
+            }
+            search[col_key] = { t: col.col_type, val, op: col.searchOp }
+          }
+        }
+      }
+    }
+    setSearch(this.columns)
+    this.search = { ...search }
+    if (this.handleDefaultSearch) {
+      this.handleDefaultSearch()
+    }
+  },
+  async handleProfileDownload () {
+    try {
+      if (this.downloadingProfile) {
+        return
+      }
+      await this.$showConfirm('Та албан хаагчийн анкет татах уу?')
+      this.downloadingProfile = true
+      const response = (await this.$axios.get(this.urlProfileDownload, {
+        params: {
+          search: JSON.stringify(this.search),
+          sorts: JSON.stringify(this.sorts),
+          fields: this.configColFields,
+          locale_id: this.localeId
+        },
+        responseType: 'blob'
+      }))
+      const href = URL.createObjectURL(response.data)
+      const link = document.createElement('a')
+      link.href = href
+      // link.target = '_blank'
+      link.setAttribute('download', `profile_${this.$moment().format('YYYYMMDD_HHmmss')}.pdf`)
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+      URL.revokeObjectURL(href)
+    } catch (err) {
+      this.$showError(err)
+    } finally {
+      this.downloadingProfile = false
+    }
+  },
+  async handleRestorePassword () {
+    try {
+      if (this.restoringPassword) {
+        return
+      }
+      if (!this.temp.email) {
+        this.$customError('И-Мэйл бүртгэлгүй байна.')
+      }
+      await this.$showConfirm(`Та хэрэглэгчийн нууц үг <strong>${this.temp.email}</strong> email хаягаар сэргээх үү?`)
+      this.restoringPassword = true
+      const { data } = await this.$axios.post('password/' + this.url, this.temp)
+      this.$showSuccess(data.message)
+    } catch (err) {
+      this.$showError(err)
+    } finally {
+      this.restoringPassword = false
+    }
+  },
+  async handleConfirm () {
+    try {
+      if (this.unsavedChanges) {
+        this.$customError('Та эхлээд өөрчлөлтийг хадгална уу')
+      }
+      let description = ''
+      if (this.isConfirmedDescription) {
+        const result = await this.$prompt('Баталгаажуулах', 'Тайлбар оруулна уу.', {
+          inputPattern: /^.{0,140}$/,
+          inputErrorMessage: '140 тэмдэгтээс хэтрэхгүй тэмдэгт бичнэ үү.'
+        })
+        description = result.value
+      } else {
+        await this.$showConfirm('Та тухайн бүртгэлийг баталгаажуулахдаа итгэлтэй байна уу?')
+      }
+      this.confirming = true
+      const extraFields = []
+      if (this.extraFields) {
+        extraFields.push(...this.extraFields?.split(','))
+      }
+      if (this.customExtraFields) {
+        extraFields.push(...this.customExtraFields?.split(','))
+      }
+      const updateData = {
+        _id: this.temp._id,
+        is_confirmed: true,
+        confirmed_date: new Date(),
+        confirmed_user_id: this.user_position_id
+      }
+      if (description) {
+        updateData.confirmed_description = description
+      }
+      const { data } = await this.$axios.post(this.urlConfirm || `confirm/${this.url}`, updateData, {
+        params: { extraFields: extraFields.join(',') }
+      })
+      this.set_unsaved_changes(false)
+      this.$showSuccess('Амжилттай баталгаажууллаа.')
+      if (this.handleAfterConfirm) {
+        this.handleAfterConfirm(data)
+      } else {
+        await this.resetTemp()
+      }
+    } catch (err) {
+      this.$showError(err)
+    } finally {
+      this.confirming = false
+    }
+  },
+  async handleSave () {
+    try {
+      const form = get(this.$refs, 'coreForm') // || get(this.$refs, 'form')
+      if (form) {
+        const validated = await form.isValidate()
+        if (!validated) {
+          return
+        }
+      }
+      if (this.handleBeforeSave) {
+        await this.handleBeforeSave()
+      }
+      this.saving = true
+      const extraFields = []
+      if (this.extraFields) {
+        extraFields.push(...this.extraFields?.split(','))
+      }
+      if (this.customExtraFields) {
+        extraFields.push(...this.customExtraFields?.split(','))
+      }
+      const { data } = await this.$axios.post(this.urlSave || this.url, this.temp, {
+        params: { extraFields: extraFields.join(',') }
+      })
+      if (this.locales?.length && data.locale_id !== this.localeId) {
+        // console.log('Хэлний сонголтын тоог нэмнэ.')
+      } else if (has(this.data, 'list')) {
+        const index = this.data.list.findIndex(c => c[this.pk_field_name] === data[this.pk_field_name])
+        if (index > -1) {
+          this.list.splice(index, 1, data)
+        } else {
+          this.count++
+          this.data.list.unshift(data)
+        }
+        this.data.list.sort(this.handleListSort)
+      }
+      this.set_unsaved_changes(false)
+      // this.currentRowId = data[this.pk_field_name]
+      if (this.handleSaved) {
+        this.handleSaved(data)
+      } else {
+        this.tid = null
+        this.id = null
+        this.$showSuccess('Амжилттай хадгаллаа.')
+      }
+      if (this.handleAfterSave) {
+        this.handleAfterSave(data)
+      }
+    } catch (err) {
+      this.$showError(err)
+    } finally {
+      this.saving = false
+    }
+  },
+  handleListSort (a, b) {
+    const getOrder = (ind = 0) => {
+      if ((this.sorts?.length || 0) <= ind) {
+        return Number(get(a, this.pk_field_name)) - Number(get(b, this.pk_field_name))
+      }
+      const sort = this.sorts[ind]
+      let aVal = get(a, sort.prop)
+      let bVal = get(b, sort.prop)
+      if (['index_name', 'custom_index_num', 'index_num'].includes(sort.prop)) {
+        aVal = aVal?.split('\n')[0]
+        bVal = bVal?.split('\n')[0]
+        const aVals = [aVal?.split('/')[0], aVal?.split('/')[1], aVal?.split('/')[2], aVal?.split('/')[3]]
+        aVal = aVals.map(c => String(c || 0).padStart(5, '0')).join('-')
+        const bVals = [bVal?.split('/')[0], bVal?.split('/')[1], bVal?.split('/')[2], bVal?.split('/')[3]]
+        bVal = bVals.map(c => String(c || 0).padStart(5, '0')).join('-')
+      }
+      const order = ['desc', 'descending'].includes(sort.order?.toLowerCase()) ? -1 : 1
+      if (aVal > bVal) {
+        return order
+      }
+      if (aVal < bVal) {
+        return order * -1
+      }
+      return getOrder(ind + 1)
+    }
+    const order = getOrder()
+    return order
+  },
+  async handleDelete (row) {
+    try {
+      if (this.configTableName.startsWith('ref_')) {
+        const data = await this.set_merge({
+          table_name: this.configTableName,
+          project_id: this.projectId,
+          ref_column: 'name'
+        })
+        this.loading = true
+        await this.$axios.delete(`${this.urlDelete || this.url}/${row[this.pk_field_name]}`, {
+          data: { ...data, tid: row.tid }
+        })
+      } else {
+        const result = await this.$prompt('Тайлбар оруулна уу.', 'Та энэ мөрийг устгахдаа итгэлтэй байна уу?', {
+          inputPattern: /^.{0,300}$/,
+          inputErrorMessage: '300 тэмдэгтээс хэтрэхгүй тэмдэгт бичнэ үү.'
+        })
+        this.loading = true
+        await this.$axios.delete(`${this.urlDelete || this.url}/${row[this.pk_field_name]}`, {
+          data: { description: result.value, tid: row.tid }
+        })
+      }
+      const index = this.list.findIndex(c => c[this.pk_field_name] === row[this.pk_field_name])
+      if (index > -1) {
+        this.count--
+        this.list.splice(index, 1)
+      }
+      this.$showSuccess('Амжилттай устгалаа.')
+      if (this.handleDeleted) {
+        this.handleDeleted()
+      }
+    } catch (err) {
+      this.$showError(err)
+    } finally {
+      this.loading = false
+    }
+  },
+  async handleExcel () {
+    try {
+      if (this.loadingExcel) {
+        return
+      }
+      this.loadingExcel = true
+      if (this.beforeGetList) {
+        await this.beforeGetList()
+      }
+      if (this.subColumn) {
+        this.search[this.subColumn.col_field] = { val: this.parentRow[this.pk_field_name], t: 'number', op: 'eq' }
+        const trigger_fields = getTriggerFields(this.subColumn.trigger_fields)
+        for (const { localKey, localVal, type, operation } of trigger_fields) {
+          if (localVal.includes('#')) {
+            const tempKey = localVal.substring(1)
+            this.search[localKey] = { val: this.parentRow[tempKey], t: type, op: operation }
+          }
+        }
+      }
+      const search = {}
+      for (const searchKey in this.search) {
+        if (searchKey === '$and') {
+          search[searchKey] = this.search[searchKey]
+        } else {
+          const { op, val, t } = this.search[searchKey]
+          if (op === 'between') {
+            if (val && (val[0] || val[1])) {
+              search[searchKey] = { ...this.search[searchKey] }
+            }
+          } else if (val) {
+            search[searchKey] = { op, val, t }
+          }
+        }
+      }
+      const response = (await this.$axios.get(this.urlExcel, {
+        params: {
+          search: JSON.stringify(search),
+          sorts: JSON.stringify(this.sorts),
+          fields: this.configColFields,
+          locale_id: this.localeId
+        },
+        responseType: 'blob'
+      }))
+      const href = URL.createObjectURL(response.data)
+      const link = document.createElement('a')
+      link.href = href
+      link.setAttribute('download', `report_${this.$moment().format('YYYYMMDD_HHmmss')}.xlsx`)
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+      URL.revokeObjectURL(href)
+    } catch (err) {
+      this.$showError(err)
+    } finally {
+      this.loadingExcel = false
+    }
+  },
+  async getList () {
+    if (this.isFormSub) {
+      return
+    }
+    if (this.beforeGetList) {
+      await this.beforeGetList()
+    }
+    if (this.subColumn) {
+      if (!this.parentRow) {
+        this.list = []
+        this.count = 0
+        return
+      }
+      this.search[this.subColumn.col_field] = { val: this.parentRow ? this.parentRow[this.pk_field_name] : 'null', t: 'number', op: 'eq' }
+      const trigger_fields = getTriggerFields(this.subColumn.trigger_fields)
+      for (const { localKey, localVal, type, operation } of trigger_fields) {
+        if (localVal.includes('#')) {
+          const tempKey = localVal.substring(1)
+          this.search[localKey] = { val: this.parentRow[tempKey], t: type, op: operation }
+        }
+      }
+    }
+    const that = this
+    const CancelToken = this.$axios.CancelToken
+    if (that.cancel) {
+      that.cancel()
+    }
+    const search = {}
+    for (const searchKey in this.search) {
+      if (searchKey === '$and') {
+        search[searchKey] = this.search[searchKey]
+      } else {
+        const { op, val, t } = this.search[searchKey]
+        if (t === 'boolean') {
+          if ([true, false].includes(val)) {
+            search[searchKey] = { op, val, t }
+          }
+        } else if (op === 'between') {
+          if (val && (val[0] || val[1])) {
+            search[searchKey] = { ...this.search[searchKey] }
+          }
+        } else if (val) {
+          if (t === 'manyToOne') {
+            search[searchKey] = { op, val: val._id, t }
+          } else {
+            search[searchKey] = { op, val, t }
+          }
+        }
+      }
+    }
+    if (this.textWhere) {
+      const trigger_fields = getTriggerFields(this.textWhere)
+      for (const { localKey, localVal, operation, type } of trigger_fields) {
+        search[localKey] = { val: localVal, t: type, op: operation }
+      }
+    }
+    const extraFields = []
+    if (this.extraFields) {
+      extraFields.push(...this.extraFields?.split(','))
+    }
+    if (this.customExtraFields) {
+      extraFields.push(...this.customExtraFields?.split(','))
+    }
+    this.data = (await this.$axios.get(this.url, {
+      params: {
+        pageSize: this.pageSize || '20',
+        currentPage: this.currentPage,
+        qstatus: this.qstatus,
+        search: JSON.stringify(search),
+        sorts: JSON.stringify(this.sorts),
+        locale_id: this.localeId,
+        extraFields: extraFields.join(',')
+      },
+      cancelToken: new CancelToken(function executor (c) {
+        that.cancel = c
+      })
+    })).data
+    // this.data.list.sort(this.handleListSort)
+    this.listPage = this.currentPage
+  },
+  handleSearchInput ({ col_key, value, op }) {
+    if (has(this.search, col_key)) {
+      this.search[col_key].val = value
+      if (op) {
+        this.search[col_key].op = op
+      }
+    }
+  },
+  handleSearch () {
+    if (this.localKeySearch) {
+      localStorage.setItem(this.localKeySearch, JSON.stringify(this.search))
+    }
+    if (this.currentPage === 1) {
+      this.handleRefreshList()
+    } else {
+      this.currentPage = 1
+    }
+  },
+  async handleRefreshList (config) {
+    let isCancel = false
+    const start1 = new Date()
+    this.clientDurationMs = null
+    try {
+      if (config && config.pageSize) {
+        this.pageSize = config.pageSize
+      }
+      const localSorts = localStorage.getItem(this.localKeySort)
+      const localSearch = localStorage.getItem(this.localKeySearch)
+      // const localPageSize = localStorage.getItem(this.localKeyPageSize)
+      if (localSorts && this.localKeySort) {
+        try {
+          this.sorts = JSON.parse(localSorts)
+        } catch (_) {
+          localStorage.removeItem(this.localKeySort)
+        }
+      }
+      if (localSearch && this.localKeySearch) {
+        try {
+          this.search = { ...this.search, ...JSON.parse(localSearch) }
+        } catch (_) {
+          localStorage.removeItem(this.localKeySearch)
+        }
+      }
+      // if (localPageSize && this.localKeyPageSize) {
+      //   try {
+      //     this.pageSize = Number(localPageSize)
+      //   } catch (_) {
+      //     localStorage.removeItem(this.localKeyPageSize)
+      //   }
+      // }
+      this.loading = true
+      await this.$nextTick()
+      await this.getList()
+      // console.log('resetTemp', 'handleRefreshList')
+      this.resetTemp()
+    } catch (err) {
+      isCancel = this.$axios.isCancel(err)
+      if (!isCancel) {
+        this.list = []
+        this.count = 0
+        this.$showError(err)
+      }
+    } finally {
+      if (!isCancel) {
+        this.clientDurationMs = new Date() - start1
+        this.loading = false
+      }
+    }
+  },
+  handleRefresh () {
+    localStorage.removeItem(this.localKeySearch)
+    this.resetSearch()
+    if (!this.onlyList) {
+      this.resetTemp()
+    }
+    if (this.currentPage === 1) {
+      this.handleRefreshList()
+    } else {
+      this.currentPage = 1
+    }
+  },
+  handleSortChange ({ prop, order }) {
+    this.sorts = [{ prop, order }]
+    if (this.localKeySort) {
+      localStorage.setItem(this.localKeySort, JSON.stringify(this.sorts))
+    }
+    this.handleRefreshList()
+  },
+  handleCurrentChange (val) {
+    this.currentPage = val
+  },
+  handleChangeSize (val) {
+    this.currentPage = 1
+    this.pageSize = val
+    // if (this.localKeyPageSize) {
+    //   localStorage.setItem(this.localKeyPageSize, String(val))
+    // }
+  },
+  async uploadImageBase64Id (responseBase64) {
+    const blob = base64ToBlob(responseBase64, 'image/png')
+    const formData = new FormData()
+    formData.append('file', blob)
+    const headers = { 'Content-Type': 'multipart/form-data' }
+    headers.Authorization = `Bearer ${this.token}`
+    const instance = this.$axios.create({ baseURL: this.env.baseUrl, headers })
+    const { data } = await instance.post('file/upload', formData)
+    return data
+  }
+}
+
+export const getAsyncData = async ({
+  $axios,
+  projectId,
+  tableName,
+  apiName,
+  reApi,
+  configColFields,
+  configColHideFields,
+  configColNullableFields,
+  configColDisableFields,
+  id,
+  sub,
+  isLog,
+  readOnly,
+  isInline,
+  selectable,
+  skipFormReadonly,
+  parentLevel,
+  inlineParentTemp = null,
+  customExtraFields,
+  checkPermission = false,
+  error,
+  rootApiId
+}) => {
+  const configUrl = `config/table/${projectId}/${tableName}`
+  const { data } = await $axios.get(configUrl, { params: { sub, id, apiName, reApi } })
+  if (!data) {
+    return {
+      configProjectId: null, project: null, table: null,
+      columns: [], configTableName: null,
+      configColFields: [], hasPassword: null, refColumns: [],
+      subColumn: null, parentRow: null, api_id: null, api_title: null, locales: []
+    }
+  }
+  const {
+    project,
+    table,
+    sorts,
+    columns,
+    refColumns,
+    subColumn,
+    parentRow,
+    config_group_fields,
+    config_form_menus,
+    apiTextSelectFields,
+    level,
+    api_id,
+    level_api_id,
+    api_title,
+    hasHandbook,
+    locales,
+    isXypLog,
+    columnUsers,
+    statuses
+  } = data
+  if (!level && checkPermission) {
+    error({ statusCode: 402 })
+  }
+  const fields = {}
+  let selectFields = apiTextSelectFields
+  if (!apiTextSelectFields && table.name === 'hrm_users') {
+    selectFields = 'movement_id.name,organization_id.name,position_id.name,start_date,remove_movement_id.name,end_date'
+  }
+  if (selectFields) {
+    selectFields.split(',').map((c) => {
+      const k = c.split('*')
+      const k0 = get(k, '[0]')
+      return k0
+    }).forEach(function (key) {
+      set(fields, key, 1)
+    })
+  }
+  let formReadonly = false
+  if (!skipFormReadonly) {
+    formReadonly = !['1'].includes(project._id) && !(parentLevel || level)?.actions?.some(c => ['EDIT', 'CREATE', 'DECISION'].includes(c.code))
+  }
+  const form_col = Number(table.form_col || 1)
+  let hasPassword = false
+  const isService = tableName && tableName.startsWith('service_')
+  const getColumns = (columns1, parentKeys = [], parentFields) => {
+    const configColumns = []
+    const columns2 = columns1.filter((c) => {
+      if (configColFields?.length) {
+        return configColFields.includes(c.col_field)
+      }
+      if (configColHideFields?.length && configColHideFields.includes(c.col_field)) {
+        return false
+      }
+      return true
+    })
+    for (const col of columns2) {
+      if (col.col_type === 'password') {
+        hasPassword = true
+        continue
+      }
+      const getColId = (col_id, col_field) => {
+        if (col_field === '_id') { return '1001' }
+        if (col_field === 'created_at') { return '1002' }
+        if (col_field === 'updated_at') { return '1003' }
+        if (col_field === 'deleted_at') { return '1004' }
+        return col_id
+      }
+      const conf = {
+        col_id: getColId(col._id, col.col_field),
+        col_key: parentKeys.concat(col.col_field).join('.'),
+        col_field: col.col_field,
+        col_type: col.col_type,
+        col_default: col.col_default,
+        ref_table: col.ref_table,
+        ref_column: col.ref_column,
+        trigger_fields: col.trigger_fields,
+        col_hidden: isHidden(col, subColumn),
+        col_length: col.col_length,
+        col_nullable: col.col_nullable,
+        col_multiple: col.col_multiple,
+        form: {
+          component: getFormComponent(col, {
+            isInline,
+            formReadonly,
+            isXyp: isXypLog,
+            table_name: table?.name,
+            level_code: level?.level_code,
+            projectId,
+            serviceName: tableName,
+            rootApiId: level_api_id || rootApiId || api_id
+          }),
+          label: col.col_title,
+          width: getFormWidth(col, form_col),
+          colSpan: getFormColSpan(col, form_col, table?.name),
+          rowSpan: getFormRowSpan(col, form_col),
+          prop: col.col_field.replace('.', ''),
+          description: col.description
+        },
+        props: {
+          label: col.col_title,
+          align: getColAlign(col),
+          sortable: true,
+          ...getColWidth({ ...col, col_key: parentKeys.concat(col.col_field).join('.') }, table.fill_field, isInline)
+        },
+        col_order: col.col_order,
+        configHidden: false,
+        tableHidden: false,
+        child_key: null,
+        child_type: null,
+        search_key: null,
+        search_type: null
+      }
+      const propColKeys = Object.keys(parentFields)
+      if (!conf.col_hidden && propColKeys.length && propColKeys.length > 0) {
+        const propIndex = propColKeys.findIndex(c => c === conf.col_field)
+        conf.tableHidden = propIndex === -1
+        conf.col_order = propIndex
+      }
+      const columnUser = columnUsers?.find(c => c.column_id === conf.col_id)
+      if (columnUser) {
+        if (has(columnUser, 'sort_order') && columnUser.sort_order !== null && columnUser.sort_order > -1) {
+          conf.col_order = columnUser.sort_order
+        }
+        if (columnUser.col_width) {
+          conf.props.width = columnUser.col_width
+        }
+        conf.configHidden = columnUser.hidden
+      }
+      if (['decimal', 'date', 'datetime', 'number'].includes(col.col_type)) {
+        conf.searchOp = 'between'
+      }
+      if (col.col_type === 'boolean') {
+        conf.form.col_default = getFormBoolean(col.col_default)
+      } else if (col.col_default) {
+        conf.form.col_default = col.col_default
+      }
+      if (getFormBoolean(col.col_readonly)) {
+        conf.form.col_readonly = true
+        set(conf, 'form.component.props.disabled', true)
+      } else if (subColumn) {
+        if (col.col_field === subColumn.col_field) {
+          conf.form.col_readonly = true
+        }
+        const trigger_fields = getTriggerFields(subColumn.trigger_fields)
+        for (const { localKey } of trigger_fields) {
+          if (localKey === col.col_field) {
+            conf.form.col_readonly = true
+            break
+          }
+        }
+      }
+      if (['created_user_id', 'updated_user_id'].includes(col.col_field) || configColDisableFields?.includes(col.col_field)) {
+        conf.form.col_readonly = true
+        set(conf, 'form.component.props.disabled', true)
+      }
+      if (configColNullableFields?.includes(col.col_field)) {
+        conf.form.required = false
+      } else if ((!col.col_readonly && !col.col_nullable) || !!configColFields) {
+        conf.form.required = true
+      }
+      if (!conf.tableHidden && (!!subColumn || selectable)) {
+        // if (!isLog || !['created_by', 'created_at'].includes(col.col_field)) {
+        //   conf.tableHidden = groupFieldLog.col_fields.includes(col.col_field)
+        // }
+        if (!isLog && !['created_by', 'created_at'].includes(col.col_field)) {
+          conf.tableHidden = groupFieldLog.col_fields.includes(col.col_field)
+        }
+      }
+      if (col.columns && col.columns.length > 0 && !conf.tableHidden) {
+        const searchStringTables = ['firearm_gun', 'cstm_crime_places']
+        const searchStringFields = ['model_id', 'calibre_id', 'expert_id']
+        conf.columns = getColumns(col.columns, parentKeys.concat(col.col_field), parentFields[col.col_field] || {})
+        const showChildColumn = conf.columns?.filter(c => !c.tableHidden && !['color', 'is_ping', 'code'].includes(c.col_field))
+        conf.hasChildren = showChildColumn.length > 1
+        if (conf.hasChildren) {
+          const confChild = get(showChildColumn, '[0]')
+          conf.child_key = confChild?.child_key || confChild?.col_key
+          conf.child_type = confChild?.child_type || confChild?.col_type
+          conf.props.align = 'center'
+        } else {
+          const confChild = get(showChildColumn, '[0]')
+          // console.log('confChild', confChild)
+          conf.child_key = confChild?.child_key || confChild?.col_key
+          conf.child_type = confChild?.child_type || confChild?.col_type
+          conf.search_type = conf.col_type
+          conf.search_key = conf.col_field
+          // console.log('conf', conf)
+          // if (confChild?.col_key === 'position_id.name') {
+          //   conf.search_type = confChild?.col_type
+          //   conf.search_key = confChild?.col_key
+          // }
+          if (conf.props.width !== 'auto') {
+            conf.props.width = get(confChild, 'props.width')
+            conf.props['min-width'] = get(confChild, 'props.min-width')
+          }
+          if (searchStringTables.includes(table?.name) && searchStringFields.includes(col.col_field)) {
+            conf.search_type = confChild?.col_type
+            conf.search_key = confChild?.col_key
+            conf.search_op = 'start'
+          }
+          // if (['created_by'].includes(conf.col_key)) {
+          //   conf.child_key = `${conf.col_key}.full_name`
+          //   conf.search_type = 'string'
+          //   conf.search_key = `${conf.col_key}.full_name`
+          // }
+          // if (conf.col_key?.endsWith('.employee_id')) {
+          //   conf.child_key = `${conf.col_key}.full_name`
+          // }
+        }
+      } else if (col.col_type === 'manyToOne') {
+        if (['created_by', 'updated_by'].includes(col.col_field)) {
+          conf.child_key = parentKeys.concat(col.col_field, 'full_name').join('.')
+          conf.search_key = conf.child_key
+          conf.search_type = 'string'
+        } else if (col.ref_column === 'given_name,surname,image') {
+          conf.child_key = parentKeys.concat(col.col_field, 'full_name').join('.')
+        } else {
+          conf.child_key = `${col.col_field}.${col.ref_column}`
+        }
+        conf.child_type = 'string'
+      }
+      configColumns.push(conf)
+    }
+    const showColumns = configColumns.filter((c) => {
+      if (getFormBoolean(c.col_hidden)) {
+        return false
+      }
+      if (c.col_type === 'pkid') {
+        return true
+      }
+      return true
+    })
+    return showColumns
+  }
+  const showColumns = getColumns(columns, [], fields)
+  const isDetail = showColumns.some(c => c.col_field.includes('html_') && !c.col_field.includes('mini')) || config_group_fields?.some(c => ['SUB_TABLE', 'CUSTOM', 'SUB_TABLE_LOG'].includes(c.group_type))
+  return {
+    configProjectId: project._id,
+    project,
+    table,
+    apiName,
+    reApi,
+    formWidth: (200 + form_col * 400) + 'px',
+    columns: showColumns,
+    sorts,
+    configTableName: !sub && isService ? tableName : table.name, // Сервис дээр дуудах / SUB table дуудах
+    configColFields,
+    hasPassword,
+    refColumns,
+    subColumn,
+    parentRow,
+    inlineParentTemp,
+    readOnly,
+    config_group_fields,
+    config_form_menus,
+    level,
+    api_id,
+    api_title,
+    rootApiId: level_api_id || rootApiId || api_id,
+    hasHandbook,
+    isDetail,
+    locales,
+    formReadonly,
+    isXypLog,
+    customExtraFields,
+    statuses
+  }
+}