1 line
22 KiB
JSON
1 line
22 KiB
JSON
{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/communtiy/Article.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/communtiy/Article.vue","mtime":1742646402776},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/babel-loader/lib/index.js","mtime":1743264596348},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CmltcG9ydCBUYWdTZWxlY3QgZnJvbSAnLi4vLi4vY29tcG9uZW50cy9UYWdTZWxlY3QnOwppbXBvcnQgU3RhbmRhcmRGb3JtUm93IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvU3RhbmRhcmRGb3JtUm93JzsKaW1wb3J0IEFydGljbGVMaXN0Q29udGVudCBmcm9tICcuLi8uLi9jb21wb25lbnRzL0FydGljbGVMaXN0Q29udGVudCc7CmltcG9ydCBJY29uVGV4dCBmcm9tICcuL2NvbXBvbmVudHMvSWNvblRleHQnOwpjb25zdCBUYWdTZWxlY3RPcHRpb24gPSBUYWdTZWxlY3QuT3B0aW9uOwpleHBvcnQgZGVmYXVsdCB7CiAgY29tcG9uZW50czogewogICAgVGFnU2VsZWN0LAogICAgVGFnU2VsZWN0T3B0aW9uLAogICAgU3RhbmRhcmRGb3JtUm93LAogICAgQXJ0aWNsZUxpc3RDb250ZW50LAogICAgSWNvblRleHQsCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKCQkJdXNlckRhdGE6W10sCgkJCWltYWdlVXJsUmVnZXg6LyhodHRwW3NdPzpcL1wvW14oXHN8IildK1wuKHBuZ3xqcGd8anBlZ3xnaWZ8d2VicCkpL2dpLAoJCQljdXJyZW50OiAxLAoJCQlwYWdlU2l6ZTogOCwKICAgICAgbG9hZGluZzogdHJ1ZSwKICAgICAgbG9hZGluZ01vcmU6IGZhbHNlLAogICAgICBkYXRhOiBbXSwKCQkJb3JpZ2luYWxVc2VyczogW10sCgkJCXRvdGFsOiAwLAogICAgICBmb3JtOiB0aGlzLiRmb3JtLmNyZWF0ZUZvcm0odGhpcyksCiAgICB9OwogIH0sCiAgbW91bnRlZCgpIHsKCQl0aGlzLmdldFVzZXIoKSAKCQl0aGlzLiR3YXRjaCgoKSA9PiBbdGhpcy5wYWdlU2l6ZSwgdGhpcy5jdXJyZW50XSwgdGhpcy5nZXRMaXN0LCB7IGltbWVkaWF0ZTogdHJ1ZSB9KTsKICB9LGZpbHRlcnM6IHsKICAgIGZvcm1hdFRpbWU6IGZ1bmN0aW9uKHZhbHVlKSB7CiAgICAgICAgLy8g5Zyo6L+Z6YeM57yW5YaZ5pe26Ze05qC85byP5YyW6YC76L6R77yM5L6L5aaC77yaCiAgICAgICAgY29uc3QgcGFyc2VkVGltZSA9IG5ldyBEYXRlKHZhbHVlKTsKICAgICAgICBjb25zdCB5ZWFyID0gcGFyc2VkVGltZS5nZXRGdWxsWWVhcigpOwogICAgICAgIGNvbnN0IG1vbnRoID0gU3RyaW5nKHBhcnNlZFRpbWUuZ2V0TW9udGgoKSArIDEpLnBhZFN0YXJ0KDIsICcwJyk7CiAgICAgICAgY29uc3QgZGF5ID0gU3RyaW5nKHBhcnNlZFRpbWUuZ2V0RGF0ZSgpKS5wYWRTdGFydCgyLCAnMCcpOwogICAgICAgIHJldHVybiBgJHt5ZWFyfS0ke21vbnRofS0ke2RheX1gOwogICAgfQp9LApjb21wdXRlZDp7CglzZWFyY2hPcHRpb25zKCkgewogICAgICByZXR1cm4gY3JlYXRlU2VhcmNoT3B0aW9ucy5jYWxsKHRoaXMpOwogICAgfSwKCQlwYWdpbmF0aW9uKCkgewogICAgICByZXR1cm4gewogICAgICAgIGN1cnJlbnQ6IHRoaXMuY3VycmVudCwKICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwKICAgICAgICB0b3RhbDogdGhpcy50b3RhbCwKICAgICAgICBzaG93U2l6ZUNoYW5nZXI6IHRydWUsCiAgICAgICAgcGFnZVNpemVPcHRpb25zOiBbJzgnLCAnOScsICcxMCcsICcyMCddLAogICAgICAgIHNob3dRdWlja0p1bXBlcjogdHJ1ZSwKICAgICAgICBzaG93VG90YWw6IHRvdGFsID0+IGBUb3RhbCAke3RvdGFsfSBpdGVtc2AsCiAgICAgICAgb25DaGFuZ2U6IHRoaXMuY2hhbmdlUGFnZSwKICAgICAgICBvblNob3dTaXplQ2hhbmdlOiB0aGlzLmNoYW5nZVBhZ2UKICAgICAgfTsKICAgIH0sCn0sCiAgbWV0aG9kczogeyBleHRyYWN0SW1hZ2VVcmwoY29udGVudCkgewogICAgICAvLyDlrprkuYnljLnphY3lm77niYdVUkznmoTmraPliJnooajovr7lvI8KICAgICAgY29uc3QgaW1hZ2VVcmxSZWdleCA9IC8oaHR0cFtzXT86XC9cL1teKFxzfCIpXStcLihwbmd8anBnfGpwZWd8Z2lmfHdlYnApKS9naTsKICAgICAgLy8g5L2/55So5q2j5YiZ6KGo6L6+5byP5Yy56YWN5YaF5a655Lit55qE5Zu+54mHVVJMCiAgICAgIGNvbnN0IG1hdGNoZXMgPSBjb250ZW50Lm1hdGNoKGltYWdlVXJsUmVnZXgpOwogICAgICAvLyDlpoLmnpzmib7liLDljLnphY3pobnvvIzov5Tlm57nrKzkuIDlvKDlm77niYfnmoRVUkwKICAgICAgaWYgKG1hdGNoZXMgJiYgbWF0Y2hlcy5sZW5ndGggPiAwKSB7CiAgICAgICAgcmV0dXJuIG1hdGNoZXNbMF07CiAgICAgIH0KCQkJLy8g6YG/5YWN5rWP6KeI5Zmo57yT5a2YCgkJCWNvbnN0IHJhbmRvbVNlZWQgPSBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxMDAwMCk7ICAvLyDnlJ/miJDkuIDkuKow5YiwOTk5OeS5i+mXtOeahOmaj+acuuaVsAogICAgICAvLyDlpoLmnpzmsqHmnInmib7liLDljLnphY3nmoTlm77niYfvvIzlj6/ku6Xkvb/nlKjpmo/mnLrlm77niYcKICAgICAgcmV0dXJuICdodHRwczovL2FwaS43NTg1Lm5ldC5jbi9iaW5nL2FwaS5waHA/cmFuZD0xPycrcmFuZG9tU2VlZDsKICAgIH0sCgkJYXN5bmMgZ2V0SW1hZ2UoYXJ0aWNsZUlkKSB7CiAgdHJ5IHsKICAgIGNvbnN0IHJlcyA9IGF3YWl0IHRoaXMuJGFwaS5BbGxBcnRpY2xlKCk7CiAgICBsZXQgY29udGVudCA9IHJlcy5kYXRhLmZpbHRlcihpdGVtID0+IGl0ZW0uYXJ0aWNsZUlkID09PSBhcnRpY2xlSWQpOwoKICAgIGlmIChjb250ZW50Lmxlbmd0aCA9PT0gMCkgewogICAgICBjb25zb2xlLmxvZygi5pyq5om+5Yiw5a+55bqU5paH56ug5YaF5a65Iik7CiAgICAgIHJldHVybiBudWxsOyAvLyDov5Tlm57nqbrlgLzvvIzooajnpLrmnKrmib7liLDlsIHpnaLlm77niYcKICAgIH0KCiAgICBjb25zdCBpbWFnZVVybFJlZ2V4ID0gLyhodHRwW3NdPzpcL1wvW14oXHN8IildK1wuKHBuZ3xqcGd8anBlZ3xnaWZ8d2VicCkpL2dpOwogICAgY29uc3QgaW1hZ2VzID0gY29udGVudFswXS5hcnRpY2xlQ29udGVudC5tYXRjaChpbWFnZVVybFJlZ2V4KTsKCiAgICBpZiAoaW1hZ2VzICYmIGltYWdlcy5sZW5ndGggPiAwKSB7CiAgICAgIGNvbnNvbGUubG9nKCLmib7liLDlsIHpnaLlm77niYfpk77mjqU6IiwgaW1hZ2VzWzBdKTsKICAgICAgcmV0dXJuIGltYWdlc1swXTsgLy8g6L+U5Zue56ys5LiA5byg5Yy56YWN5Yiw55qE5Zu+54mH6ZO+5o6lCiAgICB9IGVsc2UgewogICAgICBjb25zb2xlLmxvZygi5pyq5om+5Yiw5Zu+54mH6ZO+5o6lIik7CiAgICAgIHJldHVybiBudWxsOyAvLyDov5Tlm57nqbrlgLzvvIzooajnpLrmnKrmib7liLDlsIHpnaLlm77niYcKICAgIH0KICB9IGNhdGNoIChlcnJvcikgewogICAgY29uc29sZS5lcnJvcigi6I635Y+W5paH56ug5YaF5a655aSx6LSlOiIsIGVycm9yKTsKICAgIHJldHVybiBudWxsOyAvLyDov5Tlm57nqbrlgLzvvIzooajnpLrmnKrmib7liLDlsIHpnaLlm77niYcKICB9Cn0sCgkJLy8g5pCc57SiCiAgICBzZWFyY2goKSB7CiAgICAgIHRoaXMuY3VycmVudCA9IDE7CiAgICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgfSwKCQkvLyDliIbpobXliIfmjaIKCQljaGFuZ2VQYWdlKGN1cnJlbnQsIHBhZ2VTaXplKSB7CiAgICAgIHRoaXMuY3VycmVudCA9IGN1cnJlbnQ7CiAgICAgIHRoaXMucGFnZVNpemUgPSBwYWdlU2l6ZTsKICAgICAgdGhpcy5nZXRMaXN0KCk7CiAgICB9LAogICAgaGFuZGxlQ2hhbmdlKHZhbHVlKSB7CiAgICAgIGNvbnNvbGUubG9nKGBzZWxlY3RlZCAke3ZhbHVlfWApOwogICAgfSwKCQlnZXRVc2VyKCkgewogICAgICB0aGlzLiRhcGkuQWxsVXNlcigpLnRoZW4ocmVzID0+IHsKICAgICAgY29uc3QgdXNlcnMgPSByZXMuZGF0YTsKICAgIGNvbnN0IHVzZXJNYXAgPSB7fTsKICAgIHVzZXJzLmZvckVhY2godXNlciA9PiB7CiAgICAgIHVzZXJNYXBbdXNlci51c2VySWRdID0gdXNlci51c2VyTmFtZTsKICAgIH0pOwogICAgdGhpcy51c2VyRGF0YSA9IHVzZXJNYXA7CgkJY29uc29sZS5sb2codGhpcy51c2VyRGF0YSkKICB9KS5jYXRjaChlcnJvciA9PiB7CiAgICBjb25zb2xlLmVycm9yKGVycm9yKTsKICB9KTsKfSwKICAgIGFzeW5jIGdldExpc3QoKSB7CiAgdHJ5IHsKICAgIC8vIOW8gOWni+WKoOi9ve+8jOaYvuekuuWKoOi9veaMh+ekuuWZqAogICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsKCQl0aGlzLnF1ZXJ5ID0gdGhpcy4kcmVmcy5zZWFyY2hGb3JtLmdldFJlc3VsdCgpOwogICAgLy8g5L2/55SoIGF3YWl0IOebtOaOpeetieW+heW8guatpeaTjeS9nOeahOe7k+aenAogICAgY29uc3QgcmVzID0gYXdhaXQgdGhpcy4kYXBpLkFsbEFydGljbGUoKTsKICAgIC8vIOaJk+WNsOWTjeW6lOe7k+aenAoJCXRoaXMub3JpZ2luYWxVc2VycyA9IHJlcy5kYXRhCgkJdGhpcy5maWx0ZXJVc2VycygpOyAvLyDosIPnlKjov4fmu6TnlKjmiLfmlrnms5UKICAgIGNvbnNvbGUubG9nKCdyZXMnLCByZXMuZGF0YSk7CiAgICAvLyDkvb/nlKjlk43lupTnu5Pmnpzmm7TmlrDmlbDmja4KCQl0aGlzLnRvdGFsID0gcmVzLmRhdGEubGVuZ3RoOwogIH0gY2F0Y2ggKGVycm9yKSB7CiAgICAvLyDlpITnkIblj6/og73lh7rnjrDnmoTplJnor68KICAgIGNvbnNvbGUuZXJyb3IoIuiOt+WPluaWh+eroOWIl+ihqOWksei0pToiLCBlcnJvcik7CiAgfSBmaW5hbGx5IHsKICAgIC8vIOaXoOiuuuaIkOWKn+i/mOaYr+Wksei0pe+8jOacgOWQjumDveS8muaJp+ihjO+8jOmakOiXj+WKoOi9veaMh+ekuuWZqAogICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7CiAgfQp9LAovLyDmkJzntKIJCQpmaWx0ZXJVc2VycygpIHsKICAJCWxldCBmaWx0ZXJlZFVzZXJzID0gdGhpcy5vcmlnaW5hbFVzZXJzLnNsaWNlKCk7IC8vIOWkjeWItuWOn+Wni+eUqOaIt+aVsOaNrgoJCQljb25zb2xlLmxvZyh0aGlzLnF1ZXJ5KQogIAlpZiAodGhpcy5xdWVyeS5hcnRpY2xlVGl0bGUpIHsKICAgIGZpbHRlcmVkVXNlcnMgPSBmaWx0ZXJlZFVzZXJzLmZpbHRlcih1c2VyID0+IHVzZXIuYXJ0aWNsZVRpdGxlLmluY2x1ZGVzKHRoaXMucXVlcnkuYXJ0aWNsZVRpdGxlKSk7CiAgCX0KCiAgaWYgKHRoaXMucXVlcnkudXNlck5hbWUpIHsKICAgIGZpbHRlcmVkVXNlcnMgPSBmaWx0ZXJlZFVzZXJzLmZpbHRlcih1c2VyID0+IHVzZXIudXNlcklkLmluY2x1ZGVzKHRoaXMucXVlcnkudXNlck5hbWUpKTsKICB9CglpZiAodGhpcy5xdWVyeS5hcnRpY2xlQ29udGVudCkgewogICAgZmlsdGVyZWRVc2VycyA9IGZpbHRlcmVkVXNlcnMuZmlsdGVyKHVzZXIgPT4gdXNlci5hcnRpY2xlQ29udGVudC5pbmNsdWRlcyh0aGlzLnF1ZXJ5LmFydGljbGVDb250ZW50KSk7CiAgfQogIGNvbnN0IHN0YXJ0ID0gKHRoaXMuY3VycmVudCAtIDEpICogdGhpcy5wYWdlU2l6ZTsKICBjb25zdCBlbmQgPSBzdGFydCArIHRoaXMucGFnZVNpemU7CiAgdGhpcy5kYXRhID0gZmlsdGVyZWRVc2Vycy5zbGljZShzdGFydCwgZW5kKTsKfSwKICB9LAp9OwovLyDliJvlu7rmkJzntKLpgInpobkKZnVuY3Rpb24gY3JlYXRlU2VhcmNoT3B0aW9ucygpIHsKICByZXR1cm4gWwogICAgewogICAgICBsYWJlbDogJ+agh+mimCcsCiAgICAgIGtleTogJ2FydGljbGVUaXRsZScsCiAgICAgIGRlZmF1bHQ6ICcnLAogICAgICBjb21wb25lbnQ6ICdpbnB1dCcsCiAgICB9LAogICAgewogICAgICBsYWJlbDogJ+S9nOiAhScsCiAgICAgIGtleTogJ3VzZXJOYW1lJywKICAgICAgZGVmYXVsdDogJycsCiAgICAgIGNvbXBvbmVudDogJ2lucHV0JywKICAgIH0sCgkJewogICAgICBsYWJlbDogJ+WGheWuuScsCiAgICAgIGtleTogJ2FydGljbGVDb250ZW50JywKICAgICAgZGVmYXVsdDogJycsCiAgICAgIGNvbXBvbmVudDogJ2lucHV0JywKICAgIH0sCiAgICB7CiAgICAgIGxhYmVsOiAn5pe26Ze0JywKICAgICAga2V5OiAncHVibGlzaFRpbWUnLAogICAgICBkZWZhdWx0OiAoKSA9PiBbXSwKICAgICAgbWFwcGVyOiAoeyBwdWJsaXNoVGltZSB9KSA9PiBwdWJsaXNoVGltZS5qb2luKCd+JyksCiAgICAgIGNvbXBvbmVudDogJ3JhbmdlLXBpY2tlcicsCiAgICB9LAogICAgCiAgXTsKfQo="},{"version":3,"sources":["Article.vue"],"names":[],"mappings":";AAyEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;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;;AAEA;AACA","file":"Article.vue","sourceRoot":"src/views/communtiy","sourcesContent":["<template>\n <!-- 主容器 -->\n <div>\n\t\t<!-- 搜索表单 -->\n <SearchForm\n ref=\"searchForm\"\n :loading=\"loading\"\n :options=\"searchOptions\"\n @search=\"search\"\n @reset=\"search\"\n />\n <!-- 标签选择器 -->\n <a-card :bordered=\"false\" class=\"ant-pro-components-tag-select\" style=\"margin-bottom:-82px\"> \n <a-form :form=\"form\" layout=\"inline\">\n <!-- 类目选择 -->\n <standard-form-row title=\"所属类目\" block style=\"padding-bottom: 11px;\">\n <a-form-item>\n <!-- 标签选择器组件 -->\n <tag-select>\n \t\t\t\t\t<!-- 类目选项 -->\n\t\t\t\t\t\t<!-- 全部选项 -->\n \t\t\t\t\t<tag-select-option value=\"全部\" @click.native=\"getList\"><h3><a-icon type=\"audit\" />全部</h3></tag-select-option>\n \t\t\t\t<tag-select-option value=\"公告\" @click.native=\"search('公告')\"><h3><a-icon type=\"audit\" />公告</h3></tag-select-option>\n \t\t\t\t<tag-select-option value=\"交流\" @click.native=\"search('交流')\"><h3><a-icon type=\"audit\" />交流</h3></tag-select-option>\n \t\t\t\t<tag-select-option value=\"讨论\" @click.native=\"search('讨论')\"><h3><a-icon type=\"audit\" />讨论</h3></tag-select-option>\n </tag-select>\n </a-form-item>\n </standard-form-row>\n </a-form>\n </a-card>\n <!-- 文章列表 -->\n <a-card style=\"margin-top: 24px;\" :bordered=\"false\">\n <a-list\n size=\"large\"\n rowKey=\"id\"\n :loading=\"loading\"\n itemLayout=\"vertical\"\n :dataSource=\"data\"\n\t\t\t\t:pagination=\"pagination\"\n\t\t\t\t@change=\"changePage\"\n >\n\t\t\t<div class=\"side-brick\">\t\t\t\n\t\t\t\t<ul class=\"brick-box\">\n\t\t\t\t\t<li class=\"brick-list\" v-for=\"item in data\">\n\t\t\t\t\t\t<router-link :to=\"'/pages?id=' + item.articleId\">\n\t\t\t\t <a class=\"item-box-retina\">\n\t\t\t\t\t <figure class=\"item-box-img\">\n\t\t\t\t\t\t\t<!-- 文章图片 -->\n\t\t\t\t\t\t\t<!-- 调用extractImageUrl方法并传递文章内容 -->\n\t\t\t\t\t\t\t<img class=\"lazy\" :src=\"extractImageUrl(item.articleContent)\" alt=\"Article Cover\">\n\t\t\t\t\t\t\t<!-- <img class=\"lazy\" :src=\"item.articleContent.match(imageUrlRegex)\" > -->\n\t\t\t\t\t\t\t<!-- 文章标题 -->\n\t\t\t\t\t\t\t<h3>{{item.articleTitle}}</h3>\n\t\t\t\t\t\t</figure>\n\t\t\t\t\t\t<!-- 文章内容 -->\n\t\t\t\t\t <p class=\"item-user-info\" v-html=\"item.articleContent\"></p>\n\t\t\t\t\t <p class=\"item-user-author\">\n\t\t\t\t\t\t <img src=\"/logo.png\" :alt=\"userData[item.userId]\">\n\t\t\t\t\t\t\t\t<!-- 文章作者 -->\n\t\t\t\t\t\t <span class=\"comment-username\">{{userData[item.userId]}}<span class=\"autlv aut-5 vs-level\">V</span></span>\n\t\t\t\t\t\t <span class=\"comment-tip\"><i class=\"icon font-time\"></i>{{item.publishTime | formatTime}}</span>\n\t\t\t\t\t </p>\n\t\t\t\t </a>\n\t\t\t\t\t</router-link>\n\t\t\t </li>\t\t\t\n\t\t</ul>\t\n\t</div>\n </a-list>\n </a-card>\n </div>\n</template>\n\n<script>\nimport TagSelect from '../../components/TagSelect';\nimport StandardFormRow from '../../components/StandardFormRow';\nimport ArticleListContent from '../../components/ArticleListContent';\nimport IconText from './components/IconText';\nconst TagSelectOption = TagSelect.Option;\nexport default {\n components: {\n TagSelect,\n TagSelectOption,\n StandardFormRow,\n ArticleListContent,\n IconText,\n },\n data() {\n return {\n\t\t\tuserData:[],\n\t\t\timageUrlRegex:/(http[s]?:\\/\\/[^(\\s|\")]+\\.(png|jpg|jpeg|gif|webp))/gi,\n\t\t\tcurrent: 1,\n\t\t\tpageSize: 8,\n loading: true,\n loadingMore: false,\n data: [],\n\t\t\toriginalUsers: [],\n\t\t\ttotal: 0,\n form: this.$form.createForm(this),\n };\n },\n mounted() {\n\t\tthis.getUser() \n\t\tthis.$watch(() => [this.pageSize, this.current], this.getList, { immediate: true });\n },filters: {\n formatTime: function(value) {\n // 在这里编写时间格式化逻辑，例如：\n const parsedTime = new Date(value);\n const year = parsedTime.getFullYear();\n const month = String(parsedTime.getMonth() + 1).padStart(2, '0');\n const day = String(parsedTime.getDate()).padStart(2, '0');\n return `${year}-${month}-${day}`;\n }\n},\ncomputed:{\n\tsearchOptions() {\n return createSearchOptions.call(this);\n },\n\t\tpagination() {\n return {\n current: this.current,\n pageSize: this.pageSize,\n total: this.total,\n showSizeChanger: true,\n pageSizeOptions: ['8', '9', '10', '20'],\n showQuickJumper: true,\n showTotal: total => `Total ${total} items`,\n onChange: this.changePage,\n onShowSizeChange: this.changePage\n };\n },\n},\n methods: { extractImageUrl(content) {\n // 定义匹配图片URL的正则表达式\n const imageUrlRegex = /(http[s]?:\\/\\/[^(\\s|\")]+\\.(png|jpg|jpeg|gif|webp))/gi;\n // 使用正则表达式匹配内容中的图片URL\n const matches = content.match(imageUrlRegex);\n // 如果找到匹配项，返回第一张图片的URL\n if (matches && matches.length > 0) {\n return matches[0];\n }\n\t\t\t// 避免浏览器缓存\n\t\t\tconst randomSeed = Math.floor(Math.random() * 10000); // 生成一个0到9999之间的随机数\n // 如果没有找到匹配的图片，可以使用随机图片\n return 'https://api.7585.net.cn/bing/api.php?rand=1?'+randomSeed;\n },\n\t\tasync getImage(articleId) {\n try {\n const res = await this.$api.AllArticle();\n let content = res.data.filter(item => item.articleId === articleId);\n\n if (content.length === 0) {\n console.log(\"未找到对应文章内容\");\n return null; // 返回空值，表示未找到封面图片\n }\n\n const imageUrlRegex = /(http[s]?:\\/\\/[^(\\s|\")]+\\.(png|jpg|jpeg|gif|webp))/gi;\n const images = content[0].articleContent.match(imageUrlRegex);\n\n if (images && images.length > 0) {\n console.log(\"找到封面图片链接:\", images[0]);\n return images[0]; // 返回第一张匹配到的图片链接\n } else {\n console.log(\"未找到图片链接\");\n return null; // 返回空值，表示未找到封面图片\n }\n } catch (error) {\n console.error(\"获取文章内容失败:\", error);\n return null; // 返回空值，表示未找到封面图片\n }\n},\n\t\t// 搜索\n search() {\n this.current = 1;\n this.getList();\n },\n\t\t// 分页切换\n\t\tchangePage(current, pageSize) {\n this.current = current;\n this.pageSize = pageSize;\n this.getList();\n },\n handleChange(value) {\n console.log(`selected ${value}`);\n },\n\t\tgetUser() {\n this.$api.AllUser().then(res => {\n const users = res.data;\n const userMap = {};\n users.forEach(user => {\n userMap[user.userId] = user.userName;\n });\n this.userData = userMap;\n\t\tconsole.log(this.userData)\n }).catch(error => {\n console.error(error);\n });\n},\n async getList() {\n try {\n // 开始加载，显示加载指示器\n this.loading = true;\n\t\tthis.query = this.$refs.searchForm.getResult();\n // 使用 await 直接等待异步操作的结果\n const res = await this.$api.AllArticle();\n // 打印响应结果\n\t\tthis.originalUsers = res.data\n\t\tthis.filterUsers(); // 调用过滤用户方法\n console.log('res', res.data);\n // 使用响应结果更新数据\n\t\tthis.total = res.data.length;\n } catch (error) {\n // 处理可能出现的错误\n console.error(\"获取文章列表失败:\", error);\n } finally {\n // 无论成功还是失败，最后都会执行，隐藏加载指示器\n this.loading = false;\n }\n},\n// 搜索\t\t\nfilterUsers() {\n \t\tlet filteredUsers = this.originalUsers.slice(); // 复制原始用户数据\n\t\t\tconsole.log(this.query)\n \tif (this.query.articleTitle) {\n filteredUsers = filteredUsers.filter(user => user.articleTitle.includes(this.query.articleTitle));\n \t}\n\n if (this.query.userName) {\n filteredUsers = filteredUsers.filter(user => user.userId.includes(this.query.userName));\n }\n\tif (this.query.articleContent) {\n filteredUsers = filteredUsers.filter(user => user.articleContent.includes(this.query.articleContent));\n }\n const start = (this.current - 1) * this.pageSize;\n const end = start + this.pageSize;\n this.data = filteredUsers.slice(start, end);\n},\n },\n};\n// 创建搜索选项\nfunction createSearchOptions() {\n return [\n {\n label: '标题',\n key: 'articleTitle',\n default: '',\n component: 'input',\n },\n {\n label: '作者',\n key: 'userName',\n default: '',\n component: 'input',\n },\n\t\t{\n label: '内容',\n key: 'articleContent',\n default: '',\n component: 'input',\n },\n {\n label: '时间',\n key: 'publishTime',\n default: () => [],\n mapper: ({ publishTime }) => publishTime.join('~'),\n component: 'range-picker',\n },\n \n ];\n}\n</script>\n\n<style lang=\"less\" scoped>\n.ant-pro-components-tag-select {\n :deep(.ant-pro-tag-select .ant-tag) {\n margin-right: 24px;\n padding: 0 8px;\n font-size: 14px;\n }\n}\n.ant-pro-components-tag-select .ant-tag-checkable-checked {\n color: black; /* 设置为你喜欢的颜色 */\n}\n.list-articles-trigger {\n margin-left: 12px;\n}\n.box-show, .post-list {\n position: relative;\n background: rgba(192, 111, 111, 0.95);\n border: 1px solid rgba(221, 221, 221, 0.28);\n padding: 0 20px;\n border-radius: 18px;\n margin-bottom: 20px;\n -webkit-box-shadow: 0px 0px 10px -2px rgba(158,158,158,0.2);\n box-shadow: 0px 0px 10px -2px rgba(158,158,158,0.2);\n}article, input, textarea, b, ul, li, i, button, a, .swiper-button-next, .swiper-button-prev {\n -moz-transition: ease-in-out 0.3s;\n -webkit-transition: ease-in-out 0.3s;\n -o-transition: ease-in-out 0.3s;\n -ms-transition: ease-in-out 0.3s;\n transition: ease-in-out 0.3s;\n}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\n display: block;\n}html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {\n margin: 0;\n padding: 0;\n outline: 0;\n border: 0;\n background: transparent;\n vertical-align: baseline;\n font-size: 100%;\n}article {\n display: block;\n unicode-bidi: isolate;\n}body {\n color: #666;\n font-family: \"Microsoft Yahei\", Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 1.42857143;\n background-color: #f5f5f5;\n background-repeat: no-repeat;\n background-attachment: fixed;\n background-position: top center;\n}\n.side-title-wrap {\n margin-top: 15px;\n padding-bottom: 15px;\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n position: relative;\n border-bottom: 1px solid #ddd;\n}.side-title-wrap h3.widget-title {\n font-size: 16px;\n color: #333;\n margin-right: 16px;\n display: inline-block;\n vertical-align: bottom;\n padding-left: 10px;\n margin-left: 0px;\n border-left: 4px solid #3690cf;\n font-weight: 400;\n}.side-title-wrap span, .side-title-wrap span.suburl a {\n font-size: 12px;\n color: #999;\n}.brick-box {\n margin-right: -2%;\n margin-top: 20px;\n overflow: hidden;\n}li.brick-list {\n float: left;\n position: relative;\n width: 23%;\n margin-right: 2%;\n margin-bottom: 15px;\n border-radius: 4px;\n overflow: hidden;\n transition: all .3s ease;\n}figure.item-box-img {\n height: 190px;\n position: relative;\n overflow: hidden;\n}p.item-user-info {\n height: 44px;\n margin-top: 10px;\n line-height: 1.6;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n white-space: normal;\n}p.item-user-author {\n overflow: hidden;\n line-height: 32px;\n margin-top: 10px;\n padding-top: 10px;\n position: relative;\n}\n.side-brick {\n margin-top: 20px;\n overflow: hidden;\n background: rgba(255, 255, 255, 0.68);\n border: 1px solid rgba(221, 221, 221, 0.28);\n padding: 0 20px;\n border-radius: 18px;\n margin-bottom: 20px;\n -webkit-box-shadow: 0px 0px 10px -2px rgba(158,158,158,0.2);\n box-shadow: 0px 0px 10px -2px rgba(158,158,158,0.2);\n}\n</style>\n"]}]} |