{"remainingRequest":"G:\\workSpace\\car-record\\node_modules\\babel-loader\\lib\\index.js!G:\\workSpace\\car-record\\node_modules\\cache-loader\\dist\\cjs.js??ref--1-0!G:\\workSpace\\car-record\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\workSpace\\car-record\\src\\components\\CarRecord.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\workSpace\\car-record\\src\\components\\CarRecord.vue","mtime":1640854035856},{"path":"G:\\workSpace\\car-record\\babel.config.js","mtime":1640143435690},{"path":"G:\\workSpace\\car-record\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1653883357648},{"path":"G:\\workSpace\\car-record\\node_modules\\babel-loader\\lib\\index.js","mtime":1653883362433},{"path":"G:\\workSpace\\car-record\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1653883357648},{"path":"G:\\workSpace\\car-record\\node_modules\\vue-loader\\lib\\index.js","mtime":1653883364231}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8g5byV5YWlZWNoYXJ0cwppbXBvcnQgKiBhcyBlY2hhcnRzIGZyb20gImVjaGFydHMiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkhlbGxvV29ybGQiLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICAvLyDml7bpl7TpgInmi6nlmajnu5HlrprnmoTlgLwKICAgICAgdmFsdWU6ICIiLAogICAgICAvLyDpqbblhaXmlrnlkJHnmoTovabovobmlbDmja4KICAgICAgdGFibGVEYXRhMTogW3sKICAgICAgICB1cmw6ICJodHRwczovL2ltZzEuYmFpZHUuY29tL2l0L3U9NDAyMTA1MTQ0LDExMjQ3NzQ1MzkmZm09MjYmZm10PWF1dG8iLAogICAgICAgIG1zZzogewogICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcwLmJhaWR1LmNvbS9pdC91PTM1Mzg3MDgwMDUsOTk5Mzk5MzMyJmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIGlkOiAiNDI5MzgiLAogICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgbmFtZTogIueOi+WKm+Wuj+WViiIsCiAgICAgICAgICBwbGFjZTogIjHlj7fmnLrliqjovablh7rlj6MiLAogICAgICAgICAgbnVtYmVyOiAi6LWjQlUyNTY5IgogICAgICAgIH0KICAgICAgfSwgewogICAgICAgIHVybDogImh0dHBzOi8vaW1nMS5iYWlkdS5jb20vaXQvdT0zNDk5MDMxNjM3LDE1OTgxOTY2ODgmZm09MjYmZm10PWF1dG8iLAogICAgICAgIG1zZzogewogICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcyLmJhaWR1LmNvbS9pdC91PTM0MzQ0NDkzNTcsODQxOTU0ODYmZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgaWQ6ICI0MjkzOCIsCiAgICAgICAgICB0aW1lOiAiMjAxOC0xMi0yMyAxNDozMjoyNiIsCiAgICAgICAgICBuYW1lOiAi5ZC05Lqm5YehIiwKICAgICAgICAgIHBsYWNlOiAiMeWPt+acuuWKqOi9puWHuuWPoyIsCiAgICAgICAgICBudW1iZXI6ICLotaNCVTI1NjkiCiAgICAgICAgfQogICAgICB9LCB7CiAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcxLmJhaWR1LmNvbS9pdC91PTM0OTkwMzE2MzcsMTU5ODE5NjY4OCZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgbXNnOiB7CiAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzIuYmFpZHUuY29tL2l0L3U9MzQzNDQ0OTM1Nyw4NDE5NTQ4NiZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgICBpZDogIjQyOTM4IiwKICAgICAgICAgIHRpbWU6ICIyMDE4LTEyLTIzIDE0OjMyOjI2IiwKICAgICAgICAgIG5hbWU6ICLlkLTkuqblh6EiLAogICAgICAgICAgcGxhY2U6ICIx5Y+35py65Yqo6L2m5Ye65Y+jIiwKICAgICAgICAgIG51bWJlcjogIui1o0JVMjU2OSIKICAgICAgICB9CiAgICAgIH0sIHsKICAgICAgICB1cmw6ICJodHRwczovL2ltZzEuYmFpZHUuY29tL2l0L3U9MzQ5OTAzMTYzNywxNTk4MTk2Njg4JmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICBtc2c6IHsKICAgICAgICAgIHVybDogImh0dHBzOi8vaW1nMi5iYWlkdS5jb20vaXQvdT0zNDM0NDQ5MzU3LDg0MTk1NDg2JmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIGlkOiAiNDI5MzgiLAogICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgbmFtZTogIuWQtOS6puWHoSIsCiAgICAgICAgICBwbGFjZTogIjHlj7fmnLrliqjovablh7rlj6MiLAogICAgICAgICAgbnVtYmVyOiAi6LWjQlUyNTY5IgogICAgICAgIH0KICAgICAgfV0sCiAgICAgIC8vIOmptuWHuuaWueWQkeeahOi9pui+huaVsOaNrgogICAgICB0YWJsZURhdGEyOiBbewogICAgICAgIHVybDogImh0dHBzOi8vaW1nMC5iYWlkdS5jb20vaXQvdT0zNzQyNzM4MTk1LDI4OTQwMzUyMTgmZm09MjYmZm10PWF1dG8iLAogICAgICAgIG1zZzogewogICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcxLmJhaWR1LmNvbS9pdC91PTIxMDU4ODAzMjksNjI0Mjc2NzI1JmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIGlkOiAiNDI5MzgiLAogICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgbmFtZTogIueOi+WKm+WujyIsCiAgICAgICAgICBwbGFjZTogIjHlj7fmnLrliqjovablh7rlj6MiLAogICAgICAgICAgbnVtYmVyOiAi6LWjQVUyNTY5IgogICAgICAgIH0KICAgICAgfSwgewogICAgICAgIHVybDogImh0dHBzOi8vaW1nMS5iYWlkdS5jb20vaXQvdT0zNzIwMDA0NjM1LDMzMDk5MDc5ODAmZm09MjYmZm10PWF1dG8iLAogICAgICAgIG1zZzogewogICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcwLmJhaWR1LmNvbS9pdC91PTE0NDUyMDUxNjAsMjkxMDMwNjQ0MCZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgICBpZDogIjQyOTM4IiwKICAgICAgICAgIHRpbWU6ICIyMDE4LTEyLTIzIDE0OjMyOjI2IiwKICAgICAgICAgIG5hbWU6ICLlkLTkuqblh6EiLAogICAgICAgICAgcGxhY2U6ICIx5Y+35py65Yqo6L2m5Ye65Y+jIiwKICAgICAgICAgIG51bWJlcjogIui1o0JVMjU4OSIKICAgICAgICB9CiAgICAgIH0sIHsKICAgICAgICB1cmw6ICJodHRwczovL2ltZzEuYmFpZHUuY29tL2l0L3U9MzcyMDAwNDYzNSwzMzA5OTA3OTgwJmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICBtc2c6IHsKICAgICAgICAgIHVybDogImh0dHBzOi8vaW1nMC5iYWlkdS5jb20vaXQvdT0xNDQ1MjA1MTYwLDI5MTAzMDY0NDAmZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgaWQ6ICI0MjkzOCIsCiAgICAgICAgICB0aW1lOiAiMjAxOC0xMi0yMyAxNDozMjoyNiIsCiAgICAgICAgICBuYW1lOiAi5ZC05Lqm5YehIiwKICAgICAgICAgIHBsYWNlOiAiMeWPt+acuuWKqOi9puWHuuWPoyIsCiAgICAgICAgICBudW1iZXI6ICLotaNCVTI1ODkiCiAgICAgICAgfQogICAgICB9LCB7CiAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcxLmJhaWR1LmNvbS9pdC91PTM3MjAwMDQ2MzUsMzMwOTkwNzk4MCZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgbXNnOiB7CiAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzAuYmFpZHUuY29tL2l0L3U9MTQ0NTIwNTE2MCwyOTEwMzA2NDQwJmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIGlkOiAiNDI5MzgiLAogICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgbmFtZTogIuWQtOS6puWHoSIsCiAgICAgICAgICBwbGFjZTogIjHlj7fmnLrliqjovablh7rlj6MiLAogICAgICAgICAgbnVtYmVyOiAi6LWjQlUyNTg5IgogICAgICAgIH0KICAgICAgfV0sCiAgICAgIC8vIOaKmOe6v+WbvuihqOmFjee9rgogICAgICBsaW5lT3B0aW9uOiB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogImF4aXMiCiAgICAgICAgfSwKICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgIGRhdGE6IFsi5pWZ5biIIiwgIueJqeS4miIsICLlhbbku5YiXSwKICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogIiNmZmYiCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBncmlkOiB7CiAgICAgICAgICBsZWZ0OiAiMyUiLAogICAgICAgICAgcmlnaHQ6ICI0JSIsCiAgICAgICAgICBib3R0b206ICIzJSIsCiAgICAgICAgICBjb250YWluTGFiZWw6IHRydWUKICAgICAgICB9LAogICAgICAgIHhBeGlzOiB7CiAgICAgICAgICB0eXBlOiAiY2F0ZWdvcnkiLAogICAgICAgICAgYm91bmRhcnlHYXA6IGZhbHNlLAogICAgICAgICAgZGF0YTogWzAsIDQsIDgsIDEyLCAxNiwgMjAsIDI0XSwKICAgICAgICAgIGF4aXNMaW5lOiB7CiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIGNvbG9yOiAiIzBmZWJmZiIKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICBjb2xvcjogIiNmZmYiCiAgICAgICAgICB9LAogICAgICAgICAgc3BsaXRMaW5lOiB7CiAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIHdpZHRoOiAxLAogICAgICAgICAgICAgIGNvbG9yOiAiIzBmZWJmZiIKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgeUF4aXM6IHsKICAgICAgICAgIHR5cGU6ICJ2YWx1ZSIsCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgZm9ybWF0dGVyOiAie3ZhbHVlfSIsCiAgICAgICAgICAgIGNvbG9yOiAiI2ZmZiIKICAgICAgICAgIH0sCiAgICAgICAgICBzcGxpdExpbmU6IHsKICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgbGluZVN0eWxlOiB7CiAgICAgICAgICAgICAgd2lkdGg6IDEsCiAgICAgICAgICAgICAgY29sb3I6ICIjMGZlYmZmIgogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBzZXJpZXM6IFt7CiAgICAgICAgICBuYW1lOiAi5pWZ5biIIiwKICAgICAgICAgIHR5cGU6ICJsaW5lIiwKICAgICAgICAgIGRhdGE6IFsxMjAsIDEzMiwgMTAxLCAxMzQsIDkwLCAyMzAsIDIxMF0sCiAgICAgICAgICAvL+iuvuWumuS4uuWunuW/g+eCuQogICAgICAgICAgc3ltYm9sOiAiY2lyY2xlIiwKICAgICAgICAgIC8v6K6+5a6a5a6e5b+D54K555qE5aSn5bCPCiAgICAgICAgICBzeW1ib2xTaXplOiAxMCAvL+aYr+WQpuaYvuekuuaVsOWAvAogICAgICAgICAgLy8gbGFiZWw6IHsgc2hvdzogdHJ1ZSB9LAoKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi54mp5LiaIiwKICAgICAgICAgIHR5cGU6ICJsaW5lIiwKICAgICAgICAgIGRhdGE6IFsyMjAsIDE4MiwgMTkxLCAyMzQsIDI5MCwgMzMwLCAzMTBdLAogICAgICAgICAgc3ltYm9sOiAiY2lyY2xlIiwKICAgICAgICAgIHN5bWJvbFNpemU6IDEwIC8vIGxhYmVsOiB7IHNob3c6IHRydWUgfSwKCiAgICAgICAgfSwgewogICAgICAgICAgbmFtZTogIuWFtuS7liIsCiAgICAgICAgICB0eXBlOiAibGluZSIsCiAgICAgICAgICBkYXRhOiBbMTUwLCAyMzIsIDIwMSwgMTU0LCAxOTAsIDMzMCwgNDEwXSwKICAgICAgICAgIHN5bWJvbDogImNpcmNsZSIsCiAgICAgICAgICBzeW1ib2xTaXplOiAxMCAvLyBsYWJlbDogeyBzaG93OiB0cnVlIH0sCgogICAgICAgIH1dCiAgICAgIH0sCiAgICAgIC8vIOafseeKtuWbvuihqOmFjee9rgogICAgICBjb3Vtbk9wdGlvbjogewogICAgICAgIHRvb2x0aXA6IHsKICAgICAgICAgIHRyaWdnZXI6ICJheGlzIiwKICAgICAgICAgIGF4aXNQb2ludGVyOiB7CiAgICAgICAgICAgIHR5cGU6ICJzaGFkb3ciCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBncmlkOiB7CiAgICAgICAgICBsZWZ0OiAiMyUiLAogICAgICAgICAgcmlnaHQ6ICI0JSIsCiAgICAgICAgICBib3R0b206ICIzJSIsCiAgICAgICAgICB0b3A6ICIzJSIsCiAgICAgICAgICBjb250YWluTGFiZWw6IHRydWUKICAgICAgICB9LAogICAgICAgIHhBeGlzOiBbewogICAgICAgICAgdHlwZTogImNhdGVnb3J5IiwKICAgICAgICAgIGRhdGE6IFsi5Y2X5piMIiwgIui1o+W3niIsICLlrpzmmKUiLCAi5LiK6aW2IiwgIuS5neaxnyJdLAogICAgICAgICAgYXhpc1RpY2s6IHsKICAgICAgICAgICAgYWxpZ25XaXRoTGFiZWw6IHRydWUKICAgICAgICAgIH0sCiAgICAgICAgICBheGlzTGluZTogewogICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICBjb2xvcjogIiMwZmViZmYiCiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgY29sb3I6ICIjZmZmIgogICAgICAgICAgfSwKICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICB3aWR0aDogMSwKICAgICAgICAgICAgICBjb2xvcjogIiMwZmViZmYiCiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9XSwKICAgICAgICB5QXhpczogewogICAgICAgICAgdHlwZTogInZhbHVlIiwKICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICBmb3JtYXR0ZXI6ICJ7dmFsdWV9IiwKICAgICAgICAgICAgY29sb3I6ICIjZmZmIgogICAgICAgICAgfSwKICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICB3aWR0aDogMSwKICAgICAgICAgICAgICBjb2xvcjogIiMwZmViZmYiCiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHNlcmllczogW3sKICAgICAgICAgIG5hbWU6ICLmlbDph48iLAogICAgICAgICAgdHlwZTogImJhciIsCiAgICAgICAgICBiYXJXaWR0aDogIjYwJSIsCiAgICAgICAgICBkYXRhOiBbMTAxLCA1MiwgMzUsIDQ0LCA1MF0sCiAgICAgICAgICBpdGVtU3R5bGU6IHsKICAgICAgICAgICAgbGFiZWw6IHsKICAgICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICAgIC8v5byA5ZCv5pi+56S6CiAgICAgICAgICAgICAgcG9zaXRpb246ICJ0b3AiLAogICAgICAgICAgICAgIC8v5Zyo5LiK5pa55pi+56S6CiAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgICAvL+aVsOWAvOagt+W8jwogICAgICAgICAgICAgICAgY29sb3I6ICIjZmZmIgogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH1dCiAgICAgIH0KICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgLy8g5Yid5aeL5YyW5Zu+6KGoCiAgICB0aGlzLmdldEVjaGFydExpbmUoKTsKICAgIHRoaXMuZ2V0RWNoYXJ0Q291bW4oKTsKICAgIHRoaXMuZ2V0VGFibGVEYXRhMSgpOyAvLyB0aGlzLmdldFRhYmxlRGF0YTIoKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIOWIm+W7uuaKmOe6v+WbvuihqAogICAgZ2V0RWNoYXJ0TGluZTogZnVuY3Rpb24gZ2V0RWNoYXJ0TGluZSgpIHsKICAgICAgdmFyIGNoYXJ0TGluZURvbSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJsaW5lIik7CiAgICAgIHZhciBteUxpbmVDaGFydCA9IGVjaGFydHMuaW5pdChjaGFydExpbmVEb20pOwogICAgICBteUxpbmVDaGFydC5zZXRPcHRpb24odGhpcy5saW5lT3B0aW9uKTsKICAgIH0sCiAgICAvLyDliJvlu7rmn7Hnirblm77ooagKICAgIGdldEVjaGFydENvdW1uOiBmdW5jdGlvbiBnZXRFY2hhcnRDb3VtbigpIHsKICAgICAgdmFyIGNoYXJ0Q291bW5Eb20gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiY291bW4iKTsKICAgICAgdmFyIG15Q291bW5DaGFydCA9IGVjaGFydHMuaW5pdChjaGFydENvdW1uRG9tKTsKICAgICAgbXlDb3VtbkNoYXJ0LnNldE9wdGlvbih0aGlzLmNvdW1uT3B0aW9uKTsKICAgIH0sCiAgICAvLyDojrflj5bpqbblhaXmlrnlkJHnmoTovabovobmlbDmja4KICAgIGdldFRhYmxlRGF0YTE6IGZ1bmN0aW9uIGdldFRhYmxlRGF0YTEoKSB7CiAgICAgIHRoaXMuJGF4aW9zKHsKICAgICAgICB1cmw6ICIvY2FyLXJlY29yZC1hcGkvbmNqdEVudHJhbmNlR3VhcmQvZ2V0VHJhZmZpY1JlY29yZFZpZXdQYWdlTGlzdCIsCiAgICAgICAgbWV0aG9kOiAiZ2V0IiwKICAgICAgICBkYXRhOiB7CiAgICAgICAgICBwYWdlOiAiMSIsCiAgICAgICAgICBsaW1pdDogIjk5OSIKICAgICAgICB9CiAgICAgIH0pLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIGNvbnNvbGUubG9nKHJlcyk7CiAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uIChlcnJvcikgewogICAgICAgIGNvbnNvbGUubG9nKGVycm9yKTsKICAgICAgfSk7CiAgICB9IC8vIOiOt+WPlumptuWHuuaWueWQkeeahOi9pui+huaVsOaNrgogICAgLy8gZ2V0VGFibGVEYXRhMigpIHsKICAgIC8vICAgY29uc29sZS5sb2coMik7CiAgICAvLyB9LAoKICB9Cn07"},{"version":3,"sources":["CarRecord.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n  <div class=\"car\">\n    <!-- 头部区域 -->\n    <div class=\"head\">\n      <div class=\"head-msg\">\n        <img src=\"@/assets/car.svg\" />\n      </div>\n      <div class=\"head-info\">车辆记录</div>\n    </div>\n    <!-- 左侧区域 -->\n    <div class=\"left\">\n      <!-- 驶入方向 -->\n      <div class=\"left-pass\">\n        <div class=\"pass\">\n          <div class=\"pass-title\">\n            <div class=\"pass-img\">\n              <img src=\"@/assets/jiantou.png\" />\n            </div>\n            <div class=\"pass-info\">驶入方向</div>\n          </div>\n          <!-- 识别区域 -->\n          <div class=\"pass-rct\">\n            <el-table\n              :data=\"tableData1.slice(0, 2)\"\n              border\n              style=\"width: 100%\"\n              height=\"238\"\n            >\n              <el-table-column label=\"捕获\" header-align=\"center\" width=\"98\">\n                <template slot-scope=\"{ row }\">\n                  <img :src=\"row.url\" style=\"width: 82px; height: 60px\" />\n                </template>\n              </el-table-column>\n\n              <el-table-column label=\"识别\" header-align=\"center\">\n                <template slot-scope=\"{ row }\">\n                  <div class=\"pass-rct-list\">\n                    <div>\n                      <img\n                        :src=\"row.msg.url\"\n                        style=\"width: 82px; height: 60px\"\n                      />\n                    </div>\n                    <div>\n                      <div>姓名:{{ row.msg.name }}</div>\n                      <div>识别ID:{{ row.msg.id }}</div>\n                      <div>车牌:{{ row.msg.number }}</div>\n                    </div>\n                    <div>\n                      <div>位置:{{ row.msg.place }}</div>\n                      <div>时间:{{ row.msg.time }}</div>\n                    </div>\n                  </div>\n                </template>\n              </el-table-column>\n            </el-table>\n          </div>\n          <!-- 历史记录区域 -->\n          <div class=\"pass-record\">\n            <!-- 标题 -->\n            <div class=\"pass-record-title\">\n              <div class=\"info\">历史记录</div>\n            </div>\n            <!-- 时间选择器 -->\n            <div class=\"pass-record-time\">\n              <div class=\"time\">\n                <el-date-picker\n                  v-model=\"value\"\n                  type=\"date\"\n                  size=\"mini\"\n                  :editable=\"false\"\n                  placeholder=\"选择日期\"\n                >\n                </el-date-picker>\n              </div>\n            </div>\n            <!-- 表格数据 -->\n            <div class=\"pass-record-form\">\n              <el-table :data=\"tableData1\" style=\"width: 100%\" height=\"148\">\n                <el-table-column\n                  prop=\"msg.name\"\n                  label=\"姓名\"\n                  align=\"center\"\n                  width=\"76\"\n                >\n                </el-table-column>\n                <el-table-column\n                  prop=\"msg.number\"\n                  label=\"车牌号\"\n                  align=\"center\"\n                  width=\"90\"\n                >\n                </el-table-column>\n                <el-table-column label=\"时间\" align=\"center\" width=\"76\">\n                  <template slot-scope=\"{ row }\">\n                    {{ row.msg.time.split(\" \")[1] }}\n                  </template>\n                </el-table-column>\n              </el-table>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- 驶出方向 -->\n      <div class=\"left-out\">\n        <div class=\"out\">\n          <div class=\"out-title\">\n            <div class=\"out-img\">\n              <img src=\"@/assets/jiantou.png\" />\n            </div>\n            <div class=\"out-info\">驶出方向</div>\n          </div>\n          <!-- 识别区域 -->\n          <div class=\"out-rct\">\n            <el-table\n              :data=\"tableData2.slice(0, 2)\"\n              border\n              style=\"width: 100%\"\n              height=\"238\"\n            >\n              <el-table-column label=\"捕获\" width=\"98\" header-align=\"center\">\n                <template slot-scope=\"{ row }\">\n                  <img :src=\"row.url\" style=\"width: 82px; height: 60px\" />\n                </template>\n              </el-table-column>\n\n              <el-table-column label=\"识别\" header-align=\"center\">\n                <template slot-scope=\"{ row }\">\n                  <div class=\"out-rct-list\">\n                    <div>\n                      <img\n                        :src=\"row.msg.url\"\n                        style=\"width: 82px; height: 60px\"\n                      />\n                    </div>\n                    <div>\n                      <div>姓名:{{ row.msg.name }}</div>\n                      <div>识别ID:{{ row.msg.id }}</div>\n\n                      <div>车牌:{{ row.msg.number }}</div>\n                    </div>\n                    <div>\n                      <div>位置:{{ row.msg.place }}</div>\n                      <div>时间:{{ row.msg.time }}</div>\n                    </div>\n                  </div>\n                </template>\n              </el-table-column>\n            </el-table>\n          </div>\n          <!-- 历史记录区域 -->\n          <div class=\"out-record\">\n            <!-- 标题 -->\n            <div class=\"out-record-title\">\n              <div class=\"info\">历史记录</div>\n            </div>\n            <!-- 时间选择器 -->\n            <div class=\"out-record-time\">\n              <div class=\"time\">\n                <el-date-picker\n                  v-model=\"value\"\n                  type=\"date\"\n                  size=\"mini\"\n                  :editable=\"false\"\n                  placeholder=\"选择日期\"\n                >\n                </el-date-picker>\n              </div>\n            </div>\n            <!-- 表格数据 -->\n            <div class=\"out-record-form\">\n              <el-table :data=\"tableData2\" style=\"width: 100%\" height=\"146\">\n                <el-table-column\n                  prop=\"msg.name\"\n                  label=\"姓名\"\n                  align=\"center\"\n                  width=\"76\"\n                >\n                </el-table-column>\n                <el-table-column\n                  prop=\"msg.number\"\n                  label=\"车牌号\"\n                  align=\"center\"\n                  width=\"90\"\n                >\n                </el-table-column>\n                <el-table-column label=\"时间\" align=\"center\" width=\"76\">\n                  <template slot-scope=\"{ row }\">\n                    {{ row.msg.time.split(\" \")[1] }}\n                  </template>\n                </el-table-column>\n              </el-table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- 右侧区域 -->\n    <div class=\"right\">\n      <!-- 折线图区域 -->\n      <div class=\"right-line\">\n        <!-- 折线图标题 -->\n        <div class=\"right-line-title\">\n          <div class=\"line-img\">\n            <img src=\"@/assets/jiantou.png\" />\n          </div>\n          <div class=\"line-info\">24小时车流量</div>\n        </div>\n        <!-- 折线图 -->\n        <div class=\"right-line-body\" id=\"line\"></div>\n      </div>\n      <!-- 柱状图区域 -->\n      <div class=\"right-coumn\">\n        <!-- 柱状图标题 -->\n        <div class=\"right-coumn-title\">\n          <div class=\"coumn-img\">\n            <img src=\"@/assets/jiantou.png\" />\n          </div>\n          <div class=\"coumn-info\">车牌来源地</div>\n        </div>\n        <!-- 柱状图 -->\n        <div class=\"right-coumn-body\" id=\"coumn\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// 引入echarts\nimport * as echarts from \"echarts\";\n\nexport default {\n  name: \"HelloWorld\",\n  data() {\n    return {\n      // 时间选择器绑定的值\n      value: \"\",\n      // 驶入方向的车辆数据\n      tableData1: [\n        {\n          url: \"https://img1.baidu.com/it/u=402105144,1124774539&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img0.baidu.com/it/u=3538708005,999399332&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"王力宏啊\",\n            place: \"1号机动车出口\",\n            number: \"赣BU2569\",\n          },\n        },\n        {\n          url: \"https://img1.baidu.com/it/u=3499031637,1598196688&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img2.baidu.com/it/u=3434449357,84195486&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"吴亦凡\",\n            place: \"1号机动车出口\",\n            number: \"赣BU2569\",\n          },\n        },\n        {\n          url: \"https://img1.baidu.com/it/u=3499031637,1598196688&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img2.baidu.com/it/u=3434449357,84195486&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"吴亦凡\",\n            place: \"1号机动车出口\",\n            number: \"赣BU2569\",\n          },\n        },\n        {\n          url: \"https://img1.baidu.com/it/u=3499031637,1598196688&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img2.baidu.com/it/u=3434449357,84195486&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"吴亦凡\",\n            place: \"1号机动车出口\",\n            number: \"赣BU2569\",\n          },\n        },\n      ],\n      // 驶出方向的车辆数据\n      tableData2: [\n        {\n          url: \"https://img0.baidu.com/it/u=3742738195,2894035218&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img1.baidu.com/it/u=2105880329,624276725&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"王力宏\",\n            place: \"1号机动车出口\",\n            number: \"赣AU2569\",\n          },\n        },\n        {\n          url: \"https://img1.baidu.com/it/u=3720004635,3309907980&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img0.baidu.com/it/u=1445205160,2910306440&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"吴亦凡\",\n            place: \"1号机动车出口\",\n            number: \"赣BU2589\",\n          },\n        },\n        {\n          url: \"https://img1.baidu.com/it/u=3720004635,3309907980&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img0.baidu.com/it/u=1445205160,2910306440&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"吴亦凡\",\n            place: \"1号机动车出口\",\n            number: \"赣BU2589\",\n          },\n        },\n        {\n          url: \"https://img1.baidu.com/it/u=3720004635,3309907980&fm=26&fmt=auto\",\n          msg: {\n            url: \"https://img0.baidu.com/it/u=1445205160,2910306440&fm=26&fmt=auto\",\n            id: \"42938\",\n            time: \"2018-12-23 14:32:26\",\n            name: \"吴亦凡\",\n            place: \"1号机动车出口\",\n            number: \"赣BU2589\",\n          },\n        },\n      ],\n      // 折线图表配置\n      lineOption: {\n        tooltip: {\n          trigger: \"axis\",\n        },\n        legend: {\n          data: [\"教师\", \"物业\", \"其他\"],\n          textStyle: {\n            color: \"#fff\",\n          },\n        },\n        grid: {\n          left: \"3%\",\n          right: \"4%\",\n          bottom: \"3%\",\n          containLabel: true,\n        },\n        xAxis: {\n          type: \"category\",\n          boundaryGap: false,\n          data: [0, 4, 8, 12, 16, 20, 24],\n          axisLine: {\n            lineStyle: {\n              color: \"#0febff\",\n            },\n          },\n          axisLabel: {\n            color: \"#fff\",\n          },\n          splitLine: {\n            show: true,\n            lineStyle: {\n              width: 1,\n              color: \"#0febff\",\n            },\n          },\n        },\n        yAxis: {\n          type: \"value\",\n          axisLabel: {\n            formatter: \"{value}\",\n\n            color: \"#fff\",\n          },\n          splitLine: {\n            show: true,\n            lineStyle: {\n              width: 1,\n              color: \"#0febff\",\n            },\n          },\n        },\n        series: [\n          {\n            name: \"教师\",\n            type: \"line\",\n            data: [120, 132, 101, 134, 90, 230, 210],\n            //设定为实心点\n            symbol: \"circle\",\n            //设定实心点的大小\n            symbolSize: 10,\n            //是否显示数值\n            // label: { show: true },\n          },\n          {\n            name: \"物业\",\n            type: \"line\",\n            data: [220, 182, 191, 234, 290, 330, 310],\n            symbol: \"circle\",\n            symbolSize: 10,\n            // label: { show: true },\n          },\n          {\n            name: \"其他\",\n            type: \"line\",\n            data: [150, 232, 201, 154, 190, 330, 410],\n            symbol: \"circle\",\n            symbolSize: 10,\n            // label: { show: true },\n          },\n        ],\n      },\n      // 柱状图表配置\n      coumnOption: {\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"shadow\",\n          },\n        },\n        grid: {\n          left: \"3%\",\n          right: \"4%\",\n          bottom: \"3%\",\n          top: \"3%\",\n          containLabel: true,\n        },\n        xAxis: [\n          {\n            type: \"category\",\n            data: [\"南昌\", \"赣州\", \"宜春\", \"上饶\", \"九江\"],\n            axisTick: {\n              alignWithLabel: true,\n            },\n            axisLine: {\n              lineStyle: {\n                color: \"#0febff\",\n              },\n            },\n            axisLabel: {\n              color: \"#fff\",\n            },\n            splitLine: {\n              show: true,\n              lineStyle: {\n                width: 1,\n                color: \"#0febff\",\n              },\n            },\n          },\n        ],\n        yAxis: {\n          type: \"value\",\n          axisLabel: {\n            formatter: \"{value}\",\n\n            color: \"#fff\",\n          },\n          splitLine: {\n            show: true,\n            lineStyle: {\n              width: 1,\n              color: \"#0febff\",\n            },\n          },\n        },\n\n        series: [\n          {\n            name: \"数量\",\n            type: \"bar\",\n            barWidth: \"60%\",\n            data: [101, 52, 35, 44, 50],\n            itemStyle: {\n              label: {\n                show: true, //开启显示\n                position: \"top\", //在上方显示\n                textStyle: {\n                  //数值样式\n                  color: \"#fff\",\n                },\n              },\n            },\n          },\n        ],\n      },\n    };\n  },\n  mounted() {\n    // 初始化图表\n    this.getEchartLine();\n    this.getEchartCoumn();\n    this.getTableData1();\n    // this.getTableData2();\n  },\n  methods: {\n    // 创建折线图表\n    getEchartLine() {\n      var chartLineDom = document.getElementById(\"line\");\n      var myLineChart = echarts.init(chartLineDom);\n      myLineChart.setOption(this.lineOption);\n    },\n    // 创建柱状图表\n    getEchartCoumn() {\n      var chartCoumnDom = document.getElementById(\"coumn\");\n      var myCoumnChart = echarts.init(chartCoumnDom);\n      myCoumnChart.setOption(this.coumnOption);\n    },\n    // 获取驶入方向的车辆数据\n    getTableData1() {\n      this.$axios({\n        url: \"/car-record-api/ncjtEntranceGuard/getTrafficRecordViewPageList\",\n        method: \"get\",\n        data: {\n          page: \"1\",\n          limit: \"999\",\n        },\n      })\n        .then((res) => {\n          console.log(res);\n        })\n        .catch((error) => {\n          console.log(error);\n        });\n    },\n    // 获取驶出方向的车辆数据\n    // getTableData2() {\n    //   console.log(2);\n    // },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.car {\n  box-sizing: border-box;\n  margin: auto;\n  width: 1133px;\n  height: 642px;\n  background-color: #24578c;\n  .head {\n    display: flex;\n    width: 1133px;\n    height: 55px;\n    border-bottom: 1px solid #58beff;\n    .head-msg {\n      display: flex;\n      justify-content: center;\n      width: 58px;\n      height: 55px;\n      img {\n        width: 35px;\n      }\n    }\n    .head-info {\n      line-height: 55px;\n      font-size: 25px;\n      font-weight: bold;\n      color: #fff;\n    }\n  }\n  .left {\n    display: flex;\n    flex-wrap: wrap;\n    float: left;\n    width: 783px;\n    height: 586px;\n    .left-pass {\n      width: 783px;\n      height: 292px;\n      .pass {\n        margin-left: 27px;\n        width: 758px;\n        height: 294px;\n        .pass-title {\n          display: flex;\n          align-items: center;\n          width: 753px;\n          height: 54px;\n          border-bottom: 1px solid #58beff;\n          .pass-img {\n            width: 26px;\n            height: 16px;\n            img {\n              width: 100%;\n            }\n          }\n          .pass-info {\n            margin-left: 10px;\n            width: 79px;\n            height: 25px;\n            font-size: 19px;\n            font-weight: bold;\n            color: #0febff;\n          }\n        }\n        .pass-rct {\n          float: left;\n          width: 500px;\n          height: 236px;\n          border-radius: 4px;\n          border: 1px solid #0febff;\n          .pass-rct-list {\n            display: flex;\n            justify-content: space-between;\n          }\n        }\n        .pass-record {\n          float: left;\n          width: 254px;\n          height: 236px;\n          border-radius: 4px;\n          border: 1px solid #0febff;\n          .pass-record-title {\n            width: 254px;\n            height: 48px;\n            border-bottom: 1px solid #0febff;\n            .info {\n              padding-left: 76px;\n              padding-top: 12px;\n              width: 77px;\n              height: 19px;\n              font-size: 19px;\n              font-weight: 400;\n              color: #ffffff;\n            }\n          }\n          .pass-record-time {\n            width: 254px;\n            height: 40px;\n            .time {\n              margin: auto;\n              width: 160px;\n              line-height: 40px;\n              .el-date-editor.el-input {\n                width: 100%;\n              }\n            }\n          }\n          .pass-record-form {\n            width: 254px;\n            height: 146px;\n          }\n        }\n      }\n    }\n    .left-out {\n      width: 783px;\n      height: 292px;\n      .out {\n        margin-left: 27px;\n        width: 758px;\n        height: 294px;\n        .out-title {\n          display: flex;\n          align-items: center;\n          width: 753px;\n          height: 54px;\n          border-bottom: 1px solid #58beff;\n          .out-img {\n            width: 26px;\n            height: 16px;\n            img {\n              width: 100%;\n            }\n          }\n          .out-info {\n            margin-left: 10px;\n            width: 79px;\n            height: 25px;\n            font-size: 19px;\n            font-weight: bold;\n            color: #0febff;\n          }\n        }\n        .out-rct {\n          float: left;\n          width: 500px;\n          height: 236px;\n          border-radius: 4px;\n          border: 1px solid #0febff;\n          .out-rct-list {\n            display: flex;\n            justify-content: space-between;\n          }\n        }\n        .out-record {\n          float: left;\n          width: 254px;\n          height: 236px;\n          border-radius: 4px;\n          border: 1px solid #0febff;\n          .out-record-title {\n            width: 254px;\n            height: 48px;\n            border-bottom: 1px solid #0febff;\n            .info {\n              padding-left: 76px;\n              padding-top: 12px;\n              width: 77px;\n              height: 19px;\n              font-size: 19px;\n              font-weight: 400;\n              color: #ffffff;\n            }\n          }\n          .out-record-time {\n            width: 254px;\n            height: 40px;\n            .time {\n              margin: auto;\n              width: 160px;\n              line-height: 40px;\n              .el-date-editor.el-input {\n                width: 100%;\n              }\n            }\n          }\n          .out-record-form {\n            width: 254px;\n            height: 146px;\n          }\n        }\n      }\n    }\n  }\n  .right {\n    float: left;\n    width: 350px;\n    height: 586px;\n    .right-line {\n      width: 350px;\n      height: 50%;\n      .right-line-title {\n        display: flex;\n        margin-left: 16px;\n        align-items: center;\n        width: 334px;\n        height: 56px;\n        .line-img {\n          width: 26px;\n          height: 16px;\n          img {\n            width: 100%;\n          }\n        }\n        .line-info {\n          margin-left: 10px;\n          width: 126px;\n          height: 25px;\n          font-size: 19px;\n          font-weight: bold;\n          color: #0febff;\n        }\n      }\n      .right-line-body {\n        margin-left: 16px;\n        width: 334px;\n        height: 237px;\n      }\n    }\n    .right-coumn {\n      width: 350px;\n      height: 50%;\n      .right-coumn-title {\n        display: flex;\n        margin-left: 16px;\n        align-items: center;\n        width: 334px;\n        height: 56px;\n        .coumn-img {\n          width: 26px;\n          height: 16px;\n          img {\n            width: 100%;\n          }\n        }\n        .coumn-info {\n          margin-left: 10px;\n          width: 126px;\n          height: 25px;\n          font-size: 19px;\n          font-weight: bold;\n          color: #0febff;\n        }\n      }\n      .right-coumn-body {\n        margin-left: 16px;\n        width: 334px;\n        height: 237px;\n      }\n    }\n  }\n  ::v-deep .el-table,\n  ::v-deep .el-table__expanded-cell {\n    background-color: transparent;\n    background-color: #24578c;\n  }\n\n  ::v-deep .el-table th,\n  ::v-deep .el-table tr,\n  ::v-deep .el-table td {\n    color: #fff;\n    background-color: transparent;\n  }\n\n  ::v-deep .el-table tbody tr:hover > td {\n    background-color: skyblue;\n  }\n}\n</style>\n"],"sourceRoot":"src/components"}]}