Vue.component('EditingRegistry', {
        data: () => ({
                date: (new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                dateTicketP: null, //(new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                dateExtension: null,//(new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                dateFormatted: null,
                dateTicketPFormatted: null,
                dateExecution: null, //(new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                datePeriodVerStart: null, //(new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                datePeriodVerEnd: null,//(new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                dateTicketF: null,// (new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                dateReq: null,//(new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
                access: false,
                plots: [],
                inspections: [],
                plot: [],
                inspection: [],
                canal: [],
                selectedCanal: null,
                typeTax: [],
                subsidiary_filial: null,
                checkType: [],
                typename: null,
                reqType: [],
                numberReq: "",

                segment: null,
                segmentList: [
                    'Генерация',
                    'Сбыт',
                 ],

                workers: [],
                KPP: null,
                INN: null,
                idKPP: null,
                idINN: null,
                content: null,
                start1: false,
                start2: false,
                start3: false,
                start4: false,
                start5: false,
                start6: false,
                start7: false,
                execution_date: null,
                extension_date: null,
                req_date: null,
                idTicketP: null,
                idTicketF: null,
                nameExecutor: null,
                reqStatus: [],
                reqStatusNum: null,
                subsidiaries: [],
                subsidiary: [],
                subsidiary2: [],
                subFiliall: null,

                selectedSubsidiarys: null,
                softwares: [],
                sets: [],
                comment: null,
                periodVerStart: null,
                periodVerStartText: "",
                periodVerEnd: null,
                periodVerEndText: "",
                selectedSoftware: null,
                roles: [],
                selectedRole: "",
                dialog: false,
                groupWorkers: [],
                groupWorker: null,
                names: [],
                emails: [],
                email: [],
                selectedSubsidiary2: null,
                selectedSoftware2: null,
                selectedRole2: "",
                sets2: [],
                softwares2: [],
                roles2: [],
                dialog2: false,
                dialog4: false,
                dialog5: false,

                //Update Registry
                name_subsidiary: null,
                reqNumber: null,
                idStart_model1: null,
                idStart_model2: null,
                idStart_model3: null,
                idStart_model4: null,
                idStart_model5: null,
                idPlot: [],
                tax: null,
                check_type: [],
                check_period: null,
                req_type: [],
                responsible: [],
                executor: [],
                idContent: null,
                performerStatus: 'Подготовка ответа',
                idResponseStatus: null,
                responseStatus: 'В работе',
                listResponseStatus: [
                    'Отправлен',
                    'В работе',
                    'Отправлен частично',
                ],
                idNameCount: null,
                nameCount: null,
                ticketP: null,
                ticketF: null,
                idCanal: [],
                idComment: null,
                newCommentCP: "",
                snackText: "",
                snackText2: "",
                snackColor: "",
                snackType: "",
                alertSnack: false,
                worker: false,
                saveDateRegistry: "",
                statuses: "",
                numberINN: 0,
                numberKPP: 0,
                legal_position: [
                    'Да',
                    'Нет'],
                legal_positionOne: null,
            }),
    mounted() {
        TaxController.get({id: "getSubsidiary"})
            .then(response => response.json())
            .then(result => {
                this.subsidiaries = result
            });
        TaxController.get({
            id: "getCanal"
        })
            .then(response => response.json())
            .then(result => {
                this.canal = result
            });
        TaxController.get({
            id: "getReqType"
        })
            .then(response => response.json())
            .then(result => {
                this.reqType = result
            });
        TaxController.get({
            id: "getTypeTax"
        })
            .then(response => response.json())
            .then(result => {
                this.typeTax = result
            });
        TaxController.get({
            id: "getCheckType"
        })
            .then(response => response.json())
            .then(result => {
                this.checkType = result
            });
        TaxController.get({
            id: "getAllWorkers"
        })
            .then(response => response.json())
            .then(result => {
                this.workers = result
            });
        TaxController.get({
            id: "getStatusReq"
        })
            .then(response => response.json())
            .then(result => {
                this.reqStatus = result
            });
        TaxController.get({id: "getAllInspection"})
            .then(response => response.json())
            .then(result => this.inspections = result);
/*
        if (v === null) {
            this.inspections = [];
        }*/

    },
    watch: {/*
        datePeriodVerStart (val) {
            this.periodVerStart = this.formatDate(this.datePeriodVerStart).replaceAll('/', '.')
        },
        datePeriodVerEnd (val) {
            this.periodVerEnd = this.formatDate(this.datePeriodVerEnd).replaceAll('/', '.')
        },*/
        dateExtension (val) {
            this.extension_date = this.formatDate(this.dateExtension).replaceAll('/', '.')
        },
        dateExecution (val) {
            this.execution_date = this.formatDate(this.dateExecution).replaceAll('/', '.')
        },
        dateTicketP (val) {
            this.idTicketP = this.formatDate(this.dateTicketP).replaceAll('/', '.')
        },
        dateTicketF (val) {
            this.idTicketF = this.formatDate(this.dateTicketF).replaceAll('/', '.')
        },
        dateReq (val) {
            this.req_date = this.formatDate(this.dateReq).replaceAll('/', '.')
        },
        subsidiary(v) {
            if(v !== null && v.length !== 0) {
                TaxController.get({id: "getAllFilial",
                    subsidiary: this.subsidiary})
                    .then(response => response.json())
                    .then(result => this.plots = result);
                    this.plots = [];

            if (v === null) {
                this.plots = [];
            }

            }
        }
    },
    computed: {
        computedDateFormatted () {
            return this.formatDate(this.date)
        },
        getYear(){
            console.log(new Date().getFullYear());
            return new Date().getFullYear().toString();
        },
    },
    methods: {
        allowedDates: val => parseInt(val.split('-')[0], 10) % 2022 === 0,
        formatDate (date) {
            if (!date) return null

            const [year, month, day] = date.split('-')
            return `${day}/${month}/${year}`
        },
        parseDate (date) {
            if (!date) return null

            const [month, day, year] = date.split('/')
            return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
        },
        checkForm: function (e) {
            if (this.INN && this.KPP) {
                return true;
            }

            this.errors = [];

            if (!this.INN) {
                this.errors.push('Требуется указать имя.');
            }
            if (!this.KPP) {
                this.errors.push('Требуется указать возраст.');
            }

            e.preventDefault();
        },
        save() {
            if (this.subsidiary === undefined || this.subsidiary.length === 0) {
                this.snackText = 'Выберите ДО';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.inspection === undefined || this.inspection.length === 0) {
                this.snackText = 'Выберите ИФНС!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.responsible === undefined || this.responsible.length === 0) {
                this.snackText = 'Выберите ответственного!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            /*if (this.tax === undefined || this.tax.length === 0) {
                this.snackText = 'Выберите вид налога!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }*/
            console.log(this.INN);
            console.log(this.inn_company);
            if (this.INN !== null && this.INN !== '') {
                const regINN = new RegExp(/^([\d+]{10}|[\d+]{12})$/)
                if (regINN.test(this.INN)) {

                }else {
                    this.snackText = 'Проверьте правильность заполнения ИНН';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
            }
            if (this.executor === undefined || this.executor.length === 0) {
                this.snackText = 'Выберите исполнителя!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.idTicketP === null || this.idTicketP.length === 0) {
                this.snackText = 'Дата ответ план не заполнена!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.check_type === undefined || this.check_type.length === 0) {
                this.snackText = 'Выберите вид проверки!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }

            if (this.reqNumber === null) {
                this.snackText = 'Номер требования не заполнен!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            /*if (this.legal_positionOne === null || this.legal_position.length === 0) {
                this.snackText = 'Выберите правовую позицию!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }*/
            /*if (this.req_date === null || this.req_date.length === 0) {
                this.snackText = 'Срок продления не заполнена!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }

             */
            // if (this.periodVer === null) {
            //     this.snackText = 'Выберите период проверки!';
            //     this.snackColor = 'error';
            //     this.snackType = 'error';
            //     this.alertSnack = true;
            //     return;
            // }

            if (this.execution_date === null || this.execution_date.length === 0) {
                this.snackText = 'Дата требования не заполнена!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.extension_date === null || this.extension_date.length === 0) {
                this.snackText = 'Дата получения не заполнена!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.req_type === undefined || this.req_type.length === 0) {
                this.snackText = 'Выберите тип требования!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
           /* if (this.content === null) {
                this.snackText = 'Содержание не заполненно!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }


            if (this.nameExecutor === null) {
                this.snackText = 'Не указано наименование контрагента!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }

            */

            if (this.performerStatus === null) {
                this.snackText = 'Выберите статус ответа!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.responseStatus === undefined || this.responseStatus.length === 0) {
                this.snackText = 'Выберите статус исполнения!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }

            if (this.typename === null || this.typename.length === 0) {
                this.snackText = 'Выберите канал!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.segment === null || this.segment.length === 0) {
                this.snackText = 'Выберите сегмент!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }
            if (this.content !== null && this.content !== "") {
            }
            else {
                this.snackText = 'Не указано содержание!';
                this.snackColor = 'error';
                this.snackType = 'error';
                this.alertSnack = true;
                return;
            }

            /*if (this.KPP != null) {
                const reKPP = new RegExp(/^[\d+]{9}$/);
                if (reKPP.test(this.KPP)) {

                }else {
                    this.snackText = 'Проверьте правильность заполнения КПП';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
            }*/

            Vue.http.post('/tax/saveDateRegistry', {
                name_subsidiary: this.subsidiary,
                reqNumber: this.reqNumber,
                req_date: this.execution_date,
                execution_date: this.extension_date,
                extension_date: this.req_date,
                subFiliall: this.subFiliall,
                inspection: this.inspection,
                tax: this.tax,
                check_type: this.check_type,
                check_period: this.periodVerStart,
                req_type: this.req_type,
                responsible: this.responsible,
                executor: this.executor,
                idContent: this.content,
                performerStatus: this.performerStatus,
                responseStatus: this.responseStatus,
                nameExecutor: this.nameExecutor,
                idTicketP: this.idTicketP,
                idTicketF: this.idTicketF,
                idINN: this.INN,
                idKPP: this.KPP,
                idCanal: this.typename,
                idComment: this.comment,
                legal_position: this.legal_positionOne,
                segment: this.segment,
            }).then(response => response.text())
                .then(result => {
                    this.statuses = result
                    if (this.statuses === "Ошибка срок продления"){
                        this.snackText = 'Дата «Срок продления» меньше даты получения!';
                        this.snackColor = "error";
                        this.shackType = "error";
                        this.alertSnack = true;
                        return;
                    }
                    if (this.statuses === "Ошибка ответ факт") {
                        this.snackText = 'Дата «Ответ факт» меньше даты требования!';
                        this.snackColor = "error";
                        this.shackType = "error";
                        this.alertSnack = true;
                        return;

                    }
                    if (this.statuses === "Ошибка ответ план") {
                        this.snackText = 'Дата «Ответ план» меньше даты требования!';
                        this.snackColor = "error";
                        this.shackType = "error";
                        this.alertSnack = true;
                        return;
                    }

                    if (this.statuses === "Ошибка дата получения") {
                        this.snackText = '«Дата получения» меньше даты требования!';
                        this.snackColor = "error";
                        this.shackType = "error";
                        this.alertSnack = true;
                        return;
                    }
                    if (this.statuses === "Дубликат") {
                        this.snackText = 'Данное требование уже существует. Проверьте корректность заполнения полей';
                        this.snackColor = "error";
                        this.shackType = "error";
                        this.alertSnack = true;
                        return;
                    }
                    if (this.statuses === "Успешно") {
                        this.snackText = 'Сохраненно успешно!';
                        this.snackColor = "success";
                        this.shackType = "success";
                        this.alertSnack = true;
                        this.subsidiary = [];
                        this.reqNumber = null;
                        this.execution_date = null;
                        this.extension_date = null;
                        this.req_date = null;
                        this.subFiliall = null;
                        this.inspection = [];
                        this.tax = null;
                        this.check_type = [];
                        this.periodVer = null;
                        this.req_type = [];
                        this.responsible = [];
                        this.executor = [];
                        this.content = null;
                        this.responseStatus = 'В работе';
                        this.performerStatus = 'Подготовка ответа';
                        this.nameExecutor = null;
                        this.idTicketP = null;
                        this.idTicketF = null;
                        this.INN = null;
                        this.KPP = null;
                        this.typename = null;
                        this.comment = null;
                        this.legal_positionOne = null;
                        this.segment = null;
                        return;

                    }
                })
            // this.subsidiary = [];
            // this.reqNumber = null;
            // this.execution_date = null;
            // this.extension_date = null;
            // this.req_date = null;
            // this.subFiliall = null;
            // this.inspection = [];
            // this.tax = [];
            // this.check_type = [];
            // this.periodVer = null;
            // this.req_type = [];
            // this.responsible = [];
            // this.executor = [];
            // this.content = null;
            // this.responseStatus = null;
            // this.performerStatus = null;
            // this.nameExecutor = null;
            // this.idTicketP = null;
            // this.idTicketF = null;
            // this.INN = null;
            // this.KPP = null;
            // this.typename = null;
            // this.comment = null;
            // this.legal_positionOne = null;

        },
    },
    template:
        '<v-card>' +
            '<div class="text-center ma-0 pa-0" style="width: 50%">' +
                '<v-snackbar v-model="alertSnack" top absolute timeout="3000" class="pa-0 ma-0" :color="snackColor">' +
                    '<v-alert style="width: 100%" :type="snackType" class="ma-0" :color="snackColor">' +
                        '{{this.snackText}}' +
                    '</v-alert>' +
                '</v-snackbar>' +
            '</div>' +
        '<v-card flat>' +
            '<v-card-title></v-card-title>' +
        '<v-card-text>' +
        '<v-row align="baseline">' +
            '<v-col cols="3">' +
                '<v-autocomplete dense outlined hide-details ' +
                    ':items="subsidiaries" label="Выберите ДО" v-model="subsidiary" item-text="name" return-object>' +
                '</v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-autocomplete v-model="inspection" :items="inspections" label="ИФНС" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-text-field dense outlined hide-details v-model="nameExecutor" label="Наименования контрагента"></v-text-field> ' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-autocomplete v-model="responsible" :items="workers" label="Ответственный" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
        '</v-row>' +
        //-----------------------------------------------
        '<v-row align="baseline">' +
            '<v-col cols="3">' +
                '<v-autocomplete v-model="subFiliall" :items="plots" label="Филиал" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-autocomplete v-model="tax" :items="typeTax" label="Налог" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-text-field dense outlined hide-details v-model="INN" label="ИНН контрагента"></v-text-field> ' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-autocomplete v-model="executor" :items="workers" label="Исполнитель" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
        '</v-row>' +
        //----------------------------------------------
        '<v-row align="baseline">' +
            '<v-col cols="2">' +
                    '<v-menu v-model="start4" :close-on-content-click="false" :nudge-right="40" transition="scale-transition" offset-y min-width="auto">' +
                            '<template v-slot:activator="{ on, attrs }">' +
                                '<v-text-field v-model="idTicketP" label="Ответ план" prepend-icon="mdi-calendar" readonly v-bind="attrs" v-on="on" ></v-text-field>' +
                            '</template>' +
                    '<v-date-picker  :allowed-dates="allowedDates" first-day-of-week="1" width="320" v-model="dateTicketP" locale="ru-ru"  @input="start4 = false"></v-date-picker>' +
                    '</v-menu>' +
            '</v-col>' +
            '<v-col cols="2">' +
                '<v-menu v-model="start3" :close-on-content-click="false" :nudge-right="40" transition="scale-transition" offset-y min-width="auto">' +
                        '<template v-slot:activator="{ on, attrs }">' +
                            '<v-text-field v-model="req_date"  clearable clear-icon="mdi-close-circle-outline" label="Срок продления" prepend-icon="mdi-calendar" ' +
                                'readonly v-bind="attrs" v-on="on">' +
                            '</v-text-field>' +
                        '</template>' +
                    '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" width="320" v-model="dateReq" locale="ru-ru"  @input="start3 = false"></v-date-picker>' +
                '</v-menu>' +
            '</v-col>' +
            '<v-col cols="4">' +
                '<v-autocomplete v-model="check_type" :items="checkType" label="Вид проверки" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
             '</v-col>' +
            // '<v-col cols="3">' +
            //     '<v-text-field dense outlined hide-details v-model="KPP" label="КПП контрагента"></v-text-field> ' +
            // '</v-col>' +
            '<v-col cols="4">' +
                '<v-autocomplete v-model="performerStatus" :items="reqStatus" label="Статус исполнения" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
        '</v-row>' +
        //------------------------------------------
        '<v-row align="baseline">' +
            '<v-col cols="2">' +
                '<v-text-field dense outlined hide-details v-model="reqNumber" :items="numberReq" label="Номер Требования"></v-text-field> ' +
            '</v-col>' +
            '<v-col cols="2">' +
                '<v-text-field dense outlined hide-details v-model="periodVerStart" :items="periodVerStartText" label="Период проверки"></v-text-field> ' +
            '</v-col>' +/*
            '<v-col cols="2">' +
                '<v-text-field dense outlined hide-details v-model="periodVerEnd" :items="periodVerEndText" label="Период проверки"></v-text-field> ' +
            '</v-col>' +*/
           /* '<v-col cols="2">' +
                    '<v-menu v-model="start7" :close-on-content-click="false" :nudge-right="40" transition="scale-transition" offset-y min-width="auto">' +
                            '<template v-slot:activator="{ on, attrs }">' +
                                '<v-text-field v-model="periodVerStart" label="Период проверки с" prepend-icon="mdi-calendar" readonly v-bind="attrs" v-on="on" ></v-text-field>' +
                            '</template>' +
                    '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" width="320" v-model="datePeriodVerStart" @input="start7 = false" locale="ru-ru" ></v-date-picker>' +
                    '</v-menu>' +
            '</v-col>' +
            '<v-col cols="2">' +
                    '<v-menu v-model="start6" :close-on-content-click="false" :nudge-right="40" transition="scale-transition" offset-y min-width="auto">' +
                            '<template v-slot:activator="{ on, attrs }">' +
                                '<v-text-field v-model="periodVerEnd" label="Период проверки по" prepend-icon="mdi-calendar" readonly v-bind="attrs" v-on="on" ></v-text-field>' +
                            '</template>' +
                    '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" width="320" v-model="datePeriodVerEnd"  @input="start6 = false" locale="ru-ru"></v-date-picker>' +
                    '</v-menu>' +
            '</v-col>' + */
            '<v-col cols="4">' +
                '<v-autocomplete dense outlined hide-details ' +
                    ':items="legal_position" clearable clear-icon="mdi-close-circle-outline" label="Правовая позиция" v-model="legal_positionOne">' +
                '</v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="4">' +
                '<v-autocomplete dense outlined hide-details ' +
                    ':items="listResponseStatus" label="Статус ответа" v-model="responseStatus">' +
                '</v-autocomplete>' +
            '</v-col>' +
        '</v-row>' +
        //------------------------------------------
        '<v-row align="baseline">' +
            '<v-col align-self="stretch" cols="2">' +
                '<v-menu v-model="start1" :close-on-content-click="false" :nudge-right="40" transition="scale-transition" offset-y min-width="auto">' +
                    '<template v-slot:activator="{ on, attrs }">' +
                        '<v-text-field class="text-center justify-center align-center" ' +
                            'v-model="execution_date" label="Дата требования" prepend-inner-icon="mdi-calendar" readonly v-bind="attrs" v-on="on" >' +
                        '</v-text-field>' +
                    '</template>' +
                        '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" width="320" v-model="dateExecution" locale="ru-ru" @blur="date = parseDate(execution_date)" @input="start1 = false"></v-date-picker>' +
                '</v-menu>' +
            '</v-col>' +
            '</v-col>'+
            '<v-col cols="2">' +
                '<v-menu v-model="start2" :close-on-content-click="false" :nudge-right="40" transition="scale-transition" offset-y min-width="auto">' +
                        '<template v-slot:activator="{ on, attrs }">' +
                            '<v-text-field v-model="extension_date" label="Дата получения" prepend-icon="mdi-calendar" ' +
                                'readonly v-bind="attrs" v-on="on" >' +
                            '</v-text-field>' +
                        '</template>' +
                    '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" width="320" v-model="dateExtension" locale="ru-ru" @blur="date = parseDate(extension_date)" @input="start2 = false"></v-date-picker>' +
                '</v-menu>' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-autocomplete v-model="req_type" :items="reqType" label="Тип требования" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-autocomplete v-model="typename" :items="canal" label="Канал" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details></v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="2">' +
                '<v-menu v-model="start5" :close-on-content-click="false" :nudge-left="40" transition="scale-transition" left min-width="auto" >' +
                    '<template v-slot:activator="{ on, attrs }">' +
                        '<v-text-field v-model="idTicketF" label="Ответ факт" prepend-icon="mdi-calendar" readonly v-bind="attrs" v-on="on" ></v-text-field>' +
                    '</template>' +
                    '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" width="320" v-model="dateTicketF" locale="ru-ru"  @input="start5 = false"></v-date-picker>' +
                '</v-menu>' +
            '</v-col>' +
        '</v-row>' +
        //------------------------------------------
        '<v-row align="baseline">' +
            '<v-col cols="4">' +
                '<v-autocomplete :prepend-inner-icon="accountIcon" :color="accountColor" clearable clear-icon="mdi-close-circle-outline" dense outlined hide-details ' +
                    ':items="segmentList" label="Сбыты/Генерация" v-model="segment" item-text="name" return-object>' +
                '</v-autocomplete>' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-text-field dense outlined hide-details v-model="content" label="Содержание"></v-text-field> ' +
            '</v-col>' +
            '<v-col cols="3">' +
                '<v-text-field dense outlined hide-details v-model="comment" label="Комментарий"></v-text-field> ' +
            '</v-col>' +
        '</v-row>' +
                '<v-row>' +
                    '<v-btn color="#f59000" class="white--text" @click="save">' +
                        'Записать реестр' +
                    '</v-btn>' +
                '</v-row>' +
            '</v-card-text>' +
            '</v-card>' +
        '</v-card>',
})