{"version":3,"sources":["webpack:///./src/views/print.vue?c7a5","webpack:///src/views/print.vue","webpack:///./src/views/print.vue?4d46","webpack:///./src/views/print.vue?2696","webpack:///./src/views/print.vue?60a6"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","staticClass","style","_l","$printData","state","head","index","key","_v","_s","text","item","i","j","headers","value","staticRenderFns","component","VContainer"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,QAAQC,MAAM,CAAC,GAAK,UAAU,CAACH,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,KAAK,CAACH,EAAG,QAAQ,CAACI,YAAY,OAAOC,MAAOT,EAAIS,MAAW,MAAEF,MAAM,CAAC,GAAK,OAAO,CAACH,EAAG,QAAQ,CAACI,YAAY,cAAc,CAACJ,EAAG,KAAKJ,EAAIU,GAAIV,EAAIW,WAAWC,MAAa,SAAE,SAASC,EAAKC,GAAO,OAAOV,EAAG,KAAK,CAACW,IAAID,EAAML,MAAOT,EAAIS,MAAQ,IAAG,CAACT,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGJ,EAAKK,MAAM,UAAS,KAAKd,EAAG,QAAQJ,EAAIU,GAAIV,EAAIW,WAAWC,MAAW,OAAE,SAASO,EAAKC,GAAG,OAAOhB,EAAG,KAAK,CAACW,IAAIK,GAAGpB,EAAIU,GAAIV,EAAIW,WAAWC,MAAa,SAAE,SAASC,EAAKQ,GAAG,OAAOjB,EAAG,KAAK,CAACW,IAAIM,EAAEZ,MAAOT,EAAIS,MAAQ,IAAG,CAACT,EAAIgB,GAAGhB,EAAIiB,GAAGE,EAAKnB,EAAIW,WAAWC,MAAMU,QAAQD,GAAGE,cAAa,MAAK,QAAQ,IACzsBC,EAAkB,GCmCtB,GACE,MAAF,oBACE,SAAF,CACI,KADJ,WAEM,OAAN,wBAWE,QAfF,WAeI,IAAJ,OAEI,KAAJ,kCACM,IACE,EAAR,UACQ,QAAR,gCACQ,QAAR,8BACA,SACQ,QAAR,YAME,KA7BF,WA8BI,MAAJ,CACM,MAAN,CACQ,MAAR,wCACQ,GAAR,6IACQ,GAAR,2CAoHE,QAAF,CASI,QATJ,WAUM,IAAN,mCACA,iCACM,EAAN,gBACM,EAAN,oFACM,EAAN,iBACM,YAAN,WACQ,EAAR,UACA,OC3M6W,I,yDCQzWC,EAAY,eACd,EACA1B,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAC,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,aAAA,Q,2DCxB9B","file":"js/chunk-659ffbbc.4a1db095.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"myDiv\",attrs:{\"id\":\"myDiv\"}},[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('table',{staticClass:\"mt-6\",style:(_vm.style.table),attrs:{\"id\":\"ts\"}},[_c('thead',{staticClass:\"text-right\"},[_c('tr',_vm._l((_vm.$printData.state.headers),function(head,index){return _c('th',{key:index,style:(_vm.style.th)},[_vm._v(\" \"+_vm._s(head.text)+\" \")])}),0)]),_c('tbody',_vm._l((_vm.$printData.state.items),function(item,i){return _c('tr',{key:i},_vm._l((_vm.$printData.state.headers),function(head,j){return _c('td',{key:j,style:(_vm.style.td)},[_vm._v(_vm._s(item[_vm.$printData.state.headers[j].value]))])}),0)}),0)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div id=\"myDiv\" ref=\"myDiv\">\n    <v-container fluid>\n        <table class=\"mt-6\" :style=\"style.table\" id=\"ts\">\n            <thead class=\"text-right\">\n                <tr>\n                    <th v-for=\"(head,index) in $printData.state.headers\" :key=\"index\" :style=\"style.th\">\n                        {{head.text}}\n                    </th>\n\n                </tr>\n            </thead>\n            <tbody>\n                <!-- {{headers[0].value}} -->\n                <!-- {{headers[1].value}} -->\n                <tr v-for=\"(item,i) in $printData.state.items\" :key=\"i\">\n                    <!-- <td>{{Object.values(item)}}</td> -->\n                    <td v-for=\"(head,j) in $printData.state.headers\" :key=\"j\" :style=\"style.td\">{{item[$printData.state.headers[j].value]}}</td>\n                </tr>\n            </tbody>\n            <!-- <tfoot>\n            <tr>\n                <th>Name</th>\n                <th>Position</th>\n                <th>Office</th>\n                <th>Age</th>\n                <th>Start date</th>\n                <th>Salary</th>\n            </tr>\n        </tfoot> -->\n        </table>\n    </v-container>\n</div>\n</template>\n\n<script>\nexport default {\n    props: ['headers', 'items'],\n    computed: {\n        test() {\n            return this.headers[0].value\n        }\n    },\n\n    // created() {\n    //     this.headers = this.$printData.state.headers\n    //     // console.log(this.$printData.state.items)\n    //     this.items = this.$printData.state.items\n\n    // },\n\n    mounted() {\n        // setTimeout(() => (window.print()), 1000)\n        this.$eventBus.$on(`print`, () => {\n            try {\n                this.openWin()\n                console.log(this.$printData.state.headers)\n                console.log(this.$printData.state.items)\n            } catch (e) {\n                console.log(e)\n            }\n        })\n\n    },\n\n    data() {\n        return {\n            style: {\n                \"table\": \"border-collapse:collapse; width:100%;\",\n                \"th\": \"padding-top: 12px; padding-bottom: 12px; text-align: right; background-color: #171717; color: white; border: 1px solid #ddd; padding: 8px;\",\n                \"td\": \"border: 1px solid #ddd; padding: 8px;\",\n            },\n\n            // items: [{\n            //         \"id\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n            //         \"created\": \"2022-04-22T15:47:52.170Z\",\n            //         \"isDelete\": true,\n            //         \"saleNo\": 1,\n            //         \"clientFullName\": \"أمير هيثم عبدالأمير\",\n            //         \"clientRegion\": \"clientRegion\",\n            //         \"paymentTypeName\": \"paymentTypeName\",\n            //         \"guaranteeName\": \"guaranteeName\",\n            //         \"productName\": \"string\",\n            //         \"capital\": 1,\n            //         \"amountPaidInDinar\": 1,\n            //         \"installmentAmountInDinar\": 1,\n            //         \"paymentFirstDate\": \"2022-04-22T15:47:52.170Z\",\n            //         \"note\": \"string\",\n            //         \"userCreatedFullName\": \"string\",\n            //         \"totalAmountPaidInDinar\": 1,\n            //         \"totalAmountRemainingInDinar\": 1,\n            //         \"installmentsCount\": 1,\n            //         \"paidInstallmentsCount\": 1,\n            //         \"unPaidInstallmentsCount\": 1,\n            //         \"profits\": 1,\n            //         \"numberDaysDelay\": 1\n            //     },\n            //     {\n            //         \"id\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n            //         \"created\": \"2022-04-22T15:47:52.170Z\",\n            //         \"isDelete\": true,\n            //         \"saleNo\": 2,\n            //         \"clientFullName\": \"clientFullName2\",\n            //         \"clientRegion\": \"clientRegion2\",\n            //         \"paymentTypeName\": \"paymentTypeName2\",\n            //         \"guaranteeName\": \"guaranteeName2\",\n            //         \"productName\": \"string2\",\n            //         \"capital\": 2,\n            //         \"amountPaidInDinar\": 2,\n            //         \"installmentAmountInDinar\": 2,\n            //         \"paymentFirstDate\": \"2022-04-22T15:47:52.170Z\",\n            //         \"note\": \"string2\",\n            //         \"userCreatedFullName\": \"string2\",\n            //         \"totalAmountPaidInDinar\": 2,\n            //         \"totalAmountRemainingInDinar\": 2,\n            //         \"installmentsCount\": 2,\n            //         \"paidInstallmentsCount\": 2,\n            //         \"unPaidInstallmentsCount\": 2,\n            //         \"profits\": 2,\n            //         \"numberDaysDelay\": 2\n            //     },\n            //     {\n            //         \"id\": \"3fa85f64-5717-4562-b3fc-2c963f66afa6\",\n            //         \"created\": \"2022-04-22T15:47:52.170Z\",\n            //         \"isDelete\": true,\n            //         \"saleNo\": 3,\n            //         \"clientFullName\": \"clientFullName3\",\n            //         \"clientRegion\": \"clientRegion3\",\n            //         \"paymentTypeName\": \"paymentTypeName3\",\n            //         \"guaranteeName\": \"guaranteeName3\",\n            //         \"productName\": \"string3\",\n            //         \"capital\": 3,\n            //         \"amountPaidInDinar\": 3,\n            //         \"installmentAmountInDinar\": 3,\n            //         \"paymentFirstDate\": \"2022-04-22T15:47:52.170Z\",\n            //         \"note\": \"string3\",\n            //         \"userCreatedFullName\": \"string3\",\n            //         \"totalAmountPaidInDinar\": 3,\n            //         \"totalAmountRemainingInDinar\": 3,\n            //         \"installmentsCount\": 3,\n            //         \"paidInstallmentsCount\": 3,\n            //         \"unPaidInstallmentsCount\": 3,\n            //         \"profits\": 3,\n            //         \"numberDaysDelay\": 3\n            //     },\n            // ],\n            // headers: [{\n            //         text: 'رقم الفاتورة',\n            //         value: 'saleNo'\n            //     },\n            //     {\n            //         text: 'إسم العميل',\n            //         value: 'clientFullName'\n            //     },\n            //     {\n            //         text: 'نوع الضمان',\n            //         value: 'guaranteeName'\n            //     },\n            //     {\n            //         text: 'نوع القسط',\n            //         value: 'paymentTypeName'\n            //     },\n            //     {\n            //         text: 'تاريخ الدفعه الأولى',\n            //         value: 'paymentFirstDate'\n            //     },\n            //     {\n            //         text: 'مبلغ القسط ',\n            //         value: 'amountPaidInDinar',\n            //         align: 'right'\n            //     },\n            //     {\n            //         text: 'المبلغ المدفوع',\n            //         value: 'totalAmountPaidInDinar'\n            //     },\n            //     {\n            //         text: 'المبلغ المتبقي',\n            //         value: 'totalAmountRemainingInDinar'\n            //     },\n            //     {\n            //         text: 'المادة',\n            //         value: 'productName'\n            //     },\n            // ]\n        }\n    },\n    methods: {\n        // async openWin() {\n        //     var popupWin = await window.open('', 'PrintWindow','width=650,height=650,location=no,left=200px');\n        //     await popupWin.document.write(this.$refs.myDiv.innerHTML)\n        //     // popupWin.document.write(this.$refs.myDiv.innerHTML);\n        //     await popupWin.print();\n        //     // popupWin.close();\n        // },\n\n        openWin() {\n            var divToPrint = document.getElementById('myDiv');\n            var newWin = window.open('', 'Print-Window');\n            newWin.document.open();\n            newWin.document.write('<html><body onload=\"window.print()\">' + divToPrint.innerHTML + '</body></html>');\n            newWin.document.close();\n            setTimeout(function () {\n                newWin.close();\n            }, 10);\n        }\n\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.bg-order {\n    position: absolute;\n    top: 30%;\n    left: 38%;\n    opacity: 0.09;\n    width: 250px;\n}\n\n.box-order {\n    padding: 10px;\n\n    // border-style: double;\n    // border-width: 5px;\n    // border-color: #616161;\n    // border-radius: 10px;\n    .header {\n        // background: #eceff1;\n        // border-radius: 5px;\n        padding: 10px 30px;\n    }\n\n    .title-order {\n        margin: auto;\n        text-align: center;\n        width: 180px;\n        border-bottom-style: solid;\n        border-bottom-width: 4px;\n    }\n}\n\n.loadingPage {\n    position: absolute;\n    top: 40vh;\n    left: 50%;\n    opacity: 0.4;\n}\n\n.opicty {\n    opacity: 0.1;\n}\n\n@media print {\n    .loadingPage {\n        display: none;\n    }\n}\n\n@page {\n    margin: 0;\n}\n\nheader {\n    display: none !important;\n}\n\ntable {\n    width: 100%;\n    border-collapse: none;\n    border-spacing: 0;\n    /* margin-bottom: 20px; */\n    border: 1px solid grey;\n}\n\nthead {\n    background-color: #f5f5f5;\n    color: #000000;\n}\n\nth {\n    border: 1px solid grey;\n    /* padding: 2px; */\n}\n\ntd {\n    color: black !important;\n    border: 1px solid grey;\n    padding: 2px;\n    text-align: center;\n}\n\n.box {\n    width: 100%;\n    border-radius: 3px !important;\n}\n\n#app {\n    color: black !important;\n    background: white !important;\n}\n\np {\n    font-size: 14px;\n    font-weight: bold !important;\n}\n\n@media print {\n    body {\n        -webkit-print-color-adjust: exact !important;\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./print.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./print.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./print.vue?vue&type=template&id=344a8b1a&scoped=true&\"\nimport script from \"./print.vue?vue&type=script&lang=js&\"\nexport * from \"./print.vue?vue&type=script&lang=js&\"\nimport style0 from \"./print.vue?vue&type=style&index=0&id=344a8b1a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"344a8b1a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VContainer})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/@vue/cli-service/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/index.js??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/index.js??vue-loader-options!./print.vue?vue&type=style&index=0&id=344a8b1a&lang=scss&scoped=true&\""],"sourceRoot":""}