{"version":3,"sources":["webpack:///./src/views/warehouses/warehouses-combo/warehouses-combo-detail/WarehousesComboDetail.vue?3127","webpack:///src/views/warehouses/warehouses-combo/warehouses-combo-detail/WarehousesComboDetail.vue","webpack:///./src/views/warehouses/warehouses-combo/warehouses-combo-detail/WarehousesComboDetail.vue?497a","webpack:///./src/views/warehouses/warehouses-combo/warehouses-combo-detail/WarehousesComboDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","_v","_s","transDate","model","value","callback","$$v","id","expression","traddingTypeOptions","traddingTypeSelected","warehousesListOptions","warehouseTypeSelected","note","comboListColumns","combos","scopedSlots","_u","key","fn","props","column","field","formattedRow","slot","comboExchangeColumns","products","$formatNumberToLocale","totalQuantity","_e","on","navigateBack","staticRenderFns","data","now","warehouses","transTime","computed","GET_WAREHOUSE_COMBO_DETAIL_GETTER","map","detail","productTotals","WAREHOUSES_TYPE_GETTER","watch","transCode","transType","wareHouseTypeId","mounted","GET_WAREHOUSE_COMBO_DETAIL_ACTION","$route","params","GET_WAREHOUSES_TYPE_ACTION","onSuccess","methods","router","component"],"mappings":"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","file":"js/chunk-2d0aad1b-e73fbb1a8f84403864e8time1729068238662.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"p-0\",attrs:{\"fluid\":\"\"}},[_c('validation-observer',{ref:\"formContainer\"},[_c('b-col',[_c('b-row',[_c('b-col',{staticClass:\"bg-white shadow rounded mr-xl-1\",attrs:{\"xl\":\"4\"}},[_c('b-row',{staticClass:\"my-1\"},[_c('b-col',{attrs:{\"cols\":\"4\"}},[_vm._v(\" Ngày nhập: \")]),_c('b-col',[_c('strong',[_vm._v(\" \"+_vm._s(_vm.transDate)+\" \")])])],1),_c('b-form-row',[_c('b-col',[_c('div',{staticClass:\"h7\"},[_vm._v(\" Mã giao dịch \")]),_c('b-form-input',{staticClass:\"h7\",attrs:{\"id\":\"id\",\"maxlength\":\"40\",\"trim\":\"\",\"disabled\":\"\"},model:{value:(_vm.id),callback:function ($$v) {_vm.id=$$v},expression:\"id\"}})],1),_c('b-col',[_c('div',{staticClass:\"mt-sm-1 mt-xl-0\"},[_vm._v(\" Loại giao dịch \")]),_c('tree-select',{staticClass:\"h7\",attrs:{\"options\":_vm.traddingTypeOptions,\"disabled\":\"\",\"dis\":\"\",\"no-options-text\":\"Không có dữ liệu\"},model:{value:(_vm.traddingTypeSelected),callback:function ($$v) {_vm.traddingTypeSelected=$$v},expression:\"traddingTypeSelected\"}})],1)],1),_c('b-row',{staticClass:\"pb-1 px-1\"},[_c('div',{staticClass:\"mt-sm-1 mt-xl-0\"},[_vm._v(\" Kho hàng \")]),_c('tree-select',{staticClass:\"h7\",attrs:{\"options\":_vm.warehousesListOptions,\"disabled\":\"\",\"dis\":\"\",\"no-options-text\":\"Không có dữ liệu\"},model:{value:(_vm.warehouseTypeSelected),callback:function ($$v) {_vm.warehouseTypeSelected=$$v},expression:\"warehouseTypeSelected\"}})],1),_c('div',{staticClass:\"h7\"},[_vm._v(\" Ghi chú \")]),_c('b-form-textarea',{staticClass:\"h7\",attrs:{\"id\":\"note\",\"maxlength\":\"4000\",\"disabled\":\"\"},model:{value:(_vm.note),callback:function ($$v) {_vm.note=$$v},expression:\"note\"}})],1),_c('b-col',{staticClass:\"bg-white shadow rounded mt-1 mt-xl-0\"},[_c('div',{staticClass:\"d-inline-flex rounded-top my-1\"},[_c('strong',{staticClass:\"text-brand-1\"},[_vm._v(\" Danh sách combo \")])]),_c('vue-good-table',{attrs:{\"columns\":_vm.comboListColumns,\"rows\":_vm.combos,\"style-class\":\"vgt-table\",\"compact-mode\":\"\",\"line-numbers\":\"\"},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'quantity' || props.column.field === 'productPrice')?_c('div',{staticClass:\"pr-70\"},[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")]):_c('div',[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")])]}}])},[_c('div',{staticClass:\"text-center\",attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])]),_c('br'),_c('div',{staticClass:\"d-inline-flex rounded-top my-1\"},[_c('strong',{staticClass:\"text-brand-1\"},[_vm._v(\" Quy đổi combo \")])]),_c('vue-good-table',{attrs:{\"columns\":_vm.comboExchangeColumns,\"rows\":_vm.products,\"style-class\":\"vgt-table\",\"compact-mode\":\"\",\"line-numbers\":\"\"},scopedSlots:_vm._u([{key:\"column-filter\",fn:function(props){return [(props.column.field === 'quantity')?_c('div',{staticClass:\"mx-50 h7 text-brand-3 text-right\"},[_vm._v(\" \"+_vm._s(_vm.$formatNumberToLocale(_vm.totalQuantity))+\" \")]):_vm._e()]}},{key:\"table-row\",fn:function(props){return [(props.column.field === 'factor' || props.column.field === 'price' || props.column.field === 'quantity')?_c('div',{staticClass:\"pr-70\"},[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")]):_c('div',[_vm._v(\" \"+_vm._s(props.formattedRow[props.column.field])+\" \")])]}}])},[_c('div',{staticClass:\"text-center\",attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])]),_c('b-row',{staticClass:\"mr-0 my-1 justify-content-end\"},[_c('b-button-group',[_c('b-button',{staticClass:\"shadow-brand-1 rounded bg-brand-1 text-white h8 font-weight-bolder height-button-brand-1 align-items-button-center\",on:{\"click\":_vm.navigateBack}},[_c('b-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"x\",\"scale\":\"1.5\"}}),_vm._v(\" Đóng \")],1)],1)],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container\r\n    fluid\r\n    class=\"p-0\"\r\n  >\r\n    <!-- START - Form and list -->\r\n    <validation-observer\r\n      ref=\"formContainer\"\r\n    >\r\n      <b-col>\r\n        <b-row>\r\n          <!-- START - Form -->\r\n          <b-col\r\n            xl=\"4\"\r\n            class=\"bg-white shadow rounded mr-xl-1\"\r\n          >\r\n            <!-- START - Date -->\r\n            <b-row class=\"my-1\">\r\n              <b-col cols=\"4\">\r\n                Ngày nhập:\r\n              </b-col>\r\n              <b-col>\r\n                <strong>\r\n                  {{ transDate }}\r\n                </strong>\r\n              </b-col>\r\n            </b-row>\r\n            <!-- END - Date -->\r\n\r\n            <!-- START - ID and Type -->\r\n            <b-form-row>\r\n              <b-col>\r\n                <div class=\"h7\">\r\n                  Mã giao dịch\r\n                </div>\r\n                <b-form-input\r\n                  id=\"id\"\r\n                  v-model=\"id\"\r\n                  maxlength=\"40\"\r\n                  class=\"h7\"\r\n                  trim\r\n                  disabled\r\n                />\r\n              </b-col>\r\n\r\n              <b-col>\r\n                <div\r\n                  class=\"mt-sm-1 mt-xl-0\"\r\n                >\r\n                  Loại giao dịch\r\n                </div>\r\n                <tree-select\r\n                  v-model=\"traddingTypeSelected\"\r\n                  :options=\"traddingTypeOptions\"\r\n                  disabled\r\n                  class=\"h7\"\r\n                  dis\r\n                  no-options-text=\"Không có dữ liệu\"\r\n                />\r\n              </b-col>\r\n            </b-form-row>\r\n            <!-- END - ID and Type -->\r\n\r\n            <!-- START - Warehouse Type -->\r\n            <b-row class=\"pb-1 px-1\">\r\n              <div\r\n                class=\"mt-sm-1 mt-xl-0\"\r\n              >\r\n                Kho hàng\r\n              </div>\r\n              <tree-select\r\n                v-model=\"warehouseTypeSelected\"\r\n                :options=\"warehousesListOptions\"\r\n                disabled\r\n                class=\"h7\"\r\n                dis\r\n                no-options-text=\"Không có dữ liệu\"\r\n              />\r\n            </b-row>\r\n            <!-- END - Warehouse Type -->\r\n\r\n            <!-- START -   Note -->\r\n            <div class=\"h7\">\r\n              Ghi chú\r\n            </div>\r\n            <b-form-textarea\r\n              id=\"note\"\r\n              v-model=\"note\"\r\n              maxlength=\"4000\"\r\n              disabled\r\n              class=\"h7\"\r\n            />\r\n            <!-- END -   Note -->\r\n          </b-col>\r\n          <!-- END - Form -->\r\n\r\n          <!-- START - List -->\r\n          <b-col\r\n            class=\"bg-white shadow rounded mt-1 mt-xl-0\"\r\n          >\r\n            <!-- START - Table combo list -->\r\n            <div class=\"d-inline-flex rounded-top my-1\">\r\n              <strong class=\"text-brand-1\">\r\n                Danh sách combo\r\n              </strong>\r\n            </div>\r\n            <vue-good-table\r\n              :columns=\"comboListColumns\"\r\n              :rows=\"combos\"\r\n              style-class=\"vgt-table\"\r\n              compact-mode\r\n              line-numbers\r\n            >\r\n              <!-- START - Empty rows -->\r\n              <div\r\n                slot=\"emptystate\"\r\n                class=\"text-center\"\r\n              >\r\n                Không có dữ liệu\r\n              </div>\r\n              <!-- END - Empty rows -->\r\n              <!-- START - Custom row -->\r\n              <template\r\n                slot=\"table-row\"\r\n                slot-scope=\"props\"\r\n              >\r\n                <div\r\n                  v-if=\"props.column.field === 'quantity' || props.column.field === 'productPrice'\"\r\n                  class=\"pr-70\"\r\n                >\r\n                  {{ props.formattedRow[props.column.field] }}\r\n                </div>\r\n                <div v-else>\r\n                  {{ props.formattedRow[props.column.field] }}\r\n                </div>\r\n              </template>\r\n            </vue-good-table>\r\n\r\n            <!-- END - Table combo list -->\r\n            <br>\r\n            <!-- START - Table combo exchange -->\r\n            <div class=\"d-inline-flex rounded-top my-1\">\r\n              <strong class=\"text-brand-1\">\r\n                Quy đổi combo\r\n              </strong>\r\n            </div>\r\n            <vue-good-table\r\n              :columns=\"comboExchangeColumns\"\r\n              :rows=\"products\"\r\n              style-class=\"vgt-table\"\r\n              compact-mode\r\n              line-numbers\r\n            >\r\n              <!-- START - Empty rows -->\r\n              <div\r\n                slot=\"emptystate\"\r\n                class=\"text-center\"\r\n              >\r\n                Không có dữ liệu\r\n              </div>\r\n              <!-- END - Empty rows -->\r\n\r\n              <!-- START - Column filter -->\r\n              <template\r\n                slot=\"column-filter\"\r\n                slot-scope=\"props\"\r\n              >\r\n                <div\r\n                  v-if=\"props.column.field === 'quantity'\"\r\n                  class=\"mx-50 h7 text-brand-3 text-right\"\r\n                >\r\n                  {{ $formatNumberToLocale(totalQuantity) }}\r\n                </div>\r\n              </template>\r\n              <!-- START - Column filter -->\r\n              <!-- START - Custom row -->\r\n              <template\r\n                slot=\"table-row\"\r\n                slot-scope=\"props\"\r\n              >\r\n                <div\r\n                  v-if=\"props.column.field === 'factor' || props.column.field === 'price' || props.column.field === 'quantity'\"\r\n                  class=\"pr-70\"\r\n                >\r\n                  {{ props.formattedRow[props.column.field] }}\r\n                </div>\r\n                <div v-else>\r\n                  {{ props.formattedRow[props.column.field] }}\r\n                </div>\r\n              </template>\r\n            </vue-good-table>\r\n            <!-- END - Table combo exchange -->\r\n\r\n            <!-- START - Button -->\r\n            <b-row class=\"mr-0 my-1 justify-content-end\">\r\n              <b-button-group>\r\n\r\n                <b-button\r\n                  class=\"shadow-brand-1 rounded bg-brand-1 text-white h8 font-weight-bolder height-button-brand-1 align-items-button-center\"\r\n                  @click=\"navigateBack\"\r\n                >\r\n                  <b-icon\r\n                    icon=\"x\"\r\n                    scale=\"1.5\"\r\n                    class=\"mr-1\"\r\n                  />\r\n                  Đóng\r\n                </b-button>\r\n              </b-button-group>\r\n            </b-row>\r\n            <!-- END - Button -->\r\n\r\n          </b-col>\r\n          <!-- END - List -->\r\n\r\n        </b-row>\r\n      </b-col>\r\n    </validation-observer>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport router from '@/router'\r\nimport warehousesData from '@/@db/warehouses'\r\nimport {\r\n  // eslint-disable-next-line no-unused-vars\r\n  formatISOtoVNI, getTimeOfDate,\r\n} from '@core/utils/filter'\r\nimport { getNow } from '@core/utils/utils'\r\nimport {\r\n  mapGetters,\r\n  mapActions,\r\n} from 'vuex'\r\nimport {\r\n  WAREHOUSES_COMBO,\r\n  // GETTERS\r\n  GET_WAREHOUSE_COMBO_DETAIL_GETTER,\r\n  WAREHOUSES_TYPE_GETTER,\r\n  // ACTIONS\r\n  GET_WAREHOUSE_COMBO_DETAIL_ACTION,\r\n  GET_WAREHOUSES_TYPE_ACTION,\r\n} from '../store-module/type'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      now: getNow(),\r\n      traddingTypeOptions: warehousesData.tradingTypes,\r\n      traddingTypeSelected: null,\r\n      // -----------------Combo List-----------------\r\n      comboListColumns: [\r\n        {\r\n          label: 'Mã combo',\r\n          field: 'productCode',\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: 'Số lượng',\r\n          field: 'quantity',\r\n          sortable: false,\r\n          type: 'number',\r\n          formatFn: this.$formatNumberToLocale,\r\n        },\r\n        {\r\n          label: 'Giá',\r\n          field: 'productPrice',\r\n          sortable: false,\r\n          type: 'number',\r\n          formatFn: this.$formatNumberToLocale,\r\n        },\r\n        {\r\n          label: 'Tên combo',\r\n          field: 'productName',\r\n          sortable: false,\r\n        },\r\n      ],\r\n      // -----------------Combo List-----------------\r\n\r\n      // -----------------Combo Exchange-----------------\r\n      comboExchangeColumns: [\r\n        {\r\n          label: 'Mã combo',\r\n          field: 'comboProductCode',\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: 'Mã sản phẩm',\r\n          field: 'productCode',\r\n          sortable: false,\r\n        },\r\n        {\r\n          label: 'Tỉ lệ quy đổi',\r\n          field: 'factor',\r\n          sortable: false,\r\n          type: 'number',\r\n        },\r\n        {\r\n          label: 'Số lượng',\r\n          field: 'quantity',\r\n          sortable: false,\r\n          filterOptions: {\r\n            enabled: true,\r\n          },\r\n          type: 'number',\r\n          formatFn: this.$formatNumberToLocale,\r\n        },\r\n        {\r\n          label: 'Giá',\r\n          field: 'price',\r\n          sortable: false,\r\n          type: 'number',\r\n          formatFn: this.$formatNumberToLocale,\r\n        },\r\n        {\r\n          label: 'Tên sản phẩm',\r\n          field: 'productName',\r\n          sortable: false,\r\n        },\r\n      ],\r\n      // -----------------Combo Exchange-----------------\r\n      transDate: '',\r\n      transTime: '',\r\n      warehouseTypeSelected: null,\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(WAREHOUSES_COMBO, [\r\n      GET_WAREHOUSE_COMBO_DETAIL_GETTER,\r\n      WAREHOUSES_TYPE_GETTER,\r\n    ]),\r\n    combos() {\r\n      if (this.GET_WAREHOUSE_COMBO_DETAIL_GETTER.combos) {\r\n        return this.GET_WAREHOUSE_COMBO_DETAIL_GETTER.combos.map(data => ({\r\n          productCode: data.productCode,\r\n          productName: data.productName,\r\n          quantity: data.quantity,\r\n          productPrice: data.productPrice,\r\n        }))\r\n      }\r\n      return []\r\n    },\r\n    products() {\r\n      if (this.GET_WAREHOUSE_COMBO_DETAIL_GETTER.products) {\r\n        return this.GET_WAREHOUSE_COMBO_DETAIL_GETTER.products.map(data => ({\r\n          comboProductCode: data.comboProductCode,\r\n          productCode: data.productCode,\r\n          productName: data.productName,\r\n          factor: data.factor,\r\n          quantity: data.quantity,\r\n          price: data.price,\r\n        })) || []\r\n      }\r\n      return []\r\n    },\r\n    detail() {\r\n      return this.GET_WAREHOUSE_COMBO_DETAIL_GETTER\r\n    },\r\n    totalQuantity() {\r\n      if (this.GET_WAREHOUSE_COMBO_DETAIL_GETTER.productTotals) {\r\n        return this.GET_WAREHOUSE_COMBO_DETAIL_GETTER.productTotals\r\n      }\r\n      return 0\r\n    },\r\n\r\n    warehousesListOptions() {\r\n      return this.WAREHOUSES_TYPE_GETTER.map(data => ({\r\n        id: data.id,\r\n        label: data.wareHouseTypeName,\r\n      }))\r\n    },\r\n  },\r\n  watch: {\r\n    detail() {\r\n      this.id = this.detail.transCode\r\n      this.transDate = formatISOtoVNI(this.detail.transDate, false, true)\r\n      this.note = this.detail.note\r\n      this.traddingTypeSelected = this.detail.transType || null\r\n      this.warehouseTypeSelected = this.detail.wareHouseTypeId || null\r\n    },\r\n  },\r\n  mounted() {\r\n    this.GET_WAREHOUSE_COMBO_DETAIL_ACTION({\r\n      id: this.$route.params.id,\r\n    })\r\n    this.GET_WAREHOUSES_TYPE_ACTION({\r\n      data: {},\r\n      onSuccess: () => {},\r\n    })\r\n  },\r\n  methods: {\r\n    ...mapActions(WAREHOUSES_COMBO, [\r\n      GET_WAREHOUSE_COMBO_DETAIL_ACTION,\r\n      GET_WAREHOUSES_TYPE_ACTION,\r\n    ]),\r\n    navigateBack() {\r\n      router.push({ name: 'warehouses-combo' })\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!./WarehousesComboDetail.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!./WarehousesComboDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WarehousesComboDetail.vue?vue&type=template&id=68464f0e&\"\nimport script from \"./WarehousesComboDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./WarehousesComboDetail.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":""}