{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\src\\components\\home\\leftSix.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\src\\components\\home\\leftSix.vue","mtime":1743149128630},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\babel.config.js","mtime":1743149128313},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui-bonus\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpLWJvbnVzL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2ludGVyb3BSZXF1aXJlRGVmYXVsdC5qcyIpLmRlZmF1bHQ7Ck9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCAiX19lc01vZHVsZSIsIHsKICB2YWx1ZTogdHJ1ZQp9KTsKZXhwb3J0cy5kZWZhdWx0ID0gdm9pZCAwOwp2YXIgX3JlZ2VuZXJhdG9yUnVudGltZTIgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIkY6L3dvcmtzcGFjZS93ZWJzdG9ybS9TYWZldHlTY3JlZW4tdWktYm9udXMvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvcmVnZW5lcmF0b3JSdW50aW1lLmpzIikpOwp2YXIgX2FzeW5jVG9HZW5lcmF0b3IyID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpLWJvbnVzL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2FzeW5jVG9HZW5lcmF0b3IuanMiKSk7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5maWx0ZXIuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLmNvbnN0cnVjdG9yLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5pdGVyYXRvci5maWx0ZXIuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm51bWJlci5jb25zdHJ1Y3Rvci5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyIpOwp2YXIgX3N1YnN0YXRpb24gPSByZXF1aXJlKCJAL2FwaS9zdWJzdGF0aW9uL3N1YnN0YXRpb24iKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gZXhwb3J0cy5kZWZhdWx0ID0gewogIGNvbXBvbmVudHM6IHt9LAogIHByb3BzOiB7CiAgICBwcm9JZDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IHVuZGVmaW5lZAogICAgfQogIH0sCiAgbmFtZTogJ2xlZnRTaXgnLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBjdXJyZW50QW5nbGVUb3dlcjogdW5kZWZpbmVkLAogICAgICBjdXJyZW50UHVsbFRvd2VyOiB1bmRlZmluZWQsCiAgICAgIC8vIOaaguWumiAw56a757q/IDHlnKjnur8KICAgICAgdG93ZXJBbmdsZUxpc3Q6IFtdLAogICAgICB0b3dlclB1bGxMaXN0OiBbXSwKICAgICAgYW5nbGVGaXJzdDogdW5kZWZpbmVkLAogICAgICBwdWxsRmlyc3Q6IHVuZGVmaW5lZCwKICAgICAgYW5nbGVMaXN0OiBbXSwKICAgICAgcHVsbExpc3Q6IFtdCiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHt9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7fSwKICB3YXRjaDogewogICAgcHJvSWQ6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcih2YWwpIHsKICAgICAgICBpZiAodmFsKSB7CiAgICAgICAgICB0aGlzLmdldERldmljZURhdGEodmFsKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgdGhpcy50b3dlckFuZ2xlTGlzdCA9IFtdOwogICAgICAgICAgdGhpcy50b3dlclB1bGxMaXN0ID0gW107CiAgICAgICAgfQogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUKICAgIH0sCiAgICAvLyDnm5HlkKwgdG93ZXJBbmdsZUxpc3Tlkox0b3dlclB1bGxMaXN0IOeahOWPmOWMliDlvZPlj5jljJbml7YsIOa4heepumFuZ2xlRmlyc3QsIHB1bGxGaXJzdCwgYW5nbGVMaXN0LCBwdWxsTGlzdAogICAgdG93ZXJBbmdsZUxpc3Q6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcih2YWwpIHsKICAgICAgICB0aGlzLmFuZ2xlRmlyc3QgPSB1bmRlZmluZWQ7CiAgICAgICAgdGhpcy5hbmdsZUxpc3QgPSBbXTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIHRvd2VyUHVsbExpc3Q6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcih2YWwpIHsKICAgICAgICB0aGlzLnB1bGxGaXJzdCA9IHVuZGVmaW5lZDsKICAgICAgICB0aGlzLnB1bGxMaXN0ID0gW107CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGdldERldmljZURhdGE6IGZ1bmN0aW9uIGdldERldmljZURhdGEocHJvSWQpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKICAgICAgcmV0dXJuICgwLCBfYXN5bmNUb0dlbmVyYXRvcjIuZGVmYXVsdCkoLyojX19QVVJFX18qLygwLCBfcmVnZW5lcmF0b3JSdW50aW1lMi5kZWZhdWx0KSgpLm1hcmsoZnVuY3Rpb24gX2NhbGxlZSgpIHsKICAgICAgICB2YXIgYW5nbGVSZXMsIHB1bGxSZXM7CiAgICAgICAgcmV0dXJuICgwLCBfcmVnZW5lcmF0b3JSdW50aW1lMi5kZWZhdWx0KSgpLndyYXAoZnVuY3Rpb24gX2NhbGxlZSQoX2NvbnRleHQpIHsKICAgICAgICAgIHdoaWxlICgxKSBzd2l0Y2ggKF9jb250ZXh0LnByZXYgPSBfY29udGV4dC5uZXh0KSB7CiAgICAgICAgICAgIGNhc2UgMDoKICAgICAgICAgICAgICBfY29udGV4dC5uZXh0ID0gMjsKICAgICAgICAgICAgICByZXR1cm4gKDAsIF9zdWJzdGF0aW9uLnF1ZXJ5RGV2aWNlQnlQcm9BcGkpKHsKICAgICAgICAgICAgICAgIHByb0lkOiBwcm9JZCwKICAgICAgICAgICAgICAgIGRldlR5cGU6IDExNwogICAgICAgICAgICAgIH0pOwogICAgICAgICAgICBjYXNlIDI6CiAgICAgICAgICAgICAgYW5nbGVSZXMgPSBfY29udGV4dC5zZW50OwogICAgICAgICAgICAgIF90aGlzLnRvd2VyQW5nbGVMaXN0ID0gYW5nbGVSZXMuZGF0YS5kYXRhOwogICAgICAgICAgICAgIF9jb250ZXh0Lm5leHQgPSA2OwogICAgICAgICAgICAgIHJldHVybiAoMCwgX3N1YnN0YXRpb24ucXVlcnlEZXZpY2VCeVByb0FwaSkoewogICAgICAgICAgICAgICAgcHJvSWQ6IHByb0lkLAogICAgICAgICAgICAgICAgZGV2VHlwZTogMTE4CiAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIGNhc2UgNjoKICAgICAgICAgICAgICBwdWxsUmVzID0gX2NvbnRleHQuc2VudDsKICAgICAgICAgICAgICBfdGhpcy50b3dlclB1bGxMaXN0ID0gcHVsbFJlcy5kYXRhLmRhdGE7CiAgICAgICAgICAgIGNhc2UgODoKICAgICAgICAgICAgY2FzZSAiZW5kIjoKICAgICAgICAgICAgICByZXR1cm4gX2NvbnRleHQuc3RvcCgpOwogICAgICAgICAgfQogICAgICAgIH0sIF9jYWxsZWUpOwogICAgICB9KSkoKTsKICAgIH0sCiAgICBnZXRFbnZpcm9ubWVudERhdGE6IGZ1bmN0aW9uIGdldEVudmlyb25tZW50RGF0YShkZXZJZCwgdHlwZSkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKICAgICAgcmV0dXJuICgwLCBfYXN5bmNUb0dlbmVyYXRvcjIuZGVmYXVsdCkoLyojX19QVVJFX18qLygwLCBfcmVnZW5lcmF0b3JSdW50aW1lMi5kZWZhdWx0KSgpLm1hcmsoZnVuY3Rpb24gX2NhbGxlZTIoKSB7CiAgICAgICAgdmFyIHJlczsKICAgICAgICByZXR1cm4gKDAsIF9yZWdlbmVyYXRvclJ1bnRpbWUyLmRlZmF1bHQpKCkud3JhcChmdW5jdGlvbiBfY2FsbGVlMiQoX2NvbnRleHQyKSB7CiAgICAgICAgICB3aGlsZSAoMSkgc3dpdGNoIChfY29udGV4dDIucHJldiA9IF9jb250ZXh0Mi5uZXh0KSB7CiAgICAgICAgICAgIGNhc2UgMDoKICAgICAgICAgICAgICBfY29udGV4dDIubmV4dCA9IDI7CiAgICAgICAgICAgICAgcmV0dXJuICgwLCBfc3Vic3RhdGlvbi5xdWVyeUVudmlyb25tZW50SW5mb0J5SWRBcGkpKHsKICAgICAgICAgICAgICAgIGRldklkOiBkZXZJZAogICAgICAgICAgICAgIH0pOwogICAgICAgICAgICBjYXNlIDI6CiAgICAgICAgICAgICAgcmVzID0gX2NvbnRleHQyLnNlbnQ7CiAgICAgICAgICAgICAgY29uc29sZS5sb2coJ/CfmoAgfiBnZXRFbnZpcm9ubWVudERhdGEgfiByZXM6JywgcmVzKTsKICAgICAgICAgICAgICBpZiAodHlwZSA9PT0gJzExNycpIHsKICAgICAgICAgICAgICAgIGlmIChyZXMuZGF0YS5kYXRhLmxlbmd0aCA+IDApIHsKICAgICAgICAgICAgICAgICAgX3RoaXMyLmFuZ2xlRmlyc3QgPSByZXMuZGF0YS5kYXRhWzBdLmpjVmFsdWU7CiAgICAgICAgICAgICAgICAgIF90aGlzMi5hbmdsZUxpc3QgPSByZXMuZGF0YS5kYXRhLmZpbHRlcihmdW5jdGlvbiAoaXRlbSkgewogICAgICAgICAgICAgICAgICAgIHJldHVybiBpdGVtLmpjVW5pdCA9PT0gJ8KwJzsKICAgICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgICAgICBfdGhpczIuYW5nbGVGaXJzdCA9ICcnOwogICAgICAgICAgICAgICAgICBfdGhpczIuYW5nbGVMaXN0ID0gW107CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgfSBlbHNlIGlmICh0eXBlID09PSAnMTE4JykgewogICAgICAgICAgICAgICAgaWYgKHJlcy5kYXRhLmRhdGEubGVuZ3RoID4gMCkgewogICAgICAgICAgICAgICAgICBfdGhpczIucHVsbEZpcnN0ID0gcmVzLmRhdGEuZGF0YVswXS5qY1ZhbHVlOwogICAgICAgICAgICAgICAgICBfdGhpczIucHVsbExpc3QgPSByZXMuZGF0YS5kYXRhLmZpbHRlcihmdW5jdGlvbiAoaXRlbSkgewogICAgICAgICAgICAgICAgICAgIHJldHVybiBpdGVtLmpjVW5pdCA9PT0gJ04nOwogICAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICAgIF90aGlzMi5wdWxsRmlyc3QgPSAnJzsKICAgICAgICAgICAgICAgICAgX3RoaXMyLnB1bGxMaXN0ID0gW107CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgfQogICAgICAgICAgICBjYXNlIDU6CiAgICAgICAgICAgIGNhc2UgImVuZCI6CiAgICAgICAgICAgICAgcmV0dXJuIF9jb250ZXh0Mi5zdG9wKCk7CiAgICAgICAgICB9CiAgICAgICAgfSwgX2NhbGxlZTIpOwogICAgICB9KSkoKTsKICAgIH0sCiAgICBzZWxUb3dlckFuZ2xlOiBmdW5jdGlvbiBzZWxUb3dlckFuZ2xlKHZhbCkgewogICAgICBjb25zb2xlLmxvZyh2YWwpOwogICAgICB0aGlzLmN1cnJlbnRBbmdsZVRvd2VyID0gdmFsLmRldklkOwogICAgICB0aGlzLmdldEVudmlyb25tZW50RGF0YSh2YWwuZGV2SWQsIHZhbC5kZXZUeXBlKTsKICAgIH0sCiAgICBzZWxUb3dlclB1bGw6IGZ1bmN0aW9uIHNlbFRvd2VyUHVsbCh2YWwpIHsKICAgICAgdGhpcy5jdXJyZW50UHVsbFRvd2VyID0gdmFsLmRldklkOwogICAgICB0aGlzLmdldEVudmlyb25tZW50RGF0YSh2YWwuZGV2SWQsIHZhbC5kZXZUeXBlKTsKICAgIH0KICB9Cn07"},{"version":3,"names":["_substation","require","components","props","proId","type","Number","default","undefined","name","data","currentAngleTower","currentPullTower","towerAngleList","towerPullList","angleFirst","pullFirst","angleList","pullList","created","mounted","watch","handler","val","getDeviceData","immediate","deep","methods","_this","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","angleRes","pullRes","wrap","_callee$","_context","prev","next","queryDeviceByProApi","devType","sent","stop","getEnvironmentData","devId","_this2","_callee2","res","_callee2$","_context2","queryEnvironmentInfoByIdApi","console","log","length","jcValue","filter","item","jcUnit","selTowerAngle","selTowerPull"],"sources":["src/components/home/leftSix.vue"],"sourcesContent":["<template>\r\n    <div class=\"edge-device-page\">\r\n        <div class=\"inner-tit\">\r\n            <img src=\"../../assets/img/lef-badge.png\" alt=\"\" />\r\n            <div>组塔检测</div>\r\n        </div>\r\n        <div class=\"tower-info\">\r\n            <div class=\"tower-lef\">\r\n                <div class=\"lef-spin\">\r\n                    <div>\r\n                        <h4 style=\"background-color: #d8d8d8\"></h4>\r\n                        离线\r\n                    </div>\r\n                    <div>\r\n                        <h4 style=\"background-color: #f31111\"></h4>\r\n                        报警\r\n                    </div>\r\n                    <div>\r\n                        <h4 style=\"background-color: #39ce10\"></h4>\r\n                        在线\r\n                    </div>\r\n                </div>\r\n                <span>倾角监测设备</span>\r\n                <div class=\"lef-tower-pic\">\r\n                    <div\r\n                        :class=\"[\r\n                            'single-tower',\r\n                            { isActive: currentAngleTower === item.devId },\r\n                        ]\"\r\n                        v-for=\"item in towerAngleList\"\r\n                        :key=\"item.devId\"\r\n                        @click=\"selTowerAngle(item)\"\r\n                    >\r\n                        <img\r\n                            v-if=\"item.devStatus === 0\"\r\n                            src=\"../../assets/img/offline.png\"\r\n                            alt=\"\"\r\n                        />\r\n                        <img\r\n                            v-if=\"item.devWarn === 1\"\r\n                            src=\"../../assets/img/alerting.png\"\r\n                            alt=\"\"\r\n                        />\r\n                        <img\r\n                            v-if=\"item.devStatus === 1 && item.devWarn === 0\"\r\n                            src=\"../../assets/img/inline.png\"\r\n                            alt=\"\"\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <span>拉力监测设备</span>\r\n                <div class=\"lef-tower-pic\">\r\n                    <div\r\n                        :class=\"[\r\n                            'single-tower',\r\n                            { isActive: currentPullTower === item.devId },\r\n                        ]\"\r\n                        v-for=\"item in towerPullList\"\r\n                        :key=\"item.devId\"\r\n                        @click=\"selTowerPull(item)\"\r\n                    >\r\n                        <img\r\n                            v-if=\"item.devStatus === 0\"\r\n                            src=\"../../assets/img/offline.png\"\r\n                            alt=\"\"\r\n                        />\r\n                        <img\r\n                            v-if=\"item.devWarn === 1\"\r\n                            src=\"../../assets/img/alerting.png\"\r\n                            alt=\"\"\r\n                        />\r\n                        <img\r\n                            v-if=\"item.devStatus === 1 && item.devWarn === 0\"\r\n                            src=\"../../assets/img/inline.png\"\r\n                            alt=\"\"\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"tower-rig\">\r\n                <div class=\"dip-angle\">\r\n                    <div\r\n                        class=\"upper-pic\"\r\n                        style=\"\r\n                            background: linear-gradient(\r\n                                135deg,\r\n                                #eaefff,\r\n                                #e2e6fb,\r\n                                #dadcf5\r\n                            );\r\n                            border: 1px solid #9ebfdc;\r\n                        \"\r\n                    >\r\n                        <img src=\"../../assets/img/dip-angle.png\" alt=\"\" />\r\n                        <div>\r\n                            <span>倾角</span>\r\n                            <span style=\"color: #854dfa\"\r\n                                >{{ angleFirst }}°</span\r\n                            >\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"lower-info\">\r\n                        <div v-for=\"item in angleList\" :key=\"item.jcName\">\r\n                            <span>{{ item.jcTime }}</span>\r\n                            <span>{{ item.jcValue }}{{ item.jcUnit }}</span>\r\n                        </div>\r\n                        <!--              <div>\r\n                <span>2024.08.02 12:01</span>\r\n                <span>30°</span>\r\n              </div>\r\n              <div>\r\n                <span>2024.08.02 12:01</span>\r\n                <span>30°</span>\r\n              </div>-->\r\n                    </div>\r\n                </div>\r\n                <div class=\"pull-force\">\r\n                    <div\r\n                        class=\"upper-pic\"\r\n                        style=\"\r\n                            background: linear-gradient(\r\n                                135deg,\r\n                                #eaefff,\r\n                                #dbecfd,\r\n                                #c8dffd\r\n                            );\r\n                            border: 1px solid #afcce9;\r\n                        \"\r\n                    >\r\n                        <img src=\"../../assets/img/pull.png\" alt=\"\" />\r\n                        <div>\r\n                            <span>拉力</span>\r\n                            <span style=\"color: #418cff\">{{ pullFirst }}N</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"lower-info\">\r\n                        <div v-for=\"item in pullList\" :key=\"item.jcName\">\r\n                            <span>{{ item.jcTime }}</span>\r\n                            <span>{{ item.jcValue }}{{ item.jcUnit }}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n    queryDeviceByProApi,\r\n    queryTowerTodayApi,\r\n    queryTowerWarnApi,\r\n    queryEnvironmentInfoByIdApi,\r\n} from '@/api/substation/substation'\r\nexport default {\r\n    components: {},\r\n    props: {\r\n        proId: {\r\n            type: Number,\r\n            default: undefined,\r\n        },\r\n    },\r\n    name: 'leftSix',\r\n    data() {\r\n        return {\r\n            currentAngleTower: undefined,\r\n            currentPullTower: undefined,\r\n            // 暂定 0离线 1在线\r\n            towerAngleList: [],\r\n            towerPullList: [],\r\n            angleFirst: undefined,\r\n            pullFirst: undefined,\r\n            angleList: [],\r\n            pullList: [],\r\n        }\r\n    },\r\n    created() {},\r\n\r\n    mounted() {},\r\n    watch: {\r\n        proId: {\r\n            handler: function (val) {\r\n                if (val) {\r\n                    this.getDeviceData(val)\r\n                } else {\r\n                    this.towerAngleList = []\r\n                    this.towerPullList = []\r\n                }\r\n            },\r\n            immediate: true,\r\n        },\r\n        // 监听 towerAngleList和towerPullList 的变化 当变化时, 清空angleFirst, pullFirst, angleList, pullList\r\n        towerAngleList: {\r\n            handler: function (val) {\r\n                this.angleFirst = undefined\r\n                this.angleList = []\r\n            },\r\n            deep: true,\r\n        },\r\n        towerPullList: {\r\n            handler: function (val) {\r\n                this.pullFirst = undefined\r\n                this.pullList = []\r\n            },\r\n            deep: true,\r\n        },\r\n    },\r\n    methods: {\r\n        async getDeviceData(proId) {\r\n            let angleRes = await queryDeviceByProApi({\r\n                proId,\r\n                devType: 117,\r\n            })\r\n            this.towerAngleList = angleRes.data.data\r\n            let pullRes = await queryDeviceByProApi({\r\n                proId,\r\n                devType: 118,\r\n            })\r\n            this.towerPullList = pullRes.data.data\r\n        },\r\n        async getEnvironmentData(devId, type) {\r\n            let res = await queryEnvironmentInfoByIdApi({\r\n                devId,\r\n            })\r\n            console.log('🚀 ~ getEnvironmentData ~ res:', res)\r\n            if (type === '117') {\r\n                if (res.data.data.length > 0) {\r\n                    this.angleFirst = res.data.data[0].jcValue\r\n                    this.angleList = res.data.data.filter(\r\n                        (item) => item.jcUnit === '°',\r\n                    )\r\n                } else {\r\n                    this.angleFirst = ''\r\n                    this.angleList = []\r\n                }\r\n            } else if (type === '118') {\r\n                if (res.data.data.length > 0) {\r\n                    this.pullFirst = res.data.data[0].jcValue\r\n                    this.pullList = res.data.data.filter(\r\n                        (item) => item.jcUnit === 'N',\r\n                    )\r\n                } else {\r\n                    this.pullFirst = ''\r\n                    this.pullList = []\r\n                }\r\n            }\r\n        },\r\n        selTowerAngle(val) {\r\n            console.log(val)\r\n            this.currentAngleTower = val.devId\r\n            this.getEnvironmentData(val.devId, val.devType)\r\n        },\r\n        selTowerPull(val) {\r\n            this.currentPullTower = val.devId\r\n            this.getEnvironmentData(val.devId, val.devType)\r\n        },\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@font-face {\r\n    font-family: 'YouShe';\r\n    src: url('../../assets/iconfont/YouSheBiaoTiHei.ttf');\r\n}\r\n\r\n.edge-device-page {\r\n    height: 100%;\r\n    background-color: #f3f7ff;\r\n    box-sizing: border-box;\r\n    padding: 15px 20px;\r\n    margin-bottom: 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #eff2fc;\r\n    box-shadow: 2px 2px 2px #d9e0f3;\r\n\r\n    .inner-tit {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        padding: 10px 20px;\r\n        background-color: #eff4fe;\r\n        display: flex;\r\n        align-items: center;\r\n        color: #000;\r\n        font-size: 20px;\r\n        font-family: 'YouShe', sans-serif;\r\n        box-shadow: -3px -3px 2px #cbdcf6, 2px 2px 2px #f8f9fe,\r\n            -2px -2px 2px #cbdcf6, 2px 2px 2px #f8f9fe;\r\n        margin-bottom: 15px;\r\n\r\n        img {\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n\r\n    .tower-info {\r\n        flex: 1;\r\n        display: flex;\r\n        height: 90%;\r\n\r\n        .tower-lef {\r\n            width: 40%;\r\n            height: 100%;\r\n            margin-right: 15px;\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            .lef-spin {\r\n                width: 100%;\r\n                height: 4%;\r\n                display: flex;\r\n                align-items: center;\r\n                color: #000;\r\n                font-size: 16px;\r\n                margin-bottom: 15px;\r\n\r\n                div {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    margin-right: 12px;\r\n\r\n                    h4 {\r\n                        width: 15px;\r\n                        height: 15px;\r\n                        margin-right: 12px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            span {\r\n                padding: 15px 0;\r\n                color: #000;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .lef-tower-pic {\r\n                width: 100%;\r\n                height: 350px;\r\n                box-sizing: border-box;\r\n                padding: 20px;\r\n                display: flex;\r\n                justify-content: space-around;\r\n                flex-wrap: wrap;\r\n                overflow-y: auto;\r\n\r\n                .single-tower {\r\n                    width: 35%;\r\n                    height: 135px;\r\n                    border-radius: 20px;\r\n                    cursor: pointer;\r\n                    display: flex;\r\n                    justify-content: center;\r\n                    align-items: center;\r\n\r\n                    img {\r\n                        width: 60%;\r\n                        height: 70%;\r\n                    }\r\n                }\r\n\r\n                .isActive {\r\n                    background: linear-gradient(\r\n                        135deg,\r\n                        #eef7ff,\r\n                        #ddedff,\r\n                        #c2dcff\r\n                    );\r\n                    border: 1px solid #b8d2ed;\r\n                }\r\n            }\r\n        }\r\n\r\n        .tower-rig {\r\n            flex: 1;\r\n            background-color: #ebf2fc;\r\n            border: 1px solid #cadff3;\r\n            border-radius: 10px;\r\n            box-sizing: border-box;\r\n            padding: 25px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n\r\n            .dip-angle,\r\n            .pull-force {\r\n                width: 100%;\r\n                height: 48%;\r\n                border-radius: 10px;\r\n                border: 1px dashed #a3c2de;\r\n                box-sizing: border-box;\r\n                padding: 20px;\r\n                display: flex;\r\n                flex-direction: column;\r\n\r\n                .upper-pic {\r\n                    width: 100%;\r\n                    height: 35%;\r\n                    border-radius: 10px;\r\n                    box-sizing: border-box;\r\n                    padding: 4% 18%;\r\n                    display: flex;\r\n                    justify-content: space-between;\r\n                    margin-bottom: 15px;\r\n\r\n                    img {\r\n                        width: 40%;\r\n                        height: 100%;\r\n                        margin-right: 50px;\r\n                    }\r\n\r\n                    div {\r\n                        flex: 1;\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: space-around;\r\n                        font-size: 24px;\r\n                        color: #000;\r\n                    }\r\n                }\r\n\r\n                .lower-info {\r\n                    flex: 1;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-around;\r\n                    overflow-y: auto;\r\n\r\n                    div {\r\n                        width: 100%;\r\n                        box-sizing: border-box;\r\n                        padding: 15px 50px;\r\n                        border-bottom: 1px dashed #cccfd4;\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        align-items: center;\r\n\r\n                        span:first-child {\r\n                            font-size: 18px;\r\n                            color: #646566;\r\n                        }\r\n\r\n                        span:last-child {\r\n                            font-size: 24px;\r\n                            color: #000;\r\n                        }\r\n                    }\r\n\r\n                    div:last-child {\r\n                        border-bottom: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>\r\n"],"mappings":"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","ignoreList":[]}]}