diff --git a/censo_front/src/components/modalActualizar.vue b/censo_front/src/components/modalActualizar.vue
index 7d02419..fc971cf 100644
--- a/censo_front/src/components/modalActualizar.vue
+++ b/censo_front/src/components/modalActualizar.vue
@@ -7,17 +7,29 @@
                 </b-col>
             </b-row>
             <b-row>
-                <b-col >
-                    <p class="my-4">Actual:  {{value}}</p>
+                <b-col sm="3">
+                   <h4>Actual: </h4>
+                 </b-col>
+                 <b-col sm="9">
+                    <h4><strong>{{campo}}</strong></h4>
                 </b-col>
-          
             </b-row>
               <b-row>
-                <b-col >
+                 <b-col sm="3">
                     <label for="changeValue">Actualizar: </label>
+                 </b-col>
+                 <b-col sm="9">
                     <b-form-input id="changeValue"  placeholder="Actualizar campo"></b-form-input>
                 </b-col>
             </b-row>
+            <b-row>
+                <b-col>
+                        <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('fichaDeposito')"  variant="outline-danger"  class="btn  float-left"  style="width: 30%; ">Cancelar</b-button>
+                        </div>
+                </b-col>
+            </b-row>
         </b-container>
     </b-modal>
 </template>
diff --git a/censo_front/src/components/pcsTable.vue b/censo_front/src/components/pcsTable.vue
index 42b22df..da7702d 100644
--- a/censo_front/src/components/pcsTable.vue
+++ b/censo_front/src/components/pcsTable.vue
@@ -3,48 +3,33 @@
         <div class="col-12">
             <div class="table-responsive">
                 <table class="table">      
-                <thead>
-                    <tr>
-                        <th v-for="item in pcHeaders" v-bind:key="item.nombre" scope="col">
-                            <div class="dropdown">
-                                <button class="btn nav-link  dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                    {{item.nombre}}
-                                </button>
-                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                                    <b-dropdown-form>
-                                        <b-form-checkbox  v-for="type in item.data" v-bind:key="type"  scope="col"><a>{{type.nombre}}</a></b-form-checkbox>
-                                    </b-dropdown-form>
+                    <thead>
+                        <tr>
+                            <th v-for="item in pcHeaders" v-bind:key="item.nombre" scope="col">
+                                <div class="dropdown">
+                                    <button class="btn nav-link  dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                        {{item.nombre}}
+                                    </button>
+                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                        <b-dropdown-form>
+                                            <b-form-checkbox  v-for="type in item.data" v-bind:key="type"  scope="col"><a>{{type.nombre}}</a></b-form-checkbox>
+                                        </b-dropdown-form>
+                                    </div>
                                 </div>
-                            </div>
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="item in pcData" v-bind:key="item.index">
-                        <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>
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="pc in pcData" v-bind:key="pc.index">
+                            <td v-for="(pcCampo,key) in pc" v-bind:key="pcCampo"  v-b-modal.actualizarCampo @click="campo=pcCampo ,valueCampo = pcHeaders[key].nombre" >
+                                {{pcCampo}}
+                            </td>
+                        </tr>
+                    </tbody>
                 </table>
             </div>
         </div>
-         <Modal capo="uno" vale="dos" />
+         <Modal  v-bind:campo="campo" v-bind:value="valueCampo"  />
     </div>
 </template>
 
@@ -58,26 +43,28 @@ export default {
   },
   data() {
       return {
-        
-        pcHeaders: [
-            {nombre: "Inventario", data: []},
-            {nombre: "Tipo", data: [{nombre: "compu", value: true}, {nombre: "dos", value: true}]},
-            {nombre: "Modelo", data: []},
-            {nombre: "Marca", data: []},
-            {nombre: "Serie", data: []},
-            {nombre: "Procesador", data: []},
-            {nombre: "Velocidad de procesador (MHz)", data: []},
-            {nombre: "ROM (GB)", data: []},
-            {nombre: "RAM (MB)", data: []},
-            {nombre: "Tipo de memoria", data: []},
-            {nombre: "Velocidad de memoria (MHz)", data: []},
-            {nombre: "Gráficos", data: []},
-            {nombre: "Sistema operativo", data: []},
-            {nombre: "Resguardo", data: []},
-            {nombre: "Unidad responsable", data: []},
-            {nombre: "Responsable", data: []},
-            {nombre: "Ubicación", data: []},
-            {nombre: "Uso", data: []}],
+        campo:"",
+        valueCampo:"",
+        pcHeaders: {
+            noInventario: {nombre: "Inventario", data: []},
+            activoFijo: {nombre: "Tipo", data: [{nombre: "compu", value: true}, {nombre: "dos", value: true}]},
+            modelo: {nombre: "Modelo", data: []},
+            marca: {nombre: "Marca", data: []},
+            noSerie: {nombre: "Serie", data: []},
+            procesador: {nombre: "Procesador", data: []},
+            vProcesador: {nombre: "Velocidad de procesador (MHz)", data: []},
+            hdd: {nombre: "ROM (GB)", data: []},
+            memoriasz: {nombre: "RAM (MB)", data: []},
+            memoria: {nombre: "Tipo de memoria", data: []},
+            vMemoria: {nombre: "Velocidad de memoria (MHz)", data: []},
+            graficos:{nombre: "Gráficos", data: []},
+            osname: {nombre: "Sistema operativo", data: []},
+            noResguardo: {nombre: "Resguardo", data: []},
+            uResponsable: {nombre: "Unidad responsable", data: []},
+            nombreResponsable: {nombre: "Responsable", data: []},
+            ubicacion: {nombre: "Ubicación", data: []},
+            uso: {nombre: "Uso", data: []}
+        },
         pcData: [
           {    noInventario: "Inventario",
                activoFijo: "Tipo",
@@ -101,7 +88,6 @@ export default {
       }
     },
     methods: {
-     
     }
 };
 </script>
\ No newline at end of file
diff --git a/censo_front/src/components/printersTable.vue b/censo_front/src/components/printersTable.vue
index 6d8f924..cb7fcfb 100644
--- a/censo_front/src/components/printersTable.vue
+++ b/censo_front/src/components/printersTable.vue
@@ -3,62 +3,62 @@
         <div class="col-12">
             <div class="table-responsive">
                 <table class="table">      
-                <thead>
-                    <tr>
-                        <th v-for="item in printerHeaders" v-bind:key="item.nombre" scope="col">
-                            <div class="dropdown">
-                                <button class="btn nav-link  dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                    {{item.nombre}}
-                                </button>
-                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                                    <b-dropdown-form>
-                                        <b-form-checkbox  v-for="type in item.data" v-bind:key="type"  scope="col"><a>{{type.nombre}}</a></b-form-checkbox>
-                                    </b-dropdown-form>
+                    <thead>
+                        <tr>
+                            <th v-for="item in printerHeaders" v-bind:key="item.nombre" scope="col">
+                                <div class="dropdown">
+                                    <button class="btn nav-link  dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                        {{item.nombre}}
+                                    </button>
+                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                        <b-dropdown-form>
+                                            <b-form-checkbox  v-for="type in item.data" v-bind:key="type"  scope="col"><a>{{type.nombre}}</a></b-form-checkbox>
+                                        </b-dropdown-form>
+                                    </div>
                                 </div>
-                            </div>
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr v-for="item in printerData" v-bind:key="item.index">
-                        <td class="text-primary">{{ item.noInventario }}</td>
-                        <td>{{ item.activoFijo }}</td>
-                        <td>{{ item.modelo }}</td>
-                        <td>{{ item.marca }}</td>
-                        <td>{{ item.noSerie }}</td> 
-                        <td>{{ item.descripcion }}</td>
-                        <td>{{ item.noResguardo }}</td>
-                        <td>{{ item.uResponsable }}</td>
-                        <td>{{ item.nombreResponsable }}</td>
-                        <td>{{ item.ubicacion }}</td>
-                        <td>{{ item.uso }}</td>
-                    </tr>
-                </tbody>
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="pc in printerData" v-bind:key="pc.index">
+                            <td v-for="(pcCampo,key) in pc" v-bind:key="pcCampo"  v-b-modal.actualizarCampo @click="campo=pcCampo ,valueCampo = pcHeaders[key].nombre" >
+                                {{pcCampo}}
+                            </td>
+                        </tr>
+                    </tbody>
                 </table>
             </div>
         </div>
+         <Modal  v-bind:campo="campo" v-bind:value="valueCampo"  />
     </div>
 </template>
 
+
 <script>
 
+import Modal from './modalActualizar.vue'
 export default {
-  name: "home",
+  name: "printersTable",
+   components: {
+    Modal,
+  },
   data() {
       return {
-        printerHeaders: [
-            {nombre: "Inventario", data: []},
-            {nombre: "Tipo", data: [{nombre: "compu", value: true}, {nombre: "dos", value: true}]},
-            {nombre: "Modelo", data: []},
-            {nombre: "Marca", data: []},
-            {nombre: "Serie", data: []},
-            {nombre: "Descripción adicional", data: []},
-            {nombre: "Resguardo", data: []},
-            {nombre: "Unidad responsable", data: []},
-            {nombre: "Responsable", data: []},
-            {nombre: "Ubicación", data: []},
-            {nombre: "Uso", data: []}
-        ],
+        campo:"",
+        valueCampo:"",
+        printerHeaders: {
+            noInventario: {nombre: "Inventario", data: []},
+            activoFijo: {nombre: "Tipo", data: [{nombre: "compu", value: true}, {nombre: "dos", value: true}]},
+            modelo: {nombre: "Modelo", data: []},
+            marca: {nombre: "Marca", data: []},
+            noSerie: {nombre: "Serie", data: []},
+            descripcion: {nombre: "Descripción adicional", data: []},
+            noResguardo: {nombre: "Resguardo", data: []},
+            uResponsable: {nombre: "Unidad responsable", data: []},
+            nombreResponsable: {nombre: "Responsable", data: []},
+            ubicacion: {nombre: "Ubicación", data: []},
+            uso: {nombre: "Uso", data: []}
+        },
         printerData:[{    
                 noInventario: "Inventario",
                 activoFijo: "Tipo",
@@ -72,7 +72,6 @@ export default {
                 ubicacion: "Ubicación",
                 uso: "Uso"  
                 },]
-
       }
     },
     methods: {
diff --git a/censo_front/src/view/home.vue b/censo_front/src/view/home.vue
index 717ebaf..046dffb 100644
--- a/censo_front/src/view/home.vue
+++ b/censo_front/src/view/home.vue
@@ -1,8 +1,8 @@
 <template>
     <div>
-        <h1>Sistema de Censo</h1>
+        <h1 class="mt-5 mb-5">Sistema de Censo</h1>
         <div class="container">
-             <div class="row">
+             <div class="row mb-5">
                     <div class="col-sm">
                         <b-input-group size="sm" class="mb-2">
                             <b-input-group-prepend is-text>