You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
26 KiB
1 line
26 KiB
{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\forum\\detail.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\forum\\detail.vue","mtime":1709633805000},{"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:DQogIGV4cG9ydCBkZWZhdWx0IHsNCiAgICAvL+aVsOaNrumbhuWQiA0KICAgIGRhdGEoKSB7DQogICAgICByZXR1cm4gew0KICAgICAgICBiYXNlVXJsOiAnJywNCgkJaWQ6ICcnLA0KICAgICAgICBkZXRhaWw6IHt9LA0KICAgICAgICBjb21tZW50TGlzdDogW10sDQogICAgICAgIGRpYWxvZ0Zvcm1WaXNpYmxlOiBmYWxzZSwNCiAgICAgICAgZm9ybTogew0KICAgICAgICAgIGNvbnRlbnQ6ICcnLA0KICAgICAgICAgIHBhcmVudGlkOiAnJywNCiAgICAgICAgICB1c2VyaWQ6IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdmcm9udFVzZXJpZCcpLA0KICAgICAgICAgIHVzZXJuYW1lOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgndXNlcm5hbWUnKSwNCiAgICAgICAgICBhdmF0YXJ1cmw6ICcnLA0KICAgICAgICB9LA0KCQl1c2VyaWQ6IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdmcm9udFVzZXJpZCcpLA0KCQllZGl0b3JPcHRpb246IHsNCgkJICBtb2R1bGVzOiB7DQoJCSAgICB0b29sYmFyOiBbDQoJCSAgICAgIFsiYm9sZCIsICJpdGFsaWMiLCAidW5kZXJsaW5lIiwgInN0cmlrZSJdLA0KCQkgICAgICBbImJsb2NrcXVvdGUiLCAiY29kZS1ibG9jayJdLA0KCQkgICAgICBbeyBoZWFkZXI6IDEgfSwgeyBoZWFkZXI6IDIgfV0sDQoJCSAgICAgIFt7IGxpc3Q6ICJvcmRlcmVkIiB9LCB7IGxpc3Q6ICJidWxsZXQiIH1dLA0KCQkgICAgICBbeyBzY3JpcHQ6ICJzdWIiIH0sIHsgc2NyaXB0OiAic3VwZXIiIH1dLA0KCQkgICAgICBbeyBpbmRlbnQ6ICItMSIgfSwgeyBpbmRlbnQ6ICIrMSIgfV0sDQoJCSAgICAgIFt7IGRpcmVjdGlvbjogInJ0bCIgfV0sDQoJCSAgICAgIFt7IHNpemU6IFsic21hbGwiLCBmYWxzZSwgImxhcmdlIiwgImh1Z2UiXSB9XSwNCgkJICAgICAgW3sgaGVhZGVyOiBbMSwgMiwgMywgNCwgNSwgNiwgZmFsc2VdIH1dLA0KCQkgICAgICBbeyBjb2xvcjogW10gfSwgeyBiYWNrZ3JvdW5kOiBbXSB9XSwNCgkJICAgICAgW3sgZm9udDogW10gfV0sDQoJCSAgICAgIFt7IGFsaWduOiBbXSB9XSwNCgkJICAgICAgWyJjbGVhbiJdLA0KCQkgICAgICBbImltYWdlIiwgInZpZGVvIl0NCgkJICAgIF0NCgkJICB9DQoJCX0sDQogICAgICAgIHJ1bGVzOiB7DQogICAgICAgICAgY29udGVudDogWw0KICAgICAgICAgICAgeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeivhOiuuicsIHRyaWdnZXI6ICdibHVyJyB9DQogICAgICAgICAgXQ0KICAgICAgICB9LA0KCQl6YW5UeXBlOmZhbHNlLA0KCQl6YW5Gb3JtOnt9LA0KCQlzaG93SW5kZXg6IC0xLA0KCQlzaG93SW5kZXgxOiAtMSwNCgkJYWxsWmFuOiAwDQogICAgICB9DQogICAgfSwNCiAgICBjcmVhdGVkKCkgew0KCQl0aGlzLmJhc2VVcmwgPSB0aGlzLiRjb25maWcuYmFzZVVybDsNCgkJdGhpcy5pZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmlkDQoJCXRoaXMuZ2V0RGV0YWlsKCkNCiAgICB9LA0KICAgIC8v5pa55rOV6ZuG5ZCIDQogICAgbWV0aG9kczogew0KCQkvLyDov5Tlm57mjInpkq4NCgkJYmFja0NsaWNrKCl7DQoJCQloaXN0b3J5LmJhY2soKQ0KCQl9LA0KCQlvbkVkaXRvclJlYWR5KGVkaXRvcikgew0KCQkJZWRpdG9yLnJvb3Quc2V0QXR0cmlidXRlKCdkYXRhLXBsYWNlaG9sZGVyJywgIuivt+i+k+WFpeWGheWuuS4uLiIpOw0KCQl9LA0KCQlnZXREZXRhaWwoKSB7DQoJCQl0aGlzLiRodHRwLmdldChgZm9ydW0vbGlzdC8ke3RoaXMuaWR9YCkudGhlbihyZXMgPT4gew0KCQkJCWlmIChyZXMuZGF0YS5jb2RlID09IDApIHsNCgkJCQkJcmVzLmRhdGEuZGF0YS5jb250ZW50ID0gcmVzLmRhdGEuZGF0YS5jb250ZW50LnJlcGxhY2UoL2ltZyBzcmMvZ2ksImltZyBzdHlsZT1cIndpZHRoOjEwMCU7XCIgc3JjIik7DQoJCQkJCXRoaXMuZGV0YWlsID0gcmVzLmRhdGEuZGF0YQ0KCQkJCQl0aGlzLmNvbW1lbnRMaXN0ID0gcmVzLmRhdGEuZGF0YS5jaGlsZHM7DQoJCQkJCXRoaXMuZ2V0WmFuKCkNCgkJCQkJdGhpcy5nZXRBbGxaYW4oKQ0KCQkJCX0NCgkJCX0pOw0KCQl9LA0KCQlnZXRaYW4oKSB7DQoJCQl0aGlzLiRodHRwLmdldCgnc3RvcmV1cC9saXN0Jywgew0KCQkJCXBhcmFtczogew0KCQkJCQlwYWdlOiAxLA0KCQkJCQlsaW1pdDogMSwNCgkJCQkJdHlwZTogMjEsDQoJCQkJCXVzZXJpZDogbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Zyb250VXNlcmlkJyksDQoJCQkJCXRhYmxlbmFtZTogJ2ZvcnVtJywNCgkJCQkJcmVmaWQ6IHRoaXMuaWQNCgkJCQl9DQoJCQl9KS50aGVuKHJlcz0+ew0KCQkJCWlmKHJlcy5kYXRhJiZyZXMuZGF0YS5jb2RlPT0wKXsNCgkJCQkJaWYocmVzLmRhdGEuZGF0YS5saXN0Lmxlbmd0aCl7DQoJCQkJCQl0aGlzLnphblR5cGUgPSB0cnVlDQoJCQkJCQl0aGlzLnphbkZvcm0gPSByZXMuZGF0YS5kYXRhLmxpc3RbMF0NCgkJCQkJfWVsc2V7DQoJCQkJCQl0aGlzLnphblR5cGUgPSBmYWxzZQ0KCQkJCQl9DQoJCQkJfQ0KCQkJfSkNCgkJfSwNCgkJZ2V0QWxsWmFuKCkgew0KCQkJdGhpcy4kaHR0cC5nZXQoJ3N0b3JldXAvbGlzdCcsIHsNCgkJCQlwYXJhbXM6IHsNCgkJCQkJcGFnZTogMSwNCgkJCQkJdHlwZTogMjEsDQoJCQkJCXRhYmxlbmFtZTogJ2ZvcnVtJywNCgkJCQkJcmVmaWQ6IHRoaXMuaWQNCgkJCQl9DQoJCQl9KS50aGVuKHJlcyA9PiB7DQoJCQkJaWYgKHJlcy5kYXRhICYmIHJlcy5kYXRhLmNvZGUgPT0gMCkgew0KCQkJCQl0aGlzLmFsbFphbiA9IE51bWJlcihyZXMuZGF0YS5kYXRhLnRvdGFsKQ0KCQkJCX0NCgkJCX0pDQoJCX0sDQoJCXphbkNsaWNrKCkgew0KCQkJaWYodGhpcy56YW5UeXBlKXsNCgkJCQl0aGlzLiRodHRwLnBvc3QoJ3N0b3JldXAvZGVsZXRlJywgW3RoaXMuemFuRm9ybS5pZF0pLnRoZW4ocmVzID0+IHsNCgkJCQkJaWYgKHJlcy5kYXRhICYmIHJlcy5kYXRhLmNvZGUgPT0gMCkgew0KCQkJCQkJdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCflj5bmtojmiJDlip8nKQ0KCQkJCQkJdGhpcy5nZXRaYW4oKQ0KCQkJCQkJdGhpcy5nZXRBbGxaYW4oKQ0KCQkJCQl9DQoJCQkJfSkNCgkJCX1lbHNlew0KCQkJCWxldCBkYXRhID0gew0KCQkJCQluYW1lOiB0aGlzLmRldGFpbC50aXRsZSwNCgkJCQkJcGljdHVyZTogJzEnLA0KCQkJCQlyZWZpZDogdGhpcy5kZXRhaWwuaWQsDQoJCQkJCXR5cGU6IDIxLA0KCQkJCQl0YWJsZW5hbWU6ICdmb3J1bScsDQoJCQkJCXVzZXJpZDogbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Zyb250VXNlcmlkJykNCgkJCQl9DQoJCQkJdGhpcy4kaHR0cC5wb3N0KCdzdG9yZXVwL2FkZCcsIGRhdGEpLnRoZW4ocmVzID0+IHsNCgkJCQkJaWYgKHJlcy5kYXRhICYmIHJlcy5kYXRhLmNvZGUgPT0gMCkgew0KCQkJCQkJdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCfngrnotZ7miJDlip8nKQ0KCQkJCQkJdGhpcy5nZXRaYW4oKQ0KCQkJCQkJdGhpcy5nZXRBbGxaYW4oKQ0KCQkJCQl9DQoJCQkJfSkNCgkJCX0NCgkJfSwNCgkJLy8g5paw5aKe6K+E6K66DQoJCWFkZENvbW1lbnQoKXsNCgkJCXRoaXMuZm9ybS5wYXJlbnRpZCA9IHRoaXMuZGV0YWlsLmlkDQoJCQl0aGlzLmRpYWxvZ0Zvcm1WaXNpYmxlID0gdHJ1ZQ0KCQl9LA0KCQkvLyDpvKDmoIfnp7vlhaUNCgkJY29tbWVudEVudGVyKGluZGV4KXsNCgkJCXRoaXMuc2hvd0luZGV4ID0gaW5kZXgNCgkJfSwNCgkJLy8g6byg5qCH56e75Ye6DQoJCWNvbW1lbnRMZWF2ZSgpew0KCQkJdGhpcy5zaG93SW5kZXggPSAtMQ0KCQl9LA0KCQkvLyDkuoznuqfor4TorrrpvKDmoIfnp7vlhaUNCgkJY29tbWVudEVudGVyMShpbmRleCl7DQoJCQl0aGlzLnNob3dJbmRleDEgPSBpbmRleA0KCQl9LA0KCQkvLyDkuoznuqfor4TorrrpvKDmoIfnp7vlh7oNCgkJY29tbWVudExlYXZlMSgpew0KCQkJdGhpcy5zaG93SW5kZXgxID0gLTENCgkJfSwNCgkJLy8g5Yig6Zmk6K+E6K66DQoJCWNvbW1lbnREZWwoaWQpew0KCQkJdGhpcy4kY29uZmlybSgn5piv5ZCm5Yig6Zmk5q2k6K+E6K6677yfJykNCgkJCSAgLnRoZW4oXyA9PiB7DQoJCQkgICAgdGhpcy4kaHR0cC5wb3N0KCdmb3J1bS9kZWxldGUnLFtpZF0pLnRoZW4ocmVzPT57DQoJCQkJICBpZihyZXMuZGF0YSYmcmVzLmRhdGEuY29kZT09MCl7DQoJCQkJCSAgdGhpcy4kbWVzc2FnZSh7DQoJCQkJCQl0eXBlOiAnc3VjY2VzcycsDQoJCQkJCQltZXNzYWdlOiAn5Yig6Zmk5oiQ5YqfIScsDQoJCQkJCQlkdXJhdGlvbjogMTUwMCwNCgkJCQkJCW9uQ2xvc2U6ICgpID0+IHsNCgkJCQkJCQl0aGlzLmdldERldGFpbCgpOw0KCQkJCQkJfQ0KCQkJCQkgIH0pOw0KCQkJCSAgfQ0KCQkJICB9KQ0KCQkgIH0pLmNhdGNoKF8gPT4ge30pOw0KCQl9LA0KCQkvLyDlm57lpI3or4TorroNCgkJcmVwbHlDbGljayhpZCl7DQoJCQl0aGlzLmZvcm0ucGFyZW50aWQgPSBpZA0KCQkJdGhpcy5kaWFsb2dGb3JtVmlzaWJsZSA9IHRydWUNCgkJfSwNCiAgICAgIGFkZEZvcnVtKGZvcm1OYW1lKSB7DQogICAgICAgIGxldCBzZW5zaXRpdmVXb3JkcyA9ICIiOw0KICAgICAgICBsZXQgc2Vuc2l0aXZlV29yZHNBcnIgPSBbXTsNCiAgICAgICAgaWYoc2Vuc2l0aXZlV29yZHMpIHsNCiAgICAgICAgICAgIHNlbnNpdGl2ZVdvcmRzQXJyID0gc2Vuc2l0aXZlV29yZHMuc3BsaXQoIiwiKTsNCiAgICAgICAgfQ0KICAgICAgICBmb3IodmFyIGk9MDsgaTxzZW5zaXRpdmVXb3Jkc0Fyci5sZW5ndGg7IGkrKyl7DQogICAgICAgICAgICAvL+WFqOWxgOabv+aNog0KICAgICAgICAgICAgdmFyIHJlZyA9IG5ldyBSZWdFeHAoc2Vuc2l0aXZlV29yZHNBcnJbaV0sImciKTsNCiAgICAgICAgICAgIC8v5Yik5pat5YaF5a655Lit5piv5ZCm5YyF5ous5pWP5oSf6K+NDQogICAgICAgICAgICBpZiAodGhpcy5mb3JtLmNvbnRlbnQuaW5kZXhPZihzZW5zaXRpdmVXb3Jkc0FycltpXSkgPiAtMSkgew0KICAgICAgICAgICAgICAgIC8vIOWwhuaVj+aEn+ivjeabv+aNouS4uiAqKg0KICAgICAgICAgICAgICAgIHRoaXMuZm9ybS5jb250ZW50ID0gdGhpcy5mb3JtLmNvbnRlbnQucmVwbGFjZShyZWcsIioqIik7DQogICAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgICAgdGhpcy4kcmVmc1tmb3JtTmFtZV0udmFsaWRhdGUoKHZhbGlkKSA9PiB7DQogICAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgICB0aGlzLmZvcm0uYXZhdGFydXJsID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Zyb250SGVhZHBvcnRyYWl0Jyk/bG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Zyb250SGVhZHBvcnRyYWl0Jyk6Jyc7DQogICAgICAgICAgICB0aGlzLiRodHRwLnBvc3QoJ2ZvcnVtL2FkZCcsIHRoaXMuZm9ybSkudGhlbihyZXMgPT4gew0KICAgICAgICAgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PSAwKSB7DQogICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycsDQogICAgICAgICAgICAgICAgICBtZXNzYWdlOiAn6K+E6K665oiQ5YqfIScsDQogICAgICAgICAgICAgICAgICBkdXJhdGlvbjogMTUwMCwNCiAgICAgICAgICAgICAgICAgIG9uQ2xvc2U6ICgpID0+IHsNCiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb3JtLmNvbnRlbnQgPSAnJzsNCiAgICAgICAgICAgICAgICAgICAgdGhpcy5nZXREZXRhaWwoKTsNCiAgICAgICAgICAgICAgICAgICAgdGhpcy5kaWFsb2dGb3JtVmlzaWJsZSA9IGZhbHNlOw0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0pOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgICAgIH0NCiAgICAgICAgfSk7DQogICAgICB9DQogICAgfQ0KICB9DQo="},{"version":3,"sources":["detail.vue"],"names":[],"mappings":";AAsFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/forum","sourcesContent":["<template>\r\n <div :style='{\"width\":\"100%\",\"padding\":\"0px 7%\",\"margin\":\"20px auto 40px\",\"position\":\"relative\",\"background\":\"rgb(255, 255, 255)\"}'>\r\n <div :style='{\"width\":\"100%\",\"lineHeight\":\"54px\",\"textAlign\":\"center\",\"background\":\"#333\",\"height\":\"54px\"}'>\r\n\t\t<div :style='{\"padding\":\"0 20px\",\"color\":\"#fff\",\"textAlign\":\"center\",\"background\":\"none\",\"display\":\"inline-block\",\"width\":\"auto\",\"fontSize\":\"20px\"}'>互动交流</div>\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 <div class=\"section-content\" :style='{\"width\":\"100%\",\"margin\":\"20px auto\",\"position\":\"relative\",\"background\":\"none\"}'>\r\n <div class=\"content-title\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 10px\",\"color\":\"#333\",\"textAlign\":\"center\",\"width\":\"100%\",\"lineHeight\":\"32px\",\"fontSize\":\"18px\",\"height\":\"32px\"}'>{{detail.title}}</div>\r\n\t <div :style='{\"width\":\"100%\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"display\":\"flex\"}'>\r\n\t <div :style='{\"color\":\"#999\",\"textAlign\":\"right\",\"fontSize\":\"14px\"}'>发布人：{{detail.username}}</div>\r\n\t <div :style='{\"color\":\"#999\",\"textAlign\":\"left\",\"fontSize\":\"14px\"}'>发布时间：{{detail.addtime}}</div>\r\n\t </div>\r\n\t <div class=\"operate\" :style='{\"padding\":\"0px\",\"alignItems\":\"center\",\"textAlign\":\"right\",\"background\":\"none\",\"display\":\"flex\",\"width\":\"100%\",\"justifyContent\":\"flex-end\"}'>\r\n\t <div @click=\"zanClick\" :style='{\"padding\":\"0 15px\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"display\":\"flex\"}'>\r\n\t <span class=\"icon iconfont icon-guanzhu-zhihui\" :style='{\"margin\":\"0 2px 0 0\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"color\":\"#333\"}'></span>\r\n\t <span :style='{\"color\":\"#333\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\"}'>{{zanType?'取消赞':'点赞'}}({{allZan}})</span>\r\n\t </div>\r\n\t </div>\r\n <div :style='{\"border\":\"1px solid #ddd\",\"padding\":\"20px\"}' class=\"content-detail\" v-html=\"detail.content\"></div>\r\n \r\n\t \r\n\t\t<div :style='{\"border\":\"1px solid #eee\",\"width\":\"100%\",\"padding\":\"20px\",\"margin\":\"20px auto\",\"background\":\"#fcfcfc\"}'>\r\n\t\t\t<div :style='{\"padding\":\"0 0 20px 0\",\"borderColor\":\"#efefef\",\"alignItems\":\"center\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"flex\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"justifyContent\":\"space-between\"}'>\r\n\t\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"16px\"}'>评论列表</div>\r\n\t\t\t\t<el-button class=\"pub\" type=\"primary\" :style='{\"cursor\":\"pointer\",\"border\":\"0\",\"padding\":\"0px 15px\",\"margin\":\"0 10px 0 0\",\"outline\":\"none\",\"color\":\"#fff\",\"borderRadius\":\"4px\",\"background\":\"#F5BB00\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"32px\",\"height\":\"32px\"}' @click=\"addComment\">\r\n\t\t\t\t\t<span class=\"icon iconfont icon-xiugai10\" :style='{\"color\":\"#fff\",\"margin\":\"0 4px 0 0\",\"fontSize\":\"14px\"}'></span>\r\n\t\t\t\t\t点击评论\r\n\t\t\t\t</el-button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"comment\" :style='{\"width\":\"100%\",\"padding\":\"0px\",\"background\":\"none\"}'>\r\n\t\t\t\t<template v-if=\"commentList && commentList.length\">\r\n\t\t\t\t<div class=\"item\" :style='{\"border\":\"1px solid #eee\",\"padding\":\"10px\",\"margin\":\"20px 0\",\"alignItems\":\"center\",\"color\":\"#666\",\"background\":\"#fff\",\"width\":\"100%\",\"height\":\"auto\"}' v-for=\"item in commentList\" :key=\"item.id\" @mouseenter=\"commentEnter(item.id)\" @mouseleave=\"commentLeave\">\r\n\t\t\t\t\t<div class=\"user\" :style='{\"width\":\"100%\",\"alignItems\":\"center\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t<img v-if=\"item.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"baseUrl + item.avatarurl\">\r\n\t\t\t\t\t\t<img v-if=\"!item.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"require('@/assets/touxiang.png')\">\r\n\t\t\t\t\t\t<div :style='{\"color\":\"#666\",\"fontSize\":\"16px\"}' class=\"name\">用户：{{item.username}}</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div :style='{\"border\":\"1px solid #eee\",\"padding\":\"10px\",\"margin\":\"10px 0px 0px\",\"color\":\"#666\",\"borderRadius\":\"4px\",\"background\":\"none\",\"lineHeight\":\"24px\",\"fontSize\":\"14px\"}' v-html=\"item.content\"></div>\r\n\t\t\t\t\t<div class=\"btn\" :style='{\"width\":\"100%\",\"margin\":\"12px 0 0 0\",\"alignItems\":\"center\",\"justifyContent\":\"flex-end\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 20px\",\"margin\":\"0 10px\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#F5BB00\",\"width\":\"auto\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\",\"height\":\"32px\"}' v-if=\"showIndex==item.id&&showIndex1 == -1\" @click=\"replyClick(item.id)\">回复</el-button>\r\n\t\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 20px\",\"margin\":\"0 10px\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#333\",\"width\":\"auto\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\",\"height\":\"32px\"}' v-if=\"showIndex==item.id&&userid==item.userid&&showIndex1 == -1\" @click=\"commentDel(item.id)\">删除</el-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<template v-if=\"item.childs && item.childs.length\">\r\n\t\t\t\t\t<div class=\"comment\" :style='{\"width\":\"100%\",\"padding\":\"0 20px\"}'>\r\n\t\t\t\t\t\t<div class=\"item\" :style='{\"padding\":\"8px 0\",\"margin\":\"20px 0 0 0\",\"borderColor\":\"#efefef\",\"alignItems\":\"center\",\"color\":\"#666\",\"background\":\"#fff\",\"borderWidth\":\"1px 0 0 0\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-for=\"items in item.childs\" :key=\"items.id\" @mouseenter=\"commentEnter1(items.id)\" @mouseleave=\"commentLeave1\">\r\n\t\t\t\t\t\t\t<div class=\"user\" :style='{\"width\":\"100%\",\"alignItems\":\"center\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t\t\t<img v-if=\"items.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"baseUrl + items.avatarurl\">\r\n\t\t\t\t\t\t\t\t<img v-if=\"!items.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"require('@/assets/touxiang.png')\">\r\n\t\t\t\t\t\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"16px\"}' class=\"name\">用户：{{items.username}}</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div :style='{\"padding\":\"0px\",\"margin\":\"4px 0 0\",\"color\":\"#666\",\"borderRadius\":\"4px\",\"background\":\"none\",\"lineHeight\":\"30px\",\"fontSize\":\"14px\"}' v-html=\"items.content\"></div>\r\n\t\t\t\t\t\t\t<div class=\"btn\" :style='{\"width\":\"100%\",\"margin\":\"0px 0 0 0\",\"alignItems\":\"center\",\"justifyContent\":\"flex-end\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 20px\",\"margin\":\"0 10px\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#333\",\"width\":\"auto\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\",\"height\":\"32px\"}' v-if=\"showIndex==item.id&&userid==items.userid&&showIndex1==items.id\" @click=\"commentDel(items.id)\">删除</el-button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t</div>\r\n\t\t\t\t</template>\r\n\t\t\t</div>\r\n\t\t</div>\r\n </div>\r\n\t\r\n <el-dialog title=\"添加评论\" :visible.sync=\"dialogFormVisible\">\r\n <el-form :model=\"form\" :rules=\"rules\" ref=\"form\">\r\n <el-form-item label=\"评论\" label-width=\"60px\" prop=\"content\">\r\n\t\t\t<editor\r\n\t\t\t :style='{\"minHeight\":\"200px\",\"border\":\"0\",\"outline\":\"none\",\"color\":\"#333\",\"borderRadius\":\"4px\",\"width\":\"100%\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\"}'\r\n\t\t\t v-model=\"form.content\" \r\n\t\t\t class=\"editor\" \r\n\t\t\t action=\"file/upload\">\r\n\t\t\t</editor>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"addForum('form')\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n //数据集合\r\n data() {\r\n return {\r\n baseUrl: '',\r\n\t\tid: '',\r\n detail: {},\r\n commentList: [],\r\n dialogFormVisible: false,\r\n form: {\r\n content: '',\r\n parentid: '',\r\n userid: localStorage.getItem('frontUserid'),\r\n username: localStorage.getItem('username'),\r\n avatarurl: '',\r\n },\r\n\t\tuserid: localStorage.getItem('frontUserid'),\r\n\t\teditorOption: {\r\n\t\t modules: {\r\n\t\t toolbar: [\r\n\t\t [\"bold\", \"italic\", \"underline\", \"strike\"],\r\n\t\t [\"blockquote\", \"code-block\"],\r\n\t\t [{ header: 1 }, { header: 2 }],\r\n\t\t [{ list: \"ordered\" }, { list: \"bullet\" }],\r\n\t\t [{ script: \"sub\" }, { script: \"super\" }],\r\n\t\t [{ indent: \"-1\" }, { indent: \"+1\" }],\r\n\t\t [{ direction: \"rtl\" }],\r\n\t\t [{ size: [\"small\", false, \"large\", \"huge\"] }],\r\n\t\t [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n\t\t [{ color: [] }, { background: [] }],\r\n\t\t [{ font: [] }],\r\n\t\t [{ align: [] }],\r\n\t\t [\"clean\"],\r\n\t\t [\"image\", \"video\"]\r\n\t\t ]\r\n\t\t }\r\n\t\t},\r\n rules: {\r\n content: [\r\n { required: true, message: '请输入评论', trigger: 'blur' }\r\n ]\r\n },\r\n\t\tzanType:false,\r\n\t\tzanForm:{},\r\n\t\tshowIndex: -1,\r\n\t\tshowIndex1: -1,\r\n\t\tallZan: 0\r\n }\r\n },\r\n created() {\r\n\t\tthis.baseUrl = this.$config.baseUrl;\r\n\t\tthis.id = this.$route.query.id\r\n\t\tthis.getDetail()\r\n },\r\n //方法集合\r\n methods: {\r\n\t\t// 返回按钮\r\n\t\tbackClick(){\r\n\t\t\thistory.back()\r\n\t\t},\r\n\t\tonEditorReady(editor) {\r\n\t\t\teditor.root.setAttribute('data-placeholder', \"请输入内容...\");\r\n\t\t},\r\n\t\tgetDetail() {\r\n\t\t\tthis.$http.get(`forum/list/${this.id}`).then(res => {\r\n\t\t\t\tif (res.data.code == 0) {\r\n\t\t\t\t\tres.data.data.content = res.data.data.content.replace(/img src/gi,\"img style=\\\"width:100%;\\\" src\");\r\n\t\t\t\t\tthis.detail = res.data.data\r\n\t\t\t\t\tthis.commentList = res.data.data.childs;\r\n\t\t\t\t\tthis.getZan()\r\n\t\t\t\t\tthis.getAllZan()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetZan() {\r\n\t\t\tthis.$http.get('storeup/list', {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\tlimit: 1,\r\n\t\t\t\t\ttype: 21,\r\n\t\t\t\t\tuserid: localStorage.getItem('frontUserid'),\r\n\t\t\t\t\ttablename: 'forum',\r\n\t\t\t\t\trefid: this.id\r\n\t\t\t\t}\r\n\t\t\t}).then(res=>{\r\n\t\t\t\tif(res.data&&res.data.code==0){\r\n\t\t\t\t\tif(res.data.data.list.length){\r\n\t\t\t\t\t\tthis.zanType = true\r\n\t\t\t\t\t\tthis.zanForm = res.data.data.list[0]\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tthis.zanType = false\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tgetAllZan() {\r\n\t\t\tthis.$http.get('storeup/list', {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\ttype: 21,\r\n\t\t\t\t\ttablename: 'forum',\r\n\t\t\t\t\trefid: this.id\r\n\t\t\t\t}\r\n\t\t\t}).then(res => {\r\n\t\t\t\tif (res.data && res.data.code == 0) {\r\n\t\t\t\t\tthis.allZan = Number(res.data.data.total)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tzanClick() {\r\n\t\t\tif(this.zanType){\r\n\t\t\t\tthis.$http.post('storeup/delete', [this.zanForm.id]).then(res => {\r\n\t\t\t\t\tif (res.data && res.data.code == 0) {\r\n\t\t\t\t\t\tthis.$message.success('取消成功')\r\n\t\t\t\t\t\tthis.getZan()\r\n\t\t\t\t\t\tthis.getAllZan()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}else{\r\n\t\t\t\tlet data = {\r\n\t\t\t\t\tname: this.detail.title,\r\n\t\t\t\t\tpicture: '1',\r\n\t\t\t\t\trefid: this.detail.id,\r\n\t\t\t\t\ttype: 21,\r\n\t\t\t\t\ttablename: 'forum',\r\n\t\t\t\t\tuserid: localStorage.getItem('frontUserid')\r\n\t\t\t\t}\r\n\t\t\t\tthis.$http.post('storeup/add', data).then(res => {\r\n\t\t\t\t\tif (res.data && res.data.code == 0) {\r\n\t\t\t\t\t\tthis.$message.success('点赞成功')\r\n\t\t\t\t\t\tthis.getZan()\r\n\t\t\t\t\t\tthis.getAllZan()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 新增评论\r\n\t\taddComment(){\r\n\t\t\tthis.form.parentid = this.detail.id\r\n\t\t\tthis.dialogFormVisible = true\r\n\t\t},\r\n\t\t// 鼠标移入\r\n\t\tcommentEnter(index){\r\n\t\t\tthis.showIndex = index\r\n\t\t},\r\n\t\t// 鼠标移出\r\n\t\tcommentLeave(){\r\n\t\t\tthis.showIndex = -1\r\n\t\t},\r\n\t\t// 二级评论鼠标移入\r\n\t\tcommentEnter1(index){\r\n\t\t\tthis.showIndex1 = index\r\n\t\t},\r\n\t\t// 二级评论鼠标移出\r\n\t\tcommentLeave1(){\r\n\t\t\tthis.showIndex1 = -1\r\n\t\t},\r\n\t\t// 删除评论\r\n\t\tcommentDel(id){\r\n\t\t\tthis.$confirm('是否删除此评论？')\r\n\t\t\t .then(_ => {\r\n\t\t\t this.$http.post('forum/delete',[id]).then(res=>{\r\n\t\t\t\t if(res.data&&res.data.code==0){\r\n\t\t\t\t\t this.$message({\r\n\t\t\t\t\t\ttype: 'success',\r\n\t\t\t\t\t\tmessage: '删除成功!',\r\n\t\t\t\t\t\tduration: 1500,\r\n\t\t\t\t\t\tonClose: () => {\r\n\t\t\t\t\t\t\tthis.getDetail();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t });\r\n\t\t\t\t }\r\n\t\t\t })\r\n\t\t }).catch(_ => {});\r\n\t\t},\r\n\t\t// 回复评论\r\n\t\treplyClick(id){\r\n\t\t\tthis.form.parentid = id\r\n\t\t\tthis.dialogFormVisible = true\r\n\t\t},\r\n addForum(formName) {\r\n let sensitiveWords = \"\";\r\n let sensitiveWordsArr = [];\r\n if(sensitiveWords) {\r\n sensitiveWordsArr = sensitiveWords.split(\",\");\r\n }\r\n for(var i=0; i<sensitiveWordsArr.length; i++){\r\n //全局替换\r\n var reg = new RegExp(sensitiveWordsArr[i],\"g\");\r\n //判断内容中是否包括敏感词\r\n if (this.form.content.indexOf(sensitiveWordsArr[i]) > -1) {\r\n // 将敏感词替换为 **\r\n this.form.content = this.form.content.replace(reg,\"**\");\r\n }\r\n }\r\n this.$refs[formName].validate((valid) => {\r\n if (valid) {\r\n this.form.avatarurl = localStorage.getItem('frontHeadportrait')?localStorage.getItem('frontHeadportrait'):'';\r\n this.$http.post('forum/add', this.form).then(res => {\r\n if (res.data.code == 0) {\r\n this.$message({\r\n type: 'success',\r\n message: '评论成功!',\r\n duration: 1500,\r\n onClose: () => {\r\n this.form.content = '';\r\n this.getDetail();\r\n this.dialogFormVisible = false;\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n return false;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n\t.section {\r\n\t\twidth: 900px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\r\n\t.section-content {\r\n\t\tmargin-top: 30px;\r\n\t}\r\n\t.content-title {\r\n\t\ttext-align: center;\r\n\t\tfont-size: 22px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\t.content-sub-title {\r\n\t\ttext-align: center;\r\n\t\tmargin-top: 20px;\r\n\t\tcolor: #888888;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t.clearfix:before,\r\n\t.clearfix:after {\r\n\t\tdisplay: table;\r\n\t\tcontent: \"\";\r\n\t}\r\n\t.clearfix:after {\r\n\t\tclear: both\r\n\t}\r\n\t.header-block {\r\n\t\theight: 50px;\r\n\t\tline-height: 50px;\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.userinfo {\r\n\t\talign-self: center;\r\n\t\tmargin-left: 15px;\r\n\t}\r\n\t.content-block-ask {\r\n\t\tmargin: 15px 0 20px 65px;\r\n\t}\r\n\t.content-detail img {\r\n\t\tmax-width: 900px;\r\n\t\theight: auto;\r\n\t}\r\n\t.operate{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-start;\r\n\t\tpadding: 0 40px;\r\n\t}\r\n</style>\r\n"]}]} |