{"version":3,"sources":["webpack:///./src/views/configuration/Product.vue?3d81","webpack:///./src/services/genericGETJson.js","webpack:///./src/services/configurations/getProducto.js","webpack:///./src/views/configuration/Product.vue?99b1","webpack:///./src/services/configurations/newProducto.js","webpack:///./src/services/configurations/updateProducto.js","webpack:///src/views/configuration/Product.vue","webpack:///./src/views/configuration/Product.vue?c14d","webpack:///./src/views/configuration/Product.vue","webpack:///./src/components/layout/DetailLayout.vue?d7c2","webpack:///src/components/layout/DetailLayout.vue","webpack:///./src/components/layout/DetailLayout.vue?0f28","webpack:///./src/components/layout/DetailLayout.vue"],"names":["async","genericGETJson","url","data","params","req","method","headers","res","axiosInstance","getProducto","render","_vm","this","_h","$createElement","_c","_self","slot","attrs","header","staticClass","ref","form","rules","role","_e","_v","_s","$t","clientes","loadingClientes","isCreate","model","value","callback","$$v","$set","expression","isGeneralLoading","on","$event","preventDefault","stopPropagation","goDetailClient","apply","arguments","tiposUnidadesMedida","goBack","submitForm","staticRenderFns","newProducto","payload","updateProducto","name","components","DetailLayout","showGeneratePassword","searchView","activeName","localUserId","distribuidores","loadingDistribuidores","title","icon","breadcrumb","nav","loadedFirstTime","label","idCliente","required","message","trigger","ItemDescription","UnitOfMeasure","UnitPriceWithoutTax","computed","id","watch","deep","immediate","handler","created","breadcrumbs","path","key","methods","getDefaultForm","ArticleCode","watchFormHandler","certificate","send_alerts","automatic_download","toggleSearchView","isValidPrice","isValidPriceHandler","newProductoHandler","resetForm","updateProductoHandler","idProducto","type","downloadData","setRes","updateView","component","_t"],"mappings":"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CLI,OAAQ,MACRC,QAAS,CACP,eAAgB,mBAChB,8BAA+B,KAEjCJ,KAAMiD,GAEF5C,QAAYC,eAAcJ,GAChC,OAAOG,EAAIL,M,4BCwGA,GAEfmD,uBACAC,YACAC,qBAEArD,gBACA,OACAsD,wBACAC,cACAC,gBACAC,iBACAC,kBACAC,yBACA/B,mBACAX,QACA2C,4BACAC,cACAC,cACAC,OACAhE,wBAEAiE,mBACApB,oCAAAqB,aAAAlC,cACAX,2BACAO,YACAN,OACA6C,WACA,CACAC,YACAC,sCACAC,gBAEA,CACAF,YACAC,sCACAC,mBAGAC,iBACA,CACAH,YACAC,sCACAC,iBAGAE,eACA,CACAJ,YACAC,sCACAC,gBAEA,CACAF,YACAC,sCACAC,mBAGAG,qBACA,CACAL,YACAC,sCACAC,oBAOAI,UACArC,4BACA,sCAEAsC,cACA,8BAEA7C,oBACA,oCAEAP,gBACA,0CAGAqD,OACAvD,MACAwD,QACAC,aACAC,6BAGAC,yBACA,WAMA,GAJAC,QACAC,eACA9B,mCAEA,yGACA,wBACA,gCACA,gBACA,gDAEA,kCAAAc,eAAAiB,gBAAAnD,qBACA,wBAIA,GADAiD,QAAAC,wBAAA9B,uCACA,cAMA6B,QACAC,QACA9B,wCARA,OACA,2BACA,uDACA6B,QAAAC,QAAA9B,SACA,gDAOA,0BAEAgC,SACAC,0BACA,OACAV,KACAJ,mBACAC,mBACAC,yBACAa,eACAnB,iBAGAzB,iBACA,4BACA,mBAAAU,+BAAAlD,QAAAyE,SAEAY,uCACAC,cACAC,qBACAC,MAEAC,4BACA,kCAEAC,6BAIA,4BAGA3D,IAFAA,oDAKA4D,uBACA,sBACA,oBAKA9C,uBACA,cACA,2BAEA,+BAGA+C,+BACA,+CACA,sCACA,iCACA,MACA,SACAvB,0CACAC,sCACAC,kDACAa,kCACAnB,+BAEA,cACA,eACA,iDAEA,2DACA,iBACA,sCAGA,sEAEA,yCAGA4B,YACA,mCAEAC,kCACA,+CACA,sCACA,iCACA,MACA,SACAC,wBACA1B,0CACAC,sCACAC,kDACAa,mCAEA,cACA,gBACA,eACAY,eACA7B,0CAEA,mBAEA,eACA6B,aACA7B,0BAIA,eACA6B,aACA7B,+DAGA,yCAGAvB,kBACA,mBAAAM,2BAEA+C,+BACA,WACA,IACA,sCACA,SACAF,cAEA3F,0BACA,yBACA,SACA,kBACA,QACA,sCAEA,UAEA8F,mBACA,4CACA,wCACA,oDACA,oCACA,0BACA,iCAEAC,sBACA,uDACA,iCACA,mDC/X+V,I,wBCQ3VC,EAAY,eACd,EACA7F,EACAuC,GACA,EACA,KACA,WACA,MAIa,aAAAsD,E,2CCnBf,IAAI7F,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACK,YAAY,gFAAgF,CAACT,EAAI6F,GAAG,UAAUzF,EAAG,OAAO,CAACK,YAAY,0DAA0D,CAACL,EAAG,MAAM,CAACK,YAAY,kDAAkD,CAACL,EAAG,MAAM,CAACK,YAAY,iBAAiB,CAACT,EAAI6F,GAAG,SAAS,OAAO7F,EAAI6F,GAAG,kBAAkB,IACvcvD,EAAkB,GCcP,GACfI,sBChBoW,I,YCOhWkD,EAAY,eACd,EACA7F,EACAuC,GACA,EACA,KACA,KACA,MAIa,OAAAsD,E","file":"js/chunk-5b265110.v.6.0.0.1728293495878.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Product.vue?vue&type=style&index=0&id=6c565626&prod&scoped=true&lang=css\"","import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function genericGETJson (url = '', data = {}, params = null) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'tests') {\r\n    return new Promise((resolve, reject) => {\r\n      const data = mock.getCompanies\r\n      const pages = data.data.length\r\n\r\n      const clone = JSON.parse(JSON.stringify(data))\r\n      console.log(clone.data)\r\n      clone.data = clone.data.slice(0, params.limit)\r\n\r\n      clone.meta.total = pages\r\n\r\n      resolve(clone)\r\n    })\r\n  } else {\r\n    const req = {\r\n      url,\r\n      method: 'GET',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      data,\r\n      params\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { genericGETJson }\r\n","import { genericGETJson } from '@/services/genericGETJson'\r\n\r\nasync function getProducto (params = null) {\r\n  return await genericGETJson(\r\n    '/api/productos/getproductodetalle',\r\n    null,\r\n    params\r\n  )\r\n}\r\n\r\nexport { getProducto }\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('detail-layout',[_c('template',{slot:\"header\"},[_c('base-header',{attrs:{\"icon\":\"impuesto\",\"content\":_vm.header}})],1),_c('template',{slot:\"main\"},[_c('div',{staticClass:\"form-wrapper\"},[_c('el-form',{ref:\"ruleForm\",staticClass:\"flex flex-row w-full\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules,\"autocomplete\":\"off\"}},[_c('div',{staticClass:\"flex-1\"},[_c('div',[((_vm.role === 'AdminDistribuidor' || _vm.role === 'SuperAdminDistribuidor' || _vm.role === 'SuperAdministrador'))?_c('div',{staticClass:\"w-full\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[(_vm.isCreate)?_c('base-obligatory-icon'):_vm._e(),_vm._v(_vm._s(_vm.$t('app.client')))],1),_c('div',{staticClass:\"flex justify-between\"},[_c('el-form-item',{staticClass:\"w-full\",attrs:{\"prop\":\"idCliente\"}},[_c('base-el-select',{staticClass:\"w-full\",attrs:{\"options\":_vm.clientes,\"clearable\":\"\",\"filterable\":\"\",\"loading\":_vm.loadingClientes,\"disabled\":!_vm.isCreate},model:{value:(_vm.form.idCliente),callback:function ($$v) {_vm.$set(_vm.form, \"idCliente\", $$v)},expression:\"form.idCliente\"}})],1),(!_vm.isCreate)?_c('base-button',{staticClass:\"mb-1 ml-4\",attrs:{\"mode\":\"primary\",\"text\":_vm.$t('app.detail'),\"loading\":_vm.isGeneralLoading,\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.goDetailClient.apply(null, arguments)}}}):_vm._e()],1)]):_vm._e()]),_c('div',{staticClass:\"lg:mb-2\"},[_c('div',{staticClass:\"mandatory\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_c('base-obligatory-icon'),_vm._v(_vm._s(_vm.$t('products.ItemDescription')))],1),_c('el-form-item',{attrs:{\"prop\":\"ItemDescription\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"maxlength\":\"2500\",\"type\":\"textarea\",\"rows\":3},model:{value:(_vm.form.ItemDescription),callback:function ($$v) {_vm.$set(_vm.form, \"ItemDescription\", $$v)},expression:\"form.ItemDescription\"}})],1)],1)]),_c('div',{staticClass:\"lg:mb-2\"},[_c('div',{staticClass:\"mandatory\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_c('base-obligatory-icon'),_vm._v(_vm._s(_vm.$t('products.UnitPriceWithoutTax')))],1),_c('el-form-item',{attrs:{\"prop\":\"UnitPriceWithoutTax\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"type\":\"number\",\"maxlength\":\"9\"},model:{value:(_vm.form.UnitPriceWithoutTax),callback:function ($$v) {_vm.$set(_vm.form, \"UnitPriceWithoutTax\", $$v)},expression:\"form.UnitPriceWithoutTax\"}})],1)],1)]),_c('div',{staticClass:\"lg:mb-2\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_c('base-obligatory-icon'),_vm._v(_vm._s(_vm.$t('products.UnitOfMeasure')))],1),_c('el-form-item',{attrs:{\"prop\":\"UnitOfMeasure\"}},[_c('base-el-select',{staticClass:\"w-full\",attrs:{\"options\":_vm.tiposUnidadesMedida,\"filterable\":\"\",\"clearable\":\"\"},model:{value:(_vm.form.UnitOfMeasure),callback:function ($$v) {_vm.$set(_vm.form, \"UnitOfMeasure\", $$v)},expression:\"form.UnitOfMeasure\"}})],1)],1),_c('div',{staticClass:\"lg:mb-2\"},[_c('div',{staticClass:\"mandatory\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_vm._v(_vm._s(_vm.$t('products.ArticleCode')))]),_c('el-form-item',{attrs:{\"prop\":\"ArticleCode\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"maxlength\":\"20\"},model:{value:(_vm.form.ArticleCode),callback:function ($$v) {_vm.$set(_vm.form, \"ArticleCode\", $$v)},expression:\"form.ArticleCode\"}})],1)],1)])])])],1)]),_c('template',{slot:\"layout-extend\"},[_c('base-footer',[_c('template',{slot:\"actions\"},[_c('base-button-responsive',{attrs:{\"mode\":\"secondary\",\"text\":_vm.isCreate ? _vm.$t('app.cancel') : _vm.$t('app.back'),\"icon\":\"cross\",\"loading\":_vm.isGeneralLoading},on:{\"click\":_vm.goBack}}),_c('base-button-responsive',{attrs:{\"mode\":\"primary\",\"text\":_vm.$t('app.save'),\"icon\":\"check\",\"loading\":_vm.isGeneralLoading,\"disabled\":_vm.isGeneralLoading},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}})],1)],2)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axiosInstance from '@/services/axiosInstance'\r\n\r\nasync function newProducto (payload) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'test') {\r\n    return new Promise((resolve, reject) => {\r\n      resolve()\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: '/api/productos/crearproducto',\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      data: payload\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { newProducto }\r\n","import axiosInstance from '@/services/axiosInstance'\r\n\r\nasync function updateProducto (payload) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'test') {\r\n    return new Promise((resolve, reject) => {\r\n      resolve()\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: '/api/productos/actualizarproducto',\r\n      method: 'PUT',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      data: payload\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { updateProducto }\r\n","<template>\r\n  <detail-layout>\r\n    <template slot=\"header\">\r\n      <base-header\r\n        icon=\"impuesto\"\r\n        :content=\"header\"\r\n      />\r\n    </template>\r\n    <template slot=\"main\">\r\n      <div class=\"form-wrapper\">\r\n        <el-form\r\n          :model=\"form\"\r\n          :rules=\"rules\"\r\n          ref=\"ruleForm\"\r\n          class=\"flex flex-row w-full\"\r\n          autocomplete=\"off\"\r\n        >\r\n          <div class=\"flex-1\">\r\n            <div>\r\n\r\n              <div class=\"w-full\" \r\n                v-if=\"(role === 'AdminDistribuidor' || role === 'SuperAdminDistribuidor' || role === 'SuperAdministrador')\">\r\n                <label class=\"text-sm font-semibold text-secondary-600 block mb-1\"><base-obligatory-icon v-if=\"isCreate\"/>{{$t('app.client')}}</label>\r\n                <div class=\"flex justify-between\">\r\n                  <el-form-item prop=\"idCliente\" class=\"w-full\">\r\n                    <base-el-select class=\"w-full\" :options=\"clientes\" v-model=\"form.idCliente\" clearable filterable\r\n                      :loading=\"loadingClientes\" :disabled=\"!isCreate\" />\r\n                  </el-form-item>\r\n                  <base-button v-if=\"!isCreate\" class=\"mb-1 ml-4\" mode=\"primary\" :text=\"$t('app.detail')\"  @click.prevent.stop=\"goDetailClient\" :loading=\"isGeneralLoading\" type=\"button\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"lg:mb-2\">\r\n              <div class=\"mandatory\">\r\n                <label class=\"text-sm font-semibold text-secondary-600 block mb-1\"><base-obligatory-icon/>{{$t('products.ItemDescription')}}</label>\r\n                <el-form-item prop=\"ItemDescription\">\r\n                  <el-input\r\n                    clearable\r\n                    class=\"w-full\"\r\n                    v-model=\"form.ItemDescription\"\r\n                    maxlength='2500'\r\n                    type=\"textarea\"\r\n                    :rows=\"3\"\r\n                  />\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"lg:mb-2\">\r\n              <div class=\"mandatory\">\r\n                <label class=\"text-sm font-semibold text-secondary-600 block mb-1\"><base-obligatory-icon/>{{$t('products.UnitPriceWithoutTax')}}</label>\r\n                <el-form-item prop=\"UnitPriceWithoutTax\">\r\n                  <el-input\r\n                    clearable\r\n                    class=\"w-full\"\r\n                    v-model=\"form.UnitPriceWithoutTax\"\r\n                    type=\"number\"\r\n                    maxlength=\"9\"\r\n                  />\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"lg:mb-2\">\r\n              <label class=\"text-sm font-semibold text-secondary-600 block mb-1\"><base-obligatory-icon/>{{$t('products.UnitOfMeasure')}}</label>\r\n              <el-form-item prop=\"UnitOfMeasure\">\r\n                <base-el-select class=\"w-full\" :options=\"tiposUnidadesMedida\" v-model=\"form.UnitOfMeasure\" filterable clearable/>\r\n              </el-form-item>\r\n            </div>\r\n\r\n            <div class=\"lg:mb-2\">\r\n              <div class=\"mandatory\">\r\n                <label class=\"text-sm font-semibold text-secondary-600 block mb-1\">{{$t('products.ArticleCode')}}</label>\r\n                <el-form-item prop=\"ArticleCode\">\r\n                  <el-input\r\n                    clearable\r\n                    class=\"w-full\"\r\n                    v-model=\"form.ArticleCode\"\r\n                    maxlength='20'\r\n                  />\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </el-form>\r\n      </div>\r\n    </template>\r\n    <template slot=\"layout-extend\">\r\n      <base-footer>\r\n        <template slot=\"actions\">\r\n          <base-button-responsive\r\n            mode=\"secondary\"\r\n            :text=\"isCreate ? $t('app.cancel') : $t('app.back')\"\r\n            icon=\"cross\"\r\n            @click=\"goBack\"\r\n            :loading=\"isGeneralLoading\"\r\n          />\r\n          <base-button-responsive\r\n            mode=\"primary\"\r\n            :text=\"$t('app.save')\"\r\n            icon=\"check\"\r\n            @click=\"submitForm('ruleForm')\"\r\n            :loading=\"isGeneralLoading\"\r\n            :disabled=\"isGeneralLoading\"\r\n          />\r\n        </template>\r\n      </base-footer>\r\n    </template>\r\n  </detail-layout>\r\n</template>\r\n\r\n<script>\r\nimport DetailLayout from '@/components/layout/DetailLayout.vue'\r\nimport { getClients } from '@/services/clients/getClients'\r\nimport { getProducto } from '@/services/configurations/getProducto'\r\nimport { newProducto } from '@/services/configurations/newProducto'\r\nimport { updateProducto } from '@/services/configurations/updateProducto'\r\nimport { TIPOS_UNIDADES_MEDIDA } from '@/config/facturae/tipos-unidades-medida'\r\nimport { i18n } from '@/i18n'\r\n\r\nexport default {\r\n  /* eslint-disable camelcase */\r\n  name: 'producto-detail',\r\n  components: {\r\n    DetailLayout,\r\n  },\r\n  data: function () {\r\n    return {\r\n      showGeneratePassword: false,\r\n      searchView: false,\r\n      activeName: 'es',\r\n      localUserId: null,\r\n      distribuidores: [],\r\n      loadingDistribuidores: false,\r\n      loadingClientes: false,\r\n      header: {\r\n        title: 'DETALLE DE PRODUCTO',\r\n        icon: 'config',\r\n        breadcrumb: {},\r\n        nav: [],\r\n        url: 'masters/products'\r\n      },\r\n      loadedFirstTime: false,\r\n      tiposUnidadesMedida: TIPOS_UNIDADES_MEDIDA.map(x => ({ label: x.name, value: x.id })),\r\n      form: this.getDefaultForm(),\r\n      clientes: [],\r\n      rules: {\r\n        idCliente: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          },\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'change'\r\n          }\r\n        ],\r\n        ItemDescription: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          }\r\n        ],\r\n        UnitOfMeasure: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          },\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'change'\r\n          }\r\n        ],\r\n        UnitPriceWithoutTax: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          },\r\n          // { required: true, validator: this.isValidPrice, trigger: 'blur' }\r\n        ],\r\n      },\r\n    }\r\n  },\r\n  computed: {\r\n    isGeneralLoading: function () {\r\n      return this.$store.getters.isLoading\r\n    },\r\n    id: function () {\r\n      return this.$route.params.id\r\n    },\r\n    isCreate: function () {\r\n      return this.id === -1 || this.id === '-1'\r\n    },\r\n    role: function () {\r\n      return this.$store.getters['auth/role']\r\n    },\r\n  },\r\n  watch: {\r\n    form: {\r\n      deep: true,\r\n      immediate: true,\r\n      handler: 'watchFormHandler'\r\n    },\r\n  },\r\n  created: async function () {\r\n    const breadcrumbs = []\r\n\r\n    breadcrumbs.push({\r\n      path: 'masters',\r\n      name: this.$i18n.t('app.masters')\r\n    })\r\n    if (this.role === 'AdminDistribuidor' || this.role === 'SuperAdminDistribuidor' || this.role === 'SuperAdministrador') {\r\n      this.loadingClientes = true\r\n      const dataClients = await getClients()\r\n      if (dataClients.blnError === true) {\r\n        this.doFeedback(dataClients.msgError + ' [' + dataClients.codError + ']')\r\n      }\r\n      this.clientes = dataClients.Clientes.map(x => ({ label: x.Nombre, key: x.idCliente, value: x.idCliente }))\r\n      this.loadingClientes = false\r\n    }\r\n\r\n    breadcrumbs.push({ path: 'masters/products', name: this.$i18n.t('products.header') })\r\n    if (!this.isCreate) {\r\n      await this.downloadData(this.id)\r\n      const truncName = this.truncate(this.form.ItemDescription, 30, false)\r\n      breadcrumbs.push({ path: '', name: truncName })\r\n      this.$store.commit('app/setheaderBreadCrumb', truncName)\r\n    } else {\r\n      breadcrumbs.push({\r\n        path: '',\r\n        name: this.$i18n.t('products.new')\r\n      })\r\n    }\r\n    this.header.breadcrumb = breadcrumbs\r\n  },\r\n  methods: {\r\n    getDefaultForm: function () {\r\n      return {\r\n        id: 0,\r\n        ItemDescription: '',\r\n        UnitOfMeasure: '01',\r\n        UnitPriceWithoutTax: null,\r\n        ArticleCode: '',\r\n        idCliente: null,\r\n      }\r\n    },\r\n    goDetailClient () {\r\n      const id = this.form.idCliente\r\n      this.$router.push({ name: 'masters/clients/details', params: { id } })\r\n    },\r\n    watchFormHandler: function ({\r\n      certificate,\r\n      send_alerts,\r\n      automatic_download\r\n    }) {},\r\n    toggleSearchView: function () {\r\n      this.searchView = !this.searchView\r\n    },\r\n    isValidPrice: function (rule, value, callback) {\r\n      // if (!value) {\r\n      //   callback() // queremos que la validación sea opcional en este caso.\r\n      // } else \r\n      if (!this.isValidPriceHandler(value)) {\r\n        callback(new Error(i18n.t('validation.product.price')))\r\n      } else {\r\n        callback()\r\n      }\r\n    },\r\n    isValidPriceHandler (value) {\r\n      const float = parseFloat(value)\r\n      if (float > 0 && float <= 100) {\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n    submitForm: function (formName) {\r\n      if (this.isCreate) {\r\n        this.newProductoHandler(formName)\r\n      } else {\r\n        this.updateProductoHandler(formName)\r\n      }\r\n    },\r\n    newProductoHandler: function (formName) {\r\n      this.$store.commit('setAjaxRequestPending', true)\r\n      this.$store.commit('setIsLoading', true)\r\n      this.$refs[formName].validate(async (valid) => {\r\n        if (valid) {\r\n          const params = {\r\n            ItemDescription: this.form.ItemDescription,\r\n            UnitOfMeasure: this.form.UnitOfMeasure,\r\n            UnitPriceWithoutTax: this.form.UnitPriceWithoutTax,\r\n            ArticleCode: this.form.ArticleCode,\r\n            idCliente: this.form.idCliente,\r\n          }\r\n          const response = await newProducto(params)\r\n          if (response.blnError === true) {\r\n            this.doFeedback(response.msgError + ' [' + response.codError + ']')\r\n          } else {\r\n            this.doFeedback('Datos guardados correctamente', 'success')\r\n            this.resetForm()\r\n            this.form = this.getDefaultForm()\r\n          }\r\n        } else {\r\n          this.doFeedback('Error al procesar los datos, revise la información')\r\n        }\r\n        this.$store.commit('setIsLoading', false)\r\n      })\r\n    },\r\n    resetForm () {\r\n      this.$refs.ruleForm.resetFields()\r\n    },\r\n    updateProductoHandler: function (formName) {\r\n      this.$store.commit('setAjaxRequestPending', true)\r\n      this.$store.commit('setIsLoading', true)\r\n      this.$refs[formName].validate(async (valid) => {\r\n        if (valid) {\r\n          const params = {\r\n            idProducto: this.form.id,\r\n            ItemDescription: this.form.ItemDescription,\r\n            UnitOfMeasure: this.form.UnitOfMeasure,\r\n            UnitPriceWithoutTax: this.form.UnitPriceWithoutTax,\r\n            ArticleCode: this.form.ArticleCode,\r\n          }\r\n          const response = await updateProducto(params)\r\n          if (response.blnError === false) {\r\n            this.$message({\r\n              type: 'success',\r\n              message: 'Datos guardados correctamente'\r\n            })\r\n            this.updateView()\r\n          } else {\r\n            this.$message({\r\n              type: 'error',\r\n              message: response.msgError\r\n            })\r\n          }\r\n        } else {\r\n          this.$message({\r\n            type: 'error',\r\n            message: 'Error al procesar los datos, revise la información'\r\n          })\r\n        }\r\n        this.$store.commit('setIsLoading', false)\r\n      })\r\n    },\r\n    goBack: function () {\r\n      this.$router.push({ name: 'masters/products' })\r\n    },\r\n    downloadData: async function (id) {\r\n      let res = null\r\n      try {\r\n        this.$store.commit('setIsLoading', true)\r\n        const params = {\r\n          idProducto: id\r\n        }\r\n        res = await getProducto(params)\r\n        this.setRes(res.Respuesta)\r\n      } catch (error) {\r\n        this.doFeedback()\r\n      } finally {\r\n        this.$store.commit('setIsLoading', false)\r\n      }\r\n      return res\r\n    },\r\n    setRes: function (res) {\r\n      this.form.ItemDescription = res.ItemDescription\r\n      this.form.UnitOfMeasure = res.UnitOfMeasure\r\n      this.form.UnitPriceWithoutTax = res.UnitPriceWithoutTax\r\n      this.form.ArticleCode = res.ArticleCode\r\n      this.form.id = res.idProducto\r\n      this.form.idCliente = res.idCliente\r\n    },\r\n    updateView: function () {\r\n      const truncName = this.truncate(this.form.ItemDescription, 30, false)\r\n      this.header.breadcrumb[2].name = truncName\r\n      this.$store.commit('app/setheaderBreadCrumb', truncName)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.box {\r\n  background-color: #444;\r\n  color: #fff;\r\n  border-radius: 5px;\r\n  border: 1px solid black;\r\n  padding: 5px 20px;\r\n}\r\n.grid {\r\n  display: grid;\r\n  grid-gap: 10px;\r\n}\r\n.wrapper {\r\n  grid-template-columns: 1fr 1fr;\r\n  background-color: seagreen;\r\n  padding: 10px;\r\n  width: 50%;\r\n  margin: 20px auto;\r\n}\r\n.grid.left {\r\n  grid-column: 1 / span 1;\r\n  grid-auto-rows: min-content;\r\n}\r\n.grid.right {\r\n  grid-column: span 1 / -1;\r\n  grid-auto-rows: min-content;\r\n}\r\n.tip {\r\n  grid-column: 1 / -1;\r\n}\r\n.pic > img {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n}\r\n</style>\r\n\r\n<style lang=\"sass\" scoped>\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Product.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Product.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=6c565626&scoped=true\"\nimport script from \"./Product.vue?vue&type=script&lang=js\"\nexport * from \"./Product.vue?vue&type=script&lang=js\"\nimport style0 from \"./Product.vue?vue&type=style&index=0&id=6c565626&prod&scoped=true&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  \"6c565626\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-wrapper bg-white dark:bg-darkblue-900  flex flex-col w-full relative\"},[_vm._t(\"header\"),_c('main',{staticClass:\"content flex flex-col flex-auto overflow-y-auto w-full\"},[_c('div',{staticClass:\"w-full md:w-11.5/12 lg:max-w-detail lg:mr-auto\"},[_c('div',{staticClass:\"px-4 lg:px-10\"},[_vm._t(\"main\")],2)])]),_vm._t(\"layout-extend\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content-wrapper bg-white dark:bg-darkblue-900  flex flex-col w-full relative\">\r\n    <slot name=\"header\" />\r\n    <main class=\"content flex flex-col flex-auto overflow-y-auto w-full\">\r\n      <div class=\"w-full md:w-11.5/12 lg:max-w-detail lg:mr-auto\">\r\n        <div class=\"px-4 lg:px-10\">\r\n            <slot name=\"main\" />\r\n        </div>\r\n      </div>\r\n    </main>\r\n    <slot name=\"layout-extend\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'layout-detail'\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailLayout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailLayout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DetailLayout.vue?vue&type=template&id=72444160\"\nimport script from \"./DetailLayout.vue?vue&type=script&lang=js\"\nexport * from \"./DetailLayout.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"],"sourceRoot":""}