{"remainingRequest":"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\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCi8vIOW8leWFpWVjaGFydHMKaW1wb3J0ICogYXMgZWNoYXJ0cyBmcm9tICJlY2hhcnRzIjsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiSGVsbG9Xb3JsZCIsCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIC8vIOaXtumXtOmAieaLqeWZqOe7keWumueahOWAvAogICAgICB2YWx1ZTogIiIsCiAgICAgIC8vIOmptuWFpeaWueWQkeeahOi9pui+huaVsOaNrgogICAgICB0YWJsZURhdGExOiBbCiAgICAgICAgewogICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcxLmJhaWR1LmNvbS9pdC91PTQwMjEwNTE0NCwxMTI0Nzc0NTM5JmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIG1zZzogewogICAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzAuYmFpZHUuY29tL2l0L3U9MzUzODcwODAwNSw5OTkzOTkzMzImZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgICBpZDogIjQyOTM4IiwKICAgICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgICBuYW1lOiAi546L5Yqb5a6P5ZWKIiwKICAgICAgICAgICAgcGxhY2U6ICIx5Y+35py65Yqo6L2m5Ye65Y+jIiwKICAgICAgICAgICAgbnVtYmVyOiAi6LWjQlUyNTY5IiwKICAgICAgICAgIH0sCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzEuYmFpZHUuY29tL2l0L3U9MzQ5OTAzMTYzNywxNTk4MTk2Njg4JmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIG1zZzogewogICAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzIuYmFpZHUuY29tL2l0L3U9MzQzNDQ0OTM1Nyw4NDE5NTQ4NiZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgICAgIGlkOiAiNDI5MzgiLAogICAgICAgICAgICB0aW1lOiAiMjAxOC0xMi0yMyAxNDozMjoyNiIsCiAgICAgICAgICAgIG5hbWU6ICLlkLTkuqblh6EiLAogICAgICAgICAgICBwbGFjZTogIjHlj7fmnLrliqjovablh7rlj6MiLAogICAgICAgICAgICBudW1iZXI6ICLotaNCVTI1NjkiLAogICAgICAgICAgfSwKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHVybDogImh0dHBzOi8vaW1nMS5iYWlkdS5jb20vaXQvdT0zNDk5MDMxNjM3LDE1OTgxOTY2ODgmZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgbXNnOiB7CiAgICAgICAgICAgIHVybDogImh0dHBzOi8vaW1nMi5iYWlkdS5jb20vaXQvdT0zNDM0NDQ5MzU3LDg0MTk1NDg2JmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgICAgaWQ6ICI0MjkzOCIsCiAgICAgICAgICAgIHRpbWU6ICIyMDE4LTEyLTIzIDE0OjMyOjI2IiwKICAgICAgICAgICAgbmFtZTogIuWQtOS6puWHoSIsCiAgICAgICAgICAgIHBsYWNlOiAiMeWPt+acuuWKqOi9puWHuuWPoyIsCiAgICAgICAgICAgIG51bWJlcjogIui1o0JVMjU2OSIsCiAgICAgICAgICB9LAogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcxLmJhaWR1LmNvbS9pdC91PTM0OTkwMzE2MzcsMTU5ODE5NjY4OCZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgICBtc2c6IHsKICAgICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcyLmJhaWR1LmNvbS9pdC91PTM0MzQ0NDkzNTcsODQxOTU0ODYmZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgICBpZDogIjQyOTM4IiwKICAgICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgICBuYW1lOiAi5ZC05Lqm5YehIiwKICAgICAgICAgICAgcGxhY2U6ICIx5Y+35py65Yqo6L2m5Ye65Y+jIiwKICAgICAgICAgICAgbnVtYmVyOiAi6LWjQlUyNTY5IiwKICAgICAgICAgIH0sCiAgICAgICAgfSwKICAgICAgXSwKICAgICAgLy8g6am25Ye65pa55ZCR55qE6L2m6L6G5pWw5o2uCiAgICAgIHRhYmxlRGF0YTI6IFsKICAgICAgICB7CiAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzAuYmFpZHUuY29tL2l0L3U9Mzc0MjczODE5NSwyODk0MDM1MjE4JmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIG1zZzogewogICAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzEuYmFpZHUuY29tL2l0L3U9MjEwNTg4MDMyOSw2MjQyNzY3MjUmZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgICBpZDogIjQyOTM4IiwKICAgICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgICBuYW1lOiAi546L5Yqb5a6PIiwKICAgICAgICAgICAgcGxhY2U6ICIx5Y+35py65Yqo6L2m5Ye65Y+jIiwKICAgICAgICAgICAgbnVtYmVyOiAi6LWjQVUyNTY5IiwKICAgICAgICAgIH0sCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzEuYmFpZHUuY29tL2l0L3U9MzcyMDAwNDYzNSwzMzA5OTA3OTgwJmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgIG1zZzogewogICAgICAgICAgICB1cmw6ICJodHRwczovL2ltZzAuYmFpZHUuY29tL2l0L3U9MTQ0NTIwNTE2MCwyOTEwMzA2NDQwJmZtPTI2JmZtdD1hdXRvIiwKICAgICAgICAgICAgaWQ6ICI0MjkzOCIsCiAgICAgICAgICAgIHRpbWU6ICIyMDE4LTEyLTIzIDE0OjMyOjI2IiwKICAgICAgICAgICAgbmFtZTogIuWQtOS6puWHoSIsCiAgICAgICAgICAgIHBsYWNlOiAiMeWPt+acuuWKqOi9puWHuuWPoyIsCiAgICAgICAgICAgIG51bWJlcjogIui1o0JVMjU4OSIsCiAgICAgICAgICB9LAogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcxLmJhaWR1LmNvbS9pdC91PTM3MjAwMDQ2MzUsMzMwOTkwNzk4MCZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgICBtc2c6IHsKICAgICAgICAgICAgdXJsOiAiaHR0cHM6Ly9pbWcwLmJhaWR1LmNvbS9pdC91PTE0NDUyMDUxNjAsMjkxMDMwNjQ0MCZmbT0yNiZmbXQ9YXV0byIsCiAgICAgICAgICAgIGlkOiAiNDI5MzgiLAogICAgICAgICAgICB0aW1lOiAiMjAxOC0xMi0yMyAxNDozMjoyNiIsCiAgICAgICAgICAgIG5hbWU6ICLlkLTkuqblh6EiLAogICAgICAgICAgICBwbGFjZTogIjHlj7fmnLrliqjovablh7rlj6MiLAogICAgICAgICAgICBudW1iZXI6ICLotaNCVTI1ODkiLAogICAgICAgICAgfSwKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHVybDogImh0dHBzOi8vaW1nMS5iYWlkdS5jb20vaXQvdT0zNzIwMDA0NjM1LDMzMDk5MDc5ODAmZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgbXNnOiB7CiAgICAgICAgICAgIHVybDogImh0dHBzOi8vaW1nMC5iYWlkdS5jb20vaXQvdT0xNDQ1MjA1MTYwLDI5MTAzMDY0NDAmZm09MjYmZm10PWF1dG8iLAogICAgICAgICAgICBpZDogIjQyOTM4IiwKICAgICAgICAgICAgdGltZTogIjIwMTgtMTItMjMgMTQ6MzI6MjYiLAogICAgICAgICAgICBuYW1lOiAi5ZC05Lqm5YehIiwKICAgICAgICAgICAgcGxhY2U6ICIx5Y+35py65Yqo6L2m5Ye65Y+jIiwKICAgICAgICAgICAgbnVtYmVyOiAi6LWjQlUyNTg5IiwKICAgICAgICAgIH0sCiAgICAgICAgfSwKICAgICAgXSwKICAgICAgLy8g5oqY57q/5Zu+6KGo6YWN572uCiAgICAgIGxpbmVPcHRpb246IHsKICAgICAgICB0b29sdGlwOiB7CiAgICAgICAgICB0cmlnZ2VyOiAiYXhpcyIsCiAgICAgICAgfSwKICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgIGRhdGE6IFsi5pWZ5biIIiwgIueJqeS4miIsICLlhbbku5YiXSwKICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogIiNmZmYiLAogICAgICAgICAgfSwKICAgICAgICB9LAogICAgICAgIGdyaWQ6IHsKICAgICAgICAgIGxlZnQ6ICIzJSIsCiAgICAgICAgICByaWdodDogIjQlIiwKICAgICAgICAgIGJvdHRvbTogIjMlIiwKICAgICAgICAgIGNvbnRhaW5MYWJlbDogdHJ1ZSwKICAgICAgICB9LAogICAgICAgIHhBeGlzOiB7CiAgICAgICAgICB0eXBlOiAiY2F0ZWdvcnkiLAogICAgICAgICAgYm91bmRhcnlHYXA6IGZhbHNlLAogICAgICAgICAgZGF0YTogWzAsIDQsIDgsIDEyLCAxNiwgMjAsIDI0XSwKICAgICAgICAgIGF4aXNMaW5lOiB7CiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIGNvbG9yOiAiIzBmZWJmZiIsCiAgICAgICAgICAgIH0sCiAgICAgICAgICB9LAogICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgIGNvbG9yOiAiI2ZmZiIsCiAgICAgICAgICB9LAogICAgICAgICAgc3BsaXRMaW5lOiB7CiAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIHdpZHRoOiAxLAogICAgICAgICAgICAgIGNvbG9yOiAiIzBmZWJmZiIsCiAgICAgICAgICAgIH0sCiAgICAgICAgICB9LAogICAgICAgIH0sCiAgICAgICAgeUF4aXM6IHsKICAgICAgICAgIHR5cGU6ICJ2YWx1ZSIsCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgZm9ybWF0dGVyOiAie3ZhbHVlfSIsCgogICAgICAgICAgICBjb2xvcjogIiNmZmYiLAogICAgICAgICAgfSwKICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICB3aWR0aDogMSwKICAgICAgICAgICAgICBjb2xvcjogIiMwZmViZmYiLAogICAgICAgICAgICB9LAogICAgICAgICAgfSwKICAgICAgICB9LAogICAgICAgIHNlcmllczogWwogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAi5pWZ5biIIiwKICAgICAgICAgICAgdHlwZTogImxpbmUiLAogICAgICAgICAgICBkYXRhOiBbMTIwLCAxMzIsIDEwMSwgMTM0LCA5MCwgMjMwLCAyMTBdLAogICAgICAgICAgICAvL+iuvuWumuS4uuWunuW/g+eCuQogICAgICAgICAgICBzeW1ib2w6ICJjaXJjbGUiLAogICAgICAgICAgICAvL+iuvuWumuWunuW/g+eCueeahOWkp+WwjwogICAgICAgICAgICBzeW1ib2xTaXplOiAxMCwKICAgICAgICAgICAgLy/mmK/lkKbmmL7npLrmlbDlgLwKICAgICAgICAgICAgLy8gbGFiZWw6IHsgc2hvdzogdHJ1ZSB9LAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogIueJqeS4miIsCiAgICAgICAgICAgIHR5cGU6ICJsaW5lIiwKICAgICAgICAgICAgZGF0YTogWzIyMCwgMTgyLCAxOTEsIDIzNCwgMjkwLCAzMzAsIDMxMF0sCiAgICAgICAgICAgIHN5bWJvbDogImNpcmNsZSIsCiAgICAgICAgICAgIHN5bWJvbFNpemU6IDEwLAogICAgICAgICAgICAvLyBsYWJlbDogeyBzaG93OiB0cnVlIH0sCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAi5YW25LuWIiwKICAgICAgICAgICAgdHlwZTogImxpbmUiLAogICAgICAgICAgICBkYXRhOiBbMTUwLCAyMzIsIDIwMSwgMTU0LCAxOTAsIDMzMCwgNDEwXSwKICAgICAgICAgICAgc3ltYm9sOiAiY2lyY2xlIiwKICAgICAgICAgICAgc3ltYm9sU2l6ZTogMTAsCiAgICAgICAgICAgIC8vIGxhYmVsOiB7IHNob3c6IHRydWUgfSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgICAgLy8g5p+x54q25Zu+6KGo6YWN572uCiAgICAgIGNvdW1uT3B0aW9uOiB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogImF4aXMiLAogICAgICAgICAgYXhpc1BvaW50ZXI6IHsKICAgICAgICAgICAgdHlwZTogInNoYWRvdyIsCiAgICAgICAgICB9LAogICAgICAgIH0sCiAgICAgICAgZ3JpZDogewogICAgICAgICAgbGVmdDogIjMlIiwKICAgICAgICAgIHJpZ2h0OiAiNCUiLAogICAgICAgICAgYm90dG9tOiAiMyUiLAogICAgICAgICAgdG9wOiAiMyUiLAogICAgICAgICAgY29udGFpbkxhYmVsOiB0cnVlLAogICAgICAgIH0sCiAgICAgICAgeEF4aXM6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdHlwZTogImNhdGVnb3J5IiwKICAgICAgICAgICAgZGF0YTogWyLljZfmmIwiLCAi6LWj5beeIiwgIuWunOaYpSIsICLkuIrppbYiLCAi5Lmd5rGfIl0sCiAgICAgICAgICAgIGF4aXNUaWNrOiB7CiAgICAgICAgICAgICAgYWxpZ25XaXRoTGFiZWw6IHRydWUsCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIGF4aXNMaW5lOiB7CiAgICAgICAgICAgICAgbGluZVN0eWxlOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiMwZmViZmYiLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICAgIGNvbG9yOiAiI2ZmZiIsCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgICAgbGluZVN0eWxlOiB7CiAgICAgICAgICAgICAgICB3aWR0aDogMSwKICAgICAgICAgICAgICAgIGNvbG9yOiAiIzBmZWJmZiIsCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgfSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgICB5QXhpczogewogICAgICAgICAgdHlwZTogInZhbHVlIiwKICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICBmb3JtYXR0ZXI6ICJ7dmFsdWV9IiwKCiAgICAgICAgICAgIGNvbG9yOiAiI2ZmZiIsCiAgICAgICAgICB9LAogICAgICAgICAgc3BsaXRMaW5lOiB7CiAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIHdpZHRoOiAxLAogICAgICAgICAgICAgIGNvbG9yOiAiIzBmZWJmZiIsCiAgICAgICAgICAgIH0sCiAgICAgICAgICB9LAogICAgICAgIH0sCgogICAgICAgIHNlcmllczogWwogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAi5pWw6YePIiwKICAgICAgICAgICAgdHlwZTogImJhciIsCiAgICAgICAgICAgIGJhcldpZHRoOiAiNjAlIiwKICAgICAgICAgICAgZGF0YTogWzEwMSwgNTIsIDM1LCA0NCwgNTBdLAogICAgICAgICAgICBpdGVtU3R5bGU6IHsKICAgICAgICAgICAgICBsYWJlbDogewogICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwgLy/lvIDlkK/mmL7npLoKICAgICAgICAgICAgICAgIHBvc2l0aW9uOiAidG9wIiwgLy/lnKjkuIrmlrnmmL7npLoKICAgICAgICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICAgICAgICAvL+aVsOWAvOagt+W8jwogICAgICAgICAgICAgICAgICBjb2xvcjogIiNmZmYiLAogICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICB9LAogICAgICAgICAgICB9LAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgfTsKICB9LAogIG1vdW50ZWQoKSB7CiAgICAvLyDliJ3lp4vljJblm77ooagKICAgIHRoaXMuZ2V0RWNoYXJ0TGluZSgpOwogICAgdGhpcy5nZXRFY2hhcnRDb3VtbigpOwogICAgdGhpcy5nZXRUYWJsZURhdGExKCk7CiAgICAvLyB0aGlzLmdldFRhYmxlRGF0YTIoKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIOWIm+W7uuaKmOe6v+WbvuihqAogICAgZ2V0RWNoYXJ0TGluZSgpIHsKICAgICAgdmFyIGNoYXJ0TGluZURvbSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJsaW5lIik7CiAgICAgIHZhciBteUxpbmVDaGFydCA9IGVjaGFydHMuaW5pdChjaGFydExpbmVEb20pOwogICAgICBteUxpbmVDaGFydC5zZXRPcHRpb24odGhpcy5saW5lT3B0aW9uKTsKICAgIH0sCiAgICAvLyDliJvlu7rmn7Hnirblm77ooagKICAgIGdldEVjaGFydENvdW1uKCkgewogICAgICB2YXIgY2hhcnRDb3VtbkRvbSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJjb3VtbiIpOwogICAgICB2YXIgbXlDb3VtbkNoYXJ0ID0gZWNoYXJ0cy5pbml0KGNoYXJ0Q291bW5Eb20pOwogICAgICBteUNvdW1uQ2hhcnQuc2V0T3B0aW9uKHRoaXMuY291bW5PcHRpb24pOwogICAgfSwKICAgIC8vIOiOt+WPlumptuWFpeaWueWQkeeahOi9pui+huaVsOaNrgogICAgZ2V0VGFibGVEYXRhMSgpIHsKICAgICAgdGhpcy4kYXhpb3MoewogICAgICAgIHVybDogIi9jYXItcmVjb3JkLWFwaS9uY2p0RW50cmFuY2VHdWFyZC9nZXRUcmFmZmljUmVjb3JkVmlld1BhZ2VMaXN0IiwKICAgICAgICBtZXRob2Q6ICJnZXQiLAogICAgICAgIGRhdGE6IHsKICAgICAgICAgIHBhZ2U6ICIxIiwKICAgICAgICAgIGxpbWl0OiAiOTk5IiwKICAgICAgICB9LAogICAgICB9KQogICAgICAgIC50aGVuKChyZXMpID0+IHsKICAgICAgICAgIGNvbnNvbGUubG9nKHJlcyk7CiAgICAgICAgfSkKICAgICAgICAuY2F0Y2goKGVycm9yKSA9PiB7CiAgICAgICAgICBjb25zb2xlLmxvZyhlcnJvcik7CiAgICAgICAgfSk7CiAgICB9LAogICAgLy8g6I635Y+W6am25Ye65pa55ZCR55qE6L2m6L6G5pWw5o2uCiAgICAvLyBnZXRUYWJsZURhdGEyKCkgewogICAgLy8gICBjb25zb2xlLmxvZygyKTsKICAgIC8vIH0sCiAgfSwKfTsK"},{"version":3,"sources":["CarRecord.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoOA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"CarRecord.vue","sourceRoot":"src/components","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"]}]}