shared-ritm 1.2.69 → 1.2.71

package/dist/types/api/services/RepairsService.d.ts

@@ -1,11 +1,16 @@
 import ApiService from '@/api/settings/ApiService';
 import { ResponseApi } from '@/api/types/Api_Service';
-import { Api_Create_Repair_With_Equipments, Api_Equipment_Full_Dto, Api_Repair_Dto, Api_Update_Repair, OptionFilters } from '@/api/types/Api_Repairs';
+import { Api_Create_Repair_With_Equipments, Api_Create_Repair_With_Template, Api_Equipment_Full_Dto, Api_Repair_Dto, Api_Repair_Template, Api_Update_Repair, OptionFilters } from '@/api/types/Api_Repairs';
 declare class RepairsService extends ApiService {
     fetchFilters(fullParams: string): Promise<OptionFilters>;
     fetchRepairs(isQuery: boolean, queries?: string, hasTeams?: boolean | string, teamsFilter?: string, typeFilter?: string): Promise<ResponseApi<Api_Repair_Dto[]>>;
+    fetchRepairTemplates({ equipmentId, categoryCode, }: {
+        equipmentId?: string;
+        categoryCode?: string;
+    }): Promise<ResponseApi<Api_Repair_Template[]>>;
     fetchEquipment(): Promise<ResponseApi<Api_Equipment_Full_Dto[]>>;
     createRepair(payload: Api_Create_Repair_With_Equipments): Promise<any>;
+    createRepairFromTemplate(payload: Api_Create_Repair_With_Template): Promise<any>;
     startRepair(id: string): Promise<void>;
     finishRepair(id: string): Promise<any>;
     finishPreparationProject(id: string): Promise<any>;

package/dist/types/api/types/Api_Repairs.d.ts

@@ -62,19 +62,28 @@ export type Api_Task_Video_Source_Stream = {
 export type Api_Create_Repair_With_Equipments = {
     name: string;
     display_name: string;
-    description: string;
+    description?: string;
     equipment_id: string;
     power_output_MWh?: number;
     cost_per_MWh?: number;
-    category?: string;
+    category: number;
+    user_id_list?: string[];
+    team_id_list?: string[];
+};
+export type Api_Create_Repair_With_Template = Omit<Api_Create_Repair_With_Equipments, 'category' | 'equipment_id'> & {
+    repair_template_id: string;
+    plan_start_date: string;
+    task_id_list: string[];
 };
 export type Api_Update_Repair = {
     name?: string;
     display_name?: string;
-    description: string;
+    description?: string;
     power_output_MWh?: number;
     cost_per_MWh?: number;
-    category?: string;
+    category?: number;
+    user_id_list?: string[];
+    team_id_list?: string[];
 };
 export type Api_Repair_Dto = {
     id: string;
@@ -86,3 +95,14 @@ export type Api_Repair_Dto = {
     projects: Api_Projects[];
     equipments: Api_Equipment_Full_Dto[];
 };
+export type Api_Repair_Template = {
+    id: string;
+    repair_seconds: number;
+    equipment: Pick<Api_Equipment_Full_Dto, 'id' | 'name' | 'registration_number'>;
+    category: {
+        display_name: string;
+        name: string;
+        code: number;
+    };
+    task_list: string;
+};

package/dist/types/index.d.ts

@@ -2,7 +2,9 @@ import '@/shared/styles/general.css';
 import AppButton from '@/common/app-button/AppButton.vue';
 import AppCheckbox from '@/common/app-checkbox/AppCheckbox.vue';
 import AppDatePicker from '@/common/app-date-picker/AppDatePicker.vue';
+import AppDatepicker from '@/common/app-datepicker/AppDatepicker.vue';
 import AppInput from '@/common/app-input/AppInput.vue';
+import AppInputNew from '@/common/app-input-new/AppInputNew.vue';
 import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue';
 import AppLayout from '@/common/app-layout/AppLayout.vue';
 import AppLayoutHeader from '@/common/app-layout/components/AppLayoutHeader.vue';
@@ -35,7 +37,7 @@ import usePhotoService from '@/api/services/PhotoService';
 import useInstrumentsService from '@/api/services/InstrumentsService';
 import useControlsService from '@/api/services/ControlsService';
 import useSearchService from '@/api/services/SearchService';
-export { AppButton, AppCheckbox, AppDatePicker, AppInput, AppInputSearch, AppLayout, AppLayoutHeader, AppLayoutPage, AppLoader, AppSelect, AppSheet, AppSidebar, AppToggle, AppWrapper, AppConfirmDialog, AppDropdown, AppTablePagination, AppTableSearch, AppTableModal, AppTable, AppTableLayout, AppModalSelect, };
+export { AppButton, AppCheckbox, AppDatepicker, AppDatePicker, AppInput, AppInputNew, AppInputSearch, AppLayout, AppLayoutHeader, AppLayoutPage, AppLoader, AppSelect, AppSheet, AppSidebar, AppToggle, AppWrapper, AppConfirmDialog, AppDropdown, AppTablePagination, AppTableSearch, AppTableModal, AppTable, AppTableLayout, AppModalSelect, };
 export { ApiService, useAuthService, useGanttService, useMetricsService, useProjectsService, useRepairsService, useTasksService, useFileService, useControlsService, useVideoService, useUserService, usePhotoService, useInstrumentsService, useSearchService, };
 export { useBaseTable } from './common/app-table/controllers/useBaseTable';
 export { useTableModel } from './common/app-table/controllers/useTableModel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shared-ritm",
-  "version": "1.2.69",
+  "version": "1.2.71",
   "private": false,
   "files": [
     "dist",

package/src/api/services/RepairsService.ts

@@ -2,8 +2,10 @@ import ApiService from '@/api/settings/ApiService'
 import { ResponseApi } from '@/api/types/Api_Service'
 import {
   Api_Create_Repair_With_Equipments,
+  Api_Create_Repair_With_Template,
   Api_Equipment_Full_Dto,
   Api_Repair_Dto,
+  Api_Repair_Template,
   Api_Update_Repair,
   OptionFilters,
 } from '@/api/types/Api_Repairs'
@@ -28,6 +30,18 @@ class RepairsService extends ApiService {
     )
   }
 
+  public fetchRepairTemplates({
+    equipmentId,
+    categoryCode,
+  }: {
+    equipmentId?: string
+    categoryCode?: string
+  }): Promise<ResponseApi<Api_Repair_Template[]>> {
+    return this.get(
+      `repairs/get_repair_template_list?per_page=100000&categoryCodeList[0]=${categoryCode}&equipmentIdList[0]=${equipmentId}`,
+    )
+  }
+
   public fetchEquipment(): Promise<ResponseApi<Api_Equipment_Full_Dto[]>> {
     return this.get('repairs/equipment/list?per_page=100000')
   }
@@ -36,6 +50,10 @@ class RepairsService extends ApiService {
     return this.post<Api_Create_Repair_With_Equipments, any>('/repairs/equipments', payload)
   }
 
+  public createRepairFromTemplate(payload: Api_Create_Repair_With_Template) {
+    return this.post<Api_Create_Repair_With_Template, any>('/repairs/create_repair_from_repair_template', payload)
+  }
+
   public startRepair(id: string): Promise<void> {
     return this.post<null, void>(`/repairs/${id}/start`, null)
   }

package/src/api/types/Api_Repairs.ts

@@ -65,20 +65,30 @@ export type Api_Task_Video_Source_Stream = {
 export type Api_Create_Repair_With_Equipments = {
   name: string
   display_name: string
-  description: string
+  description?: string
   equipment_id: string
   power_output_MWh?: number
   cost_per_MWh?: number
-  category?: string
+  category: number
+  user_id_list?: string[]
+  team_id_list?: string[]
+}
+
+export type Api_Create_Repair_With_Template = Omit<Api_Create_Repair_With_Equipments, 'category' | 'equipment_id'> & {
+  repair_template_id: string
+  plan_start_date: string
+  task_id_list: string[]
 }
 
 export type Api_Update_Repair = {
   name?: string
   display_name?: string
-  description: string
+  description?: string
   power_output_MWh?: number
   cost_per_MWh?: number
-  category?: string
+  category?: number
+  user_id_list?: string[]
+  team_id_list?: string[]
 }
 
 export type Api_Repair_Dto = {
@@ -91,3 +101,15 @@ export type Api_Repair_Dto = {
   projects: Api_Projects[]
   equipments: Api_Equipment_Full_Dto[]
 }
+
+export type Api_Repair_Template = {
+  id: string
+  repair_seconds: number
+  equipment: Pick<Api_Equipment_Full_Dto, 'id' | 'name' | 'registration_number'>
+  category: {
+    display_name: string
+    name: string
+    code: number
+  }
+  task_list: string
+}

package/src/common/app-datepicker/AppDatepicker.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="datepicker">
+    <app-input-new
+      v-model="model"
+      readonly
+      input-class="cursor-pointer"
+      :label="label"
+      :required="required"
+      :rules="rules"
+      :error="error"
+      :disable="disabled"
+      placeholder="Выберите дату"
+    >
+      <q-popup-proxy v-if="!disabled" class="datepicker__wrapper" @update:model-value="updateError">
+        <q-date
+          v-model="model"
+          :mask="`DD.MM.YYYY ${timeFormat}`"
+          :options="disablePastDates"
+          @update:model-value="error = false"
+        />
+        <q-time
+          v-if="time"
+          v-model="model"
+          :mask="`DD.MM.YYYY ${timeFormat}`"
+          format24h
+          :hour-options="hourOptions()"
+          :minute-options="minuteOptions()"
+        />
+      </q-popup-proxy>
+      <template #append>
+        <q-icon name="event" class="cursor-pointer"></q-icon>
+      </template>
+    </app-input-new>
+  </div>
+</template>
+
+<script setup lang="ts">
+import AppInputNew from '@/common/app-input-new/AppInputNew.vue'
+import { ref, withDefaults, defineEmits, defineProps, defineModel } from 'vue'
+
+interface Props {
+  label: string
+  modelValue?: string
+  rules?: ((val?: string | number | null) => boolean | string)[]
+  disableRuleDates?: string
+  time?: boolean
+  noPastDates?: boolean
+  disabled?: boolean
+  required?: boolean
+  timeFormat?: string
+}
+const props = withDefaults(defineProps<Props>(), {
+  timeFormat: 'HH:mm',
+  rules: () => [],
+  disableRuleDates: undefined,
+  modelValue: undefined,
+})
+
+defineEmits(['update:modelValue'])
+
+const model = defineModel<string | null | undefined>()
+
+const error = ref(false)
+
+const updateError = (state: boolean) => {
+  if (!error.value && !model.value && !state) {
+    error.value = true
+  }
+}
+
+const disablePastDates = (date: string) => {
+  if (!props.noPastDates && !props.disableRuleDates) return true
+
+  const [year, month, day] = date.split('/')
+  const currentDate = new Date(Number(year), Number(month) - 1, Number(day))
+
+  if (props.disableRuleDates) {
+    const firstDate = new Date(props.disableRuleDates)
+    return currentDate >= firstDate
+  }
+
+  const today = new Date()
+  const todayDate = new Date(today.getFullYear(), today.getMonth(), today.getDate())
+
+  return currentDate >= todayDate
+}
+
+function getSelectedDate() {
+  if (!model.value) return null
+
+  return model.value.toString().substring(0, 10)
+}
+
+function getSelectedHour() {
+  if (!model.value) return null
+
+  const timePart = model.value.toString().split(' ')[1]
+  return timePart ? Number(timePart.split(':')[0]) : null
+}
+
+function hourOptions(): number[] {
+  const today = new Date()
+  const selectedDate = getSelectedDate()
+  const todayStr = today.toISOString().slice(0, 10)
+
+  if (selectedDate !== todayStr) {
+    return Array.from({ length: 24 }, (_, i) => i)
+  }
+
+  const currentHour = today.getHours()
+  return Array.from({ length: 24 - currentHour }, (_, i) => currentHour + i)
+}
+
+function minuteOptions(): number[] {
+  const today = new Date()
+  const selectedDate = getSelectedDate()
+  const todayStr = today.toISOString().slice(0, 10)
+  const selectedHour = getSelectedHour()
+
+  if (selectedDate !== todayStr) {
+    return Array.from({ length: 60 }, (_, i) => i)
+  }
+
+  if (selectedHour === today.getHours()) {
+    const currentMinutes = today.getMinutes()
+    return Array.from({ length: 60 - currentMinutes }, (_, i) => currentMinutes + i)
+  }
+
+  return Array.from({ length: 60 }, (_, i) => i)
+}
+</script>
+
+<style scoped lang="scss">
+.datepicker {
+  :deep(input),
+  :deep(.q-field--readonly.q-field--float .q-field__native) {
+    cursor: pointer;
+  }
+
+  &__label {
+    font-size: 14px;
+    font-weight: 700;
+    color: #7d8592;
+
+    .required {
+      color: #f65160;
+      font-weight: bold;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.datepicker {
+  &__wrapper {
+    display: flex;
+
+    .q-time,
+    .q-date {
+      box-shadow: none;
+      border-radius: 0;
+    }
+  }
+}
+</style>

package/src/common/app-input-new/AppInputNew.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="app-input-new">
+    <label v-if="label" class="app-input-new__label">
+      {{ label }}
+      <span v-if="required" class="required">*</span>
+    </label>
+
+    <q-input
+      v-model="model"
+      filled
+      :type="type"
+      :rules="rules"
+      :placeholder="placeholder"
+      :disable="disable"
+      :readonly="readonly"
+      :class="inputClass"
+      :error="error"
+    >
+      <slot />
+      <template #append>
+        <slot name="append" />
+        <q-icon
+          v-if="clearable && String(model)?.length"
+          name="close"
+          class="cursor-pointer clear-input"
+          @click="model = null"
+        />
+        <q-btn v-if="uuid" flat no-caps label="UUID" size="sm" class="q-ml-sm uuid-btn" @click="model = uuidv4()" />
+        <q-icon
+          v-if="copyable"
+          name="content_copy"
+          class="cursor-pointer q-ml-sm copy-icon"
+          color="primary"
+          :disable="!model"
+          @click="copyToClipboard"
+        />
+      </template>
+    </q-input>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineEmits, defineProps, computed } from 'vue'
+import { uuidv4 } from '@/utils/helpers'
+import { notificationSettings } from '@/utils/notification'
+import { QInputProps, useQuasar } from 'quasar'
+
+const props = defineProps<
+  QInputProps & {
+    modelValue?: string | number | null
+    label?: string
+    placeholder?: string
+    rules?: ((val: string | number | null | undefined) => boolean | string)[]
+    inputClass?: string
+    required?: boolean
+    readonly?: boolean
+    disable?: boolean
+    uuid?: boolean
+    clearable?: boolean
+    copyable?: boolean
+    error?: boolean
+  }
+>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', val?: string | number | null): void
+}>()
+
+const $q = useQuasar()
+
+const model = computed({
+  get: () => getValue(props.modelValue),
+  set: (newValue?: string | number | null) => emit('update:modelValue', getValue(newValue)),
+})
+
+const getValue = (value?: string | number | null) => {
+  if (props.type === 'number') return value ? +value : value
+
+  return value
+}
+
+const copyToClipboard = () => {
+  if (!model.value && model.value !== 0) return
+
+  navigator.clipboard.writeText(model.value.toString()).then(() => {
+    $q.notify(notificationSettings('success', 'Данные скопированы'))
+  })
+}
+</script>
+
+<style scoped lang="scss">
+.app-input-new {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 15px;
+
+  &__label {
+    font-size: 14px;
+    font-weight: 700;
+    color: #7d8592;
+  }
+
+  .required {
+    color: #f65160;
+    font-weight: bold;
+  }
+
+  .clear-input {
+    color: #d8e0f0;
+  }
+
+  .uuid-btn {
+    height: 32px;
+    padding: 0 10px;
+    border: 1px solid #3f8cff;
+    color: #3f8cff;
+    font-weight: 700;
+    font-size: 14px;
+    background: white;
+    border-radius: 6px;
+
+    :deep(.block) {
+      line-height: normal;
+    }
+  }
+
+  :deep(.q-placeholder) {
+    color: #7d8592;
+  }
+
+  :deep(.q-field__control) {
+    min-height: 58px;
+    border-radius: 8px;
+    border: 1px solid #d8e0f0;
+    background: #fff;
+    box-shadow: 0 1px 2px 0 rgba(184, 200, 224, 0.22);
+  }
+
+  :deep(.q-field--filled .q-field__control:before) {
+    background: #fff !important;
+    border: none;
+  }
+
+  :deep(.q-field--with-bottom) {
+    padding-bottom: 0;
+  }
+
+  :deep(.q-field__bottom) {
+    padding: 0;
+  }
+}
+</style>

package/src/common/app-table/components/ModalSelect.vue

@@ -11,7 +11,7 @@
     :disable="isDisabled"
     :multiple="multiple"
     :popup-content-class="'custom-select-menu'"
-    :hide-selected="!showChip"
+    :hide-selected="!showChip && !simple"
     :placeholder="placeholder"
     :loading="loading"
     :option-value="optionValue || 'value'"
@@ -20,8 +20,9 @@
     filled
     map-options
     stack-label
-    use-input
-    use-chips
+    :use-input="!selected?.length && typeof selected !== 'number'"
+    :use-chips="!simple"
+    :hide-bottom-space="hideBottomSpace"
     input-debounce="100"
     autocomplete=""
     :rules="rules"
@@ -44,7 +45,7 @@
 
     <template #append>
       <q-icon
-        v-if="!isDisabled && selected && selected.length"
+        v-if="!isDisabled && selected && (selected.length || selected > 0)"
         name="close"
         class="cursor-pointer clear-input"
         @click.stop="handleClear"
@@ -55,7 +56,7 @@
       <div class="q-pa-sm">
         <q-item>
           <q-item-section class="wrapper-empty-text">
-            {{ emptyText }}
+            {{ emptyText || 'Ничего не найдено' }}
             <button
               v-if="allowCreate && internalSearch && internalSearch.trim()"
               class="add-new-items"
@@ -86,8 +87,8 @@ type Option = Record<string, any>
 interface AppQSelectProps {
   modelValue: any
   options: Option[]
-  placeholder: string | undefined
-  emptyText: string
+  placeholder?: string | undefined
+  emptyText?: string
   optionLabel?: string
   optionValue?: string
   label?: string
@@ -98,6 +99,8 @@ interface AppQSelectProps {
   allowCreate?: boolean
   isSearch?: boolean
   showChip?: boolean
+  simple?: boolean
+  hideBottomSpace?: boolean
   chipColor?: string
   height?: string
   borderColor?: string
@@ -123,9 +126,10 @@ const selected = computed({
 })
 
 function handleClear() {
-  selected.value = props.multiple ? [] : null
+  const emptyValue = props.multiple ? [] : null
+  selected.value = emptyValue
   lcText.value = ''
-  emit('update:modelValue', selected.value)
+  emit('update:modelValue', emptyValue)
   emit('clear')
 }
 
@@ -231,10 +235,12 @@ function debounce<T>(fn: T, ms) {
   border-radius: 8px;
   border: 1px solid #d8e0f0;
   background: #fff;
-  box-shadow: 0px 1px 2px 0px rgba(184, 200, 224, 0.22);
+  box-shadow: 0 1px 2px 0 rgba(184, 200, 224, 0.22);
 }
-::v-deep(.q-field--filled.q-field--highlighted .q-field__control:before),
-::v-deep(.q-field--filled .q-field__control:before) {
+:deep(.q-field__control:before) {
+  display: none;
+}
+:global(.q-field--filled.q-field--highlighted .q-field__control:before) {
   background: #fff !important;
   border: none;
 }

package/src/common/app-toggle/AppToggle.vue

@@ -1,14 +1,15 @@
 <template>
   <div>
-    <q-toggle v-model="value" />
+    <q-toggle v-model="value" :disable="disable" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, defineProps, defineEmits } from 'vue'
 
 interface Props {
   modelValue: any
+  disable?: boolean
 }
 
 const props = defineProps<Props>()

package/src/index.ts

@@ -2,7 +2,9 @@ import '@/shared/styles/general.css'
 import AppButton from '@/common/app-button/AppButton.vue'
 import AppCheckbox from '@/common/app-checkbox/AppCheckbox.vue'
 import AppDatePicker from '@/common/app-date-picker/AppDatePicker.vue'
+import AppDatepicker from '@/common/app-datepicker/AppDatepicker.vue'
 import AppInput from '@/common/app-input/AppInput.vue'
+import AppInputNew from '@/common/app-input-new/AppInputNew.vue'
 import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue'
 import AppLayout from '@/common/app-layout/AppLayout.vue'
 import AppLayoutHeader from '@/common/app-layout/components/AppLayoutHeader.vue'
@@ -40,8 +42,10 @@ import useSearchService from '@/api/services/SearchService'
 export {
   AppButton,
   AppCheckbox,
+  AppDatepicker,
   AppDatePicker,
   AppInput,
+  AppInputNew,
   AppInputSearch,
   AppLayout,
   AppLayoutHeader,