{"version":3,"sources":["webpack:///./src/views/settings/region/Edit.vue?8296","webpack:///src/views/settings/region/Edit.vue","webpack:///./src/views/settings/region/Edit.vue?021d","webpack:///./src/views/settings/region/Edit.vue","webpack:///./src/views/settings/region/Edit.vue?7b3a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","label","placeholder","model","value","callback","$$v","rootvalue","expression","on","addto","slot","_s","$t","deleteselect","data","defaultProps","handleNodeClick","scopedSlots","_u","key","fn","ref","staticStyle","class","iconclass1","strName","nativeOn","$event","preventDefault","addtonond","strToken","staticRenderFns","label1","camdata","datanodecam","datatoken","dataindex","children","cam","rootindex","mounted","methods","Regional","getchild","arr","arr1","message","type","console","addcamdatas","node","delet","component"],"mappings":"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","file":"static/js/chunk-dd832ac4.0866551b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Region\"},[_c('div',{staticClass:\"button_edi\"},[_c('el-popover',{attrs:{\"placement\":\"right\",\"width\":\"250\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"input-pin\"},[_c('div',{staticClass:\"popover_Title\"},[_vm._v(\"root\")]),_c('el-input',{attrs:{\"placeholder\":_vm.label.placeholder},model:{value:(_vm.rootvalue),callback:function ($$v) {_vm.rootvalue=$$v},expression:\"rootvalue\"}}),_c('div',[_c('CButton',{staticClass:\"form_butt\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.addto}},[_vm._v(\"添加\")])],1)],1),_c('CButton',{staticClass:\"form_butt\",attrs:{\"slot\":\"reference\",\"type\":\"submit\"},slot:\"reference\"},[_vm._v(_vm._s(_vm.$t(\"message.setting.ADD\")))])],1),_c('CButton',{staticClass:\"form_butt1\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.deleteselect}},[_vm._v(_vm._s(_vm.$t(\"message.setting.DeleteAll\")))])],1),_c('div',{staticClass:\"Root_node1\"},[_c('el-tree',{attrs:{\"data\":_vm.data,\"props\":_vm.defaultProps},on:{\"node-click\":_vm.handleNodeClick},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',[_c('span',{staticClass:\"mdi mdi-view-sequential fa-fw\"}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.strName))])]),_c('el-popover',{attrs:{\"placement\":\"right\",\"width\":\"250\",\"trigger\":\"hover\"}},[_c('div',{staticClass:\"input-pin\"},[_c('div',{staticClass:\"popover_Title\"},[_vm._v(_vm._s(data.strName))]),_c('el-input',{attrs:{\"placeholder\":_vm.label.placeholder},model:{value:(_vm.rootvalue),callback:function ($$v) {_vm.rootvalue=$$v},expression:\"rootvalue\"}}),_c('div',[_c('el-button',{staticClass:\"button_addpv\",attrs:{\"type\":\"success\",\"round\":\"\",\"size\":\"mini\"},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.addtonond(data.strToken)}}},[_vm._v(_vm._s(_vm.$t(\"message.setting.ADD\")))])],1)],1),_c('el-button',{staticClass:\"but_add iconfont icon-add\",attrs:{\"slot\":\"reference\",\"type\":\"submit\"},slot:\"reference\"})],1)],1)])}}])})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"Region\">\n        <!-- 添加 -->\n        <div class=\"button_edi\">\n            <!-- 加按钮 -->\n            <el-popover\n                placement=\"right\"\n                width=\"250\"\n                trigger=\"click\">\n                <div class=\"input-pin\">\n                    <div class=\"popover_Title\">root</div>\n                    <el-input\n                        :placeholder=\"label.placeholder\"\n                        v-model=\"rootvalue\">\n                    </el-input>\n                    <div>\n                        <CButton class=\"form_butt\" @click=\"addto\" type=\"submit\">添加</CButton>\n                    </div>\n                </div>\n                <CButton class=\"form_butt\" slot=\"reference\" type=\"submit\">{{$t(\"message.setting.ADD\")}}</CButton>\n                <!-- <el-button class=\"form_butt\" slot=\"reference\" type=\"button\">添加</el-button> -->\n            </el-popover>\n            <CButton class=\"form_butt1\" @click=\"deleteselect\" type=\"submit\">{{$t(\"message.setting.DeleteAll\")}}</CButton>\n        </div>\n        <div class=\"Root_node1\">\n            <el-tree :data=\"data\" :props=\"defaultProps\" @node-click=\"handleNodeClick\">\n                <span slot-scope=\"{ data }\" style=\"width:100%;\">\n                    <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                        <span>\n                            <span class=\"mdi mdi-view-sequential fa-fw\"></span>\n                            <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.strName}}</span>\n                        </span>\n                        <el-popover\n                            placement=\"right\"\n                            width=\"250\"\n                            trigger=\"hover\">\n                            <div class=\"input-pin\">\n                                <div class=\"popover_Title\">{{data.strName}}</div>\n                                <el-input\n                                    :placeholder=\"label.placeholder\"\n                                    v-model=\"rootvalue\">\n                                </el-input>\n                                <div>\n                                    <el-button class=\"button_addpv\" type=\"success\" @click.native.prevent=\"addtonond(data.strToken)\" round size=\"mini\">{{$t(\"message.setting.ADD\")}}</el-button>\n                                </div>\n                            </div>\n                            <el-button  class=\"but_add iconfont icon-add\" slot=\"reference\" type=\"submit\"></el-button>\n                        </el-popover>\n                    </div>\n                </span>\n            </el-tree>\n        </div>\n    </div>\n</template>\n<script>\n    import Vue from 'vue'\n    export default {\n        data() {\n            return {\n                label:{\n                    label:this.$t(\"message.setting.Area\"),//选1\n                    label1:this.$t(\"message.setting.Regional\"),//选2\n                    placeholder:this.$t(\"message.setting.Please\")\n                },\n                data: [],\n                camdata:[],\n                datanodecam:[],\n                rootvalue:\"\",//节点名字\n                datatoken:\"\",//节点token\n                dataindex:\"\",\n                defaultProps: {\n                    children: 'node',\n                    label: 'strName',\n                    cam:\"cam\"\n                },\n                rootindex:0,\n            };\n        },\n        mounted(){\n            this.Regional();\n            // this.addcam();\n        },\n        methods:{\n            //显示\n            Regional(){\n                var root = this.$store.state.IPPORT;\n                var url = root + \"/api/v1/GetRegion?session=\"+ this.$store.state.token;\n                this.$http.get(url).then(result=>{\n                    var oldarr=result.data.root;\n                    var oldarr1=result.data.src;\n                    var dataroot=this.getchild(oldarr,oldarr1);\n                    this.datanodecam=[]\n                    this.data.push(dataroot);\n                })\n            },\n            getchild(arr,arr1) {\n\t\t\t\t// console.log(arr,arr1);\n                // arr.index=\"1root\";\n\t\t\t\tfor(var i in arr.cam){\n\t\t\t\t\tif(!arr.cam[i].strName){\n\t\t\t\t\t\tfor(var j in arr1){\n\t\t\t\t\t\t\tif(arr.cam[i].strToken == arr1[j].strToken){\n                                // arr.cam.strName=\"摄像机\"\n                                arr.cam[i].strName = arr1[j].strName;\n                                arr.cam[i].iconclass=\"mdi mdi-camcorder fa-fw\"\n                                arr.cam[i].disabled_me=arr1[j].bDisable\n                                arr.cam[i].index=i\n                                if(!arr1[j].bOnline)\n                                    arr.cam[i].iconclass = 'mdi mdi-camcorder-off fa-fw';\n\n                                if(arr1[j].bDisable== true){\n                                    // newItem['disabled_me'] =true;\n                                    arr.cam[i].iconclass1= 'camera';\n                                }\n\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                }\n                if(arr.node && arr.node.length>0){\n\t\t\t\t\tfor (var i = 0; i < arr.node.length; i++) {\n                        arr.node[i].index=this.rootindex;\n                        this.rootindex=this.rootindex+1\n                        arr.node[i] = this.getchild(arr.node[i],arr1);\n\t\t\t\t\t}\n                }\n                return arr;\n\t\t\t},\n            \n            //添加\n            addto(){\n                // console.log(this.rootvalue)\n                // return false\n                if(this.rootvalue==\"\"){\n                    // console.log(\"1111\",this.rootvalue);\n                    this.$message({\n                        message: this.$t(\"message.setting.Input\"),\n                        type: 'warning'\n                    });\n                    return false;\n                }else{\n                    var root = this.$store.state.IPPORT;\n                    var url = root + \"/api/v1/AddRegion?name=\"+encodeURIComponent(this.rootvalue)+\"&session=\"+ this.$store.state.token;\n                    // console.log(\"////////////\",url)\n                    var oldarr=this.data[0];\n                    this.$http.get(url).then(result=>{\n                        // console.log(result);\n                        // this.data=[];\n                        // this.Regional();\n                        this.addcamdatas(oldarr,this.datatoken,result.data.strToken)\n                    })\n                }\n            },\n            addtonond(strToken){\n                console.log(strToken)\n                // return false;\n                if(this.rootvalue==\"\"&&this.datatoken==\"\"){\n                    this.$message({\n                        message: this.$t(\"message.setting.Input\"),\n                        type: 'warning'\n                    });\n                    return false;\n                }else{\n                    var root = this.$store.state.IPPORT;\n                    var oldarr=this.data[0];\n                    var oldarr1=strToken\n                    var url = root + \"/api/v1/AddRegion?name=\"+encodeURIComponent(this.rootvalue)+\"&parent=\"+strToken+\"&session=\"+ this.$store.state.token;\n                    // console.log(\"////////////\",url)\n                    this.$http.get(url).then(result=>{\n                        // console.log(\"////////////\",result)\n                        \n                        this.addcamdatas(oldarr,oldarr1,result.data.strToken)\n                        // this.data=[];\n                        // this.Regional();\n                    })\n                }\n            },\n            addcamdatas(arr,arr1,strToken){\n                \n                if(arr1==\"root\"){\n                    var camdata={\n                        strName:this.rootvalue,\n                        strToken:strToken,\n                        node:[],\n                        cam:[]\n                    }\n                    arr.node.push(camdata);\n                    return false;\n                }\n                if(arr.node && arr.node.length>0){\n                    for (var i = 0; i < arr.node.length; i++) {\n                        // console.log(arr.node[i].strToken,arr1)\n                        if(arr.node[i].strToken==arr1){\n                            var camdata={\n                                strName:this.rootvalue,\n                                strToken:strToken,\n                                node:[],\n                                cam:[]\n                            }\n                            arr.node[i].node.push(camdata);\n                        }\n                        arr.node[i] = this.addcamdatas(arr.node[i],arr1,strToken);\n                    }\n                }   \n                return arr;\n            },\n            \n            //删除\n            deleteselect(){\n                if(this.datatoken==\"\"){\n                    this.$message({\n                        message: '输入框不能为空',\n                        type: 'warning'\n                    });\n                    return false;\n                }\n                var root = this.$store.state.IPPORT;\n                var oldarr=this.data[0];\n                var oldarr1=this.datatoken\n                // this.delet(oldarr,oldarr1)\n                var url = root + \"/api/v1/DelRegion?token=\"+this.datatoken+\"&session=\"+ this.$store.state.token;\n                this.$http.get(url).then(result=>{\n                    if(result.status==200){\n                        // this.data=[];\n                        // this.Regional();\n                        this.delet(oldarr,oldarr1)\n                    }\n                })\n            },\n            delet(arr,arr1){\n                if(arr.node && arr.node.length>0){\n\t\t\t\t\tfor (var i = 0; i < arr.node.length; i++) {\n                        if(arr.node[i].strToken==arr1){\n                            arr.node.splice(i,1)\n                            return false\n                        }\n                        \n                        arr.node[i] = this.delet(arr.node[i],arr1);\n\t\t\t\t\t}\n\t\t\t\t}\n                return arr;\n            },\n            \n            handleNodeClick(data) {\n                console.log(data.strToken);\n                this.datatoken=data.strToken;\n                this.dataindex=data.index;\n                this.dataname=data.strName;\n            },\n        },\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n.Root_node1{\n    display: inline-block;\n    width: auto;\n    min-width: 250px;\n    height: 600px;\n    overflow: auto;\n    border: 1px solid #e1e1e1;\n    padding: 0 15px;\n    padding-top: 10px;\n    &::-webkit-scrollbar {/*滚动条整体样式*/\n        width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/\n        height: 8px;\n        scrollbar-arrow-color:red;\n    }\n    &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/\n        border-radius: 5px;\n        -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);\n        box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);\n        background: rgba(218, 218, 218,0.2);\n        scrollbar-arrow-color:red;\n    }\n    &::-webkit-scrollbar-track {/*滚动条里面轨道*/\n        -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);\n        box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);\n        border-radius: 0;\n        background: rgba(218, 218, 218,0.1);\n    }\n    .but_add{\n        border: none!important;\n        background: none!important;\n        padding: 0;\n    }\n}\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!./Edit.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!./Edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Edit.vue?vue&type=template&id=34b181de&scoped=true&\"\nimport script from \"./Edit.vue?vue&type=script&lang=js&\"\nexport * from \"./Edit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Edit.vue?vue&type=style&index=0&id=34b181de&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"34b181de\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.vue?vue&type=style&index=0&id=34b181de&prod&lang=scss&scoped=true&\""],"sourceRoot":""}