{"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=5ce187df&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\land\\child\\index.vue","mtime":1668694510966},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnJlZGRpYW57CiAgd2lkdGg6IDI1cHg7CiAgaGVpZ2h0OiAyNXB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vLi4vYXNzZXRzL21hcEluZm8v6LWE5rqQIDg0LnBuZycpIG5vLXJlcGVhdDsKICBhbmltYXRpb246IGp1bXBCb3hIYW5kbGVyICAyMHMgaW5maW5pdGUgYWx0ZXJuYXRlOwp9CkBrZXlmcmFtZXMganVtcEJveEhhbmRsZXIgewogIDAlIHsKICAgIGxlZnQ6IDA7CiAgfQogIDUwJSB7CiAgICBsZWZ0OiA1MHB4OwogIH0KICAxMDAlIHsKICAgIGxlZnQ6IDkwcHg7CiAgfQp9Ci5tYXBtb2RlbHN7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi8uLi9hc3NldHMvbWFwSW5mby/lvLnnqpcucG5nJykgbm8tcmVwZWF0OwogIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOwp9Ci50ZWJsZWNvbiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWZsb3c6IGNvbHVtbiBub3dyYXA7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQp0YWJsZXsKICB3aWR0aDogMTAwJTsKfQp0YWJsZSB0ZCwgdGFibGUgdGh7CiAgICBjb2xvcjogI2ZmZmZmZjsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLy8gQGltcG9ydCAifkAvY29tbW9uL3Zhci5zY3NzIjsKLy8gQGltcG9ydCAifkAvYXNzZXRzL3Njc3MvaW5kZXguc2NzcyI7CkBrZXlmcmFtZXMgZG9uZ2h1YSB7CiAgZnJvbSB7CiAgICBvcGFjaXR5OiAwOwogIH0KCiAgdG8gewogICAgb3BhY2l0eTogMTsKICB9Cn0KLm15LWxlYXZlLAoubXktZW50ZXItdG8gewogIGFuaW1hdGlvbjogZG9uZ2h1YSAxcyBsaW5lYXI7Cn0KCi5teS1lbnRlciwKLm15LWxlYXZlLWFjdGl2ZSB7CiAgYW5pbWF0aW9uOiBkb25naHVhIDFzIGxpbmVhciByZXZlcnNlOwp9CgpAa2V5ZnJhbWVzIGRvbmdodWExIHsKICBmcm9tIHsKICAgIG9wYWNpdHk6IDA7CiAgfQoKICB0byB7CiAgICBvcGFjaXR5OiAxOwogIH0KfQoubXlyLWxlYXZlLAoubXlyLWVudGVyLXRvIHsKICBhbmltYXRpb246IGRvbmdodWExIDFzIGxpbmVhcjsKfQoKLm15ci1lbnRlciwKLm15ci1sZWF2ZS1hY3RpdmUgewogIGFuaW1hdGlvbjogZG9uZ2h1YTEgMXMgbGluZWFyIHJldmVyc2U7Cn0KCkBrZXlmcmFtZXMgZG9uZ2h1YXRhbiB7CiAgZnJvbSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7CiAgfQoKICB0byB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpOwogIH0KfQoudGFuY2h1YW4tZW50ZXItYWN0aXZlIHsKICBhbmltYXRpb246IGRvbmdodWF0YW4gMXMgbGluZWFyOwp9CgoudGFuY2h1YW4tbGVhdmUtYWN0aXZlIHsKICBhbmltYXRpb246IGRvbmdodWF0YW4gMXMgbGluZWFyIHJldmVyc2U7Cn0KLy8g5qC35byPCi5tYXBjaGlsZCB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAuYmcgewogICAgd2lkdGg6IDEwMCU7CiAgICBoZWlnaHQ6IDEwMCU7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICB0b3A6IDA7CiAgICBsZWZ0OiAwOwogIH0KICAuaG9zdC1ib2R5IHsKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OiAxMDAlOwogIH0KfQouYnRuIHsKICBwb3NpdGlvbjogZml4ZWQ7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogNTRweDsKICBib3R0b206IDEwcHg7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBtYXJnaW46IGF1dG87CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGltZyB7CiAgICB3aWR0aDogNDBweDsKICAgIGhlaWdodDogNDBweDsKICAgIGN1cnNvcjogcG9pbnRlcjsKICB9Cn0KLm1haW4gewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogY2FsYygxMDAlIC0gODlweCk7CiAgbWFyZ2luLXRvcDogLTMxMXB4OwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHBhZGRpbmc6IDBweCAyMHB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgLmxlZnQgewogICAgbWFyZ2luLWxlZnQ6IDIwcHg7CiAgICB3aWR0aDogNDMycHg7CiAgICBoZWlnaHQ6IDEwMCU7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBsZWZ0OiAwOwogICAgLmxlZnRvbmUgewogICAgICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uLy4uL2Fzc2V0cy9sZWZ0b25lLnBuZyIpIG5vLXJlcGVhdDsKICAgICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7CiAgICAgIC5pbmZvIHsKICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDUwcHgpOwogICAgICAgIHBhZGRpbmc6IDAgMTBweDsKICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgZmxleC1mbG93OiBjb2x1bW4gbm93cmFwOwogICAgICAgIC5saXN0IHsKICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICAgICAgICAgIGhlaWdodDogMjZweDsKICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgICBmb250LXNpemU6IDEzcHg7CiAgICAgICAgICBwYWRkaW5nOiAwIDEwcHg7CiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgICAgICAgLnRleHQgewogICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7CiAgICAgICAgICAgIGhlaWdodDogMTAwJTsKICAgICAgICAgICAgY29sb3I6ICNmZmZmZmY7CiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyN3B4OwogICAgICAgICAgICBmb250LXNpemU6IDEzcHg7CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgICAubGVmdHR3byB7CiAgICAgIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vLi4vYXNzZXRzL2xlZnR0aHJlZS5wbmciKSBuby1yZXBlYXQ7CiAgICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOwogICAgICAudGl0bGUgewogICAgICAgIGhlaWdodDogNjBweDsKICAgICAgICBsaW5lLWhlaWdodDogNjBweDsKICAgICAgfQogICAgICAuaW5mbyB7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA1MHB4KTsKICAgICAgICBwYWRkaW5nOiAwIDEwcHg7CiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGZsZXgtZmxvdzogY29sdW1uIG5vd3JhcDsKICAgICAgICAubGlzdCB7CiAgICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgICAgICAgICBoZWlnaHQ6IDMwcHg7CiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICAgICAgcGFkZGluZzogMCAxMHB4OwogICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgICAgICAgICYgPiBkaXYgewogICAgICAgICAgICB3aWR0aDogNTAlOwogICAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIC50aHJlZSB7CiAgICAgIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vLi4vYXNzZXRzL2xlZnR0d28ucG5nIikgbm8tcmVwZWF0OwogICAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsKICAgICAgcGFkZGluZzogMCAxMHB4OwogICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgICAudGl0bGUgewogICAgICAgIGhlaWdodDogNDVweDsKICAgICAgICBsaW5lLWhlaWdodDogNDVweDsKICAgICAgfQogICAgICAubWFwIHsKICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDQ1cHgpOwogICAgICAgIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vLi4vYXNzZXRzL21hcEluZm8v6LWE5rqQIDc2LnBuZyIpIG5vLXJlcGVhdDsKICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsKICAgICAgfQogICAgfQogICAgJiA+IGRpdiB7CiAgICAgIC50aXRsZSB7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgaGVpZ2h0OiA1MHB4OwogICAgICAgIGxpbmUtaGVpZ2h0OiA1MHB4OwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBjb2xvcjogI2ZmZmZmZjsKICAgICAgICBmb250LXdlaWdodDogNjAwOwogICAgICAgIGZvbnQtc2l6ZTogMTVweDsKICAgICAgfQogICAgfQogIH0KICAucmlnaHQgewogICAgbWFyZ2luLXJpZ2h0OiAyMHB4OwogICAgd2lkdGg6IDQzMnB4OwogICAgaGVpZ2h0OiAxMDAlOwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgcmlnaHQ6IDA7CiAgICAubGVmdG9uZSB7CiAgICAgIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vLi4vYXNzZXRzL2xlZnRvbmUucG5nIikgbm8tcmVwZWF0OwogICAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsKICAgICAgLmluZm8gewogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gNTBweCk7CiAgICAgICAgcGFkZGluZzogMCAxMHB4OwogICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBmbGV4LWZsb3c6IHJvdyB3cmFwOwogICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICAgICAgICAubGlzdCB7CiAgICAgICAgICB3aWR0aDogMTg2cHg7CiAgICAgICAgICBoZWlnaHQ6IDEwNXB4OwogICAgICAgICAgLnRleHQgewogICAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgICAgIHdpZHRoOiA1MCU7CiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA5MHB4OwogICAgICAgICAgICBsaW5lLWhlaWdodDogMTA1cHg7CiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgICAgICB9CiAgICAgICAgICAmLmxpc3QxIHsKICAgICAgICAgICAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi8uLi9hc3NldHMvbWFwSW5mby/otYTmupAgODAucG5nIikgbm8tcmVwZWF0OwogICAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsKICAgICAgICAgIH0KICAgICAgICAgICYubGlzdDIgewogICAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uLy4uL2Fzc2V0cy9tYXBJbmZvL+i1hOa6kCA4MS5wbmciKSBuby1yZXBlYXQ7CiAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOwogICAgICAgICAgfQogICAgICAgICAgJi5saXN0MyB7CiAgICAgICAgICAgIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vLi4vYXNzZXRzL21hcEluZm8v6LWE5rqQIDgyLnBuZyIpIG5vLXJlcGVhdDsKICAgICAgICAgICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7CiAgICAgICAgICB9CiAgICAgICAgICAmLmxpc3Q0IHsKICAgICAgICAgICAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi8uLi9hc3NldHMvbWFwSW5mby/otYTmupAgODMucG5nIikgbm8tcmVwZWF0OwogICAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIC5sZWZ0dHdvIHsKICAgICAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi8uLi9hc3NldHMvbGVmdHRocmVlLnBuZyIpIG5vLXJlcGVhdDsKICAgICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7CgogICAgICAuaW5mbyB7CiAgICAgICAgLy8gZGlzcGxheTogZmxleDsKICAgICAgICAvLyBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICAvLyBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gNTBweCk7CiAgICAgICAgcGFkZGluZzogMTBweCAxMHB4OwogICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgICAgLnBpYyB7CiAgICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICAgIGhlaWdodDogMTAwJTsKICAgICAgICAgIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vLi4vYXNzZXRzL21hcEluZm8v6LWE5rqQIDg5LnBuZyIpIG5vLXJlcGVhdDsKICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOwogICAgICAgIH0KICAgICAgfQogICAgfQogICAgLnRocmVlIHsKICAgICAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi8uLi9hc3NldHMvcmlnaHRpbmZvLnBuZyIpIG5vLXJlcGVhdDsKICAgICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7CiAgICAgIC5pbmZvIHsKICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDUwcHgpOwogICAgICAgIHBhZGRpbmc6IDBweCAxNXB4IDEwcHggMTVweDsKICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgICB9CiAgICB9CiAgICAuZm91ciB7CiAgICAgIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vLi4vYXNzZXRzL3JpZ2h0aW5mby5wbmciKSBuby1yZXBlYXQ7CiAgICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOwogICAgICAuaW5mbyB7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA1MHB4KTsKICAgICAgICBwYWRkaW5nOiAwcHggMjBweCAxMHB4IDIwcHg7CiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgICAgICAudGV4dGFyZWEgewogICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICBoZWlnaHQ6IDcwcHg7CiAgICAgICAgICB0ZXh0LWluZGVudDogMTNweDsKICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjAsIDc0LCAxMDMsIDAuNik7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgICAmID4gZGl2IHsKICAgICAgLnRpdGxlIHsKICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICBoZWlnaHQ6IDUwcHg7CiAgICAgICAgbGluZS1oZWlnaHQ6IDUwcHg7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGNvbG9yOiAjZmZmZmZmOwogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7CiAgICAgICAgZm9udC1zaXplOiAxNXB4OwogICAgICB9CiAgICB9CiAgfQogIC5zbWFsbG1hcCB7CiAgICB3aWR0aDogMTIwcHg7CiAgICBoZWlnaHQ6IDgwcHg7CiAgICBwb3NpdGlvbjogZml4ZWQ7CiAgICB0b3A6IDEyMHB4OwogICAgcmlnaHQ6IDUwMHB4OwogICAgaW1nIHsKICAgICAgd2lkdGg6IDEwMCU7CiAgICAgIGhlaWdodDogMTAwJTsKICAgIH0KICB9CiAgLnNlbGVjdE1vZGVsIHsKICAgIHdpZHRoOiAxNjBweDsKICAgIGhlaWdodDogNTBweDsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7CiAgICBwb3NpdGlvbjogZml4ZWQ7CiAgICB0b3A6IDEyMHB4OwogICAgbGVmdDogNDgwcHg7CiAgICAuc2VsZWN0YnRuIHsKICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4OwogICAgICBoZWlnaHQ6IDUwcHg7CiAgICAgIHdpZHRoOiBmaXQtY29udGVudDsKICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgfQogIH0KICAuY2VudGVyIHsKICAgIHdpZHRoOiAyOSU7CiAgICBoZWlnaHQ6IDQ1JTsKICAgIHBhZGRpbmc6IDAgMTBweDsKICAgIGRpc3BsYXk6IC13ZWJraXQtYm94OwogICAgZGlzcGxheTogLW1zLWZsZXhib3g7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgLW1zLWZsZXgtd3JhcDogd3JhcDsKICAgIGZsZXgtd3JhcDogd3JhcDsKICAgIC1tcy1mbGV4LWxpbmUtcGFjazogc3RhcnQ7CiAgICBhbGlnbi1jb250ZW50OiBmbGV4LXN0YXJ0OwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi8uLi9hc3NldHMvbGVmdG9uZS5wbmcnKSBuby1yZXBlYXQ7CiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsKICAgIGxlZnQ6IDA7CiAgICByaWdodDogMDsKICAgIGJvdHRvbTogMDsKICAgIHRvcDogMDsKICAgIG1hcmdpbjogYXV0bzsKICAgIC8vICAgbGVmdDozMCU7CiAgICAvLyB0b3A6IDcwMHB4OwogICAgLmJveCB7CiAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgLy8gYmFja2dyb3VuZDogIzExMjIzMjg5OwogICAgICBiYWNrZ3JvdW5kOiByZ2JhKDE2LCAyOSwgMzcsIDAuOCk7CiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICMyOWEzZDNhMTsKICAgICAgd2lkdGg6IDIzJTsKICAgICAgbWFyZ2luOiAxJTsKICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAvLyAgbGkgewogICAgICAvLyAgICAgcGFkZGluZzogMjBweCAwOwogICAgICAvLyAgIH0KICAgICAgcCB7CiAgICAgICAgJjpmaXJzdC1jaGlsZCB7CiAgICAgICAgICBwYWRkaW5nOiA4cHggMCAxMHB4IDA7CiAgICAgICAgICBmb250LXdlaWdodDogYm9sZDsKICAgICAgICAgIGZvbnQtc2l6ZTogMThweDsKICAgICAgICB9CgogICAgICAgICY6bnRoLWNoaWxkKDIpIHsKICAgICAgICAgIC8vIGNvbG9yOiAkZGVmYXVsdC1mb250LWNvbG9yOwogICAgICAgIH0KCiAgICAgICAgcGFkZGluZzogNXB4IDA7CiAgICAgIH0KICAgIH0KICAgIC5jbG9zZSB7CiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgcmlnaHQ6IDYlOwogICAgICB0b3A6IDglOwogICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIGNvbG9yOiAjZmZmZmZmOwogICAgfQogICAgLmJveDpob3ZlciB7CiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzYsIDEwNiwgMTI0LCAwLjgpOwogICAgfQogIH0KfQoKaDEgewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAtNDBweDsKICBsZWZ0OiAzNSU7CiAgZm9udC1zaXplOiAyMnB4OwogIGNvbG9yOiAjYTVlN2VkOwogIGZvbnQtd2VpZ2h0OiBib2xkZXI7CiAgbWFzay1pbWFnZTogLXdlYmtpdC1ncmFkaWVudChsaW5lYXIsIHRvcCwgYm90dG9tLCBmcm9tKCNlY2Y5ZmEpLCB0bygjYWNmMmY4KSk7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA29BA;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;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;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;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;;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;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/land/child","sourcesContent":["<template>\n  <div class=\"mapchild\">\n    <div class=\"bg\">\n      <transition name=\"myr\">\n        <iframe\n          name=\"myframe\"\n          frameborder=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          style=\"position: absolute; background: black\"\n          ref=\"iframe\"\n          v-show=\"htStatus == 1\"\n          :src=\"unityUrl\"\n          allowfullscreen\n        ></iframe>\n      </transition>\n      <transition name=\"my\">\n        <iframe\n          name=\"htWeb\"\n          v-show=\"htStatus != 1\"\n          frameborder=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          style=\"position: absolute; background: black\"\n          ref=\"htWeb\"\n          :src=\"threeUrl\"\n          allowfullscreen\n        ></iframe>\n      </transition>\n    </div>\n    <transition name=\"my\">\n      <iframe\n        name=\"toukui\"\n        v-show=\"toukuiShow\"\n        frameborder=\"0\"\n        width=\"80%\"\n        height=\"60%\"\n        style=\"\n          position: absolute;\n          background: black;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          margin: auto;\n          z-index: 99999;\n        \"\n        ref=\"toukui\"\n        src=\"https://ddns.thirdtec.cn:41127/njbd/video/index-copy.html\"\n      ></iframe>\n    </transition>\n    <transition name=\"my\">\n      <div\n        class=\"teblecon\"\n        v-show=\"tableShow\"\n        style=\"\n          width: 35%;\n          height: 80%;\n          position: absolute;\n          background: rgba(5, 42, 84, 0.6);\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          margin: auto;\n          z-index: 99999;\n        \"\n      >\n        <div\n          class=\"top\"\n          style=\"\n            width: 100%;\n            font-size: 18px;\n            padding: 10px 10px 0 0;\n            color: #fff;\n            text-align: right;\n            cursor: pointer;\n            box-sizing: border-box;\n          \"\n          @click=\"handleTableClose\"\n        >\n          x\n        </div>\n        <div\n          class=\"tablecon\"\n          style=\"\n            width: 80%;\n            height: 85%;\n            margin-top: 5px;\n            padding: 30px 30px 0px 30px;\n            box-sizing: border-box;\n            background-color: rgba(12, 57, 98, 0.6);\n            border: 1px solid rgba(12, 56, 95, 1)\n          \"\n        >\n          <div class=\"top\" style=\"width:100%\">\n                <div style=\"color: #fff;font-size: 20px;width: 100%;text-align: center;\">用电检查结果通知书</div>\n                <div style=\"color: #fff;font-size: 14px;width: 100%;text-align: right;padding-right: 10px;box-sizing: border-box;\">编号：NO</div>\n          </div>\n          <table width=\"90%\" align=\"center\" border=\"1\" bordercolor=\"#fff\" cellspacing=\"0\" style=\"margin-top:10px\">\n            <thead>\n              <tr style=\"height:50px\">\n                <th style=\"width:60px\">用户</th>\n                <th style=\"width:100px\">\n                  <input name=\"txtname\" type=\"text\" style=\"background:transparent;border:none;color:#fff;width:100%;height:100%\">\n                </th>\n                <th style=\"width:100px\">总户号</th>\n                <th>\n                  <input name=\"txtname\" type=\"text\" style=\"background:transparent;border:none;color:#fff;width:100%;height:100%\">\n                </th>\n              </tr>\n            </thead>\n            <tr style=\"height:50px\">\n              <td>地址</td>\n              <td colspan='3'>\n                <input name=\"txtname\" type=\"text\" style=\"background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"经检查，发现贵单位电力使用中存在下列问题：\" type=\"text\" style=\"background:transparent;border:none;color:#fff;width:100%;height:100%;text-indent: 26px;\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"1、值班室 人员资质\" type=\"text\" style=\"text-indent: 4px;background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"2、值班室 值班记录、试验记录、三档一案\" type=\"text\" style=\"text-indent: 4px;background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"3、高压室 一次按线图\" type=\"text\" style=\"text-indent: 4px;background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"4、高压室 保护装置记录\" type=\"text\" style=\"text-indent: 4px;background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"5、高压室 自备电源\" type=\"text\" style=\"text-indent: 4px;background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"6、安全工器具、消防设备\" type=\"text\" style=\"text-indent: 4px;background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n              </td>\n            </tr>\n            <tr style=\"height:40px\">\n              <td colspan='4'>\n              </td>\n            </tr>\n            <tr style=\"height:80px\">\n              <td colspan='4'>\n                <input name=\"txtname\" value=\"其他问题\" type=\"text\" style=\"text-indent: 4px;background:transparent;border:none;color:#fff;width:100%;height:100%\">\n              </td>\n            </tr>\n          </table>\n        </div>\n        <div\n          class=\"btna\"\n          style=\"\n            width: 120px;\n            display: flex;\n            flex-flow: row nowrap;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 10px;\n          \"\n        >\n          <button\n            style=\"\n              width: 50px;\n              height: 22px;\n              background-color: rgba(12, 56, 95, 0.6);\n              border: 1px solid rgba(12, 56, 95, 1);\n              color: #fff;\n              cursor: pointer;\n            \"\n          >\n            取消\n          </button>\n          <button\n            style=\"\n              width: 50px;\n              height: 22px;\n              background-color: rgba(12, 56, 95, 0.6);\n              border: 1px solid rgba(12, 56, 95, 1);\n              color: #fff;\n              cursor: pointer;\n            \"\n          >\n            提交\n          </button>\n        </div>\n      </div>\n    </transition>\n    <transition name=\"my\">\n      <div\n      v-show=\"mapShow\"\n      style=\"\n          width: 40%;\n          height: 50%;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          margin: auto;\n          z-index: 99999;\n        \">\n        \n        <div class=\"mapmodels\" style=\"width:100%;height:100%;position: relative;\" >\n          <div style=\"position:absolute;top: 0px;right: 0px;width: 20px;height: 20px;\" @click=\"handletanchuan\"></div>\n          <div style=\"position:absolute;top: 180px;right: 350px; width: 100px; height: 100%;transform: rotate(40deg);\">\n            <div class=\"reddian\" style=\"position:absolute;top: 30px;left:0px;\" @click=\"handledianwei\"></div>\n          </div>\n          \n        </div>\n      \n      </div>\n    </transition>\n    <div class=\"host-body\">\n      <HeaderIndex\n        :cdata=\"{ title: titleData, margin: '26px auto' }\"\n        style=\"position: relative\"\n      />\n      <div class=\"main\">\n        <div class=\"left\" style=\"height: 100%\">\n          <div\n            class=\"leftone\"\n            style=\"width: 100%; height: 300px; margin-bottom: 15px\"\n          >\n            <div class=\"title\">配电房总体信息</div>\n            <div class=\"info\">\n              <div\n                class=\"list\"\n                :style=\"{\n                  background: index % 2 == 0 ? 'rgb(1,34,85)' : 'transparnt',\n                }\"\n                v-for=\"(item, index) in infoArr\"\n                :key=\"index\"\n              >\n                <div>\n                  <img :src=\"item.path\" alt=\"\" />\n                  <span\n                    style=\"color: #fff; margin-left: 10px; font-size: 13px\"\n                    >{{ item.name }}</span\n                  >\n                </div>\n                <div class=\"text\">\n                  {{ item.text }}\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"lefttwo\" style=\"height: 244px; margin-bottom: 15px\">\n            <div class=\"title\">环境信息</div>\n            <div class=\"info\">\n              <div\n                class=\"list\"\n                :style=\"{\n                  background: index % 2 != 0 ? 'rgb(1,34,85)' : 'transparnt',\n                }\"\n                v-for=\"(item, index) in eniorArr\"\n                :key=\"index\"\n              >\n                <div>\n                  <img\n                    :src=\"item.path\"\n                    alt=\"\"\n                    style=\"width: 16px; height: 16px\"\n                  />\n                  <span\n                    style=\"color: #fff; font-size: 13px; margin-right: 20px\"\n                    >{{ item.name }}</span\n                  >\n                </div>\n                <div>\n                  <span style=\"color: #fff; font-size: 13px\">{{\n                    item.nametwo\n                  }}</span>\n                  <span\n                    v-if=\"index != 4\"\n                    style=\"color: #fff; font-size: 13px\"\n                    >{{ item.value }}</span\n                  >\n                  <img\n                    v-else\n                    :src=\"item.value\"\n                    alt=\"\"\n                    style=\"width: 16px; height: 16px\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"three\" style=\"height: 260px\">\n            <div class=\"title\">监控视频</div>\n            <div class=\"map\" @click=\"openVideo\"></div>\n          </div>\n        </div>\n        <div class=\"center\" v-show=\"carChangeShow\">\n          <div class=\"close\" @click=\"closeVideo\">关闭</div>\n          <Center :dataSource=\"false\" style=\"width:100%;height:calc(100% - 150px);margin-top: 10px;\">\n            <!-- <template slot=\"top\">\n                 </template> -->\n          </Center>\n        </div>\n        <div class=\"selectModel\">\n          <div\n            class=\"selectbtn\"\n            v-for=\"(item, index) in selectArr\"\n            :key=\"index\"\n            style=\"color: #fff\"\n            @click=\"handleSelect(index)\"\n          >\n            {{ item }}\n          </div>\n        </div>\n        <div class=\"smallmap\" @click=\"hanldetoukui()\">\n          <img src=\"@/assets/mapInfo/地图.png\" alt=\"\" srcset=\"\" />\n        </div>\n        <div class=\"right\" style=\"height: 100%\">\n          <div\n            class=\"leftone\"\n            style=\"width: 100%; height: 300px; margin-bottom: 15px\"\n          >\n            <div class=\"title\">负载信息</div>\n            <div class=\"info\">\n              <div\n                class=\"list\"\n                :class=\"getBg[index]\"\n                v-for=\"(item, index) in fuzaiArr\"\n                :key=\"index\"\n              >\n                <div class=\"text\">\n                  <span\n                    v-if=\"index == 0\"\n                    style=\"\n                      color: rgb(135, 237, 15);\n                      font-size: 21px;\n                      font-weight: 600;\n                      margin-right: 5px;\n                    \"\n                    >{{ item.vlaue }}</span\n                  >\n                  <span\n                    v-if=\"index == 0\"\n                    style=\"color: rgb(135, 237, 15); font-size: 13px\"\n                    >{{ item.icon }}</span\n                  >\n                  <span\n                    v-if=\"index == 1\"\n                    style=\"\n                      color: rgb(252, 83, 251);\n                      font-size: 21px;\n                      font-weight: 600;\n                      margin-right: 5px;\n                    \"\n                    >{{ item.vlaue }}</span\n                  >\n                  <span\n                    v-if=\"index == 1\"\n                    style=\"color: rgb(252, 83, 251); font-size: 13px\"\n                    >{{ item.icon }}</span\n                  >\n                  <span\n                    v-if=\"index == 2\"\n                    style=\"\n                      color: rgb(102, 254, 255);\n                      font-size: 21px;\n                      font-weight: 600;\n                      margin-right: 5px;\n                    \"\n                    >{{ item.vlaue }}</span\n                  >\n                  <span\n                    v-if=\"index == 2\"\n                    style=\"color: rgb(102, 254, 255); font-size: 13px\"\n                    >{{ item.icon }}</span\n                  >\n                  <span\n                    v-if=\"index == 3\"\n                    style=\"\n                      color: rgb(251, 157, 62);\n                      font-size: 21px;\n                      font-weight: 600;\n                      margin-right: 5px;\n                    \"\n                    >{{ item.vlaue }}</span\n                  >\n                  <span\n                    v-if=\"index == 3\"\n                    style=\"color: rgb(251, 157, 62); font-size: 13px\"\n                    >{{ item.icon }}</span\n                  >\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"lefttwo\" style=\"height: 214px; margin-bottom: 15px\">\n            <div class=\"title\">重要设备出线情况</div>\n            <div class=\"info\">\n              <div class=\"pic\"></div>\n            </div>\n          </div>\n          <div class=\"three\" style=\"height: 140px; margin-bottom: 15px\">\n            <div class=\"title\">告警信息</div>\n            <div class=\"info\">\n              <div\n                class=\"list\"\n                v-for=\"(item, index) in alarmListData\"\n                :key=\"index\"\n              >\n                <div v-if=\"index == 0\">\n                  <div\n                    class=\"time\"\n                    style=\"display: flex; justify-content: space-between\"\n                  >\n                    <div class=\"weixian\">\n                      <img src=\"../../../assets/mapInfo/资源 65.png\" alt=\"\" />\n                      <span style=\"color: red; margin-left: 5px\">告警</span>\n                    </div>\n                    <span style=\"color: #fff; font-size: 13px\">{{\n                      item.time\n                    }}</span>\n                  </div>\n                  <div\n                    class=\"locian\"\n                    style=\"display: flex; justify-content: space-between\"\n                  >\n                    <span style=\"color: #fff; font-size: 13px\">{{\n                      item.bianwei\n                    }}</span>\n                    <span style=\"color: #fff; font-size: 13px\"\n                      >发生值：{{ item.fsz }}</span\n                    >\n                  </div>\n                  <div class=\"ipsin\">\n                    <span style=\"color: #fff; font-size: 13px\">{{\n                      item.dizhi\n                    }}</span>\n                  </div>\n                  <div\n                    class=\"zhan\"\n                    style=\"display: flex; justify-content: space-between\"\n                  >\n                    <span style=\"color: #fff; font-size: 13px\">{{\n                      item.zhan\n                    }}</span>\n                    <span style=\"color: #fff; font-size: 13px\"\n                      >侧门门禁：{{ item.cemeng }}</span\n                    >\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"four\" style=\"height: 140px\">\n            <div class=\"title\">检查通知单</div>\n            <div class=\"info\">\n              <div\n                class=\"textarea\"\n                style=\"color: #fff; padding-top: 5px; box-sizing: border-box\"\n                @click=\"handleTable()\"\n              >\n                请输入\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"btn\">\n      <img\n        src=\"@/assets/htBtn/inside.png\"\n        alt=\"\"\n        srcset=\"\"\n        v-if=\"htStatus == 1 && unityChange == 0\"\n        @click=\"handleUnity()\"\n        title=\"全景浏览\"\n      />\n      <img\n        src=\"@/assets/htBtn/unity.png\"\n        alt=\"\"\n        srcset=\"\"\n        v-if=\"htStatus != 1 && unityChange == 0\"\n        @click=\"handleHtweb()\"\n        title=\"3D展示\"\n      />\n      <img\n        src=\"@/assets/htBtn/location.png\"\n        alt=\"\"\n        srcset=\"\"\n        @click=\"personShow()\"\n        v-if=\"htStatus == 1\"\n        title=\"人物定位\"\n      />\n      <img\n        src=\"@/assets/htBtn/Look.png\"\n        alt=\"\"\n        srcset=\"\"\n        v-if=\"htStatus == 1\"\n        @click=\"handlefushi()\"\n        title=\"平面图\"\n      />\n      <!-- <img src=\"@/assets/htBtn/measure.png\" alt=\"\" srcset=\"\"> -->\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      mapShow:false,\n      tableShow: false,\n      getBg: [\"list1\", \"list2\", \"list3\", \"list4\"],\n      infoArr: [\n        {\n          path: require(\"@/assets/mapInfo/资源 33.png\"),\n          name: \"站房名称\",\n          text: \"南京江北新区都市产业园\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 30.png\"),\n          name: \"站房地址\",\n          text: \"江苏省南京市浦口区七里桥北路1号\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 31.png\"),\n          name: \"变压器数量\",\n          text: \"142\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 32.png\"),\n          name: \"变压器容量\",\n          text: \"10000kVA\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 29.png\"),\n          name: \"进线名称\",\n          text: \"10kv\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 7.png\"),\n          name: \"电器联系人\",\n          text: \"李玉\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 26.png\"),\n          name: \"联系电话\",\n          text: \"13866352211\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 28.png\"),\n          name: \"投运时间\",\n          text: \"2011.11.12\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 33.png\"),\n          name: \"上次试验时间\",\n          text: \"2011.11.12\",\n        },\n      ],\n      eniorArr: [\n        {\n          path: require(\"@/assets/mapInfo/资源 37.png\"),\n          name: \"高压正门\",\n          nametwo: \"高压室温度（℃）\",\n          value: \"26℃\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 37.png\"),\n          name: \"低压正门\",\n          nametwo: \"高压室温度（RH）\",\n          value: \"40.5\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 38.png\"),\n          name: \"值班室门\",\n          nametwo: \"低压室温度（℃）\",\n          value: \"24.1℃\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 36.png\"),\n          name: \"烟感1\",\n          nametwo: \"低压室温度（RH）\",\n          value: \"44.7\",\n        },\n        {\n          path: require(\"@/assets/mapInfo/资源 36.png\"),\n          name: \"烟感2\",\n          nametwo: \"低压室温度（RH）\",\n          value: require(\"@/assets/mapInfo/资源 35.png\"),\n        },\n      ],\n      fuzaiArr: [\n        {\n          name: \"总负荷\",\n          vlaue: \"12542\",\n          icon: \"MW\",\n        },\n        {\n          name: \"进线电压信息\",\n          vlaue: \"589\",\n          icon: \"KV\",\n        },\n        {\n          name: \"累计电量\",\n          vlaue: \"52152\",\n          icon: \"KWh\",\n        },\n        {\n          name: \"功率因素\",\n          vlaue: \"38.5\",\n          icon: \"W\",\n        },\n      ],\n      threeUrl: \"\",\n      htStatus: 1,\n      perSon: \"1\",\n      selectArr: [\"新馆\", \"旧馆\"],\n      alarmListData: [\n        {\n          time: \"2022-11-04 08:16:46\",\n          bianwei: \"侧门门禁2报警变位\",\n          dizhi: \"南京软件园科技发展有限公司（腾飞大厦中心站）\",\n          zhan: \"腾飞大厦中心站\",\n          fsz: \"1\",\n          cemeng: \"2\",\n        },\n        {\n          time: \"2022-11-04 08:16:46\",\n          bianwei: \"侧门门禁2报警变位\",\n          dizhi: \"南京软件园科技发展有限公司（腾飞大厦中心站）\",\n          zhan: \"腾飞大厦中心站\",\n          fsz: \"1\",\n          cemeng: \"2\",\n        },\n        {\n          time: \"2022-11-04 08:16:46\",\n          bianwei: \"侧门门禁2报警变位\",\n          dizhi: \"南京软件园科技发展有限公司（腾飞大厦中心站）\",\n          zhan: \"腾飞大厦中心站\",\n          fsz: \"1\",\n          cemeng: \"2\",\n        },\n        {\n          time: \"2022-11-04 08:16:46\",\n          bianwei: \"侧门门禁2报警变位\",\n          dizhi: \"南京软件园科技发展有限公司（腾飞大厦中心站）\",\n          zhan: \"腾飞大厦中心站\",\n          fsz: \"1\",\n          cemeng: \"2\",\n        },\n        {\n          time: \"2022-11-04 08:16:46\",\n          bianwei: \"侧门门禁2报警变位\",\n          dizhi: \"南京软件园科技发展有限公司（腾飞大厦中心站）\",\n          zhan: \"腾飞大厦中心站\",\n          fsz: \"1\",\n          cemeng: \"2\",\n        },\n      ],\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      toukuiShow: false,\n      unityChange: 0,\n      titleData: \"\",\n      valueData: \"38\",\n      backgroundPic: {\n        index: \"landRes2/bg\",\n      },\n      options: [],\n      carChangeShow: false,\n      //不动产数据\n      workList: [],\n      workListData: [],\n      workListDatafcz: [],\n      //土地数据\n      workListNew: [],\n      workListFCZ: [],\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      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          this.threeUrl =\n            \"https://web-1300932214.cos.ap-nanjing.myqcloud.com/360/bdz_360_22_11_17_2/index.html\";\n        } else {\n          this.unityUrl = \"/htWeb/unity.html?src=2\";\n          this.threeUrl =\n            \"https://web-1300932214.cos.ap-nanjing.myqcloud.com/360/bdz_360_22_11_17_1/index.html\";\n        }\n      },\n      immediate: true,\n    },\n  },\n  mounted() {\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  beforeDestroy() {\n    clearInterval(this.timing);\n  },\n  methods: {\n    handledianwei(){\n      this.mapShow = false;\n      this.toukuiShow = true\n    },\n    handleTableClose() {\n      this.tableShow = false;\n    },\n    handleTable() {\n      this.tableShow = true;\n    },\n    hanldetoukui() {\n      this.mapShow = true;\n    },\n    handletanchuan(){\n      this.mapShow = false;\n    },\n    // 俯视\n    handlefushi() {\n      this.$refs.iframe.contentWindow.unity.g3d.setEye([0, 700, 0]); // 镜头位置\n    },\n    handleHtweb() {\n      this.htStatus = 1;\n      if (this.unityUrl.indexOf(\"htWeb\") != -1) {\n        this.$refs.iframe.contentWindow.unity.g3d.setEye([0, 500, 500]);\n      } else {\n        if (this.unityChange == 0) {\n          this.unityUrl = \"/htWeb/unity.html?src=1\";\n        } else this.unityUrl = \"/htWeb/unity.html?src=2\";\n      }\n    },\n    handleUnity() {\n      this.$refs.iframe.contentWindow.unity.g3d.flyTo(\n        this.$refs.iframe.contentWindow.unity.models[0],\n        {\n          animation: true,\n          ratio: 0.9, // [0, 1]，越大相机越近,\n          direction: [0, 135, 0],\n        }\n      );\n      setTimeout(() => {\n        this.htStatus = 2;\n        // this.unityJiazai()\n      }, 1000 * 1.5);\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    // unityJiazai(){\n    //   if(this.unityChange==0){\n    //     this.threeUrl=\"https://web-1300932214.cos.ap-nanjing.myqcloud.com/360/bdz_360_22_11_16/index.html\"\n    //   }else(\n    //     this.threeUrl=\"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      this.$refs.iframe.contentWindow.unity.g3d.flyTo(\n        this.$refs.iframe.contentWindow.unity.models[0],\n        {\n          animation: true,\n          ratio: 0.9, // [0, 1]，越大相机越近,\n          direction: [0, 135, 0],\n        }\n      );\n      setTimeout(() => {\n        this.carChangeShow = true;\n      }, 1000 * 1.5);\n    },\n    closeVideo() {\n      this.$refs.iframe.contentWindow.unity.g3d.setEye([0, 500, 500]);\n      this.carChangeShow = false;\n    },\n    //获取基地数据\n    getJdData(val) {\n      if (val == \"不动产\") {\n        console.log(\"val\", val);\n        this.workListData = [];\n        axios\n          .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\n          .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\n          .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.reddian{\n  width: 25px;\n  height: 25px;\n  background: url('../../../assets/mapInfo/资源 84.png') no-repeat;\n  animation: jumpBoxHandler  20s infinite alternate;\n}\n@keyframes jumpBoxHandler {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 50px;\n  }\n  100% {\n    left: 90px;\n  }\n}\n.mapmodels{\n  background: url('../../../assets/mapInfo/弹窗.png') no-repeat;\n  background-size: 100% 100%;\n}\n.teblecon {\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: center;\n}\ntable{\n  width: 100%;\n}\ntable td, table th{\n    color: #ffffff;\n    text-align: center;\n}\n\n// @import \"~@/common/var.scss\";\n// @import \"~@/assets/scss/index.scss\";\n@keyframes donghua {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n.my-leave,\n.my-enter-to {\n  animation: donghua 1s linear;\n}\n\n.my-enter,\n.my-leave-active {\n  animation: donghua 1s linear reverse;\n}\n\n@keyframes donghua1 {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n.myr-leave,\n.myr-enter-to {\n  animation: donghua1 1s linear;\n}\n\n.myr-enter,\n.myr-leave-active {\n  animation: donghua1 1s linear reverse;\n}\n\n@keyframes donghuatan {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0%);\n  }\n}\n.tanchuan-enter-active {\n  animation: donghuatan 1s linear;\n}\n\n.tanchuan-leave-active {\n  animation: donghuatan 1s linear reverse;\n}\n// 样式\n.mapchild {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  .bg {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n  .host-body {\n    width: 100%;\n    height: 100%;\n  }\n}\n.btn {\n  position: fixed;\n  width: 160px;\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.main {\n  width: 100%;\n  height: calc(100% - 89px);\n  margin-top: -311px;\n  display: flex;\n  justify-content: space-between;\n  padding: 0px 20px;\n  box-sizing: border-box;\n  .left {\n    margin-left: 20px;\n    width: 432px;\n    height: 100%;\n    position: absolute;\n    left: 0;\n    .leftone {\n      background: url(\"../../../assets/leftone.png\") no-repeat;\n      background-size: 100% 100%;\n      .info {\n        width: 100%;\n        height: calc(100% - 50px);\n        padding: 0 10px;\n        box-sizing: border-box;\n        display: flex;\n        flex-flow: column nowrap;\n        .list {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          height: 26px;\n          align-items: center;\n          font-size: 13px;\n          padding: 0 10px;\n          box-sizing: border-box;\n          .text {\n            width: fit-content;\n            height: 100%;\n            color: #ffffff;\n            line-height: 27px;\n            font-size: 13px;\n          }\n        }\n      }\n    }\n    .lefttwo {\n      background: url(\"../../../assets/leftthree.png\") no-repeat;\n      background-size: 100% 100%;\n      .title {\n        height: 60px;\n        line-height: 60px;\n      }\n      .info {\n        width: 100%;\n        height: calc(100% - 50px);\n        padding: 0 10px;\n        box-sizing: border-box;\n        display: flex;\n        flex-flow: column nowrap;\n        .list {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          height: 30px;\n          align-items: center;\n          padding: 0 10px;\n          box-sizing: border-box;\n          & > div {\n            width: 50%;\n            height: 100%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          }\n        }\n      }\n    }\n    .three {\n      background: url(\"../../../assets/lefttwo.png\") no-repeat;\n      background-size: 100% 100%;\n      padding: 0 10px;\n      box-sizing: border-box;\n      .title {\n        height: 45px;\n        line-height: 45px;\n      }\n      .map {\n        width: 100%;\n        height: calc(100% - 45px);\n        background: url(\"../../../assets/mapInfo/资源 76.png\") no-repeat;\n        background-size: 100% 100%;\n      }\n    }\n    & > div {\n      .title {\n        width: 100%;\n        height: 50px;\n        line-height: 50px;\n        text-align: center;\n        color: #ffffff;\n        font-weight: 600;\n        font-size: 15px;\n      }\n    }\n  }\n  .right {\n    margin-right: 20px;\n    width: 432px;\n    height: 100%;\n    position: absolute;\n    right: 0;\n    .leftone {\n      background: url(\"../../../assets/leftone.png\") no-repeat;\n      background-size: 100% 100%;\n      .info {\n        width: 100%;\n        height: calc(100% - 50px);\n        padding: 0 10px;\n        box-sizing: border-box;\n        display: flex;\n        flex-flow: row wrap;\n        justify-content: space-between;\n        .list {\n          width: 186px;\n          height: 105px;\n          .text {\n            height: 100%;\n            width: 50%;\n            margin-left: 90px;\n            line-height: 105px;\n            box-sizing: border-box;\n          }\n          &.list1 {\n            background: url(\"../../../assets/mapInfo/资源 80.png\") no-repeat;\n            background-size: 100% 100%;\n          }\n          &.list2 {\n            background: url(\"../../../assets/mapInfo/资源 81.png\") no-repeat;\n            background-size: 100% 100%;\n          }\n          &.list3 {\n            background: url(\"../../../assets/mapInfo/资源 82.png\") no-repeat;\n            background-size: 100% 100%;\n          }\n          &.list4 {\n            background: url(\"../../../assets/mapInfo/资源 83.png\") no-repeat;\n            background-size: 100% 100%;\n          }\n        }\n      }\n    }\n    .lefttwo {\n      background: url(\"../../../assets/leftthree.png\") no-repeat;\n      background-size: 100% 100%;\n\n      .info {\n        // display: flex;\n        // justify-content: center;\n        // align-items: center;\n        width: 100%;\n        height: calc(100% - 50px);\n        padding: 10px 10px;\n        box-sizing: border-box;\n        .pic {\n          width: 100%;\n          height: 100%;\n          background: url(\"../../../assets/mapInfo/资源 89.png\") no-repeat;\n          background-size: 100% 100%;\n        }\n      }\n    }\n    .three {\n      background: url(\"../../../assets/rightinfo.png\") no-repeat;\n      background-size: 100% 100%;\n      .info {\n        width: 100%;\n        height: calc(100% - 50px);\n        padding: 0px 15px 10px 15px;\n        box-sizing: border-box;\n      }\n    }\n    .four {\n      background: url(\"../../../assets/rightinfo.png\") no-repeat;\n      background-size: 100% 100%;\n      .info {\n        width: 100%;\n        height: calc(100% - 50px);\n        padding: 0px 20px 10px 20px;\n        box-sizing: border-box;\n        .textarea {\n          width: 100%;\n          height: 70px;\n          text-indent: 13px;\n          background: rgba(20, 74, 103, 0.6);\n        }\n      }\n    }\n    & > div {\n      .title {\n        width: 100%;\n        height: 50px;\n        line-height: 50px;\n        text-align: center;\n        color: #ffffff;\n        font-weight: 600;\n        font-size: 15px;\n      }\n    }\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  .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: 29%;\n    height: 45%;\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/leftone.png') no-repeat;\n    background-size: 100% 100%;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 0;\n    margin: auto;\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        &:nth-child(2) {\n          // color: $default-font-color;\n        }\n\n        padding: 5px 0;\n      }\n    }\n    .close {\n      position: absolute;\n      right: 6%;\n      top: 8%;\n      cursor: pointer;\n      color: #ffffff;\n    }\n    .box:hover {\n      background: rgba(76, 106, 124, 0.8);\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</style>\n"]}]}