From 77373c2129f38b821f7f066234ea806f6df96e79 Mon Sep 17 00:00:00 2001
From: Zhang HaoYang <1304907854@qq.com>
Date: Fri, 29 Dec 2023 00:28:38 +0800
Subject: [PATCH] update

---
 .../setting/comment/CommentManage.vue         | 242 +++++++++++++++++-
 1 file changed, 236 insertions(+), 6 deletions(-)

diff --git a/src/components/setting/comment/CommentManage.vue b/src/components/setting/comment/CommentManage.vue
index 0f9f335..3b1335c 100644
--- a/src/components/setting/comment/CommentManage.vue
+++ b/src/components/setting/comment/CommentManage.vue
@@ -1,23 +1,253 @@
 <template>
+  <div class="main" style="text-shadow: 0 0 20px var(--font-border);overflow: scroll">
+    <div class="HeadLine" style="margin-top:30px;margin-left:15px;">
+      <div class="HeadSquare" ></div>
+      <div class="TitleFont" style="color:var(--theme-color)"><i class="el-icon-s-grid"></i>评论管理</div>
+    </div>
+    <div class="base-style" style="margin-top:20px;font-family: SimHei;font-size:18px;font-weight:600;margin-left:20px">
+      <el-table class="MyTable"
+                :data="List"
+                header-row-class-name="table_header_class"
+                border>
+        <el-table-column
+            align="center"
+            prop="id"
+            label="评论id"
+            width="150">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="id"
+            label="评论内容"
+            width="150">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="title"
+            label="评论者"
+            width="180">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="title"
+            label="评论时间"
+            width="180">
+        </el-table-column>
+        <el-table-column
+            align="center"
+            prop="title"
+            label="点赞数"
+            width="180">
+        </el-table-column>
+        <el-table-column prop="date" label="操作" width="100">
+          <template slot-scope="scope">
+            <div class="ButtonBlock">
+              <img class="MyButton" @click="handleDelete(scope.row)"
+                   src="../../../assets/img/DeleteButton.svg" style="width:60px">
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
 
+
+  </div>
 </template>
 <script>
+import axios from "axios";
+import Vue from "vue";
 export default {
-  name: "CommentManage",
+  name: "NoticeManage",
   data() {
-    return {}
+    return {
+      // 表头名字：
+      titlename:null,
+      // 新增目录页面：
+      openAddCategory:false,
+      // 对话框显示：
+      dialogVisible:false,
+      // 允许对话框修改：
+      isEdit:true,
+      searchCate:'',
+      userId:null,
+      List:[],
+      form:{
+        title: null,
+        content: null,
+        url: null,
+      },
+      // 校验规则
+      rules: {
+        title: [{ required: 'true', message: '请输入通标题', trigger: 'blur' }],
+        content: [{ required: 'true', message: '请输入通知内容', trigger: 'blur' }],
+        // needLogin: [{ required: 'true', message: '请完善信息', trigger: 'blur' }],
+        // status: [{ required: 'true', message: '请输入是否启用', trigger: 'blur' }],
+        url: [{ required: 'true', message: '请慎入跳转连接', trigger: 'blur' }],
+      }
+    }
   },
   mounted() {
-
+    this.getFormatDate();
   },
   created() {
-
+    this.getUserInfo();
   },
   computed: {},
-  methods: {}
+  methods: {
+
+    // 删除网址：
+    handleDelete(index) {
+      var that=this;
+      this.$confirm('此操作将永久删除该评论, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        axios({
+          method: 'get',
+          // 请求的地址
+          url: '/api/comment/deleteByCommentId',
+          // URL 中的查询参数
+          params: {
+            commentId: index.id,
+          }
+        }).then(function (res) {
+          if (res.data.code === 500) {
+            Vue.prototype.$notify.error({
+              title: '错误',
+              message: res.data.msg,
+              offset: 50
+            });
+          } else {
+            Vue.prototype.$notify({
+              title: '成功',
+              message: ('i', {style: 'color: teal'}, "删除成功"),
+              type: 'success',
+              offset: 50
+            });
+            that.GetData();
+          }
+
+        });
+      }).catch(() => {
+        // 点击取消:不删除了
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+    },
+    // 编辑按钮：
+    handleEdit(index) {
+      var _this = this;
+      this.openAddCategoryFun();
+      _this.titlename="编辑通知";
+      // 深拷贝
+      this.form = index;
+    },
+    // 时间转换：
+    getFormatDate() {
+      var that = this;
+      for(let i = 0 ; i < that.List.length; i++){
+        var date = new Date(that.List[i].createtime);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
+        var Y = date.getFullYear() + '年';
+        var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '月';
+        var D = date.getDate() + '日 ';
+        console.log("date: " + Y + M + D);
+        that.List[i].createtime = "" + Y + M + D;
+      }
+    },
+    // 获取用户ID
+    getUserInfo() {
+      let _this = this;
+      if(localStorage.getItem("Authorization") && localStorage.getItem("userId")){
+        _this.userId = localStorage.getItem("userId")
+        _this.GetData();
+      } else {
+        Vue.prototype.$notify.error({
+          title: '错误',
+          message: "登录状态失效，请重新登录！",
+          offset: 0
+        });
+      }
+    },
+    GetData(){
+      // 获取数据
+      var that = this;
+      axios({
+        method:'get',
+        url:'/api/notice/select',
+        params:{
+        }
+      }).then(function(res){
+        that.List = res.data;
+        for(let i = 0 ; i < that.List.length; i++){
+          var date = new Date(that.List[i].createtime);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
+          var Y = date.getFullYear() + '年';
+          var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '月';
+          var D = date.getDate() + '日 ';
+          that.List[i].createtime = "" + Y + M + D;
+        }
+      })
+      // /selectAllArticleByadmin
+      that.form.userId = that.userId;
+
+    },
+
+  }
 
 }
 </script>
 <style scoped>
+.base-style{
+  display: flex;
+  flex-direction: column;
+}
+/**表格样式，直接复制**/
+::v-deep .table_header_class th{
+  background-color: var(--table-bg-color)!important;
+  color:var(--theme-color);
+  text-align: center;
+}
+.MyTable{
+  margin-top:10px;
+  width: 100%;
+  background-color:var(--table-bg-color);
+  color:var(--theme-color);
+  border-radius: 5px;
+}
 
-</style>
\ No newline at end of file
+::v-deep .el-table__body tr:hover > td {
+  background-color: var(--table-bg-color-hover) !important;
+}
+
+::v-deep .el-table tr,
+.el-table th.el-table__cell {
+  background-color: var(--table-bg-color);
+  border: var(--table-border) solid 3px;
+}
+
+::v-deep .el-table--border{
+  border: var(--table-border) solid 3px;
+}
+.login_container {
+  width: 400px;
+  border: 1px solid #eaeaea;
+  margin: 100px auto;
+  padding: 35px 35px 15px 35px;
+  box-sizing: border-box;
+  border-radius: 15px;
+  background-color: #fff;
+  box-shadow: 0 0 25px #cac6c6;
+  .login_title{
+    color: #505458;
+    text-align: center;
+    margin-bottom: 40px;}
+}
+
+::v-deep .el-dialog__body{
+  background-image: url("../../../assets/img/SkyPic.jpg");
+  margin-top:15px;
+  height:400px;
+}
+</style>