{"version":3,"sources":["webpack:///./src/view/dashboard/pages/clientTickets/ClientTicketList.vue?c63a","webpack:///src/view/dashboard/pages/clientTickets/ClientTicketList.vue","webpack:///./src/view/dashboard/pages/clientTickets/ClientTicketList.vue?be18","webpack:///./src/view/dashboard/pages/clientTickets/ClientTicketList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","headers","clientTicketList","options","clientTicketListTotal","on","$event","handleRowClick","scopedSlots","_u","key","fn","ticketStatusList","$vuetify","lang","t","model","value","filter","callback","$$v","$set","expression","proxy","ref","item","_v","_s","manager","name","clientTicketStatus","ticketStatus","id","_e","stopPropagation","assignManager","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0ae9a8.8cd4607f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"ticket-list\",\"fluid\":\"\",\"tag\":\"section\",\"pt-0\":\"\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.clientTicketList,\"options\":_vm.options,\"server-items-length\":_vm.clientTicketListTotal,\"items-per-page\":20,\"footer-props\":{\n                        'items-per-page-options': [20, 50, -1]\n                    }},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.handleRowClick},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-row',{staticClass:\"ml-2 mr-2\"},[_c('v-col',{attrs:{\"cols\":\"6\",\"md\":\"2\"}},[_c('v-select',{staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"outlined\":\"\",\"multiple\":\"\",\"items\":_vm.ticketStatusList,\"item-value\":\"id\",\"item-text\":\"name\",\"hide-details\":\"auto\",\"clearable\":true,\"label\":_vm.$vuetify.lang.t('$vuetify.page.ClientTicketList.ticketTypeLabel')},model:{value:(_vm.filter.status),callback:function ($$v) {_vm.$set(_vm.filter, \"status\", $$v)},expression:\"filter.status\"}})],1)],1)]},proxy:true},{key:\"item.manager\",fn:function(ref){\n                    var item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.manager ? item.manager.name : '')+\" \")]}},{key:\"item.ticketStatus\",fn:function(ref){\n                    var item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(_vm.clientTicketStatus(item.ticketStatus.id))+\" \")]}},{key:\"item.actions\",fn:function(ref){\n                    var item = ref.item;\nreturn [(!item.manager)?[_c('v-icon',{staticClass:\"mr-4\",attrs:{\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.assignManager(item)}}},[_vm._v(\" mdi-account-tie-outline \")])]:_vm._e()]}},{key:\"no-data\",fn:function(){return [_vm._v(\" Нет данных \")]},proxy:true}])})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container\r\n        id=\"ticket-list\"\r\n        fluid\r\n        tag=\"section\"\r\n        pt-0\r\n    >\r\n        <v-row>\r\n            <v-col cols=\"12\">\r\n                <v-data-table\r\n                    :headers=\"headers\"\r\n                    :items=\"clientTicketList\"\r\n                    class=\"elevation-1\"\r\n                    :options.sync=\"options\"\r\n                    :server-items-length=\"clientTicketListTotal\"\r\n                    @click:row=\"handleRowClick\"\r\n                    :items-per-page=\"20\"\r\n                    :footer-props=\"{\r\n                            'items-per-page-options': [20, 50, -1]\r\n                        }\"\r\n                >\r\n                    <template v-slot:top>\r\n                        <v-row class=\"ml-2 mr-2\">\r\n                            <v-col cols=\"6\" md=\"2\">\r\n                                <v-select\r\n                                    dense\r\n                                    outlined\r\n                                    multiple\r\n                                    v-model=\"filter.status\"\r\n                                    :items=\"ticketStatusList\"\r\n                                    item-value=\"id\"\r\n                                    item-text=\"name\"\r\n                                    hide-details=\"auto\"\r\n                                    :clearable=\"true\"\r\n                                    :label=\"$vuetify.lang.t('$vuetify.page.ClientTicketList.ticketTypeLabel')\"\r\n                                    class=\"mr-3\"\r\n                                ></v-select>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </template>\r\n                    <template v-slot:item.manager=\"{ item }\">\r\n                        {{ item.manager ? item.manager.name : '' }}\r\n                    </template>\r\n                    <template v-slot:item.ticketStatus=\"{ item }\">\r\n                        {{ clientTicketStatus(item.ticketStatus.id) }}\r\n                    </template>\r\n                    <template v-slot:item.actions=\"{ item }\">\r\n                        <template v-if=\"!item.manager\">\r\n                            <v-icon\r\n                                small\r\n                                @click.stop=\"assignManager(item)\"\r\n                                class=\"mr-4\"\r\n                            >\r\n                                mdi-account-tie-outline\r\n                            </v-icon>\r\n                        </template>\r\n                    </template>\r\n                    <template v-slot:no-data>\r\n                        Нет данных\r\n                    </template>\r\n                </v-data-table>\r\n            </v-col>\r\n        </v-row>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash';\r\nimport {mapState} from 'vuex'\r\n\r\nexport default {\r\n    name: \"ClientTicketList\",\r\n    props: {\r\n        status: {\r\n            type: Array,\r\n            default: null\r\n        },\r\n        page: {\r\n            type: String,\r\n            default: \"1\"\r\n        },\r\n        itemsPerPage: {\r\n            type: String,\r\n            default: \"20\"\r\n        }\r\n    },\r\n    created() {\r\n        if (this.page) {\r\n            this.options.page = this.page * 1\r\n        }\r\n        if (this.itemsPerPage) {\r\n            this.options.itemsPerPage = this.itemsPerPage * 1\r\n        }\r\n\r\n        this.getTicketList()\r\n\r\n        this.debouncedSearch = _.debounce(this.reloadData, 500)\r\n    },\r\n    computed: {\r\n        ...mapState(['barColor', 'barImage']),\r\n        clientTicketList() {\r\n            return this.$store.getters.clientTicketList\r\n        },\r\n        clientTicketListTotal() {\r\n            return this.$store.getters.clientTicketListTotal\r\n        },\r\n        notifications() {\r\n            return this.$store.getters.clientTicketChangedNotification\r\n        }\r\n    },\r\n    watch: {\r\n        options: {\r\n            handler() {\r\n                this.getTicketList()\r\n            },\r\n            deep: true,\r\n        },\r\n        'filter.search': {\r\n            handler() {\r\n                this.debouncedSearch()\r\n            }\r\n        },\r\n        'filter.status': {\r\n            handler() {\r\n                this.reloadData()\r\n            }\r\n        },\r\n        'filter.department': {\r\n            handler() {\r\n                this.reloadData()\r\n            },\r\n        },\r\n        'filter.datePeriod': {\r\n            handler() {\r\n                this.reloadData()\r\n            },\r\n            deep: true\r\n        },\r\n        'filter.executor': {\r\n            handler() {\r\n                this.reloadData()\r\n            },\r\n        },\r\n        notifications: {\r\n            handler() {\r\n                this.clientTicketUp()\r\n            }\r\n        },\r\n        sortBy: {\r\n            type: String,\r\n            default: \"\"\r\n        },\r\n        sortDesc: {\r\n            type: Boolean\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            options: {},\r\n            filter: {\r\n                status: this.status && !Array.isArray(this.status) ? [this.status] : this.status,\r\n            },\r\n            ticketStatusList: [\r\n                {id: 1, name: 'Открыта'},\r\n                {id: 2, name: 'В процесе'},\r\n                {id: 3, name: 'Закрыта'},\r\n            ],\r\n            headers: [\r\n                {\r\n                    text: this.$vuetify.lang.t('$vuetify.page.ClientTicketList.fields.number'),\r\n                    align: 'start',\r\n                    sortable: true,\r\n                    value: 'no',\r\n                },\r\n                {\r\n                    text: this.$vuetify.lang.t('$vuetify.page.ClientTicketList.fields.clientName'),\r\n                    align: 'start',\r\n                    sortable: true,\r\n                    value: 'client.name',\r\n                },\r\n                {\r\n                    text: this.$vuetify.lang.t('$vuetify.page.ClientTicketList.fields.name'),\r\n                    align: 'start',\r\n                    sortable: true,\r\n                    value: 'name',\r\n                },\r\n                {\r\n                    text: this.$vuetify.lang.t('$vuetify.page.ClientTicketList.fields.status'),\r\n                    align: 'start',\r\n                    sortable: true,\r\n                    value: 'ticketStatus',\r\n                },\r\n                {\r\n                    text: this.$vuetify.lang.t('$vuetify.page.ClientTicketList.fields.manager'),\r\n                    align: 'start',\r\n                    sortable: true,\r\n                    value: 'manager',\r\n                },\r\n                {text: this.$vuetify.lang.t('$vuetify.page.action.titleAction'), value: 'actions', sortable: false},\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        generateQuery() {\r\n            let query = {}\r\n            if (this.filter.status) {\r\n                query.status = this.filter.status\r\n            }\r\n            if (this.options.page) {\r\n                query.page = this.options.page + ''\r\n            }\r\n            if (this.options.itemsPerPage) {\r\n                query.itemsPerPage = this.options.itemsPerPage + ''\r\n            }\r\n            if (this.options.sortBy) {\r\n                query.sortBy = this.options.sortBy[0]\r\n            }\r\n            if (this.options.sortDesc) {\r\n                query.sortDesc = this.options.sortDesc[0]\r\n            }\r\n\r\n            this.$router.replace({name: \"ClientTicketList\", query: query}).catch(() => {\r\n            })\r\n        },\r\n        reloadData() {\r\n            if (this.options.page !== 1) {\r\n                this.options.page = 1\r\n            } else {\r\n                this.getTicketList()\r\n            }\r\n        },\r\n        getTicketList() {\r\n            if (this.options.page) {\r\n                this.generateQuery();\r\n\r\n                let itemPerPage = this.options.itemsPerPage === -1 ? null : this.options.itemsPerPage\r\n                let offset = itemPerPage ? (this.options.page - 1) * itemPerPage : null\r\n                this.$store.dispatch('retrieveClientTicketList', {\r\n                    offset: offset,\r\n                    limit: itemPerPage,\r\n                    status: this.filter.status,\r\n                })\r\n            }\r\n        },\r\n        openTicket(clientTicketId) {\r\n            this._openTicketCard(clientTicketId)\r\n        },\r\n        _openTicketCard(clientId, ticketId) {\r\n            this.$router.push({\r\n                name: 'ClientTicketCard',\r\n                params: {\r\n                    clientId: clientId,\r\n                    ticketId: ticketId\r\n                }\r\n            })\r\n        },\r\n        handleRowClick(row) {\r\n            if (row.manager) {\r\n                this._openTicketCard(row.client.id, row.id)\r\n            } else {\r\n                alert('Необходимо прикрепить менеджера')\r\n            }\r\n        },\r\n\r\n        clientTicketUp() {\r\n            this.notifications.slice().reverse().forEach(notification => {\r\n                this.$store.dispatch('clientTicketPushUp', {\r\n                    clientTicket: notification,\r\n                    inFilter: this.isInFilter(notification)\r\n                }).then(() => {\r\n                    // this.$store.dispatch('removeTicketChangedMessage', note.id)\r\n                })\r\n            })\r\n        },\r\n        clientTicketStatus(ticketStatusId) {\r\n            return this.ticketStatusList.find(i => i.id === ticketStatusId)?.name\r\n        },\r\n        assignManager(item) {\r\n            this.$store.dispatch('clientTicketAssignManager', {clientId: item.client.id, tickedId: item.id})\r\n        }\r\n    },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientTicketList.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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientTicketList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClientTicketList.vue?vue&type=template&id=78c65225&scoped=true&\"\nimport script from \"./ClientTicketList.vue?vue&type=script&lang=js&\"\nexport * from \"./ClientTicketList.vue?vue&type=script&lang=js&\"\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  \"78c65225\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}