信息汇总(避坑)系统

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

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

技术栈: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("文件不存在!")
      }
    },
  },

系统演示体验

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值