\r\n
\r\n \r\n mdi-close\r\n \r\n
\r\n
\r\n {{header}}
\r\n \r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPeriodMessage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPeriodMessage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BillingPeriodMessage.vue?vue&type=template&id=7010e72a&scoped=true&\"\nimport script from \"./BillingPeriodMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./BillingPeriodMessage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BillingPeriodMessage.vue?vue&type=style&index=0&id=7010e72a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7010e72a\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n","// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default Selectable.extend({\n name: 'v-checkbox',\n\n props: {\n indeterminate: Boolean,\n indeterminateIcon: {\n type: String,\n default: '$checkboxIndeterminate',\n },\n offIcon: {\n type: String,\n default: '$checkboxOff',\n },\n onIcon: {\n type: String,\n default: '$checkboxOn',\n },\n },\n\n data () {\n return {\n inputIndeterminate: this.indeterminate,\n }\n },\n\n computed: {\n classes (): object {\n return {\n ...VInput.options.computed.classes.call(this),\n 'v-input--selection-controls': true,\n 'v-input--checkbox': true,\n 'v-input--indeterminate': this.inputIndeterminate,\n }\n },\n computedIcon (): string {\n if (this.inputIndeterminate) {\n return this.indeterminateIcon\n } else if (this.isActive) {\n return this.onIcon\n } else {\n return this.offIcon\n }\n },\n // Do not return undefined if disabled,\n // according to spec, should still show\n // a color when disabled and active\n validationState (): string | undefined {\n if (this.disabled && !this.inputIndeterminate) return undefined\n if (this.hasError && this.shouldValidate) return 'error'\n if (this.hasSuccess) return 'success'\n if (this.hasColor !== null) return this.computedColor\n return undefined\n },\n },\n\n watch: {\n indeterminate (val) {\n // https://github.com/vuetifyjs/vuetify/issues/8270\n this.$nextTick(() => (this.inputIndeterminate = val))\n },\n inputIndeterminate (val) {\n this.$emit('update:indeterminate', val)\n },\n isActive () {\n if (!this.indeterminate) return\n this.inputIndeterminate = false\n },\n },\n\n methods: {\n genCheckbox () {\n return this.$createElement('div', {\n staticClass: 'v-input--selection-controls__input',\n }, [\n this.genInput('checkbox', {\n ...this.attrs$,\n 'aria-checked': this.inputIndeterminate\n ? 'mixed'\n : this.isActive.toString(),\n }),\n this.genRipple(this.setTextColor(this.validationState)),\n this.$createElement(VIcon, this.setTextColor(this.validationState, {\n props: {\n dense: this.dense,\n dark: this.dark,\n light: this.light,\n },\n }), this.computedIcon),\n ])\n },\n genDefaultSlot () {\n return [\n this.genCheckbox(),\n this.genLabel(),\n ]\n },\n },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex\"},[_c('v-col',{staticClass:\"d-flex flex-column\",attrs:{\"cols\":\"4\"}},[_c('span',{staticClass:\"helvetica-medium mr-3 fs-18 d-inline-block mt-2 d-flex\"},[_vm._v(\"Лицевой счёт:\")]),_c('span',{staticClass:\"helvetica-medium mr-3 fs-18 d-inline-block mt-2\"},[_vm._v(\"Адрес:\")])]),(_vm.isBillingPeriod.value & !_vm.closeBillingPeriodMessage)?_c('BillingPeriodMessage',{attrs:{\"message\":_vm.isBillingPeriod.mesHtml},on:{\"closeWindow\":_vm.closeWindow}}):_c('div',{staticClass:\"d-flex flex-column mt-3\"},[_c('div',{staticClass:\"helvetica-medium fs-18 d-inline-block mt-2 ml-3 d-flex\"},[_vm._v(_vm._s(_vm.personalAccount || 'Не заполнено'))]),_c('div',{staticClass:\"helvetica-medium address-font d-inline-block mt-2 ml-3 reduce\"},[_vm._v(_vm._s(_vm.info.address || 'Не заполнено'))])])],1),_c('div',{staticClass:\"d-flex flex-column\"},[_c('v-data-table',{staticClass:\"mt-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.receiptDetails.details,\"hide-default-footer\":\"\"},scopedSlots:_vm._u([{key:\"item.principalInfo\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('u',{staticClass:\"blue--text fs-20\",staticStyle:{\"cursor\":\"help\"},on:{\"click\":function($event){return _vm.showBankDetails(item)}}},[_vm._v(\"\\n Реквизиты\\n \")]),_c('br'),(item.bankDetails)?_c('p',[_vm._v(_vm._s(item.principalInfo))]):_vm._e()]}},{key:\"item.toPayEPD\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('p',[_vm._v(_vm._s(item.toPayEPD))])]}},{key:\"item.toPay\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-layout',{staticClass:\"ml-3\"},[_c('v-currency-field',{attrs:{\"classes\":\"mt-2 input-fs-18 d-inline-block helvetica-bold max-w-200\",\"outlined\":\"\",\"disabled\":false,\"filled\":false,\"placeholder\":\"0\"},model:{value:(item.toPay),callback:function ($$v) {_vm.$set(item, \"toPay\", $$v)},expression:\"item.toPay\"}})],1)]}}])})],1),_c('div',{staticClass:\"d-flex\"},[_c('v-col',{staticClass:\"d-flex flex-column\",attrs:{\"sm\":\"5\"}},[_c('span',{staticClass:\"helvetica-medium mr-3 fs-18 d-inline-block mt-2\"},[_vm._v(\"Итого к оплате за электроэнергию:\")])]),_c('div',{staticClass:\"d-flex flex-column mt-3\"},[_c('v-text-field',{staticClass:\"mt-2\",staticStyle:{\"width\":\"150px\"},attrs:{\"outlined\":\"\",\"disabled\":\"\"},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_vm._v(\".руб\")]},proxy:true}]),model:{value:(_vm.payment),callback:function ($$v) {_vm.payment=$$v},expression:\"payment\"}})],1)],1),_c('div',{staticClass:\"grey--text font-italic d-flex mobilefont\"},[_vm._v(\"\\n К оплате принимаются карты международных платежных систем MasterCard,\\n Visa и НСПК МИР, выпущенные любым банком. Оплата осуществляется\\n без комиссии на платежной странице ПАО \\\"АК БАРС БАНК\\\"\\n \")]),_c('div',{staticClass:\"d-flex flex-column mt-5\"},[_c('div',{staticClass:\"helvetica-medium fs-18 d-inline-block mt-2\"},[_vm._v(\"Выберите способ получения информации о платеже*:\")]),_c('div',{staticClass:\"d-flex\"},[_c('v-col',{staticClass:\"d-flex flex-column\",attrs:{\"sm\":\"4\"}},[_c('v-checkbox',{staticClass:\"mr-3 fs-18 d-inline-block mt-2\",attrs:{\"label\":\"E-Mail:\"},model:{value:(_vm.email.check),callback:function ($$v) {_vm.$set(_vm.email, \"check\", $$v)},expression:\"email.check\"}}),_c('v-checkbox',{staticClass:\"mr-3 fs-18 d-inline-block mt-4\",attrs:{\"label\":\"Номер телефона:\"},model:{value:(_vm.tel.check),callback:function ($$v) {_vm.$set(_vm.tel, \"check\", $$v)},expression:\"tel.check\"}})],1),_c('div',{staticClass:\"d-flex flex-column mt-3\"},[_c('v-text-field',{staticClass:\"mt-2\",attrs:{\"outlined\":\"\",\"rules\":_vm.emailRules,\"disabled\":!_vm.email.check},model:{value:(_vm.email.value),callback:function ($$v) {_vm.$set(_vm.email, \"value\", $$v)},expression:\"email.value\"}}),_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('+7(###)###-##-##'),expression:\"'+7(###)###-##-##'\"}],attrs:{\"outlined\":\"\",\"disabled\":!_vm.tel.check,\"rules\":_vm.phoneRules},model:{value:(_vm.tel.value),callback:function ($$v) {_vm.$set(_vm.tel, \"value\", $$v)},expression:\"tel.value\"}})],1)],1),_c('div',{staticClass:\"grey--text font-italic\"},[_vm._v(\"Поля со знаком * обязательны для заполнения.\")])]),_c('div',[_c('v-btn',{staticClass:\"white-button white--text mt-6 mr-6\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.$emit('paymentWindowOff')}}},[_vm._v(\"Отмена\")]),_c('v-btn',{staticClass:\"green-button white--text mt-6\",attrs:{\"depressed\":\"\",\"disabled\":!_vm.disabled,\"loading\":_vm.loading},on:{\"click\":_vm.doPay}},[_vm._v(\"Оплатить\")])],1),(_vm.showModalPayment)?_c('modal-service-unvailable',{model:{value:(_vm.showModalPayment),callback:function ($$v) {_vm.showModalPayment=$$v},expression:\"showModalPayment\"}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{attrs:{\"show\":_vm.show,\"width\":\"550\"},on:{\"change\":function($event){return _vm.$emit('change', $event)}},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('span',[_vm._v(\"Уважаемый клиент!\")])]},proxy:true},{key:\"main\",fn:function(){return [_c('div',{staticClass:\"modal-info text-center mx-7 mt-10\"},[_c('span',{staticClass:\"d-block my-5\"},[_vm._v(\"\\n Сервис оплаты временно недоступен. Пожалуйста, повторите попытку\\n позже.\\n \")]),_c('v-btn',{staticClass:\"orange-button mb-5 mt-5\",attrs:{\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.$emit('change', false)}}},[_vm._v(\"Закрыть\\n \")])],1)]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","