{"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=79281af8&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\land\\child\\index.vue","mtime":1668390153349},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCkBpbXBvcnQgIn5AL2NvbW1vbi92YXIuc2NzcyI7CkBpbXBvcnQgIn5AL2Fzc2V0cy9zY3NzL2luZGV4LnNjc3MiOwoKLmJ0bnsKICBwb3NpdGlvbjogZml4ZWQ7CiAgd2lkdGg6IDIxMHB4OwogIGhlaWdodDogNTRweDsKICBib3R0b206IDEwcHg7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBtYXJnaW46IGF1dG87CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGltZ3sKICAgIHdpZHRoOiA0MHB4OwogICAgaGVpZ2h0OiA0MHB4OwogICAgY3Vyc29yOiBwb2ludGVyOwogIH0KfQogLmJvZHktbGVmdHsKICAgIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vLi4vYXNzZXRzL2xlZnQucG5nJykgbm8tcmVwZWF0IWltcG9ydGFudDsKfQouYm9keS1yaWdodHsKICAgIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vLi4vYXNzZXRzL3JpZ2h0LnBuZycpIG5vLXJlcGVhdCFpbXBvcnRhbnQ7Cn0KCi5ib2R5LWJvdHRvbXsKICAgIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vLi4vYXNzZXRzL2Rvd24ucG5nJykgbm8tcmVwZWF0IWltcG9ydGFudDsKfQoKLm1haW4gewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIC5sZWZ0LAogIC5yaWdodCB7CiAgICB3aWR0aDogMjUlOwogICAgdG9wOjEwJTsKICAgIHBhZGRpbmctcmlnaHQ6IDIwcHg7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgfQogIC5sZWZ0ewogICAgbGVmdDogMyU7CiAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7CiAgfQogIC5zbWFsbG1hcHsKICAgIHdpZHRoOiAxMjBweDsKICAgIGhlaWdodDogODBweDsKICAgIHBvc2l0aW9uOiBmaXhlZDsKICAgIHRvcDogMTIwcHg7CiAgICByaWdodDogNTAwcHg7CiAgICBpbWd7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgIAogICAgfQogIH0KICAuc2VsZWN0TW9kZWx7CiAgICB3aWR0aDogMTYwcHg7CiAgICBoZWlnaHQ6IDUwcHg7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgZmxleC1mbG93OiByb3cgbm93cmFwOwogICAgcG9zaXRpb246IGZpeGVkOwogICAgdG9wOiAxMjBweDsKICAgIGxlZnQ6IDQ4MHB4OwogICAgLnNlbGVjdGJ0bnsKICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4OwogICAgICBoZWlnaHQ6IDUwcHg7CiAgICAgIHdpZHRoOiBmaXQtY29udGVudDsKICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgfQogIH0KICAuY2VudGVyIHsKICB3aWR0aDogNDElOwogICAgaGVpZ2h0OiA2MCU7CiAgICBwYWRkaW5nOiAwIDEwcHg7CiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDsKICAgIGRpc3BsYXk6IC1tcy1mbGV4Ym94OwogICAgZGlzcGxheTogZmxleDsKICAgIC1tcy1mbGV4LXdyYXA6IHdyYXA7CiAgICBmbGV4LXdyYXA6IHdyYXA7CiAgICAtbXMtZmxleC1saW5lLXBhY2s6IHN0YXJ0OwogICAgYWxpZ24tY29udGVudDogZmxleC1zdGFydDsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGJhY2tncm91bmQ6IHVybCguLi8uLi8uLi9hc3NldHMvYm94MDAxLnBuZykgbm8tcmVwZWF0OwogICAgYmFja2dyb3VuZC1zaXplOiAxMDAlOwogICAgbGVmdDogMzAlOwogICAgdG9wOiAxNSU7Ci8vICAgbGVmdDozMCU7CiAgICAvLyB0b3A6IDcwMHB4OwogIC5ib3ggewogICAgZm9udC1zaXplOiAxNHB4OwogICAgLy8gYmFja2dyb3VuZDogIzExMjIzMjg5OwogICAgYmFja2dyb3VuZDogcmdiYSgxNiwyOSwzNywwLjgpOwogICAgYm9yZGVyOiAycHggc29saWQgIzI5YTNkM2ExOwogICAgd2lkdGg6IDIzJTsKICAgIG1hcmdpbjogMSU7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7Ci8vICBsaSB7Ci8vICAgICBwYWRkaW5nOiAyMHB4IDA7Ci8vICAgfQogICAgcCB7CiAgICAgICY6Zmlyc3QtY2hpbGQgewogICAgICAgIHBhZGRpbmc6IDhweCAwIDEwcHggMDsKICAgICAgICBmb250LXdlaWdodDogYm9sZDsKICAgICAgICBmb250LXNpemU6IDE4cHg7CgogICAgICB9CgogICAgICAmOm50aC1jaGlsZCgyKSB7CiAgICAgICAgY29sb3I6ICRkZWZhdWx0LWZvbnQtY29sb3I7CiAgICAgIH0KCiAgICAgIHBhZGRpbmc6IDVweCAwOwogICAgfQoKCiAgfQogIC5jbG9zZXsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIHJpZ2h0OiA2JTsKICAgIHRvcDogMTElOwogIH0KICAuYm94OmhvdmVyewogICAgIGJhY2tncm91bmQ6IHJnYmEoNzYsIDEwNiwgMTI0LCAwLjgpOwogIH0KfQogIC5yaWdodCB7CiAgICByaWdodDogMCU7CiAgICBoMSB7CiAgICAgIGxlZnQ6IDI1JTsKCiAgICB9Ci5zZWFtbGVzcy13YXJwIHsKICAgICAgICBoZWlnaHQ6IDIyOXB4OwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICB9CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwoKICAgIC5ydGl0bGUgewogICAgICBmb250LXNpemU6IDIwcHg7CiAgICAgIHBhZGRpbmctbGVmdDogMjBweDsKICAgICAgaGVpZ2h0OiA0MHB4OwogICAgICBsaW5lLWhlaWdodDogNDBweDsKICAgICAgYmFja2dyb3VuZDogdXJsKCJ+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;;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;;AAEA;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: 35%; \">\n              <template slot=\"top\">\n                 <div class=\"tabs_datag\">\n              <ul style=\"justify-content: flex-start;margin-top: 3%;position: relative;left:3%\">\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: 7%;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: 7%;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: 32%;width: 100%;\">\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()\">\n            <img src=\"@/assets/htBtn/location.png\" alt=\"\" srcset=\"\" @click=\"personShow()\">\n            <img src=\"@/assets/htBtn/Look.png\" alt=\"\" srcset=\"\" @click=\"handlefushi()\">\n            <!-- <img src=\"@/assets/htBtn/measure.png\" alt=\"\" srcset=\"\"> -->\n            <img src=\"@/assets/htBtn/unity.png\" alt=\"\" srcset=\"\" @click=\"handleHtweb()\">\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  display: flex;\n  justify-content: space-between;\n  .left,\n  .right {\n    width: 25%;\n    top:10%;\n    padding-right: 20px;\n    position: absolute;\n  }\n  .left{\n    left: 3%;\n    padding-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\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"]}]}