本系统前期设定为公司避坑系统，在此基础上衍生出公司信息汇总功能

主要功能点：避坑分类、标签、随笔记录、阅读人数、评论（用户评论、匿名评论，评论回复等）、系统留言（支持表情留言）、避坑信息发布（用户发布、匿名用户发布）、数据展示（动画版）、公司招聘信息新增、学历匹配、职位匹配、公司匹配等功能

技术栈：vue+element+springBoot

系统演示体验

系统页面截图

下为前端评论代码

      /**
       * 点赞
       */
      likeClick(item) {
        if (item.isLike === null) {
          Vue.$set(item, "isLike", true);
          item.likeNum++
          this.addCommentLike(item)
        } else {
          if (item.isLike) {
            item.likeNum--
            this.delCommentLike(item)
          } else {
            item.likeNum++
            this.addCommentLike(item)
          }
          item.isLike = !item.isLike;
        }
      },

      /**
       * 点击取消按钮
       */
      cancelInput() {
        this.showItemId = ''
      },

      /**
       * 提交评论
       */
      commitComment(value) {
        this.$emit("replyConfirm", value)

      },

      /**
       * 点击评论按钮显示输入框
       * item: 当前大评论
       * reply: 当前回复的评论
       */
      showCommentInput(item, reply) {
        if (reply) {
          this.inputComment = ""
          this.name = "回复@" + reply.createBy + ":"
          this.id = reply.id
        } else {
          this.inputComment = ''
          this.name = '写下你的评论'
          this.id = item.id
        }
        this.showItemId = item.id
      }
    },
    created() {
    }

下为不良信息展示

// 获取不良信息详情信息
    async getBlogInfomation() {
      getBlogDetail(this.$route.query).then(response => {
        // const {data: res} = response;
        let jsonobj = JSON.parse(tools.Decrypt(response));
        this.blog = jsonobj.Data.data
        let d=new Date(jsonobj.Data.data.createTime);
        this.blog.createTime = d.toLocaleDateString();
          this.blog.blogFilesNew = []

          if (jsonobj.Data.data.blogFiles !== null) {
            this.blog.blogFilesNew = JSON.parse(jsonobj.Data.data.blogFiles)
          }
        });
    },
    // 文件下载处理
    handleDownload(row) {
      var name = row.fileOriginName;
      var url = row.filePath;
      var suffix = url.substring(url.lastIndexOf("."), url.length);
      const a = document.createElement('a')
      a.setAttribute('download', name)
      a.setAttribute('target', '_blank')
      a.setAttribute('href', process.env.VUE_APP_BASE_API + url)
      a.click()
    },
    // 文件预览处理
    async handlePreview(row) {
      var name = row.fileOriginName;
      var filePath = row.filePath;
      var url = process.env.VUE_APP_BASE_API + filePath;
      const response = await fetch(url);
      if(response.status === 200){
        const blob = await response.blob()
        var objectURL = window.URL.createObjectURL(blob);
        var openUrl = window.location.origin + '/fileViewer/index.html' + '?name=' + name + '&url=' + objectURL
        window.open(openUrl);
      } else {
        this.$message.error("文件不存在！")
      }
    },
  },

系统演示体验