filtro usuário por tipo e modulo

app/Http/Controllers/UsuariosController.php

@@ -166,8 +166,15 @@ class UsuariosController extends Controller
               $subtitulo1 = trim($municipio->ds_municipio) .'/'. $estado->txt_sigla_uf;
          }
 
-        $where[] = ['modulo_sistema_id',2];   
-       // $where[] = ['tipo_usuario_id',9];   
+         if($request->tipoUsuario){
+            $where[] = ['tipo_usuario_id',$request->tipoUsuario];  
+        }
+
+        if($request->moduloSistema){
+            $where[] = ['modulo_sistema_id',$request->moduloSistema];   
+        }
+
+       
     
          $usuarios = User::leftjoin('opc_tipo_usuario','users.tipo_usuario_id', '=','opc_tipo_usuario.id')
                                 ->leftjoin('opc_status_usuario','users.status_usuario_id', '=','opc_status_usuario.id')

public/js/app.js

@@ -14408,7 +14408,7 @@ module.exports = Cancel;
 /***/ (function(module, exports, __webpack_require__) {
 
 __webpack_require__(13);
-module.exports = __webpack_require__(128);
+module.exports = __webpack_require__(131);
 
 
 /***/ }),
@@ -14451,35 +14451,36 @@ Vue.component('tabela-relatorios', __webpack_require__(71));
 Vue.component('filtro-oficio', __webpack_require__(74));
 Vue.component('valida-oficio', __webpack_require__(77));
 Vue.component('tabela-oficios', __webpack_require__(80));
+Vue.component('filtro-usuarios', __webpack_require__(83));
 
 ///mod propostas
-Vue.component('filtro-propostas', __webpack_require__(83));
-Vue.component('filtro-resultado', __webpack_require__(86));
-Vue.component('selecionar-proposta', __webpack_require__(89));
-Vue.component('auto-complete-proposta', __webpack_require__(92));
+Vue.component('filtro-propostas', __webpack_require__(86));
+Vue.component('filtro-resultado', __webpack_require__(89));
+Vue.component('selecionar-proposta', __webpack_require__(92));
+Vue.component('auto-complete-proposta', __webpack_require__(95));
 
 ///mod Formulario_painel
-Vue.component('dados-contrato', __webpack_require__(95));
-Vue.component('filtro-carteira-investimento', __webpack_require__(98));
+Vue.component('dados-contrato', __webpack_require__(98));
+Vue.component('filtro-carteira-investimento', __webpack_require__(101));
 
 //semob
-Vue.component('cadastrar-proposta-semob', __webpack_require__(101));
-Vue.component('checks-itens-financiaveis-semob', __webpack_require__(104));
+Vue.component('cadastrar-proposta-semob', __webpack_require__(104));
+Vue.component('checks-itens-financiaveis-semob', __webpack_require__(107));
 
 //sndum
-Vue.component('cadastrar-proposta-sndum', __webpack_require__(107));
+Vue.component('cadastrar-proposta-sndum', __webpack_require__(110));
 
 //snsa
-Vue.component('cadastrar-proposta-snsa', __webpack_require__(110));
-Vue.component('cadastrar-proposta-snsa-2218', __webpack_require__(113));
+Vue.component('cadastrar-proposta-snsa', __webpack_require__(113));
+Vue.component('cadastrar-proposta-snsa-2218', __webpack_require__(116));
 
 /**SACI WEB */
-Vue.component('form-cad-contratos-pac', __webpack_require__(116));
-Vue.component('form-cons-registro', __webpack_require__(119));
+Vue.component('form-cad-contratos-pac', __webpack_require__(119));
+Vue.component('form-cons-registro', __webpack_require__(122));
 
 /** BNDES */
-Vue.component('filtro-empreendimentos-bndes', __webpack_require__(122));
-Vue.component('dados-empreendimento-bndes', __webpack_require__(125));
+Vue.component('filtro-empreendimentos-bndes', __webpack_require__(125));
+Vue.component('dados-empreendimento-bndes', __webpack_require__(128));
 
 var app = new Vue({
   el: '#app'
@@ -53534,6 +53535,472 @@ var Component = normalizeComponent(
   __vue_scopeId__,
   __vue_module_identifier__
 )
+Component.options.__file = "resources/assets/js/components/mod_sistema/admin/FiltroUsuarios.vue"
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-71d6318e", Component.options)
+  } else {
+    hotAPI.reload("data-v-71d6318e", Component.options)
+  }
+  module.hot.dispose(function (data) {
+    disposed = true
+  })
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+/* 84 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+    props: ['url', 'municipioselecionado', 'ufselecionada', 'requermunicipio', 'requeruf', 'complementonomelabelmun'],
+    data: function data() {
+        return {
+            estados: '',
+            estado: '',
+            municipios: '',
+            municipio: '',
+            textoEscolhaMunicipio: 'Filtre o Estado',
+            buscando: false,
+            tipoUsuarios: '',
+            tipoUsuario: '',
+            moduloSistemas: '',
+            moduloSistema: ''
+            // requeruf:'true',
+            // requermunicipio:'true'
+        };
+    },
+
+    methods: {
+        onChangeEstado: function onChangeEstado() {
+            var _this = this;
+
+            this.textoEscolhaMunicipio = "Buscando...";
+            this.municipio = '';
+            this.buscando = true;
+            if (this.estado != '') {
+                //busca dados no banco de dados para carregar no componente
+                axios.get(this.url + '/api/municipios/' + this.estado).then(function (resposta) {
+                    _this.textoEscolhaMunicipio = "Escolha um municipio:";
+                    _this.buscando = false;
+                    _this.municipios = resposta.data;
+                }).catch(function (error) {
+                    console.log(error);
+                });
+            } else {
+                this.buscando = false;
+                this.municipio = '';
+                this.textoEscolhaMunicipio = "Filtre o Estado";
+            }
+        },
+        onChangeMunicipio: function onChangeMunicipio() {
+            if (this.municipio) {
+                this.municipioselecionado = this.municipio;
+            }
+        }
+    },
+    mounted: function mounted() {
+        var _this2 = this;
+
+        //console.log(this.form._token);
+        axios.get(this.url + '/api/ufs').then(function (resposta) {
+            //console.log(resposta.data);
+            _this2.estados = resposta.data;
+        }).catch(function (erro) {
+            console.log(erro);
+        });
+
+        axios.get(this.url + '/api/tipo_usuario').then(function (resposta) {
+            //console.log(resposta.data);
+            _this2.tipoUsuarios = resposta.data;
+        }).catch(function (erro) {
+            console.log(erro);
+        });
+
+        axios.get(this.url + '/api/modulo_sistema').then(function (resposta) {
+            //console.log(resposta.data);
+            _this2.moduloSistemas = resposta.data;
+        }).catch(function (erro) {
+            console.log(erro);
+        });
+
+        this.estado = '';
+        this.municipio = '';
+        if (this.municipioselecionado || this.municipio) {
+            axios.get(this.url + '/api/municipio/estado/' + this.municipioselecionado).then(function (resposta) {
+                _this2.estado = resposta.data;
+                _this2.onChangeEstado();
+                _this2.municipio = _this2.municipioselecionado;
+            }).catch(function (error) {
+                console.log(error);
+            });
+        } else {
+            this.estado = '';
+            this.municipio = '';
+        }
+
+        if (this.ufselecionada) {
+            this.estado = this.ufselecionada;
+            this.onChangeEstado();
+            document.getElementById("estado").disabled = true;
+        }
+    }
+});
+
+/***/ }),
+/* 85 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "form-group" }, [
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "column col-xs-12 col-md-4" }, [
+        _c("label", { attrs: { for: "uf" } }, [_vm._v("UF")]),
+        _vm._v(" "),
+        _c(
+          "select",
+          {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.estado,
+                expression: "estado"
+              }
+            ],
+            staticClass: "form-select br-select",
+            attrs: {
+              id: "estado",
+              name: "estado",
+              required: _vm.requeruf == "true"
+            },
+            on: {
+              change: [
+                function($event) {
+                  var $$selectedVal = Array.prototype.filter
+                    .call($event.target.options, function(o) {
+                      return o.selected
+                    })
+                    .map(function(o) {
+                      var val = "_value" in o ? o._value : o.value
+                      return val
+                    })
+                  _vm.estado = $event.target.multiple
+                    ? $$selectedVal
+                    : $$selectedVal[0]
+                },
+                _vm.onChangeEstado
+              ]
+            }
+          },
+          [
+            _c("option", { attrs: { value: "" } }, [
+              _vm._v("Escolha um Estado:")
+            ]),
+            _vm._v(" "),
+            _vm._l(_vm.estados, function(estado) {
+              return _c("option", {
+                key: estado.id,
+                domProps: {
+                  value: estado.id,
+                  textContent: _vm._s(estado.txt_uf)
+                }
+              })
+            })
+          ],
+          2
+        )
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "column col-xs-12 col-md-8" }, [
+        !_vm.complementonomelabelmun
+          ? _c("label", { attrs: { for: "municipio" } }, [_vm._v("Município")])
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.complementonomelabelmun
+          ? _c("label", { attrs: { for: "municipio" } }, [
+              _vm._v("Município " + _vm._s(_vm.complementonomelabelmun))
+            ])
+          : _vm._e(),
+        _vm._v(" "),
+        _c(
+          "select",
+          {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.municipio,
+                expression: "municipio"
+              }
+            ],
+            staticClass: "form-select br-select",
+            attrs: {
+              id: "municipio",
+              name: "municipio",
+              required: _vm.requermunicipio == "true",
+              disabled: _vm.estado == "" || _vm.buscando
+            },
+            on: {
+              change: [
+                function($event) {
+                  var $$selectedVal = Array.prototype.filter
+                    .call($event.target.options, function(o) {
+                      return o.selected
+                    })
+                    .map(function(o) {
+                      var val = "_value" in o ? o._value : o.value
+                      return val
+                    })
+                  _vm.municipio = $event.target.multiple
+                    ? $$selectedVal
+                    : $$selectedVal[0]
+                },
+                _vm.onChangeMunicipio
+              ]
+            }
+          },
+          [
+            _c("option", {
+              attrs: { value: "" },
+              domProps: { textContent: _vm._s(_vm.textoEscolhaMunicipio) }
+            }),
+            _vm._v(" "),
+            _vm._l(_vm.municipios, function(municipio) {
+              return _c("option", {
+                key: municipio.id,
+                domProps: {
+                  value: municipio.id,
+                  textContent: _vm._s(municipio.ds_municipio)
+                }
+              })
+            })
+          ],
+          2
+        )
+      ])
+    ]),
+    _vm._v(" "),
+    _c("div", { staticClass: "row" }, [
+      _c("div", { staticClass: "column col-xs-12 col-md-4" }, [
+        _c("label", { attrs: { for: "tipoUsuario" } }, [
+          _vm._v("Tipo Usuário")
+        ]),
+        _vm._v(" "),
+        _c(
+          "select",
+          {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.tipoUsuario,
+                expression: "tipoUsuario"
+              }
+            ],
+            staticClass: "form-select br-select",
+            attrs: { id: "tipoUsuario", name: "tipoUsuario" },
+            on: {
+              change: function($event) {
+                var $$selectedVal = Array.prototype.filter
+                  .call($event.target.options, function(o) {
+                    return o.selected
+                  })
+                  .map(function(o) {
+                    var val = "_value" in o ? o._value : o.value
+                    return val
+                  })
+                _vm.tipoUsuario = $event.target.multiple
+                  ? $$selectedVal
+                  : $$selectedVal[0]
+              }
+            }
+          },
+          [
+            _c("option", { attrs: { value: "" } }, [
+              _vm._v("Escolha um tipo de usuário:")
+            ]),
+            _vm._v(" "),
+            _vm._l(_vm.tipoUsuarios, function(tipoUsuario) {
+              return _c("option", {
+                key: tipoUsuario.id,
+                domProps: {
+                  value: tipoUsuario.id,
+                  textContent: _vm._s(tipoUsuario.txt_tipo_usuario)
+                }
+              })
+            })
+          ],
+          2
+        )
+      ]),
+      _vm._v(" "),
+      _c("div", { staticClass: "column col-xs-12 col-md-8" }, [
+        _c("label", { attrs: { for: "moduloSistema" } }, [
+          _vm._v("Módulo Sistema")
+        ]),
+        _vm._v(" "),
+        _c(
+          "select",
+          {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.moduloSistema,
+                expression: "moduloSistema"
+              }
+            ],
+            staticClass: "form-select br-select",
+            attrs: { id: "moduloSistema", name: "moduloSistema" },
+            on: {
+              change: function($event) {
+                var $$selectedVal = Array.prototype.filter
+                  .call($event.target.options, function(o) {
+                    return o.selected
+                  })
+                  .map(function(o) {
+                    var val = "_value" in o ? o._value : o.value
+                    return val
+                  })
+                _vm.moduloSistema = $event.target.multiple
+                  ? $$selectedVal
+                  : $$selectedVal[0]
+              }
+            }
+          },
+          [
+            _c("option", { attrs: { value: "" } }, [
+              _vm._v("Escolha um módulo")
+            ]),
+            _vm._v(" "),
+            _vm._l(_vm.moduloSistemas, function(moduloSistema) {
+              return _c("option", {
+                key: moduloSistema.id,
+                domProps: {
+                  value: moduloSistema.id,
+                  textContent: _vm._s(moduloSistema.txt_modulo_sistema)
+                }
+              })
+            })
+          ],
+          2
+        )
+      ])
+    ])
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+module.exports = { render: render, staticRenderFns: staticRenderFns }
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+    require("vue-hot-reload-api")      .rerender("data-v-71d6318e", module.exports)
+  }
+}
+
+/***/ }),
+/* 86 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var disposed = false
+var normalizeComponent = __webpack_require__(0)
+/* script */
+var __vue_script__ = __webpack_require__(87)
+/* template */
+var __vue_template__ = __webpack_require__(88)
+/* template functional */
+var __vue_template_functional__ = false
+/* styles */
+var __vue_styles__ = null
+/* scopeId */
+var __vue_scopeId__ = null
+/* moduleIdentifier (server only) */
+var __vue_module_identifier__ = null
+var Component = normalizeComponent(
+  __vue_script__,
+  __vue_template__,
+  __vue_template_functional__,
+  __vue_styles__,
+  __vue_scopeId__,
+  __vue_module_identifier__
+)
 Component.options.__file = "resources/assets/js/components/mod_propostas/FiltroPropostas.vue"
 
 /* hot reload */
@@ -53556,7 +54023,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 84 */
+/* 87 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -53774,7 +54241,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 85 */
+/* 88 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -54238,15 +54705,15 @@ if (false) {
 }
 
 /***/ }),
-/* 86 */
+/* 89 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(87)
+var __vue_script__ = __webpack_require__(90)
 /* template */
-var __vue_template__ = __webpack_require__(88)
+var __vue_template__ = __webpack_require__(91)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -54285,7 +54752,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 87 */
+/* 90 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -54426,7 +54893,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 88 */
+/* 91 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -54642,15 +55109,15 @@ if (false) {
 }
 
 /***/ }),
-/* 89 */
+/* 92 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(90)
+var __vue_script__ = __webpack_require__(93)
 /* template */
-var __vue_template__ = __webpack_require__(91)
+var __vue_template__ = __webpack_require__(94)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -54689,7 +55156,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 90 */
+/* 93 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -55145,7 +55612,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 });
 
 /***/ }),
-/* 91 */
+/* 94 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -55842,15 +56309,15 @@ if (false) {
 }
 
 /***/ }),
-/* 92 */
+/* 95 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(93)
+var __vue_script__ = __webpack_require__(96)
 /* template */
-var __vue_template__ = __webpack_require__(94)
+var __vue_template__ = __webpack_require__(97)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -55889,7 +56356,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 93 */
+/* 96 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -55950,7 +56417,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 94 */
+/* 97 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -56053,15 +56520,15 @@ if (false) {
 }
 
 /***/ }),
-/* 95 */
+/* 98 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(96)
+var __vue_script__ = __webpack_require__(99)
 /* template */
-var __vue_template__ = __webpack_require__(97)
+var __vue_template__ = __webpack_require__(100)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -56100,7 +56567,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 96 */
+/* 99 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -56289,7 +56756,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 97 */
+/* 100 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -57073,15 +57540,15 @@ if (false) {
 }
 
 /***/ }),
-/* 98 */
+/* 101 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(99)
+var __vue_script__ = __webpack_require__(102)
 /* template */
-var __vue_template__ = __webpack_require__(100)
+var __vue_template__ = __webpack_require__(103)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -57120,7 +57587,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 99 */
+/* 102 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -57285,7 +57752,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 100 */
+/* 103 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -57583,15 +58050,15 @@ if (false) {
 }
 
 /***/ }),
-/* 101 */
+/* 104 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(102)
+var __vue_script__ = __webpack_require__(105)
 /* template */
-var __vue_template__ = __webpack_require__(103)
+var __vue_template__ = __webpack_require__(106)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -57630,7 +58097,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 102 */
+/* 105 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -58436,7 +58903,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 103 */
+/* 106 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -60608,15 +61075,15 @@ if (false) {
 }
 
 /***/ }),
-/* 104 */
+/* 107 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(105)
+var __vue_script__ = __webpack_require__(108)
 /* template */
-var __vue_template__ = __webpack_require__(106)
+var __vue_template__ = __webpack_require__(109)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -60655,7 +61122,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 105 */
+/* 108 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -60672,7 +61139,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 106 */
+/* 109 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -60692,15 +61159,15 @@ if (false) {
 }
 
 /***/ }),
-/* 107 */
+/* 110 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(108)
+var __vue_script__ = __webpack_require__(111)
 /* template */
-var __vue_template__ = __webpack_require__(109)
+var __vue_template__ = __webpack_require__(112)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -60739,7 +61206,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 108 */
+/* 111 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -61081,7 +61548,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 109 */
+/* 112 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -61627,15 +62094,15 @@ if (false) {
 }
 
 /***/ }),
-/* 110 */
+/* 113 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(111)
+var __vue_script__ = __webpack_require__(114)
 /* template */
-var __vue_template__ = __webpack_require__(112)
+var __vue_template__ = __webpack_require__(115)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -61674,7 +62141,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 111 */
+/* 114 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62146,7 +62613,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 112 */
+/* 115 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -63146,15 +63613,15 @@ if (false) {
 }
 
 /***/ }),
-/* 113 */
+/* 116 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(114)
+var __vue_script__ = __webpack_require__(117)
 /* template */
-var __vue_template__ = __webpack_require__(115)
+var __vue_template__ = __webpack_require__(118)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -63193,7 +63660,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 114 */
+/* 117 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63582,7 +64049,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 115 */
+/* 118 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -64226,15 +64693,15 @@ if (false) {
 }
 
 /***/ }),
-/* 116 */
+/* 119 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(117)
+var __vue_script__ = __webpack_require__(120)
 /* template */
-var __vue_template__ = __webpack_require__(118)
+var __vue_template__ = __webpack_require__(121)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -64273,7 +64740,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 117 */
+/* 120 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65284,7 +65751,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 });
 
 /***/ }),
-/* 118 */
+/* 121 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -67524,15 +67991,15 @@ if (false) {
 }
 
 /***/ }),
-/* 119 */
+/* 122 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(120)
+var __vue_script__ = __webpack_require__(123)
 /* template */
-var __vue_template__ = __webpack_require__(121)
+var __vue_template__ = __webpack_require__(124)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -67571,7 +68038,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 120 */
+/* 123 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -67636,7 +68103,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 121 */
+/* 124 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -67774,15 +68241,15 @@ if (false) {
 }
 
 /***/ }),
-/* 122 */
+/* 125 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(123)
+var __vue_script__ = __webpack_require__(126)
 /* template */
-var __vue_template__ = __webpack_require__(124)
+var __vue_template__ = __webpack_require__(127)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -67821,7 +68288,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 123 */
+/* 126 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68147,7 +68614,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 124 */
+/* 127 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -68856,15 +69323,15 @@ if (false) {
 }
 
 /***/ }),
-/* 125 */
+/* 128 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = __webpack_require__(126)
+var __vue_script__ = __webpack_require__(129)
 /* template */
-var __vue_template__ = __webpack_require__(127)
+var __vue_template__ = __webpack_require__(130)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -68903,7 +69370,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 126 */
+/* 129 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -69867,7 +70334,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 127 */
+/* 130 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -72581,7 +73048,7 @@ if (false) {
 }
 
 /***/ }),
-/* 128 */
+/* 131 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin

resources/assets/js/app.js

@@ -36,6 +36,7 @@ Vue.component('tabela-relatorios', require('./components/gerais/TabelaRelatorios
 Vue.component('filtro-oficio', require('./components/mod_sistema/admin/arquivos/FiltroOficio.vue'));
 Vue.component('valida-oficio', require('./components/mod_sistema/admin/arquivos/ValidaOficio.vue'));
 Vue.component('tabela-oficios', require('./components/mod_sistema/admin/arquivos/TabelaOficios.vue'));
+Vue.component('filtro-usuarios', require('./components/mod_sistema/admin/FiltroUsuarios.vue'));
 
 
 ///mod propostas

resources/assets/js/components/mod_sistema/admin/FiltroUsuarios.vue

+<template>
+   <div class="form-group">   
+        <div class="row">        
+            <div class="column col-xs-12 col-md-4">
+                <label for="uf">UF</label>           
+                <select 
+                    id="estado"
+                    class="form-select br-select" 
+                    name="estado"
+                    :required="requeruf == 'true'"
+                    @change="onChangeEstado"
+                    v-model="estado">
+                    <option value="">Escolha um Estado:</option>
+                    <option v-for="estado in estados" v-text="estado.txt_uf" :value="estado.id" :key="estado.id"></option>
+                </select>                                  
+            </div>        
+            <div class="column col-xs-12 col-md-8">
+    <!-- municipio -->    
+                <label v-if="!complementonomelabelmun" for="municipio">Município</label>
+                <label v-if="complementonomelabelmun" for="municipio">Município {{complementonomelabelmun}}</label>
+                <select 
+                    id="municipio"
+                    class="form-select br-select" 
+                    name="municipio"
+                    :required="requermunicipio == 'true'"
+                    @change="onChangeMunicipio"
+                    :disabled="estado == '' || buscando"
+                    v-model="municipio">
+                    <option value="" v-text="textoEscolhaMunicipio"></option>
+                    <option v-for="municipio in municipios" v-text="municipio.ds_municipio" :value="municipio.id" :key="municipio.id"></option>
+                </select>    
+            </div>
+        </div>
+        <div class="row">        
+            <div class="column col-xs-12 col-md-4">
+                <label for="tipoUsuario">Tipo Usuário</label>           
+                <select 
+                    id="tipoUsuario"
+                    class="form-select br-select" 
+                    name="tipoUsuario"
+                    v-model="tipoUsuario">
+                    <option value="">Escolha um tipo de usuário:</option>
+                    <option v-for="tipoUsuario in tipoUsuarios" v-text="tipoUsuario.txt_tipo_usuario" :value="tipoUsuario.id" :key="tipoUsuario.id"></option>
+                </select>                                  
+            </div>        
+            <div class="column col-xs-12 col-md-8">
+    <!-- municipio -->    
+                <label for="moduloSistema">Módulo Sistema</label>              
+                <select 
+                    id="moduloSistema"
+                    class="form-select br-select" 
+                    name="moduloSistema"
+                    v-model="moduloSistema">
+                    <option value="" >Escolha um módulo</option>
+                    <option v-for="moduloSistema in moduloSistemas" v-text="moduloSistema.txt_modulo_sistema" :value="moduloSistema.id" :key="moduloSistema.id"></option>
+                </select>    
+            </div>
+        </div>
+    </div>    
+</template>
+
+<script>
+    export default {
+        props:['url','municipioselecionado','ufselecionada','requermunicipio','requeruf','complementonomelabelmun'],
+        data(){
+            return{
+                estados:'',
+                estado:'',
+                municipios: '',
+                municipio:'',
+                textoEscolhaMunicipio: 'Filtre o Estado',
+                buscando: false,
+                tipoUsuarios:'',
+                tipoUsuario:'',
+                moduloSistemas:'',
+                moduloSistema:'',
+               // requeruf:'true',
+               // requermunicipio:'true'
+            }        
+        },
+        methods:{
+            onChangeEstado() {
+                this.textoEscolhaMunicipio = "Buscando...";
+                this.municipio = '';
+                this.buscando = true;
+                if(this.estado != '') {
+                    //busca dados no banco de dados para carregar no componente
+                    axios.get(this.url + '/api/municipios/' + this.estado).then(resposta => {
+                        this.textoEscolhaMunicipio = "Escolha um municipio:";
+                        this.buscando = false;
+                        this.municipios = resposta.data;
+                    }).catch(error => {
+                        console.log(error);
+                    });
+                  
+                } else {
+                    this.buscando = false;
+                    this.municipio = '';
+                    this.textoEscolhaMunicipio = "Filtre o Estado"
+                }            
+            },
+            onChangeMunicipio() {
+                if(this.municipio){
+                    this.municipioselecionado = this.municipio;
+                }
+                
+            }
+        },
+        mounted() {
+            //console.log(this.form._token);
+            axios.get(this.url + '/api/ufs').then(resposta => {
+                //console.log(resposta.data);
+                this.estados = resposta.data;
+            }).catch(erro => {
+                console.log(erro);
+            });
+
+            axios.get(this.url + '/api/tipo_usuario').then(resposta => {
+                //console.log(resposta.data);
+                this.tipoUsuarios = resposta.data;
+            }).catch(erro => {
+                console.log(erro);
+            });
+
+            axios.get(this.url + '/api/modulo_sistema').then(resposta => {
+                //console.log(resposta.data);
+                this.moduloSistemas = resposta.data;
+            }).catch(erro => {
+                console.log(erro);
+            });
+
+
+
+                this.estado = '';
+                this.municipio = '';
+            if(this.municipioselecionado || this.municipio){
+                 axios.get(this.url + '/api/municipio/estado/' + this.municipioselecionado).then(resposta => {
+                        this.estado = resposta.data;
+                        this.onChangeEstado();
+                        this.municipio = this.municipioselecionado;
+
+                    }).catch(error => {
+                        console.log(error);
+                    });  
+            }else{
+                this.estado = '';
+                this.municipio = '';
+            }
+
+            if(this.ufselecionada){
+                this.estado = this.ufselecionada;
+                this.onChangeEstado();
+                document.getElementById("estado").disabled = true;
+            }
+
+
+        }
+    }
+</script>

resources/views/modulo_sistema/admin/filtroUsuarios.blade.php

@@ -32,11 +32,9 @@
                      @csrf
                      <div class="well">
                          <div class="box">                                                                                 
-                            <select-uf-municipio 
-                                coluf="column col-xs-12 col-sm-6"
-                                colmun="column col-xs-12 col-sm-6"
+                            <filtro-usuarios 
                                 :url="'{{ url('/') }}'">
-                            </select-uf-municipio>
+                            </filtro-usuarios>
                          </div>
                      </div>