1 line
10 KiB
JSON
1 line
10 KiB
JSON
{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\head.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\head.vue","mtime":1620980370853},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1610504270305},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IHRyZWVMaXN0UmVnaW9uYWxpc20gfSBmcm9tICJAL2FwaS9zeXN0ZW0vcmVnaW9uYWxpc20iOwppbXBvcnQgVHJlZXNlbGVjdCBmcm9tICJAcmlvcGhhZS92dWUtdHJlZXNlbGVjdCI7CmltcG9ydCAiQHJpb3BoYWUvdnVlLXRyZWVzZWxlY3QvZGlzdC92dWUtdHJlZXNlbGVjdC5jc3MiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogImJpZ0hlYWRXcmFwIiwKICBwcm9wczogWyJoYW5kZWxUaWxlIiwgInByb2plY3RMaXN0Il0sCiAgY29tcG9uZW50czogewogICAgVHJlZXNlbGVjdAogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGlucHV0VmFsdWU6ICIiLAogICAgICBkYXlzOiAiIiwKICAgICAgd2Vla3M6ICIiLAogICAgICB0aW1lOiAiIiwKICAgICAgdHJlZUxpc3Q6IFtdLAogICAgICB0cmVlVmFsdWU6IG51bGwsCiAgICAgIHRlbXBVc2VyVHlwZTogbnVsbCwKICAgICAgZnVsbHNjcmVlbjogZmFsc2UKICAgIH07CiAgfSwKICBtb3VudGVkKCkgewogICAgc2V0SW50ZXJ2YWwodGhpcy5nZXREYXRlLCAxMDAwKTsKICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLnRlbXBVc2VyVHlwZSA9IHRoaXMuJHN0b3JlLmdldHRlcnMudXNlclR5cGU7CiAgICB0aGlzLnRyZWVMaXN0UmVnaW9uYWxpc20oKTsKICAgIHRoaXMuZ2V0RGF0ZSgpOwogIH0sCiAgd2F0Y2g6IHsKICAgIGlucHV0VmFsdWUodmFsKSB7CiAgICAgIHRoaXMuJGVtaXQoImV2ZW50UHJvamVjdElkIiwgdmFsKTsKICAgIH0sCiAgICB0cmVlVmFsdWUodmFsKSB7CiAgICAgIHRoaXMuJGVtaXQoImV2ZW50UmVnaW9uYWxpc21JZCIsIHZhbCk7CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICAvLyDpgIDlh7rlpKflsY8g6buY6K6k6L+b5YWl6aG555uu6aaW6aG1CiAgICBzaWduT3V0KCkgewogICAgICB0aGlzLiRyb3V0ZXIucHVzaCgiLyIpOwogICAgfSwKICAgIGZ1bGxTY3JlZW4oKSB7CiAgICAgIC8vIGxldCBlbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgiYmlnLWhlYWQtd3JhcCIpOyAvL+iuvue9ruWQjuWwseaYryAgIGlkPT1jb25fbGZfdG9wX2RpdiDnmoTlrrnlmajlhajlsY8KICAgICAgbGV0IGVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiY29uX2xmX3RvcF9kaXYiKTsgLy/orr7nva7lkI7lsLHmmK8gICBpZD09Y29uX2xmX3RvcF9kaXYg55qE5a655Zmo5YWo5bGPCiAgICAgIGlmICh0aGlzLmZ1bGxzY3JlZW4pIHsKICAgICAgICBpZiAoZG9jdW1lbnQuZXhpdEZ1bGxzY3JlZW4pIHsKICAgICAgICAgIGRvY3VtZW50LmV4aXRGdWxsc2NyZWVuKCk7CiAgICAgICAgfSBlbHNlIGlmIChkb2N1bWVudC53ZWJraXRDYW5jZWxGdWxsU2NyZWVuKSB7CiAgICAgICAgICBkb2N1bWVudC53ZWJraXRDYW5jZWxGdWxsU2NyZWVuKCk7CiAgICAgICAgfSBlbHNlIGlmIChkb2N1bWVudC5tb3pDYW5jZWxGdWxsU2NyZWVuKSB7CiAgICAgICAgICBkb2N1bWVudC5tb3pDYW5jZWxGdWxsU2NyZWVuKCk7CiAgICAgICAgfSBlbHNlIGlmIChkb2N1bWVudC5tc0V4aXRGdWxsc2NyZWVuKSB7CiAgICAgICAgICBkb2N1bWVudC5tc0V4aXRGdWxsc2NyZWVuKCk7CiAgICAgICAgfQogICAgICB9IGVsc2UgewogICAgICAgIGlmIChlbGVtZW50LnJlcXVlc3RGdWxsc2NyZWVuKSB7CiAgICAgICAgICBlbGVtZW50LnJlcXVlc3RGdWxsc2NyZWVuKCk7CiAgICAgICAgfSBlbHNlIGlmIChlbGVtZW50LndlYmtpdFJlcXVlc3RGdWxsU2NyZWVuKSB7CiAgICAgICAgICBlbGVtZW50LndlYmtpdFJlcXVlc3RGdWxsU2NyZWVuKCk7CiAgICAgICAgfSBlbHNlIGlmIChlbGVtZW50Lm1velJlcXVlc3RGdWxsU2NyZWVuKSB7CiAgICAgICAgICBlbGVtZW50Lm1velJlcXVlc3RGdWxsU2NyZWVuKCk7CiAgICAgICAgfSBlbHNlIGlmIChlbGVtZW50Lm1zUmVxdWVzdEZ1bGxzY3JlZW4pIHsKICAgICAgICAgIC8vIElFMTEKICAgICAgICAgIGVsZW1lbnQubXNSZXF1ZXN0RnVsbHNjcmVlbigpOwogICAgICAgIH0KICAgICAgfQogICAgICB0aGlzLmZ1bGxzY3JlZW4gPSAhdGhpcy5mdWxsc2NyZWVuOwogICAgICB0aGlzLiRlbWl0KCdldmVudEZ1bGxzY3JlZW4nLCB7IHZhbHVlOiB0aGlzLmZ1bGxzY3JlZW4gfSkKICAgIH0sCiAgICB0cmVlTGlzdFJlZ2lvbmFsaXNtKCkgewogICAgICB0cmVlTGlzdFJlZ2lvbmFsaXNtKHt9KS50aGVuKHJlcyA9PiB7CiAgICAgICAgdGhpcy50cmVlTGlzdCA9IHJlcy5kYXRhOwogICAgICB9KTsKICAgIH0sCiAgICBnZXREYXRlKCkgewogICAgICB0aGlzLndlZWtzID0gdGhpcy5wYXJzZVRpbWUobmV3IERhdGUoKSwgIuaYn+acn3thfSIpOwogICAgICB0aGlzLmRheXMgPSB0aGlzLnBhcnNlVGltZShuZXcgRGF0ZSgpLCAie3l9LXttfS17ZH0iKTsKICAgICAgdGhpcy50aW1lID0gdGhpcy5wYXJzZVRpbWUobmV3IERhdGUoKSwgIntofTp7aX06e3N9Iik7CiAgICB9CiAgfQp9Owo="},{"version":3,"sources":["head.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"head.vue","sourceRoot":"src/views/bigScreen/v1/profile","sourcesContent":["<template>\n <div class=\"big-head-wrap\">\n <div class=\"left-wrap\">\n <!-- <i class=\"el-icon-map-location\"></i>\n <span class=\"span-info\">全国</span>-->\n <!-- <el-cascader :options=\"treeList\" :props=\"{ checkStrictly: true }\" clearable></el-cascader> -->\n <treeselect\n class=\"tree-select-wrap\"\n v-model=\"treeValue\"\n :options=\"treeList\"\n placeholder=\"全国\"\n v-show=\"tempUserType !== 'PERSONAL'\"\n />\n <el-select\n v-show=\"tempUserType !== 'PERSONAL'\"\n v-model=\"inputValue\"\n size=\"small\"\n filterable\n placeholder=\"项目名称\"\n clearable\n >\n <el-option\n v-for=\"item in projectList\"\n :key=\"item.projectId\"\n :label=\"item.projectName\"\n :value=\"item.projectId\"\n ></el-option>\n </el-select>\n </div>\n <div class=\"title-wrap\">{{handelTile}}</div>\n <div class=\"right-wrap\">\n <span>{{days}}</span>\n <span>{{weeks}}</span>\n <span>{{time}}</span>\n <!-- <el-button type=\"text\" @click=\"signOut\" title=\"退出大屏\" plain icon=\"iconfont icontuichu\"></el-button> -->\n <el-button type=\"text\" @click=\"fullScreen\" title=\"全屏\" plain icon=\"iconfont iconquanping1\"></el-button>\n </div>\n </div>\n</template>\n<script>\nimport { treeListRegionalism } from \"@/api/system/regionalism\";\nimport Treeselect from \"@riophae/vue-treeselect\";\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\nexport default {\n name: \"bigHeadWrap\",\n props: [\"handelTile\", \"projectList\"],\n components: {\n Treeselect\n },\n data() {\n return {\n inputValue: \"\",\n days: \"\",\n weeks: \"\",\n time: \"\",\n treeList: [],\n treeValue: null,\n tempUserType: null,\n fullscreen: false\n };\n },\n mounted() {\n setInterval(this.getDate, 1000);\n },\n created() {\n this.tempUserType = this.$store.getters.userType;\n this.treeListRegionalism();\n this.getDate();\n },\n watch: {\n inputValue(val) {\n this.$emit(\"eventProjectId\", val);\n },\n treeValue(val) {\n this.$emit(\"eventRegionalismId\", val);\n }\n },\n methods: {\n // 退出大屏 默认进入项目首页\n signOut() {\n this.$router.push(\"/\");\n },\n fullScreen() {\n // let element = document.getElementsByClassName(\"big-head-wrap\"); //设置后就是 id==con_lf_top_div 的容器全屏\n let element = document.getElementById(\"con_lf_top_div\"); //设置后就是 id==con_lf_top_div 的容器全屏\n if (this.fullscreen) {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.webkitCancelFullScreen) {\n document.webkitCancelFullScreen();\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n } else if (document.msExitFullscreen) {\n document.msExitFullscreen();\n }\n } else {\n if (element.requestFullscreen) {\n element.requestFullscreen();\n } else if (element.webkitRequestFullScreen) {\n element.webkitRequestFullScreen();\n } else if (element.mozRequestFullScreen) {\n element.mozRequestFullScreen();\n } else if (element.msRequestFullscreen) {\n // IE11\n element.msRequestFullscreen();\n }\n }\n this.fullscreen = !this.fullscreen;\n this.$emit('eventFullscreen', { value: this.fullscreen })\n },\n treeListRegionalism() {\n treeListRegionalism({}).then(res => {\n this.treeList = res.data;\n });\n },\n getDate() {\n this.weeks = this.parseTime(new Date(), \"星期{a}\");\n this.days = this.parseTime(new Date(), \"{y}-{m}-{d}\");\n this.time = this.parseTime(new Date(), \"{h}:{i}:{s}\");\n }\n }\n};\n</script>\n<style lang=\"scss\">\n.big-head-wrap {\n height: 65px;\n width: 100%;\n display: flex;\n background-image: url(\"../../../../assets/images/big/head_v1.png\");\n background-size: cover;\n .left-wrap {\n width: 20%;\n height: 100%;\n display: flex;\n // color: #fff;\n font-size: 14px;\n align-items: flex-end;\n justify-content: left;\n padding-left: 30px;\n > i {\n line-height: 1.5;\n }\n .span-info {\n display: block;\n width: 70px;\n margin-left: 5px;\n }\n .el-input {\n min-width: 150px;\n }\n .el-input--small .el-input__inner {\n // line-height: 36px;\n background: #ff000000;\n border-color: #007598;\n color: #fff;\n margin-left: 10px;\n }\n .el-input__prefix {\n top: -4px;\n }\n .tree-select-wrap {\n height: 32px;\n .vue-treeselect__control {\n background: #fff0;\n border-color: #007598;\n height: 32px;\n }\n .vue-treeselect__single-value {\n color: #fff;\n }\n }\n }\n .title-wrap {\n color: #fff;\n width: calc(100% - 40%);\n display: flex;\n font-size: 36px;\n font-family: \"Source Han Sans CN\";\n font-weight: 500;\n letter-spacing: 2px;\n justify-content: center;\n }\n .right-wrap {\n width: 20%;\n display: flex;\n color: #fff;\n font-size: 14px;\n justify-content: space-around;\n align-items: flex-end;\n .el-button--text {\n border: 1px solid;\n width: 30px;\n height: 30px;\n border-radius: 5px 0;\n padding-top: 6px;\n font-size: 16px;\n .el-icon-setting {\n font-weight: 600;\n }\n }\n .el-button--text:hover {\n background: transparent;\n }\n }\n}\n</style>\n"]}]} |