shared-ritm 1.2.69 → 1.2.70

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

@@ -67,6 +67,8 @@ export type Api_Create_Repair_With_Equipments = {
     power_output_MWh?: number;
     cost_per_MWh?: number;
     category?: string;
+    user_id_list?: string[];
+    team_id_list?: string[];
 };
 export type Api_Update_Repair = {
     name?: string;
@@ -75,6 +77,8 @@ export type Api_Update_Repair = {
     power_output_MWh?: number;
     cost_per_MWh?: number;
     category?: string;
+    user_id_list?: string[];
+    team_id_list?: string[];
 };
 export type Api_Repair_Dto = {
     id: string;

package/dist/types/index.d.ts

@@ -3,6 +3,7 @@ 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 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 +36,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, 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.70",
   "private": false,
   "files": [
     "dist",

package/src/api/types/Api_Repairs.ts

@@ -70,6 +70,8 @@ export type Api_Create_Repair_With_Equipments = {
   power_output_MWh?: number
   cost_per_MWh?: number
   category?: string
+  user_id_list?: string[]
+  team_id_list?: string[]
 }
 
 export type Api_Update_Repair = {
@@ -79,6 +81,8 @@ export type Api_Update_Repair = {
   power_output_MWh?: number
   cost_per_MWh?: number
   category?: string
+  user_id_list?: string[]
+  team_id_list?: string[]
 }
 
 export type Api_Repair_Dto = {

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

@@ -0,0 +1,127 @@
+<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">
+      <template #append>
+        <q-icon
+          v-if="clearable && 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, defineModel } from 'vue'
+import { uuidv4 } from '@/utils/helpers'
+import { notificationSettings } from '@/utils/notification'
+import { QInputProps, useQuasar } from 'quasar'
+
+defineProps<
+  QInputProps & {
+    modelValue?: string | number | null
+    label?: string
+    placeholder?: string
+    rules?: ((val: string | number | null | undefined) => boolean | string)[]
+    required?: boolean
+    disable?: boolean
+    uuid?: boolean
+    clearable?: boolean
+    copyable?: boolean
+  }
+>()
+
+defineEmits<{
+  (e: 'update:modelValue', val: boolean): void
+}>()
+
+const model = defineModel<string | null>()
+
+const $q = useQuasar()
+
+const copyToClipboard = () => {
+  if (!model.value) return
+
+  navigator.clipboard.writeText(model.value).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) {
+    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 || !simple"
+    :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,9 @@ 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) {
+:global(.q-field--filled.q-field--highlighted .q-field__control:before) {
   background: #fff !important;
   border: none;
 }

package/src/index.ts

@@ -3,6 +3,7 @@ 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 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'
@@ -42,6 +43,7 @@ export {
   AppCheckbox,
   AppDatePicker,
   AppInput,
+  AppInputNew,
   AppInputSearch,
   AppLayout,
   AppLayoutHeader,