osmanli-veri-dagitim 2.1.71-dev → 2.1.73-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1714,7 +1714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1714
1714
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1715
1715
|
|
|
1716
1716
|
"use strict";
|
|
1717
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"InvoiceFilter\",\n components: {\n BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n },\n props: {\n currentYearNumber: String,\n currentMonthNumber: String\n },\n\n data() {\n return {\n ApplicationTypes: [],\n selectedYear: {\n code: 1,\n label: this.currentYearNumber\n },\n selectedMonth: -1,\n selectedAppType: -1,\n customerId: null\n };\n },\n\n mounted() {\n this.customerId = this.$route.params.customerId;\n this.getFilter();\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n availableYears() {\n const currentYear = new Date().getFullYear();\n const previousYear = currentYear - 1;\n const nextYear = currentYear + 1;\n var currentMonth = this.selectedMonth;\n\n if (currentMonth >= 0 && currentMonth <= 9) {\n return [{\n code: -1,\n label: \"
|
|
1717
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"InvoiceFilter\",\n components: {\n BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n },\n props: {\n currentYearNumber: String,\n currentMonthNumber: String\n },\n\n data() {\n return {\n ApplicationTypes: [],\n selectedYear: {\n code: 1,\n label: this.currentYearNumber\n },\n selectedMonth: -1,\n selectedAppType: -1,\n customerId: null\n };\n },\n\n mounted() {\n this.customerId = this.$route.params.customerId;\n this.getFilter();\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n availableYears() {\n const currentYear = new Date().getFullYear();\n const previousYear = currentYear - 1;\n const nextYear = currentYear + 1;\n var currentMonth = this.selectedMonth;\n\n if (currentMonth >= 0 && currentMonth <= 9) {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 0,\n label: previousYear\n }, {\n code: 1,\n label: currentYear\n }];\n } else if (currentMonth >= 10 && currentMonth <= 12) {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 1,\n label: currentYear\n }, {\n code: 2,\n label: nextYear\n }];\n } else {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 0,\n label: previousYear\n }, {\n code: 1,\n label: currentYear\n }];\n }\n },\n\n availableMonths() {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 1,\n label: \"Ocak\"\n }, {\n code: 2,\n label: \"Şubat\"\n }, {\n code: 3,\n label: \"Mart\"\n }, {\n code: 4,\n label: \"Nisan\"\n }, {\n code: 5,\n label: \"Mayıs\"\n }, {\n code: 6,\n label: \"Haziran\"\n }, {\n code: 7,\n label: \"Temmuz\"\n }, {\n code: 8,\n label: \"Ağustos\"\n }, {\n code: 9,\n label: \"Eylül\"\n }, {\n code: 10,\n label: \"Ekim\"\n }, {\n code: 11,\n label: \"Kasım\"\n }, {\n code: 12,\n label: \"Aralık\"\n }];\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n getFilter() {\n this.fillFilter().then(res => {\n if (res.data) {\n const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n this.ApplicationTypes.unshift({\n code: -1,\n label: \"Hepsi\"\n });\n this.setInvoiceFilter({\n page: 1,\n size: 10,\n filter: {\n Year: parseInt(this.selectedYear.label)\n }\n });\n }\n });\n },\n\n applyFilters() {\n this.$emit(\"filterChangeResponse\", false);\n const filters = {\n page: 1,\n size: 10,\n filter: {}\n };\n\n if (this.selectedYear.code !== -1) {\n filters.filter.Year = parseInt(this.selectedYear.label);\n }\n\n if (this.selectedMonth !== -1) {\n filters.filter.Month = this.selectedMonth;\n }\n\n if (this.selectedAppType !== -1) {\n filters.filter.ApplicationTypes = this.selectedAppType.toString();\n }\n\n this.setInvoiceFilter(filters);\n this.getInvoiceList(this.customerId).then(() => {\n this.$emit(\"filterChangeResponse\", true);\n });\n },\n\n changeInvoiceYear(value) {\n this.selectedYear = value;\n this.applyFilters();\n },\n\n changeInvoiceMonth(value) {\n this.selectedMonth = value.code;\n this.applyFilters();\n },\n\n changeApplicationTypes(value) {\n this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n this.applyFilters();\n },\n\n resetFilter(filterName) {\n delete this.getInvoiceFilter.filter[filterName];\n delete this.getInvoiceFilter[filterName];\n }\n\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1718
1718
|
|
|
1719
1719
|
/***/ }),
|
|
1720
1720
|
|
|
@@ -1870,7 +1870,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1870
1870
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1871
1871
|
|
|
1872
1872
|
"use strict";
|
|
1873
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n this.cusNo = this.veriDagitimModel.customerId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n localStorage.setItem(\"cusNo\", this.cusNo);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n esube: localStorage.getItem(\"esube\"),\n currentTab: 0,\n cusId: null,\n cusNo: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = \"yes\";\n return this.esube === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab == 0) {\n this.getAllPackages(ctrId);\n } else if (this.currentTab == 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 1000,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n var _d$platform, _d$platform2;\n\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n result = d.algorithm[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n result = d.platform.name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1873
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n this.cusNo = this.veriDagitimModel.customerId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n localStorage.setItem(\"cusNo\", this.cusNo);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n esube: localStorage.getItem(\"esube\"),\n currentTab: 0,\n cusId: null,\n cusNo: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = \"yes\";\n return this.esube === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab == 0) {\n this.getAllPackages(ctrId);\n } else if (this.currentTab == 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 10,\n filter: {\n Year: this.currentYearNumber\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 1000,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n var _d$platform, _d$platform2;\n\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n result = d.algorithm[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n result = d.algorithm[0].name;\n } else if (!d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n result = d.platform.name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1874
1874
|
|
|
1875
1875
|
/***/ }),
|
|
1876
1876
|
|
|
@@ -3704,7 +3704,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3704
3704
|
/*! no static exports found */
|
|
3705
3705
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3706
3706
|
|
|
3707
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n width: 125px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n width: 140px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3707
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n gap: 50px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n width: 125px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n width: 140px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3708
3708
|
|
|
3709
3709
|
/***/ }),
|
|
3710
3710
|
|
|
@@ -3803,7 +3803,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3803
3803
|
/*! no static exports found */
|
|
3804
3804
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3805
3805
|
|
|
3806
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right:
|
|
3806
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right: 20px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3807
3807
|
|
|
3808
3808
|
/***/ }),
|
|
3809
3809
|
|
|
@@ -3825,7 +3825,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3825
3825
|
/*! no static exports found */
|
|
3826
3826
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3827
3827
|
|
|
3828
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right:
|
|
3828
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right: 20px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3829
3829
|
|
|
3830
3830
|
/***/ }),
|
|
3831
3831
|
|
|
@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1723
1723
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1724
1724
|
|
|
1725
1725
|
"use strict";
|
|
1726
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"InvoiceFilter\",\n components: {\n BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n },\n props: {\n currentYearNumber: String,\n currentMonthNumber: String\n },\n\n data() {\n return {\n ApplicationTypes: [],\n selectedYear: {\n code: 1,\n label: this.currentYearNumber\n },\n selectedMonth: -1,\n selectedAppType: -1,\n customerId: null\n };\n },\n\n mounted() {\n this.customerId = this.$route.params.customerId;\n this.getFilter();\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n availableYears() {\n const currentYear = new Date().getFullYear();\n const previousYear = currentYear - 1;\n const nextYear = currentYear + 1;\n var currentMonth = this.selectedMonth;\n\n if (currentMonth >= 0 && currentMonth <= 9) {\n return [{\n code: -1,\n label: \"
|
|
1726
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"InvoiceFilter\",\n components: {\n BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n },\n props: {\n currentYearNumber: String,\n currentMonthNumber: String\n },\n\n data() {\n return {\n ApplicationTypes: [],\n selectedYear: {\n code: 1,\n label: this.currentYearNumber\n },\n selectedMonth: -1,\n selectedAppType: -1,\n customerId: null\n };\n },\n\n mounted() {\n this.customerId = this.$route.params.customerId;\n this.getFilter();\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n availableYears() {\n const currentYear = new Date().getFullYear();\n const previousYear = currentYear - 1;\n const nextYear = currentYear + 1;\n var currentMonth = this.selectedMonth;\n\n if (currentMonth >= 0 && currentMonth <= 9) {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 0,\n label: previousYear\n }, {\n code: 1,\n label: currentYear\n }];\n } else if (currentMonth >= 10 && currentMonth <= 12) {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 1,\n label: currentYear\n }, {\n code: 2,\n label: nextYear\n }];\n } else {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 0,\n label: previousYear\n }, {\n code: 1,\n label: currentYear\n }];\n }\n },\n\n availableMonths() {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 1,\n label: \"Ocak\"\n }, {\n code: 2,\n label: \"Şubat\"\n }, {\n code: 3,\n label: \"Mart\"\n }, {\n code: 4,\n label: \"Nisan\"\n }, {\n code: 5,\n label: \"Mayıs\"\n }, {\n code: 6,\n label: \"Haziran\"\n }, {\n code: 7,\n label: \"Temmuz\"\n }, {\n code: 8,\n label: \"Ağustos\"\n }, {\n code: 9,\n label: \"Eylül\"\n }, {\n code: 10,\n label: \"Ekim\"\n }, {\n code: 11,\n label: \"Kasım\"\n }, {\n code: 12,\n label: \"Aralık\"\n }];\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n getFilter() {\n this.fillFilter().then(res => {\n if (res.data) {\n const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n this.ApplicationTypes.unshift({\n code: -1,\n label: \"Hepsi\"\n });\n this.setInvoiceFilter({\n page: 1,\n size: 10,\n filter: {\n Year: parseInt(this.selectedYear.label)\n }\n });\n }\n });\n },\n\n applyFilters() {\n this.$emit(\"filterChangeResponse\", false);\n const filters = {\n page: 1,\n size: 10,\n filter: {}\n };\n\n if (this.selectedYear.code !== -1) {\n filters.filter.Year = parseInt(this.selectedYear.label);\n }\n\n if (this.selectedMonth !== -1) {\n filters.filter.Month = this.selectedMonth;\n }\n\n if (this.selectedAppType !== -1) {\n filters.filter.ApplicationTypes = this.selectedAppType.toString();\n }\n\n this.setInvoiceFilter(filters);\n this.getInvoiceList(this.customerId).then(() => {\n this.$emit(\"filterChangeResponse\", true);\n });\n },\n\n changeInvoiceYear(value) {\n this.selectedYear = value;\n this.applyFilters();\n },\n\n changeInvoiceMonth(value) {\n this.selectedMonth = value.code;\n this.applyFilters();\n },\n\n changeApplicationTypes(value) {\n this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n this.applyFilters();\n },\n\n resetFilter(filterName) {\n delete this.getInvoiceFilter.filter[filterName];\n delete this.getInvoiceFilter[filterName];\n }\n\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1727
1727
|
|
|
1728
1728
|
/***/ }),
|
|
1729
1729
|
|
|
@@ -1879,7 +1879,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1879
1879
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1880
1880
|
|
|
1881
1881
|
"use strict";
|
|
1882
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n this.cusNo = this.veriDagitimModel.customerId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n localStorage.setItem(\"cusNo\", this.cusNo);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n esube: localStorage.getItem(\"esube\"),\n currentTab: 0,\n cusId: null,\n cusNo: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = \"yes\";\n return this.esube === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab == 0) {\n this.getAllPackages(ctrId);\n } else if (this.currentTab == 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 1000,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n var _d$platform, _d$platform2;\n\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n result = d.algorithm[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n result = d.platform.name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1882
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n this.cusNo = this.veriDagitimModel.customerId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n localStorage.setItem(\"cusNo\", this.cusNo);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n esube: localStorage.getItem(\"esube\"),\n currentTab: 0,\n cusId: null,\n cusNo: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = \"yes\";\n return this.esube === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab == 0) {\n this.getAllPackages(ctrId);\n } else if (this.currentTab == 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 10,\n filter: {\n Year: this.currentYearNumber\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 1000,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n var _d$platform, _d$platform2;\n\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n result = d.algorithm[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n result = d.algorithm[0].name;\n } else if (!d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n result = d.platform.name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1883
1883
|
|
|
1884
1884
|
/***/ }),
|
|
1885
1885
|
|
|
@@ -3713,7 +3713,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3713
3713
|
/*! no static exports found */
|
|
3714
3714
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3715
3715
|
|
|
3716
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n width: 125px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n width: 140px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3716
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n gap: 50px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n width: 125px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n width: 140px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3717
3717
|
|
|
3718
3718
|
/***/ }),
|
|
3719
3719
|
|
|
@@ -3812,7 +3812,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3812
3812
|
/*! no static exports found */
|
|
3813
3813
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3814
3814
|
|
|
3815
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right:
|
|
3815
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right: 20px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3816
3816
|
|
|
3817
3817
|
/***/ }),
|
|
3818
3818
|
|
|
@@ -3834,7 +3834,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3834
3834
|
/*! no static exports found */
|
|
3835
3835
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3836
3836
|
|
|
3837
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right:
|
|
3837
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right: 20px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3838
3838
|
|
|
3839
3839
|
/***/ }),
|
|
3840
3840
|
|
|
@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1723
1723
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1724
1724
|
|
|
1725
1725
|
"use strict";
|
|
1726
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"InvoiceFilter\",\n components: {\n BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n },\n props: {\n currentYearNumber: String,\n currentMonthNumber: String\n },\n\n data() {\n return {\n ApplicationTypes: [],\n selectedYear: {\n code: 1,\n label: this.currentYearNumber\n },\n selectedMonth: -1,\n selectedAppType: -1,\n customerId: null\n };\n },\n\n mounted() {\n this.customerId = this.$route.params.customerId;\n this.getFilter();\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n availableYears() {\n const currentYear = new Date().getFullYear();\n const previousYear = currentYear - 1;\n const nextYear = currentYear + 1;\n var currentMonth = this.selectedMonth;\n\n if (currentMonth >= 0 && currentMonth <= 9) {\n return [{\n code: -1,\n label: \"
|
|
1726
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"InvoiceFilter\",\n components: {\n BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n },\n props: {\n currentYearNumber: String,\n currentMonthNumber: String\n },\n\n data() {\n return {\n ApplicationTypes: [],\n selectedYear: {\n code: 1,\n label: this.currentYearNumber\n },\n selectedMonth: -1,\n selectedAppType: -1,\n customerId: null\n };\n },\n\n mounted() {\n this.customerId = this.$route.params.customerId;\n this.getFilter();\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n availableYears() {\n const currentYear = new Date().getFullYear();\n const previousYear = currentYear - 1;\n const nextYear = currentYear + 1;\n var currentMonth = this.selectedMonth;\n\n if (currentMonth >= 0 && currentMonth <= 9) {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 0,\n label: previousYear\n }, {\n code: 1,\n label: currentYear\n }];\n } else if (currentMonth >= 10 && currentMonth <= 12) {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 1,\n label: currentYear\n }, {\n code: 2,\n label: nextYear\n }];\n } else {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 0,\n label: previousYear\n }, {\n code: 1,\n label: currentYear\n }];\n }\n },\n\n availableMonths() {\n return [{\n code: -1,\n label: \"Seçiniz\"\n }, {\n code: 1,\n label: \"Ocak\"\n }, {\n code: 2,\n label: \"Şubat\"\n }, {\n code: 3,\n label: \"Mart\"\n }, {\n code: 4,\n label: \"Nisan\"\n }, {\n code: 5,\n label: \"Mayıs\"\n }, {\n code: 6,\n label: \"Haziran\"\n }, {\n code: 7,\n label: \"Temmuz\"\n }, {\n code: 8,\n label: \"Ağustos\"\n }, {\n code: 9,\n label: \"Eylül\"\n }, {\n code: 10,\n label: \"Ekim\"\n }, {\n code: 11,\n label: \"Kasım\"\n }, {\n code: 12,\n label: \"Aralık\"\n }];\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n getFilter() {\n this.fillFilter().then(res => {\n if (res.data) {\n const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n this.ApplicationTypes.unshift({\n code: -1,\n label: \"Hepsi\"\n });\n this.setInvoiceFilter({\n page: 1,\n size: 10,\n filter: {\n Year: parseInt(this.selectedYear.label)\n }\n });\n }\n });\n },\n\n applyFilters() {\n this.$emit(\"filterChangeResponse\", false);\n const filters = {\n page: 1,\n size: 10,\n filter: {}\n };\n\n if (this.selectedYear.code !== -1) {\n filters.filter.Year = parseInt(this.selectedYear.label);\n }\n\n if (this.selectedMonth !== -1) {\n filters.filter.Month = this.selectedMonth;\n }\n\n if (this.selectedAppType !== -1) {\n filters.filter.ApplicationTypes = this.selectedAppType.toString();\n }\n\n this.setInvoiceFilter(filters);\n this.getInvoiceList(this.customerId).then(() => {\n this.$emit(\"filterChangeResponse\", true);\n });\n },\n\n changeInvoiceYear(value) {\n this.selectedYear = value;\n this.applyFilters();\n },\n\n changeInvoiceMonth(value) {\n this.selectedMonth = value.code;\n this.applyFilters();\n },\n\n changeApplicationTypes(value) {\n this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n this.applyFilters();\n },\n\n resetFilter(filterName) {\n delete this.getInvoiceFilter.filter[filterName];\n delete this.getInvoiceFilter[filterName];\n }\n\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1727
1727
|
|
|
1728
1728
|
/***/ }),
|
|
1729
1729
|
|
|
@@ -1879,7 +1879,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1879
1879
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1880
1880
|
|
|
1881
1881
|
"use strict";
|
|
1882
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n this.cusNo = this.veriDagitimModel.customerId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n localStorage.setItem(\"cusNo\", this.cusNo);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n esube: localStorage.getItem(\"esube\"),\n currentTab: 0,\n cusId: null,\n cusNo: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = \"yes\";\n return this.esube === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab == 0) {\n this.getAllPackages(ctrId);\n } else if (this.currentTab == 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 1000,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n var _d$platform, _d$platform2;\n\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n result = d.algorithm[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n result = d.platform.name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1882
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n this.cusNo = this.veriDagitimModel.customerId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n localStorage.setItem(\"cusNo\", this.cusNo);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n esube: localStorage.getItem(\"esube\"),\n currentTab: 0,\n cusId: null,\n cusNo: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = \"yes\";\n return this.esube === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab == 0) {\n this.getAllPackages(ctrId);\n } else if (this.currentTab == 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 10,\n filter: {\n Year: this.currentYearNumber\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 1000,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n var _d$platform, _d$platform2;\n\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n result = d.algorithm[0].name;\n } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n result = d.algorithm[0].name;\n } else if (!d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n result = d.platform.name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
1883
1883
|
|
|
1884
1884
|
/***/ }),
|
|
1885
1885
|
|
|
@@ -3713,7 +3713,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3713
3713
|
/*! no static exports found */
|
|
3714
3714
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3715
3715
|
|
|
3716
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n width: 125px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n width: 140px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3716
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n gap: 50px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n width: 125px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n width: 140px;\\n padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: flex-end;\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3717
3717
|
|
|
3718
3718
|
/***/ }),
|
|
3719
3719
|
|
|
@@ -3812,7 +3812,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3812
3812
|
/*! no static exports found */
|
|
3813
3813
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3814
3814
|
|
|
3815
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right:
|
|
3815
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right: 20px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3816
3816
|
|
|
3817
3817
|
/***/ }),
|
|
3818
3818
|
|
|
@@ -3834,7 +3834,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3834
3834
|
/*! no static exports found */
|
|
3835
3835
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3836
3836
|
|
|
3837
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right:
|
|
3837
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n justify-content: space-between;\\n min-width: auto;\\n width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n margin-right: 20px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
3838
3838
|
|
|
3839
3839
|
/***/ }),
|
|
3840
3840
|
|