// pages/future/future.js
const app = getApp();
const baseUrl = app.remoteConfig.baseUrl;
const baseArticleId = app.wxProgramConfig.apiPageConfig.articleId;
const baseMode = app.wxProgramConfig.apiPageConfig.mode;
Component({
  /**
  * 继承父级样式
  */
  options: {
    addGlobalClass: true,
  },

  // 属性定义
  properties: {
    // 用户信息
    userInfo: {
      type: Object,
      value: () => {
        return {

        }
      },
    }
  },
  /**
   *组件的初始数据
   */
  data: {
    scrollTop: 0,
    mode: baseMode,
    article: {},
    articleId: baseArticleId,
    isShowOenAi: false,
    baseUrl: 'https://yongma16.xyz/api/',
    baseCloudUrl: 'https://yongma16.xyz/cloudApi/',
    baseCloudPath: 'openAiRecord/add',
    path: 'article/blog/',
    currentUserInfo: {
      nickName: '',
      avatarUrl: ''
    },
    aiConfig: {
      avatarUrl: 'https://yongma16.xyz/staticFile/common/img/aiTop.jpg',
      bgUrl: 'https://yongma16.xyz/staticFile/common/img/aiBg.jpg',
      nickName: 'openai',
    },
    searchOpenAiText: '',
    responseText: '',
    reportText: '',
    // questions，answer，index
    chatObjConfig: {
      option: [{
        question: '',
        answer: '',
        isEdit: true,
        createTime: ''
      }],
      currentIndex: 0
    },
    layoutConfig: {
      introduceText: 'api介绍',
      useText: '使用',
      returnText: '返回介绍',
      sendText: '发送',
      searchText: '关键词查询',
      reportText: '复制数据',
      copyText: '复制'
    }
  },
  observers: {
    mode: function (newVal, oldVal) {
      // 属性值变化时执行
      console.log(newVal, oldVal, 'change')
      wx.showLoading({
        title: '加载中',
      })
      // 在当前同步流程结束后，下一个时间片执行
      wx.nextTick(() => {
        wx.hideLoading({
          success: (res) => { },
        })
        // 触发父组件事件
        this.triggerEvent('updateBottomNavigation', newVal === 'introduce')
      })

    }
  },
  lifetimes: {
    // 生命周期函数，可以为函数，或一个在 methods 段中定义的方法名
    attached: function () {
      this.getRemoteArticle(this.data.articleId)
      const openAiOptions = wx.getStorageSync('openAiOptions')
      if (openAiOptions) {
        this.setData(
          {
            chatObjConfig: openAiOptions,
            mode: app.wxProgramConfig.apiPageConfig.mode,
            layoutConfig: app.wxProgramConfig.apiPageConfig.layoutConfig,
          }
        )
      }

      const currentUserInfo = wx.getStorageSync('currentUserInfo')
      if (currentUserInfo && currentUserInfo.nickName) {
        console.log('currentUserInfo', currentUserInfo)
        this.setData(
          {
            currentUserInfo: currentUserInfo
          }
        )
        this.setData({
          isShowOenAi: true
        })
      }

    },
    moved: function () { },
    detached: function () {
      wx.setStorageSync('openAiOptions', this.data.chatObjConfig)
    },
  },

  methods: {
    upper(e) {
      console.log('upper e', e)
    },
    lower(e) {
      console.log('lower e', e)
    },
    scroll(e) {
      console.log('scroll e', e)
    },
    createOpenRecord(params) {
      const headers = { 'Content-Type': 'application/json;charset=UTF-8' }
      wx.request({
        url: this.data.baseCloudUrl + this.data.baseCloudPath,
        headers: headers,
        data: params,
        method: 'POST',
        success: (res => {
          console.log('cloud res', res)
        }),
        fail: r => {
          console.log('cloud r', r)
        }
      })
    },
    scrollToBottom() {
      const index = this.data.chatObjConfig.option.length - 1
      this.setData({
        toView: `chat-mode${index}`
      })
    },
    getCurrentTime() {
      const now = new Date()
      const year = now.getFullYear()
      const month = now.getMonth()
      const date = now.getDate()
      const hour = now.getHours()
      const minutes = now.getMinutes()
      const second = now.getSeconds()
      const formatNum = (n) => {
        return n > 9 ? n.toString() : '0' + n
      }
      return `${year}-${formatNum(month + 1)}-${formatNum(date)} ${formatNum(hour)}:${formatNum(minutes)}:${formatNum(second)}`
    },
    getRemoteArticle: function (id) {
      this.setData({
        isLoading: true
      })
      const baseUrl = this.data.baseUrl
      const path = this.data.path
      const headers = { 'Content-Type': 'application/json;charset=UTF-8' }
      const that = this
      const params = {
        id: id
      }
      wx.request({
        url: baseUrl + path,
        headers: headers,
        data: params,
        method: 'POST',
        success: (res) => {
          const data = res.data
          const articleStr = data && data.article && data.article
          const markdownText = app.towxml(articleStr, 'markdown', {
            theme: 'light', //主题 dark 黑色，light白色，不填默认light
            base: baseUrl + path,
            events: { //为元素绑定的事件方法
              tap: e => {
                console.log('tap', e);
              },
              change: e => {
                console.log('todo', e);
              }
            }
          });
          that.setData({
            isLoading: false,
            article: markdownText
          })
        }
      });
    },
    changeMode(e) {
      const { mode } = e.currentTarget.dataset
      console.log(mode, 'mode')
      this.setData({
        mode: mode
      })
    },
    bindKeyInput(e) {
      this.setData({
        searchOpenAiText: e.detail.value
      })
    },
    reportAnswerData() {
      const data=this.data.chatObjConfig.option
      wx.setClipboardData({
        data: JSON.stringify(data)
      })
      console.log(wx.getClipboardData({
        success: (option) => {
          console.log(option)
        },
      }))
    },

    copyBtn(e) {
      console.log('data', e)
      const response = e.target.dataset.response
      wx.setClipboardData({
        data: response
      })
      console.log(wx.getClipboardData({
        success: (option) => {
          console.log(option)
        },
      }))
    },
    search(e) {
      this.scrollToBottom()
      if (!this.data.searchOpenAiText) {
        wx.showModal({
          cancelColor: 'cancelColor',
          title: '请输入！'
        })
        return
      }
      wx.showLoading({
        title: '加载中',
      })
      this.setData({
        isLoading: true
      })
      const path = '/common-api/searchOpenAiText/'
      const headers = { 'Content-Type': 'application/json;charset=UTF-8' }
      const params = {
        "text": this.data.searchOpenAiText
      }
      const thisBack = this
      return new Promise((resolve, reject) => {
        wx.request({
          url: baseUrl + path,
          headers: headers,
          data: params,
          method: 'GET',
          success: (res) => {
            console.log(res, 'res')
            const data = res.data.data
            const option = thisBack.data.chatObjConfig.option
            const currentIndex = thisBack.data.chatObjConfig.currentIndex
            const choices = data.choices
            console.log('choices', choices)
            const answer = choices ? choices.map(choicesItem => { return choicesItem.text }).join('\n') : '。。。未知'
            option.some((item, index) => {
              if (currentIndex === index) {
                item.answer = answer
                item.question = params.text
                item.createTime = this.getCurrentTime()
                item.isEdit = false
                return true
              }
              return false
            })
            // // 只保留30 条 缓存
            // if(option.length&&option.length>30){
            //   option.shift()
            // }
            const chatObjConfig = {
              option: option,
              currentIndex: currentIndex + 1
            }
            // option.push({
            //   question: '',
            //   answer: '',
            //   isEdit: true
            // })
            thisBack.setData(
              {
                isLoading: false,
                searchOpenAiText: '',
                chatObjConfig: chatObjConfig
              }
            )
            wx.hideLoading()
            thisBack.scrollToBottom()
            resolve(res)
            setTimeout(() => {
              thisBack.createOpenRecord({
                wx_name: thisBack.data.currentUserInfo.nickName,
                wx_img: thisBack.data.currentUserInfo.avatarUrl,
                search_text: params.text,
                search_response: answer
              })
            }, 10)
          },
          fail: error => {
            thisBack.setData({
              isLoading: false
            })
            wx.hideLoading()
          }
        });
      })
    }
  }
})