1 line
33 KiB
JSON
1 line
33 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi1111\\src\\views\\land\\child\\index.vue?vue&type=style&index=0&id=38a6f143&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\land\\child\\index.vue","mtime":1668395894338},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCkBpbXBvcnQgIn5AL2NvbW1vbi92YXIuc2NzcyI7CkBpbXBvcnQgIn5AL2Fzc2V0cy9zY3NzL2luZGV4LnNjc3MiOwoKLmJ0bnsKICBwb3NpdGlvbjogZml4ZWQ7CiAgd2lkdGg6IDIxMHB4OwogIGhlaWdodDogNTRweDsKICBib3R0b206IDEwcHg7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBtYXJnaW46IGF1dG87CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGltZ3sKICAgIHdpZHRoOiA0MHB4OwogICAgaGVpZ2h0OiA0MHB4OwogICAgY3Vyc29yOiBwb2ludGVyOwogIH0KfQogLmJvZHktbGVmdHsKICAgIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vLi4vYXNzZXRzL2xlZnQucG5nJykgbm8tcmVwZWF0IWltcG9ydGFudDsKfQouYm9keS1yaWdodHsKICAgIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vLi4vYXNzZXRzL3JpZ2h0LnBuZycpIG5vLXJlcGVhdCFpbXBvcnRhbnQ7Cn0KCi5ib2R5LWJvdHRvbXsKICAgIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vLi4vYXNzZXRzL2Rvd24ucG5nJykgbm8tcmVwZWF0IWltcG9ydGFudDsKfQoKLm1haW4gewogIHdpZHRoOiAxMDAlOwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHBhZGRpbmc6IDEwcHg7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAubGVmdCwKICAucmlnaHQgewogICAgd2lkdGg6IDM4OHB4OwogICAgdG9wOjEwJTsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgfQogIC5yaWdodHsKICAgIG1hcmdpbi1yaWdodDogMjBweDsKICB9CiAgLmxlZnR7CiAgICAvLyBsZWZ0OiAzJTsKICAgIG1hcmdpbi1sZWZ0OiAyMHB4OwogIH0KICAuc21hbGxtYXB7CiAgICB3aWR0aDogMTIwcHg7CiAgICBoZWlnaHQ6IDgwcHg7CiAgICBwb3NpdGlvbjogZml4ZWQ7CiAgICB0b3A6IDEyMHB4OwogICAgcmlnaHQ6IDUwMHB4OwogICAgaW1newogICAgICB3aWR0aDogMTAwJTsKICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICAKICAgIH0KICB9CiAgLnNlbGVjdE1vZGVsewogICAgd2lkdGg6IDE2MHB4OwogICAgaGVpZ2h0OiA1MHB4OwogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtZmxvdzogcm93IG5vd3JhcDsKICAgIHBvc2l0aW9uOiBmaXhlZDsKICAgIHRvcDogMTIwcHg7CiAgICBsZWZ0OiA0ODBweDsKICAgIC5zZWxlY3RidG57CiAgICAgIG1hcmdpbi1yaWdodDogMTBweDsKICAgICAgaGVpZ2h0OiA1MHB4OwogICAgICB3aWR0aDogZml0LWNvbnRlbnQ7CiAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIH0KICB9CiAgLmNlbnRlciB7CiAgd2lkdGg6IDQxJTsKICAgIGhlaWdodDogNjAlOwogICAgcGFkZGluZzogMCAxMHB4OwogICAgZGlzcGxheTogLXdlYmtpdC1ib3g7CiAgICBkaXNwbGF5OiAtbXMtZmxleGJveDsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICAtbXMtZmxleC13cmFwOiB3cmFwOwogICAgZmxleC13cmFwOiB3cmFwOwogICAgLW1zLWZsZXgtbGluZS1wYWNrOiBzdGFydDsKICAgIGFsaWduLWNvbnRlbnQ6IGZsZXgtc3RhcnQ7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBiYWNrZ3JvdW5kOiB1cmwoLi4vLi4vLi4vYXNzZXRzL2JveDAwMS5wbmcpIG5vLXJlcGVhdDsKICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJTsKICAgIGxlZnQ6IDMwJTsKICAgIHRvcDogMTUlOwovLyAgIGxlZnQ6MzAlOwogICAgLy8gdG9wOiA3MDBweDsKICAuYm94IHsKICAgIGZvbnQtc2l6ZTogMTRweDsKICAgIC8vIGJhY2tncm91bmQ6ICMxMTIyMzI4OTsKICAgIGJhY2tncm91bmQ6IHJnYmEoMTYsMjksMzcsMC44KTsKICAgIGJvcmRlcjogMnB4IHNvbGlkICMyOWEzZDNhMTsKICAgIHdpZHRoOiAyMyU7CiAgICBtYXJnaW46IDElOwogICAgdGV4dC1hbGlnbjogY2VudGVyOwovLyAgbGkgewovLyAgICAgcGFkZGluZzogMjBweCAwOwovLyAgIH0KICAgIHAgewogICAgICAmOmZpcnN0LWNoaWxkIHsKICAgICAgICBwYWRkaW5nOiA4cHggMCAxMHB4IDA7CiAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICAgICAgZm9udC1zaXplOiAxOHB4OwoKICAgICAgfQoKICAgICAgJjpudGgtY2hpbGQoMikgewogICAgICAgIGNvbG9yOiAkZGVmYXVsdC1mb250LWNvbG9yOwogICAgICB9CgogICAgICBwYWRkaW5nOiA1cHggMDsKICAgIH0KCgogIH0KICAuY2xvc2V7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICByaWdodDogNiU7CiAgICB0b3A6IDExJTsKICB9CiAgLmJveDpob3ZlcnsKICAgICBiYWNrZ3JvdW5kOiByZ2JhKDc2LCAxMDYsIDEyNCwgMC44KTsKICB9Cn0KICAucmlnaHQgewogICAgcmlnaHQ6IDAlOwogICAgaDEgewogICAgICBsZWZ0OiAyNSU7CgogICAgfQouc2VhbWxlc3Mtd2FycCB7CiAgICAgICAgaGVpZ2h0OiAyMjlweDsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgfQogICAgdGV4dC1hbGlnbjogbGVmdDsKICAgIC5ydGl0bGUgewogICAgICBmb250LXNpemU6IDIwcHg7CiAgICAgIHBhZGRpbmctbGVmdDogMjBweDsKICAgICAgaGVpZ2h0OiA0MHB4OwogICAgICBsaW5lLWhlaWdodDogNDBweDsKICAgICAgYmFja2dyb3VuZDogdXJsKCJ+QC9hc3NldHMvbGFuZFJlczIvbWFzay5wbmciKSBuby1yZXBlYXQ7CiAgICAgIGNvbG9yOiAjQjRFOUZGOwogICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyOwogICAgfQogIH0KCiAgLnByb2dyZXNzIHsKICAgIGJhY2tncm91bmQ6IHVybCgifkAvYXNzZXRzL2xhbmRSZXMyL3Byb2Nlc3MucG5nIikgbm8tcmVwZWF0IHRvcDsKICAgIG1hcmdpbjogMjBweCAwIDY1cHggMDsKICAgIGhlaWdodDogMTY1cHg7CiAgICB3aWR0aDogMTAwJTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKCiAgICAuc2FmZSB7CiAgICAgIGNvbG9yOiAjRkVDQjEyOwogICAgfQoKICAgIC5zYWZlSWNvbiB7CiAgICAgIHdpZHRoOiAyMHB4OwogICAgICBoZWlnaHQ6IDIwcHg7CiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICBsZWZ0OiAxMTBweDsKICAgICAgdG9wOiA5OXB4OwogICAgICBiYWNrZ3JvdW5kOiB1cmwoIn5AL2Fzc2V0cy9sYW5kUmVzMi9wcm9jZXNzLXN0ZXAucG5nIikgbm8tcmVwZWF0IGNlbnRlcjsKICAgIH0KCgoKICAgIHNwYW4gewogICAgICBjb2xvcjogI0IzRThGRTsKICAgICAgZm9udC1zaXplOiAxM3B4OwogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgIGxlZnQ6IDg1cHg7CiAgICAgIHRvcDogMTVweDsKCiAgICAgICY6bnRoLWNoaWxkKDYpLAogICAgICAmOm50aC1jaGlsZCgyKSwKICAgICAgJjpudGgtY2hpbGQoOSkgewogICAgICAgIGxlZnQ6IDI4NXB4OwogICAgICB9CgogICAgICAmOm50aC1jaGlsZCgxKSwKICAgICAgJjpudGgtY2hpbGQoNSksCiAgICAgICY6bnRoLWNoaWxkKDgpIHsKICAgICAgICBsZWZ0OiAxODVweDsKICAgICAgfQoKICAgICAgJjpudGgtY2hpbGQobis0KSB7CiAgICAgICAgdG9wOiA3NXB4OwogICAgICB9CgogICAgICAmOm50aC1jaGlsZChuKzcpIHsKICAgICAgICB0b3A6IDEyMHB4OwogICAgICB9CgogICAgICAmOm50aC1jaGlsZChuKzEwKSB7CiAgICAgICAgdG9wOiAxNjVweDsKICAgICAgICBsZWZ0OiAxODVweAogICAgICB9CgogICAgICAmOm50aC1jaGlsZCgxMSkgewogICAgICAgIHRvcDogMTY1cHg7CiAgICAgICAgbGVmdDogMjg1cHgKICAgICAgfQogICAgfQogIH0KfQoKaDEgewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAtNDBweDsKICBsZWZ0OiAzNSU7CiAgZm9udC1zaXplOiAyMnB4OwogIGNvbG9yOiAjQTVFN0VEOwogIGZvbnQtd2VpZ2h0OiBib2xkZXI7CiAgbWFzay1pbWFnZTogLXdlYmtpdC1ncmFkaWVudChsaW5lYXIsIHRvcCwgYm90dG9tLCBmcm9tKCNlY2Y5ZmEpLCB0bygjQUNGMkY4KSk7Cgp9Ci5iYXNpY0luZm97CiAgICBsaXsKICAgICAgICBwYWRkaW5nOiAxNXB4IDAhaW1wb3J0YW50OwogICAgfQp9CgogLmF0dGVudGlvbkluZm8gewogICAgICBwYWRkaW5nOiAxMHB4IDM1cHg7CiAgICBvdmVyZmxvdy15OiBzY3JvbGw7CiAgICAvLyBoZWlnaHQ6IDIwOHB4OwogICAgb3ZlcmZsb3cteDogaGlkZGVuOwoKICAgICAgcCB7CiAgICAgICAgZGlzcGxheTogYmxvY2s7CiAgICAgICAgd2lkdGg6IDkzJTsKICAgICAgICBtYXJnaW46IDVweCAwOwogICAgICAgIGNvbG9yOiAjQUNGMkY4OwogICAgICAgIGZvbnQtc2l6ZTogMTNweDsKICAgICAgICBwYWRkaW5nLXJpZ2h0OiAxMHB4OwogICAgICB9CgogICAgICBsaSB7CiAgICAgICAgaGVpZ2h0OiBhdXRvOwogICAgICAgICBmb250LXNpemU6IDEzcHg7CiAgICAgIH0KCiAgICAgIGkgewogICAgICAgIG1hcmdpbi1yaWdodDogMTBweAogICAgICB9CgogICAgICAmX3RpdGxlIHsKICAgICAgICBjb2xvcjogJHRhYmxlLWhlYWRlci1jb2xvcgogICAgICB9CiAgICB9CiAgICAgICAgLmF0dGVudGlvbkluZm86Oi13ZWJraXQtc2Nyb2xsYmFyIHsKCWRpc3BsYXk6IG5vbmU7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+cA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;;AAEA;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;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/land/child","sourcesContent":["<template>\n <div id=\"index\" ref=\"appRef\">\n <!-- <div class=\"bg\" :style=\"{\n backgroundImage:\n 'url(' + require(`@/assets/bg3.png`) + ')',\n }\"> -->\n <div class=\"bg\">\n <iframe\n name=\"myframe\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"100%\"\n style=\"position: absolute;background:black;\"\n ref=\"iframe\"\n :src=\"unityUrl\"\n allowfullscreen\n ></iframe>\n <!-- <div class=\"body-left\"></div>\n <div class=\"body-right\"></div>\n <div class=\"body-bottom\"></div> -->\n <dv-loading v-if=\"loading\">Loading...</dv-loading>\n <div v-else class=\"host-body\">\n <HeaderIndex :cdata=\"{ title: titleData, margin: '26px auto' }\" style=\"position: relative\"/>\n <div class=\"main\" >\n <!-- <div class=\"main\" style=\"position: absolute;width: 100%;height: 88%;top: 110px;\"> -->\n \n <div class=\"left\" style=\"height: 100%;\">\n <div style=\"height: 31%;margin-bottom: -35px;\">\n <img src=\"../../../assets/childLeft1.png\" alt=\"\" style=\"height:88%\">\n </div>\n <div style=\"height: 31%;margin-top:5px;margin-bottom: -35px;\">\n <img src=\"../../../assets/childLeft2.png\" alt=\"\" style=\"height:88%\">\n </div> \n <!-- <BasicBox2 class=\"basicInfo\" :title=\"tit\" :dataSource=\"workList\" ></BasicBox2> \n <BasicBox2 class=\"basicInfo\" title=\"房产证信息\" :dataSource=\"workListFCZ\" v-show=\"fczShow\"></BasicBox2> -->\n <BasicBox title=\"监控视频\" :dataSource=\"false\" style=\"height: 30%;width:100%;background-size: 100% 100%;margin: 0;\">\n <template slot=\"top\">\n <div class=\"tabs_datag\">\n <ul style=\"justify-content: flex-start;margin-top: 5%;position: relative;left:6%\">\n <li style=\"width: 20%\" @click=\"openVideo\">视频1</li>\n <li style=\"width: 20%\" @click=\"openVideo\">视频2</li>\n <li style=\"width: 20%\" @click=\"openVideo\">视频3</li>\n <li style=\"width: 20%\" @click=\"openVideo\">视频4</li>\n </ul>\n </div>\n <div class=\"content\" style=\"padding-left: 10px;width:35%;margin-left: 10%;display:inline-block\">\n <video class=\"videoing\" controls=\"controls\" muted=\"true\" autoplay=\"autoplay\" loop=\"loop\" id=\"videoUrlql\" style=\"width: 100%;\" >\n <source src=\"../../../assets/-LONG-INTRO-480p-MP4.mp4\" type=\"video/mp4\" />\n <object width=\"100\" height=\"40\">\n <embed width=\"100\" height=\"40\" />\n </object>\n </video>\n </div>\n <div class=\"content\" style=\"padding-left: 10px;width:35%;margin-left: 15px;display:inline-block\">\n <video class=\"videoing\" controls=\"controls\" muted=\"true\" autoplay=\"autoplay\" loop=\"loop\" id=\"videoUrlql\" style=\"width: 100%;\">\n <source src=\"../../../assets/-LONG-INTRO-480p-MP4.mp4\" type=\"video/mp4\" />\n <object width=\"100\" height=\"40\">\n <embed width=\"100\" height=\"40\" />\n </object>\n </video>\n </div>\n <div class=\"content\" style=\"padding-left: 10px;width:35%;margin-left: 10%;display:inline-block\">\n <video class=\"videoing\" controls=\"controls\" muted=\"true\" autoplay=\"autoplay\" loop=\"loop\" id=\"videoUrlql\" style=\"width: 100%;\">\n <source src=\"../../../assets/-LONG-INTRO-480p-MP4.mp4\" type=\"video/mp4\" />\n <object width=\"100\" height=\"40\">\n <embed width=\"100\" height=\"40\" />\n </object>\n </video>\n </div>\n <div class=\"content\" style=\"padding-left: 10px;width:35%;margin-left: 15px;display:inline-block\">\n <video class=\"videoing\" controls=\"controls\" muted=\"true\" autoplay=\"autoplay\" loop=\"loop\" id=\"videoUrlql\" style=\"width: 100%;\">\n <source src=\"../../../assets/-LONG-INTRO-480p-MP4.mp4\" type=\"video/mp4\" />\n <object width=\"100\" height=\"40\">\n <embed width=\"100\" height=\"40\" />\n </object>\n </video>\n </div>\n </template>\n </BasicBox> \n </div>\n <div class=\"center\" v-show=\"carChangeShow\">\n <div class=\"close\" @click=\"closeVideo\">关闭</div>\n <Center :dataSource=\"false\" >\n <!-- <template slot=\"top\">\n </template> -->\n </Center>\n </div>\n <div class=\"selectModel\">\n <div class=\"selectbtn\" v-for=\"(item,index) in selectArr\" :key=\"index\" style=\"color:#fff\" @click=\"handleSelect(index)\">\n {{item}}\n </div>\n </div>\n <div class=\"smallmap\">\n <img src=\"@/assets/htBtn/map.jpg\" alt=\"\" srcset=\"\" >\n </div>\n <div class=\"right\" style=\"height: 100%;\"> \n <div style=\"height: 31%;margin-bottom: -35px;\">\n <img src=\"../../../assets/childRight1.png\" alt=\"\" style=\"height:88%\">\n </div>\n <div style=\"height: 31%;margin-top:5px;margin-bottom: -35px;\">\n <img src=\"../../../assets/childRight2.png\" alt=\"\" style=\"height:88%\">\n </div> \n <BasicBox title=\"告警信息\" :dataSource=\"false\" style=\"height: 30%;width:100%;background-size: 100% 100%;margin: 0;\">\n <template slot=\"top\">\n <vue-seamless-scroll :data=\"alarmListData\"\n class=\"seamless-warp\"\n :class-option=\"classOption\"\n v-if=\"alarmListData.length > 0\">\n <ul class=\"attentionInfo\">\n <li v-for=\"(item, index) in alarmListData\"\n :key=\"index\">\n <div class=\"attentionInfo_title\" style=\"color:red\">\n <!-- <i class=\"el-icon-caret-right\" style=\"color:#01F1A4\"></i> -->\n <img src=\"../../../assets/gj.png\" alt=\"\">\n 告警\n <span style=\"color:#fff;float:right;margin-right:10%\">{{item.time}}</span>\n </div>\n <p>{{item.bianwei}}<span style=\"color:#fff;float:right\">发生值：{{item.fsz}}</span></p>\n <p>{{item.dizhi}}</p>\n <p>{{item.zhan}}<span style=\"color:#fff;float:right\">侧面门禁：{{item.cemeng}}</span></p>\n <img src=\"../../../assets/bottom001.png\" alt=\"\" width=\"80%\">\n </li>\n </ul>\n </vue-seamless-scroll>\n \n\n\n </template>\n </BasicBox> \n <!-- <BasicBox4 title=\"生产用房\" :dataSource=\"false\" :options=\"options\" :valueData=\"valueData\">\n <template slot=\"top\">\n <customDvScrollBoard2 :config=\"config4\n \" :style=\"{ height: '650px', padding: '10px' }\"></customDvScrollBoard2>\n </template>\n </BasicBox4> -->\n </div>\n\n </div>\n \n </div>\n <div class=\"btn\">\n <img src=\"@/assets/htBtn/inside.png\" alt=\"\" srcset=\"\" @click=\"handleUnity()\" title=\"全景浏览\">\n <img src=\"@/assets/htBtn/location.png\" alt=\"\" srcset=\"\" @click=\"personShow()\" title=\"人物定位\">\n <img src=\"@/assets/htBtn/Look.png\" alt=\"\" srcset=\"\" @click=\"handlefushi()\" title=\"平面图\">\n <!-- <img src=\"@/assets/htBtn/measure.png\" alt=\"\" srcset=\"\"> -->\n <img src=\"@/assets/htBtn/unity.png\" alt=\"\" srcset=\"\" @click=\"handleHtweb()\" title=\"3D展示\">\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport customDvScrollBoard2 from \"@/components/customDvScrollBoard2\"\nimport * as mockData from \"./mock\"\nimport drawMixin from \"@/utils/drawMixin\";\nimport headerIndex from \"@/components/layout/header.vue\";\nimport BasicBox4 from \"@/components/BasicBox4\"\nimport BasicBox2 from \"@/components/BasicBox2\"\nimport axios from 'axios'\nimport BasicBox from \"@/components/BasicBox\"\nimport Center from \"../../center\";\nimport vueSeamlessScroll from 'vue-seamless-scroll'\nexport default {\n mixins: [drawMixin],\n data() {\n return {\n perSon:'1',\n selectArr:['新馆','旧馆'],\n alarmListData:[{time:'2022-11-04 08:16:46',bianwei:'侧门门禁2报警变位',dizhi:'南京软件园科技发展有限公司（腾飞大厦中心站）',zhan:'腾飞大厦中心站',fsz:\"1\",cemeng:'2'},{time:'2022-11-04 08:16:46',bianwei:'侧门门禁2报警变位',dizhi:'南京软件园科技发展有限公司（腾飞大厦中心站）',zhan:'腾飞大厦中心站',fsz:\"1\",cemeng:'2'},{time:'2022-11-04 08:16:46',bianwei:'侧门门禁2报警变位',dizhi:'南京软件园科技发展有限公司（腾飞大厦中心站）',zhan:'腾飞大厦中心站',fsz:\"1\",cemeng:'2'},{time:'2022-11-04 08:16:46',bianwei:'侧门门禁2报警变位',dizhi:'南京软件园科技发展有限公司（腾飞大厦中心站）',zhan:'腾飞大厦中心站',fsz:\"1\",cemeng:'2'},{time:'2022-11-04 08:16:46',bianwei:'侧门门禁2报警变位',dizhi:'南京软件园科技发展有限公司（腾飞大厦中心站）',zhan:'腾飞大厦中心站',fsz:\"1\",cemeng:'2'}],\n classOption:{\n step: 0.5, // 数值越大速度滚动越快\n // limitMoveNum: 10, // 开始无缝滚动的数据量 this.dataList.length\n // hoverStop: true, // 是否开启鼠标悬停stop\n // direction: 1, // 0向下 1向上 2向左 3向右\n // openWatch: true, // 开启数据实时监控刷新dom\n // singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1\n // singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3\n waitTime: 1000 // 单步运动停止的时间(默认值1000ms)\n },\n // unityUrl:\"https://my.matterportvr.cn/show/?m=hEnMfFnid82&sr=-3.04&ss=32\",\n unityUrl:'',\n unityChange:0,\n titleData:\"\",\n valueData: '38',\n backgroundPic: {\n index: \"landRes2/bg\",\n },\n options: [\n \n ],\n carChangeShow: false,\n //不动产数据\n workList: [\n \n ],\n workListData:[],\n workListDatafcz:[],\n //土地数据\n workListNew: [\n \n ],\n workListFCZ: [\n \n ],\n fczShow:false,\n config4: {\n header: ['部门', '楼层', '房号','名称'],\n rowNum: 12,\n data:\n // [['2019', '2', '16.67%'],\n // ['2021', '2', '16.67%'],\n // ['2022', '5', '66.67%'],['无', '无', '无'],]\n [],\n columnWidth: [60],\n \n },\n type:'',\n \n tit:\"不动产产权证信息\",\n loading: false,\n \n ...mockData.default\n };\n },\n components: {\n HeaderIndex: headerIndex,\n BasicBox4,\n BasicBox2,\n BasicBox,\n customDvScrollBoard2,\n Center,\n vueSeamlessScroll\n },\n watch:{\n unityChange:{\n handler(newV){\n if(newV==0){\n this.unityUrl = '/htWeb/unity.html?src=1'\n }else{\n this.unityUrl = '/htWeb/unity.html?src=2'\n }\n },\n immediate:true\n }\n },\n mounted() {\n \n this.timeFn();\n this.cancelLoading();\n console.log(\"this.$route.params\",this.$route.params.id)\n this.titleData = this.$route.params.id.slice(0,4)\n console.log(\"jdMain\",this.$route.params)\n this.type=this.$route.params.type\n this.getJdData(this.type)\n // this.getJdData()\n window.OnSceneLoaded= function(scene){\n console.log(\"scene\",scene);\n window.FloorUI('true')\n }\n },\n// computed: {\n// classOption () {\n// return {\n// step: 1, // 数值越大速度滚动越快\n// limitMoveNum: 10, // 开始无缝滚动的数据量 this.dataList.length\n// hoverStop: true, // 是否开启鼠标悬停stop\n// direction: 1, // 0向下 1向上 2向左 3向右\n// openWatch: true, // 开启数据实时监控刷新dom\n// singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1\n// singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3\n// waitTime: 1000 // 单步运动停止的时间(默认值1000ms)\n// }\n// }\n// },\n beforeDestroy() {\n clearInterval(this.timing);\n },\n methods: {\n // 俯视\n handlefushi(){\n this.$refs.iframe.contentWindow.unity.g3d.setEye([0, 500, 0]); // 镜头位置\n },\n handleHtweb(){\n if(this.unityUrl.indexOf('htWeb') != -1){\n this.$refs.iframe.contentWindow.unity.g3d.setEye([0, 300, 500]);\n }else{\n if(this.unityChange==0){\n this.unityUrl='/htWeb/unity.html?src=1'\n }else(\n this.unityUrl='/htWeb/unity.html?src=2'\n )\n \n }\n \n },\n handleUnity(){\n this.$refs.iframe.contentWindow.unity.g3d.flyTo(this.$refs.iframe.contentWindow.unity.models[0], {\n animation: true,\n ratio: 0.9, // [0, 1]，越大相机越近,\n direction:[0,135,0]\n });\n setTimeout(() => {\n this.unityJiazai()\n }, 1000 * 1.5);\n \n },\n personShow(){\n if(this.perSon == '1'){\n this.$refs.iframe.contentWindow.unity.models[0].setVisible(true)\n this.$refs.iframe.contentWindow.unity.models[1].setVisible(true)\n this.$refs.iframe.contentWindow.unity.models[2].setVisible(true)\n this.$refs.iframe.contentWindow.unity.models[3].setVisible(true)\n this.perSon = '2'\n }else if(this.perSon == '2'){\n this.$refs.iframe.contentWindow.unity.models[0].setVisible(false)\n this.$refs.iframe.contentWindow.unity.models[1].setVisible(false)\n this.$refs.iframe.contentWindow.unity.models[2].setVisible(false)\n this.$refs.iframe.contentWindow.unity.models[3].setVisible(false)\n this.perSon = '1'\n }\n \n },\n unityJiazai(){\n if(this.unityChange==0){\n this.unityUrl=\"https://web-1300932214.cos.ap-nanjing.myqcloud.com/360/bdz_360_22_11_12/index.html\"\n }else(\n this.unityUrl=\"https://web-1300932214.cos.ap-nanjing.myqcloud.com/360/bdz_360_22_11_11/index.html\"\n )\n },\n handleSelect(index){\n this.unityChange = index\n },\n timeFn() {\n // this.timing = setInterval(() => {\n // this.dateDay = formatTime(new Date(), \"HH: mm: ss\");\n // this.dateYear = formatTime(new Date(), \"yyyy-MM-dd\");\n // this.dateWeek = this.weekday[new Date().getDay()];\n // }, 1000);\n },\n openVideo(){\n console.log(\"this.carChangeShow\")\n this.carChangeShow = true;\n },\n closeVideo(){\n console.log(\"this.carChangeShow\")\n this.carChangeShow = false;\n },\n //获取基地数据\n getJdData(val){\n \n if(val == \"不动产\"){\n console.log(\"val\",val)\n this.workListData=[]\n axios.get('/json/jdData.json')\n .then(result => {\n console.log('getMenuData111', result.data)\n for (var i = 0; i < result.data.length; i++) {\n if(result.data[i].jd == this.$route.params.id){\n console.log(\"result.data[i]\",result.data[i])\n this.workListData.push(result.data[i])\n this.changeWorkList(result.data[i])\n } \n }\n })\n .catch(error => {\n console.log(error)\n })\n }else if(val == \"土地证\"){\n this.tit=\"土地证信息\"\n this.workListData=[]\n this.fczShow=true\n axios.get('/json/tdData.json')\n .then(result => {\n console.log('getMenuData111', result.data)\n for (var i = 0; i < result.data.length; i++) {\n if(result.data[i].jd == this.$route.params.id){\n console.log(\"result.data[i]\",result.data[i])\n this.workListData.push(result.data[i])\n this.changeWorkListTd(result.data[i])\n } \n }\n })\n .catch(error => {\n console.log(error)\n })\n this.workListDatafcz=[]\n axios.get('/json/fczData.json')\n .then(result => {\n console.log('getMenuData111', result.data)\n for (var i = 0; i < result.data.length; i++) {\n if(result.data[i].jd == this.$route.params.id){\n console.log(\"result.data[i]\",result.data[i])\n this.workListDatafcz.push(result.data[i])\n this.changeWorkListfcz(result.data[i])\n } \n }\n })\n .catch(error => {\n console.log(error)\n })\n }\n },\n //不动产\n changeWorkList(data){\n var entries = Object.entries(data);\n var list = entries.map(function(item) {\n return {\n value: item[1],\n name: item[0]\n };\n })\n for (var i = 0; i < list.length; i++) {\n for (var t = 0; t < this.workList.length; t++) {\n if(list[i].name==this.workList[t].name){\n this.workList[t].value=list[i].value\n }\n }\n }\n },\n //土地证\n changeWorkListTd(data){\n var entries = Object.entries(data);\n var list = entries.map(function(item) {\n return {\n value: item[1],\n name: item[0]\n };\n })\n for (var i = 0; i < list.length; i++) {\n for (var t = 0; t < this.workListNew.length; t++) {\n if(list[i].name==this.workListNew[t].name){\n this.workListNew[t].value=list[i].value\n }\n }\n }\n this.workList = this.workListNew\n },\n changeWorkListfcz(data){\n var entries = Object.entries(data);\n var list = entries.map(function(item) {\n return {\n value: item[1],\n name: item[0]\n };\n })\n for (var i = 0; i < list.length; i++) {\n for (var t = 0; t < this.workListFCZ.length; t++) {\n if(list[i].name==this.workListFCZ[t].name){\n this.workListFCZ[t].value=list[i].value\n }\n }\n }\n },\n cancelLoading() {\n setTimeout(() => {\n this.loading = false;\n }, 500);\n },\n },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"~@/common/var.scss\";\n@import \"~@/assets/scss/index.scss\";\n\n.btn{\n position: fixed;\n width: 210px;\n height: 54px;\n bottom: 10px;\n left: 0;\n right: 0;\n margin: auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n img{\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n}\n .body-left{\n background: url('../../../assets/left.png') no-repeat!important;\n}\n.body-right{\n background: url('../../../assets/right.png') no-repeat!important;\n}\n\n.body-bottom{\n background: url('../../../assets/down.png') no-repeat!important;\n}\n\n.main {\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 10px;\n box-sizing: border-box;\n .left,\n .right {\n width: 388px;\n top:10%;\n position: absolute;\n box-sizing: border-box;\n }\n .right{\n margin-right: 20px;\n }\n .left{\n // left: 3%;\n margin-left: 20px;\n }\n .smallmap{\n width: 120px;\n height: 80px;\n position: fixed;\n top: 120px;\n right: 500px;\n img{\n width: 100%;\n height: 100%;\n \n }\n }\n .selectModel{\n width: 160px;\n height: 50px;\n display: flex;\n flex-flow: row nowrap;\n position: fixed;\n top: 120px;\n left: 480px;\n .selectbtn{\n margin-right: 10px;\n height: 50px;\n width: fit-content;\n cursor: pointer;\n }\n }\n .center {\n width: 41%;\n height: 60%;\n padding: 0 10px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n position: absolute;\n background: url(../../../assets/box001.png) no-repeat;\n background-size: 100%;\n left: 30%;\n top: 15%;\n// left:30%;\n // top: 700px;\n .box {\n font-size: 14px;\n // background: #11223289;\n background: rgba(16,29,37,0.8);\n border: 2px solid #29a3d3a1;\n width: 23%;\n margin: 1%;\n text-align: center;\n// li {\n// padding: 20px 0;\n// }\n p {\n &:first-child {\n padding: 8px 0 10px 0;\n font-weight: bold;\n font-size: 18px;\n\n }\n\n &:nth-child(2) {\n color: $default-font-color;\n }\n\n padding: 5px 0;\n }\n\n\n }\n .close{\n position: absolute;\n right: 6%;\n top: 11%;\n }\n .box:hover{\n background: rgba(76, 106, 124, 0.8);\n }\n}\n .right {\n right: 0%;\n h1 {\n left: 25%;\n\n }\n.seamless-warp {\n height: 229px;\n overflow: hidden;\n }\n text-align: left;\n .rtitle {\n font-size: 20px;\n padding-left: 20px;\n height: 40px;\n line-height: 40px;\n background: url(\"~@/assets/landRes2/mask.png\") no-repeat;\n color: #B4E9FF;\n background-size: cover;\n }\n }\n\n .progress {\n background: url(\"~@/assets/landRes2/process.png\") no-repeat top;\n margin: 20px 0 65px 0;\n height: 165px;\n width: 100%;\n position: relative;\n\n .safe {\n color: #FECB12;\n }\n\n .safeIcon {\n width: 20px;\n height: 20px;\n position: absolute;\n display: inline-block;\n left: 110px;\n top: 99px;\n background: url(\"~@/assets/landRes2/process-step.png\") no-repeat center;\n }\n\n\n\n span {\n color: #B3E8FE;\n font-size: 13px;\n position: absolute;\n left: 85px;\n top: 15px;\n\n &:nth-child(6),\n &:nth-child(2),\n &:nth-child(9) {\n left: 285px;\n }\n\n &:nth-child(1),\n &:nth-child(5),\n &:nth-child(8) {\n left: 185px;\n }\n\n &:nth-child(n+4) {\n top: 75px;\n }\n\n &:nth-child(n+7) {\n top: 120px;\n }\n\n &:nth-child(n+10) {\n top: 165px;\n left: 185px\n }\n\n &:nth-child(11) {\n top: 165px;\n left: 285px\n }\n }\n }\n}\n\nh1 {\n text-align: center;\n position: absolute;\n top: -40px;\n left: 35%;\n font-size: 22px;\n color: #A5E7ED;\n font-weight: bolder;\n mask-image: -webkit-gradient(linear, top, bottom, from(#ecf9fa), to(#ACF2F8));\n\n}\n.basicInfo{\n li{\n padding: 15px 0!important;\n }\n}\n\n .attentionInfo {\n padding: 10px 35px;\n overflow-y: scroll;\n // height: 208px;\n overflow-x: hidden;\n\n p {\n display: block;\n width: 93%;\n margin: 5px 0;\n color: #ACF2F8;\n font-size: 13px;\n padding-right: 10px;\n }\n\n li {\n height: auto;\n font-size: 13px;\n }\n\n i {\n margin-right: 10px\n }\n\n &_title {\n color: $table-header-color\n }\n }\n .attentionInfo::-webkit-scrollbar {\n\tdisplay: none;\n}\n</style>\n"]}]} |