@ozdao/prometheus-framework 0.2.68 → 0.2.70

package/src/modules/globals/utils/mailing.js

@@ -3,22 +3,29 @@ require('dotenv').config();
 const nodemailer = require('nodemailer');
 const axios = require('axios');
 
-async function sendEmail(to, subject, text) {
+async function sendEmail(to, subject, text, files=[]) {
   const transporter = nodemailer.createTransport({
     host: process.env.SMTP_HOST,
     port: process.env.SMTP_PORT,
-    secure: process.env.SMTP_SECURE,
+    secure: process.env.SMTP_SECURE === 'true', // Ensure the secure option is a boolean
     auth: {
       user: process.env.SMTP_USER,
       pass: process.env.SMTP_PASSWORD
     }
   });
 
+  // Prepare the attachments array from the file paths
+  const attachments = files.map(file => ({
+    filename: file.split('/').pop(), // Extract filename from path
+    path: file // Full path to the file
+  }));
+
   const mailOptions = {
     from: `${process.env.SMTP_NAME} <${process.env.SMTP_EMAIL}>`,
     to: to,
     subject: subject,
-    text: text
+    text: text,
+    attachments: attachments // Add attachments to mail options
   };
 
   try {
@@ -52,15 +59,15 @@ async function sendChatMessageTelegram(chatIds, text) {
   const telegramUrl = `https://api.telegram.org/bot${telegramToken}/sendMessage`;
 
   // Создание кнопок
-  const inlineKeyboard = JSON.stringify({
-    inline_keyboard: [
-      [
-        { text: 'Confirm', callback_data: `confirm_${application._id}` },
-        { text: 'Lost', callback_data: `lost_${application._id}` },
-        { text: 'Delete', callback_data: `delete_${application._id}` }
-      ]
-    ]
-  });
+  // const inlineKeyboard = JSON.stringify({
+  //   inline_keyboard: [
+  //     [
+  //       { text: 'Confirm', callback_data: `confirm_${application._id}` },
+  //       { text: 'Lost', callback_data: `lost_${application._id}` },
+  //       { text: 'Delete', callback_data: `delete_${application._id}` }
+  //     ]
+  //   ]
+  // });
 
   try {
     // Отправка сообщения каждому чату из массива

package/src/modules/icons/entities/IconEvents.vue

@@ -1,9 +1,14 @@
 <template>
 	<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-		<path d="M12 66V32H68V66C68 69.25 65.25 72 62 72H18C14.75 72 12 69.25 12 66ZM52 42V46C52 47.125 52.875 48 54 48H58C59.125 48 60 47.125 60 46V42C60 40.875 59.125 40 58 40H54C52.875 40 52 40.875 52 42ZM52 58V62C52 63.125 52.875 64 54 64H58C59.125 64 60 63.125 60 62V58C60 56.875 59.125 56 58 56H54C52.875 56 52 56.875 52 58ZM36 42V46C36 47.125 36.875 48 38 48H42C43.125 48 44 47.125 44 46V42C44 40.875 43.125 40 42 40H38C36.875 40 36 40.875 36 42ZM36 58V62C36 63.125 36.875 64 38 64H42C43.125 64 44 63.125 44 62V58C44 56.875 43.125 56 42 56H38C36.875 56 36 56.875 36 58ZM20 42V46C20 47.125 20.875 48 22 48H26C27.125 48 28 47.125 28 46V42C28 40.875 27.125 40 26 40H22C20.875 40 20 40.875 20 42ZM20 58V62C20 63.125 20.875 64 22 64H26C27.125 64 28 63.125 28 62V58C28 56.875 27.125 56 26 56H22C20.875 56 20 56.875 20 58ZM62 16C65.25 16 68 18.75 68 22V28H12V22C12 18.75 14.75 16 18 16H24V10C24 8.875 24.875 8 26 8H30C31.125 8 32 8.875 32 10V16H48V10C48 8.875 48.875 8 50 8H54C55.125 8 56 8.875 56 10V16H62Z" fill="rgb(var(--white))"/>
+		<path :fill="fill" :class="$attrs.class" d="M12 66V32H68V66C68 69.25 65.25 72 62 72H18C14.75 72 12 69.25 12 66ZM52 42V46C52 47.125 52.875 48 54 48H58C59.125 48 60 47.125 60 46V42C60 40.875 59.125 40 58 40H54C52.875 40 52 40.875 52 42ZM52 58V62C52 63.125 52.875 64 54 64H58C59.125 64 60 63.125 60 62V58C60 56.875 59.125 56 58 56H54C52.875 56 52 56.875 52 58ZM36 42V46C36 47.125 36.875 48 38 48H42C43.125 48 44 47.125 44 46V42C44 40.875 43.125 40 42 40H38C36.875 40 36 40.875 36 42ZM36 58V62C36 63.125 36.875 64 38 64H42C43.125 64 44 63.125 44 62V58C44 56.875 43.125 56 42 56H38C36.875 56 36 56.875 36 58ZM20 42V46C20 47.125 20.875 48 22 48H26C27.125 48 28 47.125 28 46V42C28 40.875 27.125 40 26 40H22C20.875 40 20 40.875 20 42ZM20 58V62C20 63.125 20.875 64 22 64H26C27.125 64 28 63.125 28 62V58C28 56.875 27.125 56 26 56H22C20.875 56 20 56.875 20 58ZM62 16C65.25 16 68 18.75 68 22V28H12V22C12 18.75 14.75 16 18 16H24V10C24 8.875 24.875 8 26 8H30C31.125 8 32 8.875 32 10V16H48V10C48 8.875 48.875 8 50 8H54C55.125 8 56 8.875 56 10V16H62Z"/>
 	</svg>
 </template>
 
 <script setup>
-	
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
 </script>

package/src/modules/landing/components/pages/Home.vue

@@ -36,7 +36,7 @@
 	import HeroRecommendation 			from '@pf/src/modules/products/components/sections/HeroRecommendation.vue'
 	// Not working
 	import JoinUs 		from '@pf/src/modules/community/components/sections/JoinUs.vue'
-	import SubscribeNewsletter 		from '@pf/src/modules/applications/components/sections/SubscribeNewsletter.vue'
+	import SubscribeNewsletter 		from '@pf/src/modules/orders/components/sections/SubscribeNewsletter.vue'
 	// import HeroSection 			from '@pf/src/modules/landing/components/sections/HeroSection.vue'
 	// import HowItWorksSection  			from '@pf/src/modules/landing/components/sections/HowItWorksSection.vue'
 	import MapSection 			from '@pf/src/modules/landing/components/sections/MapSection.vue'

package/src/modules/orders/components/blocks/CardOrder.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="pd-big mn-regular order-client-card col"> 
+	<div class="pd-big mn-regular order-customer-card col"> 
 	  <p class="mn-regular flex-center flex-nowrap flex w-100">
 				<!-- <img v-if="order.status === 'Created'" 			class="mn-r-small" src="@/assets/icons/status/created.svg"/>
 				<img v-if="order.status === 'Confirmed'"	class="mn-r-small" src="@/assets/icons/status/confirmed.svg"/>

package/src/modules/orders/components/blocks/CardOrderVar1.vue

@@ -0,0 +1,97 @@
+<router-link 
+        v-for="order in orders.state.all" 
+        :to="{ 
+          name: 'Order Edit', 
+          params: { 
+            order: order._id 
+
+          }
+        }" 
+         class="bg-grey pd-medium radius-big"
+      >
+        <CardHeader 
+          :entity="order"
+          :entityType="'order'"
+          :user="auth.state.user"
+          :owner="order.creator" 
+          :creator="order.creator"
+          :date="order.createdAt"
+          class="mn-b-thin"
+        />
+
+
+          <div class="mn-b-thin w-100 bg-white radius-small pd-small spoiler">
+            <div @click="spoiler = !spoiler"  class="flex-v-center flex">
+              
+              Order: #{{order._id}}
+
+              <span 
+                class="flex-child flex-child-shrink-0 capitalize w-max mn-r-thin t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+              >
+                {{order.status}}
+              </span>
+             
+            </div>
+
+
+          </div>
+
+
+       
+          <div class="mn-b-thin w-100 bg-white radius-small pd-small spoiler">
+            <div @click="spoiler = !spoiler"  class="flex-v-center flex">
+              
+              customer: {{order.customer.target}}
+
+            </div>
+
+
+          </div>
+
+            <div class="w-100 bg-white radius-small pd-small">
+
+              <span class="flex-child flex-child-shrink-0">
+                Positions {{order.positions.length}} <a class="t-main mn-r-auto">Check Leftover</a>
+              </span>
+              <!-- <img :class="{ 'spoiler-active': spoiler }" class="button-icon" src="@/assets/icons/arrow-down-spoiler.svg"> -->
+            
+
+              <transition name="fade">
+                <div v-if="spoiler">
+                  <div  v-for="position in order.positions" class="mn-t-small w-100 mn-b-thin flex"> 
+                    <div class=" w-50 flex">
+                      <span>
+                        {{position.name}}
+                      </span>
+                      <span class="mn-r-thin mn-l-thin t-transp">|</span>
+
+                      <span class="w-50">
+                        {{position.quantity}}
+                        x
+                        {{position.price}}
+                        <span class="t-transp">{{returnCurrency()}}</span> 
+                      </span>
+
+                    </div>
+                    
+                    <div class="t-right w-50">
+                    
+                      <span class="t-transp">{{position.type}}</span> 
+                    </div>
+                  </div> 
+                </div>
+              </transition>
+
+            </div>
+
+             <div class="mn-b-thin w-100 bg-white radius-small pd-small">
+
+              <span class="flex-child flex-child-shrink-0">
+                 <span class="h4">Amount: 4 500</span>
+              </span>
+            </div>
+
+            <div v-if="order.comment"  class="bg-fifth-transp-10 pd-thin">
+              <p class="t-truncate">Comment: {{order.comment}}</p>
+            </div>
+      </router-link>

package/src/modules/orders/components/pages/{FormOrder.vue → OrderCreate.vue}

@@ -146,7 +146,7 @@ const order = computed(() => orders.state.current)
 const user = computed(() => users.state.current)
 const cartTotalPrice = computed(() => shopcart.getters.cartTotalPrice)
 // Organization
-const orderOrganization = ref([])
+const orderOrganization = ref({})
 
 import Radio from '@pf/src/components/Radio/Radio.vue'
 
@@ -169,13 +169,13 @@ watch(() => orders.state.current.delivery.address, async (newFilterValue, oldFil
 // Store Verification
 /////////////////////////////
 const errorName = computed(() => {
-  if (orders.state.current.client.name?.length < 2) { return true } else { return false }
+  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }
 });
 
 const errorPhoneOrMessenger = computed(() => {
-  const hasMessengerType = orders.state.current.client.messenger?.type;
-  const hasMessengerValue = orders.state.current.client.messenger?.value?.length >	 2;
-  const hasPhone = orders.state.current.client.number?.length > 0;
+  const hasMessengerType = orders.state.current.customer.messenger?.type;
+  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >	 2;
+  const hasPhone = orders.state.current.customer.number?.length > 0;
   // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера
   return !hasPhone && !(hasMessengerType && hasMessengerValue);
 });
@@ -199,19 +199,28 @@ const errorPayment = computed(() => {
 async function handleCreate() {
 
 	orders.state.current.status = 'created';
-	orders.state.current.delivery.type = 'courier'
 
 	orders.state.current.owner = {
-		target: orderOrganization.value._id,
+		target: orderOrganization.value[0]._id,
 		type: 'organization'
 	}
 
-	orders.state.current.creator = {
-		target: auth.state.user._id,
-		type: 'user'
+	if (auth.state.user._id) {
+		orders.state.current.creator = {
+			target: auth.state.user._id,
+			type: 'user'
+		}
 	}
 
-  let order = await orders.actions.create(shopcart.state.positions, shopcart.state.organization);
+	orders.state.current.positions = shopcart.state.positions
+
+ 	const referralCode = localStorage.getItem('referalCode');
+  
+  if (referralCode) {
+    orders.state.current.referralCode = referralCode;
+  }
+
+  let order = await orders.actions.create(orders.state.current);
 
   if (order) {
   	router.push({

package/src/modules/orders/components/pages/{EditOrder.vue → OrderCreateBackoffice.vue}

@@ -87,29 +87,73 @@
     </Block>
 
     <Block
-      title="Client"
+      title="Customer"
       class="mn-b-semi"
     >
-      <Field 
-        v-model:field="orders.state.current.client.name"     
-        label="Client"    
-        placeholder="Enter client name"  
-        class="bg-white pd-medium radius-small mn-b-thin"
-      />
+      <div class="flex-nowrap flex">
+        <button class="w-100 bg-main pd-small flex-center flex uppercase t-medium">Select</button>
+        <button @click="openClientPopup()" class="w-100 bg-main pd-small flex-center flex uppercase t-medium">Add new</button>
+      </div>  
+
+    </Block>
 
-      <Field 
-        v-model:field="orders.state.current.comment"     
-        label="Comment"    
-        placeholder="Enter comment"  
-        class="bg-white pd-medium radius-small mn-b-thin"
+    <FormDelivery   
+      v-if="orders.state.current.status !== true"
+      :order="orders.state.current"  
+    />
+
+    <FormPayment  
+      v-if="orders.state.current.status !== true"
+      :order="orders.state.current"  
+    />
+
+   <!--  <Feed
+      :search="true"
+      :states="{
+        empty: {
+          title: 'No Products Found',
+          description: 'Currently, there are no such products available.'
+        }
+      }"
+      :store="{
+        read: (options) => products.actions.read(options),
+        state: null
+      }"
+      :options="{
+        organization: route.params._id
+      }"
+      v-slot="{ 
+        items 
+      }"
+      class="bg-grey h-min-20r h-max-20r o-scroll"
+    >
+      <CardOrderItem
+        v-for="(product, index) in items" :key="product._id"
+        :editable="false" 
+        :product="product" 
+        @click="() => { 
+          let p = { ...product };
+          p.quantity = 1;
+          globals.actions.add(orders.state.current.positions, p) 
+          closeProductsPopup();
+        }"
+        class="bg-white pd-thin radius-medium w-100 mn-b-thin"
       />
+    </Feed> -->
+
+    <Popup 
+      title="Добавить участника" 
+      @close-popup="closeClientPopup" 
+      :isPopupOpen="isOpenClientPopup"
+      class="bg-white w-min-30r w-max-30r radius-big pd-medium"
+    >
+      <h3 class="mn-b-small">Add New Client</h3>
       
-     <!--  <FormClientDetails
+      <FormClientDetails
         :order="orders.state.current"  
-        class="bg-white"
-      /> -->
-
-    </Block>
+        class="bg-grey"
+      />
+    </Popup>
 
     <Block
       class="mn-b-semi"
@@ -140,6 +184,9 @@
   import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';
 
   import FormClientDetails from '@pf/src/modules/orders/components/sections/FormClientDetails.vue'
+  import FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'
+  import FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'
+
   // Import your store
   import * as auth from '@pf/src/modules/auth/store/auth';
   import * as globals from '@pf/src/modules/globals/store/globals';
@@ -167,6 +214,16 @@
     isOpenProductsPopup.value = false;
   }
 
+  const isOpenClientPopup = ref(false);
+
+  function openClientPopup() {
+    isOpenClientPopup.value = true;
+  }
+
+  function closeClientPopup() {
+    isOpenClientPopup.value = false;
+  }
+
   // Data
   let order = ref(null)
 

package/src/modules/orders/components/pages/Orders.vue

@@ -1,85 +1,189 @@
 <template>
-  <header class="mn-b-medium flex-v-center flex-nowrap flex">
-    <h2 class="mn-r-medium">Orders</h2>
-
-    <button 
-      @click="$router.push({
-        name: 'AdminOrderAdd'
-      })" 
-      class="radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second">
-        +
-    </button>
-  </header>
-
-  <Tab 
-    v-model:selected="tab"
-    :tabs="[
-      { name: 'All',        value: 'all' },
-      { name: 'New',        value: 'new' },
-      { name: 'Confirmed',  value: 'confirmed' }, 
-      { name: 'Finished',   value: 'finished' } 
-    ]"
-    class="mn-b-small o-hidden h5 radius-big bg-grey"
-  />
-
-  <section 
-    class="cols-3 gap-thin"
-  >
-
-    <router-link 
-       v-for="order in orders.state.all" 
-      :to="{ 
-        name: 'Order Edit', 
-        params: { 
-          order: order._id 
+  <div class="pd-thin"> 
+    <div 
+      class="mn-b-small bg-grey bg-grey radius-big"
+    >
+      <header class="br-b br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex">
+        <h1 class="mn-r-small">Orders</h1>
+
+
+
+        <router-link 
+          :to="{
+            name: 'AdminOrderAdd'
+          }" 
+          class="
+            radius-100 
+            i-big 
+            hover-scale-1 
+            transition-ease 
+            cursor-pointer 
+            t-white 
+            bg-second
+            flex-center
+            flex
+          "
+        >
+          +
+        </router-link>
+      </header>
+
+      <!-- <VueDatePicker 
+        range
+        class="mn-b-semi"
+      /> -->
+
+      <Tab 
+        v-model:selected="tab"
+        :tabs="[
+          { name: 'All',        value: 'all' },
+          { name: 'Created',   value: 'stock-in' },
+          { name: 'Confirmed',  value: 'stock-out' },
+          { name: 'Preparing',  value: 'stock-out' },
+          { name: 'Prepared',  value: 'stock-out' },
+          { name: 'In delivery',  value: 'stock-out' },
+          { name: 'Delivered',  value: 'stock-out' },
+          { name: 'Closed',  value: 'stock-out' }
+        ]"
+        class="w-100 t-nowrap o-scroll h5"
+      />
+    </div>
 
+    <Feed
+      :search="true"
+      :states="{
+        empty: {
+          title: 'No Orders Found',
+          description: 'Currently, there are no orders.'
         }
-      }" 
-       class="bg-grey radius-big"
+      }"
+      :store="{
+        read: (options) => orders.actions.read(options)
+      }"
+      :options="{
+        limit: 15,
+        owner: route.params._id,
+        ...(tab !== 'all' && { type: tab })
+      }"
+      v-slot="{ 
+        items 
+      }"
+      class="gap-thin cols-3"
     >
-      <CardHeader 
-        :class="{
-          'mn-b-small pd-medium': type !== 'short',
-          'flex-child-order-last flex-child mn-l-small': type === 'short',
-        }"
-        :entity="order"
-        :entityType="'order'"
-        :user="auth.state.user"
-        :owner="order.creator" 
-        :creator="order.creator"
-        :date="order.createdAt"
-      />
-      <div class="pd-small">
-      <p 
-        class="w-100 mn-b-thin p-big"
-      >
-        Order No.: #{{order._id}} 
-      </p>
-
-      <span class="mn-b-thin pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase">
-        {{order.status}}
-      </span>
-      <p
-        class="mn-b-small t-transp w-100"
-      >
-        <!-- Номер клиента: +7{{order.phone}}<br> -->
-      </p>
+      <router-link 
+        v-for="order in items" 
+        :to="{ 
+          name: 'Order Edit', 
+          params: { 
+            order: order._id 
 
-      <p 
-        :class="{'new':order.status === 'Создан'}" 
-        class="mn-b-small"
+          }
+        }" 
+         class="bg-grey pos-relative pd-medium radius-big"
       >
+
+        <CardHeader 
+          :entity="order"
+          :entityType="'order'"
+          :user="auth.state.user"
+          :owner="order.creator" 
+          :creator="order.creator"
+          :date="order.createdAt"
+          class="mn-b-small"
+        />
+
+        <div class="mn-b-small pd-small bg-white radius-small flex-nowrap flex"> 
+          <div class="w-100">
+            <h3 class="mn-b-thin">{{order.customer.target.slice(0,8)}}</h3>
+            <p class="t-truncate">{{order.delivery.address}}</p> 
+          </div>
+
+          <div class=" w-100 t-right">
+            <h3 class="mn-b-thin">{{returnCurrency()}}{{orders.getters.getTotal(order.positions)}}</h3>
+            <p>#{{order._id.slice(0, 4) + '...' + order._id.slice(-4)}}</p> 
+          </div>
+        </div>
      
-      </p>
-      </div>
-     </router-link>
-  </section>
+        <div class="cols-1 mn-b-small gap-thin pd-small bg-white radius-small">
+          <!-- Always display the first two positions -->
+          <div
+            v-for="(position, index) in order.positions.slice(0, 2)"
+            :key="index"
+            class="w-100 flex"
+          >
+            <p class="mn-r-auto">{{ position.name }}</p>
+            <p class="t-right">
+              {{ position.quantity }} {{ position.type }}
+              x
+              {{ position.price }}
+              <span class="t-transp">{{ returnCurrency() }}</span>
+            </p>
+          </div>
+
+          <transition name="fade">
+            <!-- Display the rest of the positions if there are more than two and spoiler is true -->
+            <div v-if="spoiler && order.positions.length > 2">
+              <div
+                v-for="(position, index) in order.positions.slice(2)"
+                :key="index + 2"
+                class="w-100 flex"
+              >
+                <p class="mn-r-auto">{{ position.name }}</p>
+                <p class="t-right">
+                  {{ position.quantity }} {{ position.type }}
+                  x
+                  {{ position.price }}
+                  <span class="t-transp">{{ returnCurrency() }}</span>
+                </p>
+              </div>
+            </div>
+          </transition>
+
+          <!-- Toggle button for additional positions, visible only if there are more than two positions -->
+          <button
+            v-if="order.positions.length > 2"
+            @click.prevent="spoiler = !spoiler"
+            class="radius-big bg-grey-transp-50 pd-nano w-100 flex-center flex"
+          >
+            {{ !spoiler ? `+${order.positions.length - 2} more` : `Hide` }} 
+          </button>
+        </div>
+
+
+        <div class="pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex"> 
+          <IconEvents class="i-semi t-transp" fill="rgb(var(--black)" />
+          <p class="t-medium mn-r-auto">16:40, 21.04</p>
+
+          <span 
+            class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+          >
+            {{order.status}}
+          </span>
+
+          <span 
+            class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red"
+          >
+            Unpaid
+          </span>
+        </div>
+      
+
+        <div v-if="order.comment" class="pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small">
+          <p class="mn-b-thin t-transp uppercase p-small t-medium">Comment</p>
+          <p>{{order.comment}}</p>
+        </div>
+      </router-link>
+    </Feed>
+  </div>
 </template>
 
 <script setup>
   import { computed, onMounted, reactive, ref } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
 
+  import VueDatePicker from '@vuepic/vue-datepicker';
+  import '@vuepic/vue-datepicker/dist/main.css'
+
   import Tab      from '@pf/src/components/Tab/Tab.vue'
 
   import * as orders from '@pf/src/modules/orders/store/orders';
@@ -88,12 +192,19 @@
   import CardOrder from '@pf/src/modules/orders/components/blocks/CardOrder.vue'
   import CardHeader  from '@pf/src/modules/globals/components/blocks/CardHeader.vue'
 
+  import Feed from '@pf/src/components/Feed/Feed.vue'
+
+  import IconEvents  from '@pf/src/modules/icons/entities/IconEvents.vue'
+
   const route = useRoute();
   const router = useRouter();
+
+  const spoiler = ref(false)
+
   // Tab logic
   const tab = ref(route.query.tab ? route.query.tab : 'posts')
 
   onMounted(async () => {
-    await orders.actions.read();
+   
   });
 </script>

package/src/modules/orders/components/pages/Orders_refact.vue

@@ -18,7 +18,7 @@
 		<transition  @before-enter="scrollTop" name="scale">	
 			<div v-if="order.state.current._id === ''" >	
 				
-				<section  v-for="order in user.orders" class="pd-big mn-b-regular order-client-card col"> 
+				<section  v-for="order in user.orders" class="pd-big mn-b-regular order-customer-card col"> 
 		      <p class="mn-b-regular flex-center flex-nowrap flex w-100">
 						<img v-if="order.status === 'Создан'" 			class="mn-r-small" src="@/assets/icons/status/created.svg"/>
 						<img v-if="order.status === 'Подтвержден'"	class="mn-r-small" src="@/assets/icons/status/confirmed.svg"/>
@@ -112,7 +112,7 @@ function orderProducts (positions) {
 </script>
 
 <style lang="scss" scoped>
-.order-client-card {
+.order-customer-card {
 	background: #FBFCFD;	
 }
 .order-images-wrapper {