{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\syslog\\detail.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\syslog\\detail.vue","mtime":1709633804000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQogIGltcG9ydCBDb3VudERvd24gZnJvbSAnQC9jb21wb25lbnRzL0NvdW50RG93bic7DQogIGltcG9ydCBheGlvcyBmcm9tICdheGlvcycNCiAgaW1wb3J0IFN3aXBlciBmcm9tICJzd2lwZXIiOw0KICANCiAgZXhwb3J0IGRlZmF1bHQgew0KICAgIC8v5pWw5o2u6ZuG5ZCIDQogICAgZGF0YSgpIHsNCiAgICAgIHJldHVybiB7DQogICAgICAgIHRhYmxlbmFtZTogJ3N5c2xvZycsDQogICAgICAgIGJhc2VVcmw6ICcnLA0KICAgICAgICBicmVhZGNydW1iSXRlbTogWw0KICAgICAgICAgIHsNCiAgICAgICAgICAgIG5hbWU6ICfns7vnu5/ml6Xlv5cnDQogICAgICAgICAgfQ0KICAgICAgICBdLA0KICAgICAgICB0aXRsZTogJycsDQogICAgICAgIGRldGFpbEJhbm5lcjogW10sDQoJCXVzZXJpZDogbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Zyb250VXNlcmlkJyksDQoJCWlkOiAwLA0KICAgICAgICBkZXRhaWw6IHt9LA0KICAgICAgICBhY3RpdmVOYW1lOiAnZmlyc3QnLA0KICAgICAgICB0b3RhbDogMSwNCiAgICAgICAgcGFnZVNpemU6IDUsDQoJCXBhZ2VTaXplczogWzEwLDIwLDMwLDUwXSwNCiAgICAgICAgdG90YWxQYWdlOiAxLA0KICAgICAgICBidXludW1iZXI6IDEsDQoJCWNlbnRlclR5cGU6IGZhbHNlLA0KICAgICAgfQ0KICAgIH0sDQogICAgY3JlYXRlZCgpIHsNCgkJaWYodGhpcy4kcm91dGUucXVlcnkuY2VudGVyVHlwZSkgew0KCQkJdGhpcy5jZW50ZXJUeXBlID0gdHJ1ZQ0KCQl9DQoJCQ0KICAgICAgICB0aGlzLmluaXQoKTsNCiAgICB9LA0KCW1vdW50ZWQoKSB7DQoJCXNldFRpbWVvdXQoKCk9PnsNCgkJCWxldCBteVN3aXBlcjIyID0gbmV3IFN3aXBlcigiLm15U3dpcGVyMjIiLCB7Im5hdmlnYXRpb24iOnsibmV4dEVsIjoiLnN3aXBlci1idXR0b24tbmV4dCIsInByZXZFbCI6Ii5zd2lwZXItYnV0dG9uLXByZXYifSwiZnJlZU1vZGUiOnRydWUsIndhdGNoU2xpZGVzVmlzaWJpbGl0eSI6dHJ1ZSwid2F0Y2hTbGlkZXNQcm9ncmVzcyI6dHJ1ZSwibG9vcGVkU2xpZGVzIjoxMCwic2xpZGVzUGVyVmlldyI6NSwic3BhY2VCZXR3ZWVuIjoxMH0pDQoJCQlsZXQgb3B0aW9uMjEgPSB7Li4ueyJuYXZpZ2F0aW9uIjp7Im5leHRFbCI6Ii5zd2lwZXItYnV0dG9uLW5leHQiLCJwcmV2RWwiOiIuc3dpcGVyLWJ1dHRvbi1wcmV2In0sImxvb3BlZFNsaWRlcyI6MTAsInNwYWNlQmV0d2VlbiI6MTAsImF1dG9wbGF5Ijp7ImRlbGF5IjoyNTAwLCJkaXNhYmxlT25JbnRlcmFjdGlvbiI6ZmFsc2V9fX0NCgkJCW9wdGlvbjIxLnRodW1icyA9IHsNCgkJCQlzd2lwZXI6IG15U3dpcGVyMjINCgkJCX0NCgkJCW5ldyBTd2lwZXIoIi5teVN3aXBlcjIxIiwgb3B0aW9uMjEpDQoJCX0sMTAwKQ0KCX0sDQogICAgLy/mlrnms5Xpm4blkIgNCiAgICBtZXRob2RzOiB7DQogICAgICAgIGluaXQoKSB7DQoJCSAgdGhpcy5pZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmlkDQogICAgICAgICAgdGhpcy5iYXNlVXJsID0gdGhpcy4kY29uZmlnLmJhc2VVcmw7DQogICAgICAgICAgdGhpcy4kaHR0cC5nZXQodGhpcy50YWJsZW5hbWUgKyAnL2RldGFpbC8nICArIHRoaXMuaWQsIHt9KS50aGVuKHJlcyA9PiB7DQogICAgICAgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PSAwKSB7DQogICAgICAgICAgICAgIHRoaXMuZGV0YWlsID0gcmVzLmRhdGEuZGF0YTsNCiAgICAgICAgICAgICAgdGhpcy4kZm9yY2VVcGRhdGUoKTsNCg0KCQkJCWlmKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdmcm9udFRva2VuJykpew0KCQkJCX0NCg0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0pOw0KICAgICAgICB9LA0KICAgICAgY3VyQ2hhbmdlKHBhZ2UpIHsNCiAgICAgICAgdGhpcy5nZXREaXNjdXNzTGlzdChwYWdlKTsNCiAgICAgIH0sDQogICAgICBwcmV2Q2xpY2socGFnZSkgew0KICAgICAgICB0aGlzLmdldERpc2N1c3NMaXN0KHBhZ2UpOw0KICAgICAgfSwNCiAgICAgIG5leHRDbGljayhwYWdlKSB7DQogICAgICAgIHRoaXMuZ2V0RGlzY3Vzc0xpc3QocGFnZSk7DQogICAgICB9LA0KCQkvLyDov5Tlm57mjInpkq4NCgkJYmFja0NsaWNrKCl7DQoJCQloaXN0b3J5LmJhY2soKQ0KCQl9LA0KCQkvLyDkuIvovb0NCgkJZG93bmxvYWQoZmlsZSl7DQoJCQlpZighZmlsZSkgew0KCQkJCXRoaXMuJG1lc3NhZ2Uoew0KCQkJCSAgdHlwZTogJ2Vycm9yJywNCgkJCQkgIG1lc3NhZ2U6ICfmlofku7bkuI3lrZjlnKgnLA0KCQkJCSAgZHVyYXRpb246IDE1MDAsDQoJCQkJfSk7DQoJCQkJcmV0dXJuOw0KCQkJfQ0KCQkgIGxldCBhcnIgPSBmaWxlLnJlcGxhY2UobmV3IFJlZ0V4cCgndXBsb2FkLycsICJnIiksICIiKQ0KCQkgIGF4aW9zLmdldCh0aGlzLmJhc2VVcmwgKyAnL2ZpbGUvZG93bmxvYWQ/ZmlsZU5hbWU9JyArIGFyciwgew0KCQkgIAloZWFkZXJzOiB7DQoJCSAgCQl0b2tlbjogbG9jYWxTdG9yYWdlLmdldEl0ZW0oImZyb250VG9rZW4iKQ0KCQkgIAl9LA0KCQkgIAlyZXNwb25zZVR5cGU6ICJibG9iIg0KCQkgIH0pLnRoZW4oKHsNCgkJICAJZGF0YQ0KCQkgIH0pID0+IHsNCgkJICAJY29uc3QgYmluYXJ5RGF0YSA9IFtdOw0KCQkgIAliaW5hcnlEYXRhLnB1c2goZGF0YSk7DQoJCSAgCWNvbnN0IG9iamVjdFVybCA9IHdpbmRvdy5VUkwuY3JlYXRlT2JqZWN0VVJMKG5ldyBCbG9iKGJpbmFyeURhdGEsIHsNCgkJICAJCXR5cGU6ICdhcHBsaWNhdGlvbi9wZGY7Y2hhcnRzZXQ9VVRGLTgnDQoJCSAgCX0pKQ0KCQkgIAljb25zdCBhID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpDQoJCSAgCWEuaHJlZiA9IG9iamVjdFVybA0KCQkgIAlhLmRvd25sb2FkID0gYXJyDQoJCSAgCS8vIGEuY2xpY2soKQ0KCQkgIAkvLyDkuIvpnaLov5nkuKrlhpnms5Xlhbzlrrnngavni5ANCgkJICAJYS5kaXNwYXRjaEV2ZW50KG5ldyBNb3VzZUV2ZW50KCdjbGljaycsIHsNCgkJICAJCWJ1YmJsZXM6IHRydWUsDQoJCSAgCQljYW5jZWxhYmxlOiB0cnVlLA0KCQkgIAkJdmlldzogd2luZG93DQoJCSAgCX0pKQ0KCQkgIAl3aW5kb3cuVVJMLnJldm9rZU9iamVjdFVSTChkYXRhKQ0KCQkgIH0sZXJyPT57DQoJCQkgIGF4aW9zLmdldCgobG9jYXRpb24uaHJlZi5zcGxpdCh0aGlzLiRjb25maWcubmFtZSkubGVuZ3RoPjEgPyBsb2NhdGlvbi5ocmVmLnNwbGl0KHRoaXMuJGNvbmZpZy5uYW1lKVswXSA6JycpICsgdGhpcy4kY29uZmlnLm5hbWUgKyAnL2ZpbGUvZG93bmxvYWQ/ZmlsZU5hbWU9JyArIGFyciwgew0KCQkJICAJaGVhZGVyczogew0KCQkJICAJCXRva2VuOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgiZnJvbnRUb2tlbiIpDQoJCQkgIAl9LA0KCQkJICAJcmVzcG9uc2VUeXBlOiAiYmxvYiINCgkJCSAgfSkudGhlbigoew0KCQkJICAJZGF0YQ0KCQkJICB9KSA9PiB7DQoJCQkgIAljb25zdCBiaW5hcnlEYXRhID0gW107DQoJCQkgIAliaW5hcnlEYXRhLnB1c2goZGF0YSk7DQoJCQkgIAljb25zdCBvYmplY3RVcmwgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChuZXcgQmxvYihiaW5hcnlEYXRhLCB7DQoJCQkgIAkJdHlwZTogJ2FwcGxpY2F0aW9uL3BkZjtjaGFydHNldD1VVEYtOCcNCgkJCSAgCX0pKQ0KCQkJICAJY29uc3QgYSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKQ0KCQkJICAJYS5ocmVmID0gb2JqZWN0VXJsDQoJCQkgIAlhLmRvd25sb2FkID0gYXJyDQoJCQkgIAkvLyBhLmNsaWNrKCkNCgkJCSAgCS8vIOS4i+mdoui/meS4quWGmeazleWFvOWuueeBq+eLkA0KCQkJICAJYS5kaXNwYXRjaEV2ZW50KG5ldyBNb3VzZUV2ZW50KCdjbGljaycsIHsNCgkJCSAgCQlidWJibGVzOiB0cnVlLA0KCQkJICAJCWNhbmNlbGFibGU6IHRydWUsDQoJCQkgIAkJdmlldzogd2luZG93DQoJCQkgIAl9KSkNCgkJCSAgCXdpbmRvdy5VUkwucmV2b2tlT2JqZWN0VVJMKGRhdGEpDQoJCQkgIH0pDQoJCSAgfSkNCiAgICAgIH0sDQoNCg0KCQkvLyDmnYPpmZDliKTmlq0NCgkJYnRuQXV0aCh0YWJsZU5hbWUsa2V5KXsNCgkJCWlmKHRoaXMuY2VudGVyVHlwZSl7DQoJCQkJcmV0dXJuIHRoaXMuaXNCYWNrQXV0aCh0YWJsZU5hbWUsa2V5KQ0KCQkJfWVsc2V7DQoJCQkJcmV0dXJuIHRoaXMuaXNBdXRoKHRhYmxlTmFtZSxrZXkpDQoJCQl9DQoJCX0sDQoJCS8vIOS/ruaUuQ0KCQllZGl0Q2xpY2soKXsNCgkJCXRoaXMuJHJvdXRlci5wdXNoKGAvaW5kZXgvc3lzbG9nQWRkP3R5cGU9ZWRpdCYmaWQ9JHt0aGlzLmRldGFpbC5pZH1gKTsNCgkJfSwNCgkJLy8g5Yig6ZmkDQoJCWRlbENsaWNrKCl7DQoJCQl0aGlzLiRjb25maXJtKCfmmK/lkKbliKDpmaTmraTns7vnu5/ml6Xlv5fvvJ8nKQ0KCQkJICAudGhlbihfID0+IHsNCgkJCSAgICB0aGlzLiRodHRwLnBvc3QoJ3N5c2xvZy9kZWxldGUnLCBbdGhpcy5kZXRhaWwuaWRdKS50aGVuKHJlcyA9PiB7DQoJCQkgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PSAwKSB7DQoJCQkgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KCQkJICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJywNCgkJCSAgICAgICAgICBtZXNzYWdlOiAn5Yig6Zmk5oiQ5YqfIScsDQoJCQkgICAgICAgICAgZHVyYXRpb246IDE1MDAsDQoJCQkJCSAgb25DbG9zZTogKCkgPT4gew0KCQkJCQkJICBoaXN0b3J5LmJhY2soKQ0KCQkJCQkgIH0NCgkJCSAgICAgICAgfSk7DQoJCQkgICAgICB9DQoJCQkgICAgfSk7DQoJCQkgIH0pLmNhdGNoKF8gPT4ge30pOw0KCQl9LA0KICAgIH0sDQogICAgY29tcG9uZW50czogew0KICAgICAgQ291bnREb3duDQogICAgfQ0KICB9DQo="},{"version":3,"sources":["detail.vue"],"names":[],"mappings":";AAwGA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;;AAGA;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":"detail.vue","sourceRoot":"src/pages/syslog","sourcesContent":["<template>\r\n<div>\r\n\t<div :style='{\"padding\":\"20px 7%\",\"margin\":\"0px auto\",\"borderColor\":\"#ddd\",\"borderRadius\":\"0px\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"width\":\"100%\",\"borderStyle\":\"solid\"}' class=\"breadcrumb-preview\">\r\n\t\t<el-breadcrumb :separator=\"'Ξ'\" :style='{\"fontSize\":\"14px\",\"lineHeight\":\"1\"}'>\r\n\t\t\t<el-breadcrumb-item class=\"item1\" to=\"/\"><a>首页</a></el-breadcrumb-item>\r\n\t\t\t<el-breadcrumb-item class=\"item2\" v-for=\"(item, index) in breadcrumbItem\" :key=\"index\" to=\"/index/syslog\"><a>{{item.name}}</a></el-breadcrumb-item>\r\n\t\t\t<el-breadcrumb-item class=\"item3\"><a href=\"javascript:void(0);\">详情</a></el-breadcrumb-item>\r\n\t\t</el-breadcrumb>\r\n\t</div>\r\n\t<div :style='{\"padding\":\"20px 7%\",\"margin\":\"0px auto\",\"borderColor\":\"#ddd\",\"borderRadius\":\"0px\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"width\":\"100%\",\"borderStyle\":\"solid\"}'>\r\n\t\t<el-button size=\"mini\" @click=\"backClick\">返回</el-button>\r\n\t</div>\r\n\t<div class=\"detail-preview\" :style='{\"padding\":\"0 7%\",\"margin\":\"40px auto\",\"flexWrap\":\"wrap\",\"display\":\"flex\",\"width\":\"100%\",\"position\":\"relative\",\"justifyContent\":\"space-between\"}'>\r\n\t\t<div class=\"attr\" :style='{\"minHeight\":\"480px\",\"padding\":\"0\",\"margin\":\"0\",\"flexWrap\":\"wrap\",\"background\":\"none\",\"display\":\"flex\",\"width\":\"55%\",\"position\":\"relative\",\"justifyContent\":\"space-between\",\"order\":\"2\"}'>\r\n\r\n\t\t\t<div class=\"info\" :style='{\"width\":\"100%\",\"padding\":\"0px\",\"margin\":\"0\",\"background\":\"#fff\",\"flex\":\"1\",\"order\":\"2\"}'>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"5px 20px\",\"margin\":\"0 0 10px 0\",\"overflow\":\"hidden\",\"alignItems\":\"center\",\"background\":\"#F5BB00\",\"display\":\"flex\",\"lineHeight\":\"24px\",\"justifyContent\":\"space-between\"}'>\r\n\t\t\t\t\t<div :style='{\"width\":\"calc(100% - 300px)\",\"fontSize\":\"16px\",\"overflow\":\"hidden\",\"color\":\"#fff\"}'>\r\n                    </div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 0px 0\",\"borderColor\":\"#ddd\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"borderStyle\":\"dashed\",\"justifyContent\":\"spaceBetween\"}'>\r\n\t\t\t\t\t<div class=\"lable\" :style='{\"padding\":\"0 10px\",\"color\":\"#999\",\"textAlign\":\"right\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"40px\",\"height\":\"40px\"}'>用户名</div>\r\n\t\t\t\t\t<div  :style='{\"padding\":\"8px 10px 0\",\"fontSize\":\"14px\",\"lineHeight\":\"24px\",\"color\":\"#666\",\"flex\":\"1\",\"height\":\"auto\"}'>{{detail.username}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 0px 0\",\"borderColor\":\"#ddd\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"borderStyle\":\"dashed\",\"justifyContent\":\"spaceBetween\"}'>\r\n\t\t\t\t\t<div class=\"lable\" :style='{\"padding\":\"0 10px\",\"color\":\"#999\",\"textAlign\":\"right\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"40px\",\"height\":\"40px\"}'>用户操作</div>\r\n\t\t\t\t\t<div  :style='{\"padding\":\"8px 10px 0\",\"fontSize\":\"14px\",\"lineHeight\":\"24px\",\"color\":\"#666\",\"flex\":\"1\",\"height\":\"auto\"}'>{{detail.operation}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 0px 0\",\"borderColor\":\"#ddd\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"borderStyle\":\"dashed\",\"justifyContent\":\"spaceBetween\"}'>\r\n\t\t\t\t\t<div class=\"lable\" :style='{\"padding\":\"0 10px\",\"color\":\"#999\",\"textAlign\":\"right\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"40px\",\"height\":\"40px\"}'>请求方法</div>\r\n\t\t\t\t\t<div  :style='{\"padding\":\"8px 10px 0\",\"fontSize\":\"14px\",\"lineHeight\":\"24px\",\"color\":\"#666\",\"flex\":\"1\",\"height\":\"auto\"}'>{{detail.method}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 0px 0\",\"borderColor\":\"#ddd\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"borderStyle\":\"dashed\",\"justifyContent\":\"spaceBetween\"}'>\r\n\t\t\t\t\t<div class=\"lable\" :style='{\"padding\":\"0 10px\",\"color\":\"#999\",\"textAlign\":\"right\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"40px\",\"height\":\"40px\"}'>请求参数</div>\r\n\t\t\t\t\t<div  :style='{\"padding\":\"8px 10px 0\",\"fontSize\":\"14px\",\"lineHeight\":\"24px\",\"color\":\"#666\",\"flex\":\"1\",\"height\":\"auto\"}'>{{detail.params}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 0px 0\",\"borderColor\":\"#ddd\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"borderStyle\":\"dashed\",\"justifyContent\":\"spaceBetween\"}'>\r\n\t\t\t\t\t<div class=\"lable\" :style='{\"padding\":\"0 10px\",\"color\":\"#999\",\"textAlign\":\"right\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"40px\",\"height\":\"40px\"}'>请求时长(毫秒)</div>\r\n\t\t\t\t\t<div  :style='{\"padding\":\"8px 10px 0\",\"fontSize\":\"14px\",\"lineHeight\":\"24px\",\"color\":\"#666\",\"flex\":\"1\",\"height\":\"auto\"}'>{{detail.time}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 0px 0\",\"borderColor\":\"#ddd\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"borderStyle\":\"dashed\",\"justifyContent\":\"spaceBetween\"}'>\r\n\t\t\t\t\t<div class=\"lable\" :style='{\"padding\":\"0 10px\",\"color\":\"#999\",\"textAlign\":\"right\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"40px\",\"height\":\"40px\"}'>IP地址</div>\r\n\t\t\t\t\t<div  :style='{\"padding\":\"8px 10px 0\",\"fontSize\":\"14px\",\"lineHeight\":\"24px\",\"color\":\"#666\",\"flex\":\"1\",\"height\":\"auto\"}'>{{detail.ip}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"btn\" :style='{\"padding\":\"10px 0\",\"flexWrap\":\"wrap\",\"display\":\"flex\"}'>\r\n\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 10px\",\"margin\":\"0 5px 0 0\",\"outline\":\"none\",\"color\":\"#333\",\"borderRadius\":\"4px\",\"background\":\"#009cf550\",\"width\":\"auto\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' v-if=\"btnAuth('syslog','修改')\" @click=\"editClick\">修改</el-button>\r\n\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 10px\",\"margin\":\"0 5px 0 0\",\"outline\":\"none\",\"color\":\"#333\",\"borderRadius\":\"4px\",\"background\":\"#f5340050\",\"width\":\"auto\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' v-if=\"btnAuth('syslog','删除')\" @click=\"delClick\">删除</el-button>\r\n\t\t\t\t\t<!-- hasChat $hasChat -->\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t\r\n\t\t\t<div v-if=\"detailBanner.length\" :style='{\"width\":\"40%\",\"margin\":\"0 5% 0 0\",\"background\":\"#fff\",\"height\":\"auto\",\"order\":\"1\"}'>\r\n\t\t\t  <div class=\"swiper21\" :style='{\"width\":\"100%\",\"height\":\"auto\"}'>\r\n\t\t\t    <div class=\"swiper-container mySwiper21\">\r\n\t\t\t      <div class=\"swiper-wrapper\">\r\n\t\t\t        <div class=\"swiper-slide\" v-for=\"item in detailBanner\" :key=\"item.id\">\r\n\t\t\t          <div :style='{\"width\":\"100%\",\"height\":\"auto\"}'>\r\n\t\t\t            <img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"480px\"}' v-if=\"item.substr(0,4)=='http'\" :src=\"item\" class=\"image\">\r\n\t\t\t            <img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"480px\"}' v-else :src=\"baseUrl + item\" class=\"image\">\r\n\t\t\t          </div>\r\n\t\t\t        </div>\r\n\t\t\t      </div>\r\n\t\t\t      <div class=\"swiper-button-prev\" :style='{\"width\":\"24px\",\"margin\":\"-12px 0 0\",\"top\":\"50%\",\"height\":\"24px\"}'>\r\n\t\t\t        <span class=\"icon iconfont icon-jiantou39\" :style='{\"width\":\"24px\",\"fontSize\":\"24px\",\"color\":\"#fff\",\"height\":\"24px\"}'></span>\r\n\t\t\t      </div>\r\n\t\t\t      <div class=\"swiper-button-next\" :style='{\"width\":\"24px\",\"margin\":\"-12px 0 0\",\"top\":\"50%\",\"height\":\"24px\"}'>\r\n\t\t\t        <span class=\"icon iconfont icon-jiantou18\" :style='{\"width\":\"24px\",\"fontSize\":\"24px\",\"color\":\"#fff\",\"height\":\"24px\"}'></span>\r\n\t\t\t      </div>\r\n\t\t\t    </div>\r\n\t\t\t  </div>\r\n\t\t\t  <div class=\"swiper22\" :style='{\"width\":\"100%\",\"display\":\"none\",\"height\":\"auto\"}'>\r\n\t\t\t    <div class=\"swiper-container mySwiper22\">\r\n\t\t\t      <div class=\"swiper-wrapper\">\r\n\t\t\t        <div class=\"swiper-slide\" v-for=\"item in detailBanner\" :key=\"item.id\">\r\n\t\t\t          <div>\r\n\t\t\t\t\t\t<img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"100px\"}' v-if=\"item.substr(0,4)=='http'\" :src=\"item\" class=\"image\">\r\n\t\t\t\t\t\t<img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"100px\"}' v-else :src=\"baseUrl + item\" class=\"image\">\r\n\t\t\t          </div>\r\n\t\t\t        </div>\r\n\t\t\t      </div>\r\n\t\t\t      <div class=\"swiper-button-prev\" :style='{\"width\":\"14px\",\"margin\":\"-7px 0 0\",\"top\":\"50%\",\"height\":\"14px\"}'>\r\n\t\t\t        <span class=\"icon iconfont icon-jiantou39\" :style='{\"width\":\"14px\",\"fontSize\":\"14px\",\"color\":\"#fff\",\"height\":\"14px\"}'></span>\r\n\t\t\t      </div>\r\n\t\t\t      <div class=\"swiper-button-next\" :style='{\"width\":\"14px\",\"margin\":\"-7px 0 0\",\"top\":\"50%\",\"height\":\"14px\"}'>\r\n\t\t\t        <span class=\"icon iconfont icon-jiantou18\" :style='{\"width\":\"14px\",\"fontSize\":\"14px\",\"color\":\"#fff\",\"height\":\"14px\"}'></span>\r\n\t\t\t      </div>\r\n\t\t\t    </div>\r\n\t\t\t  </div>\r\n\t\t\t</div>\r\n\r\n\r\n\t\t\r\n\r\n\t\t<div class=\"detail2\" :style='{\"border\":\"0px solid #ddd\",\"padding\":\"0px\",\"margin\":\"40px 0\",\"borderRadius\":\"0px\",\"background\":\"#fff\",\"flex\":\"1\",\"width\":\"65%\",\"clear\":\"both\",\"order\":\"50\"}'>\r\n\t\t</div>\r\n\t\t\r\n\t\t<el-tabs class=\"detail\" :style='{\"border\":\"1px solid #ddd\",\"width\":\"100%\",\"boxShadow\":\"none\",\"margin\":\"20px auto\",\"background\":\"#fff\",\"order\":\"50\"}' v-model=\"activeName\" type=\"border-card\">\r\n\t\t\t\t\t\t\t\t</el-tabs>\r\n\t</div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n  import CountDown from '@/components/CountDown';\r\n  import axios from 'axios'\r\n  import Swiper from \"swiper\";\r\n  \r\n  export default {\r\n    //数据集合\r\n    data() {\r\n      return {\r\n        tablename: 'syslog',\r\n        baseUrl: '',\r\n        breadcrumbItem: [\r\n          {\r\n            name: '系统日志'\r\n          }\r\n        ],\r\n        title: '',\r\n        detailBanner: [],\r\n\t\tuserid: localStorage.getItem('frontUserid'),\r\n\t\tid: 0,\r\n        detail: {},\r\n        activeName: 'first',\r\n        total: 1,\r\n        pageSize: 5,\r\n\t\tpageSizes: [10,20,30,50],\r\n        totalPage: 1,\r\n        buynumber: 1,\r\n\t\tcenterType: false,\r\n      }\r\n    },\r\n    created() {\r\n\t\tif(this.$route.query.centerType) {\r\n\t\t\tthis.centerType = true\r\n\t\t}\r\n\t\t\r\n        this.init();\r\n    },\r\n\tmounted() {\r\n\t\tsetTimeout(()=>{\r\n\t\t\tlet mySwiper22 = new Swiper(\".mySwiper22\", {\"navigation\":{\"nextEl\":\".swiper-button-next\",\"prevEl\":\".swiper-button-prev\"},\"freeMode\":true,\"watchSlidesVisibility\":true,\"watchSlidesProgress\":true,\"loopedSlides\":10,\"slidesPerView\":5,\"spaceBetween\":10})\r\n\t\t\tlet option21 = {...{\"navigation\":{\"nextEl\":\".swiper-button-next\",\"prevEl\":\".swiper-button-prev\"},\"loopedSlides\":10,\"spaceBetween\":10,\"autoplay\":{\"delay\":2500,\"disableOnInteraction\":false}}}\r\n\t\t\toption21.thumbs = {\r\n\t\t\t\tswiper: mySwiper22\r\n\t\t\t}\r\n\t\t\tnew Swiper(\".mySwiper21\", option21)\r\n\t\t},100)\r\n\t},\r\n    //方法集合\r\n    methods: {\r\n        init() {\r\n\t\t  this.id = this.$route.query.id\r\n          this.baseUrl = this.$config.baseUrl;\r\n          this.$http.get(this.tablename + '/detail/'  + this.id, {}).then(res => {\r\n            if (res.data.code == 0) {\r\n              this.detail = res.data.data;\r\n              this.$forceUpdate();\r\n\r\n\t\t\t\tif(localStorage.getItem('frontToken')){\r\n\t\t\t\t}\r\n\r\n            }\r\n          });\r\n        },\r\n      curChange(page) {\r\n        this.getDiscussList(page);\r\n      },\r\n      prevClick(page) {\r\n        this.getDiscussList(page);\r\n      },\r\n      nextClick(page) {\r\n        this.getDiscussList(page);\r\n      },\r\n\t\t// 返回按钮\r\n\t\tbackClick(){\r\n\t\t\thistory.back()\r\n\t\t},\r\n\t\t// 下载\r\n\t\tdownload(file){\r\n\t\t\tif(!file) {\r\n\t\t\t\tthis.$message({\r\n\t\t\t\t  type: 'error',\r\n\t\t\t\t  message: '文件不存在',\r\n\t\t\t\t  duration: 1500,\r\n\t\t\t\t});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t  let arr = file.replace(new RegExp('upload/', \"g\"), \"\")\r\n\t\t  axios.get(this.baseUrl + '/file/download?fileName=' + arr, {\r\n\t\t  \theaders: {\r\n\t\t  \t\ttoken: localStorage.getItem(\"frontToken\")\r\n\t\t  \t},\r\n\t\t  \tresponseType: \"blob\"\r\n\t\t  }).then(({\r\n\t\t  \tdata\r\n\t\t  }) => {\r\n\t\t  \tconst binaryData = [];\r\n\t\t  \tbinaryData.push(data);\r\n\t\t  \tconst objectUrl = window.URL.createObjectURL(new Blob(binaryData, {\r\n\t\t  \t\ttype: 'application/pdf;chartset=UTF-8'\r\n\t\t  \t}))\r\n\t\t  \tconst a = document.createElement('a')\r\n\t\t  \ta.href = objectUrl\r\n\t\t  \ta.download = arr\r\n\t\t  \t// a.click()\r\n\t\t  \t// 下面这个写法兼容火狐\r\n\t\t  \ta.dispatchEvent(new MouseEvent('click', {\r\n\t\t  \t\tbubbles: true,\r\n\t\t  \t\tcancelable: true,\r\n\t\t  \t\tview: window\r\n\t\t  \t}))\r\n\t\t  \twindow.URL.revokeObjectURL(data)\r\n\t\t  },err=>{\r\n\t\t\t  axios.get((location.href.split(this.$config.name).length>1 ? location.href.split(this.$config.name)[0] :'') + this.$config.name + '/file/download?fileName=' + arr, {\r\n\t\t\t  \theaders: {\r\n\t\t\t  \t\ttoken: localStorage.getItem(\"frontToken\")\r\n\t\t\t  \t},\r\n\t\t\t  \tresponseType: \"blob\"\r\n\t\t\t  }).then(({\r\n\t\t\t  \tdata\r\n\t\t\t  }) => {\r\n\t\t\t  \tconst binaryData = [];\r\n\t\t\t  \tbinaryData.push(data);\r\n\t\t\t  \tconst objectUrl = window.URL.createObjectURL(new Blob(binaryData, {\r\n\t\t\t  \t\ttype: 'application/pdf;chartset=UTF-8'\r\n\t\t\t  \t}))\r\n\t\t\t  \tconst a = document.createElement('a')\r\n\t\t\t  \ta.href = objectUrl\r\n\t\t\t  \ta.download = arr\r\n\t\t\t  \t// a.click()\r\n\t\t\t  \t// 下面这个写法兼容火狐\r\n\t\t\t  \ta.dispatchEvent(new MouseEvent('click', {\r\n\t\t\t  \t\tbubbles: true,\r\n\t\t\t  \t\tcancelable: true,\r\n\t\t\t  \t\tview: window\r\n\t\t\t  \t}))\r\n\t\t\t  \twindow.URL.revokeObjectURL(data)\r\n\t\t\t  })\r\n\t\t  })\r\n      },\r\n\r\n\r\n\t\t// 权限判断\r\n\t\tbtnAuth(tableName,key){\r\n\t\t\tif(this.centerType){\r\n\t\t\t\treturn this.isBackAuth(tableName,key)\r\n\t\t\t}else{\r\n\t\t\t\treturn this.isAuth(tableName,key)\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 修改\r\n\t\teditClick(){\r\n\t\t\tthis.$router.push(`/index/syslogAdd?type=edit&&id=${this.detail.id}`);\r\n\t\t},\r\n\t\t// 删除\r\n\t\tdelClick(){\r\n\t\t\tthis.$confirm('是否删除此系统日志？')\r\n\t\t\t  .then(_ => {\r\n\t\t\t    this.$http.post('syslog/delete', [this.detail.id]).then(res => {\r\n\t\t\t      if (res.data.code == 0) {\r\n\t\t\t        this.$message({\r\n\t\t\t          type: 'success',\r\n\t\t\t          message: '删除成功!',\r\n\t\t\t          duration: 1500,\r\n\t\t\t\t\t  onClose: () => {\r\n\t\t\t\t\t\t  history.back()\r\n\t\t\t\t\t  }\r\n\t\t\t        });\r\n\t\t\t      }\r\n\t\t\t    });\r\n\t\t\t  }).catch(_ => {});\r\n\t\t},\r\n    },\r\n    components: {\r\n      CountDown\r\n    }\r\n  }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n\t.editor /deep/ .avatar-uploader {\r\n\t\theight: 0;\r\n\t\tline-height: 0;\r\n\t}\r\n\t\r\n\t.detail-preview {\r\n\t\r\n\t  .attr {\r\n\t    .el-carousel /deep/ .el-carousel__indicator button {\r\n\t      width: 0;\r\n\t      height: 0;\r\n\t      display: none;\r\n\t    }\r\n\t\r\n\t    .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {\r\n\t      border-color: none;\r\n\t    }\r\n\t  }\r\n\t\r\n\t  .detail {\r\n\t    & /deep/ .el-tabs__header .el-tabs__nav-wrap {\r\n\t      margin-bottom: 0;\r\n\t    }\r\n\t\r\n\t    & .add .el-textarea {\r\n\t      width: auto;\r\n\t    }\r\n\t  }\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--left {\r\n\t\twidth: 36px;\r\n\t\tfont-size: 12px;\r\n\t\theight: 36px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--left:hover {\r\n\t\tbackground: red;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--right {\r\n\t\twidth: 36px;\r\n\t\tfont-size: 12px;\r\n\t\theight: 36px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--right:hover {\r\n\t\tbackground: red;\r\n\t}\r\n\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tz-index: 2;\r\n\t\tposition: absolute;\r\n\t\tlist-style: none;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators li {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 4px;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 12px;\r\n\t\topacity: 0.4;\r\n\t\ttransition: 0.3s;\r\n\t\theight: 12px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators li:hover {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 4px;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 24px;\r\n\t\topacity: 0.7;\r\n\t\theight: 12px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators li.is-active {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 4px;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 24px;\r\n\t\topacity: 1;\r\n\t\theight: 12px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input-number__decrease {\r\n\t\tcursor: pointer;\r\n\t\tz-index: 1;\r\n\t\tdisplay: flex;\r\n\t\tborder-color: #DCDFE6;\r\n\t\tborder-radius: 4px 0 0 4px;\r\n\t\ttop: 1px;\r\n\t\tleft: 1px;\r\n\t\tbackground: #f5f5f5;\r\n\t\twidth: 40px;\r\n\t\tjustify-content: center;\r\n\t\tborder-width: 0 1px 0 0;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\tborder-style: solid;\r\n\t\ttext-align: center;\r\n\t\theight: 38px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input-number__decrease i {\r\n\t\tcolor: #666;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.attr .el-input-number /deep/ .el-input-number__increase {\r\n\t\tcursor: pointer;\r\n\t\tz-index: 1;\r\n\t\tdisplay: flex;\r\n\t\tborder-color: #DCDFE6;\r\n\t\tright: 1px;\r\n\t\tborder-radius: 0 4px 4px 0;\r\n\t\ttop: 1px;\r\n\t\tbackground: #f5f5f5;\r\n\t\twidth: 40px;\r\n\t\tjustify-content: center;\r\n\t\tborder-width: 0 0 0 1px;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\tborder-style: solid;\r\n\t\ttext-align: center;\r\n\t\theight: 38px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input-number__increase i {\r\n\t\tcolor: #666;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input .el-input__inner {\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tborder-radius: 4px;\r\n\t\tpadding: 0 40px;\r\n\t\toutline: none;\r\n\t\tcolor: #666;\r\n\t\tbackground: #FFF;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 40px;\r\n\t\ttext-align: center;\r\n\t\theight: 40px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header {\r\n\t\tmargin: 0;\r\n\t\tbackground: #fff;\r\n\t\tborder-color: #E4E7ED;\r\n\t\tborder-width: 0 0 1px 0;\r\n\t\tborder-style: solid;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header .el-tabs__item {\r\n\t\tborder: 0;\r\n\t\tpadding: 0 20px;\r\n\t\tmargin: 0;\r\n\t\tcolor: #999;\r\n\t\tbackground: transparent;\r\n\t\tfont-weight: 500;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 40px;\r\n\t\tposition: relative;\r\n\t\tlist-style: none;\r\n\t\theight: 40px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header .el-tabs__item:hover {\r\n\t\tborder: 0;\r\n\t\tcolor: #333;\r\n\t\tbackground: #fff;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header .el-tabs__item.is-active {\r\n\t\tborder: 0;\r\n\t\tcolor: #333;\r\n\t\tbackground: #fff;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__content {\r\n\t\tpadding: 15px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs .add /deep/ .el-form-item__label {\r\n\t\tpadding: 0 10px 0 0;\r\n\t\tcolor: #666;\r\n\t\twidth: 80px;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 40px;\r\n\t\ttext-align: right;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs .add /deep/ .el-textarea__inner {\r\n\t}\r\n\t\r\n\t.breadcrumb-preview .el-breadcrumb /deep/ .el-breadcrumb__separator {\r\n\t\tmargin: 0 9px;\r\n\t\tcolor: #ccc;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\t\r\n\t.breadcrumb-preview .el-breadcrumb .item1 /deep/ .el-breadcrumb__inner a {\r\n\t\tcolor: #333;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t\r\n\t.breadcrumb-preview .el-breadcrumb .item2 /deep/ .el-breadcrumb__inner a {\r\n\t\tcolor: #666;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t\t\r\n\t.breadcrumb-preview .el-breadcrumb .item3 /deep/ .el-breadcrumb__inner a {\r\n\t\tcolor: #999;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__total {\r\n\t\tmargin: 0 10px 0 0;\r\n\t\tcolor: #666;\r\n\t\tfont-weight: 400;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-prev {\r\n\t\tborder: none;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #666;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tmin-width: 35px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-next {\r\n\t\tborder: none;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #666;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tmin-width: 35px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-prev:disabled {\r\n\t\tborder: none;\r\n\t\tcursor: not-allowed;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #C0C4CC;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-next:disabled {\r\n\t\tborder: none;\r\n\t\tcursor: not-allowed;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #C0C4CC;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pager {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pager .number {\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 4px;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #666;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground: #f4f4f5;\r\n\t\ttext-align: center;\r\n\t\tmin-width: 30px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pager .number:hover {\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 4px;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground: #F5BB00;\r\n\t\ttext-align: center;\r\n\t\tmin-width: 30px;\r\n\t\theight: 28px;\r\n}\r\n\r\n#pagination.el-pagination /deep/ .el-pager .number.active {\r\n\t\tcursor: default;\r\n\t\tpadding: 0 4px;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #FFF;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground: #F5BB00;\r\n\t\ttext-align: center;\r\n\t\tmin-width: 30px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input {\r\n\t\tmargin: 0 5px;\r\n\t\twidth: 100px;\r\n\t\tposition: relative;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 25px 0 8px;\r\n\t\tcolor: #606266;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 3px;\r\n\t\toutline: 0;\r\n\t\tbackground: #FFF;\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {\r\n\t\ttop: 0;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\theight: 100%;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {\r\n\t\tcursor: pointer;\r\n\t\tcolor: #C0C4CC;\r\n\t\twidth: 25px;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 28px;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t#pagination.el-pagination /deep/ .el-pagination__jump {\r\n\t\tmargin: 0 0 0 24px;\r\n\t\tcolor: #606266;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__jump .el-input {\r\n\t\tborder-radius: 3px;\r\n\t\tpadding: 0 2px;\r\n\t\tmargin: 0 2px;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 50px;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 18px;\r\n\t\tposition: relative;\r\n\t\ttext-align: center;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 3px;\r\n\t\tcolor: #606266;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 3px;\r\n\t\toutline: 0;\r\n\t\tbackground: #FFF;\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\theight: 28px;\r\n\t}\r\n\r\n\t.swiper21 .swiper-button-prev:after {\r\n\t\tdisplay:none;\r\n\t}\r\n\t.swiper21 .swiper-button-next:after {\r\n        display:none;\r\n\t}\r\n\t.swiper22 .swiper-button-prev:after {\r\n        display:none;\r\n\t}\r\n\t.swiper22 .swiper-button-next:after {\r\n        display:none;\r\n\t}\r\n\t\r\n\t.swiper22 .swiper-slide div {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\topacity: 0.4;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t.swiper22 .swiper-slide.swiper-slide-thumb-active div {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t.detail-preview .el-rate /deep/ .el-rate__item {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\tfont-size: 0;\r\n\t\t\t\tposition: relative;\r\n\t\t\t}\r\n\t\r\n\t.detail-preview .el-rate /deep/ .el-rate__item .el-rate__icon {\r\n\t\t\t\tmargin: 0 3px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttransition: .3s;\r\n\t\t\t}\r\n</style>\r\n"]}]}