{"version":3,"sources":["webpack:///./src/views/transfer/Receive.vue?10b1","webpack:///./src/views/transfer/Receive.vue","webpack:///./src/views/transfer/Receive.vue?a103"],"names":["class","style","role","aria-hidden","id","isSelectedIsPendingReceive","data-bs-toggle","SelectHead","isSelectedIsConfirmReceive","filter","dateRange","getTransferStoreHead","basePartnerCode","roles","partnerCode","placeholder","loading","searchingPartner","clearable","filterable","arrPartnerOption","partnerOption","key","label","partnerName","value","type","CallModalConfirm","data-bs-target","disabled","SelectedCountRow","width","data","TransferData","handleSelectionChangeHead","row-class-name","tableRowClassName","prop","formatDateFromISO","scope","row","tfDate","tfCode","ref","element-loading-text","element-loading-spinner","TransferDetailData","handleSelectionDetailChange","handleSelectionChange","show-summary","summary-method","getSummaryDetail","selectable","align","default","tfdIsReceive","tfdQuantityIn","format","numberWithCommas","productThickness","Number","tfdWeightIn","tfdWeight","active","isLoading","loader","dots","is-full-page","props","String","date","Date","y","getFullYear","m","getMonth","this","mounted","searchPartner","computed","$store","getters","isAdmin","methods","val","SelectedTFCode","SelectedBranchID","tfBranchID","SelectedIsReceive","tfIsReceive","$refs","multipleTable","clearSelection","SelectedLineNo","getTransferStoreDetail","multipleSelection","length","toggleRowSelection","tfdLineNO","rowIndex","$confirm","confirmButtonText","cancelButtonText","then","receiveProducts","catch","err","console","log","$swal","fire","title","input","showCancelButton","showLoaderOnConfirm","inputValidator","remarkReceive","result","isConfirmed","async","receiveData","forEach","column","index","push","ApiService","post","items","join","code","branch","remark","$message","message","text","icon","buttonsStyling","allowOutsideClick","customClass","confirmButton","error","SelectIsReceiveHead","isSelectedAll","selectedState","param","columns","sums","values","map","item","property","every","isNaN","reduce","prev","curr","parseFloat","toFixed","toLocaleString","undefined","sellreportDetail","query","fromJSDate","toFormat","e","components","RoleView","DateTimePickerWithOption","Loading","windowHeight","window","innerHeight","render"],"mappings":"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","file":"js/chunk-2005d5d2.e8d91b45.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./Receive.vue?vue&type=style&index=0&id=3af0db42&lang=css\"","<style>\n.el-aside {\n  background-color: #ffffff;\n  color: #333;\n  text-align: center;\n  line-height: 200px;\n}\n\n.el-main {\n  background-color: #e9eef3;\n  color: #ffffff;\n  text-align: center;\n  line-height: 160px;\n}\n\nbody > .el-container {\n  margin-bottom: 40px;\n}\n\n.container-xxl,\n.container-xl,\n.container-lg,\n.container-md,\n.container-sm,\n.container {\n  max-width: 100%;\n}\n\n.el-table .selected-row {\n  background: #dbdbdb8a;\n  font-weight: bold;\n  color: #009ef7;\n}\n\n.el-table .selected-detail-row {\n  background: #dbdbdb8a;\n}\n\n.btn-default1 {\n  background-color: #6c757d33;\n}\n\n.el-table::before {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 0px;\n}\n\n.card .card-body {\n  padding: 1rem 2.25rem;\n}\n\n.card .card-header {\n  min-height: 50px;\n}\n\n.nav-link {\n  font-size: 18px;\n  cursor: pointer;\n}\n\n.nav-link.text-active-primary.active {\n  font-weight: bold;\n}\n</style>\n\n<template>\n  <div class=\"card\">\n    <div class=\"card-body\">\n      <div class=\"common-layout\">\n        <el-row>\n          <el-col>\n            <div class=\"row\" style=\"height: 45px\">\n              <div class=\"col-10\">\n                <div style=\"float: left\">\n                  <ul\n                    class=\"\n                      nav nav-stretch\n                      fs-5\n                      fw-bold\n                      nav-line-tabs nav-line-tabs-2x\n                      border-transparent\n                    \"\n                    role=\"tablist\"\n                  >\n                    <li class=\"nav-item\" role=\"presentation\">\n                      <a\n                        id=\"nav-IsPendingReceive\"\n                        class=\"nav-link text-active-primary\"\n                        data-bs-toggle=\"tab\"\n                        role=\"tab\"\n                        @click=\"SelectHead('IsPendingReceive')\"\n                        v-bind:class=\"{ active: isSelectedIsPendingReceive }\"\n                        >รอรับสินค้า</a\n                      >\n                    </li>\n                    <li class=\"nav-item\" role=\"presentation\">\n                      <a\n                        id=\"nav-IsConfirmReceive\"\n                        class=\"nav-link text-active-primary ms-3\"\n                        data-bs-toggle=\"tab\"\n                        role=\"tab\"\n                        @click=\"SelectHead('IsConfirmReceive')\"\n                        v-bind:class=\"{ active: isSelectedIsConfirmReceive }\"\n                        >รับสินค้าแล้ว</a\n                      >\n                    </li>\n                    <!-- <li class=\"nav-item\" role=\"presentation\">\n                      <a\n                        id=\"nav-All\"\n                        class=\"nav-link text-active-primary ms-3\"\n                        data-bs-toggle=\"tab\"\n                        role=\"tab\"\n                        @click=\"SelectHead('All')\"\n                        v-bind:class=\"{ active: isSelectedAll }\"\n                        >ทั้งหมด</a\n                      >\n                    </li> -->\n                  </ul>                 \n                </div>\n                <div style=\"float: left; margin-left: 20px;\">\n                    <date-time-picker-with-option \n                    style=\"max-width: 250px\"  \n                    v-model=\"filter.dateRange\"\n                    @change=\"getTransferStoreHead\">\n                    </date-time-picker-with-option>                   \n                </div>\n                <div style=\"float: left; margin-left: 20px;\" >\n                  <role-view :roles=\"['admin']\" v-if=\"!basePartnerCode\" >\n                    <el-select \n                      v-model=\"filter.partnerCode\" \n                      placeholder=\"เลือกพาร์ทเนอร์\"\n                      :loading=\"searchingPartner\"\n                      clearable\n                      filterable\n                      @change=\"getTransferStoreHead\">\n                      <el-option\n                        v-for=\"partnerOption in arrPartnerOption\"\n                        :key=\"partnerOption.partnerCode\"\n                        :label=\"partnerOption.partnerName\"\n                        :value=\"partnerOption.partnerCode\"                \n                      >\n                        <span style=\"float: left\">{{ partnerOption.partnerCode }}</span>\n                        <span\n                          style=\"\n                            float: right;\n                            color: var(--el-text-color-secondary);\"\n                          >{{ partnerOption.partnerName }}</span\n                        >\n                      </el-option>\n                    </el-select>  \n                  </role-view>\n                </div>                \n              </div>\n              <div class=\"col-2\">\n                <div style=\"text-align: right; margin-bottom: 5px\">\n                  <role-view :roles=\"['user', 'manager', 'owner']\">\n                  <el-button\n                    type=\"success\"\n                    @click=\"CallModalConfirm()\"\n                    style=\"height: 43px\"\n                    data-bs-toggle=\"modal\"\n                    data-bs-target=\"#kt_modal_1\"\n                    :disabled=\"\n                      SelectedCountRow == 0 || SelectedIsReceive == true\n                    \"\n                    >รับเข้าสินค้า ( {{ SelectedCountRow }} )</el-button\n                  >\n                  </role-view>\n                </div>\n              </div>\n            </div>\n          </el-col>\n        </el-row>\n        <!-- <hr /> -->\n        <el-container style=\"margin-top: 10px\">\n          <el-container>\n            <el-aside style=\"line-height: 0px\" width=\"400px\">\n              <el-table\n                :data=\"TransferData\"\n                style=\"width: 100%; cursor: pointer; height: calc(100vh - 22rem); overflow: scroll;\"\n                @row-click=\"handleSelectionChangeHead\"\n                :row-class-name=\"tableRowClassName\"\n              >\n                <el-table-column\n                  prop=\"tfDate\"\n                  label=\"วันที่ขึ้นสินค้า\"\n                >\n                  <template v-slot=\"scope\">\n                    {{ formatDateFromISO(scope.row.tfDate) }}\n                  </template>\n                </el-table-column>\n                <el-table-column\n                  prop=\"tfCode\"\n                  label=\"เลขที่เอกสาร\"\n                  \n                  id=\"text\"\n                >\n                  <template v-slot=\"scope\">\n                    {{ scope.row.tfCode }}\n                  </template>\n                </el-table-column>\n                <el-table-column\n                  prop=\"partnerName\"\n                  label=\"พาร์ทเนอร์\"\n                  id=\"text\"\n                  v-if=\"isAdmin\"\n                >\n                  <template v-slot=\"scope\">\n                    {{ scope.row.partnerName }}\n                  </template>\n                </el-table-column>                \n              </el-table>\n            </el-aside>\n            <el-container>\n              <el-main style=\"line-height: 0px; padding: 0px 0px 0px 1px\">\n                <!-- :row-class-name=\"tableDetailRowClassName\" -->\n                <el-table\n                  ref=\"multipleTable\"\n                  v-loading=\"loading\"\n                  element-loading-text=\"Loading\"\n                  element-loading-spinner=\"el-icon-loading\"\n                  :data=\"TransferDetailData\"\n                  style=\"width: 100%; cursor: pointer; height: calc(100vh - 22rem); overflow: scroll;\"\n                  @row-click=\"handleSelectionDetailChange\"\n                  @selection-change=\"handleSelectionChange\"\n                  show-summary\n                  :summary-method=\"getSummaryDetail\"\n                >\n                  <el-table-column\n                    :selectable=\"selectable\"\n                    type=\"selection\"\n                    width=\"55\"\n                    align=\"center\"\n                    v-if=\"!isSelectedIsConfirmReceive\"\n                  ></el-table-column>\n                  <el-table-column\n                    width=\"45\"\n                    align=\"center\"\n                    v-if=\"isSelectedIsConfirmReceive\"\n                  >\n                    <template #default=\"scope\">\n                      <i class=\"fa fa-check-circle\" aria-hidden=\"true\" v-if=\"scope.row.tfdIsReceive && scope.row.tfdQuantityIn > 0\" style=\"color: green;\"></i>\n                      <i class=\"fa fa-times-circle\" aria-hidden=\"true\" v-if=\"!scope.row.tfdIsReceive || scope.row.tfdQuantityIn == 0\" style=\"color: red;\"></i>\n                    </template>                  \n                  </el-table-column>                  \n                  <el-table-column\n                    prop=\"rowShow\"\n                    label=\"#\"\n                    width=\"50\"\n                  ></el-table-column>\n                  <el-table-column\n                    prop=\"tfdProdName\"\n                    label=\"ชื่อสินค้า\"\n                  ></el-table-column>\n                  <el-table-column\n                    prop=\"productThickness\"\n                    label=\"หนา\"\n                    align=\"center\"\n                    format=\"n2\"\n                  >\n                    <template v-slot=\"scope\">\n                      {{ numberWithCommas(scope.row.productThickness) }}\n                    </template>\n                  </el-table-column>\n                  <el-table-column\n                    prop=\"tfdQuantity\"\n                    label=\"จำนวน\"\n                    width=\"100\"\n                    align=\"right\"\n                  >\n                    <template v-slot=\"scope\">\n                      <span v-if=\"isSelectedIsConfirmReceive\">\n                        {{\n                          Number(\n                            parseFloat(scope.row.tfdQuantityIn).toFixed(2)\n                          ).toLocaleString()\n                        }}                        \n                      </span>\n                      <span v-else>\n                      {{\n                        Number(\n                          parseFloat(scope.row.tfdQuantity).toFixed(2)\n                        ).toLocaleString()\n                      }}                        \n                      </span>\n                    </template>\n                  </el-table-column>\n                  <el-table-column\n                    prop=\"tfdWeight\"\n                    label=\"น้ำหนัก\"\n                    width=\"100\"\n                    align=\"right\"\n                  >\n                    <template v-slot=\"scope\">\n                      <span v-if=\"isSelectedIsConfirmReceive\">\n                        {{ numberWithCommas(scope.row.tfdWeightIn) }}\n                      </span>\n                      <span v-else>\n                        {{ numberWithCommas(scope.row.tfdWeight) }}\n                      </span>\n                    </template>\n                  </el-table-column>\n                </el-table>\n              </el-main>\n            </el-container>\n          </el-container>\n        </el-container>\n                    <loading \n                    v-model:active=\"isLoading\"\n                    :loader=\"dots\" \n                    :is-full-page=\"false\"/>        \n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ApiService from \"@/core/services/ApiService\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\nimport { numberWithCommas, formatDateFromISO } from \"@/utils\";\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\nimport RoleView from '../../components/RoleView.vue';\nimport DateTimePickerWithOption from '../../components/forms/DateTimePickerWithOption.vue';\nimport { DateTime } from 'luxon'\nimport Loading from 'vue-loading-overlay';\n\nexport default {  \n  props: {\n    basePartnerCode: {\n      type: String\n    }\n  },\n  created() {\n    var date = new Date(), y = date.getFullYear(), m = date.getMonth();\n    this.filter.dateRange[0] = new Date(y, m, 1)\n    this.filter.dateRange[1] = new Date(y, m + 1, 0)\n    \n    if(this.basePartnerCode)\n    {\n      this.filter.partnerCode = this.basePartnerCode \n    }\n    \n  },  \n  mounted: function () {\n    setCurrentPageBreadcrumbs(\"รับสินค้า\", []);\n    this.searchPartner(\"\");\n    this.SelectHead(\"IsPendingReceive\");\n  },  \n  computed: {\n    isAdmin() {      \n      return this.$store.getters.isAdmin\n    },\n  },\n  methods: {\n    numberWithCommas,\n    formatDateFromISO,\n    handleSelectionChangeHead(val) {\n      this.SelectedTFCode = val.tfCode;\n      this.SelectedBranchID = val.tfBranchID;\n      this.SelectedIsReceive = val.tfIsReceive;\n      this.$refs.multipleTable.clearSelection();\n      this.SelectedLineNo = 0;\n\n      this.getTransferStoreDetail();\n    },\n    handleSelectionChange(val) {\n      if (this.SelectedIsReceive === 0) {\n        this.multipleSelection = val;\n        this.SelectedCountRow = this.multipleSelection.length;\n      } else {\n        this.SelectedCountRow = 0;\n      }\n    },\n    handleSelectionDetailChange(row) {\n      if (this.SelectedIsReceive === 0) {\n        this.$refs.multipleTable.toggleRowSelection(row);\n        this.SelectedLineNo = row.tfdLineNO;\n      }\n    },\n    tableRowClassName({ row, rowIndex }) {\n      if (row.tfCode === this.SelectedTFCode) {\n        return \"selected-row\";\n      }\n      return \"\";\n    },\n    // tableDetailRowClassName({ row, rowIndex }) {\n    //   if (row.tfdLineNO === this.SelectedLineNo) {\n    //     return \"selected-detail-row\";\n    //   }\n    //   return \"\";\n    // },\n    CallModalConfirm() {\n      if(this.SelectedCountRow==this.TransferDetailData.length)\n      {\n        this.$confirm(\"คุณต้องการยืนยันรับเข้าสินค้า?\", \"ยืนยันรับเข้าสินค้า\", {\n          confirmButtonText: \"ยืนยัน\",\n          cancelButtonText: \"ปิด\",\n          type: \"success\",\n        })\n        .then(() => {\n          this.receiveProducts();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n      }\n      else\n      {\n        this.$swal.fire({\n          title: \"ระบุเหตุผล เนื่องจากรับเข้าไม่ครบทุกรายการสินค้า\",\n          input: 'textarea',\n          showCancelButton: true,\n          cancelButtonText: \"ปิด\",\n          confirmButtonText: 'บันทึก',\n          showLoaderOnConfirm: true,   \n          inputValidator: (value) => {\n            if (value.length<=5) {\n              return 'กรุณาระบุเหตุผล มากกว่า 5 ตัวอักษร !!!'\n            }\n            else\n            {\n              this.remarkReceive = value;\n            }\n          }\n          }).then((result) => {\n            if (result.isConfirmed) {\n              this.receiveProducts();\n            }\n          })    \n          .catch(err => {\n            console.log(err);\n          });                 \n      }\n    },\n    receiveProducts: async function () {\n      var receiveData = [];\n      this.multipleSelection.forEach((column, index) => {\n        receiveData.push(column[\"tfdLineNO\"] + \"|\" + column[\"tfdQuantity\"]);\n      });\n      \n      try {\n        this.isLoading = true;\n\n        const { data } = await ApiService.post(\"consignment/receiveProducts\", {\n          items: receiveData.join(\",\"),\n          code: this.SelectedTFCode,\n          branch: this.SelectedBranchID,\n          remark: this.remarkReceive\n        });\n\n        if (data[\"success\"] == 1) {\n          this.$message({\n            type: \"success\",\n            message: data[\"error_Text\"],\n          });\n\n          this.$refs.multipleTable.clearSelection();\n          this.SelectedTFCode = \"\";\n          this.SelectedBranchID = 0;\n          this.SelectedLineNo = 0;\n          this.TransferDetailData = [];\n          await this.getTransferStoreHead();\n        } else if (data[\"success\"] == 0) {\n          this.$message({\n            type: \"danger\",\n            message: data[\"error_Text\"],\n          });\n        } else {\n          Swal.fire({\n            text: \"เกิดข้อผิดพลาด ไม่สามารถทำรายการได้!\",\n            icon: \"warning\",\n            buttonsStyling: false,\n            confirmButtonText: \"ปิด\",\n            allowOutsideClick: false,\n            customClass: {\n              confirmButton: \"btn btn-primary\",\n            },\n          });\n        }\n\n        this.isLoading = false;\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    selectable(row, index) {\n      if (this.SelectedIsReceive === 0) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    SelectHead(val) {\n      switch (val) {\n        case \"IsPendingReceive\":\n          this.SelectIsReceiveHead(val);\n          break;\n        case \"IsConfirmReceive\":\n          this.SelectIsReceiveHead(val);\n          break;\n        case \"All\":\n          this.SelectIsReceiveHead(val);\n          break;\n      }\n    },\n    SelectIsReceiveHead(val) {\n      this.TransferDetailData = [];\n      this.SelectedTFCode = \"\";\n      this.SelectedBranchID = 0;\n      if (val === \"IsPendingReceive\") {\n        this.isSelectedIsPendingReceive = true;\n        this.isSelectedIsConfirmReceive = false;\n        this.isSelectedAll = false;\n      } else if (val === \"IsConfirmReceive\") {\n        this.isSelectedIsPendingReceive = false;\n        this.isSelectedIsConfirmReceive = true;\n        this.isSelectedAll = false;\n        \n      } else if (val === \"All\") {\n        this.isSelectedIsPendingReceive = false;\n        this.isSelectedIsConfirmReceive = false;\n        this.isSelectedAll = true;\n      }\n      this.selectedState = val;\n      this.getTransferStoreHead();\n    },\n    getSummaryDetail(param) {\n      const { columns, data } = param;\n      const sums = [];\n      columns.forEach((column, index) => {\n        if (index === 0 || index === 1 || index === 2 || index === 3) {\n          sums[index] = \"\";\n          return;\n        }\n\n        const values = data.map((item) => Number(item[column.property]));\n        if (!values.every((value) => isNaN(value))) {\n          sums[index] = values.reduce((prev, curr) => {\n            const value = Number(curr);\n            if (!isNaN(value)) {\n              return prev + curr;\n            } else {\n              return prev;\n            }\n          }, 0);\n        } else {\n          sums[index] = \"\";\n        }\n      });\n\n      sums.forEach((column, index) => {\n        if (index === 4) {\n          sums[index] = Number(\n            parseFloat(sums[index]).toFixed(2)\n          ).toLocaleString();\n        } else if (\n          index === 5 &&\n          sums[index] != undefined &&\n          sums[index] != \"\"\n        ) {\n          sums[index] = numberWithCommas(sums[index]);\n        }\n      });\n\n      return sums;\n    },\n    getTransferStoreHead: async function () {\n      try {\n        // this.loading = true;\n        this.TransferData = [];\n        this.TransferDetailData = [];\n        this.sellreportDetail = [];\n        const { data } = await ApiService.query(\n          \"transferstore/GetTransferStoreHead?State=\" + this.selectedState + \"&PartnerCode=\" + this.filter.partnerCode + \n          \"&SDate=\" + DateTime.fromJSDate (this.filter.dateRange[0]).toFormat('yyyy-MM-dd') +\n          \"&EDate=\" +\n          DateTime.fromJSDate (this.filter.dateRange[1]).toFormat('yyyy-MM-dd')\n        );\n        this.TransferData = data;\n        // console.log(this.TransferData);\n      } catch (error) {\n        console.log(error);\n      }\n      // this.loading = false;\n    },\n    getTransferStoreDetail: async function () {\n      try {\n        this.loading = true;\n        this.TransferDetailData = [];\n        this.sellreportDetail = [];\n        const { data } = await ApiService.query(\n          \"transferstore/GetTransferStoreDetail?code=\" +\n            this.SelectedTFCode +\n            \"&branch=\" +\n            this.SelectedBranchID\n        );\n        this.TransferDetailData = data;\n\n        this.TransferDetailData.forEach((e) => {\n          if (this.SelectedIsReceive === 0) {\n            this.$refs.multipleTable.toggleRowSelection(e);\n          }else if(this.SelectedIsReceive === 1){\n            if(e.tfdIsReceive === 1){\n              this.$refs.multipleTable.toggleRowSelection(e);\n            }\n          }\n        });\n      } catch (error) {\n        console.log(error);\n      }\n      this.loading = false;\n    },\n    searchPartner: async function(query)\n    {\n      this.searchingPartner = true;\n      const {data} = await ApiService.query(\"data-options/partners\", {query})\n      this.arrPartnerOption = data\n      this.searchingPartner = false;\n    },    \n  },\n  components: {\n    RoleView,\n    DateTimePickerWithOption,\n    Loading\n  },\n  data() {\n    return {\n      windowHeight: window.innerHeight - 280,\n      selectedState: \"IsPendingReceive\",\n      TransferData: [],\n      isSelectedIsPendingReceive: true,\n      isSelectedIsConfirmReceive: false,\n      isSelectedAll: false,\n      SelectedTFCode: \"\",\n      SelectedLineNo: 0,\n      SelectedBranchID: 0,\n      SelectedCountRow: 0,\n      multipleSelection: [],\n      SelectedIsReceive: false,\n      loading: false,\n      TransferDetailData: [],\n      arrPartnerOption: [],\n      searchingPartner: false,\n      filter: {\n        partnerCode: \"\",\n        dateRange: [],\n      },    \n      isLoading: false,    \n      remarkReceive: \"\",       \n    };\n  },\n};\n</script>\n","import { render } from \"./Receive.vue?vue&type=template&id=3af0db42\"\nimport script from \"./Receive.vue?vue&type=script&lang=js\"\nexport * from \"./Receive.vue?vue&type=script&lang=js\"\n\nimport \"./Receive.vue?vue&type=style&index=0&id=3af0db42&lang=css\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}