// pages/topics/common/message/index.js
import { config } from '../../../config.js'
import { store } from '../../../utils/store.js'
import { TopicModel } from '../../../models/topic.js'
let topicModel = new TopicModel()

Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据 
   */
  data: {
    messageTitle:"",
    messageDetail:"",
    files: [],
    // 所在街道
    streets: [],
    streetsIndex: 0,
    
    //接口街道的数据
    results:[],
    //选择后获取的街道的I,
    streetID:'',
  },
  // lifetimes: {
  //   attached: function () {
  //     // 在组件实例进入页面节点树时执行
  //   },
  //   detached: function () {
  //     // 在组件实例被从页面节点树移除时执行
  //   }
  // },
  // attached: function () {
  //   console.log('啦啦啦')
  // },

  /**
   * 组件的方法列表
   */
  attached: function () {
    console.log('talents页面')
    // var th  = this;
    this.setData({
      uplaodFile: this.uplaodFile.bind(this)
    })  
    topicModel.getStreetList(res=>{
      var resultss = res.result
      var streett = []
      resultss.forEach((value,index)=>{
        streett[index] = value.departName
      })
      //把streett添加第一项设为空
      streett.unshift('') 
      console.log(streett)

      this.setData({
        streets: streett
      })
      //把接口数据放在results里
      this.setData({
        results: resultss
      })
      console.log(this.data.results)
    })
  },
  methods: {
    // 以下为修改
    bindPickerStreetsChange: function(e) {
      // console.log("1"+e.detail.value)
      this.setData({
        streetsIndex: e.detail.value
      })
      // console.log("2"+this.data.streetsIndex)
      this.setData({
        streetID: this.data.results[this.data.streetsIndex-1].id
      })
      // console.log(this.data.streetID)
    },
    //以上为修改
    bindTextInput(e) {
      this.setData({
        messageTitle: e.detail.value
      })
    },
    bindTextAreaInput(e) {
      this.setData({
        messageDetail: e.detail.value
      })
    },

    uplaodFile(files) {
      console.log('upload files', files)
      // 文件上传的函数，返回一个promise
      const token = store.readToken()
      console.log(token)
      return new Promise((resolve, reject) => {
        files.tempFilePaths.forEach(item => {
          wx.uploadFile({
            url: config.api_url + "/api/common/upload",
            filePath: item,
            header: {
              'token': token,
              'content-type': 'application/json',
            },
            name: 'files',
            success: (res) => {
              console.log(res);
              const data = JSON.parse(res.data)
              const image = {
                url: config.api_url + '/' + data.result.imgUrl,
              }
              this.setData({
                files: [...this.data.files, image]
              })
              resolve(this.data.files)
            }
          })
        })
      })
    },
    deleteFile(e) {
      console.log(e)
      let tempImages = this.data.files
      const index = e.detail.index

      tempImages.splice(index, 1);
      this.setData({
        files: tempImages
      })
    },

    submit() {
      // if (this.data.messageTitle === '') {
      //   wx.showModal({
      //     title: '提示',
      //     content: '请输入标题',
      //     showCancel: false
      //   })
      //   return
      // }
      if (this.data.messageDetail === ''){
        wx.showModal({
          title: '提示',
          content: '请输入正文内容',
          showCancel:false
        })
        return
      }
      //判断是否选择街道
      if (this.data.streetID === ''){
        wx.showModal({
          title: '提示',
          content: '请输入街道',
          showCancel:false
        })
        return
      }
      //仿照这个方法添加文本，图片，街道
      // topicModel.addMessage(this.data.messageTitle, this.data.messageDetail,this.data.files,res=>{
      //   if(res.code === 200){
      //     this.setData({
      //       messageTitle:'',
      //       messageDetail: '',
      //       files:[],
      //     },()=>{
      //       wx.showToast({
      //         title: res.message,
      //         icon: 'none'
      //       })
      //     })
      //   }
      // })

      topicModel.addTalents(this.data.messageDetail, this.data.files,this.data.streetID,res=>{
        if(res.code === 200){
          this.setData({
            messageDetail: '',
            streetID:'',
            files:[],
          },()=>{
            // wx.showToast({
            //   title: res.message,
            //   icon: 'none'
            // })
            wx.showModal({
              title: '提交成功',
              content: '问题已收到，我们会尽快给您答复的！',
              cancelText:'知道了',
              confirmText:'查看进度',
              success (res) {
                if (res.confirm) {
                  console.log('用户点击查看进度')
                  // 查看进度怎么填呀？？

                } else if (res.cancel) {
                  console.log('用户点击知道了')
                }
              }
            })
            
            







          })
        }
      })


    }
  },


})