let taxs = new Vue({
    el: '#app',
    vuetify: new Vuetify(),
    data: () => ({
        taxs: frontendData.taxs,
        segment: frontendData.segment,
        id_subsidiary: frontendData.id_subsidiary,
        name_subsidiary: frontendData.name_subsidiary,
        req_num: frontendData.req_num,
        execution_date: frontendData.execution_date,
        extension_date: frontendData.extension_date,
        req_date: frontendData.req_date,
        subsidiary_filial: frontendData.subsidiary_filial,
        name_filial: frontendData.name_filial,
        inspection: frontendData.inspection,
        tax: frontendData.tax,
        check_type: frontendData.check_type,
        check_period: frontendData.check_period,
        check_period_end: frontendData.check_period_end,
        req_type: frontendData.req_type,
        responsible: frontendData.responsible,
        executor: frontendData.executor,
        content: frontendData.content,
        performerStatus: frontendData.performerStatus,
        responseStatus: frontendData.responseStatus,
        company_name: frontendData.company_name,
        ticketP: frontendData.ticketP,
        ticketF: frontendData.ticketF,
        inn_company: frontendData.inn_company,
        kpp_company: frontendData.kpp_company,
        comment: frontendData.comment,
        canal: frontendData.canal,
        access: frontendData.access,
        adminAccess: frontendData.adminAccess,
        responsibleAccess: frontendData.responsibleAccess,
        executorAccess: frontendData.executorAccess,
        worker: frontendData.worker,

        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),

        subsidiaryes: [],
        reqNum: "",
        reqType: [],
        typeTax: [],
        checkType: [],
        workers: [],
        reqStatus: [],
        subsidiary: null,
        SubsidiaryFilial: null,
        listResponseStatus: [
            'Отправлен',
            'В работе',
            'Отправлен частично',
        ],

        legalPositionList: [
            'Да',
            'Нет'
        ],
        segmentList: [
            'Генерация',
            'Сбыт'
        ],
        edit: false,
        groupNames: [],
        menu: false,
        menu1: false,
        menu2: false,
        menu3: false,
        menu4: false,
        statuses: [
            "Назначен",
            "В работе",
            "Переоткрыт",
            "Завершен"
        ],
        statusesFlag: "",
        types: [
            "Оплата налога",
            "Сдача декларации",
            "Сдача отчетности",
        ],
        file: null,
        alertSnack: false,
        snackText: "",
        snackColor: "",
        snackType: "",
        //rules15: [v => (!v.size > 15728640) || 'Размер файла не может превышать 15МБ!'],
        isValid: false,
    }),
    mounted() {
    },
    methods: {
        editFlag() {
            if (!this.edit) {
                return this.edit = true;
            } else {
                if (this.taxs.name_subsidiary === null) {
                    this.snackText = 'Выберите ДО';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.getSegment()) {
                    this.snackText = 'Выберите сегмент!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.req_num === null || this.taxs.req_num === '') {
                    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.execution_date === null || this.execution_date.length === 0) {
                    this.snackText = 'Дата получения не заполнена!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.ticketP === null || this.ticketP.length === 0) {
                    this.snackText = 'Дата ответ план не заполнена!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.inspection === null) {
                    this.snackText = 'Выберите ИФНС!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.canal === null || this.taxs.canal.length === 0) {
                    this.snackText = 'Выберите канал!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.check_type === null) {
                    this.snackText = 'Выберите вид проверки!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.performerStatus === null) {
                    this.snackText = 'Выберите статус исполнения!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.responseStatus === null || this.taxs.responseStatus === '') {
                    this.snackText = 'Выберите статус ответа!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.req_type === null) {
                    this.snackText = 'Выберите тип требования!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.responsible === null) {
                    this.snackText = 'Выберите ответственного!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.executor === null) {
                    this.snackText = 'Выберите исполнителя!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.content !== null && this.taxs.content !== "") {
                }
                else {
                    this.snackText = 'Не указано содержание!';
                    this.snackColor = 'error';
                    this.snackType = 'error';
                    this.alertSnack = true;
                    return;
                }
                if (this.taxs.inn_company != null && this.taxs.inn_company !== '') {
                    const regINN = new RegExp(/^([\d+]{10}|[\d+]{12})$/);
                    if (regINN.test(this.taxs.inn_company)){

                    }
                    else {
                        this.snackText = 'Проверьте правильность заполнения ИНН';
                        this.snackColor = 'error';
                        this.snackType = 'error';
                        this.alertSnack = true;
                        this.edit = true;
                        return;
                    }
                }
                TaxController.get({
                    id: 'editTaxs',
                    taxs: JSON.stringify(this.taxs),
                    name_subsidiary: this.subsidiary,
                    req_date: this.req_date,
                    ticketP: this.ticketP,
                    ticketF: this.ticketF,
                    executionDate: this.execution_date,
                    extensionDate: this.extension_date,
                    taxs_id: this.taxs.id,
                }).then(response => response.text())
                    .then(result => {
                        this.statusesFlag = result
                if (this.statusesFlag === "Ошибка ответ факт") {
                    this.snackText = 'Дата «Ответ факт» меньше даты требования!';
                    this.snackColor = "error";
                    this.shackType = "error";
                    this.alertSnack = true;
                    return;

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

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

                if (this.statusesFlag === "Ошибка дата получения") {
                    this.snackText = '«Дата получения» меньше даты требования!';
                    this.snackColor = "error";
                    this.shackType = "error";
                    this.alertSnack = true;
                    return;
                }
                if (this.statusesFlag === "Успешно") {
                    this.snackText = 'Сохраненно успешно!';
                    this.snackColor = "success";
                    this.shackType = "success";
                    this.alertSnack = true;
                    return this.edit = false;

                }
                })
            }
        },
        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')}`
        },
        allowedDates: val => parseInt(val.split('-')[0], 10) % 2022 === 0,
        checkForNull(obj) {
            return (obj === null || obj === "" || obj === "undefined" || obj === undefined) ? "-" : obj;
        },
        getStatusColor() {
            switch (this.tax.status) {
                case "Назначен":
                    return "#8E33FF";
                case "Доставлен":
                    return "#33ADFF"
                case "Получен ответ":
                    return "#33ADFF"
                case "Не принят":
                    return "#FF0000"
                case "В работе":
                    return "#FFB700"
                case "Завершен":
                    return "#14FF00"
                case "Требует дополнительных действий":
                    return "#14FF00"
            }
        },
        getTypeColor() {
            switch (this.task.typeNotification) {
                case "Оплата налога":
                    return "#FF0007";
                case "Сдача декларации":
                    return "#FFDD00"
                case "Сдача отчетности":
                    return "#AA00FF"
            }
        },
        getSegment() {
            switch (this.taxs.segment) {
                case "Генерация":
                    return false;
                case "Сбыт":
                    return false;
                default:
                    return true;
            }
        },
        DF() {
            document.location = '/download/taxCalendar?id_task=' + this.taxs.id;
        },

    },
    computed: {

    },
    watch: {
        SubsidiaryFilial (v) {
            TaxController.get({id: "getAllFilial",
                subsidiary: this.name_subsidiary})
                .then(response => response.json())
                .then(result => this.name_filial = result);

            if (v === null) {
                this.plots = [];
            }
            TaxController.get({id: "getAllInspection",
                subsidiary: this.name_subsidiary})
                .then(response => response.json())
                .then(result => this.inspection = result);
        },
        dateExtension (val) {
            this.extension_date = this.formatDate(this.dateExtension).replaceAll('/', '.')
        },
        dateExecution (val) {
            this.execution_date = this.formatDate(this.dateExecution).replaceAll('/', '.')
        },
        dateTicketP (val) {
            this.ticketP = this.formatDate(this.dateTicketP).replaceAll('/', '.')
        },
        dateTicketF (val) {
            this.ticketF = 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: v})
                    .then(response => response.json())
                    .then(result => this.name_filial = result);
                    this.name_filial = [];

                TaxController.get({id: "getAllInspection",
                    subsidiary: this.name_subsidiary})
                    .then(response => response.json())
                    .then(result => this.inspection = result);

            }
        },


    },
    template:
        '<v-app>' +
            '<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-container fluid style="width: 80%">' +
            '<navBar></navBar>' +
            '<v-card>' +
                '<v-card-title v-if="!access">' +
                    'Информация о требовании - ID: {{taxs.id}}'+
                '</v-card-title>'+
                '<v-card-title v-else-if="access && !executorAccess && !responsibleAccess && worker">' +
                    'Информация о требовании - ID: {{taxs.id}}'+
                '</v-card-title>'+
                '<v-card-title v-else-if="access">' +
                    'Информация о требовании - ID: {{taxs.id}}'+
        '<v-spacer></v-spacer>'+
                '<v-btn v-if="!edit" color="#f59000" class="white--text" @click="editFlag">' +
                    'Редактировать' +
                '</v-btn>' +
                '<v-btn v-else color="success" class="white--text" @click="editFlag">' +
                    'Сохранить' +
                '</v-btn>' +
        // 'Редактировать <v-switch class="ml-3" color="success" inset v-model="edit"></v-switch>'+
                '</v-card-title>'+
        '<v-card-text>' +
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">ДО</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit">{{taxs.name_subsidiary}}</v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="subsidiary" ' +
                        ':items="name_subsidiary" :multiple="false"' +
                        'label="Выберите ДО">{{taxs.name_subsidiary}}</v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Филиал</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.name_filial}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.name_filial" :items="name_filial" :multiple="false" label="Выберите филиал"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Сбыты/Генерация</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit">{{taxs.segment}}</v-col>'+
                '<v-col v-else v-model="taxs.segment">' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.segment" :items="segmentList" :multiple="false" label="Выберите сегмент"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Номер Требования</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.req_num}} </v-col>'+
                '<v-col v-else ><v-text-field v-model="taxs.req_num"></v-text-field></v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Дата требования</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{req_date}} </v-col>'+
                '<v-col v-else>'+
                    '<v-menu v-model="menu" :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" ' +
                                    'label="Выберите новую дату" ' +
                                    'prepend-icon="mdi-calendar" '+
                                    'readonly v-bind="attrs" ' +
                                    'v-on="on" locale="ru-ru"' +
                                '></v-text-field>'+
                            '</template>'+
                        '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" v-model="dateReq" locale="ru-ru" @input="menu = false"></v-date-picker>'+
                    '</v-menu>'+
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Дата получения</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{execution_date}} </v-col>'+
                '<v-col v-else-if="edit && adminAccess">'+
                    '<v-menu v-model="menu1" :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="execution_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" v-model="dateExecution" locale="ru-ru" @input="menu1 = false"></v-date-picker>'+
                    '</v-menu>'+
                '</v-col>'+
                '<v-col v-else> {{execution_date}} </v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Ответ план</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{ticketP}} </v-col>'+
                '<v-col v-else-if="edit && adminAccess">'+
                    '<v-menu v-model="menu2" :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="ticketP" '+
                                '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" v-model="dateTicketP"  locale="ru-ru" @input="menu2 = false"></v-date-picker>'+
                    '</v-menu>'+
                '</v-col>'+
                '<v-col v-else> {{ticketP}} </v-col>' +
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Срок продления</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{extension_date}} </v-col>'+
                '<v-col v-else>'+
                    '<v-menu v-model="menu4" :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" clearable clear-icon="mdi-close-circle-outline"'+
                                '></v-text-field>'+
                            '</template>'+
                        '<v-date-picker :allowed-dates="allowedDates" first-day-of-week="1" v-model="dateExtension" locale="ru-ru" @input="menu4 = false"></v-date-picker>'+
                    '</v-menu>'+
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Ответ факт</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{ticketF}} </v-col>'+
                '<v-col v-else>'+
                    '<v-menu v-model="menu3" :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="ticketF" ' +
                                    '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" v-model="dateTicketF" locale="ru-ru" @input="menu3 = false"></v-date-picker>'+
                    '</v-menu>'+
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">ИФНС</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit">{{taxs.inspection}}</v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.inspection" :items="inspection" :multiple="false" label="Выберите ИФНС"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Канал</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.canal}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.canal" :items="canal" :multiple="false" label="Выберите канал"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Налог</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.tax}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.tax" :items="tax" :multiple="false" label="Выберите вид налога"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Вид проверки</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.check_type}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.check_type" :items="check_type" :multiple="false" label="Выберите вид проверки"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Период проверки</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.check_period}} </v-col>'+
                '<v-col v-else ><v-text-field v-model="taxs.check_period"></v-text-field></v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>' +
            '<v-row class="ma-0">' +
                '<v-col cols="3">Тип требования</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.req_type}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.req_type" :items="req_type" :multiple="false" label="Выберите тип требования"></v-autocomplete>' +
                '</v-col>'+
        '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Ответственный</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.responsible}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.responsible" :items="responsible" :multiple="false" label="Выберите ответственного"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Исполнитель</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.executor}} </v-col>'+
                '<v-col v-else-if="edit && executorAccess && !responsibleAccess"> {{taxs.executor}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.executor" :items="executor" :multiple="false" label="Выберите исполнителя"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Содержание</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.content}} </v-col>'+
                '<v-col v-else ><v-text-field v-model="taxs.content"></v-text-field></v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Контрагент</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.company_name}} </v-col>'+
                '<v-col v-else ><v-text-field v-model="taxs.company_name"></v-text-field></v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">ИНН контрагента</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit">{{taxs.inn_company}}</v-col>'+ //checkForNull(taxs.inn_company)
                '<v-col v-else ><v-text-field v-model="taxs.inn_company"></v-text-field></v-col>'+
            '</v-row>'+
        '<v-divider></v-divider>'+
            '<v-row class="ma-0">' +
                '<v-col cols="3">Правовая позиция</v-col>'+
        '<v-divider vertical></v-divider>'+
                '<v-col v-if="!edit"> {{taxs.legal_position}} </v-col>'+
                '<v-col v-else-if="edit && executorAccess && !responsibleAccess"> {{taxs.legal_position}} </v-col>'+
                '<v-col v-else>' +
                    '<v-autocomplete dense outlined hide-details v-model="taxs.legal_position" :items="legalPositionList" :multiple="false" label="Выберите правовую позицию"></v-autocomplete>' +
                '</v-col>'+
            '</v-row>'+
                '<v-divider></v-divider>'+
                    '<v-row class="ma-0">' +
                        '<v-col cols="3">Статус исполнения</v-col>'+
                '<v-divider vertical></v-divider>'+
                        '<v-col v-if="!edit"> {{taxs.performerStatus}} </v-col>'+
                        '<v-col v-else>' +
                            '<v-autocomplete dense outlined hide-details v-model="taxs.performerStatus" :items="performerStatus" :multiple="false" label="Выберите статус исполнителя"></v-autocomplete>' +
                        '</v-col>'+
                    '</v-row>'+
                '<v-divider></v-divider>'+
                    '<v-row class="ma-0">' +
                        '<v-col cols="3">Статус ответа</v-col>'+
                '<v-divider vertical></v-divider>'+
                        '<v-col v-if="!edit"> {{taxs.responseStatus}} </v-col>'+
                        '<v-col v-else>' +
                            '<v-autocomplete dense outlined hide-details v-model="taxs.responseStatus" :items="listResponseStatus" :multiple="false" label="Выберите статус ответа"></v-autocomplete>' +
                        '</v-col>'+
                    '</v-row>'+
                '<v-divider></v-divider>'+
                    '<v-row class="ma-0">' +
                        '<v-col cols="3">Комментарий</v-col>'+
                '<v-divider vertical></v-divider>'+
                        '<v-col v-if="!edit"> {{taxs.comment}} </v-col>'+
                        '<v-col v-else ><v-text-field v-model="taxs.comment"></v-text-field></v-col>'+
                    '</v-row>'+
                '<v-divider></v-divider>'+
            '</v-card-text>'+
                    '<v-card-title v-if="!access"></v-card-title>'+
                    '<v-card-title v-else-if="access && !executorAccess && !responsibleAccess && worker"></v-card-title>'+
                    '<v-card-title v-else-if="access">' +
                    '<v-spacer></v-spacer>'+
                        '<v-btn v-if="!edit" color="#f59000" class="white--text" @click="editFlag">' +
                            'Редактировать' +
                        '</v-btn>' +
                        '<v-btn v-else color="success" class="white--text" @click="editFlag">' +
                            'Сохранить' +
                        '</v-btn>' +
        // 'Редактировать <v-switch class="ml-3" color="success" inset v-model="edit"></v-switch>'+
                    '</v-card-title>'+
                '</v-card>'+
            '</v-container>'+
        '</v-app>',
});