diff --git a/censo_front/src/components/modalActualizar.vue b/censo_front/src/components/modalActualizar.vue
new file mode 100644
index 0000000..7d02419
--- /dev/null
+++ b/censo_front/src/components/modalActualizar.vue
@@ -0,0 +1,31 @@
+<template>
+    <b-modal  id="actualizarCampo"  centered  size="lg" hide-footer title="Actualizar Campo">
+        <b-container fluid>
+            <b-row class="my-1">
+                <b-col >
+                    <h1>Actualizar {{campo}}</h1>
+                </b-col>
+            </b-row>
+            <b-row>
+                <b-col >
+                    <p class="my-4">Actual:  {{value}}</p>
+                </b-col>
+          
+            </b-row>
+              <b-row>
+                <b-col >
+                    <label for="changeValue">Actualizar: </label>
+                    <b-form-input id="changeValue"  placeholder="Actualizar campo"></b-form-input>
+                </b-col>
+            </b-row>
+        </b-container>
+    </b-modal>
+</template>
+<script>
+export default {
+    props: {
+    campo: String,
+    value: String
+  }
+}
+</script>
\ No newline at end of file
diff --git a/censo_front/src/components/pcsTable.vue b/censo_front/src/components/pcsTable.vue
index 30588d4..42b22df 100644
--- a/censo_front/src/components/pcsTable.vue
+++ b/censo_front/src/components/pcsTable.vue
@@ -21,46 +21,44 @@
                 </thead>
                 <tbody>
                     <tr v-for="item in pcData" v-bind:key="item.index">
-                        <td v-b-modal.mostrarEventos class="text-primary">{{ item.noInventario }}</td>
-                        <td v-b-modal.mostrarEventos >{{ item.activoFijo }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.modelo }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.marca }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.noSerie }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.procesador }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.vProcesador }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.hdd }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.memoriasz }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.memoria }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.vMemoria }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.graficos }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.osname }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.noResguardo }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.uResponsable }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.nombreResponsable }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.ubicacion }}</td>
-                        <td v-b-modal.mostrarEventos>{{ item.uso }}</td>
+                        <td v-b-modal.actualizarCampo class="text-primary">{{ item.noInventario }}</td>
+                        <td v-b-modal.actualizarCampo >{{ item.activoFijo }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.modelo }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.marca }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.noSerie }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.procesador }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.vProcesador }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.hdd }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.memoriasz }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.memoria }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.vMemoria }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.graficos }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.osname }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.noResguardo }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.uResponsable }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.nombreResponsable }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.ubicacion }}</td>
+                        <td v-b-modal.actualizarCampo>{{ item.uso }}</td>
                     </tr>
                 </tbody>
                 </table>
             </div>
         </div>
-         <b-modal  id="mostrarEventos"  centered  size="lg" hide-footer title="Actualizar datosz">
-            <p class="my-4">Nombre           </p>
-            <p class="my-4">Cantidad a pagar </p>
-            <div style="margin-top: 2rem;">
-                            <b-button   class="btn btn-outline-success float-right" @click="enviarFicha()" style="width: 30%; ">Enviar</b-button>
-                            <b-button    @click="$bvModal.hide('mostrarEventos')"  variant="outline-danger"  class="btn  float-left"  style="width: 30%; ">Cancelar</b-button>
-                        </div>   
-        </b-modal>
+         <Modal capo="uno" vale="dos" />
     </div>
 </template>
 
 <script>
 
+import Modal from './modalActualizar.vue'
 export default {
   name: "home",
+  components: {
+    Modal,
+  },
   data() {
       return {
+        
         pcHeaders: [
             {nombre: "Inventario", data: []},
             {nombre: "Tipo", data: [{nombre: "compu", value: true}, {nombre: "dos", value: true}]},