import {
  getIssueDetail,
  getIssueTypeStatistics,
  getRemarkList,
  // showRemarkStatement,
  issueComLike,
  issueComUnlike,
  itemComLike,
  itemComUnlike,
  // showIssueStatement,
  issueSupport,
  issueOpposition,
  itemSupport,
  itemOpposition,
  getProjectDetail,
  getProjectTypeStatistics,
  getIssueHandleProgressV2,
  getProjectHandleProgressV2
} from "../../utils/api"
import {
  formatTimestamp
} from "../../utils/common"
const app = getApp()
Page({
  data: {
    loadMoreVisible: false, // loadMoreVisible 和 loadMoreType 控制 超出一屏时的 加载和没有更多的显示与隐藏
    loadMoreType: "none",
    issueId: "", // 议题id
    projectId: "", // 项目id
    detailId: "", // 页面获得项目或议题id
    detailType: "issue", // 议题详情 还是 项目详情
    detailObj: { // 详情内容对象
      id: "",
      content: "",
      distributeTime: "",
      partyFlag: "",
      nickname: "",
      avatar: "",
      browseNum: "",
      approveNum: 0,
      opposeNum: "",
      images: "",
      userLike: "",
      categoryCode: "",
      firstCategoryCode: "", // 一级分类code
      userDislike: "",
      isOperational: "",
      address: "",
      operational: true, // 议题是否可操作
      itemState: "", // 项目状态 0-处理中 5-已关闭 10-已结案
      showSatisfactionEvaluation: false,
      issueToProjectId: "", // 项目当中，之前的议题id
    },
    typeStatisticsObj: { // 列表统计对象
      attitudeNum: "",
      categoryCode: "",
      categoryName: "",
      issueNum: "",
      itemNum: ""
    },
    handleProgressList: [], // 处理进展列表
    timeStamp: "", // 加载评论列表 需要的时间戳
    remarkType: "new", // 评论 最新最热类型
    pageNo: 1, // 页码
    pageSize: 10, // 页长
    remarkObj: { // 评论列表
      statementNum: 0,
      commentsList: []
    },
    supportTimer: "", // 点赞 支持的计时器
    dispportTimer: "", // 点踩 反对的计时器
    dialogVisible: false, // 提示信息探矿所需入参
    dialogTitle: "",
    dialogContent: "",
    dialogConformText: "",
    dialogCancelText: "",
    completeInfoDialogVisible: false, // 完善信息弹窗
    infoCompleted: 0, // 当前用户是否完善信息
    showClassify: "hide" // 是否显示 议题/项目分类列表
  },
  onLoad (options) {
    if (options.showClassify === "show") {
      this.setData({
        showClassify: "show"
      })
    }
    if (options.type === "issue") {
      this.setData({
        detailType: "issue",
        detailId: options.detailId,
        issueId: options.detailId
      })
      this.getIssueDetail().then(() => {
        this.getIssueTypeStatistics(this.data.detailObj.firstCategoryCode)
      })
      this.getIssueHandleProgressV2(this.data.issueId).then(res => {
        const handleProgressList = []
        res.forEach((item, index) => {
          if (index === res.length - 1) {
            item.type = "point"
            item.isFirst = true
            handleProgressList.push(item)
          } else {
            item.type = "issue"
            item.isFirst = false
            handleProgressList.push(item)
          }
        })
        this.setData({
          handleProgressList
        })
      })
      this.getRemarkList()
      wx.setNavigationBarTitle({
        title: "议题详情"
      })
    } else if (options.type === "project") {
      wx.setNavigationBarTitle({
        title: "项目详情"
      })
      this.setData({
        detailType: "project",
        projectId: options.detailId,
        detailId: options.detailId
      })
      this.getProjectDetail().then(() => {
        this.getProjectTypeStatistics(this.data.detailObj.firstCategoryCode)
        Promise.all([this.getIssueHandleProgressV2(this.data.detailObj.issueToProjectId), this.getProjectHandleProgressV2()]).then(res => {
          console.log("项目和议题处理进展", res)
          const issueList = []
          const projectList = []
          res[0].forEach((item, index) => {
            if (index === res[0].length - 1) {
              item.type = "point"
              item.isFirst = true
              issueList.push(item)
            } else {
              item.type = "issue"
              item.isFirst = false
              issueList.push(item)
            }
          })
          res[1].forEach((item, index) => {
            if (index === res[1].length - 1) {
              item.type = "issueToProject"
              item.isFirst = false
              projectList.push(item)
            } else {
              item.type = "project"
              item.isFirst = false
              projectList.push(item)
            }
          })
          this.setData({
            handleProgressList: [...projectList, ...issueList]
          })
        }).catch(err => {
          console.log(err)
        })
      })
      this.getRemarkList()

    }
    this.setData({
      infoCompleted: app.globalData.infoCompleted
    })
  },
  onReachBottom () {
    this.setData({
      loadMoreVisible: true
    })
    if (this.data.loadMoreType === "loading") {
      this.setData({
        pageNo: this.data.pageNo + 1
      })
      this.loadMoreGetRemarkList()
    }
  },
  // 获取议题详情
  getIssueDetail () {
    return new Promise((resolve, reject) => {
      getIssueDetail(this.data.issueId).then(res => {
        console.log("议题详情", res)
        const detailObj = {}
        for (const key in this.data.detailObj) {
          detailObj[key] = res.data[key]
        }
        this.setData({
          detailObj
        })
        resolve(true)
      }).catch(err => {
        console.log(err)
        reject(false)
      })
    })
  },
  // 获取项目详情
  getProjectDetail () {
    return new Promise((resolve, reject) => {
      getProjectDetail(this.data.projectId).then(res => {
        console.log("项目详情", res)
        const detailObj = {}
        for (const key in this.data.detailObj) {
          detailObj[key] = res.data[key]
        }
        detailObj.issueToProjectId = res.data.issueId
        this.setData({
          detailObj
        })
        resolve(true)
      }).catch(err => {
        console.log(err)
        reject(false)
      })
    })
  },
  // 议题类别统计
  getIssueTypeStatistics (categoryCode) {
    getIssueTypeStatistics(categoryCode).then(res => {
      console.log("议题类别统计", res)
      const typeStatisticsObj = {}
      for (const key in this.data.typeStatisticsObj) {
        typeStatisticsObj[key] = res.data[key] || ""
      }
      this.setData({
        typeStatisticsObj
      })
    }).catch(err => {
      console.log(err)
    })
  },
  // 项目类别统计
  getProjectTypeStatistics (categoryCode) {
    getProjectTypeStatistics(categoryCode).then(res => {
      console.log("项目类别统计", res)
      const typeStatisticsObj = {}
      for (const key in this.data.typeStatisticsObj) {
        typeStatisticsObj[key] = res.data[key] || ""
      }
      this.setData({
        typeStatisticsObj
      })
    }).catch(err => {
      console.log(err)
    })
  },
  // 议题处理进展 v2
  getIssueHandleProgressV2 (issueId) {
    return new Promise((resolve, reject) => {
      getIssueHandleProgressV2(issueId).then(res => {
        console.log("议题处理进度v2", res)
        resolve(res.data)
      }).catch(err => {
        console.log(err)
        reject(err)
      })
    })
  },
  // 项目处理进展 v2
  getProjectHandleProgressV2 () {
    return new Promise((resolve, reject) => {
      getProjectHandleProgressV2(this.data.projectId).then(res => {
        console.log("项目处理进展", res)
        resolve(res.data)
      }).catch(err => {
        console.log(err)
        reject(err)
      })
    })
  },
  // 最新最热 评论列表切换
  changeRemarkType (e) {
    this.setData({
      remarkType: e.detail.type,
      loadMoreVisible: false
    })
    this.getRemarkList()
  },
  // 获取评论列表 下拉刷新
  getRemarkList () {
    this.setData({
      timeStamp: formatTimestamp(),
      pageNo: 1,
      pageSize: 10
    })
    const para = {
      pageIndex: this.data.pageNo,
      pageSize: this.data.pageSize,
      timestamp: this.data.timestamp,
      orderType: this.data.remarkType === "new" ? 0 : 1,
      issueId: this.data.detailType === "issue" ? this.data.issueId : "",
      itemId: this.data.detailType === "project" ? this.data.projectId : ""
    }
    getRemarkList(para).then(res => {
      console.log("评论列表", res)
      this.setData({
        remarkObj: {
          statementNum: res.data.statementNum,
          commentsList: [...res.data.commentsList]
        },
        loadMoreType: res.data.commentsList.length === 10 ? "loading" : "none"
      })
    }).catch(err => {
      console.log(err)
    })
  },
  // 获取评论列表 上拉加载
  loadMoreGetRemarkList () {
    const para = {
      pageIndex: this.data.pageNo,
      pageSize: this.data.pageSize,
      timestamp: this.data.timestamp,
      orderType: this.data.remarkType === "new" ? 0 : 1,
      issueId: this.data.detailType === "issue" ? this.data.issueId : "",
      itemId: this.data.detailType === "project" ? this.data.projectId : ""
    }
    getRemarkList(para).then(res => {
      console.log("评论列表", res)
      this.setData({
        remarkObj: {
          statementNum: res.data.statementNum,
          commentsList: [...this.data.remarkObj.commentsList, ...res.data.commentsList]
        },
        loadMoreType: res.data.commentsList.length === 10 ? "loading" : "none"
      })
    }).catch(err => {
      console.log(err)
    })
  },
  debounceSupportRemark (e) {
    clearTimeout(this.data.supportTimer)
    this.data.supportTimer = setTimeout(() => {
      this.supportRemark(e)
    }, 300)
  },
  // 评论 支持 点赞
  supportRemark (e) {
    if (this.verifyCompleteInfo()) {
      return false
    }
    if (this.verifyState()) {
      return false
    }
    const hasAttitude = this.data.remarkObj.commentsList.some(item => item.commentId === e.detail.commentId && (item.userLike || item.userDislike))
    if (hasAttitude) {
      this.setData({
        dialogConformText: "知道了",
        dialogContent: ["已表达过态度，不可以更改哦！"],
        dialogTitle: "已表态",
        dialogVisible: !this.data.dialogVisible
      })
      return false
    }
    const index = this.data.remarkObj.commentsList.findIndex(item => item.commentId === e.detail.commentId)
    this.setData({
      [`remarkObj.commentsList[${index}].userLike`]: true,
      [`remarkObj.commentsList[${index}].approveNum`]: parseInt(this.data.remarkObj.commentsList[index].approveNum) + 1,
      ["remarkObj.statementNum"]: parseInt(this.data.remarkObj.statementNum) + 1
    })
    const para = {
      attitude: "0",
      commentId: e.detail.commentId,
      issueId: this.data.detailType === "issue" ? this.data.issueId : "",
      itemId: this.data.detailType === "project" ? this.data.projectId : ""
    }
    if (this.data.detailType == "issue") { //议题
      issueComLike(para).then(res => {
        console.log("评论支持", res)
      }).catch(err => {
        console.log(err)
      })
    } else {
      itemComLike(para).then(res => {
        console.log("评论支持", res)
      }).catch(err => {
        console.log(err)
      })
    }
    // showRemarkStatement(para).then(res => {
    //   console.log('评论支持', res)
    // }).catch(err => {
    //   console.log(err)
    // })
  },
  debounceDispportRemark (e) {
    clearTimeout(this.data.dispportTimer)
    this.data.dispportTimer = setTimeout(() => {
      this.dispportRemark(e)
    }, 300)
  },
  // 评论 不支持 点踩
  dispportRemark (e) {
    if (this.verifyCompleteInfo()) {
      return false
    }
    if (this.verifyState()) {
      return false
    }
    const hasAttitude = this.data.remarkObj.commentsList.some(item => item.commentId === e.detail.commentId && (item.userLike || item.userDislike))
    if (hasAttitude) {
      this.setData({
        dialogConformText: "知道了",
        dialogContent: ["已表达过态度，不可以更改哦！"],
        dialogTitle: "已表态",
        dialogVisible: !this.data.dialogVisible
      })
      return false
    }
    const index = this.data.remarkObj.commentsList.findIndex(item => item.commentId === e.detail.commentId)
    this.setData({
      [`remarkObj.commentsList[${index}].userDislike`]: true,
      [`remarkObj.commentsList[${index}].opposeNum`]: parseInt(this.data.remarkObj.commentsList[index].opposeNum) + 1,
      ["remarkObj.statementNum"]: parseInt(this.data.remarkObj.statementNum) + 1
    })
    const para = {
      attitude: "1",
      commentId: e.detail.commentId,
      issueId: this.data.detailType === "issue" ? this.data.issueId : "",
      itemId: this.data.detailType === "project" ? this.data.projectId : ""
    }
    if (this.data.detailType == "issue") { //议题
      issueComUnlike(para).then(res => {
        console.log("评论不支持", res)
      }).catch(err => {
        console.log(err)
      })
    } else {
      itemComUnlike(para).then(res => {
        console.log("评论不支持", res)
      }).catch(err => {
        console.log(err)
      })
    }
    // showRemarkStatement(para).then(res => {
    //   console.log('评论不支持', res)
    // }).catch(err => {
    //   console.log(err)
    // })
  },
  // 对 议题/项目 进行评论
  navigateToReply () {
    if (this.verifyCompleteInfo()) {
      return false
    }
    if (this.verifyState()) {
      return false
    }
    wx.navigateTo({
      url: `/subpages/discussion/pages/remarkOrReply/remarkOrReply?detailId=${this.data.detailId}&faCommentId=&detailType=${this.data.detailType}`
    })
  },
  // 评论 回复 回调
  replyRemark (e) {
    if (this.verifyCompleteInfo()) {
      return false
    }
    if (this.verifyState()) {
      return false
    }
    wx.navigateTo({
      url: `/subpages/discussion/pages/remarkOrReply/remarkOrReply?detailId=${this.data.detailId}&faCommentId=${e.detail.commentId}&detailType=${this.data.detailType}`
    })
  },
  debounceSupportIssueOrProject () {
    clearTimeout(this.data.supportTimer)
    this.data.supportTimer = setTimeout(() => {
      this.supportIssueOrProject()
    }, 300)
  },
  // 点赞 议题或评论
  supportIssueOrProject () {
    if (this.verifyCompleteInfo()) {
      return false
    }
    if (this.verifyState()) {
      return false
    }
    if (this.data.detailObj.userDislike || this.data.detailObj.userLike) {
      this.setData({
        dialogConformText: "知道了",
        dialogContent: ["已表达过态度，不可以更改哦！"],
        dialogTitle: "已表态",
        dialogVisible: !this.data.dialogVisible
      })
      return false
    }
    this.setData({
      ["detailObj.userLike"]: true,
      ["detailObj.approveNum"]: parseInt(this.data.detailObj.approveNum) + 1
    })
    const para = {
      attitude: "0",
      issueId: this.data.detailType === "issue" ? this.data.issueId : "",
      itemId: this.data.detailType === "project" ? this.data.projectId : ""
    }

    // showIssueStatement(para).then(res => {
    //   console.log('点赞议题或项目', res)
    // }).catch(err => {
    //   console.log(err)
    // })
    if (this.data.detailType == "issue") { //议题
      issueSupport(para).then(res => { //v2新接口  2020.5.8
        console.log("点赞议题", res)
      }).catch(err => {
        console.log(err)
      })
    } else { //项目 itemSupport,
      itemSupport(para).then(res => { //v2新接口  2020.5.8
        console.log("点赞项目", res)
      }).catch(err => {
        console.log(err)
      })
    }

  },
  debounceDispportIssueOrProject () {
    clearTimeout(this.data.dispportTimer)
    this.data.dispportTimer = setTimeout(() => {
      this.dispportIssueOrProject()
    }, 300)
  },
  // 点踩 议题活评论
  dispportIssueOrProject () {
    if (this.verifyCompleteInfo()) {
      return false
    }
    if (this.verifyState()) {
      return false
    }
    if (this.data.detailObj.userDislike || this.data.detailObj.userLike) {
      this.setData({
        dialogConformText: "知道了",
        dialogContent: ["已表达过态度，不可以更改哦！"],
        dialogTitle: "已表态",
        dialogVisible: !this.data.dialogVisible
      })
      return false
    }
    this.setData({
      ["detailObj.userDislike"]: true,
      ["detailObj.opposeNum"]: parseInt(this.data.detailObj.opposeNum) + 1
    })
    const para = {
      attitude: "1",
      issueId: this.data.detailType === "issue" ? this.data.issueId : "",
      itemId: this.data.detailType === "project" ? this.data.projectId : ""
    }

    // showIssueStatement(para).then(res => {
    //   console.log('点踩议题或项目', res)
    // }).catch(err => {
    //   console.log(err)
    // })
    if (this.data.detailType == "issue") { //议题
      issueOpposition(para).then(res => { //v2新接口  2020.5.8
        console.log("点踩议题", res)
      }).catch(err => {
        console.log(err)
      })
    } else {
      itemOpposition(para).then(res => { //v2新接口  2020.5.8
        console.log("点踩项目", res)
      }).catch(err => {
        console.log(err)
      })
    }

  },
  // 跳转到 分类列表
  navigateToCategoryList () {
    if (this.data.showClassify === "show") {
      wx.navigateTo({
        url: `/subpages/discussion/pages/categoryList/categoryList?type=${this.data.detailType}&categoryCode=${this.data.detailObj.firstCategoryCode}`
      })
    }
  },
  // 满意度评价
  publishEvaluation () {
    if (this.verifyCompleteInfo()) {
      return false
    }
    if (this.data.detailObj.itemState !== 10) {
      this.setData({
        dialogConformText: "知道了",
        dialogContent: ["项目未处理完毕或已关闭", "不能进行评价！"],
        dialogTitle: "满意度评价",
        dialogVisible: !this.data.dialogVisible
      })
      return false
    }
    wx.navigateTo({
      url: `/subpages/discussion/pages/publishEvaluation/publishEvaluation?itemId=${this.data.projectId}`
    })
  },
  // 检查 议题/项目的状态
  verifyState () {
    if (this.data.detailType === "issue" && !this.data.detailObj.operational) {
      this.setData({
        dialogConformText: "知道了",
        dialogContent: ["议题已关闭，不可再进行", "评论/回复/支持/不支持等表达态度"],
        dialogTitle: "已关闭",
        dialogVisible: !this.data.dialogVisible
      })
      return true
    } else if (this.data.detailType === "project") {
      if (this.data.detailObj.itemState === 5) {
        this.setData({
          dialogConformText: "知道了",
          dialogContent: ["项目已关闭，不可再进行", "评论/回复/支持/不支持等表达态度"],
          dialogTitle: "已关闭",
          dialogVisible: !this.data.dialogVisible
        })
        return true
      } else if (this.data.detailObj.itemState === 10) {
        this.setData({
          dialogConformText: "知道了",
          dialogContent: ["项目已结案，不可再进行", "评论/回复/支持/不支持等表达态度"],
          dialogTitle: "已结案",
          dialogVisible: !this.data.dialogVisible
        })
        return true
      }
    }
  },
  // 检查 是否完善信息
  verifyCompleteInfo () {
    if (this.data.infoCompleted == 0) {
      this.setData({
        completeInfoDialogVisible: !this.data.completeInfoDialogVisible
      })
      return true
    } else {
      return false
    }
  }
})