| 1 |
- {"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"}]}
|
