{"version":3,"sources":["webpack:///src/views/butler/page/src/views/butler/page/subjectManagement.vue"],"names":[],"mappings":"AACA,uBACA,WAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,wBACA","file":"chunk-374cf033.224e1ea7.css","sourcesContent":["<style scoped>\n.tips {\n    margin: 20px;\n    height: 38px;\n    line-height: 38px;\n    background: #fafafa;\n    border-radius: 4px;\n    opacity: 0.8;\n    border: 1px solid #e8e8e8;\n}\n</style>\n<template>\n  <div class=\"main-content\">\n    <div class=\"main-titel\">\n      <span>动态管理</span>\n    </div>\n    <div class=\"content\">\n      <div class=\"\">\n        <VueTable ref=\"table\"\n                  :config='config'\n                  @tableCheck=\"tableCheck\">\n          <template slot=\"footer\">\n            <div class=\"table-footer\">\n              <button @click=\"detail(table_row)\">详情</button>\n              <button @click=\"recovery(table_row)\">恢复</button>\n              <button @click=\"del(table_row)\">删除</button>\n              <button @click=\"opensubmit(table_row)\">开启/停止用户动态发布功能</button>\n              <button @click=\"opencomment(table_row)\">开启/停止用户评论功能</button>\n              <!-- 开启/停止用户动态发布功能 -->\n              <!-- 开启/停止用户评论功能 -->\n            </div>\n          </template>\n        </VueTable>\n      </div>\n      <Drawer :drawerVrisible='drawer_details' @drawerClose='getClose' drawerTitle=\"动态详情\">\n          <div style=\"padding: 30px\">\n                        <FromCard>\n                            <template slot=\"title\">详情信息</template>\n                            <div style=\"fontSize:16px;lineheight:20px\">\n                              <el-row style=\"marginTop:10px\">\n                                <el-col :span=\"5\" style=\"color:#999999;\">发布人</el-col>\n                                <el-col :span=\"19\">{{detailList.gambitName}}</el-col>\n                              </el-row>\n                              <el-row style=\"marginTop:10px\">\n                                <el-col :span=\"5\" style=\"color:#999999\">动态内容</el-col>\n                                <el-col :span=\"19\">{{detailList.gambitContent}}</el-col>\n                              </el-row>\n                              <el-row style=\"marginTop:10px\">\n                                <el-col :span=\"5\" style=\"color:#999999\">附带图片</el-col>\n                                <el-col :span=\"19\">{{detailList.gambitName}}</el-col>\n                              </el-row>\n                              <el-row style=\"marginTop:10px\">\n                                <el-col :span=\"5\" style=\"color:#999999\">显示状态</el-col>\n                                <el-col :span=\"19\">{{detailList.isDelete=1?'正常':'已删除'}}</el-col>\n                              </el-row>\n                              <el-row style=\"marginTop:10px\">\n                                <el-col :span=\"5\" style=\"color:#999999\">点赞人数</el-col>\n                                <el-col :span=\"7\">{{detailList.likeNum}}</el-col>\n                                <el-col :span=\"5\" style=\"color:#999999\">评论人数</el-col>\n                                <el-col :span=\"7\">{{detailList.commentNum}}</el-col>\n                              </el-row>\n                              <el-row style=\"marginTop:10px\">\n                                <el-col :span=\"5\" style=\"color:#999999\">关联话题</el-col>\n                                <el-col :span=\"19\">{{detailList.summary}}</el-col>\n                              </el-row>\n                            </div>\n                        </FromCard>\n                        <FromCard style=\"marginTop:20px\">\n                          <template slot=\"title\">评论列表</template>\n                          <el-table :data=\"gambitThemeFindCommentByTheme\">\n                              <el-table-column prop=\"createName\" label=\"评论人\" width=\"200px\"></el-table-column>\n                              <el-table-column prop=\"createDate\" label=\"评论时间\"></el-table-column>\n                              <el-table-column prop=\"content\" label=\"评论内容\"></el-table-column>\n                              <el-table-column\n                                label=\"删除评论\">\n                                <template slot-scope=\"scope\">\n                                  <el-button\n                                    size=\"mini\"\n                                    type=\"danger\"\n                                    @click=\"handleDelete(scope.row)\">Delete</el-button>\n                                </template>\n                              </el-table-column>\n                          </el-table>\n                        </FromCard>\n                    </div>\n                    <div slot=\"footer\">\n                        <button class=\"btn-gray\" @click=\"getClose\">\n                            <span>取消</span>\n                        </button>\n                    </div>\n      </Drawer>\n    </div>\n\n  </div>\n</template>\n<script>\nimport { gambitThemeRecovery,gambitThemeEnableComment, gambitThemeEnableTheme,gambitThemeList,gambitThemeFindCommentByThemeId,gambitThemeDeleteCommentByCommentId} from '@/api/butler'\nexport default {\n  data () {\n    return {\n      drawer_details: false,\n      gambitThemeFindCommentByTheme:[],// 评论列表 table data\n      detailList:{  //详情数据\n        gambitName:null,\n        gambitContent:null,\n        img:[],\n        isDelete:null,\n        likeNum:null,\n        commentNum:null,\n        summary:null,\n        themeContent:null,\n        themeCreateDate:null,\n        themeName:null\n      },\n      config: {\n        thead: [\n          { label: '序号', type: 'index', width: '80' },\n          { label: '动态内容', prop: 'gambitContent', width: '780' },\n        //  { label: '照片', prop: 'gambitContent', width: '780' },\n          // { label: '发布人昵称', prop: 'gambitNickName', width: '180' },\n          { label: '发布人姓名', prop: 'gambitName', width: '180' },\n          { label: '显示状态', prop: 'isDelete', width: 'auto' ,\n          type:\"function\",\n          callback:(row,prop)=>{\n            switch(row.isDelete){\n              case 1:\n                return '正常'\n                break\n              case 0:\n                return '已删除'\n                break\n            }\n          }},\n           { label: '话题标题', prop: 'title', width: '380' },\n           { label: '话题摘要', prop: 'summary', width: '180' },\n           { label: '点赞人数', prop: 'likeNum', width: '180', sortable: true },\n          { label: '评论人数', prop: 'commentNum', width: '180', sortable: true },\n            { label: '发布时间', prop: 'gambitCreateDate', width: '180', sortable: true },\n        ],\n        url: 'gambitThemeList',\n        table_data: [],\n        search_item: [\n          {\n            type: 'startDate',\n            label: '发布开始时间',\n            placeholder: '请选择开始日期',\n            prop: 'beginDate'\n          },\n          {\n            type: 'startDate',\n            label: '发布结束时间',\n            placeholder: '请选择结束日期',\n            prop: 'endDate'\n          },\n          {\n            type: 'Input',\n            label: '话题标题',\n            placeholder: '请输入',\n            prop: 'title'\n          },\n          {\n            type: 'Input',\n            label: '发布人姓名',\n            placeholder: '请输入',\n            prop: 'gambitName'\n          },\n          {\n            type: 'Input',\n            label: '发布人昵称',\n            placeholder: '请输入',\n            prop: 'nickName'\n          }, {\n            type: 'select',\n            label: '状态',\n            value: null,\n            options: [\n              { value: 0, label: '删除' },\n              { value: 1, label: '正常' }\n            ],\n            placeholder: '请输入',\n            prop: 'isDelete'\n          },\n          // {\n          //   type: 'Input',\n          //   label: '话题摘要',\n          //   placeholder: '请输入',\n          //   prop: 'summary',\n          //   width: '50%',\n          //   inputWidth: '658px'\n          // },\n          // {\n          //   type: 'Input',\n          //   label: '发布内容',\n          //   placeholder: '请输入',\n          //   prop: 'gambitContent',\n          //   width: '50%',\n          //   inputWidth: '658px'\n          // },\n          // {\n          //   type: 'Input',\n          //   label: '评论内容',\n          //   placeholder: '请输入',\n          //   width: '50%',\n          //   prop: 'content',\n          //   inputWidth: '658px'\n          // }\n        ],\n        data: {\n          pageNum: 1,\n          size: 10\n        },\n      },\n    }\n  },\n  methods: {\n    // 获取评论\n    getList(id){\n      gambitThemeFindCommentByThemeId({themeId:id}).then(res=>{\n        console.log(res);\n        this.gambitThemeFindCommentByTheme = res.data\n        // console.log(this.gambitThemeFindCommentByTheme);\n      })\n    },\n    // 删除评论\n    handleDelete(that){\n      console.log(that.id);\n      gambitThemeDeleteCommentByCommentId({commentId:that.id}).then(res=>{\n        if(res.status){\n          this.$message({type:'success',message:res.message})\n          // console.log(this.table_row);\n          // 删除评论后再获取一次评论\n          this.getList(this.table_row[0].id)\n        }\n      })\n    },\n    tableCheck (arr) {\n      this.table_row = arr\n\n    },\n    // 查看详情\n    detail(data){\n      if(data.length!=1){\n        this.$message({message:'请选择一条数据查看'})\n        return\n      }\n      this.drawer_details = true\n      gambitThemeList().then(res=>{\n        res.tableList&&res.tableList.forEach(ele => {\n          if (data[0].id == ele.id) {\n            console.log(ele);\n            this.detailList.gambitName = ele.gambitName\n            this.detailList.gambitContent = ele.gambitContent\n            this.detailList.isDelete = ele.isDelete\n            this.detailList.likeNum = ele.likeNum\n            this.detailList.commentNum = ele.commentNum\n            this.detailList.summary = ele.summary\n            this.detailList.themeContent = ele.themeContent\n             this.detailList.themeCreateDate = ele.themeCreateDate\n             this.detailList.themeName = ele.themeName\n            // this.detailList.img = ele.length\n          }\n        });\n      })\n      // 获取评论\n      this.getList(data[0].id)\n    },\n    // 开启停用动态发布\n    opensubmit(){\n      gambitThemeEnableTheme().then(res=>{\n        if (res.status) {\n              this.$message({\n                message: res.message,\n                type: 'success'\n              })\n              this.$refs.table.loadData()\n            }\n      })\n    },\n    // 开启停用评论发布\n    opencomment(){\n      gambitThemeEnableComment().then(res=>{\n        if (res.status) {\n              this.$message({\n                message: res.message,\n                type: 'success'\n              })\n              this.$refs.table.loadData()\n            }\n      })\n    },\n    getClose(data) {\n            this.drawer_details = false\n        },\n    // 恢复\n    recovery (data) {\n      if (data.length) {\n        let arr = []\n        for (let i = 0; i < this.table_row.length; i++) {\n          arr.push(this.table_row[i].id)\n        }\n        let resData = {\n          ids: arr\n        }\n        this.$confirm('是否批量恢复主题明细？', '恢复', {\n          confirmButtonText: '确定',\n          cancelButtonText: '取消',\n          confirmButtonClass: 'confirmButton',\n          cancelButtonClass: 'cancelButton'\n        }).then(() => {\n          gambitThemeRecovery(resData).then((res) => {\n            if (res.status) {\n              this.$message({\n                message: res.message,\n                type: 'success'\n              })\n              this.$refs.table.loadData()\n            }\n          })\n        }).catch(action => { });\n      } else {\n        this.$message.error('请选择');\n      }\n    },\n    // 删除\n    del (data) {\n      if (data.length) {\n        let arr = []\n        for (let i = 0; i < this.table_row.length; i++) {\n          arr.push(this.table_row[i].id)\n        }\n        this.$confirm('是否确认删除？删除不可恢复', '删除', {\n          confirmButtonText: '确定',\n          cancelButtonText: '取消',\n          confirmButtonClass: 'confirmButton',\n          cancelButtonClass: 'cancelButton'\n        }).then(() => {\n          this.$refs.table.tableDelete(arr)\n        }).catch(action => { });\n      } else {\n        this.$message.error('请选中需要删除的数据');\n      }\n    },\n\n  },\n}\n</script>\n"]}