{"version":3,"sources":["webpack:///./src/components/withdrawal/WithdrawOffTemp.vue?fb14","webpack:///./src/components/withdrawal/ListHistoryWithdrawOffExchange.vue?17be","webpack:///src/components/withdrawal/ListHistoryWithdrawOffExchange.vue","webpack:///./src/components/withdrawal/ListHistoryWithdrawOffExchange.vue?09b4","webpack:///./src/components/withdrawal/ListHistoryWithdrawOffExchange.vue","webpack:///./src/components/withdrawal/RequestListWithdrawOffExchange.vue?2956","webpack:///src/components/withdrawal/RequestListWithdrawOffExchange.vue","webpack:///./src/components/withdrawal/RequestListWithdrawOffExchange.vue?e56a","webpack:///./src/components/withdrawal/RequestListWithdrawOffExchange.vue","webpack:///src/components/withdrawal/WithdrawOffTemp.vue","webpack:///./src/components/withdrawal/WithdrawOffTemp.vue?6350","webpack:///./src/components/withdrawal/WithdrawOffTemp.vue","webpack:///./src/components/withdrawal/WithdrawOffTemp.vue?4964","webpack:///./src/assets/icon_tab.svg","webpack:///./src/components/withdrawal/RequestListWithdrawOffExchange.vue?cbcc","webpack:///./src/components/withdrawal/ListHistoryWithdrawOffExchange.vue?b2bf","webpack:///./src/assets/dot-vertical.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","togglePopover","withdraw","_id","class","activeTab","typePage","tabOnClick","_v","_s","getTotalDataRequest","filterTable","staticRenderFns","accessurl","onCickFilterDetail","filterIsActive","directives","name","rawName","value","dataFilter","expression","domProps","target","composing","$set","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","onChangeFilter","onChangeFilterReset","_m","_l","withdrawal","i","key","owner","total_weight","total_item","_f","withdrawal_detail","pickup_time","status","showPopover","showDetails","_e","getTotalData","perPage","handlePageChange","model","callback","$$v","data","typeWithdraw","badgeValue","client","startDate","endDate","limit","denom","pieces","currentPage","mounted","getData","sessionStorage","getItem","methods","id","$store","dispatch","window","scrollTo","showFaceRecognition","$emit","$router","push","computed","getWithdrawData","state","vaultModul","withdrawDataOffExc","totalData","component","components","ListHistoryWithdrawOffExchange","RequestListWithdrawOffExchange","serialNumber","activity","hallmark","dateType","contract_id","getDataTotalRequest","withdrawData","dataCountRequest","module","exports"],"mappings":"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","file":"js/chunk-41fa9a31.7e975a41.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-withdraw\"},[_c('div',{staticClass:\"main-content\"},[_c('div',{staticClass:\"wrap-content\"},[_c('div',{staticClass:\"nav-tab\"},[_c('img',{staticClass:\"close-icon\",attrs:{\"src\":require(\"@/assets/icon_tab.svg\")},on:{\"click\":function($event){return _vm.togglePopover(_vm.withdraw._id)}}}),_c('span',{staticClass:\"tab\",class:{ activeTab: _vm.typePage === 'request' },on:{\"click\":function($event){return _vm.tabOnClick('request')}}},[_vm._v(\"Request List\")]),_c('div',{staticClass:\"badge-container\"},[_c('span',{staticClass:\"badge\"},[_vm._v(_vm._s(_vm.getTotalDataRequest))])]),_c('img',{staticClass:\"img-margin\",attrs:{\"src\":require(\"@/assets/icon_tab.svg\")},on:{\"click\":function($event){return _vm.togglePopover(_vm.withdraw._id)}}}),_c('span',{staticClass:\"tab\",class:{ activeTab: _vm.typePage == 'history' },on:{\"click\":function($event){return _vm.tabOnClick('history')}}},[_vm._v(\"History Withdraw\")])]),_c('div',{staticClass:\"content\"},[(_vm.typePage === 'history')?_c('div',[_c('list-history-withdraw-off-exchange',{on:{\"setDataFilter\":_vm.filterTable}})],1):_c('div',[_c('request-list-withdraw-off-exchange',{on:{\"setDataFilter\":_vm.filterTable}})],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"black-button-container\"},[(this.accessurl == 'operator_gudang')?_c('div',{staticClass:\"container-filter-checkin\"},[_c('div',{staticClass:\"margin-top-container\"}),_c('div',{staticClass:\"title-input-container\"},[_c('span',{staticClass:\"text-title title-input\"},[_vm._v(\"Search by Client\")]),_c('div',{staticClass:\"container-filter\"},[_c('button',{staticClass:\"black-button2\",on:{\"click\":function($event){return _vm.onCickFilterDetail(_vm.filterIsActive)}}},[_vm._v(\" Filter By \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.client),expression:\"dataFilter.client\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Client\"},domProps:{\"value\":(_vm.dataFilter.client)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"client\", $event.target.value)}}})])])]):_c('div',{staticClass:\"title-input-container\"},[_c('span',{staticClass:\"text-title title-input\"},[_vm._v(\"Search by Client\")]),_c('div',{staticClass:\"container-filter\"},[_c('button',{staticClass:\"black-button2\",on:{\"click\":function($event){return _vm.onCickFilterDetail(_vm.filterIsActive)}}},[_vm._v(\" Filter By \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.client),expression:\"dataFilter.client\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Client\"},domProps:{\"value\":(_vm.dataFilter.client)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"client\", $event.target.value)}}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filterIsActive == true),expression:\"filterIsActive == true\"}],staticClass:\"filter-detail-contain\"},[_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Total Denom\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.denom),expression:\"dataFilter.denom\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.dataFilter, \"denom\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"selected\":\"\",\"value\":\"\"}},[_vm._v(\"Range Denom\")]),_c('option',{attrs:{\"value\":\"1-501\"}},[_vm._v(\"< 501\")]),_c('option',{attrs:{\"value\":\"501-1000\"}},[_vm._v(\"501-1.000\")]),_c('option',{attrs:{\"value\":\"1001-2000\"}},[_vm._v(\"1.001-2.000\")]),_c('option',{attrs:{\"value\":\"2001-5000\"}},[_vm._v(\"2.001-5.000\")]),_c('option',{attrs:{\"value\":\"5001-10000\"}},[_vm._v(\"5.001-10.000\")]),_c('option',{attrs:{\"value\":\"20000-500000\"}},[_vm._v(\"> 20.000\")])])]),_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Quantity of Pieces\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.pieces),expression:\"dataFilter.pieces\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Pieces\"},domProps:{\"value\":(_vm.dataFilter.pieces)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"pieces\", $event.target.value)}}})]),_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Withdrawal Date\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.startDate),expression:\"dataFilter.startDate\"}],attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.dataFilter.startDate)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"startDate\", $event.target.value)}}})]),_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Status\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.status),expression:\"dataFilter.status\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.dataFilter, \"status\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"selected\":\"\",\"value\":\"\"}},[_vm._v(\"Status\")]),_c('option',{attrs:{\"value\":\"006\"}},[_vm._v(\"Withdrawal Success\")]),_c('option',{attrs:{\"value\":\"008\"}},[_vm._v(\"Reject by KMI Admin\")])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filterIsActive == true),expression:\"filterIsActive == true\"}],staticClass:\"filter-detail-contain\"},[_c('div'),_c('div',{staticClass:\"margin-bottom-container\"},[_c('button',{staticClass:\"black-button2\",on:{\"click\":_vm.onChangeFilter}},[_vm._v(\"Apply\")]),_c('button',{staticClass:\"grey-button2\",on:{\"click\":_vm.onChangeFilterReset}},[_vm._v(\" Reset \")])])])]),_c('table',{staticClass:\"table\"},[_vm._m(0),_c('tbody',_vm._l((_vm.getWithdrawData),function(withdrawal,i){return _c('tr',{key:i,staticClass:\"cursor-style\"},[_c('td',[_vm._v(_vm._s(withdrawal.owner))]),_c('td',[_vm._v(_vm._s(withdrawal.total_weight))]),_c('td',[_vm._v(_vm._s(withdrawal.total_item))]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(withdrawal.withdrawal_detail.pickup_time))+\" \")]),_c('td',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '001'),expression:\"withdrawal.status == '001'\"}],staticClass:\"status-withdrawal request\"},[_vm._v(\"Waiting for KMI Admin Approval\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '002'),expression:\"withdrawal.status == '002'\"}],staticClass:\"status-withdrawal kbi\"},[_vm._v(\"Waiting for KBI Admin Approval\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '003'),expression:\"withdrawal.status == '003'\"}],staticClass:\"status-withdrawal abx\"},[_vm._v(\"Waiting for Upload Recipient Identity\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '004'),expression:\"withdrawal.status == '004'\"}],staticClass:\"status-withdrawal handover\"},[_vm._v(\"Waiting for Withdraw\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '005'),expression:\"withdrawal.status == '005'\"}],staticClass:\"status-withdrawal operator\"},[_vm._v(\"Waiting for Operator Confirmation\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '006'),expression:\"withdrawal.status == '006'\"}],staticClass:\"status-withdrawal kbi\"},[_vm._v(\"Withdrawal Success\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '008'),expression:\"withdrawal.status == '008'\"}],staticClass:\"status-withdrawal abx\"},[_vm._v(\"Reject by KMI Admin\")])]),_c('td',[_c('img',{staticClass:\"close-icon\",attrs:{\"src\":require(\"@/assets/dot-vertical.svg\")},on:{\"click\":function($event){return _vm.togglePopover(withdrawal._id)}}}),_c('div',{staticClass:\"popover\"},[(_vm.showPopover === withdrawal._id)?_c('div',{staticClass:\"popover-content\"},[_c('router-link',{attrs:{\"to\":'/detail-request-withdraw-off-exchange/' + withdrawal._id}},[_c('button',{on:{\"click\":function($event){return _vm.showDetails(withdrawal._id)}}},[_vm._v(\" Detail Request \")])])],1):_vm._e()])])])}),0)]),_c('div',{staticClass:\"content d-flex justify-content-end mt-3\"},[_c('b-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getTotalData > 10),expression:\"getTotalData > 10\"}],attrs:{\"total-rows\":_vm.getTotalData,\"per-page\":_vm.dataFilter.perPage,\"aria-controls\":\"new-table\",\"first-number\":\"\",\"last-number\":\"\"},on:{\"change\":_vm.handlePageChange},model:{value:(_vm.dataFilter.currentPage),callback:function ($$v) {_vm.$set(_vm.dataFilter, \"currentPage\", $$v)},expression:\"dataFilter.currentPage\"}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"Client\")]),_c('th',[_vm._v(\"Weight (gr)\")]),_c('th',[_vm._v(\"Quantity of Pieces\")]),_c('th',[_vm._v(\"Withdrawal Date\")]),_c('th',[_vm._v(\"Status\")]),_c('th',[_vm._v(\"Act\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content\">\n    <div class=\"black-button-container\">\n      <div\n        v-if=\"this.accessurl == 'operator_gudang'\"\n        class=\"container-filter-checkin\"\n      >\n        <div class=\"margin-top-container\"></div>\n        <div class=\"title-input-container\">\n          <span class=\"text-title title-input\">Search by Client</span>\n          <div class=\"container-filter\">\n            <button\n              class=\"black-button2\"\n              @click=\"onCickFilterDetail(filterIsActive)\"\n            >\n              Filter By\n            </button>\n            <input\n              type=\"text\"\n              v-model=\"dataFilter.client\"\n              placeholder=\"Client\"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"title-input-container\" v-else>\n        <span class=\"text-title title-input\">Search by Client</span>\n        <div class=\"container-filter\">\n          <button\n            class=\"black-button2\"\n            @click=\"onCickFilterDetail(filterIsActive)\"\n          >\n            Filter By\n          </button>\n          <input type=\"text\" v-model=\"dataFilter.client\" placeholder=\"Client\" />\n        </div>\n      </div>\n      <div v-show=\"filterIsActive == true\" class=\"filter-detail-contain\">\n        <div>\n          <span class=\"text-title\">Total Denom</span>\n          <select v-model=\"dataFilter.denom\">\n            <option selected value=\"\">Range Denom</option>\n            <option value=\"1-501\">&lt; 501</option>\n            <option value=\"501-1000\">501-1.000</option>\n            <option value=\"1001-2000\">1.001-2.000</option>\n            <option value=\"2001-5000\">2.001-5.000</option>\n            <option value=\"5001-10000\">5.001-10.000</option>\n            <option value=\"20000-500000\">&gt; 20.000</option>\n          </select>\n        </div>\n        <div>\n          <span class=\"text-title\">Quantity of Pieces</span>\n          <input type=\"text\" v-model=\"dataFilter.pieces\" placeholder=\"Pieces\" />\n        </div>\n        <div>\n          <span class=\"text-title\">Withdrawal Date</span>\n          <input type=\"date\" v-model=\"dataFilter.startDate\" />\n        </div>\n        <div>\n          <span class=\"text-title\">Status</span>\n          <select v-model=\"dataFilter.status\">\n            <option selected value=\"\">Status</option>\n            <option value=\"006\">Withdrawal Success</option>\n            <option value=\"008\">Reject by KMI Admin</option>\n          </select>\n        </div>\n      </div>\n      <div v-show=\"filterIsActive == true\" class=\"filter-detail-contain\">\n        <div></div>\n        <div class=\"margin-bottom-container\">\n          <button class=\"black-button2\" @click=\"onChangeFilter\">Apply</button>\n          <button class=\"grey-button2\" @click=\"onChangeFilterReset\">\n            Reset\n          </button>\n        </div>\n      </div>\n    </div>\n    <table class=\"table\">\n      <thead>\n        <tr>\n          <th>Client</th>\n          <th>Weight (gr)</th>\n          <th>Quantity of Pieces</th>\n          <th>Withdrawal Date</th>\n          <th>Status</th>\n          <th>Act</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          v-for=\"(withdrawal, i) in getWithdrawData\"\n          :key=\"i\"\n          class=\"cursor-style\"\n        >\n          <td>{{ withdrawal.owner }}</td>\n          <td>{{ withdrawal.total_weight }}</td>\n          <td>{{ withdrawal.total_item }}</td>\n          <td>\n            {{ withdrawal.withdrawal_detail.pickup_time | formatDate }}\n          </td>\n          <td>\n            <span\n              v-show=\"withdrawal.status == '001'\"\n              class=\"status-withdrawal request\"\n              >Waiting for KMI Admin Approval</span\n            >\n            <span\n              v-show=\"withdrawal.status == '002'\"\n              class=\"status-withdrawal kbi\"\n              >Waiting for KBI Admin Approval</span\n            >\n            <span\n              v-show=\"withdrawal.status == '003'\"\n              class=\"status-withdrawal abx\"\n              >Waiting for Upload Recipient Identity</span\n            >\n            <span\n              v-show=\"withdrawal.status == '004'\"\n              class=\"status-withdrawal handover\"\n              >Waiting for Withdraw</span\n            >\n            <span\n              v-show=\"withdrawal.status == '005'\"\n              class=\"status-withdrawal operator\"\n              >Waiting for Operator Confirmation</span\n            >\n            <span\n              v-show=\"withdrawal.status == '006'\"\n              class=\"status-withdrawal kbi\"\n              >Withdrawal Success</span\n            >\n            <span\n              v-show=\"withdrawal.status == '008'\"\n              class=\"status-withdrawal abx\"\n              >Reject by KMI Admin</span\n            >\n            <!-- <span\n              v-show=\"withdrawal.status == '008'\"\n              class=\"status-withdrawal handover\"\n              >Client Withdrawal</span\n            > -->\n          </td>\n          <td>\n            <img\n              class=\"close-icon\"\n              src=\"@/assets/dot-vertical.svg\"\n              @click=\"togglePopover(withdrawal._id)\"\n            />\n            <div class=\"popover\">\n              <div\n                v-if=\"showPopover === withdrawal._id\"\n                class=\"popover-content\"\n              >\n                <router-link\n                  :to=\"\n                    '/detail-request-withdraw-off-exchange/' + withdrawal._id\n                  \"\n                >\n                  <button @click=\"showDetails(withdrawal._id)\">\n                    Detail Request\n                  </button>\n                </router-link>\n                <!-- <button @click=\"deleteItem(item)\">Delete Request</button> -->\n              </div>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div class=\"content d-flex justify-content-end mt-3\">\n      <b-pagination\n        v-model=\"dataFilter.currentPage\"\n        :total-rows=\"getTotalData\"\n        :per-page=\"dataFilter.perPage\"\n        @change=\"handlePageChange\"\n        aria-controls=\"new-table\"\n        first-number\n        last-number\n        v-show=\"getTotalData > 10\"\n      ></b-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      typeWithdraw: \"offexchange\",\n      badgeValue: 7,\n      filterIsActive: false,\n      showPopover: \"\",\n      accessurl: \"\",\n      dataFilter: {\n        client: \"\",\n        startDate: \"\",\n        endDate: \"\",\n        status: \"\",\n        limit: \"\",\n        denom: \"\",\n        pieces: \"\",\n        currentPage: \"1\",\n        perPage: 10,\n      },\n    };\n  },\n  mounted() {\n    this.getData(\n      this.dataFilter.client,\n      this.dataFilter.startDate,\n      this.dataFilter.endDate,\n      [\"006\", \"008\"],\n      this.dataFilter.perPage,\n      this.dataFilter.denom,\n      this.dataFilter.pieces,\n      this.dataFilter.currentPage,\n      this.dataFilter.perPage\n    );\n    this.accessurl = sessionStorage.getItem(\"username\");\n  },\n  methods: {\n    togglePopover(id) {\n      if (this.showPopover === id) {\n        this.showPopover = null;\n      } else {\n        this.showPopover = id;\n      }\n    },\n    getData(\n      client,\n      startDate,\n      endDate,\n      status,\n      limit,\n      denom,\n      pieces,\n      currentPage,\n      perPage\n    ) {\n      this.$store.dispatch(\"getWithdrawOffExc\", {\n        client: client,\n        startDate: startDate,\n        endDate: startDate,\n        status: status,\n        limit: limit,\n        denom: denom,\n        pieces: pieces,\n        currentPage: currentPage,\n        perPage: perPage,\n      });\n    },\n    handlePageChange(value) {\n      this.currentPage = value;\n      this.getData(\n        this.dataFilter.client,\n        this.dataFilter.startDate,\n        this.dataFilter.endDate,\n        this.dataFilter.status,\n        this.dataFilter.perPage,\n        this.dataFilter.denom,\n        this.dataFilter.pieces,\n        this.dataFilter.currentPage,\n        this.dataFilter.perPage\n      );\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n    onCickFilterDetail(value) {\n      this.filterIsActive = !value;\n    },\n    showFaceRecognition() {\n      this.$emit(\"show-face-recognition\");\n    },\n    onChangeFilter() {\n      if (\n        this.dataFilter.client == \"\" &&\n        this.dataFilter.startDate == \"\" &&\n        this.dataFilter.endDate == \"\" &&\n        this.dataFilter.status == \"\" &&\n        this.dataFilter.limit == \"\" &&\n        this.dataFilter.denom == \"\" &&\n        this.dataFilter.pieces == \"\"\n      ) {\n        this.dataFilter = {\n          client: \"\",\n          startDate: \"\",\n          endDate: \"\",\n          status: [\"006\", \"008\"],\n          limit: 0,\n          denom: \"\",\n          pieces: \"\",\n        };\n      } else {\n        this.$emit(\"setDataFilter\", this.dataFilter);\n      }\n    },\n    onChangeFilterReset() {\n      (this.dataFilter = {\n        client: \"\",\n        startDate: \"\",\n        endDate: \"\",\n        status: [\"006\", \"008\"],\n        limit: 0,\n        denom: \"\",\n        pieces: \"\",\n      }),\n        this.$emit(\"setDataFilter\", this.dataFilter);\n    },\n    showDetails(id) {\n      this.$router.push(\"/detail-request-withdraw-off-exchange/\" + id);\n    },\n  },\n  computed: {\n    getWithdrawData() {\n      return this.$store.state.vaultModul.withdrawDataOffExc;\n    },\n    getTotalData() {\n      return this.$store.state.vaultModul.totalData;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.title-page {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 40px;\n}\n.nav-tab {\n  font-size: 15px;\n  font-weight: 600;\n  margin-bottom: 2rem;\n  color: #636366;\n  padding: 1rem 0;\n  justify-self: flex-start;\n}\n\n.tab {\n  padding: 0.8rem 1rem;\n  cursor: pointer;\n}\n\n.tab:hover,\n.activeTab {\n  color: var(--scondary-color);\n  border-bottom: 2px solid var(--scondary-color);\n}\n\n.img-margin {\n  margin-left: 2em;\n}\n\n.badge-container {\n  display: inline-block;\n  position: relative;\n}\n\n.badge {\n  background-color: #0a0a0a;\n  color: #fff;\n  font-size: 11px;\n  padding: 4px 7px;\n  border-radius: 100%;\n}\n\n.black-line {\n  width: 100%;\n  height: 2px;\n  background-color: black;\n}\n\n.black-button-container {\n  width: 100%;\n  cursor: pointer;\n}\n\n.black-button {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n}\n\n.black-button2 {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n  text-align: end;\n}\n\n.grey-button2 {\n  background-color: rgb(230, 227, 227);\n  color: rgb(0, 0, 0);\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n  text-align: end;\n  margin-left: 10px;\n  margin-right: 18px;\n}\n\n.container-filter {\n  width: 100%;\n  flex: 1;\n  text-align: end;\n}\n\n.container-filter-checkin {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n}\n\nselect,\ninput {\n  padding: 8px;\n  border: 1.5px solid #ccc;\n  border-radius: 7px;\n  box-sizing: border-box;\n  margin-top: 5px;\n  margin: 15px;\n  width: 19.5em;\n  height: 45px;\n  padding: 10px;\n}\n\n.filter-detail-contain {\n  display: flex;\n  justify-content: space-between;\n}\n\n.popover {\n  position: relative;\n  display: inline-block;\n}\n\n.close-icon {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.popover {\n  position: relative;\n  display: inline-block;\n}\n\n.close-icon {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.popover-content {\n  position: absolute;\n  top: 30px;\n  right: 0;\n  width: 18em;\n  background-color: #fff;\n  border: 1.5px solid #a3a3a3;\n  border-radius: 5px;\n  padding: 5px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 1;\n}\n\n.popover-content button {\n  display: block;\n  width: 100%;\n  padding: 5px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: left;\n}\n\n.popover-content button:hover {\n  background-color: #eee;\n}\n.wrap-pagination {\n  display: flex;\n  justify-content: space-between;\n}\n\n.wrap-title {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n\n.black-line {\n  width: 100%;\n  height: 2px; /* Panjang garis */\n  background-color: black; /* Warna hitam */\n}\n\n.no-background {\n  background-color: white;\n}\n\n.wrap-dashboard {\n  display: flex;\n  gap: 2rem;\n}\n\n.wrap-dashboard .card {\n  flex: 1;\n  height: 9rem;\n  position: relative;\n  padding-top: 1.5rem;\n}\n\n.wrap-dashboard .card::before {\n  content: \"\";\n  width: 100%;\n  position: absolute;\n  background-color: rebeccapurple;\n  height: 0.75rem;\n  top: 0;\n  left: 0;\n  border-radius: 0.5rem 0.5rem 0 0;\n}\n.wrap-dashboard .card:last-child:before {\n  background-color: rosybrown;\n}\n\n.total {\n  font-size: 3rem;\n  font-weight: bold;\n  line-height: 2;\n}\n\n.container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 20vh;\n}\n\n.black-button {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n}\n\n.black-button:hover {\n  background-color: #7c7878;\n}\n\n.flex-container {\n  display: flex;\n}\n\n.rounded-box {\n  width: 100%;\n  display: inline-block;\n  border: 2px solid #e7e6e6;\n  border-radius: 10px;\n  padding: 10px;\n  margin-top: 20px;\n}\n\n.rounded-box-2 {\n  display: inline-block;\n  border: 2px solid #e7e6e6;\n  border-radius: 10px;\n  padding: 10px;\n  margin-top: 20px;\n  width: 49%;\n}\n.container-2 {\n  margin-left: 1rem;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 2rem;\n}\n\n.total-weight,\n.fixed-weight {\n  margin-bottom: 20px;\n  text-align: start;\n}\n\n.label {\n  font-size: 0.9em;\n  font-weight: 200;\n}\n\n.value {\n  font-size: 1em;\n  font-weight: bold;\n}\n\n.value-2 {\n  font-size: 1em;\n  color: #0f53ff;\n  cursor: pointer;\n}\n\n.container-box {\n  gap: 2rem;\n}\n\n.content-modal-add-metal {\n  text-align: left;\n}\n\n.close-icon {\n  cursor: pointer;\n}\n\n.popover {\n  position: relative;\n  display: inline-block;\n}\n\n.close-icon {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.popover-content {\n  position: absolute;\n  top: 30px;\n  right: 0;\n  width: 18em;\n  background-color: #fff;\n  border: 1.5px solid #575555;\n  border-radius: 5px;\n  padding: 5px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 1;\n}\n\n.popover-content button {\n  display: block;\n  width: 100%;\n  padding: 5px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: left;\n}\n\n.popover-content button:hover {\n  background-color: #eee;\n}\n\n.left-button {\n  text-align: start;\n}\n\n.button-container {\n  justify-content: space-between;\n}\n\n.margin-top-container {\n  margin-top: 18px;\n}\n\n.cursor-style {\n  cursor: pointer;\n}\n\n.margin-bottom-container {\n  margin-bottom: 18px;\n}\n\n.text-title {\n  margin-left: 20px;\n  font-weight: 500;\n}\n.title-input-container {\n  text-align: end;\n}\n.title-input {\n  padding-right: 13em;\n}\n</style>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListHistoryWithdrawOffExchange.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListHistoryWithdrawOffExchange.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListHistoryWithdrawOffExchange.vue?vue&type=template&id=171368e6&scoped=true&\"\nimport script from \"./ListHistoryWithdrawOffExchange.vue?vue&type=script&lang=js&\"\nexport * from \"./ListHistoryWithdrawOffExchange.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ListHistoryWithdrawOffExchange.vue?vue&type=style&index=0&id=171368e6&scoped=true&lang=css&\"\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  \"171368e6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"black-button-container\"},[(this.accessurl == 'operator_gudang')?_c('div',{staticClass:\"container-filter-checkin\"},[_c('div',{staticClass:\"margin-top-container\"},[_c('router-link',{attrs:{\"to\":\"/recognitionTemp\"}},[_c('button',{staticClass:\"black-button2\",on:{\"click\":_vm.showFaceRecognition}},[_vm._v(\" Check In Recipient \")])])],1),_c('div',{staticClass:\"title-input-container\"},[_c('span',{staticClass:\"text-title title-input\"},[_vm._v(\"Search by Client\")]),_c('div',{staticClass:\"container-filter\"},[_c('button',{staticClass:\"black-button2\",on:{\"click\":function($event){return _vm.onCickFilterDetail(_vm.filterIsActive)}}},[_vm._v(\" Filter By \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.client),expression:\"dataFilter.client\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Client\"},domProps:{\"value\":(_vm.dataFilter.client)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"client\", $event.target.value)}}})])])]):_c('div',{staticClass:\"title-input-container\"},[_c('span',{staticClass:\"text-title title-input\"},[_vm._v(\"Search by Client\")]),_c('div',{staticClass:\"container-filter\"},[_c('button',{staticClass:\"black-button2\",on:{\"click\":function($event){return _vm.onCickFilterDetail(_vm.filterIsActive)}}},[_vm._v(\" Filter By \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.client),expression:\"dataFilter.client\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Client\"},domProps:{\"value\":(_vm.dataFilter.client)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"client\", $event.target.value)}}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filterIsActive == true),expression:\"filterIsActive == true\"}],staticClass:\"filter-detail-contain\"},[_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Weight\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.denom),expression:\"dataFilter.denom\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.dataFilter, \"denom\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"selected\":\"\",\"value\":\"\"}},[_vm._v(\"Range Denom\")]),_c('option',{attrs:{\"value\":\"1-501\"}},[_vm._v(\"< 501\")]),_c('option',{attrs:{\"value\":\"501-1000\"}},[_vm._v(\"501-1.000\")]),_c('option',{attrs:{\"value\":\"1001-2000\"}},[_vm._v(\"1.001-2.000\")]),_c('option',{attrs:{\"value\":\"2001-5000\"}},[_vm._v(\"2.001-5.000\")]),_c('option',{attrs:{\"value\":\"5001-10000\"}},[_vm._v(\"5.001-10.000\")]),_c('option',{attrs:{\"value\":\"20000-50000\"}},[_vm._v(\"> 20.000\")])])]),_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Quantity of Pieces\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.pieces),expression:\"dataFilter.pieces\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Pieces\"},domProps:{\"value\":(_vm.dataFilter.pieces)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"pieces\", $event.target.value)}}})]),_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Withdrawal Date\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.startDate),expression:\"dataFilter.startDate\"}],attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.dataFilter.startDate)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dataFilter, \"startDate\", $event.target.value)}}})]),_c('div',[_c('span',{staticClass:\"text-title\"},[_vm._v(\"Status\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataFilter.status),expression:\"dataFilter.status\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.dataFilter, \"status\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"selected\":\"\",\"value\":\"\"}},[_vm._v(\"Status\")]),_c('option',{attrs:{\"value\":\"001\"}},[_vm._v(\"Waiting for KMI Admin Approval\")]),_c('option',{attrs:{\"value\":\"002\"}},[_vm._v(\"Waiting for KBI Admin Approval\")]),_c('option',{attrs:{\"value\":\"003\"}},[_vm._v(\"Waiting for Upload Recipient Identity\")]),_c('option',{attrs:{\"value\":\"004\"}},[_vm._v(\"Waiting for Withdraw\")]),_c('option',{attrs:{\"value\":\"005\"}},[_vm._v(\"Waiting for Operator Confirmation\")]),_c('option',{attrs:{\"value\":\"007\"}},[_vm._v(\"Waiting for Metal Changes\")])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filterIsActive == true),expression:\"filterIsActive == true\"}],staticClass:\"filter-detail-contain\"},[_c('div'),_c('div',{staticClass:\"margin-bottom-container\"},[_c('button',{staticClass:\"black-button2\",on:{\"click\":_vm.onChangeFilter}},[_vm._v(\"Apply\")]),_c('button',{staticClass:\"grey-button2\",on:{\"click\":_vm.onChangeFilterReset}},[_vm._v(\" Reset \")])])])]),_c('table',{staticClass:\"table\"},[_vm._m(0),_c('tbody',_vm._l((_vm.getWithdrawData),function(withdrawal,i){return _c('tr',{key:i,staticClass:\"cursor-style\"},[_c('td',[_vm._v(_vm._s(withdrawal.owner))]),_c('td',[_vm._v(_vm._s(withdrawal.total_weight))]),_c('td',[_vm._v(_vm._s(withdrawal.total_item))]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(withdrawal.withdrawal_detail.pickup_time))+\" \")]),_c('td',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '001'),expression:\"withdrawal.status == '001'\"}],staticClass:\"status-withdrawal request\"},[_vm._v(\"Waiting for KMI Admin Approval\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '002'),expression:\"withdrawal.status == '002'\"}],staticClass:\"status-withdrawal kbi\"},[_vm._v(\"Waiting for KBI Admin Approval\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '003'),expression:\"withdrawal.status == '003'\"}],staticClass:\"status-withdrawal abx\"},[_vm._v(\"Waiting for Upload Recipient Identity\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '004'),expression:\"withdrawal.status == '004'\"}],staticClass:\"status-withdrawal handover\"},[_vm._v(\"Waiting for Withdraw\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '005'),expression:\"withdrawal.status == '005'\"}],staticClass:\"status-withdrawal operator\"},[_vm._v(\"Waiting for Operator Confirmation\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '006'),expression:\"withdrawal.status == '006'\"}],staticClass:\"status-withdrawal kbi\"},[_vm._v(\"Withdrawal Success\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(withdrawal.status == '007'),expression:\"withdrawal.status == '007'\"}],staticClass:\"status-withdrawal abx\"},[_vm._v(\"Waiting for Metal Changes\")])]),_c('td',[_c('img',{staticClass:\"close-icon\",attrs:{\"src\":require(\"@/assets/dot-vertical.svg\")},on:{\"click\":function($event){return _vm.togglePopover(withdrawal._id)}}}),_c('div',{staticClass:\"popover\"},[(_vm.showPopover === withdrawal._id)?_c('div',{staticClass:\"popover-content\"},[_c('router-link',{attrs:{\"to\":'/detail-request-withdraw-off-exchange/' + withdrawal._id}},[_c('button',{on:{\"click\":function($event){return _vm.showDetails(withdrawal._id)}}},[_vm._v(\" Detail Request \")])])],1):_vm._e()])])])}),0)]),_c('div',{staticClass:\"content d-flex justify-content-end mt-3\"},[_c('b-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getTotalData > 10),expression:\"getTotalData > 10\"}],attrs:{\"total-rows\":_vm.getTotalData,\"per-page\":_vm.dataFilter.perPage,\"aria-controls\":\"new-table\",\"first-number\":\"\",\"last-number\":\"\"},on:{\"change\":_vm.handlePageChange},model:{value:(_vm.dataFilter.currentPage),callback:function ($$v) {_vm.$set(_vm.dataFilter, \"currentPage\", $$v)},expression:\"dataFilter.currentPage\"}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"Client\")]),_c('th',[_vm._v(\"Weight (gr)\")]),_c('th',[_vm._v(\"Quantity of Pieces\")]),_c('th',[_vm._v(\"Withdrawal Date\")]),_c('th',[_vm._v(\"Status\")]),_c('th',[_vm._v(\"Act\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content\">\n    <div class=\"black-button-container\">\n      <div\n        v-if=\"this.accessurl == 'operator_gudang'\"\n        class=\"container-filter-checkin\"\n      >\n        <div class=\"margin-top-container\">\n          <router-link to=\"/recognitionTemp\">\n            <button class=\"black-button2\" @click=\"showFaceRecognition\">\n              Check In Recipient\n            </button>\n          </router-link>\n        </div>\n        <div class=\"title-input-container\">\n        <span class=\"text-title title-input\">Search by Client</span>\n        <div class=\"container-filter\">\n          <button\n            class=\"black-button2\"\n            @click=\"onCickFilterDetail(filterIsActive)\"\n          >\n            Filter By\n          </button>\n          <input type=\"text\" v-model=\"dataFilter.client\" placeholder=\"Client\" />\n        </div>\n      </div>\n      </div>\n\n      <div class=\"title-input-container\" v-else>\n        <span class=\"text-title title-input\">Search by Client</span>\n        <div class=\"container-filter\">\n          <button\n            class=\"black-button2\"\n            @click=\"onCickFilterDetail(filterIsActive)\"\n          >\n            Filter By\n          </button>\n          <input type=\"text\" v-model=\"dataFilter.client\" placeholder=\"Client\" />\n        </div>\n      </div>\n\n      <div v-show=\"filterIsActive == true\" class=\"filter-detail-contain\">\n        <div>\n        <span class=\"text-title\">Weight</span>\n        <select v-model=\"dataFilter.denom\">\n          <option selected value=\"\">Range Denom</option>\n          <option value=\"1-501\">&lt; 501</option>\n          <option value=\"501-1000\">501-1.000</option>\n          <option value=\"1001-2000\">1.001-2.000</option>\n          <option value=\"2001-5000\">2.001-5.000</option>\n          <option value=\"5001-10000\">5.001-10.000</option>\n          <option value=\"20000-50000\">&gt; 20.000</option>\n        </select>\n        </div>\n        <div>\n        <span class=\"text-title\">Quantity of Pieces</span>\n        <input type=\"text\" v-model=\"dataFilter.pieces\" placeholder=\"Pieces\" />\n        </div>\n        <div>\n        <span class=\"text-title\">Withdrawal Date</span>\n        <input type=\"date\" v-model=\"dataFilter.startDate\" />\n        </div>\n        <div>\n        <span class=\"text-title\">Status</span>\n        <select v-model=\"dataFilter.status\">\n          <option selected value=\"\">Status</option>\n          <option value=\"001\">Waiting for KMI Admin Approval</option>\n          <option value=\"002\">Waiting for KBI Admin Approval</option>\n          <option value=\"003\">Waiting for Upload Recipient Identity</option>\n          <option value=\"004\">Waiting for Withdraw</option>\n          <option value=\"005\">Waiting for Operator Confirmation</option>\n          <option value=\"007\">Waiting for Metal Changes</option>\n        </select>\n        </div>\n      </div>\n      <div v-show=\"filterIsActive == true\" class=\"filter-detail-contain\">\n        <div></div>\n        <div class=\"margin-bottom-container\">\n          <button class=\"black-button2\" @click=\"onChangeFilter\">Apply</button>\n          <button class=\"grey-button2\" @click=\"onChangeFilterReset\">\n            Reset\n          </button>\n        </div>\n      </div>\n    </div>\n    <table class=\"table\">\n      <thead>\n        <tr>\n          <th>Client</th>\n          <th>Weight (gr)</th>\n          <th>Quantity of Pieces</th>\n          <th>Withdrawal Date</th>\n          <th>Status</th>\n          <th>Act</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          v-for=\"(withdrawal, i) in getWithdrawData\"\n          :key=\"i\"\n          class=\"cursor-style\"\n        >\n          <td>{{ withdrawal.owner }}</td>\n          <td>{{ withdrawal.total_weight }}</td>\n          <td>{{ withdrawal.total_item }}</td>\n          <td>\n            {{ withdrawal.withdrawal_detail.pickup_time | formatDate }}\n          </td>\n          <td>\n            <span\n              v-show=\"withdrawal.status == '001'\"\n              class=\"status-withdrawal request\"\n              >Waiting for KMI Admin Approval</span\n            >\n            <span\n              v-show=\"withdrawal.status == '002'\"\n              class=\"status-withdrawal kbi\"\n              >Waiting for KBI Admin Approval</span\n            >\n            <span\n              v-show=\"withdrawal.status == '003'\"\n              class=\"status-withdrawal abx\"\n              >Waiting for Upload Recipient Identity</span\n            >\n            <span\n              v-show=\"withdrawal.status == '004'\"\n              class=\"status-withdrawal handover\"\n              >Waiting for Withdraw</span\n            >\n            <span\n              v-show=\"withdrawal.status == '005'\"\n              class=\"status-withdrawal operator\"\n              >Waiting for Operator Confirmation</span\n            >\n            <span\n              v-show=\"withdrawal.status == '006'\"\n              class=\"status-withdrawal kbi\"\n              >Withdrawal Success</span\n            >\n            <span\n              v-show=\"withdrawal.status == '007'\"\n              class=\"status-withdrawal abx\"\n              >Waiting for Metal Changes</span\n            >\n            <!-- <span\n              v-show=\"withdrawal.status == '008'\"\n              class=\"status-withdrawal handover\"\n              >Client Withdrawal</span\n            > -->\n          </td>\n          <td>\n            <img\n              class=\"close-icon\"\n              src=\"@/assets/dot-vertical.svg\"\n              @click=\"togglePopover(withdrawal._id)\"\n            />\n            <div class=\"popover\">\n              <div\n                v-if=\"showPopover === withdrawal._id\"\n                class=\"popover-content\"\n              >\n                <router-link\n                  :to=\"\n                    '/detail-request-withdraw-off-exchange/' + withdrawal._id\n                  \"\n                >\n                  <button @click=\"showDetails(withdrawal._id)\">\n                    Detail Request\n                  </button>\n                </router-link>\n                <!-- <button @click=\"deleteItem(item)\">Delete Request</button> -->\n              </div>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div class=\"content d-flex justify-content-end mt-3\">\n      <b-pagination\n        v-model=\"dataFilter.currentPage\"\n        :total-rows=\"getTotalData\"\n        :per-page=\"dataFilter.perPage\"\n        @change=\"handlePageChange\"\n        aria-controls=\"new-table\"\n        first-number\n        last-number\n        v-show=\"getTotalData > 10\"\n      ></b-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      typeWithdraw: \"offexchange\",\n      badgeValue: 7,\n      filterIsActive: false,\n      showPopover: \"\",\n      accessurl: \"\",\n      dataFilter: {\n        client: \"\",\n        startDate: \"\",\n        endDate: \"\",\n        status: \"\",\n        limit: \"\",\n        denom: \"\",\n        pieces: \"\",\n        currentPage: \"1\",\n        perPage: 10,\n      },\n    };\n  },\n  mounted() {\n    this.getData(\n      this.dataFilter.client,\n      this.dataFilter.startDate,\n      this.dataFilter.endDate,\n      [\"001\", \"002\", \"003\", \"004\", \"005\", \"007\"],\n      this.dataFilter.perPage,\n      this.dataFilter.denom,\n      this.dataFilter.pieces,\n      this.dataFilter.currentPage,\n      this.dataFilter.perPage\n    );\n    this.accessurl = sessionStorage.getItem(\"username\");\n  },\n  methods: {\n    togglePopover(id) {\n      if (this.showPopover === id) {\n        this.showPopover = null;\n      } else {\n        this.showPopover = id;\n      }\n    },\n    getData(\n      client,\n      startDate,\n      endDate,\n      status,\n      limit,\n      denom,\n      pieces,\n      currentPage,\n      perPage\n    ) {\n      this.$store.dispatch(\"getWithdrawOffExc\", {\n        client: client,\n        startDate: startDate,\n        endDate: endDate,\n        status: status,\n        limit: limit,\n        denom: denom,\n        pieces: pieces,\n        currentPage: currentPage,\n        perPage: perPage,\n      });\n    },\n    handlePageChange(value) {\n      this.currentPage = value;\n      this.getData(\n        this.dataFilter.client,\n        this.dataFilter.startDate,\n        this.dataFilter.endDate,\n        this.dataFilter.status,\n        this.dataFilter.perPage,\n        this.dataFilter.denom,\n        this.dataFilter.pieces,\n        this.dataFilter.currentPage,\n        this.dataFilter.perPage\n      );\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n    onCickFilterDetail(value) {\n      this.filterIsActive = !value;\n    },\n    showFaceRecognition() {\n      this.$emit(\"show-face-recognition\");\n    },\n    onChangeFilter() {\n      if (\n        this.dataFilter.client == \"\" &&\n        this.dataFilter.startDate == \"\" &&\n        this.dataFilter.endDate == \"\" &&\n        this.dataFilter.status == \"\" &&\n        this.dataFilter.limit == \"\" &&\n        this.dataFilter.denom == \"\" &&\n        this.dataFilter.pieces == \"\"\n      ) {\n        this.dataFilter = {\n          client: \"\",\n          startDate: \"\",\n          endDate: \"\",\n          status: [\"001\", \"002\", \"003\", \"004\", \"005\"],\n          limit: 0,\n          denom: \"\",\n          pieces: \"\",\n        };\n      } else {\n        this.$emit(\"setDataFilter\", this.dataFilter);\n      }\n    },\n    onChangeFilterReset() {\n      (this.dataFilter = {\n        client: \"\",\n        startDate: \"\",\n        endDate: \"\",\n        status: [\"001\", \"002\", \"003\", \"004\", \"005\"],\n        limit: 0,\n        denom: \"\",\n        pieces: \"\",\n      }),\n        this.$emit(\"setDataFilter\", this.dataFilter);\n    },\n    showDetails(id) {\n      this.$router.push(\"/detail-request-withdraw-off-exchange/\" + id);\n    },\n  },\n  computed: {\n    getWithdrawData() {\n      return this.$store.state.vaultModul.withdrawDataOffExc;\n    },\n    getTotalData() {\n      return this.$store.state.vaultModul.totalData;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.title-page {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 40px;\n}\n.nav-tab {\n  font-size: 15px;\n  font-weight: 600;\n  margin-bottom: 2rem;\n  color: #636366;\n  padding: 1rem 0;\n  justify-self: flex-start;\n}\n\n.tab {\n  padding: 0.8rem 1rem;\n  cursor: pointer;\n}\n\n.tab:hover,\n.activeTab {\n  color: var(--scondary-color);\n  border-bottom: 2px solid var(--scondary-color);\n}\n\n.img-margin {\n  margin-left: 2em;\n}\n\n.badge-container {\n  display: inline-block;\n  position: relative;\n}\n\n.badge {\n  background-color: #0a0a0a;\n  color: #fff;\n  font-size: 11px;\n  padding: 4px 7px;\n  border-radius: 100%;\n}\n\n.black-line {\n  width: 100%;\n  height: 2px;\n  background-color: black;\n}\n\n.black-button-container {\n  width: 100%;\n  cursor: pointer;\n}\n\n.black-button {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n}\n\n.black-button2 {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n  text-align: end;\n}\n\n.grey-button2 {\n  background-color: rgb(230, 227, 227);\n  color: rgb(0, 0, 0);\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n  text-align: end;\n  margin-left: 10px;\n  margin-right: 18px;\n}\n\n.container-filter {\n  width: 100%;\n  flex: 1;\n  text-align: end;\n}\n\n.container-filter-checkin {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n}\n\nselect,\ninput {\n  padding: 8px;\n  border: 1.5px solid #ccc;\n  border-radius: 7px;\n  box-sizing: border-box;\n  margin-top: 5px;\n  margin: 15px;\n  width: 19.5em;\n  height: 45px;\n  padding: 10px;\n}\n\n.filter-detail-contain {\n  display: flex;\n  justify-content: space-between;\n}\n\n.popover {\n  position: relative;\n  display: inline-block;\n}\n\n.close-icon {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.popover {\n  position: relative;\n  display: inline-block;\n}\n\n.close-icon {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.popover-content {\n  position: absolute;\n  top: 30px;\n  right: 0;\n  width: 18em;\n  background-color: #fff;\n  border: 1.5px solid #a3a3a3;\n  border-radius: 5px;\n  padding: 5px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 1;\n}\n\n.popover-content button {\n  display: block;\n  width: 100%;\n  padding: 5px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: left;\n}\n\n.popover-content button:hover {\n  background-color: #eee;\n}\n.wrap-pagination {\n  display: flex;\n  justify-content: space-between;\n}\n\n.wrap-title {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n\n.black-line {\n  width: 100%;\n  height: 2px; /* Panjang garis */\n  background-color: black; /* Warna hitam */\n}\n\n.no-background {\n  background-color: white;\n}\n\n.wrap-dashboard {\n  display: flex;\n  gap: 2rem;\n}\n\n.wrap-dashboard .card {\n  flex: 1;\n  height: 9rem;\n  position: relative;\n  padding-top: 1.5rem;\n}\n\n.wrap-dashboard .card::before {\n  content: \"\";\n  width: 100%;\n  position: absolute;\n  background-color: rebeccapurple;\n  height: 0.75rem;\n  top: 0;\n  left: 0;\n  border-radius: 0.5rem 0.5rem 0 0;\n}\n.wrap-dashboard .card:last-child:before {\n  background-color: rosybrown;\n}\n\n.total {\n  font-size: 3rem;\n  font-weight: bold;\n  line-height: 2;\n}\n\n.container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 20vh;\n}\n\n.black-button {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n}\n\n.black-button:hover {\n  background-color: #7c7878;\n}\n\n.flex-container {\n  display: flex;\n}\n\n.rounded-box {\n  width: 100%;\n  display: inline-block;\n  border: 2px solid #e7e6e6;\n  border-radius: 10px;\n  padding: 10px;\n  margin-top: 20px;\n}\n\n.rounded-box-2 {\n  display: inline-block;\n  border: 2px solid #e7e6e6;\n  border-radius: 10px;\n  padding: 10px;\n  margin-top: 20px;\n  width: 49%;\n}\n.container-2 {\n  margin-left: 1rem;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 2rem;\n}\n\n.total-weight,\n.fixed-weight {\n  margin-bottom: 20px;\n  text-align: start;\n}\n\n.label {\n  font-size: 0.9em;\n  font-weight: 200;\n}\n\n.value {\n  font-size: 1em;\n  font-weight: bold;\n}\n\n.value-2 {\n  font-size: 1em;\n  color: #0f53ff;\n  cursor: pointer;\n}\n\n.container-box {\n  gap: 2rem;\n}\n\n.content-modal-add-metal {\n  text-align: left;\n}\n\n.close-icon {\n  cursor: pointer;\n}\n\n.popover {\n  position: relative;\n  display: inline-block;\n}\n\n.close-icon {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.popover-content {\n  position: absolute;\n  top: 30px;\n  right: 0;\n  width: 18em;\n  background-color: #fff;\n  border: 1.5px solid #575555;\n  border-radius: 5px;\n  padding: 5px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 1;\n}\n\n.popover-content button {\n  display: block;\n  width: 100%;\n  padding: 5px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: left;\n}\n\n.popover-content button:hover {\n  background-color: #eee;\n}\n\n.left-button {\n  text-align: start;\n}\n\n.button-container {\n  justify-content: space-between;\n}\n\n.margin-top-container {\n  margin-top: 18px;\n}\n\n.cursor-style {\n  cursor: pointer;\n}\n\n.margin-bottom-container {\n  margin-bottom: 18px;\n}\n\n.text-title {\n  margin-left: 20px;\n  font-weight: 500;\n}\n\n.search-container {\n  display: flex;\n  flex-direction: column; \n}\n\n.title-input-container {\n  text-align: end;\n}\n.title-input {\n  padding-right: 13em;\n}\n</style>\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RequestListWithdrawOffExchange.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RequestListWithdrawOffExchange.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RequestListWithdrawOffExchange.vue?vue&type=template&id=3d7c5e15&scoped=true&\"\nimport script from \"./RequestListWithdrawOffExchange.vue?vue&type=script&lang=js&\"\nexport * from \"./RequestListWithdrawOffExchange.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RequestListWithdrawOffExchange.vue?vue&type=style&index=0&id=3d7c5e15&scoped=true&lang=css&\"\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  \"3d7c5e15\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"wrap-withdraw\">\n    <div class=\"main-content\">\n      <div class=\"wrap-content\">\n        <div class=\"nav-tab\">\n\n          <img\n            class=\"close-icon\"\n            src=\"@/assets/icon_tab.svg\"\n            @click=\"togglePopover(withdraw._id)\"\n          />\n          <span\n            class=\"tab\"\n            :class=\"{ activeTab: typePage === 'request' }\"\n            @click=\"tabOnClick('request')\"\n            >Request List</span\n          >\n          <div class=\"badge-container\">\n            <span class=\"badge\">{{ getTotalDataRequest }}</span>\n          </div>\n\n          <img\n            class=\"img-margin\"\n            src=\"@/assets/icon_tab.svg\"\n            @click=\"togglePopover(withdraw._id)\"\n          />\n          <span\n            class=\"tab\"\n            :class=\"{ activeTab: typePage == 'history' }\"\n            @click=\"tabOnClick('history')\"\n            >History Withdraw</span\n          >\n\n        </div>\n        <div class=\"content\">\n          <div v-if=\"typePage === 'history'\">\n            <list-history-withdraw-off-exchange @setDataFilter=\"filterTable\" />\n          </div>\n          <div v-else>\n            <request-list-withdraw-off-exchange @setDataFilter=\"filterTable\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ListHistoryWithdrawOffExchange from \"./ListHistoryWithdrawOffExchange.vue\";\nimport RequestListWithdrawOffExchange from \"./RequestListWithdrawOffExchange.vue\";\nexport default {\n  components: {\n    ListHistoryWithdrawOffExchange,\n    RequestListWithdrawOffExchange,\n  },\n  data() {\n    return {\n      typeWithdraw: \"offexchange\",\n      currentPage: 1,\n      perPage: 10,\n      client: \"\",\n      startDate: \"\",\n      endDate: \"\",\n      status: \"\",\n      serialNumber: \"\",\n      activity: \"withdrawal\",\n      hallmark: \"\",\n      dateType: \"\",\n      contract_id: \"\",\n      badgeValue: 10,\n      typePage: \"request\",\n    };\n  },\n  mounted() {\n    this.getDataTotalRequest([\"001\", \"002\", \"003\", \"004\", \"005\", \"007\"])\n  },\n  methods: {\n    filterTable(event) {\n      (this.client = event.client),\n        (this.startDate = event.startDate),\n        (this.endDate = event.startDate),\n        (this.status = event.status),\n        (this.denom = event.denom),\n        (this.pieces = event.pieces),\n        this.getData(\n          this.client,\n          this.startDate,\n          this.endDate,\n          this.status,\n          this.denom,\n          this.pieces\n        );\n    },\n\n    tabOnClick(value) {\n      this.typePage = value;\n    },\n    handlePageChange(value) {\n      this.currentPage = value;\n      this.getData(\n        this.client,\n        this.startDate,\n        this.endDate,\n        [\"006\", \"007\"],\n        this.denom,\n        this.pieces\n      );\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n\n    getData(client, startDate, endDate, status, denom, pieces) {\n      this.$store.dispatch(\"getWithdrawOffExc\", {\n        client: client,\n        startDate: startDate,\n        endDate: endDate,\n        status: status,\n        limit: this.perPage,\n        denom: denom,\n        pieces: pieces,\n        currentPage: this.currentPage,\n        perPage: this.perPage,\n      });\n    },\n\n    getDataTotalRequest(status) {\n      this.$store.dispatch(\"getRequestCountWithdrawOffExc\", {\n        status: status,\n      }).then((res) => {\n        this.badgeValue = res.total\n    });\n    },\n  },\n  computed: {\n    getWithdrawData() {\n      return this.$store.state.vaultModul.withdrawData;\n    },\n    getTotalData() {\n      return this.$store.state.vaultModul.totalData;\n    },\n    getTotalDataRequest() {\n      return this.$store.state.vaultModul.dataCountRequest;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.title-page {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 40px;\n}\n.nav-tab {\n  font-size: 15px;\n  font-weight: 600;\n  margin-bottom: 2rem;\n  color: #636366;\n  padding: 1rem 0;\n  justify-self: flex-start;\n}\n\n.tab {\n  padding: 0.8rem 1rem;\n  cursor: pointer;\n}\n\n.tab:hover,\n.activeTab {\n  color: var(--scondary-color);\n  border-bottom: 2px solid var(--scondary-color);\n}\n\n.img-margin {\n  margin-left: 2em;\n}\n\n.badge-container {\n  display: inline-block;\n  position: relative;\n}\n\n.badge {\n  background-color: #0a0a0a;\n  color: #fff;\n  font-size: 10px;\n  padding: 6px 6px;\n  border-radius: 100%;\n}\n</style>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WithdrawOffTemp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WithdrawOffTemp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WithdrawOffTemp.vue?vue&type=template&id=461f70b0&scoped=true&\"\nimport script from \"./WithdrawOffTemp.vue?vue&type=script&lang=js&\"\nexport * from \"./WithdrawOffTemp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WithdrawOffTemp.vue?vue&type=style&index=0&id=461f70b0&scoped=true&lang=css&\"\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  \"461f70b0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WithdrawOffTemp.vue?vue&type=style&index=0&id=461f70b0&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/icon_tab.b2f0af5f.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RequestListWithdrawOffExchange.vue?vue&type=style&index=0&id=3d7c5e15&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListHistoryWithdrawOffExchange.vue?vue&type=style&index=0&id=171368e6&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/dot-vertical.3638e7d1.svg\";"],"sourceRoot":""}