eztech-core-components 1.0.0

package/comps/Custom/TableLogs.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="flex flex-col gap-2">
+    <div v-if="loading" class="text-coreSecondaryText font-semibold text-sm py-2 text-center">
+      Түр хүлээнэ үү..
+    </div>
+    <div v-for="item in list" :key="item._id" class="text-coreRegularText flex flex-col gap-2 text-sm border px-4 py-2 rounded-lg">
+      <div class="flex gap-4 justify-between items-center">
+        <div class="flex flex-col gap-1 flex-1">
+          <div class="flex gap-4 items-center ">
+            <el-tag disable-transitions :type="item.action.type" size="mini">
+              {{ item.action.title }}
+            </el-tag>
+            <div class="leading-3">
+              {{ item.title }}
+            </div>
+          </div>
+          <div v-if="item.description">
+            <el-tag disable-transitions type="info" size="mini">
+              Үйлдлийн тайлбар: {{ item.description }}
+            </el-tag>
+          </div>
+        </div>
+        <div class="flex flex-col items-start w-[150px]">
+          <div><i class="el-icon-user" /> {{ item.created_user }}</div>
+          <div><i class="el-icon-alarm-clock" /> <span class="text-coreSecondaryText font-semibold text-xs">{{ item.created_date }}</span></div>
+        </div>
+      </div>
+      <div v-if="item.values" class="flex gap-1 flex-wrap rounded font-[500]">
+        <div v-for="(val, ind) in item.values" :key="ind.toString()" class="bg-coreBgInput px-2 py-1 text-xs">
+          {{ val }}
+        </div>
+      </div>
+    </div>
+    <div v-if="!loading" class="text-center">
+      <el-button v-if="count > list.length" type="text" :loading="loadingMore" icon="el-icon-arrow-down" @click="handleRefresh(true)">
+        Өмнөх лог: {{ list.length }}/{{ count }}
+      </el-button>
+      <div v-else class="text-coreSecondaryText font-semibold text-sm py-2">
+        Нийт лог: {{ count }}
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    project_id: { type: [String, Number], default: null },
+    table_id: { type: [String, Number], default: null },
+    pk_id: { type: String, default: null }
+  },
+  data () {
+    return {
+      loading: false,
+      loadingMore: false,
+      list: [],
+      count: 0
+    }
+  },
+  mounted () {
+    this.handleRefresh()
+  },
+  methods: {
+    async handleRefresh (isMore = false) {
+      try {
+        if (this.loading || this.loadingMore) {
+          return
+        }
+        if (!isMore) {
+          this.loading = true
+          this.list = []
+        } else {
+          this.loadingMore = false
+        }
+        const { data: { list, count } } = await this.$axios.get(`log/list/${this.project_id}/${this.table_id}/${this.pk_id}/${this.list.length}/5`)
+        this.list = this.list.concat(list)
+        this.count = count
+      } catch (err) {
+        this.$showError(err)
+      } finally {
+        this.loadingMore = false
+        this.loading = false
+      }
+    }
+  }
+}
+</script>

package/comps/Custom/UserClotheRow.vue

@@ -0,0 +1,105 @@
+<template>
+  <tr class="border-b">
+    <td class="text-center">
+      {{ ind + 1 }}
+    </td>
+    <td>{{ item.name }}</td>
+    <td class="text-center py-4">
+      {{ item.lifetime_year }}
+    </td>
+    <td :align="'center'">
+      <el-switch v-model="selected" size="small" />
+    </td>
+    <td :align="'center'" class="px-2">
+      <core-select-enum
+        v-if="selected"
+        v-model="size"
+        size="small"
+        :enum_values="item.type_general_id.clothe_sizes"
+      />
+    </td>
+    <td :align="'center'" class="px-2">
+      <el-input-number v-if="selected" v-model="total" size="small" controls-position="right" :min="1" />
+    </td>
+    <td class="py-2">
+      <core-date v-if="selected" v-model="received_date" size="small" />
+    </td>
+    <td class="py-2 px-2">
+      <el-input v-if="selected" v-model="description" type="textarea" size="small" show-word-limit :autosize="{ minRows: 1, maxRows: 6 }" />
+    </td>
+    <td class="py-2">
+      {{ value?.next_receive_date?.$date() }}
+    </td>
+  </tr>
+</template>
+<script>
+export default {
+  props: {
+    ind: {
+      type: Number,
+      default: 0
+    },
+    item: {
+      type: Object,
+      default: () => { return null }
+    },
+    value: {
+      type: Object,
+      default: () => { return null }
+    }
+  },
+  computed: {
+    selected: {
+      get () {
+        return !!this.value
+      },
+      set (val) {
+        if (!!this.value === val) {
+          return
+        }
+        if (val) {
+          this.$emit('change', { clothe_reg_id: this.item })
+        } else {
+          this.$emit('remove', { clothe_reg_id: this.item })
+        }
+      }
+    },
+    total: {
+      get () {
+        return this.value?.total || 1
+      },
+      set (val) {
+        const oldVal = this.value?.total || 1
+        if (Number(oldVal) === Number(val)) {
+          return
+        }
+        this.$emit('change', { clothe_reg_id: this.item, total: val })
+      }
+    },
+    size: {
+      get () {
+        return this.value?.size
+      },
+      set (val) {
+        this.$emit('change', { clothe_reg_id: this.item, size: val })
+      }
+    },
+    received_date: {
+      get () {
+        return this.value?.received_date
+      },
+      set (val) {
+        this.$emit('change', { clothe_reg_id: this.item, received_date: val })
+      }
+    },
+    description: {
+      get () {
+        return this.value?.description
+      },
+      set (val) {
+        this.$emit('change', { clothe_reg_id: this.item, description: val })
+      }
+    }
+  }
+}
+</script>

package/comps/Custom/UserClothes.vue

@@ -0,0 +1,470 @@
+<template>
+  <div v-if="loading">
+    <core-loader />
+  </div>
+  <div v-else class="flex flex-col gap-2 px-4 py-2">
+    <div class="border-b pb-1 font-medium text-sm text-coreRegularText">
+      Өөрийн хувцасны хэмжээг засварлах:
+    </div>
+    <div class="w-full pb-2 grid grid-cols-1 sm:grid-cols-2 gap-2">
+      <div v-for="item in types" :key="item._id" class="">
+        <div
+          class="flex gap-2 items-center overflow-hidden"
+        >
+          <div class="text-sm text-coreRegularText w-40 text-right leading-3">
+            {{ item.name }}
+          </div>
+          <el-select
+            :value="getValue(item)"
+            size="mini"
+            class="w-28"
+            @change="($event) => handleChange(item, $event)"
+          >
+            <el-option v-for="val in item.clothe_sizes.split(',')" :key="val" :label="val" :value="val" />
+          </el-select>
+          <i v-if="loadingTypes.includes(item._id)" class="el-icon-loading text-coreSecondaryText" />
+        </div>
+      </div>
+    </div>
+    <div class="border-b pb-1 font-medium text-sm text-coreRegularText">
+      Хувцас хангалтын систем дэх таны хувцасны хэмжээ:
+    </div>
+    <div class="w-full pb-2 grid grid-cols-2 gap-2">
+      <div v-for="item in types" :key="item._id" class="">
+        <div
+          class="flex gap-2 items-center overflow-hidden"
+        >
+          <div class="text-sm text-coreRegularText w-40 text-right">
+            {{ item.name }}:
+          </div>
+          <div class="text-sm text-coreRegularText font-bold">
+            {{ getValue(item) || 'сонгоогүй' }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-tabs type="card" class="pb-4">
+      <el-tab-pane label="Хангалтаар авсан хувцас хэрэгсэл">
+        <el-button
+          v-if="level?.actions?.some(c => c.code === 'EDIT')"
+          size="small"
+          type="primary"
+          plain
+          icon="el-icon-check"
+          @click="visible = true"
+        >
+          {{ title }}
+        </el-button>
+        <table class="w-full text-sm mx-4">
+          <colgroup>
+            <col width="50" class="py-2 text-center">
+            <col width="140" class="px-2">
+            <col width="140">
+            <col width="60" class="px-2">
+            <col width="60" class="px-2">
+            <col width="120" class="px-2">
+            <col width="140">
+            <col width="140">
+            <col>
+          </colgroup>
+          <thead>
+            <tr class="border-b text-coreRegularText font-medium">
+              <td class="text-center">
+                №
+              </td>
+              <td>Төрөл</td>
+              <td>Хувцас хэрэгсэл</td>
+              <td class="text-center">
+                Эдэлгээний хугацаа жил
+              </td>
+              <td class="text-center  text-center">
+                Хэмжээ
+              </td>
+              <td class="py-2 px-2 text-center">
+                Тоо ширхэг
+              </td>
+              <td class="py-2 px-2 text-center">
+                Хүлээн авсан огноо
+              </td>
+              <td class="py-2 px-2 text-center">
+                Дараагийн хэрэгсэл авах огноо
+              </td>
+              <td class="py-2 px-2 text-center">
+                Тайлбар
+              </td>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-if="!loading && clothes.length === 0" class="border-b">
+              <td class="text-center py-4 text-coreSecondaryText" colspan="7">
+                Хангалтаар авсан хувцас хэрэгсэл байхгүй байна..
+              </td>
+            </tr>
+            <template v-for="(item, index) in clothes">
+              <tr
+                v-if="index === 0 || clothes[index - 1]?.clothe_reg_id?.type_general_id?._id !== item.clothe_reg_id?.type_general_id._id"
+                :key="item._id + '_type'"
+                class="border-b"
+              >
+                <td class="font-medium bg-gray-50 px-5 py-1 text-base" colspan="9">
+                  {{ item.clothe_reg_id?.type_general_id?.name }}
+                </td>
+              </tr>
+              <tr :key="item._id" class="border-b">
+                <td class="text-center">
+                  {{ index + 1 }}
+                </td>
+                <td>{{ item.type_id?.name }}</td>
+                <td>{{ item.clothe_reg_id?.name }}</td>
+                <td class="text-center py-4">
+                  {{ item.lifetime_year }}
+                </td>
+                <td class="py-2 text-center">
+                  {{ item.size }}
+                </td>
+                <td class="py-2 text-center">
+                  {{ item.total }}
+                </td>
+                <td class="py-2">
+                  {{ item.received_date?.$date() }}
+                </td>
+                <td class="py-2">
+                  {{ item.next_receive_date?.$date() }}
+                </td>
+                <td class="py-2">
+                  {{ item.description }}
+                </td>
+              </tr>
+            </template>
+          </tbody>
+        </table>
+      </el-tab-pane>
+      <el-tab-pane label="Хугацаа болсон авах хувцас хэрэгсэл">
+        <table class="w-full text-sm mx-4">
+          <colgroup>
+            <col width="50" class="py-2 text-center">
+            <col width="140" class="px-2">
+            <col width="140">
+            <col width="120" class="px-2">
+            <col width="140">
+            <col width="140">
+            <col>
+          </colgroup>
+          <thead>
+            <tr class="border-b text-coreRegularText font-medium">
+              <td class="text-center">
+                №
+              </td>
+              <td>Төрөл</td>
+              <td>Хувцас хэрэгсэл</td>
+              <td class="text-center">
+                Эдэлгээний хугацаа жил
+              </td>
+              <td class="py-2 px-2">
+                Хүлээн авсан огноо
+              </td>
+              <td class="py-2 px-2">
+                Дараагийн хэрэгсэл авах огноо
+              </td>
+              <td class="py-2 px-2">
+                Тайлбар
+              </td>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-if="!loading && expiredClothes.length === 0" class="border-b">
+              <td class="text-center py-4 text-coreSecondaryText" colspan="7">
+                Хугацаа болсон авах хувцас хэрэгсэл байхгүй байна..
+              </td>
+            </tr>
+            <tr v-for="(item, index) in expiredClothes" :key="item._id" class="border-b">
+              <td class="text-center">
+                {{ index + 1 }}
+              </td>
+              <td>{{ item.type_id.name }}</td>
+              <td>{{ item.clothe_reg_id.name }}</td>
+              <td class="text-center">
+                {{ item.lifetime_year }}
+              </td>
+              <td class="py-4">
+                {{ item.received_date?.$date() }}
+              </td>
+              <td class="py-2">
+                {{ item.next_receive_date?.$date() }}
+              </td>
+              <td class="py-2">
+                {{ item.description }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </el-tab-pane>
+      <el-tab-pane label="Бэлэн байгаа хувцасны мэдээлэл">
+        <div class="text-center py-4 text-coreSecondaryText text-sm">
+          Түр засвартай байна..
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+    <el-dialog :visible.sync="visible" :title="title" width="950px">
+      <div v-if="visible" class="flex flex-col gap-2">
+        <el-alert :closable="false" title="Та хүлээн авсан огноогоо мэдэхгүй бол хоосон үлдээнэ үү." type="warning" show-icon />
+        <table class="bg-white rounded w-full text-sm leading-4">
+          <colgroup>
+            <col width="50" class="py-2 text-center">
+            <col width="140">
+            <col width="80" class="px-2">
+            <col width="60">
+            <col width="90">
+            <col width="90">
+            <col width="140">
+            <col>
+            <col width="100">
+          </colgroup>
+          <thead>
+            <tr class="border-b text-coreRegularText font-medium">
+              <td class="text-center">
+                №
+              </td>
+              <td>Хувцас хэрэгсэл</td>
+              <td class="text-center">
+                Эдэлгээний хугацаа жил
+              </td>
+              <td :align="'center'" class="text-center">
+                Авсан эсэх?
+              </td>
+              <td :align="'center'" class="text-center">
+                Хэмжээ
+              </td>
+              <td :align="'center'" class="text-center">
+                Тоо ширхэг
+              </td>
+              <td class="py-2 px-2 text-center">
+                Хүлээн авсан огноо
+              </td>
+              <td class="py-2 px-2 text-center">
+                Тайлбар
+              </td>
+              <td class="py-2 px-2 text-center">
+                Дараагийн хэрэгсэл авах огноо
+              </td>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-if="!loading && clotheRegs.length === 0" class="border-b">
+              <td class="text-center py-4 text-coreSecondaryText" colspan="9">
+                Хангалтаар авсан хувцас хэрэгсэл байхгүй байна..
+              </td>
+            </tr>
+            <template v-for="(item, index) in clotheRegs">
+              <tr
+                v-if="index === 0 || clotheRegs[index - 1]?.type_general_id?._id !== item.type_general_id._id"
+                :key="item._id + '_type'"
+                class="border-b"
+              >
+                <td class="font-medium bg-gray-50 px-5 py-1 text-base" colspan="9">
+                  {{ item.type_general_id.name }}
+                </td>
+              </tr>
+              <custom-user-clothe-row
+                :key="item._id"
+                :item="item"
+                :ind="index"
+                :rowspan="clothes.filter(c => c.clothe_reg_id?._id === item._id).length"
+                :value="clothes.find(c => c.clothe_reg_id?._id === item._id)"
+                @change="handleChangeUserClothe"
+                @remove="handleRemoveUserClothe"
+              />
+            </template>
+          </tbody>
+        </table>
+      </div>
+      <div slot="footer">
+        <el-button size="small" icon="el-icon-close" @click="visible = false">
+          Хаах
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    temp: { type: Object, default: () => { return null } },
+    level: { type: Object, default: () => { return null } }
+  },
+  data () {
+    return {
+      list: [],
+      types: [],
+      loading: false,
+      loadingTypes: [],
+      clothes: [],
+      expiredClothes: [],
+      clotheRegs: [],
+      title: 'Хангалтаар авсан хувцас хэрэгсэл удирдах',
+      visible: false,
+      timeoutUserClothe: {}
+    }
+  },
+  watch: {
+    'temp._id' () {
+      this.getList()
+    }
+  },
+  mounted () {
+    this.getList()
+  },
+  methods: {
+    handleChangeUserClothe ($event) {
+      const index = this.clothes.findIndex(c => c.clothe_reg_id?._id === $event.clothe_reg_id?._id)
+      clearTimeout(this.timeoutUserClothe[$event.clothe_reg_id?._id])
+      if (index === -1) {
+        const item = {
+          ...$event,
+          category_id: $event.clothe_reg_id?.category_id,
+          type_id: $event.clothe_reg_id?.type_id,
+          lifetime_year: $event.clothe_reg_id?.lifetime_year,
+          total: 1,
+          description: null,
+          received_date: null,
+          next_receive_date: null,
+          employee_id: this.temp._id
+        }
+        this.clothes.push({ ...item })
+        this.timeoutUserClothe[$event.clothe_reg_id?._id] = setTimeout(() => this.handleSaveUserClothe(item, true), 1000)
+      } else {
+        const item = this.clothes.find(c => c.clothe_reg_id?._id === $event.clothe_reg_id?._id)
+        const item1 = { ...item, ...$event }
+        const next_receive_date = item1.received_date ? this.$moment(item1.received_date).add(item1.clothe_reg_id.lifetime_year, 'years').format('YYYY-MM-DD') : null
+        const item2 = { ...item1, ...$event, next_receive_date }
+        this.clothes.splice(index, 1, { ...item2 })
+        this.timeoutUserClothe[$event.clothe_reg_id?._id] = setTimeout(() => this.handleSaveUserClothe(item2, true), 1000)
+      }
+      this.clothes.sort((a, b) => {
+        if (a.clothe_reg_id?.type_general_id?.sort_order !== b.clothe_reg_id?.type_general_id?.sort_order) {
+          return a.clothe_reg_id?.type_general_id?.sort_order - b.clothe_reg_id?.type_general_id?.sort_order
+        }
+        return a.clothe_reg_id?.sort_order - b.clothe_reg_id?.sort_order
+      })
+    },
+    handleRemoveUserClothe ($event) {
+      const index = this.clothes.findIndex(c => c.clothe_reg_id?._id === $event.clothe_reg_id?._id)
+      if (index > -1) {
+        this.clothes.splice(index, 1)
+      }
+      clearTimeout(this.timeoutUserClothe[$event.clothe_reg_id?._id])
+      this.timeoutUserClothe[$event.clothe_reg_id?._id] = setTimeout(() => this.handleSaveUserClothe($event, false), 1000)
+    },
+    async handleSaveUserClothe ($event, isUpdate) {
+      try {
+        const { data: clothe } = await this.$axios.get('one/5/service_clothe_tamachis', {
+          params: {
+            search: JSON.stringify({
+              employee_id: { op: 'eq', val: this.temp._id, t: 'number' },
+              clothe_reg_id: { op: 'eq', val: $event.clothe_reg_id._id, t: 'number' }
+            })
+          }
+        })
+        if (isUpdate) {
+          await this.$axios.post('5/service_clothe_tamachis', { ...$event, _id: clothe?._id, tid: clothe.tid })
+        } else if (clothe) {
+          await this.$axios.delete(`5/service_clothe_tamachis/${clothe._id}`, {
+            data: { tid: clothe.tid }
+          })
+        }
+      } catch (err) {
+        this.$showError(err)
+      }
+    },
+    getValue (item) {
+      const r = this.list.find(c => c.general_type_id?._id === item._id)
+      return r?.clothe_sizes
+    },
+    async handleChange (item, $event) {
+      try {
+        if (this.loadingTypes.includes(item._id)) {
+          return
+        }
+        this.loadingTypes.push(item._id)
+        let changedItem = this.list.find(c => c.general_type_id?._id === item._id)
+        if (changedItem) {
+          changedItem.clothe_sizes = $event
+        } else {
+          changedItem = { employee_id: this.temp._id, general_type_id: item, clothe_sizes: $event }
+          this.list.push({ ...changedItem })
+        }
+        await this.$axios.post('5/hrm_employee_clothe_sizes', { ...changedItem })
+      } catch (err) {
+        this.$showError(err)
+      } finally {
+        const index = this.loadingTypes.indexOf(item._id)
+        if (index > -1) {
+          this.loadingTypes.splice(index, 1)
+        }
+      }
+    },
+    async getList () {
+      try {
+        this.clothes = []
+        this.expiredClothes = []
+        this.types = []
+        this.list = []
+        if (!this.temp || !this.temp._id) {
+          return
+        }
+        this.loading = true
+        const { data: clotheRegs } = await this.$axios.get('list/5/ref_clothe_regs', {
+          params: {
+            extraFields: 'type_general_id.clothe_sizes,type_general_id.sort_order'
+          }
+        })
+        const { data: list } = await this.$axios.get('list/5/hrm_employee_clothe_sizes', {
+          params: {
+            search: JSON.stringify({
+              employee_id: { op: 'eq', val: this.temp._id, t: 'number' }
+            })
+          }
+        })
+        const { data: types } = await this.$axios.get('list/5/ref_clothe_general_types', {
+          params: {
+            search: JSON.stringify({
+              clothe_sizes: { op: 'eq', val: 'notnull', t: 'string' }
+            })
+          }
+        })
+        const { data: clothes } = await this.$axios.get('list/5/service_clothe_tamachis', {
+          params: {
+            search: JSON.stringify({
+              employee_id: { op: 'eq', val: this.temp._id, t: 'number' }
+            }),
+            sorts: JSON.stringify([
+              { prop: 'clothe_reg_id.type_general_id.sort_order', order: 'ascending' },
+              { prop: 'clothe_reg_id.sort_order', order: 'ascending' }
+            ]),
+            extraFields: 'clothe_reg_id.type_general_id.sort_order,clothe_reg_id.sort_order,clothe_reg_id.type_general_id.name'
+          }
+        })
+        const { data: expiredClothes } = await this.$axios.get('list/5/service_clothe_tamachis', {
+          params: {
+            search: JSON.stringify({
+              employee_id: { op: 'eq', val: this.temp._id, t: 'number' },
+              next_receive_date: { op: 'lt', val: new Date(), t: 'date' }
+            })
+          }
+        })
+        this.expiredClothes = expiredClothes
+        this.types = types
+        this.list = list
+        // каракуль малгай зөвхөн хурандаа нарт олгоно
+        const isCarakulCat = this.temp?.employee_degree_text?.toLowerCase()?.includes('цагдаагийн хурандаа')
+        this.clotheRegs = clotheRegs.filter(c => isCarakulCat || (!isCarakulCat && c.name?.toLowerCase() !== 'каракуль малгай'))
+        this.clothes = clothes
+      } catch (err) {
+        this.$showError(err)
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>