Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 11db26ba35 | |||
| 81a0b42901 | |||
| 53fe2b235a |
Vendored
+1
@@ -0,0 +1 @@
|
|||||||
|
.boton-footer[data-v-02dfa168]{background-color:#b80;color:#fff;width:14rem;font-size:.8rem}.dos[data-v-02dfa168],.tres[data-v-02dfa168],.uno[data-v-02dfa168]{margin-right:1rem}.btn[data-v-02dfa168]{margin-bottom:1rem}.Azul-puma[data-v-02dfa168]{background-color:#1e3c70}.footer[data-v-02dfa168]{text-align:center;color:#fff}@media (max-width:768px){.tres[data-v-02dfa168],.uno[data-v-02dfa168]{margin-right:4rem}.dos[data-v-02dfa168]{margin-right:0}.footer[data-v-02dfa168]{font-size:.7rem}}@media (max-width:970px){.dos[data-v-02dfa168],.tres[data-v-02dfa168],.uno[data-v-02dfa168]{margin-right:.5rem}.footer[data-v-02dfa168]{font-size:.7rem}}[data-v-30e9b756]{margin:0;padding:0}.divMaster[data-v-30e9b756]{height:auto;margin:0 auto}nav[data-v-30e9b756]{padding:0}.azulUnam[data-v-30e9b756]{background-color:#1e3c70}.doradoUnam[data-v-30e9b756],.dropdown-item[data-v-30e9b756]:hover{background-color:#b80}.dropdown-itemBusqueda[data-v-30e9b756]:hover{background-color:#1e3c70;color:#fff}.nav-link[data-v-30e9b756]:focus{background-color:#1e3c70;border-radius:1rem}.nav-link[data-v-30e9b756]:hover{background-color:#1e3c70;color:#fff;border-radius:.2rem}.nav-link[data-v-30e9b756]{transition:.3s;font-size:20px}.dropdown-item[data-v-30e9b756]{padding:.3rem 1rem}.dropdown[data-v-30e9b756]{position:relative;display:inline-block;height:auto}.dropdown-content[data-v-30e9b756]{position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);top:.8rem;left:-10rem;display:block}.navbar-dark[data-v-30e9b756],.navbar-toggler[data-v-30e9b756]{font-size:1rem;border:none}@media (max-width:450px){.buscador[data-v-30e9b756],.menuText[data-v-30e9b756]{display:block!important}.dropdown-menu[data-v-30e9b756]{width:80vw!important}}.divMaster{height:8rem;margin:0;width:auto}.azulUnam{background-color:#1e3c70}.sizeImg{height:5rem}.logo_acatlan_resp{display:none!important}@media (max-width:450px){.logo_acatlan,.logo_unam{display:none!important}.logo_acatlan_resp{display:block!important}.logo_acatlan_resp a img{height:5rem}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}a[data-v-eacb7b7a]{font-size:14px;margin-bottom:6px;font-weight:400}.button[data-v-6e1c8750]{background-color:#1b3d70;border:none;color:#fff;height:4rem;width:15rem;text-align:center;text-decoration:none;display:inline-block;font-size:1.5rem;border-radius:1rem;transition-duration:.4s;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-left:2rem;margin-right:2rem;margin-bottom:2rem;margin-top:2rem}.button[data-v-6e1c8750]:hover{background-color:#b80;color:#fff}.button[data-v-4f1ed9c0]{background-color:#1b3d70;border:none;color:#fff;height:4rem;width:15rem;text-align:center;text-decoration:none;display:inline-block;font-size:1.5rem;border-radius:1rem;transition-duration:.4s;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-left:2rem;margin-right:2rem;margin-bottom:2rem;margin-top:2rem}.button[data-v-4f1ed9c0]:hover{background-color:#b80;color:#fff}.button[data-v-231605bd]{background-color:#1b3d70;border:none;color:#fff;height:4rem;width:15rem;text-align:center;text-decoration:none;display:inline-block;font-size:1.5rem;border-radius:1rem;transition-duration:.4s;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-left:2rem;margin-right:2rem;margin-bottom:2rem;margin-top:2rem}.button[data-v-231605bd]:hover{background-color:#b80;color:#fff}.button[data-v-0e9e5529]{background-color:#1b3d70;border:none;color:#fff;height:2.5rem;width:14rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;border-radius:.3rem;transition-duration:.4s;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-top:.3rem}.button[data-v-0e9e5529]:hover{background-color:#b80;color:#fff}
|
||||||
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
@@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>censo_front</title><link href="css/app.531bacc5.css" rel="preload" as="style"><link href="css/chunk-vendors.9e1d7bb4.css" rel="preload" as="style"><link href="js/app.0d5f6afd.js" rel="preload" as="script"><link href="js/chunk-vendors.5bfa42cc.js" rel="preload" as="script"><link href="css/chunk-vendors.9e1d7bb4.css" rel="stylesheet"><link href="css/app.531bacc5.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but censo_front doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.5bfa42cc.js"></script><script src="js/app.0d5f6afd.js"></script></body></html>
|
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>censo_front</title><link href="css/app.46afbad4.css" rel="preload" as="style"><link href="css/chunk-vendors.9e1d7bb4.css" rel="preload" as="style"><link href="js/app.1d637d17.js" rel="preload" as="script"><link href="js/chunk-vendors.7c846a9f.js" rel="preload" as="script"><link href="css/chunk-vendors.9e1d7bb4.css" rel="stylesheet"><link href="css/app.46afbad4.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but censo_front doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.7c846a9f.js"></script><script src="js/app.1d637d17.js"></script></body></html>
|
||||||
Vendored
-2
File diff suppressed because one or more lines are too long
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
-1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
Generated
+81
-79
@@ -1765,16 +1765,6 @@
|
|||||||
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
|
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"ansi-styles": {
|
|
||||||
"version": "4.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
|
||||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"color-convert": "^2.0.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"cacache": {
|
"cacache": {
|
||||||
"version": "13.0.1",
|
"version": "13.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz",
|
||||||
@@ -1801,53 +1791,6 @@
|
|||||||
"unique-filename": "^1.1.1"
|
"unique-filename": "^1.1.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"chalk": {
|
|
||||||
"version": "4.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
|
|
||||||
"integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"ansi-styles": "^4.1.0",
|
|
||||||
"supports-color": "^7.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"color-convert": {
|
|
||||||
"version": "2.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
|
||||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"color-name": "~1.1.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"color-name": {
|
|
||||||
"version": "1.1.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
|
||||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true
|
|
||||||
},
|
|
||||||
"has-flag": {
|
|
||||||
"version": "4.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
|
|
||||||
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true
|
|
||||||
},
|
|
||||||
"loader-utils": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
|
|
||||||
"integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"big.js": "^5.2.2",
|
|
||||||
"emojis-list": "^3.0.0",
|
|
||||||
"json5": "^2.1.2"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"source-map": {
|
"source-map": {
|
||||||
"version": "0.6.1",
|
"version": "0.6.1",
|
||||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||||
@@ -1864,16 +1807,6 @@
|
|||||||
"minipass": "^3.1.1"
|
"minipass": "^3.1.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"supports-color": {
|
|
||||||
"version": "7.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
|
|
||||||
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"has-flag": "^4.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"terser-webpack-plugin": {
|
"terser-webpack-plugin": {
|
||||||
"version": "2.3.8",
|
"version": "2.3.8",
|
||||||
"resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz",
|
"resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz",
|
||||||
@@ -1890,18 +1823,6 @@
|
|||||||
"terser": "^4.6.12",
|
"terser": "^4.6.12",
|
||||||
"webpack-sources": "^1.4.3"
|
"webpack-sources": "^1.4.3"
|
||||||
}
|
}
|
||||||
},
|
|
||||||
"vue-loader-v16": {
|
|
||||||
"version": "npm:vue-loader@16.1.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.1.2.tgz",
|
|
||||||
"integrity": "sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"chalk": "^4.1.0",
|
|
||||||
"hash-sum": "^2.0.0",
|
|
||||||
"loader-utils": "^2.0.0"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -11141,6 +11062,87 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"vue-loader-v16": {
|
||||||
|
"version": "npm:vue-loader@16.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.1.2.tgz",
|
||||||
|
"integrity": "sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"chalk": "^4.1.0",
|
||||||
|
"hash-sum": "^2.0.0",
|
||||||
|
"loader-utils": "^2.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"ansi-styles": {
|
||||||
|
"version": "4.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||||
|
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"color-convert": "^2.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"chalk": {
|
||||||
|
"version": "4.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
|
||||||
|
"integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"ansi-styles": "^4.1.0",
|
||||||
|
"supports-color": "^7.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color-convert": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
||||||
|
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"color-name": "~1.1.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color-name": {
|
||||||
|
"version": "1.1.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
||||||
|
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"has-flag": {
|
||||||
|
"version": "4.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
|
||||||
|
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"loader-utils": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"big.js": "^5.2.2",
|
||||||
|
"emojis-list": "^3.0.0",
|
||||||
|
"json5": "^2.1.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"supports-color": {
|
||||||
|
"version": "7.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
|
||||||
|
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"has-flag": "^4.0.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"vue-router": {
|
"vue-router": {
|
||||||
"version": "3.5.0",
|
"version": "3.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.0.tgz",
|
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.0.tgz",
|
||||||
|
|||||||
@@ -21,15 +21,14 @@
|
|||||||
<b-col sm="9">
|
<b-col sm="9">
|
||||||
|
|
||||||
<div class="dropdown-container" v-if="opciones.length!=0">
|
<div class="dropdown-container" v-if="opciones.length!=0">
|
||||||
|
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
{{opcionSeleted != '' ? opcionSeleted.text : campo}}
|
{{opcionSeleted != '' ? opcionSeleted.nombre : campo}}
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
||||||
<div class="containerDrop" v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion">
|
<div class="containerDrop" v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion">
|
||||||
<a class="dropdown-item"><p> {{opcion.text}}</p></a>
|
<a class="dropdown-item " ><p> {{opcion.nombre}}</p></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -53,11 +52,11 @@
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
.dropdown-item,.short{
|
.dropdown-item,.short{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
text-overflow: inherit;
|
text-overflow: inherit;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
@@ -69,9 +68,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu{
|
.dropdown-menu{
|
||||||
max-height: 20rem;
|
height: 20rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@@ -105,56 +104,60 @@ export default {
|
|||||||
},
|
},
|
||||||
async actualizarCampo(){
|
async actualizarCampo(){
|
||||||
try{
|
try{
|
||||||
if(this.opcionSeleted === "" && this.campoValue === ""){
|
if(this.opcionSeleted === "" && this.campoValue === ""){
|
||||||
await Swal.fire(
|
await Swal.fire(
|
||||||
'¿Aún no has llenado el campo a editar?',
|
'¿Aún no has llenado el campo a editar?',
|
||||||
'',
|
'',
|
||||||
'question'
|
'question'
|
||||||
);
|
);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
let data = {};
|
|
||||||
let valueCampo = '';
|
|
||||||
if(this.opciones.length!=0){
|
let data = {};
|
||||||
valueCampo = this.opcionSeleted.id;
|
let valueCampo = '';
|
||||||
}
|
if(this.opciones.length!=0){
|
||||||
else{
|
valueCampo = this.opcionSeleted.id;
|
||||||
valueCampo = this.campoValue;
|
}
|
||||||
}
|
else{
|
||||||
data ={
|
valueCampo = this.campoValue;
|
||||||
keyTable : this.pcSelected.keyTable,
|
}
|
||||||
idEquipo : this.objectPc.idEquipo,
|
data ={
|
||||||
idInventario: this.objectPc.idInventario,
|
keyTable : this.pcSelected.keyTable,
|
||||||
value: valueCampo,
|
idEquipo : this.objectPc.idEquipo,
|
||||||
equipo: false
|
idInventario: this.objectPc.idInventario,
|
||||||
}
|
value: valueCampo,
|
||||||
if( this.pcSelected.keyTable !== 'noInventario' && this.pcSelected.keyTable !== 'noResguardo' && this.pcSelected.keyTable !== 'idUnidadResponsable'){
|
equipo: false
|
||||||
data.equipo = true;
|
}
|
||||||
}
|
if( this.pcSelected.keyTable !== 'noInventario' && this.pcSelected.keyTable !== 'noResguardo' && this.pcSelected.keyTable !== 'idUnidadResponsable'){
|
||||||
try{
|
data.equipo = true;
|
||||||
await axios.post( `${config.api}/editarCampoEquipo`, data );
|
}
|
||||||
await Swal.fire(
|
try{
|
||||||
'Se actualizo con exito el campo',
|
await axios.post( `${config.api}/editarCampoEquipo`, data );
|
||||||
'',
|
await Swal.fire(
|
||||||
'success'
|
'Se actualizo con exito el campo',
|
||||||
);
|
'',
|
||||||
location.reload();
|
'success'
|
||||||
return;
|
);
|
||||||
}
|
location.reload();
|
||||||
catch(error){
|
return;
|
||||||
console.log(error);
|
}
|
||||||
await Swal.fire(
|
catch(error){
|
||||||
'No se pudo actualizar el campo',
|
console.log(error);
|
||||||
`Error en consola ${error}`,
|
await Swal.fire(
|
||||||
'error'
|
'No se pudo actualizar el campo',
|
||||||
);
|
`Error en consola ${error}`,
|
||||||
return;
|
'error'
|
||||||
}
|
);
|
||||||
}
|
return;
|
||||||
catch(error){
|
}
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
catch(error){
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
computed:{
|
computed:{
|
||||||
selectPC : function(){
|
selectPC : function(){
|
||||||
|
|||||||
+55
-204
@@ -1,93 +1,52 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-12">
|
||||||
<div class="col-12">
|
<h3 style="text-align: right; margin-bottom: 1rem;">Totales: {{pcTablesFiltrada.length}} </h3>
|
||||||
<h3 style="text-align: right; margin-bottom: 1rem;">Totales: {{pcTablesFiltrada.length}} </h3>
|
<div class="table-responsive">
|
||||||
|
<table class="table">
|
||||||
<div class="table-responsive" style="height : 35rem">
|
<thead>
|
||||||
<table class="table tableFixHead" >
|
<tr>
|
||||||
<thead>
|
<th >
|
||||||
<tr>
|
|
||||||
<th >
|
|
||||||
<div class="flex-container">
|
|
||||||
<button style="align-self: center" class="btn nav-link " type="button" aria-haspopup="true" aria-expanded="false">
|
|
||||||
Eliminar
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</th>
|
|
||||||
|
|
||||||
<th v-for="(item,indexHeader) in pcHeaders" v-bind:key="indexHeader" scope="col" >
|
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<div >
|
<button style="align-self: center" class="btn nav-link " type="button" aria-haspopup="true" aria-expanded="false">
|
||||||
<div v-if="item.data.length != 0">
|
Eliminar
|
||||||
<div>
|
</button>
|
||||||
<div class="dropdown">
|
|
||||||
<button role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="align-self: center" class="btn nav-link dropdown-toggle" @click="llenarFiltro( indexHeader)">
|
|
||||||
{{item.nombre}}
|
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown" >
|
|
||||||
<form style="padding: 10px">
|
|
||||||
|
|
||||||
<div class="form-check" >
|
|
||||||
<input type="checkbox" :checked="seleccionado(indexHeader)" @click="seleccionarDatos(item,indexHeader)" class="form-check-input" :id="item.nombre">
|
|
||||||
<label class="form-check-label" :for="item.nombre">Seleccionar todos</label>
|
|
||||||
</div>
|
|
||||||
<b-form-checkbox-group
|
|
||||||
:id="item.nombre"
|
|
||||||
v-model="selected"
|
|
||||||
:options="item.data"
|
|
||||||
:name="item.nombre"
|
|
||||||
stacked
|
|
||||||
></b-form-checkbox-group>
|
|
||||||
</form>
|
|
||||||
<div class="dropdown-divider"></div>
|
|
||||||
<div class="text-center">
|
|
||||||
<b-button center @click="filtrar(indexHeader)">Filtrar</b-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button style="align-self: center; width: 14rem;" v-else class="btn nav-link " type="button" aria-haspopup="true" aria-expanded="false">
|
|
||||||
{{item.nombre}}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
<th v-for="(item,indexHeader) in pcHeaders" v-bind:key="indexHeader" scope="col" >
|
||||||
</thead>
|
<div class="flex-container">
|
||||||
<tbody>
|
<div >
|
||||||
<tr v-for="(pc,index) in pcTablesFiltrada" v-bind:key="index">
|
<button style="align-self: center" v-if="item.data.length != 0" class="btn nav-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
<td>
|
{{item.nombre}}
|
||||||
<b-button variant="outline-danger" @click="eliminar(pc.objectPc)">Eliminar</b-button>
|
</button>
|
||||||
</td>
|
<button style="align-self: center; width: 14rem;" v-else class="btn nav-link " type="button" aria-haspopup="true" aria-expanded="false">
|
||||||
<td v-for="(pcCampo,key) in pc.datos" v-bind:key="key" v-b-modal.actualizarCampo @click="pcSelected=pc.objectPc ,valueCampo=pcCampo , campo = pcHeaders[key].nombre, opciones = pcHeaders[key].data" >
|
{{item.nombre}}
|
||||||
{{pcCampo.value}}
|
</button>
|
||||||
</td>
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="padding:10px;">
|
||||||
</tr>
|
<b-dropdown-form >
|
||||||
|
<div class="checkBox" v-for="(type,index) in item.data" v-bind:key="index" ><b-form-checkbox @change="filtrar(indexHeader, type.nombre)" v-model="type.value" ><a>{{type.nombre}}</a></b-form-checkbox></div>
|
||||||
|
</b-dropdown-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr v-for="(pc,index) in pcTablesFiltrada" v-bind:key="index">
|
||||||
|
<td>
|
||||||
|
<b-button variant="outline-danger" @click="eliminar(pc.objectPc)">Eliminar</b-button>
|
||||||
|
</td>
|
||||||
|
<td v-for="(pcCampo,key) in pc.datos" v-bind:key="key" v-b-modal.actualizarCampo @click="pcSelected=pc.objectPc ,valueCampo=pcCampo , campo = pcHeaders[key].nombre, opciones = pcHeaders[key].data" >
|
||||||
|
{{pcCampo.value}}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<Modal v-bind:campo="campo" v-bind:pcSelected="valueCampo" v-bind:opciones="opciones" v-bind:objectPc="pcSelected" />
|
|
||||||
</div>
|
|
||||||
<div class="row" style="margin-bottom: 3rem;" >
|
|
||||||
<div class="col-12">
|
|
||||||
<div class="pure-u-1 pure-u-md-1-2">
|
|
||||||
<b-button v-if="!loadExcel" class="button" @click="descargarExcel()"><a>Descargar</a></b-button>
|
|
||||||
<!-- <button class="button" @click="descargarExcel()" >
|
|
||||||
Descargar Excel
|
|
||||||
</button> -->
|
|
||||||
<div v-else class=" mb-3" style="margin-top: 3rem; ">
|
|
||||||
<b-spinner variant="primary" style="width: 5rem; height: 5rem;" label="Caragndo..."></b-spinner><br/>
|
|
||||||
<strong >Cargando...</strong>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<Modal v-bind:campo="campo" v-bind:pcSelected="valueCampo" v-bind:opciones="opciones" v-bind:objectPc="pcSelected" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -113,75 +72,12 @@ export default {
|
|||||||
tableName: "",
|
tableName: "",
|
||||||
opciones: [],
|
opciones: [],
|
||||||
pcSelected: null,
|
pcSelected: null,
|
||||||
opcionSeletedTable: {value: ''},
|
opcionSeletedTable: {value: ''}
|
||||||
selected: [],
|
|
||||||
link: null,
|
|
||||||
loadExcel: false,
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async descargarExcel(){
|
|
||||||
this.loadExcel = true;
|
|
||||||
const data = {
|
|
||||||
pcHeaders: this.pcHeaders,
|
|
||||||
table: this.pcTablesFiltrada
|
|
||||||
}
|
|
||||||
await axios.post( `${config.api}/createExcel`, data).then(async()=>{
|
|
||||||
this.loadExcel = false;
|
|
||||||
await Swal.fire(
|
|
||||||
'Se ha creado con exito el archvio',
|
|
||||||
'',
|
|
||||||
'success'
|
|
||||||
).then(()=>{
|
|
||||||
window.location.href = `${config.api}/getExcel`;
|
|
||||||
});
|
|
||||||
}).catch(error=>{
|
|
||||||
console.log(error);
|
|
||||||
Swal.fire({
|
|
||||||
icon: 'error',
|
|
||||||
title: 'Sucedio un error al crear el excel',
|
|
||||||
text: `${error}`,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
async llenarFiltro(key){
|
|
||||||
for(let index in this.pcData){
|
|
||||||
let pc = this.pcData[index];
|
|
||||||
if(pc.headers[key] && !(this.selected.indexOf(pc.datos[key].value) > -1)){
|
|
||||||
this.selected.push(pc.datos[key].value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
seleccionado(key){
|
|
||||||
for(let index in this.pcData){
|
|
||||||
let pc = this.pcData[index];
|
|
||||||
if(!pc.headers[key] ){
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
async seleccionarDatos(datos,key){
|
|
||||||
if(this.seleccionado(key)){
|
|
||||||
this.selected = [];
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
this.selected = [];
|
|
||||||
for(let index in datos.data){
|
|
||||||
this.selected.push(datos.data[index].value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
async filtrar(key){
|
|
||||||
for(let index in this.pcData){
|
|
||||||
let pc = this.pcData[index];
|
|
||||||
pc.headers[key] = (this.selected.indexOf(pc.datos[key].value) > -1);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async eliminar(pcData){
|
async eliminar(pcData){
|
||||||
|
|
||||||
const swalWithBootstrapButtons = Swal.mixin({
|
const swalWithBootstrapButtons = Swal.mixin({
|
||||||
customClass: {
|
customClass: {
|
||||||
confirmButton: 'btn btn-outline-success',
|
confirmButton: 'btn btn-outline-success',
|
||||||
@@ -224,6 +120,13 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
async filtrar(key, dato){
|
||||||
|
for(let index in this.pcData){
|
||||||
|
let pc = this.pcData[index];
|
||||||
|
if(typeof pc.headers[key] !== 'undefined' && typeof pc.datos[key] !== 'undefined' && pc.datos[key] === dato)
|
||||||
|
pc.headers[key] = !pc.headers[key];
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
async created() {
|
async created() {
|
||||||
try {
|
try {
|
||||||
@@ -269,61 +172,9 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.button {
|
|
||||||
background-color: #1b3d70; /* Green */
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
height: 4rem;
|
|
||||||
width: 15rem;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 1rem;
|
|
||||||
-webkit-transition-duration: 0.4s; /* Safari */
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
||||||
margin-left: 2rem;
|
|
||||||
margin-right: 2rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
.button:hover {
|
|
||||||
background-color: #bb8800;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
a{
|
a{
|
||||||
font-size: 1.7rem;
|
font-size: 14px;
|
||||||
padding-top: .6rem;
|
margin-bottom: 6px;
|
||||||
}
|
font-weight: normal;
|
||||||
.tableFixHead { overflow-y: auto; height: 100px; }
|
|
||||||
.tableFixHead thead th { position: sticky; top: 0; }
|
|
||||||
table { border-collapse: collapse; width: 100%; }
|
|
||||||
th, td { padding: 8px 16px; }
|
|
||||||
th { background:#eee; }
|
|
||||||
.colorGris{
|
|
||||||
background:#eee;
|
|
||||||
}
|
|
||||||
.dropdown-item,.short{
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: pre;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
word-wrap: break-word;
|
|
||||||
text-overflow: inherit;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
.dropdown {
|
|
||||||
position: relative ;
|
|
||||||
display: inline-block;
|
|
||||||
height: auto;
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu{
|
|
||||||
max-height: 25rem;
|
|
||||||
width: 20rem;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
+21
-71
@@ -5,27 +5,27 @@
|
|||||||
<b-card title="Card Title" no-body style="margin-bottom: 4rem;">
|
<b-card title="Card Title" no-body style="margin-bottom: 4rem;">
|
||||||
<b-card-header header-tag="nav">
|
<b-card-header header-tag="nav">
|
||||||
<b-nav card-header tabs>
|
<b-nav card-header tabs>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Tipo de Impresora'" v-bind:active="textSelected=='Tipo de Impresora'">Tipo de Impresora</b-nav-item>
|
<b-nav-item @click="textSelected= 'Tipo de Impresora'" v-bind:active="textSelected=='Tipo de Impresora'">Tipo de Impresora</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Marca de Impresora'" v-bind:active="textSelected=='Marca de Impresora'">Marca de Impresora</b-nav-item>
|
<b-nav-item @click="textSelected= 'Marca de Impresora'" v-bind:active="textSelected=='Marca de Impresora'">Marca de Impresora</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Tipo de Uso'" v-bind:active="textSelected== 'Tipo de Uso'">Tipo de Uso </b-nav-item>
|
<b-nav-item @click="textSelected= 'Tipo de Uso'" v-bind:active="textSelected== 'Tipo de Uso'">Tipo de Uso </b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Procesador'" v-bind:active="textSelected== 'Procesador'">Procesador</b-nav-item>
|
<b-nav-item @click="textSelected= 'Procesador'" v-bind:active="textSelected== 'Procesador'">Procesador</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Sistema Operativo'" v-bind:active="textSelected== 'Sistema Operativo'">Sistema Operativo</b-nav-item>
|
<b-nav-item @click="textSelected= 'Marca '" v-bind:active="textSelected== 'Sistema Operativo'">Sistema Operativo</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Tarjeta Grafica'" v-bind:active="textSelected== 'Tarjeta Grafica'">Tarjeta Grafica</b-nav-item>
|
<b-nav-item @click="textSelected= 'Tarjeta Grafica'" v-bind:active="textSelected== 'Tarjeta Grafica'">Tarjeta Grafica</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Marca de Equipo'" v-bind:active="textSelected== 'Marca de Equipo'">Marca de Equipo</b-nav-item>
|
<b-nav-item @click="textSelected= 'Tipo de memoride Equipo'" v-bind:active="textSelected== 'Marca de Equipo'">Marca de Equipo</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Tipo de memoria Ram'" v-bind:active="textSelected== 'Tipo de memoria Ram'">Tipo de memoria Ram</b-nav-item>
|
<b-nav-item @click="textSelected= 'Sistema Operativoa Ram'" v-bind:active="textSelected== 'Tipo de memoria Ram'">Tipo de memoria Ram</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Tipo de Equipo de Computo'" v-bind:active="textSelected== 'Tipo de Equipo de Computo'">Tipo de Equipo de Computo</b-nav-item>
|
<b-nav-item @click="textSelected= 'Tipo de Equipo de Computo'" v-bind:active="textSelected== 'Tipo de Equipo de Computo'">Tipo de Equipo de Computo</b-nav-item>
|
||||||
<b-nav-item @click="valueText='', textSelected= 'Unidad Responsable'" v-bind:active="textSelected== 'Unidad Responsable'">Unidad Responsable</b-nav-item>
|
<b-nav-item @click="textSelected= 'Unidad Responsable'" v-bind:active="textSelected== 'Unidad Responsable'">Unidad Responsable</b-nav-item>
|
||||||
</b-nav>
|
</b-nav>
|
||||||
</b-card-header>
|
</b-card-header>
|
||||||
<b-card-body class="text-center">
|
<b-card-body class="text-center">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row" v-if="textSelected!='Unidad Responsable'">
|
<div class="row" v-if="textSelected!='Unidad Responsable'">
|
||||||
<div class="col-md-8" >
|
<div class="col-md-8" >
|
||||||
<b-form-input style="margin: .5rem;" class="fadeIn second" v-bind:placeholder="textSelected" v-model="valueText"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" v-bind:placeholder="textSelected"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<div class="pure-u-1 pure-u-md-1-2">
|
<div class="pure-u-1 pure-u-md-1-2">
|
||||||
<button class="button " @click="agregar()">
|
<button class="button " >
|
||||||
Agregar
|
Agregar
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -33,14 +33,17 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="row" v-else>
|
<div class="row" v-else>
|
||||||
<div class="col-md-12" >
|
<div class="col-md-12" >
|
||||||
<b-form-input style="margin: .5rem;" class="fadeIn second" placeholder="Nombre de la Unidad Responsable" v-model="unidadResponsable"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Nombre de la Unidad Responsable"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12" >
|
<div class="col-md-12" >
|
||||||
<b-form-input style="margin: .5rem;" class="fadeIn second" placeholder="Nombre del Responsable" v-model="nombreResponsable"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Nombre del Responsable"></b-form-input>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12" >
|
||||||
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Ubicación fisica"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12" >
|
<div class="col-md-12" >
|
||||||
<div class="pure-u-1 pure-u-md-1-2">
|
<div class="pure-u-1 pure-u-md-1-2">
|
||||||
<button class="button " @click="agregar()" >
|
<button class="button " >
|
||||||
Agregar
|
Agregar
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -54,71 +57,18 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import axios from "axios";
|
|
||||||
import config from "../config/config.js";
|
|
||||||
import Swal from 'sweetalert2';
|
|
||||||
export default {
|
export default {
|
||||||
|
|
||||||
name: "home",
|
name: "home",
|
||||||
components: {
|
components: {
|
||||||
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
textSelected : 'Tipo de Impresora',
|
textSelected : 'Tipo de Impresora'
|
||||||
valueText: '',
|
|
||||||
unidadResponsable: '',
|
|
||||||
nombreResponsable: '',
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async agregar(){
|
|
||||||
if(this.textSelected !== 'Unidad Responsable' ){
|
|
||||||
if(this.valueText === ''){
|
|
||||||
await Swal.fire(
|
|
||||||
`Aun no has agregado el campo`,
|
|
||||||
'',
|
|
||||||
'question'
|
|
||||||
)
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
if(this.unidadResponsable === '' || this.nombreResponsable === '' || this.ubicacion === ''){
|
|
||||||
await Swal.fire(
|
|
||||||
`Aun no has agregado los campos`,
|
|
||||||
'',
|
|
||||||
'question'
|
|
||||||
)
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
let data = {
|
|
||||||
valueText : this.valueText,
|
|
||||||
unidadResponsable : this.unidadResponsable,
|
|
||||||
nombreResponsable : this.nombreResponsable,
|
|
||||||
textSelected : this.textSelected
|
|
||||||
}
|
|
||||||
|
|
||||||
try{
|
|
||||||
await axios.post( `${config.api}/addCatalogo`, data);
|
|
||||||
await Swal.fire(
|
|
||||||
'Se ha agregado con exito al catalogo',
|
|
||||||
'',
|
|
||||||
'success'
|
|
||||||
);
|
|
||||||
location.reload();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
catch(error){
|
|
||||||
console.log(error);
|
|
||||||
await Swal.fire(
|
|
||||||
'No se pudo agregar al catalogo',
|
|
||||||
`Error en consola ${error}`,
|
|
||||||
'error'
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
+38
-197
@@ -3,70 +3,41 @@
|
|||||||
<h1 style="margin: 2rem">Agregar Equipo</h1>
|
<h1 style="margin: 2rem">Agregar Equipo</h1>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Número de inventario" v-model="noInventario"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Número de inventario"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Número de resguardo" v-model="noResguardo"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Número de resguardo"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Serie" v-model="serie"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Serie"></b-form-input>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6" >
|
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Tamaño de discos" v-model="sizeDiscos"></b-form-input>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6" >
|
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Número de discos" v-model="numeroDiscos"></b-form-input>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Cantidad de memoria RAM" v-model="cantidadMemoriaRam"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Cantidad de memoria RAM"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Velocidad de memoria Ram" v-model="velocidadMemoriaRam"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Velocidad de memoria Ram"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4" >
|
||||||
<div class="dropdown">
|
<b-dropdown v-bind:text="tipoMemoriaRamSelected != null ? tipoMemoriaRamSelected.nombre : 'Tipo de Memoria Ram'" block variant="outline-primary" class="m-2">
|
||||||
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<b-dropdown-item v-for="tipo in tipoMemoriaRam" v-bind:key="tipo.id" @click="tipoMemoriaRamSelected = tipo">{{tipo.nombre}}</b-dropdown-item>
|
||||||
{{tipoMemoriaRamSelected != null ? tipoMemoriaRamSelected.nombre : 'Tipo de Memoria Ram'}}
|
</b-dropdown>
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
|
||||||
<div class="containerDrop" v-for="tipo in tipoMemoriaRam" v-bind:key="tipo.id" @click="tipoMemoriaRamSelected = tipo">
|
|
||||||
<a class="dropdown-item"><p>{{tipo.nombre}}</p></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<div class="dropdown">
|
<b-dropdown v-bind:text="tarjetaGraficaSelected != null ? tarjetaGraficaSelected.nombre : 'Tipo de tarjeta grafica'" block variant="outline-primary" class="m-2">
|
||||||
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<b-dropdown-item v-for="tipo in tarjetaGrafica" v-bind:key="tipo.id" @click="tarjetaGraficaSelected = tipo">{{tipo.nombre}}</b-dropdown-item>
|
||||||
{{tarjetaGraficaSelected != null ? tarjetaGraficaSelected.nombre : 'Tipo de tarjeta grafica'}}
|
</b-dropdown>
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
|
||||||
<div class="containerDrop" v-for="tipo in tarjetaGrafica" v-bind:key="tipo.id" @click="tarjetaGraficaSelected = tipo">
|
|
||||||
<a class="dropdown-item"><p>{{tipo.nombre}}</p></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Cantidad de memoria de la tarjeta grafica" v-model="cantidadMemoriaGrafica"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Tamaño de la tarjeta grafica"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<div class="dropdown">
|
<b-dropdown v-bind:text="tipoEquipoSelected != null ? tipoEquipoSelected.nombre : 'Tipo de Equipo'" block variant="outline-primary" class="m-2">
|
||||||
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<b-dropdown-item v-for="tipo in tipoEquipo" v-bind:key="tipo.id" @click="tipoEquipoSelected = tipo">{{tipo.nombre}}</b-dropdown-item>
|
||||||
{{tipoEquipoSelected != null ? tipoEquipoSelected.nombre : 'Tipo de Equipo'}}
|
</b-dropdown>
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
|
||||||
<div class="containerDrop" v-for="tipo in tipoEquipo" v-bind:key="tipo.id" @click="tipoEquipoSelected = tipo">
|
|
||||||
<a class="dropdown-item"><p>{{tipo.nombre}}</p></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -76,27 +47,20 @@
|
|||||||
</b-dropdown>
|
</b-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Versión del sistema operativo" v-model="versionOS"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Versión"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<div class="dropdown">
|
<b-dropdown v-bind:text="procesadorSelected != null ? procesadorSelected.nombre : 'Procesador'" block variant="outline-primary" class="m-2">
|
||||||
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<b-dropdown-item v-for="tipo in procesador" v-bind:key="tipo.id" @click="procesadorSelected = tipo">{{tipo.nombre}}</b-dropdown-item>
|
||||||
{{procesadorSelected != null ? procesadorSelected.nombre : 'Procesador'}}
|
</b-dropdown>
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
|
||||||
<div class="containerDrop" v-for="tipo in procesador" v-bind:key="tipo.id" @click="procesadorSelected = tipo">
|
|
||||||
<a class="dropdown-item"><p>{{tipo.nombre}}</p></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Velocidad del procesador GHz" v-model="velocidadProcesadorGHz"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Velocidad del procesador GHz"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Descripción del procesador" v-model="descripcionProcesador"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Descripción del procesador"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -106,7 +70,7 @@
|
|||||||
</b-dropdown>
|
</b-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Modelo del equipo" v-model="modeloEquipo"></b-form-input>
|
<b-form-input style="margin: .5rem;" class="fadeIn second" id="input-small" placeholder="Modelo"></b-form-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4" >
|
<div class="col-md-4" >
|
||||||
<b-dropdown v-bind:text="usoSelected != null ? usoSelected.nombre : 'Uso'" block variant="outline-primary" class="m-2">
|
<b-dropdown v-bind:text="usoSelected != null ? usoSelected.nombre : 'Uso'" block variant="outline-primary" class="m-2">
|
||||||
@@ -116,36 +80,24 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12" style="margin: .5rem;" >
|
<div class="col-md-12" >
|
||||||
<div class="dropdown">
|
<b-dropdown v-bind:text="unidadSelected != null ? unidadSelected.unidadResponsable.nombre : 'Unidad Responsable'" block variant="outline-primary" class="m-2">
|
||||||
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<b-dropdown-item v-for="tipo in unidad" v-bind:key="tipo.unidadResponsable.id" @click="unidadSelected = tipo">{{tipo.unidadResponsable.nombre}}</b-dropdown-item>
|
||||||
{{unidadSelected != null ? unidadSelected.unidadResponsable.nombre : 'Unidad Responsable'}}
|
</b-dropdown>
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
|
||||||
<div class="containerDrop" v-for="tipo in unidad" v-bind:key="tipo.unidadResponsable.id" @click="unidadSelected = tipo">
|
|
||||||
<a class="dropdown-item"><p>{{tipo.unidadResponsable.nombre}}</p></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12 " style="margin: .5rem;">
|
<div class="col-md-12 " >
|
||||||
<div class="dropdown">
|
<b-dropdown v-bind:text="unidadSelected != null ? unidadSelected.responsable.nombre : 'Nombre del responsable'" block variant="outline-primary" class="m-2">
|
||||||
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<b-dropdown-item v-for="tipo in unidad" v-bind:key="tipo.responsable.id" @click="unidadSelected = tipo">{{tipo.responsable.nombre}}</b-dropdown-item>
|
||||||
{{unidadSelected != null ? unidadSelected.responsable.nombre : 'Nombre del responsable' }}
|
</b-dropdown>
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
|
|
||||||
<div class="containerDrop" v-for="(tipo,index) in unidad" v-bind:key="index" @click="unidadSelected = tipo">
|
|
||||||
<a class="dropdown-item"><p>{{tipo.responsable.nombre}}</p></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12 " >
|
<div class="col-md-12 " >
|
||||||
<b-form-input style="margin: .5rem;" placeholder="Ubicación de la Unidad Responsable" v-model="ubicacionUnidad"></b-form-input>
|
<b-dropdown v-bind:text="unidadSelected != null ? unidadSelected.ubicacion.nombre : 'Ubicación'" block variant="outline-primary" class="m-2">
|
||||||
|
<b-dropdown-item v-for="tipo in unidad" v-bind:key="tipo.ubicacion.id" @click="unidadSelected = tipo">{{tipo.ubicacion.nombre}}</b-dropdown-item>
|
||||||
|
</b-dropdown>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pure-u-1 pure-u-md-1-2">
|
<div class="pure-u-1 pure-u-md-1-2">
|
||||||
<button class="button " @click="agregar()">
|
<button class="button " >
|
||||||
Agregar
|
Agregar
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -155,7 +107,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import config from "../config/config.js";
|
import config from "../config/config.js";
|
||||||
import Swal from 'sweetalert2';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
||||||
@@ -165,18 +116,6 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
typeSelected:"Equipos",
|
typeSelected:"Equipos",
|
||||||
noInventario: "",
|
|
||||||
noResguardo: "",
|
|
||||||
serie: "",
|
|
||||||
cantidadMemoriaRam: "",
|
|
||||||
velocidadMemoriaRam: "",
|
|
||||||
cantidadMemoriaGrafica: "",
|
|
||||||
versionOS:"",
|
|
||||||
velocidadProcesadorGHz: "",
|
|
||||||
descripcionProcesador: "",
|
|
||||||
numeroDiscos: "",
|
|
||||||
sizeDiscos: "",
|
|
||||||
modeloEquipo: "",
|
|
||||||
tipoEquipo : null,
|
tipoEquipo : null,
|
||||||
tipoEquipoSelected: null,
|
tipoEquipoSelected: null,
|
||||||
tipoMemoriaRam : null,
|
tipoMemoriaRam : null,
|
||||||
@@ -192,88 +131,13 @@ export default {
|
|||||||
unidad: null,
|
unidad: null,
|
||||||
unidadSelected: null,
|
unidadSelected: null,
|
||||||
uso: null,
|
uso: null,
|
||||||
usoSelected : null,
|
usoSelected : null
|
||||||
ubicacionUnidad: ""
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async faltaCampo(campo){
|
|
||||||
await Swal.fire(
|
|
||||||
`Falta el campo de ${campo} por llenar`,
|
|
||||||
'',
|
|
||||||
'warning'
|
|
||||||
)
|
|
||||||
return;
|
|
||||||
},
|
|
||||||
async agregar() {
|
|
||||||
if(this.noInventario === "") return this.faltaCampo("Número de inventario");
|
|
||||||
if(this.noResguardo === "") return this.faltaCampo("Número de resguardo");
|
|
||||||
if(this.serie === "") return this.faltaCampo("Serie");
|
|
||||||
if(this.sizeDiscos === "") return this.faltaCampo("El tamaño de disco");
|
|
||||||
if(this.numeroDiscos === "") return this.faltaCampo("El número de descos");
|
|
||||||
if(this.cantidadMemoriaRam === "") return this.faltaCampo("Cantidad de memoria RAM");
|
|
||||||
if(this.velocidadMemoriaRam === "") return this.faltaCampo("Velocidad de la memoria RAM");
|
|
||||||
if(this.cantidadMemoriaGrafica === "") return this.faltaCampo("Cantidad de la memoria Grafica");
|
|
||||||
if(this.versionOS ==="") return this.faltaCampo("Versión del Sistema Operativo");
|
|
||||||
if(this.velocidadProcesadorGHz === "") return this.faltaCampo("Velocidad de procesador");
|
|
||||||
if(this.descripcionProcesador === "") return this.faltaCampo("Descripción del procesador");
|
|
||||||
if(this.modeloEquipo === "") return this.faltaCampo("Modelo del equipo");
|
|
||||||
if(this.ubicacionUnidad === "") return this.faltaCampo("Ubicación de la Unidad responsable");
|
|
||||||
if(this.tipoEquipoSelected === null) return this.faltaCampo("El tipo de equipo");
|
|
||||||
if(this.tipoMemoriaRamSelected === null) return this.faltaCampo("El tipo de memoria RAM");
|
|
||||||
if(this.tarjetaGraficaSelected === null) return this.faltaCampo("El tipo de tarjeta grafica");
|
|
||||||
if(this.osSelected === null) return this.faltaCampo("El tipo de sistema operativo");
|
|
||||||
if(this.marcaSelected === null) return this.faltaCampo("La marca del equipo");
|
|
||||||
if(this.procesadorSelected === null) return this.faltaCampo("El tipo del procesador");
|
|
||||||
if(this.unidadSelected === null) return this.faltaCampo("La unidad Responsable");
|
|
||||||
const data ={
|
|
||||||
noInventario: this.noInventario,
|
|
||||||
noResguardo: this.noResguardo,
|
|
||||||
serie: this.serie,
|
|
||||||
sizeDiscos: this.sizeDiscos,
|
|
||||||
numeroDiscos: this.numeroDiscos,
|
|
||||||
cantidadMemoriaRam: this.cantidadMemoriaRam,
|
|
||||||
velocidadMemoriaRam: this.velocidadMemoriaRam,
|
|
||||||
cantidadMemoriaGrafica: this.cantidadMemoriaGrafica,
|
|
||||||
versionOS: this.versionOS,
|
|
||||||
velocidadProcesadorGHz: this.velocidadProcesadorGHz,
|
|
||||||
descripcionProcesador: this.descripcionProcesador,
|
|
||||||
modeloEquipo: this.modeloEquipo,
|
|
||||||
idTipoEquipo: this.tipoEquipoSelected,
|
|
||||||
idMemoriaRam: this.tipoMemoriaRamSelected,
|
|
||||||
idTarjetaGrafica: this.tarjetaGraficaSelected,
|
|
||||||
idOs: this.osSelected,
|
|
||||||
idMarcaEquipo: this.marcaSelected,
|
|
||||||
idProcesador: this.procesadorSelected,
|
|
||||||
idUso : this.usoSelected,
|
|
||||||
unidad: this.unidadSelected,
|
|
||||||
ubicacion: this.ubicacionUnidad,
|
|
||||||
}
|
|
||||||
console.log(data);
|
|
||||||
try{
|
|
||||||
await axios.post( `${config.api}/addEquipo`, data );
|
|
||||||
await Swal.fire(
|
|
||||||
'Se agrego con exito el equipo',
|
|
||||||
'',
|
|
||||||
'success'
|
|
||||||
);
|
|
||||||
location.reload();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
catch(error){
|
|
||||||
console.log(error);
|
|
||||||
await Swal.fire(
|
|
||||||
'No se pudo agregar el equipo',
|
|
||||||
`Error en consola ${error}`,
|
|
||||||
'error'
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
async beforeCreate() {
|
async created() {
|
||||||
try {
|
try {
|
||||||
let catalogo = await axios.get(`${config.api}/getCatalgoEquipo`);
|
let catalogo = await axios.get(`${config.api}/getCatalgoEquipo`);
|
||||||
this.tipoEquipo= catalogo.data.catalogos.tipoEquipo;
|
this.tipoEquipo= catalogo.data.catalogos.tipoEquipo;
|
||||||
@@ -316,27 +180,4 @@ export default {
|
|||||||
background-color: #bb8800;
|
background-color: #bb8800;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item,.short{
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: pre;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
word-wrap: break-word;
|
|
||||||
text-overflow: inherit;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
.dropdown{
|
|
||||||
position: relative ;
|
|
||||||
display: inline-block;
|
|
||||||
height: auto;
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu{
|
|
||||||
max-height: 20rem;
|
|
||||||
width: 100%;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
+5
-1
@@ -23,7 +23,11 @@
|
|||||||
<PrinterTable />
|
<PrinterTable />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="pure-u-1 pure-u-md-1-2">
|
||||||
|
<button class="button " >
|
||||||
|
Descargar Excel
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
+1
-4
@@ -1,7 +1,4 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
publicPath: "./",
|
publicPath: "./"
|
||||||
devServer: {
|
|
||||||
host: 'localhost'
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
Reference in New Issue
Block a user