{"version":3,"sources":["webpack:///./src/views/report/withdraw.css?3722","webpack:///./src/views/report/income.vue","webpack:///./src/views/report/income.vue?ac1d"],"names":["initialParams","page","sort","store_id","employee_id","dataSource","ref","loading","queryParams","reactive","stores","filterStores","filterEmployees","filterStoreId","filterEmployeeId","filterType","total","router","useRouter","route","useRoute","columns","title","dataIndex","key","sorter","slots","customRender","tableChange","pag","filters","order","sign","updateParams","field","params","Object","assign","formattedDate","value","date","diff","moment","uint","number","Math","sqrt","pow","locale","format","calendar","typeName","type","storeFilter","e","employeeFilter","typeFilter","getData","apiClient","get","then","data","items","filter","storesList","forEach","store","push","text","name","id","catch","finally","formattedBalance","balance","formatter","Intl","NumberFormat","style","currency","substring","length","onMounted","watch","query","resetFilter","filterOption","input","option","label","toLowerCase","indexOf","getBackground","url","toRefs","__exports__"],"mappings":"gHAAA,W,4TCyGA,IACEA,EAAgB,CACdC,KAAM,EACN,WAAY,GACZC,KAAM,GACNC,SAAU,GACVC,YAAa,IAEfC,EAAaC,iBAAI,IACjBC,EAAUD,kBAAI,GACdE,EAAcC,sBAAS,IAAIT,IAC3BU,EAASJ,iBAAI,IACbK,EAAeL,iBAAI,IACnBM,EAAkBN,iBAAI,IACtBO,EAAgBP,iBAAI,MACpBQ,EAAmBR,iBAAI,MACvBS,EAAaT,iBAAI,MACjBU,EAAQV,iBAAI,GAEd,MAAMW,EAASC,iBACbC,EAAQC,iBACRC,EAAU,CACR,CACEC,MAAO,OACPC,UAAW,WACXC,IAAK,WACLC,QAAQ,EACRC,MAAO,CACLC,aAAc,SAGlB,CACEL,MAAO,YACPC,UAAW,QACXC,IAAK,WACLC,QAAQ,EACRC,MAAO,CACLC,aAAc,UAGlB,CACEL,MAAO,YACPC,UAAW,WACXC,IAAK,cACLE,MAAO,CACLC,aAAc,aAGlB,CACEL,MAAO,QACPC,UAAW,SACXC,IAAK,SACLE,MAAO,CACLC,aAAc,WAGlB,CACEL,MAAO,MACPC,UAAW,OACXC,IAAK,OACLE,MAAO,CACLC,aAAc,UAKhBC,EAAcA,CAACC,EAAKC,EAASL,KACjC,GAA2B,iBAAhBA,EAAOM,MAAmB,CACnC,IAAIC,EAAO,GACU,YAAjBP,EAAOM,QACTC,EAAO,KACTC,EAAa,CAAC/B,KAAM8B,EAAOP,EAAOS,UAIhCD,EAAeE,IACnBC,OAAOC,OAAO7B,EAAa2B,IAOvBG,EAAiBC,IACrB,IAEIC,EAFAC,EAAOC,IAAOH,GAAOE,KAAKC,MAAU,QACpCC,EAAOC,GAAWC,KAAKC,KAAKD,KAAKE,IAAIH,EAAQ,IAOjD,OAJEJ,EADEG,EAAKF,GAAQ,EACRC,IAAOH,GAAOS,OAAO,MAAMC,OAAO,sBAElCP,IAAOH,GAAOS,OAAO,MAAME,WAE7BV,GAGHW,EAAWC,GACF,SAATA,EACK,SACI,aAATA,EACK,WACI,UAATA,EACK,aADT,EAKAC,EAAeC,IACbzC,EAAc0B,MAAQe,EACtBrB,EAAa,CAAC9B,SAAUmD,KAE1BC,EAAkBD,IAChBxC,EAAiByB,MAAQe,EACzBrB,EAAa,CAAC7B,YAAakD,KAE7BE,EAAcF,IACZvC,EAAWwB,MAAQe,EACnBrB,EAAa,CAACmB,KAAME,KAEtBG,EAAWtB,IACT5B,EAAQgC,OAAQ,EACTmB,OAAUC,IAAI,iBAAkB,CAAExB,WAAUyB,KAAK,EAAEC,WACxDxD,EAAWkC,MAAQsB,EAAKA,KAAKC,MAC7B9C,EAAMuB,MAAQsB,EAAKA,KAAK7C,MACxBN,EAAO6B,MAAQsB,EAAKA,KAAKnD,OACzBC,EAAa4B,MAAQsB,EAAKA,KAAKE,OAAOrD,OACtCE,EAAgB2B,MAAQsB,EAAKA,KAAKE,OAAO,aACzC,IAAIC,EAAa,GACjBH,EAAKA,KAAK,UAAUI,QAASC,IAC3BF,EAAWG,KAAK,CACdC,KAAMF,EAAMG,KACZ9B,MAAO2B,EAAMI,SAGhBC,MAAM,QAENC,QAAQ,KACTjE,EAAQgC,OAAQ,KAGpBkC,EAAoBC,IAClB,IAAIC,EAAY,IAAIC,KAAKC,aAAa,KAAM,CAC1CC,MAAO,WACPC,SAAU,QAERN,EAAmBE,EAAU1B,OAAOyB,EAAU,KAClD,OAAOD,EAAiBO,UAAU,EAAGP,EAAiBQ,OAAS,IAQnEC,uBAAU,KACNzB,EAAQ,IACDjD,MAIX2E,mBAAM3E,EAAa,KACfS,EAAOkD,KAAK,CACRE,KAAM,SACNe,MAAO,IACAjE,EAAMiE,SACN5E,KAGXiD,EAAQ,IACDtC,EAAMiE,SACN5E,MAIX,MAAM6E,EAAcA,KAClBxE,EAAc0B,MAAQ,KACtBzB,EAAiByB,MAAQ,KACzBxB,EAAWwB,MAAQ,KACnBH,OAAOC,OAAO7B,EAAaR,IAGvBsF,EAAeA,CAACC,EAAOC,IACpBA,EAAOC,MAAMC,cAAcC,QAAQJ,EAAMG,gBAAkB,EAG9DE,EAAiBC,GACd,0BAA0BA,MAG7BT,EAAQ,IAAIU,oBAAOtF,I,s1HC9RzB,MAAMuF,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-72fdd945.154e58f9.js","sourcesContent":["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-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!./withdraw.css?vue&type=style&index=0&id=72a11e88&scoped=true&lang=css\"","<template>\n  <div>\n    <a-card title=\"Полученные чаевые\" class=\"mb-3\">\n      <template #extra>\n        <a-form layout=\"inline\">\n          <a-form-item>\n            <a-select\n              show-search\n              :filter-option=\"filterOption\"\n              style=\"width: 175px\"\n              placeholder=\"Выберите заведение\"\n              v-model:value=\"filterStoreId\"\n              :options=\"filterStores\"\n              @change=\"storeFilter\"\n            ></a-select>\n          </a-form-item>\n          <a-form-item>\n            <a-select\n              show-search\n              :filter-option=\"filterOption\"\n              style=\"width: 175px\"\n              placeholder=\"Выберите сотрудника\"\n              v-model:value=\"filterEmployeeId\"\n              :options=\"filterEmployees\"\n              @change=\"employeeFilter\"\n            ></a-select>\n          </a-form-item>\n          <a-form-item>\n              <a-select\n                      show-search\n                      :filter-option=\"filterOption\"\n                      style=\"width: 175px\"\n                      placeholder=\"Выберите тип\"\n                      v-model:value=\"filterType\"\n                      :options=\"[\n                          {\n                              label: 'Чаевые',\n                              value: 'tips'\n                          },\n                          {\n                              label: 'Доставка',\n                              value: 'delivery',\n                          },\n                          {\n                              label: 'Бонус',\n                              value: 'bonus',\n                          },\n                      ]\"\n                      @change=\"typeFilter\"\n              ></a-select>\n          </a-form-item>\n          <a-form-item class=\"mr-0\">\n            <a-button @click=\"resetFilter\">Сбросить</a-button>\n          </a-form-item>\n        </a-form>\n      </template>\n      <a-table\n        :columns=\"columns\"\n        :data-source=\"dataSource\"\n        :loading=\"loading\"\n        :pagination=\"false\"\n        @change=\"tableChange\"\n      >\n        <template #date=\"{ text }\">\n          {{ formattedDate(text) }}\n        </template>\n        <template #store=\"{ record }\">\n          {{ record.store.name }}\n        </template>\n        <template #employee=\"{ record }\">\n          <div v-if=\"record.employee\">\n            <div v-if=\"record.employee.photo_url === '' || record.employee.photo_url === null\" class=\"employee-photo\">\n              <img width=\"47\" src=\"https://cdn.multicard.uz/storage/29e/e8576059ab6c74182ab7797992857.png\" alt=\"\">\n            </div>\n            <div v-else :style=\"getBackground(record.employee.photo_url)\" class=\"employee-photo\"></div>\n            <span class=\"employee-name\">{{ record.employee.name }}</span>\n          </div>\n        </template>\n        <template #amount=\"{ record }\">\n          {{ formattedBalance(record.amount) }}\n        </template>\n        <template #type=\"{ text }\">\n          <a-tag color=\"green\">{{ typeName(text) }}</a-tag>\n        </template>\n      </a-table>\n      <div class=\"mt-4 text-right\">\n        <a-pagination\n          show-size-changer\n          v-if=\"total > query['per-page'].value\"\n          v-model:pageSize=\"query['per-page'].value\"\n          v-model:current=\"query.page.value\"\n          :total=\"total\"\n        />\n      </div>\n    </a-card>\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, reactive, ref, toRefs, watch } from 'vue';\nimport apiClient from \"@/services/axios\";\nimport { mask } from 'maska';\nimport moment from \"moment\";\nimport {useRoute, useRouter} from \"vue-router\";\n\nlet\n  initialParams = {\n    page: 1,\n    'per-page': 10,\n    sort: '',\n    store_id: '',\n    employee_id: '',\n  },\n  dataSource = ref([]),\n  loading = ref(false),\n  queryParams = reactive({...initialParams}),\n  stores = ref([]),\n  filterStores = ref([]),\n  filterEmployees = ref([]),\n  filterStoreId = ref(null),\n  filterEmployeeId = ref(null),\n  filterType = ref(null),\n  total = ref(0);\n\nconst router = useRouter(),\n  route = useRoute(),\n  columns = [\n    {\n      title: 'Дата',\n      dataIndex: 'added_on',\n      key: 'added_on',\n      sorter: true,\n      slots: {\n        customRender: 'date',\n      },\n    },\n    {\n      title: 'Заведение',\n      dataIndex: 'store',\n      key: 'store_id',\n      sorter: true,\n      slots: {\n        customRender: 'store',\n      },\n    },\n    {\n      title: 'Сотрудник',\n      dataIndex: 'employee',\n      key: 'employee_id',\n      slots: {\n        customRender: 'employee',\n      },\n    },\n    {\n      title: 'Сумма',\n      dataIndex: 'amount',\n      key: 'amount',\n      slots: {\n        customRender: 'amount',\n      },\n    },\n    {\n      title: 'Тип',\n      dataIndex: 'type',\n      key: 'type',\n      slots: {\n        customRender: 'type',\n      },\n    },\n  ];\n\nconst tableChange = (pag, filters, sorter) => {\n  if (typeof sorter.order == \"string\") {\n    let sign = ''\n    if (sorter.order === 'descend')\n      sign = '-'\n    updateParams({sort: sign + sorter.field})\n  }\n};\n\nconst updateParams = params => {\n  Object.assign(queryParams, params)\n};\n\nconst formattedPhone = (phone) => {\n  return (phone) ? mask(phone, '+998(##) ###-##-##') : ''\n}\n\nconst formattedDate = (value) => {\n  let diff = moment(value).diff(moment(), 'days');\n  let uint = number =>  Math.sqrt(Math.pow(number, 2));\n  let date;\n  if (uint(diff) > 1) {\n    date = moment(value).locale('ru').format('YYYY.MM.DD в HH:mm')\n  } else {\n    date = moment(value).locale('ru').calendar()\n  }\n  return date;\n}\n\nconst typeName = type => {\n  if (type === 'tips')\n    return 'Чаевые'\n  if (type === 'delivery')\n    return 'Доставка'\n  if (type === 'bonus')\n    return 'Бонус'\n}\n\nconst\n  storeFilter = (e) => {\n    filterStoreId.value = e\n    updateParams({store_id: e})\n  },\n  employeeFilter = (e) => {\n    filterEmployeeId.value = e\n    updateParams({employee_id: e})\n  },\n  typeFilter = (e) => {\n    filterType.value = e\n    updateParams({type: e})\n  },\n  getData = (params) => {\n    loading.value = true\n    return apiClient.get(`/report/income`, { params }).then(({data}) => {\n      dataSource.value = data.data.items\n      total.value = data.data.total\n      stores.value = data.data.stores\n      filterStores.value = data.data.filter.stores\n      filterEmployees.value = data.data.filter['employees']\n      let storesList = []\n      data.data['stores'].forEach((store) => {\n        storesList.push({\n          text: store.name,\n          value: store.id,\n        })\n      })\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false\n    });\n  },\n  formattedBalance = (balance) => {\n    let formatter = new Intl.NumberFormat('RU', {\n      style: 'currency',\n      currency: 'UZS',\n    });\n    let formattedBalance = formatter.format(balance / 100)\n    return formattedBalance.substring(0, formattedBalance.length - 4)\n  },\n  reload = () => {\n    getData({\n      ...queryParams,\n    })\n  };\n\nonMounted(() => {\n    getData({\n        ...queryParams,\n    })\n})\n\nwatch(queryParams, () => {\n    router.push({\n        name: 'income',\n        query: {\n            ...route.query,\n            ...queryParams,\n        },\n    })\n    getData({\n        ...route.query,\n        ...queryParams,\n    })\n})\n\nconst resetFilter = () => {\n  filterStoreId.value = null\n  filterEmployeeId.value = null\n  filterType.value = null\n  Object.assign(queryParams, initialParams);\n}\n\nconst filterOption = (input, option) => {\n  return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;\n}\n\nconst getBackground = (url) => {\n  return `background-image: url('${url}')`;\n}\n\nconst query = {...toRefs(queryParams)}\n\n</script>\n\n<style scoped src=\"./withdraw.css\"></style>\n","import script from \"./income.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./income.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./withdraw.css?vue&type=style&index=0&id=72a11e88&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-72a11e88\"]])\n\nexport default __exports__"],"sourceRoot":""}