feat: pda duplicates

src/pages/Customer/Card/CustomerBasicData.vue

@@ -135,6 +135,7 @@ const filterOptions = {
                         :rules="validate('client.mobile')"
                         clearable
                         v-model="data.mobile"
+                        type="number"
                     />
                 </div>
             </VnRow>

src/pages/Worker/Card/WorkerPda.vue

@@ -2,16 +2,14 @@
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { ref, computed } from 'vue';
-import { useRole } from 'src/composables/useRole';
+
 import axios from 'axios';
 import useNotify from 'src/composables/useNotify.js';
-
 import FetchData from 'components/FetchData.vue';
+import FormModelPopup from 'src/components/FormModelPopup.vue';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import FormModelPopup from 'src/components/FormModelPopup.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnLv from 'src/components/ui/VnLv.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
@@ -47,8 +45,7 @@ const deallocatePDA = async (deviceProductionFk) => {
 <template>
     <QPage class="column items-center q-pa-md centerCard">
         <FetchData
-            url="deviceProductions"
-            :filter="{ where: { stateFk: 'idle' } }"
+            url="workers/getAvailablePDAs"
             @on-fetch="(data) => (deviceProductions = data)"
             auto-load
         />
@@ -77,12 +74,21 @@ const deallocatePDA = async (deviceProductionFk) => {
                                     disable
                                 >
                                     <template #control>
-                                        <div tabindex="0">
-                                            {{
-                                                row?.deviceProductionFk +
-                                                ' - ' +
-                                                row?.deviceProduction?.modelFk
-                                            }}
+                                        <div tabindex="0" style="padding: none">
+                                            <span>Id: </span>
+                                            <span>
+                                                {{ row?.deviceProductionFk }}&nbsp;
+                                            </span>
+                                            <span>{{ t('Model') }}: </span>
+                                            <span>
+                                                {{ row?.deviceProduction?.modelFk }}&nbsp;
+                                            </span>
+                                            <span>{{ t('Serial number') }}: </span>
+                                            <span>
+                                                {{
+                                                    row?.deviceProduction?.serialNumber
+                                                }}&nbsp;
+                                            </span>
                                         </div>
                                     </template>
                                 </QField>
@@ -168,19 +174,22 @@ const deallocatePDA = async (deviceProductionFk) => {
 .centerCard {
     padding: 5%;
     width: 100%;
-    max-width: 60%;
+    max-width: 70%;
     margin: 0 auto;
 }
 .label {
     color: red;
 }
 .q-field {
-    margin-bottom: 0px;
-    padding-bottom: 0px;
+    height: 65px;
 }
 </style>
 <i18n>
 es:
     PDA deallocated: PDA desasignada
     Current SIM: SIM actual
+    Model: Modelo
+    Serial number: Número de serie
+    This PDA is already assigned to another user: Este PDA ya está asignado a otro usuario
+    Add new device: Añadir nuevo dispositivo
 </i18n>