{"version":3,"sources":["webpack:///./src/components/Algo/index.vue?a78b","webpack:///./src/components/Algo/index.vue?7a0e","webpack:///src/components/Algo/index.vue","webpack:///./src/components/Algo/index.vue?eea4","webpack:///./src/components/Algo/index.vue?abe3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","schema","name","edit","_e","class","staticStyle","model","value","callback","$$v","snackbar","expression","staticRenderFns","component","VProgressCircular","VSnackbar"],"mappings":"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","file":"js/chunk-25b730f6.17195f4d.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=a5052976&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=a5052976&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"algorithm\"},[_c('div',{staticClass:\"algorithm__title-wrapper\"},[_c('h3',{staticClass:\"algorithm__title\"},[_c('router-link',{attrs:{\"to\":\"/algorithms\"}},[_vm._v(\"Алгоритмы действий врача \")]),_vm._v(\"/ \"),_c('a',[_vm._v(_vm._s(_vm.schema.name))])],1)]),(_vm.schema && !_vm.edit)?_c('div',{staticClass:\"algorithm__forite-buttin\",attrs:{\"add-to-favorite-button\":\"\",\"title\":_vm.schema.name}}):_vm._e(),_c('div',{staticClass:\"algorithm__edir-area\",class:{'algorithm__edir-area_client-width': !_vm.edit}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"none\"},attrs:{\"id\":\"tooltip\"}}),_c('div',{staticClass:\"algorithm__svgView svgshow\",attrs:{\"id\":\"svgshow\"}},[_c('svg',{staticClass:\"svgdiag\",attrs:{\"id\":\"diagramSvg\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"width\":\"1200\",\"height\":\"1200\",\"viewBox\":\"0 0 1200 1200\"}})])]),_c('v-snackbar',{attrs:{\"top\":\"top\",\"right\":\"right\",\"timeout\":-1},model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},[_c('div',[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"size\":30,\"color\":\"primary\"}})],1),_c('span',{staticClass:\"md-toast-text\",attrs:{\"flex\":\"\"}},[_vm._v(\"Сохраняется\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ninclude ../../tools/mixins.pug\r\n\r\n+b.algorithm\r\n    +e.title-wrapper\r\n        +e('h3').title\r\n            router-link(to=\"/algorithms\") Алгоритмы действий врача \r\n            | / \r\n            a {{schema.name}}\r\n    +e.forite-buttin(v-if=\"schema && !edit\" add-to-favorite-button :title=\"schema.name\")\r\n    +e.edir-area(:class=\"{'algorithm__edir-area_client-width': !edit}\")\r\n        div(id=\"tooltip\" style=\"position: absolute; display: none;\")\r\n        +e.svgView#svgshow.svgshow()\r\n            svg.svgdiag#diagramSvg(xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"1200\" height=\"1200\" viewBox=\"0 0 1200 1200\")\r\n    v-snackbar(v-model=\"snackbar\" top=\"top\" right=\"right\" :timeout=\"-1\")\r\n        div\r\n            v-progress-circular(indeterminate :size=\"30\" color=\"primary\")\r\n        span.md-toast-text(flex='') Сохраняется\r\n</template>\r\n\r\n<script>\r\nimport Snap from \"imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js\";\r\nimport {getCirclePoint} from \"../AlgorithmDef/shapes/funcs.js\";\r\nimport Rect from \"../AlgorithmDef/shapes/rect.js\";\r\nimport converter from \"save-svg-as-png\";\r\nimport {mapActions, mapMutations} from 'vuex'\r\nimport lineDrawService from '../../service/lineDrawService.js'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            lines: [],\r\n            shapes: [],\r\n            shapeLines: null,\r\n            rects: null,\r\n            map: [],\r\n            rectText: '',\r\n            predeField: '',\r\n            rectSize: '',\r\n            rectUrl1: '',\r\n            rectUrl2: '',\r\n            rectUrl3: '',\r\n            edit: null,\r\n            schema: {\r\n                name: ''\r\n            },\r\n            ssid: '',\r\n            snackbar: false,\r\n            selectedShape: 'rect',\r\n            currentSubtype: 'rect',\r\n            predefinedTexts: {\r\n                romb: [\r\n                    \"Диагноз\\nподтвержден?\",\r\n                    \"Выявлено\\nпрогрессирование?\",\r\n                    \"Показано\\nоперативное\\nвмешательство?\",\r\n                    \"Консервативная\\nтерапия\\nэффективна?\",\r\n                    \"Достигнута\\nремиссия?\",\r\n                    \"Есть признаки\\nрецидива\\nзаболевания?\"\r\n                ],\r\n                rect: [\r\n                    \"Пациент\\nс подозрением на\",\r\n                    \"Продолжение\\nдиагностического поиска\\nв рамках других\\nвозможных заболеваний\",\r\n                    \"Диагностика\",\r\n                    \"Консервативное\\nлечение\",\r\n                    \"Хирургическое\\nлечение\",\r\n                    \"Реабилитация\",\r\n                    \"Динамическое\\nнаблюдение\",\r\n                    \"Оперативное\\nлечение\",\r\n                    \"Симптоматическая\\nтерапия\",\r\n                    \"Лучевая\\nтерапия\",\r\n                    \"Полихимиотерапия\",\r\n                    \"Диспансерное\\nнаблюдение\"\r\n                ]\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        ...mapActions({\r\n            getScheme: 'algorithmDef/getScheme',\r\n            getDefaultSchema: 'algorithmDef/getDefaultSchema'\r\n        }),\r\n        ...mapMutations({\r\n            saveNameTitle: 'algorithmDef/saveNameTitle'\r\n        }),\r\n        removeShape(rect) {\r\n            if (this.currentRectId) {\r\n                for(let i = 0; i < this.shapes.length; i++) {\r\n                    if (this.shapes[i] && this.shapes[i].id == this.currentRectId) {\r\n                        this.shapes[i].remove();\r\n                        delete this.shapes[i]\r\n                    }\r\n                }\r\n                this.shapes = this.shapes.filter(shape => shape);\r\n            }\r\n        },\r\n        addPredText(text) {\r\n            this.predeField = text;\r\n            this.rectText = text;\r\n            this.updateFields();\r\n        },\r\n        updateFields() {\r\n            const params = {\r\n                id: this.currentRectId,\r\n                url1: this.rectUrl1,\r\n                url2: this.rectUrl2,\r\n                url3: this.rectUrl3,\r\n                size: this.rectSize,\r\n                text: this.rectText\r\n            };\r\n            lineDrawService.dispatchEvent(lineDrawService.events.UPDATE_RECT, params);\r\n        },\r\n        selectRect(params) {\r\n            this.rectText = params.rect.text;\r\n            this.rectSize = params.rect.size;\r\n            this.rectUrl1 = params.rect.url1;\r\n            this.rectUrl2 = params.rect.url2;\r\n            this.rectUrl3 = params.rect.url3;\r\n            this.currentSubtype = params.rect.subtype;\r\n            this.currentRectId = params.rect.id;\r\n        },\r\n        drowSchema(res) {\r\n            this.schema = JSON.parse(res.data)\r\n\r\n            this.saveNameTitle(this.schema.name)\r\n            this.map = this.schema.schema.rects.map( item => { return {id: item.id, x1: item.x - item.rectw / 2, y1:item.y - item.recth / 2, x2: item.x + item.rectw / 2, y2: item.y + item.recth / 2}; });\r\n            lineDrawService.initGrid(1200, 1200, this.map);\r\n            this.rects = this.schema.schema.rects;\r\n            this.rects.forEach(rect => { \r\n                rect.rectw = rect.rectw ? rect.rectw : rect.subtype == 'romb' ? 190 : 160;\r\n                rect.recth = rect.recth ? rect.recth : rect.subtype == 'romb' ? 100 : 80;\r\n            })\r\n            this.shapeLines = this.schema.schema.lines;\r\n            this.shapeLines.forEach(item => {\r\n                let dir2Rect = this.rects.filter(shape => shape.id == item.id2)[0];\r\n                item.dir2Point = getCirclePoint(dir2Rect.x, dir2Rect.y, dir2Rect.rectw, dir2Rect.recth, item.dir2, 20);\r\n            })\r\n            this.rects.forEach(rect => {\r\n                let shapeLine = this.shapeLines.filter(item => item.id1 == rect.id);\r\n                this.shapes.push(new Rect(\r\n                    rect.id, \r\n                    rect.x,\r\n                    rect.y, \r\n                    rect.rectw,\r\n                    rect.recth, \r\n                    rect.text,\r\n                    rect.url1,\r\n                    this.schema.clinrecid,\r\n                    rect.subtype,\r\n                    rect.yesno,\r\n                    lineDrawService,\r\n                    this.edit,\r\n                    shapeLine.filter(item => item.dir1 == 1)[0],\r\n                    shapeLine.filter(item => item.dir1 == 2)[0],\r\n                    shapeLine.filter(item => item.dir1 == 3)[0],\r\n                    shapeLine.filter(item => item.dir1 == 4)[0],\r\n                    rect.url2,\r\n                    rect.url3,\r\n                    )\r\n                );\r\n            });\r\n            this.lines.forEach(item => item.edit = true);\r\n        },\r\n        save() {\r\n            let obj = buildObject();\r\n            obj.ssid = this.ssid;\r\n            this.snackbar = true\r\n            // apiService.postData(api.schema.save, obj).then(res => {\r\n\r\n            // })\r\n            loadSchema();\r\n        },\r\n        saveAsPng() {\r\n            // converter.saveSvgAsPng(, \"schema.png\");\r\n            converter.saveSvgAsPng(document.getElementById(\"diagramSvg\"), \"schema.png\",  {\r\n                modifyStyle: function(s) {\r\n                    s = s.replace(/stroke\\:\\ ?rgb\\([0-9]*\\,\\ ?[0-9]*\\,\\ ?[0-9]*\\)/ig, 'stroke: black');\r\n                    s = s.replace(/background\\:\\ ?rgb\\([0-9]*\\,\\ ?[0-9]*\\,\\ ?[0-9]*\\)/ig, 'background: white');\r\n                    s = s.replace(/fill\\:\\ ?rgb\\([0-9]*\\,\\ ?[0-9]*\\,\\ ?[0-9]*\\)/ig, 'fill: black');\r\n                    s = s.replace(/stroke\\-width\\:\\ ?[0-9]{2}/ig, 'stroke-width: 2');\r\n                    s = s.replace(/opacity\\:\\ ?0\\.[0-9]{2}/ig, '');\r\n                    s = s.replace(/\\\"\\#markerArrow\\\"/ig, '\"#markerArrowBlack\"');\r\n                    return s;\r\n                }\r\n            })\r\n        },\r\n        getId() {\r\n            let id = 1;\r\n            this.shapes.forEach(shape => { if (shape.id >= id) id = shape.id })\r\n            id++;\r\n            return id;\r\n        },\r\n        loadSchema() {\r\n            this.getScheme('901').then(res => {\r\n                console.log(JSON.parse(res.data))\r\n                //var j = JSON.parse(res.data)\r\n                let krContent = JSON.parse(res.data)\r\n\r\n                converter.svgAsPngUri(document.getElementById(\"diagramSvg\"),  {}, uri => {\r\n                    let content = '';\r\n                    if (krContent.obj.sections[16].content.length) {\r\n                        content = $('<p>' + krContent.obj.sections[16].content + '</p>');\r\n                    } else {\r\n                        content = $('<p></p>');\r\n                    }\r\n                    let img = content.find('img').eq(0);\r\n                    if (img.length) {\r\n                        img.attr(\"src\", uri);\r\n                    } else {\r\n                        content.append(\"<p><img src='\"+ uri +\"'/></p>\");\r\n                    }\r\n                    krContent.obj.sections[16].content = content.html();\r\n\r\n                    this.getScheme({\r\n                        id: krContent.id,\r\n                        name: krContent.name,\r\n                        code: krContent.code,\r\n                        mkb: krContent.mkb,\r\n                        adult: krContent.adult,\r\n                        child: krContent.child,\r\n                        tables: krContent.tables,\r\n                        obj: { sections: krContent.obj.sections },\r\n                        ssid: this.ssid\r\n                    }).then(res => {\r\n                        if (res && res.ok == true)\r\n                            doc.id = res.id;\r\n                            this.snackbar = false\r\n                    });\r\n                })\r\n            });\r\n        },\r\n        buildObject() {\r\n            let outputRects, outputLines, outputObj;\r\n            outputRects = this.shapes.map(shape => {\r\n                return {\r\n                    id: shape.id,\r\n                    rectw: shape.width,\r\n                    recth: shape.height,\r\n                    subtype: shape.subtype,\r\n                    text: shape.text,\r\n                    x: shape.x,\r\n                    y:shape.y,\r\n                    url1: shape.url1,\r\n                    url2: shape.url2,\r\n                    url3: shape.url3\r\n                }\r\n            })\t\r\n            outputLines = [];\r\n            this.shapes.forEach(shape => {\r\n                shape.nodes.forEach(node => {\r\n                    if (node && node.id2) {\r\n                        outputLines.push({\r\n                            id1: node.id1,\r\n                            id2: node.id2,\r\n                            dir1: node.dir1,\r\n                            dir2: node.dir2,\r\n                            a: node.a\r\n                        })\r\n                    }\r\n                })\r\n\r\n            })\r\n            outputObj = {\r\n                clinrecid: this.schema.clinrecid,\r\n                id: this.schema.clinrecid + '00',\r\n                name: this.schema.name,\r\n                schema: {\r\n                    rects: outputRects,\r\n                    lines: outputLines\r\n                }\r\n            }\r\n            return outputObj;\r\n        }\r\n    },\r\n    mounted() {\r\n        Snap('#diagramSvg').polygon(0, 0, 6, 3, 0, 6).attr({ \"fill\": \"#2b6b8a\", \"z-index\": 1 }).marker(0, 0, 6, 6, 0, 3).attr({ id: \"markerArrow\" })\r\n    },\r\n    created(){\r\n        this.getScheme(this.$route.params.id).then(res => {\r\n            this.drowSchema(res)\r\n        })\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n#tooltip {\r\n    background: cornsilk;\r\n    border: 1px solid black;\r\n    border-radius: 5px;\r\n    max-width:500px;\r\n    white-space: pre-line;\r\n    word-break: break-all;\r\n    padding: 5px;\r\n}\r\n\r\n.path1 {\r\n    stroke: #2b6b8a;\r\n    stroke: #a2bbce;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-width: 2;\r\n    marker-end: url(#markerArrow);\r\n    // fill: none;\r\n}\r\n\r\n.algorithm\r\n    width 100%\r\n    // padding-left calc( 10% + 20px )\r\n    // padding-right 10%\r\n        \r\n    &__title-wrapper\r\n        padding-left calc( 10% + 20px )\r\n        padding-right 10%\r\n        \r\n        @media (max-width: 900px) \r\n          padding 0 10px\r\n    \r\n    &__title\r\n        margin-top 30px\r\n        margin-bottom 30px\r\n        font-size 11px\r\n        font-style italic\r\n        \r\n    &__svgView\r\n        background-color #e7e7f3\r\n        width 79%\r\n        padding-top 20px\r\n        overflow auto\r\n        \r\n        @media (max-width: 900px) \r\n          width 100%\r\n\r\n    &__side-bar\r\n        width 20%\r\n        min-width 280px\r\n        \r\n    &__edir-area\r\n        display flex\r\n        flex-direction row\r\n        justify-content space-between\r\n        \r\n        &_client-width\r\n            width 100%\r\n            margin-left calc( 10% + 20px)\r\n            @media (max-width: 900px) \r\n              margin 0 auto\r\n              \r\n    &__radio-title\r\n        font-size 1rem\r\n        font-weight 400\r\n        letter-spacing 0.010em\r\n        margin 0.8em 0 1.6em\r\n    &__from-group\r\n        margin 0\r\n        margin-top 10px\r\n        \r\n        &_no-height\r\n            height 147px\r\n    &__label\r\n        padding-left 10px !important\r\n    &__tools-wrapper\r\n        display flex\r\n        border-bottom 1px #aaa solid\r\n    &__tool-item\r\n        &_active\r\n            background #eee\r\n    &__tool-item .md-button.md-icon-button\r\n        margin 0 .4rem\r\n    &__button-romb\r\n        transform scale(0.8) scaleX(1.3) rotate(45deg)\r\n</style>\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a5052976&scoped=true&lang=pug&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a5052976&lang=stylus&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  \"a5052976\",\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 { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\ninstallComponents(component, {VProgressCircular,VSnackbar})\n"],"sourceRoot":""}