{"version":3,"sources":["webpack:///./src/views/admin/reports/StockLongTime.vue","webpack:///./src/views/admin/reports/StockLongTime.vue?1442"],"names":["class","style","filter","search","placeholder","clearable","prefix-icon","searchIcon","filterProductData","partnerCode","loading","searchingPartner","filterable","getStockLongTimeAdmin","arrPartnerOption","partnerOption","key","label","partnerName","value","data","products","height","windowHeight","highlight-current-row","handleSellOrderRowClick","show-summary","summary-method","summaryHeadAdmin","prop","sortable","default","scope","row","productName","productCode","align","width","numberWithCommas","stockQuantity","stockDays","isAdmin","active","isLoadingHead","loader","dots","is-full-page","productsDetail","tableDetailHeight","stockVoucherCode","formatDateFromISO","stockTransDate","stockWeight","isLoadingDetail","productsPartner","summaryPartner","pricePerWeight","mounted","role","admin","this","searchPartner","getStockLongTimePartner","components","Loading","computed","window","innerHeight","productsTemp","$selectedPartnerCode","methods","async","url","ApiService","query","params","then","res","catch","err","console","log","finally","error","length","val","trim","includes","handleRowClick","productID","columns","sums","forEach","col","index","property","totalQuantity","reduce","prev","curr","totalWeight","render"],"mappings":"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","file":"js/chunk-2d21d673.1a82e20a.js","sourcesContent":["<template>\r\n    <div class=\"row\" v-if=\"isAdmin\">\r\n        <div class=\"col-3\">\r\n            <el-input\r\n            v-model=\"filter.search\" \r\n            placeholder=\"ค้นหาสินค้า [Enter]\"\r\n            clearable \r\n            :prefix-icon=\"searchIcon\"\r\n            @change=\"filterProductData\"\r\n            />\r\n        </div>\r\n        <div class=\"col-9 mb-2\">\r\n                  <el-select \r\n                    v-model=\"filter.partnerCode\" \r\n                    placeholder=\"เลือกพาร์ทเนอร์\"\r\n                    :loading=\"searchingPartner\"\r\n                    clearable\r\n                    filterable\r\n                    @change=\"getStockLongTimeAdmin\">\r\n                    <el-option\r\n                      v-for=\"partnerOption in arrPartnerOption\"\r\n                      :key=\"partnerOption.partnerCode\"\r\n                      :label=\"partnerOption.partnerName\"\r\n                      :value=\"partnerOption.partnerCode\"                \r\n                    >\r\n                      <span style=\"float: left\">{{ partnerOption.partnerCode }}</span>\r\n                      <span\r\n                        style=\"\r\n                          float: right;\r\n                          color: var(--el-text-color-secondary);\"\r\n                        >{{ partnerOption.partnerName }}</span\r\n                      >\r\n                    </el-option>\r\n                  </el-select>\r\n                  \r\n        </div>\r\n        <div class=\"col-5\">\r\n            <div class=\"card\">\r\n                <!--  @row-click=\"handleRowClick\" -->\r\n                <div class=\"card-body\" style=\"padding: 0px;\">\r\n                    <el-table\r\n                    :data=\"products\"\r\n                    style=\"width: 100%; cursor: pointer;\"\r\n                    :height=\"windowHeight\"\r\n                    highlight-current-row                   \r\n                    @row-click=\"handleSellOrderRowClick\" \r\n                    show-summary\r\n                    :summary-method=\"summaryHeadAdmin\" \r\n                    >\r\n                        <el-table-column prop=\"productCode\" label=\"สินค้า\" sortable> \r\n                            <template #default=\"scope\">  \r\n                                <span class=\"text-primary fw-bold\">{{ scope.row.productName }} </span>\r\n                                <br/>\r\n                                <span class=\"fs-6\">{{ scope.row.productCode }}</span>\r\n                            </template>                                       \r\n                        </el-table-column>  \r\n                        <el-table-column prop=\"stockQuantity\" label=\"จน.คงเหลือ\" align=\"right\" width=\"150\" sortable>        \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockQuantity,0) }}\r\n                            </template>                                \r\n                        </el-table-column>    \r\n                        <el-table-column prop=\"stockDays\" label=\"จำนวนวัน\" align=\"right\" width=\"150\" sortable>\r\n                            <template #default=\"scope\">\r\n                                <span class=\"fs-6\">{{ scope.row.stockDays }}</span>\r\n                                <br/>\r\n                                <span class=\"fs-6\" style=\"color: #A1A5B7;\" v-if=\"filter.partnerCode == '' && isAdmin\">{{ scope.row.partnerName }}</span>\r\n                            </template>                         \r\n                        </el-table-column>                                                 \r\n                    </el-table>            \r\n                </div>\r\n                <loading \r\n                v-model:active=\"isLoadingHead\"\r\n                :loader=\"dots\" \r\n                :is-full-page=\"false\"/>        \r\n            </div>\r\n        </div>\r\n        <div class=\"col-7\">\r\n            <!-- <div class=\"card\">\r\n                <div class=\"card-body\" style=\"padding: 0px;\">\r\n                    <el-table\r\n                    :data=\"productsDetail\"\r\n                    style=\"width: 100%; cursor: pointer;\"\r\n                    :height=\"windowHeight\"\r\n                    highlight-current-row\r\n                    show-summary\r\n                    :summary-method=\"summaryDetailAdmin\"   \r\n                    type=\"expand\"     \r\n                    @row-dblclick=\"onPartnerSummaryRowDoubleClickHandler\"             \r\n                    >\r\n                        <el-table-column prop=\"stockTransDate\" label=\"รับเข้าล่าสุด\" align=\"left\" width=\"120\" sortable>           \r\n                            <template #default=\"scope\">  \r\n                                {{ formatDateFromISO(scope.row.stockTransDate) }}\r\n                            </template>                             \r\n                        </el-table-column>\r\n                        <el-table-column prop=\"stockVoucherCode\" label=\"เลขเอกสาร\" align=\"left\" width=\"150\" sortable></el-table-column>                                  \r\n                        <el-table-column prop=\"partnerName\" label=\"พาร์ทเนอร์\" align=\"left\" sortable></el-table-column> \r\n                        <el-table-column prop=\"stockQuantity\" label=\"จน.คงเหลือ\" align=\"right\" width=\"120\" sortable>        \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockQuantity,0) }}\r\n                            </template>                                \r\n                        </el-table-column>      \r\n                        <el-table-column prop=\"stockWeight\" label=\"นน.คงเหลือ\" align=\"right\" width=\"120\" sortable> \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockWeight) }}\r\n                            </template>                                       \r\n                        </el-table-column>  \r\n                        <el-table-column prop=\"stockDays\" label=\"จำนวนวัน\" align=\"right\" width=\"120\" sortable></el-table-column>  \r\n                    </el-table>          \r\n                </div>\r\n                <loading \r\n                v-model:active=\"isLoadingDetail\"\r\n                :loader=\"dots\" \r\n                :is-full-page=\"false\"/>        \r\n            </div> -->\r\n            <div class=\"card\">\r\n                <div class=\"card-body\" style=\"padding: 0px;\">\r\n                    <el-table\r\n                    :data=\"productsDetail\"\r\n                    style=\"width: 100%; cursor: pointer;\"\r\n                    :height=\"tableDetailHeight\"\r\n                    highlight-current-row\r\n                    >\r\n                        <!-- <el-table-column prop=\"stockTransDate\" label=\"วันที่\" align=\"left\" width=\"100\" sortable>           \r\n                            <template #default=\"scope\">  \r\n                                {{ formatDateFromISO(scope.row.stockTransDate) }}\r\n                            </template>                             \r\n                        </el-table-column> -->\r\n                        <el-table-column prop=\"stockVoucherCode\" label=\"ใบสำคัญ\" align=\"left\"  sortable>  \r\n                            <template #default=\"scope\">  \r\n                                {{ scope.row.stockVoucherCode }}\r\n                                <br/>                                 \r\n                                <span style=\"font-size: 12px; color: #a1a5b7\">{{ formatDateFromISO(scope.row.stockTransDate) }} </span>                              \r\n                            </template>            \r\n                        </el-table-column>     \r\n                        <el-table-column prop=\"stockInOut\" label=\"InOut\" align=\"center\" width=\"100\" sortable>            \r\n                        </el-table-column>                                \r\n                        <el-table-column prop=\"stockQuantity\" label=\"จำนวน\" align=\"right\" width=\"120\" sortable>        \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockQuantity,0) }}\r\n                            </template>                                \r\n                        </el-table-column>      \r\n                        <el-table-column prop=\"stockWeight\" label=\"น้ำหนัก\" align=\"right\" width=\"120\" sortable> \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockWeight) }}\r\n                            </template>                                       \r\n                        </el-table-column>                                                                                                     \r\n                    </el-table>            \r\n                </div>\r\n                <loading \r\n                v-model:active=\"isLoadingDetail\"\r\n                :loader=\"dots\" \r\n                :is-full-page=\"false\"/>        \r\n            </div>\r\n        </div>        \r\n    </div>\r\n    <div class=\"row\" v-else>\r\n        <div class=\"col-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\" style=\"padding: 0px;\">\r\n                    <el-table\r\n                    :data=\"productsPartner\"\r\n                    style=\"width: 100%; cursor: pointer;\"\r\n                    :height=\"windowHeight+50\"\r\n                    highlight-current-row\r\n                    show-summary\r\n                    :summary-method=\"summaryPartner\"   \r\n                    @row-click=\"handleSellOrderRowClick\" \r\n                    >\r\n                        <el-table-column prop=\"stockTransDate\" label=\"รับเข้าล่าสุด\" align=\"left\" width=\"150\" sortable>           \r\n                            <template #default=\"scope\">  \r\n                                {{ scope.row.stockVoucherCode }}\r\n                                <br/>                                 \r\n                                <span style=\"font-size: 12px; color: #a1a5b7\">{{ formatDateFromISO(scope.row.stockTransDate) }} </span>                              \r\n                            </template>                             \r\n                        </el-table-column>\r\n                        <!-- <el-table-column prop=\"stockVoucherCode\" label=\"เลขเอกสาร\" align=\"left\" width=\"150\" sortable></el-table-column>   -->\r\n                        <el-table-column prop=\"productCode\" label=\"สินค้า\" align=\"left\" sortable>\r\n                            <template #default=\"scope\">  \r\n                                <span class=\"text-primary fw-bold\">{{ scope.row.productName }} </span>\r\n                                <br/>\r\n                                <span class=\"fs-6\">{{ scope.row.productCode }}</span>\r\n                            </template>\r\n                        </el-table-column>                                   \r\n                        <!-- <el-table-column prop=\"productName\" label=\"สินค้า\" align=\"left\" sortable></el-table-column>   -->\r\n                        <el-table-column prop=\"pricePerWeight\" label=\"ราคา/กก.\" align=\"right\"  sortable>        \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.pricePerWeight,2) }}\r\n                            </template>                                \r\n                        </el-table-column>      \r\n                        <el-table-column prop=\"stockQuantity\" label=\"จน.คงเหลือ\" align=\"right\" width=\"150\" sortable>        \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockQuantity,0) }}\r\n                            </template>                                \r\n                        </el-table-column>      \r\n                        <el-table-column prop=\"stockWeight\" label=\"นน.คงเหลือ\" align=\"right\" width=\"150\" sortable> \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockWeight) }}\r\n                            </template>                                       \r\n                        </el-table-column>  \r\n                        <el-table-column prop=\"stockDays\" label=\"จำนวนวัน\" align=\"right\" width=\"150\" sortable></el-table-column>  \r\n                    </el-table>            \r\n                </div>\r\n                <loading \r\n                v-model:active=\"isLoadingDetail\"\r\n                :loader=\"dots\" \r\n                :is-full-page=\"false\"/>        \r\n            </div>\r\n        </div>\r\n        <div class=\"col-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\" style=\"padding: 0px;\">\r\n                    <el-table\r\n                    :data=\"productsDetail\"\r\n                    style=\"width: 100%; cursor: pointer;\"\r\n                    :height=\"tableDetailHeight\"\r\n                    highlight-current-row\r\n                    >\r\n                        <!-- <el-table-column prop=\"stockTransDate\" label=\"วันที่\" align=\"left\" width=\"100\" sortable>           \r\n                            <template #default=\"scope\">  \r\n                                {{ formatDateFromISO(scope.row.stockTransDate) }}\r\n                            </template>                             \r\n                        </el-table-column> -->\r\n                        <el-table-column prop=\"stockVoucherCode\" label=\"ใบสำคัญ\" align=\"left\"  sortable>  \r\n                            <template #default=\"scope\">  \r\n                                {{ scope.row.stockVoucherCode }}\r\n                                <br/>                                 \r\n                                <span style=\"font-size: 12px; color: #a1a5b7\">{{ formatDateFromISO(scope.row.stockTransDate) }} </span>                              \r\n                            </template>            \r\n                        </el-table-column>     \r\n                        <el-table-column prop=\"stockInOut\" label=\"InOut\" align=\"center\" width=\"100\" sortable>            \r\n                        </el-table-column>                                \r\n                        <el-table-column prop=\"stockQuantity\" label=\"จำนวน\" align=\"right\" width=\"120\" sortable>        \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockQuantity,0) }}\r\n                            </template>                                \r\n                        </el-table-column>      \r\n                        <el-table-column prop=\"stockWeight\" label=\"น้ำหนัก\" align=\"right\" width=\"120\" sortable> \r\n                            <template #default=\"scope\">  \r\n                                {{ numberWithCommas(scope.row.stockWeight) }}\r\n                            </template>                                       \r\n                        </el-table-column>                                                                                                     \r\n                    </el-table>            \r\n                </div>\r\n                <loading \r\n                v-model:active=\"isLoadingDetail\"\r\n                :loader=\"dots\" \r\n                :is-full-page=\"false\"/>        \r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"row mt-3\">\r\n        <span style=\"color: red;\" >{{\"* แสดงรายการสินค้าในสต็อกที่ค้างนานเกิน 45 วัน\"}}</span>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { numberWithCommas, formatDateFromISO } from \"@/utils\";\r\nimport Loading from 'vue-loading-overlay';\r\nimport { validateRole, role } from \"@/helpers/role\"\r\n\r\nexport default {\r\n    mounted: function (){\r\n        setCurrentPageBreadcrumbs(\"รายงานสินค้าค้างนาน\", []);\r\n\r\n        if(validateRole(role.admin)){\r\n            this.searchPartner(\"\");\r\n            this.getStockLongTimeAdmin();\r\n        }\r\n        else\r\n        {\r\n            this.getStockLongTimePartner();\r\n        }\r\n\r\n    },\r\n    components: {\r\n        Loading\r\n    },  \r\n    computed: {\r\n        isAdmin() {\r\n            return validateRole(role.admin)\r\n        },\r\n    },      \r\n    data(){\r\n        return{\r\n            windowHeight: window.innerHeight - 210,\r\n            tableDetailHeight: window.innerHeight - 160,\r\n            products: [],  \r\n            productsTemp: [],  \r\n            productsDetail: [],   \r\n            productsPartner: [],       \r\n            isLoadingHead: false,\r\n            isLoadingDetail: false,\r\n            filter: {\r\n                partnerCode: this.$selectedPartnerCode,\r\n                search:null\r\n            },            \r\n        }\r\n    },\r\n    methods:{\r\n        getStockLongTimeAdmin: async function () {\r\n            this.isLoadingHead = true;\r\n\r\n            try {\r\n                // const { data } = await ApiService.query(\"products/StockLongTimeGet?PartnerCode=\" + this.filter.partnerCode);\r\n\r\n                let url = \"products/StockLongTimeGet\";\r\n                // const loader = this.$loading.show();\r\n                await ApiService.query(\r\n                    url, \r\n                    {\r\n                        params: {\r\n                            search: this.filter.search,\r\n                            partnerCode:this.filter.partnerCode\r\n                        }\r\n                    })\r\n                    .then((res) => {\r\n                        this.products = res.data;\r\n                        this.productsTemp = res.data;                        \r\n                        this.productsDetail = [];\r\n                    })\r\n                    .catch(err => {\r\n                        console.log(err)\r\n                    })\r\n                    .finally( () => {\r\n                        // this.loading = false\r\n                        \r\n                    })\r\n                \r\n            \r\n            } catch (error) {\r\n                console.log(error);\r\n            }            \r\n\r\n            this.isLoadingHead = false;\r\n        },\r\n        filterProductData: async function () {\r\n            if(this.productsTemp != null && this.productsTemp.length>0){\r\n                if(this.filter.search){\r\n                    this.products = this.productsTemp.filter(val=>val.productCode.trim().includes(this.filter.search) || val.productName.trim().includes(this.filter.search));                    \r\n                }else{\r\n                     this.products =  this.productsTemp;\r\n                }\r\n                this.productsDetail = [];\r\n            }else{\r\n                this.getStockLongTimeAdmin();\r\n            }\r\n        },        \r\n        handleRowClick: async function(row){\r\n            this.isLoadingDetail = true;\r\n\r\n            try {\r\n                const { data } = await ApiService.query(\"products/StockLongTimeDetailGet?ProductID=\" + row.productID + \"&PartnerCode=\" + this.filter.partnerCode);\r\n\r\n                this.productsDetail = data;\r\n            \r\n            } catch (error) {\r\n                console.log(error);\r\n            }            \r\n\r\n            this.isLoadingDetail = false;\r\n        },\r\n        handleSellOrderRowClick: async function(row){\r\n            this.isLoadingDetail = true;\r\n\r\n            try {\r\n                const { data } = await ApiService.query(\"products/ProductNotMoveDetailGet?ProductID=\" + row.productID + \"&PartnerCode=\" + (this.filter.partnerCode != \"\" ? this.filter.partnerCode : row.partnerCode)+\"&StockDays=\"+row.stockDays);\r\n\r\n                this.productsDetail = data;\r\n            \r\n            } catch (error) {\r\n                console.log(error);\r\n            }            \r\n\r\n            this.isLoadingDetail = false;\r\n        },\r\n        searchPartner: async function(query)\r\n        {\r\n            this.searchingPartner = true;\r\n            const {data} = await ApiService.query(\"data-options/partners\", {query})\r\n            this.arrPartnerOption = data\r\n            this.searchingPartner = false;\r\n        },\r\n        getStockLongTimePartner: async function () {\r\n            this.isLoadingHead = true;\r\n\r\n            try {\r\n                const { data } = await ApiService.query(\"products/StockLongTimePartnerGet\");\r\n\r\n                this.productsPartner = data;\r\n            \r\n            } catch (error) {\r\n                console.log(error);\r\n            }            \r\n\r\n            this.isLoadingHead = false;\r\n        },        \r\n        summaryPartner({columns, data}) {\r\n            const sums = [];\r\n            columns.forEach((col, index) => {\r\n                if(index === 1) {\r\n                sums[index] = data.length + ' รายการ';\r\n                }\r\n                \r\n                if(col.property == \"stockQuantity\") {\r\n                let totalQuantity =  data.reduce(\r\n                    (prev, curr) => {\r\n                    return prev + curr.stockQuantity\r\n                    },\r\n                    0\r\n                )\r\n                    sums[index] = numberWithCommas(totalQuantity, 0);\r\n                }\r\n\r\n                if(col.property == \"stockWeight\") {\r\n                let totalWeight =  data.reduce(\r\n                    (prev, curr) => {\r\n                    return prev + curr.stockWeight\r\n                    },\r\n                    0\r\n                )\r\n                    sums[index] = numberWithCommas((totalWeight / 1000), 2) + ' ตัน';\r\n                }\r\n\r\n            })    \r\n            return sums;\r\n        },  \r\n        summaryHeadAdmin({columns, data}) {\r\n            const sums = [];\r\n            columns.forEach((col, index) => {\r\n                if(index === 0) {\r\n                sums[index] = 'ทั้งหมด ' + data.length + ' รายการ';\r\n                }\r\n            })    \r\n            return sums;\r\n        },    \r\n        summaryDetailAdmin({columns, data}) {\r\n            const sums = [];\r\n            columns.forEach((col, index) => {\r\n                \r\n                if(col.property == \"stockQuantity\") {\r\n                let totalQuantity =  data.reduce(\r\n                    (prev, curr) => {\r\n                    return prev + curr.stockQuantity\r\n                    },\r\n                    0\r\n                )\r\n                    sums[index] = numberWithCommas(totalQuantity, 0);\r\n                }\r\n\r\n                if(col.property == \"stockWeight\") {\r\n                let totalWeight =  data.reduce(\r\n                    (prev, curr) => {\r\n                    return prev + curr.stockWeight\r\n                    },\r\n                    0\r\n                )\r\n                    sums[index] = numberWithCommas((totalWeight / 1000), 2) + ' ตัน';\r\n                }\r\n\r\n            })    \r\n            return sums;\r\n        },                         \r\n        numberWithCommas,\r\n        formatDateFromISO,\r\n    }\r\n}\r\n\r\n</script>","import { render } from \"./StockLongTime.vue?vue&type=template&id=6b020a17\"\nimport script from \"./StockLongTime.vue?vue&type=script&lang=js\"\nexport * from \"./StockLongTime.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}