{"remainingRequest":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\src\\views\\device\\cameras\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\src\\views\\device\\cameras\\index.vue","mtime":1683257485884},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\babel.config.js","mtime":1683257214499},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1683257226511},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1683257224897},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1683257226511},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1683257451742}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJEOi93b3Jrc3BhY2UvaWRlYS9ydW95aS1hcGkvcnVveWktdWkvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvaW50ZXJvcFJlcXVpcmVEZWZhdWx0LmpzIikuZGVmYXVsdDsKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnZhciBfb2JqZWN0U3ByZWFkMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQocmVxdWlyZSgiRDovd29ya3NwYWNlL2lkZWEvcnVveWktYXBpL3J1b3lpLXVpL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL29iamVjdFNwcmVhZDIuanMiKSk7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5maWx0ZXIuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm9iamVjdC50by1zdHJpbmcuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5Lm1hcC5qcyIpOwp2YXIgX2NhbWVyYXMgPSByZXF1aXJlKCJAL2FwaS9kZXZpY2UvY2FtZXJhcyIpOwp2YXIgX3VzZXIgPSByZXF1aXJlKCJAL2FwaS9zeXN0ZW0vdXNlciIpOwp2YXIgX3Z1ZVRyZWVzZWxlY3QgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIkByaW9waGFlL3Z1ZS10cmVlc2VsZWN0IikpOwpyZXF1aXJlKCJAcmlvcGhhZS92dWUtdHJlZXNlbGVjdC9kaXN0L3Z1ZS10cmVlc2VsZWN0LmNzcyIpOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQgPSB7CiAgbmFtZTogIkNhbWVyYXMiLAogIGRpY3RzOiBbImNhbWVyYV90eXBlIiwgIlRyZWVzZWxlY3QiXSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8g6YGu572p5bGCCiAgICAgIGxvYWRpbmc6IHRydWUsCiAgICAgIC8vIOmAieS4reaVsOe7hAogICAgICBpZHM6IFtdLAogICAgICAvLyDpnZ7ljZXkuKrnpoHnlKgKICAgICAgc2luZ2xlOiB0cnVlLAogICAgICAvLyDpnZ7lpJrkuKrnpoHnlKgKICAgICAgbXVsdGlwbGU6IHRydWUsCiAgICAgIC8vIOaYvuekuuaQnOe0ouadoeS7tgogICAgICBzaG93U2VhcmNoOiB0cnVlLAogICAgICAvLyDmgLvmnaHmlbAKICAgICAgdG90YWw6IDAsCiAgICAgIC8vIOebuOacuuiuvuWkh+ihqOagvOaVsOaNrgogICAgICBjYW1lcmFzTGlzdDogW10sCiAgICAgIC8vIOW8ueWHuuWxguagh+mimAogICAgICB0aXRsZTogIiIsCiAgICAgIC8vIOaYr+WQpuaYvuekuuW8ueWHuuWxggogICAgICBvcGVuOiBmYWxzZSwKICAgICAgLy8g5p+l6K+i5Y+C5pWwCiAgICAgIHF1ZXJ5UGFyYW1zOiB7CiAgICAgICAgcGFnZU51bTogMSwKICAgICAgICBwYWdlU2l6ZTogMTAsCiAgICAgICAgbmFtZTogbnVsbCwKICAgICAgICBpcDogbnVsbCwKICAgICAgICBwb3J0OiBudWxsLAogICAgICAgIHVzZXJuYW1lOiBudWxsLAogICAgICAgIHBhc3N3b3JkOiBudWxsLAogICAgICAgIGdkdHlwZTogbnVsbCwKICAgICAgICBjaGFubmVsOiBudWxsLAogICAgICAgIHBhbjogbnVsbCwKICAgICAgICB0aWx0OiBudWxsLAogICAgICAgIGxvbmdpdHVkZTogbnVsbCwKICAgICAgICBsYXRpdHVkZTogbnVsbCwKICAgICAgICBhbHRpdHVkZTogbnVsbAogICAgICB9LAogICAgICAvLyDooajljZXlj4LmlbAKICAgICAgZm9ybToge30sCiAgICAgIC8vIOihqOWNleagoemqjAogICAgICBydWxlczoge30sCiAgICAgIC8vIOmDqOmXqOagkemAiemhuQogICAgICBkZXB0T3B0aW9uczogdW5kZWZpbmVkLAogICAgICAvLyDpg6jpl6jlkI3np7AKICAgICAgZGVwdE5hbWU6IHVuZGVmaW5lZAogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICAvLyDmoLnmja7lkI3np7DnrZvpgInpg6jpl6jmoJEKICAgIGRlcHROYW1lOiBmdW5jdGlvbiBkZXB0TmFtZSh2YWwpIHsKICAgICAgdGhpcy4kcmVmcy50cmVlLmZpbHRlcih2YWwpOwogICAgfQogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgdGhpcy5nZXREZXB0VHJlZSgpOwogIH0sCiAgbWV0aG9kczogewogICAgLyoqIOafpeivouebuOacuuiuvuWkh+WIl+ihqCAqL2dldExpc3Q6IGZ1bmN0aW9uIGdldExpc3QoKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7CiAgICAgICgwLCBfY2FtZXJhcy5saXN0Q2FtZXJhcykodGhpcy5xdWVyeVBhcmFtcykudGhlbihmdW5jdGlvbiAocmVzcG9uc2UpIHsKICAgICAgICBfdGhpcy5jYW1lcmFzTGlzdCA9IHJlc3BvbnNlLnJvd3M7CiAgICAgICAgX3RoaXMudG90YWwgPSByZXNwb25zZS50b3RhbDsKICAgICAgICBfdGhpcy5sb2FkaW5nID0gZmFsc2U7CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOWPlua2iOaMiemSrgogICAgY2FuY2VsOiBmdW5jdGlvbiBjYW5jZWwoKSB7CiAgICAgIHRoaXMub3BlbiA9IGZhbHNlOwogICAgICB0aGlzLnJlc2V0KCk7CiAgICB9LAogICAgLy8g6KGo5Y2V6YeN572uCiAgICByZXNldDogZnVuY3Rpb24gcmVzZXQoKSB7CiAgICAgIHRoaXMuZm9ybSA9IHsKICAgICAgICBpZDogbnVsbCwKICAgICAgICBuYW1lOiBudWxsLAogICAgICAgIGlwOiBudWxsLAogICAgICAgIHBvcnQ6IG51bGwsCiAgICAgICAgdXNlcm5hbWU6IG51bGwsCiAgICAgICAgcGFzc3dvcmQ6IG51bGwsCiAgICAgICAgZ2R0eXBlOiBudWxsLAogICAgICAgIGNoYW5uZWw6IG51bGwsCiAgICAgICAgcGFuOiBudWxsLAogICAgICAgIHRpbHQ6IG51bGwsCiAgICAgICAgbG9uZ2l0dWRlOiBudWxsLAogICAgICAgIGxhdGl0dWRlOiBudWxsLAogICAgICAgIGFsdGl0dWRlOiBudWxsCiAgICAgIH07CiAgICAgIHRoaXMucmVzZXRGb3JtKCJmb3JtIik7CiAgICB9LAogICAgLyoqIOaQnOe0ouaMiemSruaTjeS9nCAqL2hhbmRsZVF1ZXJ5OiBmdW5jdGlvbiBoYW5kbGVRdWVyeSgpIHsKICAgICAgdGhpcy5xdWVyeVBhcmFtcy5wYWdlTnVtID0gMTsKICAgICAgdGhpcy5nZXRMaXN0KCk7CiAgICB9LAogICAgLyoqIOmHjee9ruaMiemSruaTjeS9nCAqL3Jlc2V0UXVlcnk6IGZ1bmN0aW9uIHJlc2V0UXVlcnkoKSB7CiAgICAgIHRoaXMucmVzZXRGb3JtKCJxdWVyeUZvcm0iKTsKICAgICAgdGhpcy5oYW5kbGVRdWVyeSgpOwogICAgfSwKICAgIC8vIOWkmumAieahhumAieS4reaVsOaNrgogICAgaGFuZGxlU2VsZWN0aW9uQ2hhbmdlOiBmdW5jdGlvbiBoYW5kbGVTZWxlY3Rpb25DaGFuZ2Uoc2VsZWN0aW9uKSB7CiAgICAgIHRoaXMuaWRzID0gc2VsZWN0aW9uLm1hcChmdW5jdGlvbiAoaXRlbSkgewogICAgICAgIHJldHVybiBpdGVtLmlkOwogICAgICB9KTsKICAgICAgdGhpcy5zaW5nbGUgPSBzZWxlY3Rpb24ubGVuZ3RoICE9PSAxOwogICAgICB0aGlzLm11bHRpcGxlID0gIXNlbGVjdGlvbi5sZW5ndGg7CiAgICB9LAogICAgLyoqIOaWsOWinuaMiemSruaTjeS9nCAqL2hhbmRsZUFkZDogZnVuY3Rpb24gaGFuZGxlQWRkKCkgewogICAgICB0aGlzLnJlc2V0KCk7CiAgICAgIHRoaXMub3BlbiA9IHRydWU7CiAgICAgIHRoaXMudGl0bGUgPSAi5re75Yqg55u45py66K6+5aSHIjsKICAgIH0sCiAgICAvKiog5L+u5pS55oyJ6ZKu5pON5L2cICovaGFuZGxlVXBkYXRlOiBmdW5jdGlvbiBoYW5kbGVVcGRhdGUocm93KSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwogICAgICB0aGlzLnJlc2V0KCk7CiAgICAgIHZhciBpZCA9IHJvdy5pZCB8fCB0aGlzLmlkczsKICAgICAgKDAsIF9jYW1lcmFzLmdldENhbWVyYXMpKGlkKS50aGVuKGZ1bmN0aW9uIChyZXNwb25zZSkgewogICAgICAgIF90aGlzMi5mb3JtID0gcmVzcG9uc2UuZGF0YTsKICAgICAgICBfdGhpczIub3BlbiA9IHRydWU7CiAgICAgICAgX3RoaXMyLnRpdGxlID0gIuS/ruaUueebuOacuuiuvuWkhyI7CiAgICAgIH0pOwogICAgfSwKICAgIC8qKiDmj5DkuqTmjInpkq4gKi9zdWJtaXRGb3JtOiBmdW5jdGlvbiBzdWJtaXRGb3JtKCkgewogICAgICB2YXIgX3RoaXMzID0gdGhpczsKICAgICAgdGhpcy4kcmVmc1siZm9ybSJdLnZhbGlkYXRlKGZ1bmN0aW9uICh2YWxpZCkgewogICAgICAgIGlmICh2YWxpZCkgewogICAgICAgICAgaWYgKF90aGlzMy5mb3JtLmlkICE9IG51bGwpIHsKICAgICAgICAgICAgKDAsIF9jYW1lcmFzLnVwZGF0ZUNhbWVyYXMpKF90aGlzMy5mb3JtKS50aGVuKGZ1bmN0aW9uIChyZXNwb25zZSkgewogICAgICAgICAgICAgIF90aGlzMy4kbW9kYWwubXNnU3VjY2Vzcygi5L+u5pS55oiQ5YqfIik7CiAgICAgICAgICAgICAgX3RoaXMzLm9wZW4gPSBmYWxzZTsKICAgICAgICAgICAgICBfdGhpczMuZ2V0TGlzdCgpOwogICAgICAgICAgICB9KTsKICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICgwLCBfY2FtZXJhcy5hZGRDYW1lcmFzKShfdGhpczMuZm9ybSkudGhlbihmdW5jdGlvbiAocmVzcG9uc2UpIHsKICAgICAgICAgICAgICBfdGhpczMuJG1vZGFsLm1zZ1N1Y2Nlc3MoIuaWsOWinuaIkOWKnyIpOwogICAgICAgICAgICAgIF90aGlzMy5vcGVuID0gZmFsc2U7CiAgICAgICAgICAgICAgX3RoaXMzLmdldExpc3QoKTsKICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICAvKiog5Yig6Zmk5oyJ6ZKu5pON5L2cICovaGFuZGxlRGVsZXRlOiBmdW5jdGlvbiBoYW5kbGVEZWxldGUocm93KSB7CiAgICAgIHZhciBfdGhpczQgPSB0aGlzOwogICAgICB2YXIgaWRzID0gcm93LmlkIHx8IHRoaXMuaWRzOwogICAgICB0aGlzLiRtb2RhbC5jb25maXJtKCfmmK/lkKbnoa7orqTliKDpmaTnm7jmnLrorr7lpIfnvJblj7fkuLoiJyArIGlkcyArICci55qE5pWw5o2u6aG577yfJykudGhlbihmdW5jdGlvbiAoKSB7CiAgICAgICAgcmV0dXJuICgwLCBfY2FtZXJhcy5kZWxDYW1lcmFzKShpZHMpOwogICAgICB9KS50aGVuKGZ1bmN0aW9uICgpIHsKICAgICAgICBfdGhpczQuZ2V0TGlzdCgpOwogICAgICAgIF90aGlzNC4kbW9kYWwubXNnU3VjY2Vzcygi5Yig6Zmk5oiQ5YqfIik7CiAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uICgpIHt9KTsKICAgIH0sCiAgICAvKiog5a+85Ye65oyJ6ZKu5pON5L2cICovaGFuZGxlRXhwb3J0OiBmdW5jdGlvbiBoYW5kbGVFeHBvcnQoKSB7CiAgICAgIHRoaXMuZG93bmxvYWQoJ3NjaG9vbC9jYW1lcmFzL2V4cG9ydCcsICgwLCBfb2JqZWN0U3ByZWFkMi5kZWZhdWx0KSh7fSwgdGhpcy5xdWVyeVBhcmFtcyksICJjYW1lcmFzXyIuY29uY2F0KG5ldyBEYXRlKCkuZ2V0VGltZSgpLCAiLnhsc3giKSk7CiAgICB9LAogICAgLyoqIOafpeivoumDqOmXqOS4i+aLieagkee7k+aehCAqL2dldERlcHRUcmVlOiBmdW5jdGlvbiBnZXREZXB0VHJlZSgpIHsKICAgICAgdmFyIF90aGlzNSA9IHRoaXM7CiAgICAgICgwLCBfdXNlci5kZXB0VHJlZVNlbGVjdCkoKS50aGVuKGZ1bmN0aW9uIChyZXNwb25zZSkgewogICAgICAgIGNvbnNvbGUubG9nKHJlc3BvbnNlKTsKICAgICAgICBfdGhpczUuZGVwdE9wdGlvbnMgPSByZXNwb25zZS5kYXRhOwogICAgICB9KTsKICAgIH0sCiAgICAvLyDnrZvpgInoioLngrkKICAgIGZpbHRlck5vZGU6IGZ1bmN0aW9uIGZpbHRlck5vZGUodmFsdWUsIGRhdGEpIHsKICAgICAgaWYgKCF2YWx1ZSkgcmV0dXJuIHRydWU7CiAgICAgIHJldHVybiBkYXRhLmxhYmVsLmluZGV4T2YodmFsdWUpICE9PSAtMTsKICAgIH0sCiAgICAvLyDoioLngrnljZXlh7vkuovku7YKICAgIGhhbmRsZU5vZGVDbGljazogZnVuY3Rpb24gaGFuZGxlTm9kZUNsaWNrKGRhdGEpIHsKICAgICAgY29uc29sZS5sb2coZGF0YSk7CiAgICAgIHRoaXMucXVlcnlQYXJhbXMuZGVwdElkID0gZGF0YS5pZDsKICAgICAgdGhpcy5oYW5kbGVRdWVyeSgpOwogICAgfQogIH0KfTsKZXhwb3J0cy5kZWZhdWx0ID0gX2RlZmF1bHQ7"},{"version":3,"mappings":";;;;;;;;;;;AAqPA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eACA;EACAA;EACAC;EACAC;IACA;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;QACAC;QACAC;QACAd;QACAe;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;IACA;EACA;EACAC;IACA;IACAD;MACA;IACA;EACA;EACAE;IACA;IACA;EACA;EACAC;IACA,eACAC;MAAA;MACA;MACA;QACA;QACA;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACAC;MACA;QACAC;QACApC;QACAe;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACA;IACA;IACA,aACAY;MACA;MACA;IACA;IACA,aACAC;MACA;MACA;IACA;IACA;IACAC;MACA;QAAA;MAAA;MACA;MACA;IACA;IACA,aACAC;MACA;MACA;MACA;IACA;IACA,aACAC;MAAA;MACA;MACA;MACA;QACA;QACA;QACA;MACA;IACA;IACA,WACAC;MAAA;MACA;QACA;UACA;YACA;cACA;cACA;cACA;YACA;UACA;YACA;cACA;cACA;cACA;YACA;UACA;QACA;MACA;IACA;IACA,aACAC;MAAA;MACA;MACA;QACA;MACA;QACA;QACA;MACA,sBACA;IACA;IACA,aACAC;MACA,uEACA,qCACA;IACA;IACA,gBACAC;MAAA;MACA;QACAC;QACA;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACAC;MACAF;MACA;MACA;IACA;EACA;AACA;AAAA","names":["name","dicts","data","loading","ids","single","multiple","showSearch","total","camerasList","title","open","queryParams","pageNum","pageSize","ip","port","username","password","gdtype","channel","pan","tilt","longitude","latitude","altitude","form","rules","deptOptions","deptName","watch","created","methods","getList","cancel","reset","id","handleQuery","resetQuery","handleSelectionChange","handleAdd","handleUpdate","submitForm","handleDelete","handleExport","getDeptTree","console","filterNode","handleNodeClick"],"sourceRoot":"src/views/device/cameras","sources":["index.vue"],"sourcesContent":["<template>\r\n <div class=\"app-container\">\r\n <el-card id=\"left-card\" class=\"left-card\" :style=\"{width: leftWidth, height: viewerHeight}\">\r\n <!--部门数据-->\r\n <div v-if=\"!open\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"5\" :xs=\"24\">\r\n <div class=\"head-container\">\r\n <el-input\r\n v-model=\"deptName\"\r\n placeholder=\"请输入部门名称\"\r\n clearable\r\n size=\"small\"\r\n prefix-icon=\"el-icon-search\"\r\n style=\"margin-bottom: 20px\"\r\n />\r\n </div>\r\n <div class=\"head-container\">\r\n <el-tree\r\n :data=\"deptOptions\"\r\n :props=\"defaultProps\"\r\n :expand-on-click-node=\"false\"\r\n :filter-node-method=\"filterNode\"\r\n ref=\"tree\"\r\n node-key=\"id\"\r\n default-expand-all\r\n highlight-current\r\n @node-click=\"handleNodeClick\"\r\n />\r\n </div>\r\n </el-col>\r\n <el-col :span=\"19\" :xs=\"24\">\r\n <el-form :model=\"queryParams\" ref=\"queryForm\" size=\"small\" :inline=\"true\" v-show=\"showSearch\"\r\n label-width=\"68px\">\r\n <el-form-item label=\"名称\" prop=\"name\">\r\n <el-input\r\n v-model=\"queryParams.name\"\r\n placeholder=\"请输入名称\"\r\n clearable\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"ip\" prop=\"ip\">\r\n <el-input\r\n v-model=\"queryParams.ip\"\r\n placeholder=\"请输入ip\"\r\n clearable\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"用户名\" prop=\"username\">\r\n <el-input\r\n v-model=\"queryParams.username\"\r\n placeholder=\"请输入用户名\"\r\n clearable\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"密码\" prop=\"password\">\r\n <el-input\r\n v-model=\"queryParams.password\"\r\n placeholder=\"请输入密码\"\r\n clearable\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"光电类型\" prop=\"gdtype\">\r\n <el-select v-model=\"queryParams.gdtype\" placeholder=\"请选择光电类型\" clearable>\r\n <el-option\r\n v-for=\"dict in dict.type.camera_type\"\r\n :key=\"dict.value\"\r\n :label=\"dict.label\"\r\n :value=\"dict.value\"\r\n />\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">搜索</el-button>\r\n <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\r\n </el-form-item>\r\n </el-form>\r\n\r\n <el-row :gutter=\"10\" class=\"mb8\">\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"primary\"\r\n plain\r\n icon=\"el-icon-plus\"\r\n size=\"mini\"\r\n @click=\"handleAdd\"\r\n v-hasPermi=\"['school:cameras:add']\"\r\n >新增\r\n </el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"success\"\r\n plain\r\n icon=\"el-icon-edit\"\r\n size=\"mini\"\r\n :disabled=\"single\"\r\n @click=\"handleUpdate\"\r\n v-hasPermi=\"['school:cameras:edit']\"\r\n >修改\r\n </el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"danger\"\r\n plain\r\n icon=\"el-icon-delete\"\r\n size=\"mini\"\r\n :disabled=\"multiple\"\r\n @click=\"handleDelete\"\r\n v-hasPermi=\"['school:cameras:remove']\"\r\n >删除\r\n </el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"warning\"\r\n plain\r\n icon=\"el-icon-download\"\r\n size=\"mini\"\r\n @click=\"handleExport\"\r\n v-hasPermi=\"['school:cameras:export']\"\r\n >导出\r\n </el-button>\r\n </el-col>\r\n <right-toolbar :showSearch.sync=\"showSearch\" @queryTable=\"getList\"></right-toolbar>\r\n </el-row>\r\n\r\n <el-table v-loading=\"loading\" :data=\"camerasList\" @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"55\" align=\"center\"/>\r\n <el-table-column label=\"id\" align=\"center\" prop=\"id\">\r\n </el-table-column>\r\n <el-table-column label=\"名称\" align=\"center\" prop=\"name\">\r\n </el-table-column>\r\n <el-table-column label=\"ip\" align=\"center\" prop=\"ip\">\r\n </el-table-column>\r\n <el-table-column label=\"端口\" align=\"center\" prop=\"port\">\r\n </el-table-column>\r\n <el-table-column label=\"用户名\" align=\"center\" prop=\"username\">\r\n </el-table-column>\r\n <el-table-column label=\"密码\" align=\"center\" prop=\"password\">\r\n </el-table-column>\r\n <el-table-column label=\"光电类型\" align=\"center\" prop=\"gdtype\">\r\n <template slot-scope=\"scope\">\r\n <dict-tag :options=\"dict.type.camera_type\" :value=\"scope.row.gdtype\"/>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"通道号\" align=\"center\" prop=\"channel\">\r\n </el-table-column>\r\n <el-table-column label=\"水平角\" align=\"center\" prop=\"pan\">\r\n </el-table-column>\r\n <el-table-column label=\"俯仰角\" align=\"center\" prop=\"tilt\">\r\n </el-table-column>\r\n <el-table-column label=\"焦距\" align=\"center\" prop=\"zoom\">\r\n </el-table-column>\r\n <el-table-column label=\"经度\" align=\"center\" prop=\"longitude\">\r\n </el-table-column>\r\n <el-table-column label=\"纬度\" align=\"center\" prop=\"latitude\">\r\n </el-table-column>\r\n <el-table-column label=\"高度\" align=\"center\" prop=\"altitude\">\r\n </el-table-column>\r\n <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n <template slot-scope=\"scope\">\r\n <el-button\r\n size=\"mini\"\r\n type=\"text\"\r\n icon=\"el-icon-edit\"\r\n @click=\"handleUpdate(scope.row)\"\r\n v-hasPermi=\"['school:cameras:edit']\"\r\n >修改\r\n </el-button>\r\n <el-button\r\n size=\"mini\"\r\n type=\"text\"\r\n icon=\"el-icon-delete\"\r\n @click=\"handleDelete(scope.row)\"\r\n v-hasPermi=\"['school:cameras:remove']\"\r\n >删除\r\n </el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n\r\n <pagination\r\n v-show=\"total>0\"\r\n :total=\"total\"\r\n :page.sync=\"queryParams.pageNum\"\r\n :limit.sync=\"queryParams.pageSize\"\r\n @pagination=\"getList\"\r\n />\r\n </el-col>\r\n </el-row>\r\n </div>\r\n <!-- 添加或修改相机设备对话框 -->\r\n <el-dialog :title=\"title\" :visible.sync=\"open\" width=\"500px\" append-to-body>\r\n <el-form ref=\"form\" :model=\"form\" :rules=\"rules\" label-width=\"80px\">\r\n <el-form-item label=\"名称\" prop=\"name\">\r\n <el-input v-model=\"form.name\" placeholder=\"请输入名称\"/>\r\n </el-form-item>\r\n <el-form-item label=\"ip\" prop=\"ip\">\r\n <el-input v-model=\"form.ip\" placeholder=\"请输入ip\"/>\r\n </el-form-item>\r\n <el-form-item label=\"端口\" prop=\"port\">\r\n <el-input v-model=\"form.port\" placeholder=\"请输入port\"/>\r\n </el-form-item>\r\n <el-form-item label=\"用户名\" prop=\"username\">\r\n <el-input v-model=\"form.username\" placeholder=\"请输入用户名\"/>\r\n </el-form-item>\r\n <el-form-item label=\"密码\" prop=\"password\">\r\n <el-input v-model=\"form.password\" placeholder=\"请输入密码\"/>\r\n </el-form-item>\r\n <el-form-item label=\"经度\" prop=\"longitude\">\r\n <el-input v-model=\"form.longitude\" placeholder=\"请输入经度\"/>\r\n </el-form-item>\r\n <el-form-item label=\"纬度\" prop=\"latitude\">\r\n <el-input v-model=\"form.latitude\" placeholder=\"请输入纬度\"/>\r\n </el-form-item>\r\n <el-form-item label=\"高度\" prop=\"altitude\">\r\n <el-input v-model=\"form.altitude\" placeholder=\"请输入高度\"/>\r\n </el-form-item>\r\n <el-form-item label=\"光电类型\" prop=\"gdtype\">\r\n <el-select v-model=\"form.gdtype\" placeholder=\"请选择光电类型\">\r\n <el-option\r\n v-for=\"dict in dict.type.camera_type\"\r\n :key=\"dict.value\"\r\n :label=\"dict.label\"\r\n :value=\"dict.value\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button type=\"primary\" @click=\"submitForm\">确 定</el-button>\r\n <el-button @click=\"cancel\">取 消</el-button>\r\n </div>\r\n </el-dialog>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {listCameras, getCameras, delCameras, addCameras, updateCameras} from \"@/api/device/cameras\";\r\nimport { deptTreeSelect } from \"@/api/system/user\";\r\nimport Treeselect from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\nexport default {\r\n name: \"Cameras\",\r\n dicts: [\"camera_type\",\"Treeselect\"],\r\n data() {\r\n return {\r\n // 遮罩层\r\n loading: true,\r\n // 选中数组\r\n ids: [],\r\n // 非单个禁用\r\n single: true,\r\n // 非多个禁用\r\n multiple: true,\r\n // 显示搜索条件\r\n showSearch: true,\r\n // 总条数\r\n total: 0,\r\n // 相机设备表格数据\r\n camerasList: [],\r\n // 弹出层标题\r\n title: \"\",\r\n // 是否显示弹出层\r\n open: false,\r\n // 查询参数\r\n queryParams: {\r\n pageNum: 1,\r\n pageSize: 10,\r\n name: null,\r\n ip: null,\r\n port: null,\r\n username: null,\r\n password: null,\r\n gdtype: null,\r\n channel: null,\r\n pan: null,\r\n tilt: null,\r\n longitude: null,\r\n latitude: null,\r\n altitude: null\r\n },\r\n // 表单参数\r\n form: {},\r\n // 表单校验\r\n rules: {},\r\n // 部门树选项\r\n deptOptions: undefined,\r\n // 部门名称\r\n deptName: undefined,\r\n };\r\n },\r\n watch: {\r\n // 根据名称筛选部门树\r\n deptName(val) {\r\n this.$refs.tree.filter(val);\r\n }\r\n },\r\n created() {\r\n this.getList();\r\n this.getDeptTree();\r\n },\r\n methods: {\r\n /** 查询相机设备列表 */\r\n getList() {\r\n this.loading = true;\r\n listCameras(this.queryParams).then(response => {\r\n this.camerasList = response.rows;\r\n this.total = response.total;\r\n this.loading = false;\r\n });\r\n },\r\n // 取消按钮\r\n cancel() {\r\n this.open = false;\r\n this.reset();\r\n },\r\n // 表单重置\r\n reset() {\r\n this.form = {\r\n id: null,\r\n name: null,\r\n ip: null,\r\n port: null,\r\n username: null,\r\n password: null,\r\n gdtype: null,\r\n channel: null,\r\n pan: null,\r\n tilt: null,\r\n longitude: null,\r\n latitude: null,\r\n altitude: null\r\n };\r\n this.resetForm(\"form\");\r\n },\r\n /** 搜索按钮操作 */\r\n handleQuery() {\r\n this.queryParams.pageNum = 1;\r\n this.getList();\r\n },\r\n /** 重置按钮操作 */\r\n resetQuery() {\r\n this.resetForm(\"queryForm\");\r\n this.handleQuery();\r\n },\r\n // 多选框选中数据\r\n handleSelectionChange(selection) {\r\n this.ids = selection.map(item => item.id)\r\n this.single = selection.length !== 1\r\n this.multiple = !selection.length\r\n },\r\n /** 新增按钮操作 */\r\n handleAdd() {\r\n this.reset();\r\n this.open = true;\r\n this.title = \"添加相机设备\";\r\n },\r\n /** 修改按钮操作 */\r\n handleUpdate(row) {\r\n this.reset();\r\n const id = row.id || this.ids\r\n getCameras(id).then(response => {\r\n this.form = response.data;\r\n this.open = true;\r\n this.title = \"修改相机设备\";\r\n });\r\n },\r\n /** 提交按钮 */\r\n submitForm() {\r\n this.$refs[\"form\"].validate(valid => {\r\n if (valid) {\r\n if (this.form.id != null) {\r\n updateCameras(this.form).then(response => {\r\n this.$modal.msgSuccess(\"修改成功\");\r\n this.open = false;\r\n this.getList();\r\n });\r\n } else {\r\n addCameras(this.form).then(response => {\r\n this.$modal.msgSuccess(\"新增成功\");\r\n this.open = false;\r\n this.getList();\r\n });\r\n }\r\n }\r\n });\r\n },\r\n /** 删除按钮操作 */\r\n handleDelete(row) {\r\n const ids = row.id || this.ids;\r\n this.$modal.confirm('是否确认删除相机设备编号为\"' + ids + '\"的数据项？').then(function () {\r\n return delCameras(ids);\r\n }).then(() => {\r\n this.getList();\r\n this.$modal.msgSuccess(\"删除成功\");\r\n }).catch(() => {\r\n });\r\n },\r\n /** 导出按钮操作 */\r\n handleExport() {\r\n this.download('school/cameras/export', {\r\n ...this.queryParams\r\n }, `cameras_${new Date().getTime()}.xlsx`)\r\n },\r\n /** 查询部门下拉树结构 */\r\n getDeptTree() {\r\n deptTreeSelect().then(response => {\r\n console.log(response)\r\n this.deptOptions = response.data;\r\n });\r\n },\r\n // 筛选节点\r\n filterNode(value, data) {\r\n if (!value) return true;\r\n return data.label.indexOf(value) !== -1;\r\n },\r\n // 节点单击事件\r\n handleNodeClick(data) {\r\n console.log(data)\r\n this.queryParams.deptId = data.id;\r\n this.handleQuery();\r\n },\r\n }\r\n};\r\n</script>\r\n"]}]}
|
