{"version":3,"sources":["webpack:///src/views/gold-transfer/GoldTransferHistory/index.vue","webpack:///./src/views/gold-transfer/GoldTransferHistory/index.vue","webpack:///./src/views/gold-transfer/GoldTransferHistory/index.vue?118b","webpack:///./src/utils/navigation.js"],"names":["Filter","Result","render","staticRenderFns","data","query","q","type","status","gold_type","start","end","page","$route","filter","goldType","period","Date","result","items","pagination","Number","total","pageSize","loading","created","fetch","methods","back","name","search","undefined","is_inbound","transfer","receive","is_income","datetime_after","datetime_before","GoldTransferService","getAll","results","count","map","item","id","date","datetime","_content_type","model","target","branch","to_branch","goldtransfer","usedgoldtransfer","goldfill","weight","total_baht_weight","realWeight","total_real_weight","e","$notify","error","message","handleFilterChange","value","handleFilterSubmit","toISOString","$router","replace","handlePageChange","handleView","push","params","h","arguments","ActionBar","ActionBarTitle","PageContainer","AppContainer","marginTop","component","async","previousPath","window","history","state","router","fallbackLocation"],"mappings":"iMAWA,MAAAA,MAAA,gDACAC,MAAA,gDAEe,ICdXC,EAAQC,EDcG,GACfC,OACA,MACAC,OAAA,EAAAC,EAAA,KAAAC,EAAA,OAAAC,EAAA,UAAAC,EAAA,MAAAC,EAAA,IAAAC,EAAA,KAAAC,IACA,KAAAC,OAEA,OACAC,OAAA,CACAR,KAAA,KACAC,QAAA,KACAC,UAAA,KACAO,SAAAN,GAAA,KACAO,OAAAN,GAAAC,EAAA,KAAAM,KAAAP,GAAA,IAAAO,KAAAN,IAAA,MAEAO,OAAA,CACAC,MAAA,GACAC,WAAA,CACAR,KAAAS,OAAAT,IAAA,EACAU,MAAA,EACAC,SAAA,IAEAC,SAAA,KAKAC,UACA,KAAAC,SAGAC,QAAA,CACAC,OACAA,eAAA,CAAAC,KAAA,kBAGA,cACA,aAAAf,EAAA,OAAAI,GAAA,KAEAY,EAAAhB,EAAAR,QAAAyB,EACAC,EAAA,CAAAC,UAAA,EAAAC,SAAA,GAAApB,EAAAP,MACAC,EAAAM,EAAAN,QAAA,yBACAC,EACA,KACA,aAAAK,EAAAP,KACA,WACAO,EAAAP,MAAA,aAAAO,EAAAC,SAGAD,EAAAC,SAFA,wBAJA,SAQAgB,EACAI,EACA,aAAArB,EAAAP,MACA,aAAAO,EAAAC,eACAgB,EACAK,EAAAtB,EAAAE,OAAAF,EAAAE,OAAA,QAAAe,EACAM,EAAAvB,EAAAE,OAAAF,EAAAE,OAAA,QAAAe,EACAnB,EAAAM,EAAAE,WAAAR,WAAAmB,EAEA,KAAAb,OAAAM,SAAA,EAEA,IACA,MACApB,MAAA,OAAAc,UACAoB,OAAAC,OAAA,CACAT,SACAE,aACAxB,SACAC,YACA0B,YACAC,iBACAC,kBACAzB,UAGA,QAAA4B,EAAA,MAAAC,GAAAvB,EAEA,KAAAA,OAAAC,MAAAqB,EAAAE,IAAAC,IAAA,CACAC,GAAAD,EAAAC,GACAC,KAAA,IAAA5B,KAAA0B,EAAAG,UACAvC,KAAA,KACA,aAAAoC,EAAAI,cAAAC,MAAA,OAEAL,EAAAX,WAAA,qBAHA,GAKAiB,OAAAN,EAAAX,WACAW,EAAAO,OACAP,EAAAO,OAAArB,KACA,KACAc,EAAAQ,UACAR,EAAAQ,UAAAtB,KACA,KACAd,SAAA,CACAqC,aAAA,OACAC,iBAAA,MACAC,SAAA,QACAX,EAAAI,cAAAJ,EAAAI,cAAAC,MAAA,MACAO,QAAAZ,EAAAa,kBACAC,YAAAd,EAAAe,kBACAlD,OAAAmC,EAAAnC,UAGA,KAAAU,OAAAE,WAAAE,MAAAmB,EACA,MAAAkB,GACA,KAAAC,QAAAC,MAAAF,EAAAG,SACA,QACA,KAAA5C,OAAAM,SAAA,IAIAuC,mBAAAC,GACA,KAAAlD,OAAAkD,GAGAC,qBACA,aAAAnD,GAAA,KACAR,EAAAQ,EAAAR,QAAAyB,EACAxB,EAAAO,EAAAP,WAAAwB,EACAvB,EAAAM,EAAAN,aAAAuB,EACAtB,EAAAK,EAAAC,eAAAgB,EACArB,EAAAI,EAAAE,OAAAF,EAAAE,OAAA,GAAAkD,mBAAAnC,EACApB,EAAAG,EAAAE,OAAAF,EAAAE,OAAA,GAAAkD,mBAAAnC,EAEA,KAAAoC,QAAAC,QAAA,CACA/D,MAAA,CAAAC,IAAAC,OAAAC,SAAAC,YAAAC,QAAAC,SAGA,KAAAO,OAAAE,WAAAR,KAAA,EAEA,KAAAc,SAGA2C,iBAAAzD,GACA,YAAAP,GAAA,KAAAQ,OAEA,KAAAK,OAAAE,WAAAR,OAEA,KAAAuD,QAAAC,QAAA,CAAA/D,MAAA,IAAAA,EAAAO,UAEA,KAAAc,SAGA4C,WAAA1B,EAAArC,EAAAQ,GACA,OAAAR,GACA,cACA,KAAA4D,QAAAI,KAAA,CACA1C,KAAA,mCACA2C,OAAA,CAAAjE,KAAAQ,EAAA6B,QAEA,MAEA,eACA,KAAAuB,QAAAI,KAAA,CACA1C,KAAA,oCACA2C,OAAA,CAAAjE,KAAAQ,EAAA6B,QAEA,MAEA,WACA,KAAAuB,QAAAI,KAAA,CACA1C,KAAA,gCACA2C,OAAA,CAAA5B,QAEA,SAKA1C,SAAA,MAAAuE,EAAAC,UAAA,GACA,OAAAD,EAAA,OAAAA,EAAAE,OAAA,CAAAF,EAAA,kBAGA,wBAAA7C,OAAA,wBAAA6C,EAAAG,OAAA,4BAAAH,EAAAI,OAAA,CAAAJ,EAAAK,OAAA,CAAAL,EAAAzE,EAAA,aAQA,KAAAc,QAAA,WACA,KAAAiD,mBAAA,OACA,KAAAE,sBAAAQ,EAAAxE,EAAA,cAGA,KAAAiB,OAAAC,MAAA,WACA,KAAAD,OAAAE,WAAA,QACA,KAAAF,OAAAM,SAAA,MACA,CAAAuD,UAAA,yBACA,KAAAV,iBAAA,KACA,KAAAC,sBE5M4W,I,YDOxWU,EAAY,eACd,EACA9E,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAA6E,E,6CElBf,kDAEO,MAAMpD,EAAOqD,UAClB,MAAM,aAAEC,GAAiBC,OAAOC,QAAQC,MAEpCH,QAAoBI,OAAO1D,aACpB0D,OAAOlB,QAAQmB,GAAoB,CAAE1D,KAAM","file":"js/chunk-ca2e6008.fc992390.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 { back } from '@/utils/navigation'\nimport { GoldTransferService } from '@/services'\n\nconst Filter = () => import('./Filter.vue')\nconst Result = () => import('./Result.vue')\n\nexport default {\n  data() {\n    const {\n      query: { q, type, status, gold_type, start, end, page }\n    } = this.$route\n\n    return {\n      filter: {\n        q: q || null,\n        type: type || null,\n        status: status || null,\n        goldType: gold_type || null,\n        period: start && end ? [new Date(start), new Date(end)] : null\n      },\n      result: {\n        items: [],\n        pagination: {\n          page: Number(page) || 1,\n          total: 0,\n          pageSize: 10\n        },\n        loading: false\n      }\n    }\n  },\n\n  created() {\n    this.fetch()\n  },\n\n  methods: {\n    back() {\n      back({ name: 'GoldTransfer' })\n    },\n\n    async fetch() {\n      const { filter, result } = this\n\n      const search = filter.q || undefined,\n        is_inbound = { transfer: false, receive: true }[filter.type],\n        status = filter.status || ['accepted', 'cancelled'],\n        gold_type =\n          (() => {\n            if (filter.type === 'goldfill') {\n              return 'goldfill'\n            } else if (!filter.type && filter.goldType === 'sellgold') {\n              return ['goldfill', 'sellgold']\n            } else {\n              return filter.goldType\n            }\n          })() || undefined,\n        is_income =\n          filter.type === 'goldfill' ||\n          filter.goldType === 'sellgold' ||\n          undefined,\n        datetime_after = filter.period ? filter.period[0] : undefined,\n        datetime_before = filter.period ? filter.period[1] : undefined,\n        page = result.pagination.page || undefined\n\n      this.result.loading = true\n\n      try {\n        const {\n          data: { result }\n        } = await GoldTransferService.getAll({\n          search,\n          is_inbound,\n          status,\n          gold_type,\n          is_income,\n          datetime_after,\n          datetime_before,\n          page\n        })\n\n        const { results, count } = result\n\n        this.result.items = results.map(item => ({\n          id: item.id,\n          date: new Date(item.datetime),\n          type: (() => {\n            if (item._content_type.model === 'goldfill') return 'fill'\n\n            return item.is_inbound ? 'receive' : 'transfer'\n          })(),\n          target: item.is_inbound\n            ? item.branch\n              ? item.branch.name\n              : null\n            : item.to_branch\n            ? item.to_branch.name\n            : null,\n          goldType: {\n            goldtransfer: 'sell',\n            usedgoldtransfer: 'old',\n            goldfill: 'fill'\n          }[item._content_type ? item._content_type.model : null],\n          weight: +item.total_baht_weight,\n          realWeight: +item.total_real_weight,\n          status: item.status\n        }))\n\n        this.result.pagination.total = count\n      } catch (e) {\n        this.$notify.error(e.message)\n      } finally {\n        this.result.loading = false\n      }\n    },\n\n    handleFilterChange(value) {\n      this.filter = value\n    },\n\n    handleFilterSubmit() {\n      const { filter } = this,\n        q = filter.q || undefined,\n        type = filter.type || undefined,\n        status = filter.status || undefined,\n        gold_type = filter.goldType || undefined,\n        start = filter.period ? filter.period[0].toISOString() : undefined,\n        end = filter.period ? filter.period[1].toISOString() : undefined\n\n      this.$router.replace({\n        query: { q, type, status, gold_type, start, end }\n      })\n\n      this.result.pagination.page = 1\n\n      this.fetch()\n    },\n\n    handlePageChange(page) {\n      const { query } = this.$route\n\n      this.result.pagination.page = page\n\n      this.$router.replace({ query: { ...query, page } })\n\n      this.fetch()\n    },\n\n    handleView(id, type, goldType) {\n      switch (type) {\n        case 'receive':\n          this.$router.push({\n            name: 'GoldTransferHistoryReceiveDetail',\n            params: { type: goldType, id }\n          })\n          break\n\n        case 'transfer':\n          this.$router.push({\n            name: 'GoldTransferHistoryTransferDetail',\n            params: { type: goldType, id }\n          })\n          break\n\n        case 'fill':\n          this.$router.push({\n            name: 'GoldTransferHistoryFillDetail',\n            params: { id }\n          })\n          break\n      }\n    }\n  },\n\n  render() {\n    return (\n      <div>\n        <ActionBar>\n          <el-button slot=\"action\" onClick={this.back}>\n            หน้ารายการปัจจุบัน\n          </el-button>\n          <ActionBarTitle>ประวัติการโอนย้ายทอง</ActionBarTitle>\n        </ActionBar>\n        <PageContainer>\n          <AppContainer>\n            <Filter\n              data={this.filter}\n              onChange={this.handleFilterChange}\n              onSubmit={this.handleFilterSubmit}\n            />\n            <Result\n              items={this.result.items}\n              pagination={this.result.pagination}\n              loading={this.result.loading}\n              style={{ marginTop: '1.5rem' }}\n              onPageChange={this.handlePageChange}\n              onView={this.handleView}\n            />\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\"","import router from '@/router'\n\nexport const back = async fallbackLocation => {\n  const { previousPath } = window.history.state\n\n  if (previousPath) await router.back()\n  else await router.replace(fallbackLocation || { name: 'Home' })\n}\n"],"sourceRoot":""}