| 1 |
- {"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\Tags.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\Tags.vue","mtime":1663828782923},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\babel.config.js","mtime":1663828782900},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es7.array.includes\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar detaillist = ['/viewDetail', '/installplanView'];\nexport default {\n data: function data() {\n return {// tagsList: []\n };\n },\n methods: {\n // 点击标签页\n isActive: function isActive(path) {\n if (path instanceof Object) {\n var fullpath = this.setFullPath(path);\n return fullpath === this.$route.fullPath;\n }\n\n return path === this.$route.fullPath;\n },\n // 关闭单个标签\n closeTags: function closeTags(index) {\n if (this.tagsList.length > 1) {\n var delItem = this.tagsList.splice(index, 1)[0];\n var item = this.tagsList[index] ? this.tagsList[index] : this.tagsList[index - 1];\n\n if (item) {\n if (detaillist.includes(delItem.path.path)) {\n var delfullpath = this.setFullPath(delItem.path);\n delfullpath === this.$route.fullPath && this.$router.push(item.path);\n } else {\n delItem.path === this.$route.fullPath && this.$router.push(item.path);\n }\n }\n }\n },\n // 关闭其他标签\n closeOther: function closeOther() {\n var _this = this;\n\n var curItem = this.tagsList.filter(function (item) {\n if (detaillist.includes(_this.$route.path)) {\n var fullpath = item.path instanceof Object ? _this.setFullPath(item.path) : item.path;\n return fullpath === _this.$route.fullPath;\n }\n\n return item.path === _this.$route.fullPath;\n });\n this.tagsList.splice(0, this.tagsList.length);\n this.$store.dispatch('tags', curItem.concat());\n },\n setFullPath: function setFullPath(item) {\n var itemfullpath = '';\n\n if (JSON.stringify(item) != '{}') {\n itemfullpath = item.path + '?';\n\n _.mapKeys(item.query, function (val, key) {\n if (!_.isEmpty(String(val)) && val) {\n if (key == 'planName') {\n val = encodeURI(val);\n }\n\n itemfullpath += \"\".concat(key, \"=\").concat(val, \"&\");\n }\n });\n\n if (itemfullpath.substr(itemfullpath.length - 1, 1) == '&') {\n itemfullpath = itemfullpath.slice(0, itemfullpath.length - 1);\n }\n }\n\n return itemfullpath;\n },\n // 设置标签\n setTags: function setTags(route) {\n var _this2 = this;\n\n var tagArr = {\n title: route.title || route.meta.title,\n path: route.fullPath\n };\n\n if (!!route.name) {\n tagArr = {\n title: route.title || route.meta.title,\n path: route.fullPath,\n name: route.name\n };\n }\n\n var isExist = this.tagsList.some(function (item, index) {\n var thisBi = item.path.indexOf(route.path) > -1;\n\n if (thisBi) {\n _this2.tagsList.splice(index, 1, tagArr);\n\n _this2.$store.dispatch('tags', _this2.tagsList);\n }\n\n return thisBi;\n });\n\n if (!isExist) {\n if (route.path === '/') {\n return;\n }\n\n if (this.tagsList.length >= 8) {\n this.tagsList.shift();\n }\n\n this.tagsList.push(tagArr);\n this.$store.dispatch('tags', this.tagsList);\n }\n }\n },\n computed: {\n showTags: function showTags() {\n return this.tagsList.length > 0;\n },\n tagsList: function tagsList() {\n return this.$store.getters['getTagsList'];\n }\n },\n watch: {\n $route: function $route(newValue, oldValue) {\n this.setTags(newValue);\n }\n },\n created: function created() {\n this.setTags(this.$route);\n }\n};",{"version":3,"mappings":";;;;;;;;;;;;;;;AAcA;AACA;AACAA,MADA,kBACA;AACA,YACA;AADA;AAGA,GALA;AAMAC;AACA;AACAC,YAFA,oBAEAC,IAFA,EAEA;AACA;AACA;AACA;AACA;;AACA;AACA,KARA;AASA;AACAC,aAVA,qBAUAC,KAVA,EAUA;AACA;AACA;AACA;;AACA;AACA;AACA;AACAC;AACA,WAHA,MAGA;AACAC;AACA;AACA;AACA;AACA,KAvBA;AAwBA;AACAC,cAzBA,wBAyBA;AAAA;;AACA;AACA;AACA;AACA;AACA;;AACA;AACA,OANA;AAOA;AACA;AACA,KAnCA;AAoCAC,eApCA,uBAoCAC,IApCA,EAoCA;AACA;;AACA;AACAC;;AACAC;AACA;AACA;AACAC;AACA;;AACAF;AACA;AACA,SAPA;;AAQA;AACAA;AACA;AACA;;AACA;AACA,KArDA;AAsDA;AACAG,WAvDA,mBAuDAC,KAvDA,EAuDA;AAAA;;AACA;AACAC,8CADA;AAEAb;AAFA;;AAIA;AACAc;AACAD,gDADA;AAEAb,8BAFA;AAGAe;AAHA;AAKA;;AAEA;AACA;;AACA;AACA;;AAEA;AACA;;AACA;AACA,OARA;;AASA;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;AAvFA,GANA;AA+FAC;AACAC,YADA,sBACA;AACA;AACA,KAHA;AAIAC,YAJA,sBAIA;AACA;AACA;AANA,GA/FA;AAuGAC;AACAC,UADA,kBACAC,QADA,EACAC,QADA,EACA;AACA;AACA;AAHA,GAvGA;AA4GAC,SA5GA,qBA4GA;AACA;AACA;AA9GA","names":["data","methods","isActive","path","closeTags","index","delfullpath","delItem","closeOther","setFullPath","item","itemfullpath","_","val","setTags","route","title","tagArr","name","computed","showTags","tagsList","watch","$route","newValue","oldValue","created"],"sourceRoot":"src/components/common","sources":["Tags.vue"],"sourcesContent":["<template>\r\n <div class=\"tags\" v-if=\"showTags\">\r\n <ul>\r\n <li class=\"tags-li\" v-for=\"(item, index) in tagsList\" :class=\"{ active: isActive(item.path) }\" :key=\"index\">\r\n <router-link :to=\"{ path: item.path, query: { closeDialog: true } }\" class=\"tags-li-title\"> {{ item.title }} </router-link>\r\n <span class=\"tags-li-icon\" @click=\"closeTags(index)\"></span>\r\n </li>\r\n <li class=\"tags-li close\" v-if=\"tagsList.length > 1\">\r\n <span class=\"allclose\" @click=\"closeOther\">全部关闭</span>\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n<script>\r\nconst detaillist = ['/viewDetail', '/installplanView'];\r\nexport default {\r\n data() {\r\n return {\r\n // tagsList: []\r\n };\r\n },\r\n methods: {\r\n // 点击标签页\r\n isActive(path) {\r\n if (path instanceof Object) {\r\n let fullpath = this.setFullPath(path);\r\n return fullpath === this.$route.fullPath;\r\n }\r\n return path === this.$route.fullPath;\r\n },\r\n // 关闭单个标签\r\n closeTags(index) {\r\n if (this.tagsList.length > 1) {\r\n const delItem = this.tagsList.splice(index, 1)[0];\r\n const item = this.tagsList[index] ? this.tagsList[index] : this.tagsList[index - 1];\r\n if (item) {\r\n if (detaillist.includes(delItem.path.path)) {\r\n let delfullpath = this.setFullPath(delItem.path);\r\n delfullpath === this.$route.fullPath && this.$router.push(item.path);\r\n } else {\r\n delItem.path === this.$route.fullPath && this.$router.push(item.path);\r\n }\r\n }\r\n }\r\n },\r\n // 关闭其他标签\r\n closeOther() {\r\n const curItem = this.tagsList.filter((item) => {\r\n if (detaillist.includes(this.$route.path)) {\r\n let fullpath = item.path instanceof Object ? this.setFullPath(item.path) : item.path;\r\n return fullpath === this.$route.fullPath;\r\n }\r\n return item.path === this.$route.fullPath;\r\n });\r\n this.tagsList.splice(0, this.tagsList.length);\r\n this.$store.dispatch('tags', curItem.concat());\r\n },\r\n setFullPath(item) {\r\n let itemfullpath = '';\r\n if (JSON.stringify(item) != '{}') {\r\n itemfullpath = item.path + '?';\r\n _.mapKeys(item.query, (val, key) => {\r\n if (!_.isEmpty(String(val)) && val) {\r\n if (key == 'planName') {\r\n val = encodeURI(val);\r\n }\r\n itemfullpath += `${key}=${val}&`;\r\n }\r\n });\r\n if (itemfullpath.substr(itemfullpath.length - 1, 1) == '&') {\r\n itemfullpath = itemfullpath.slice(0, itemfullpath.length - 1);\r\n }\r\n }\r\n return itemfullpath;\r\n },\r\n // 设置标签\r\n setTags(route) {\r\n let tagArr = {\r\n title: route.title || route.meta.title,\r\n path: route.fullPath\r\n };\r\n if (!!route.name) {\r\n tagArr = {\r\n title: route.title || route.meta.title,\r\n path: route.fullPath,\r\n name: route.name\r\n };\r\n }\r\n\r\n const isExist = this.tagsList.some((item, index) => {\r\n let thisBi = item.path.indexOf(route.path) > -1;\r\n if (thisBi) {\r\n this.tagsList.splice(index, 1, tagArr);\r\n\r\n this.$store.dispatch('tags', this.tagsList);\r\n }\r\n return thisBi;\r\n });\r\n if (!isExist) {\r\n if (route.path === '/') {\r\n return;\r\n }\r\n if (this.tagsList.length >= 8) {\r\n this.tagsList.shift();\r\n }\r\n this.tagsList.push(tagArr);\r\n this.$store.dispatch('tags', this.tagsList);\r\n }\r\n }\r\n },\r\n computed: {\r\n showTags() {\r\n return this.tagsList.length > 0;\r\n },\r\n tagsList() {\r\n return this.$store.getters['getTagsList'];\r\n }\r\n },\r\n watch: {\r\n $route(newValue, oldValue) {\r\n this.setTags(newValue);\r\n }\r\n },\r\n created() {\r\n this.setTags(this.$route);\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import '@assets/css/public-style.scss';\r\n.tags ul {\r\n box-sizing: border-box;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n}\r\n\r\n.tags-li {\r\n float: left;\r\n font-size: rem(12);\r\n cursor: pointer;\r\n border-right: 1px solid #a6abb6;\r\n padding: 0 rem(20) 0 rem(20);\r\n vertical-align: middle;\r\n -webkit-transition: all 0.3s ease-in;\r\n -moz-transition: all 0.3s ease-in;\r\n transition: all 0.3s ease-in;\r\n}\r\n.close {\r\n padding: 0 rem(20) 0 rem(20);\r\n -webkit-transition: all 0.3s ease-in;\r\n -moz-transition: all 0.3s ease-in;\r\n transition: all 0.3s ease-in;\r\n text-align: inherit;\r\n position: relative;\r\n}\r\n.tags-li-icon {\r\n width: rem(14);\r\n height: rem(14);\r\n min-width: 14px;\r\n min-height: 14px;\r\n display: inline-block;\r\n border-radius: 50%;\r\n background: url('../../assets/img/closed.png') no-repeat center center;\r\n vertical-align: bottom;\r\n}\r\n.active .tags-li-icon {\r\n background: url('../../assets/img/close.png') no-repeat center center;\r\n vertical-align: bottom;\r\n}\r\n\r\n.tags-li.active {\r\n color: $mainTextColor;\r\n}\r\n\r\n.tags-li-title {\r\n max-width: rem(80);\r\n font-size: rem(12);\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n margin-right: rem(10);\r\n color: #a6abb6;\r\n}\r\n\r\n.tags-li.active .tags-li-title {\r\n color: #fefeff;\r\n}\r\n\r\n.tags-li:last-child {\r\n border-right: none;\r\n}\r\n.allclose {\r\n display: inline-block;\r\n position: absolute;\r\n top: 0;\r\n width: max-content;\r\n height: rem(18);\r\n min-height: 18px;\r\n line-height: inherit;\r\n padding: 0 rem(7);\r\n background: $mainTextColor;\r\n border-radius: rem(10);\r\n vertical-align: middle;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: #ffffff;\r\n text-align: center;\r\n}\r\n.allclose span {\r\n padding: 0px rem(10);\r\n}\r\n.allclosed {\r\n width: rem(14);\r\n height: rem(14);\r\n display: inline-block;\r\n background: url('../../assets/img/allClosed.png') no-repeat center center;\r\n vertical-align: middle;\r\n margin-left: rem(10);\r\n}\r\n</style>\r\n"]}]}
|
