{"version":3,"sources":["webpack:///./src/views/base/Table.vue?02a0","webpack:///src/views/base/Table.vue","webpack:///./src/views/base/Table.vue?8dca","webpack:///./src/views/base/Table.vue","webpack:///./src/views/administradorTarifas/recargo.vue?9449","webpack:///./src/views/administradorTarifas/recargo.vue?68b8","webpack:///src/views/administradorTarifas/recargo.vue","webpack:///./src/views/administradorTarifas/recargo.vue?db04","webpack:///./src/views/administradorTarifas/recargo.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_t","attrs","_v","_s","caption","es","hover","striped","border","small","fixed","items","fields","dark","username","scopedSlots","_u","key","fn","ref","item","getBadge","status","staticRenderFns","name","props","Array","type","default","String","Boolean","lang","methods","component","staticClass","_m","directives","rawName","value","expression","on","$event","$$selectedVal","prototype","filter","call","target","options","o","selected","map","val","_value","producto","multiple","obtenerProducto","_l","i","domProps","claveProducto","descripcion","getBitacora","datos","clavePorcentaje","fechaReg","a","style","estatus","Producto","Recargo","valor","Porcentaje","staticStyle","components","claveTarifa"],"mappings":"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","file":"js/chunk-2577dc52.3ac8f260.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CCard',[_c('CCardHeader',[_vm._t(\"header\",[_c('CIcon',{attrs:{\"name\":\"cil-grid\"}}),_vm._v(\" \"+_vm._s(_vm.caption)+\" \")])],2),_c('CCardBody',[_c('CDataTable',{attrs:{\"lang\":_vm.es,\"hover\":_vm.hover,\"striped\":_vm.striped,\"border\":_vm.border,\"small\":_vm.small,\"fixed\":_vm.fixed,\"items\":_vm.items,\"fields\":_vm.fields,\"items-per-page\":_vm.small ? 10 : 5,\"dark\":_vm.dark,\"sorter\":{username: true},\"table-filter\":{username: true},\"pagination\":\"\"},scopedSlots:_vm._u([{key:\"status\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('td',[_c('CBadge',{attrs:{\"color\":_vm.getBadge(item.status)}},[_vm._v(_vm._s(item.status))])],1)]}}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <CCard>\r\n    <CCardHeader>\r\n      <slot name=\"header\">\r\n        <CIcon name=\"cil-grid\"/> {{caption}}\r\n      </slot>\r\n    </CCardHeader>\r\n    <CCardBody>\r\n      <CDataTable\r\n        :lang=\"es\"\r\n        :hover=\"hover\"\r\n        :striped=\"striped\"\r\n        :border=\"border\"\r\n        :small=\"small\"\r\n        :fixed=\"fixed\"\r\n        :items=\"items\"\r\n        :fields=\"fields\"\r\n        :items-per-page=\"small ? 10 : 5\"\r\n        :dark=\"dark\"\r\n        :sorter=\"{username: true}\"\r\n        :table-filter=\"{username: true}\"\r\n        pagination\r\n      \r\n      >\r\n        <template #status=\"{item}\">\r\n          <td>\r\n            <CBadge :color=\"getBadge(item.status)\">{{item.status}}</CBadge>\r\n          </td>\r\n        </template>\r\n      </CDataTable>\r\n    </CCardBody>\r\n  </CCard>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Table',\r\n  props: {\r\n    items: Array,\r\n    fields: {\r\n      type: Array,\r\n      default () {\r\n        return ['username', 'registered', 'role', 'status']\r\n      }\r\n    },\r\n    caption: {\r\n      type: String,\r\n      default: 'Table'\r\n    },\r\n    hover: Boolean,\r\n    striped: Boolean,\r\n    border: Boolean,\r\n    small: Boolean,\r\n    fixed: Boolean,\r\n    dark: Boolean,\r\n    lang: String\r\n  },\r\n  methods: {\r\n    getBadge (status) {\r\n      return status === 'Active' ? 'success'\r\n        : status === 'Inactive' ? 'secondary'\r\n          : status === 'Pending' ? 'warning'\r\n            : status === 'Banned' ? 'danger' : 'primary'\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=8e76013e&\"\nimport script from \"./Table.vue?vue&type=script&lang=js&\"\nexport * from \"./Table.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./recargo.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./recargo.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"card m-3 tarjeta\"},[_c('div',{staticClass:\"container mt-3\"},[_vm._m(0),_c('div',{staticClass:\"row mb-4\"},[_c('div',{staticClass:\"col-5 ml-4\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"exampleInputEmail1\"}},[_vm._v(\"Producto\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.producto),expression:\"producto\"}],staticClass:\"form-control\",attrs:{\"aria-label\":\"Default select example\"},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.producto=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.obtenerProducto()}]}},[_c('option',{attrs:{\"selected\":\"\",\"disabled\":\"\"}},[_vm._v(\"--Seleccione un producto\")]),_vm._l((_vm.listProducto),function(producto,i){return _c('option',{key:i,domProps:{\"value\":producto.claveProducto}},[_vm._v(\" \"+_vm._s(producto.descripcion)+\" \")])})],2)]),_c('div',{staticClass:\"col-md-2 mt-4\"},[_c('button',{staticClass:\"btn btn-primary col-12 mt-1\",on:{\"click\":_vm.getBitacora}},[_vm._v(\"Buscar\")])])]),_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-md-1\"}),_c('div',{staticClass:\"table-responsive col-md-10\"},[_c('table',{staticClass:\"table\"},[_vm._m(1),_vm._l((_vm.listBitacora),function(datos,i){return _c('tbody',{key:i},[_c('tr',{staticClass:\"accordion-toggle collapsed\",attrs:{\"id\":\"accordion1\",\"data-bs-toggle\":\"collapse\",\"data-mdb-parent\":\"#accordion1\",\"href\":(\"#collapseOne-\" + i),\"aria-controls\":(\"collapseOne-\" + i)}},[_c('td',{staticClass:\"expand-button\"}),_c('td',[_vm._v(_vm._s(datos.clavePorcentaje))]),_c('td',[_vm._v(_vm._s(datos.fechaReg[2] + datos.fechaReg[3] + (datos.fechaReg[3] === '/' ? '' : '/') + datos.fechaReg[0]+ '/' + datos.fechaReg[4]+ datos.fechaReg[5]+ datos.fechaReg[6] + datos.fechaReg[7]+ datos.fechaReg[8]))])]),_c('tr',{staticClass:\"hide-table-padding\"},[_c('td'),_c('td',{attrs:{\"colspan\":\"3\"}},[_c('div',{staticClass:\"collapse in p-3\",attrs:{\"id\":(\"collapseOne-\" + i)}},_vm._l((datos.items),function(item,a){return _c('div',{key:a,staticClass:\"row\",style:(item.estatus == 'Y' ? 'background: #09ff0056;' : 'background: #ff00003f;')},[_c('div',{staticClass:\"col mb-1\"},[_vm._v(_vm._s(item.Producto))]),_c('div',{staticClass:\"col mb-1\"},[_vm._v(_vm._s(item.Recargo))]),_c('div',{staticClass:\"col mb-1\"},[_vm._v(_vm._s(item.valor || \"-\"))]),_c('div',{staticClass:\"col mb-1\"},[_vm._v(_vm._s(item.Porcentaje))])])}),0)])])])})],2)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"panel-heading ml-1\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('h4',[_vm._v(\"Bitacora\")])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"}),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2\"},[_c('div',{staticClass:\"circulo\",staticStyle:{\"background\":\"#09ff0056\"}})]),_c('div',{staticClass:\"col\"},[_c('p',[_vm._v(\"Activo\")])])])]),_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2\"},[_c('div',{staticClass:\"circulo\",staticStyle:{\"background\":\"#ff00003f\"}})]),_c('div',{staticClass:\"col\"},[_c('p',[_vm._v(\"Inactivo\")])])])])])])]),_c('div'),_c('hr')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}}),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Grupo\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Fecha\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"card m-3 tarjeta\">\r\n      <div class=\"container mt-3\">\r\n        <div class=\"panel-heading ml-1\">\r\n          <div class=\"row\">\r\n\r\n            <div class=\"col-md-8\">\r\n              <h4>Bitacora</h4> \r\n            </div>\r\n\r\n            <div class=\"col-md-4\">\r\n              <div class=\"row\">\r\n                <div class=\"col-md-3\"></div>\r\n                <div class=\"col-md-4\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-2\">\r\n                      <div class=\"circulo\" style=\"background: #09ff0056\"></div>\r\n                    </div>\r\n                    <div class=\"col\">\r\n                      <p>Activo</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-2\">\r\n                      <div class=\"circulo\" style=\"background: #ff00003f\"></div>\r\n                    </div>\r\n                    <div class=\"col\">\r\n                      <p>Inactivo</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            \r\n          </div>\r\n        <div>\r\n      </div>\r\n      <hr>\r\n\t\t\t\t</div>\r\n\r\n\r\n\r\n        <div class=\"row mb-4\">\r\n          <div class=\"col-5 ml-4\">\r\n              <label for=\"exampleInputEmail1\" class=\"form-label\">Producto</label>\r\n              <select class=\"form-control\" aria-label=\"Default select example\" v-model=\"producto\" @change=\"obtenerProducto()\">\r\n                  <option selected disabled>--Seleccione un producto</option>\r\n                  <option v-for=\"(producto, i) in listProducto\" :key=\"i\" :value=\"producto.claveProducto\">\r\n                      {{ producto.descripcion }}\r\n                  </option>\r\n              </select>\r\n            </div>\r\n            <div class=\"col-md-2 mt-4\">\r\n              <button class=\"btn btn-primary col-12 mt-1\" @click=\"getBitacora\">Buscar</button>\r\n            </div>\r\n        </div>\r\n        <div class=\"row text-center\">\r\n          <div class=\"col-md-1\"></div>\r\n          <div class=\"table-responsive col-md-10\">\r\n            <table class=\"table\" >\r\n              <thead>\r\n                <tr>\r\n                  <th scope=\"col\"></th>\r\n                  <th scope=\"col\">Grupo</th>\r\n                  <th scope=\"col\">Fecha</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody  v-for=\"(datos, i) in listBitacora\" :key=\"i\">\r\n                  <tr class=\"accordion-toggle collapsed\" id=\"accordion1\" data-bs-toggle=\"collapse\" data-mdb-parent=\"#accordion1\" \r\n                  :href=\"`#collapseOne-${i}`\" :aria-controls=\"`collapseOne-${i}`\">\r\n                    <td class=\"expand-button\"></td>\r\n                    <td>{{datos.clavePorcentaje}}</td>\r\n                    <!-- <td>{{ datos.fechaReg }}</td> -->\r\n                    <td>{{ datos.fechaReg[2] + datos.fechaReg[3] + (datos.fechaReg[3] === '/' ? '' : '/') +  datos.fechaReg[0]+ '/' \r\n                    +  datos.fechaReg[4]+  datos.fechaReg[5]+  datos.fechaReg[6] +  datos.fechaReg[7]+  datos.fechaReg[8]}}</td>\r\n                  </tr>\r\n                  <tr class=\"hide-table-padding\">\r\n                    <td></td>\r\n                    <td colspan=\"3\">\r\n                      <div :id=\"`collapseOne-${i}`\" class=\"collapse in p-3\">\r\n                        <div v-for=\"(item, a) in datos.items\" :key=\"a\" class=\"row\" :style=\"item.estatus == 'Y' ? 'background: #09ff0056;' : 'background: #ff00003f;'\" >\r\n                          <div class=\"col mb-1\">{{ item.Producto }}</div>\r\n                          <div class=\"col mb-1\">{{ item.Recargo }}</div>\r\n                          <div class=\"col mb-1\">{{ item.valor || \"-\"}}</div>\r\n                          <div class=\"col mb-1\">{{ item.Porcentaje }}</div>\r\n                        </div>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                <!-- <tr class=\"accordion-toggle collapsed\"\r\n                  id=\"accordion2\"\r\n                  data-bs-toggle=\"collapse\"\r\n                  data-mdb-parent=\"#accordion2\"\r\n                  href=\"#collapseTwo\"\r\n                  aria-controls=\"collapseTwo\"\r\n                >\r\n                  <td class=\"expand-button\"></td>\r\n                  <td>Cell</td>\r\n                  <td>Cell</td>\r\n                  <td>Cell</td>\r\n                </tr>\r\n                <tr class=\"hide-table-padding\">\r\n                  <td></td>\r\n                  <td colspan=\"4\">\r\n                    <div id=\"collapseTwo\" class=\"collapse in p-3\">\r\n                      <div class=\"row\">\r\n                        <div class=\"col-2\">label</div>\r\n                        <div class=\"col-6\">value</div>\r\n                      </div>\r\n                      <div class=\"row\">\r\n                        <div class=\"col-2\">label</div>\r\n                        <div class=\"col-6\">value</div>\r\n                      </div>\r\n                      <div class=\"row\">\r\n                        <div class=\"col-2\">label</div>\r\n                        <div class=\"col-6\">value</div>\r\n                      </div>\r\n                      <div class=\"row\">\r\n                        <div class=\"col-2\">label</div>\r\n                        <div class=\"col-6\">value</div>\r\n                      </div>\r\n                    </div></td>\r\n                </tr> -->\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\nimport Table from '../base/Table.vue'\r\nimport moment from 'moment'\r\n  //Importamos JQuery\r\n  const $ = require('jquery')\r\n  // Lo declaramos globalmente\r\n  window.$ = $\r\nexport default {\r\n  components: { Table },\r\n    data() {\r\n      return {\r\n        producto: \"\",\r\n        claveTarifa: \"\",\r\n        listProducto: [],\r\n        listBitacora: [],\r\n      }\r\n    },\r\n  \r\n  methods: {\r\n    async getBitacora(){\r\n      this.listBitacora = [];\r\n      const payload = {\r\n          metodo: \"BITACORA\",\r\n          data: {\r\n            claveProducto: this.producto,\r\n            claveTarifa: this.claveTarifa\r\n          },\r\n      };\r\n      console.log(payload);\r\n      const res = await this.$store.dispatch(\"metodoPost\", payload);\r\n      if (res) {\r\n          const response = this.$store.getters.getRespuestaREST;\r\n          console.log(response);\r\n          let porGrupo = {};\r\n          let porGrupoArray = [];\r\n          response.forEach(x => {\r\n\r\n            if (!porGrupo.hasOwnProperty(x.clavePorcentaje)) {\r\n              porGrupo[x.clavePorcentaje] = {\r\n                clavePorcentaje: x.clavePorcentaje,\r\n                fechaReg: x.fechaReg,\r\n                items: []\r\n              }\r\n            }\r\n\r\n            porGrupo[x.clavePorcentaje].items.push({\r\n              Producto: x.Producto,\r\n              Recargo: x.Recargo,\r\n              valor: x.valor,\r\n              Porcentaje: x.Porcentaje,\r\n              estatus: x.estatus\r\n            })\r\n\r\n            \r\n\r\n\r\n          });\r\n          this.listBitacora = porGrupo \r\n      }\r\n    },\r\n    async catalogoProducto(){\r\n      const payload = {\r\n          metodo: \"OBTENERPRODUCTO\",\r\n          data: {},\r\n      };\r\n      const res = await this.$store.dispatch(\"metodoPost\", payload);\r\n      if (res) {\r\n          const response = this.$store.getters.getRespuestaREST;\r\n          console.log(response);\r\n          this.listProducto = response;\r\n      }\r\n    },\r\n    obtenerProducto(){\r\n      this.claveTarifa = \"\"\r\n      for (let index = 0; index < this.listProducto.length; index++) {\r\n          if(this.producto == this.listProducto[index].claveProducto){\r\n              this.claveTarifa = this.listProducto[index].claveTarifa\r\n              console.log(this.claveTarifa);\r\n          }\r\n      }\r\n    },\r\n  },\r\n  async mounted() {\r\n    this.catalogoProducto();\r\n  }\r\n  }\r\n</script>\r\n\r\n\r\n<style>\r\n.circulo {\r\n     width: 20px;\r\n     height: 20px;\r\n     -moz-border-radius: 50%;\r\n     -webkit-border-radius: 50%;\r\n     border-radius: 50%;\r\n     background: #7c5cb8;\r\n}\r\ntr.hide-table-padding td {\r\n  padding: 0;\r\n  }\r\n\r\n  .expand-button {\r\n    position: relative;\r\n  }\r\n\r\n  .accordion-toggle .expand-button:after\r\n  {\r\n    position: absolute;\r\n    left:.75rem;\r\n    top: 50%;\r\n    transform: translate(0, -50%);\r\n    content: '-';\r\n  }\r\n  .accordion-toggle.collapsed .expand-button:after\r\n  {\r\n    content: '+';\r\n  }\r\n\r\n\r\n\r\nthead {\r\n  background: #dddcdc;\r\n}\r\n.row-child {\r\n  /* background: #da3333; */\r\n  color: #a09696;\r\n  background-color: aqua;\r\n}\r\n.cell-1 {\r\n  border-collapse: separate;\r\n  border-spacing: 0 4em;\r\n  background: #ffffff;\r\n  border-bottom: 5px solid transparent;\r\n  /*background-color: gold;*/\r\n  background-clip: padding-box;\r\n  cursor: pointer;\r\n}\r\n.tabla{\r\n  border-radius: 20px;\r\n}\r\n.tarjeta{\r\n    border-radius: 20px;\r\n    box-shadow: 0 4px 10px rgba(178, 179, 180, 0.7);\r\n}\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./recargo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./recargo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./recargo.vue?vue&type=template&id=5fa3db91&\"\nimport script from \"./recargo.vue?vue&type=script&lang=js&\"\nexport * from \"./recargo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./recargo.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}