{"version":3,"sources":["webpack:///src/views/cash-transfer/CashTransfer/index.vue","webpack:///./src/views/cash-transfer/CashTransfer/index.vue","webpack:///./src/views/cash-transfer/CashTransfer/index.vue?1bf6"],"names":["Receive","Transfer","render","staticRenderFns","data","query","$route","receive","items","pagination","page","Number","receive_page","total","pageSize","isLoading","transfer","transfer_page","created","fetchReceive","fetchTransfer","methods","toHistoryPage","$router","push","name","toCreatePage","result","CashTransferService","getAll","status","is_inbound","results","map","item","id","date","Date","datetime","origin","branch","method","to_branch_payment_method","getMethodName","bank","bank_account_id","amount","count","e","$notify","error","message","destination","to_branch","branch_payment_method","shortId","matches","match","output","trim","handleReceivePageChange","replace","handleTransferPageChange","h","arguments","ActionBar","ActionBarTitle","PageContainer","AppContainer","marginTop","display","margin","component"],"mappings":"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","file":"js/chunk-2d0d7873.c61830f2.js","sourcesContent":["<script>\nimport {\n  ActionBar,\n  ActionBarTitle,\n  //ActionBarButton\n} from '@/components/ui/action-bar'\nimport { PageContainer } from '@/components/page/page-container'\nimport { AppContainer } from '@/components/ui/container'\nimport { CashTransferService } from '@/services'\n\nconst Receive = () => import('./Receive.vue')\nconst Transfer = () => import('./Transfer.vue')\n\nexport default {\n  data() {\n    const { query } = this.$route\n\n    return {\n      receive: {\n        items: [],\n        pagination: {\n          page: Number(query.receive_page) || 1,\n          total: 0,\n          pageSize: 10\n        },\n        isLoading: false\n      },\n      transfer: {\n        items: [],\n        pagination: {\n          page: Number(query.transfer_page) || 1,\n          total: 0,\n          pageSize: 10\n        },\n        isLoading: false\n      }\n    }\n  },\n\n  created() {\n    this.fetchReceive()\n    this.fetchTransfer()\n  },\n\n  methods: {\n    toHistoryPage() {\n      this.$router.push({ name: 'CashTransferHistory' })\n    },\n\n    toCreatePage() {\n      this.$router.push({ name: 'CashTransferCreate' })\n    },\n\n    async fetchReceive() {\n      this.receive.isLoading = true\n\n      const { page } = this.receive.pagination\n\n      try {\n        const {\n          data: { result }\n        } = await CashTransferService.getAll({\n          status: ['requested', 'pending'],\n          is_inbound: true,\n          page\n        })\n\n        this.receive.items = result.results.map(item => ({\n          id: item.id,\n          date: new Date(item.datetime),\n          origin: item.branch ? item.branch.name : '',\n          method: item.to_branch_payment_method\n            ? item.to_branch_payment_method.id === 1\n              ? 'เงินสด'\n              : this.getMethodName(\n                  item.to_branch_payment_method.bank\n                    ? item.to_branch_payment_method.bank.name\n                    : '',\n                  item.to_branch_payment_method.bank_account_id || ''\n                )\n            : '',\n          amount: +item.amount,\n          status: item.status\n        }))\n\n        this.receive.pagination.total = result.count\n      } catch (e) {\n        this.$notify.error(e.message)\n      } finally {\n        this.receive.isLoading = false\n      }\n    },\n\n    async fetchTransfer() {\n      this.transfer.isLoading = true\n\n      const { page } = this.transfer.pagination\n\n      try {\n        const {\n          data: { result }\n        } = await CashTransferService.getAll({\n          status: 'requested',\n          is_inbound: false,\n          page\n        })\n\n        this.transfer.items = result.results.map(item => ({\n          id: item.id,\n          date: new Date(item.datetime),\n          destination: item.to_branch ? item.to_branch.name : '',\n          method: item.branch_payment_method\n            ? item.branch_payment_method.id === 1\n              ? 'เงินสด'\n              : this.getMethodName(\n                  item.branch_payment_method.bank\n                    ? item.branch_payment_method.bank.name\n                    : '',\n                  item.branch_payment_method.bank_account_id || ''\n                )\n            : '',\n          amount: +item.amount,\n          status: item.status\n        }))\n\n        this.transfer.pagination.total = result.count\n      } catch (e) {\n        this.$notify.error(e.message)\n      } finally {\n        this.transfer.isLoading = false\n      }\n    },\n\n    getMethodName(name, id) {\n      const shortId = (() => {\n        const matches = id.match(/.{4}$/g)\n\n        if (!matches) return ''\n\n        return matches[0]\n      })()\n\n      const output = `${name} ${shortId ? '*' : ''}${shortId}`.trim()\n\n      return output\n    },\n\n    handleReceivePageChange(page) {\n      this.receive.pagination.page = page\n\n      const { query } = this.$route\n\n      this.$router.replace({ query: { ...query, receive_page: page } })\n\n      this.fetchReceive()\n    },\n\n    handleTransferPageChange(page) {\n      this.transfer.pagination.page = page\n\n      const { query } = this.$route\n\n      this.$router.replace({ query: { ...query, transfer_page: page } })\n\n      this.fetchTransfer()\n    }\n  },\n\n  render() {\n    return (\n      <div>\n        <ActionBar>\n\n            <el-button slot=\"action\"\n            type=\"primary\"\n            onClick={this.toCreatePage}\n          >\n            โอนเงิน\n            </el-button>\n\n          <ActionBarTitle>การโอนเงิน</ActionBarTitle>\n        </ActionBar>\n        <PageContainer>\n          <AppContainer>\n            <Receive\n              items={this.receive.items}\n              pagination={this.receive.pagination}\n              loading={this.receive.isLoading}\n              onPageChange={this.handleReceivePageChange}\n            />\n            <Transfer\n              items={this.transfer.items}\n              pagination={this.transfer.pagination}\n              loading={this.transfer.isLoading}\n              style={{ marginTop: '1.5rem' }}\n              onPageChange={this.handleTransferPageChange}\n            />\n            <div style={{ marginTop: '1.5rem' }}>\n              <el-button\n                style={{ display: 'block', margin: '0 auto' }}\n                onClick={this.toHistoryPage}\n              >\n                ประวัติการโอนย้ายเงิน\n              </el-button>\n            </div>\n          </AppContainer>\n        </PageContainer>\n      </div>\n    )\n  }\n}\n</script>\n","var render, staticRenderFns\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/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!./index.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!./index.vue?vue&type=script&lang=js\""],"sourceRoot":""}