const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    preview: '',
    showHide: false,
    isLoading: false,
    isMain: '',
    cardPersonId: '',
    choose_index: 0,
    active: 0,
    cardUrl: app.urls.baseImgUrl,
    areaList: [],
    cardInfo: {},
    bgImg: '',
    fontFamilyList: [],
    useFontFamily: '',
    cardId: '',
    cardHeight: '',
    shareTicket: '',
    encryptedData: '',
    iv: '',
    isFromOut: false,
    token: '',
    oldToken: '',
    list: [{
        "text": "首页",
        "iconPath": "/images/ic_card_sel.png",
        "selectedIconPath": "/images/ic_card_sel.png",
      },
      {
        "text": "我的",
        "iconPath": "/images/ic_mine_normal.png",
        "selectedIconPath": "/images/ic_mine_sel.png",
      }
    ]
  },
  // 删除名片
  deleteCard: function () {
    var self = this
    wx.showModal({
      cancelColor: '#000',
      title: '提示',
      content: '确认删除该名片？',
      success: function (res) {
        if (res.confirm) {
          app.http.delete(app.urls.deleteCard.format({
            ids: self.data.cardId
          }), {
            header: {
              token: self.data.token
            }
          }).then(res => {
            console.log(res)
            if (res.statusCode == '200') {
              wx.showToast({
                title: '删除成功',
                icon: 'success'
              })
              setTimeout(function () {
                wx.navigateBack({ //返回上一页面或多级页面
                  delta: 1
                })
              }, 1000)
            }
          }).catch(res => {

          })
          // app.restAjax.delete(app.restAjax.path('{cardUrl}app/templateperson/remove/' + self.data.cardInfo.cardPersonId, [app.cardUrl]), {}, {
          //   headers: {
          //     token: app.globalData.token
          //   }
          // }, function (code, data) {
          //   if (code == 200) {
          //     app.dialog.msg('删除成功')
          //     setTimeout(function () {
          //       wx.navigateBack({ //返回上一页面或多级页面
          //         delta: 1
          //       })
          //     }, 1000)
          //   }
          // }, function (code, data) {
          //   app.dialog.msg(data.msg)
          // })
        }
      }
    })

  },
  // 更新名片信息
  updateCard: function (e) {
    var self = this
    var area = []
    for (let i = 0; i < self.data.areaList.length; i++) {
      var info = {
        cardTemplateUseId: self.data.areaList[i].cardTemplateUseId,
        cardTemplateUseAreaId: self.data.areaList[i].cardTemplateUseAreaId,
        templateAreaFile: self.data.areaList[i].templateAreaFile,
        templateAreaFontValue: self.data.areaList[i].templateAreaFontValue
      }
      area.push(info)
    }

    var postInfo = {
      cardTemplateUseAreaList: area,
      cardTemplateUseDefault: self.data.cardInfo.cardTemplateUseDefault,
      cardTemplateUsePassword: self.data.cardInfo.cardTemplateUsePassword,
      cardTemplateUseSwitch: self.data.cardInfo.cardTemplateUseSwitch,
      cardTemplateUseId: self.data.cardInfo.cardTemplateUseId
    }
    app.http.put(app.urls.updateMyCard.format({
      cardTemplateUseId: self.data.cardId
    }), {
      header: {
        token: app.globalData.token
      },
      data: postInfo
    }).then(res => {
      console.log(res)
      if (res.statusCode == '200') {
        wx.showToast({
          title: '修改成功',
          icon: 'success'
        })
        setTimeout(function () {
          wx.navigateBack({ //返回上一页面或多级页面
            delta: 1
          })
        }, 1000)
      }
    })
    .catch(err => {

    })
  },
  // 选择图片
  choosePhoto: function (e) {
    var self = this
    var cur = e.currentTarget.dataset.cur
    wx.chooseImage({
      count: 1,
      sourceType: ['album', 'camera'],
      success: function (res) {
        wx.showLoading({
          title: '上传中...',
        })
        app.http.upload(app.urls.doUploadImg, {
          path: res.tempFiles[0].path,
          name: 'image',
          header: {
            token: app.globalData.token
          }
        }).then(res => {
          wx.hideLoading({})
          res = JSON.parse(res)
          console.log(res)
          var change = 'areaList[' + cur + '].templateAreaFile'
          self.setData({
            [change]: res.data
          })
          wx.showToast({
            title: '上传成功',
            duration: 1500
          })
        }).catch(res => {

        })
        // app.restAjax.file(app.restAjax.path('{cardUrl}app/file/uploadimage', [app.tradeUrl]), res.tempFiles[0].path, 'image', {
        //   headers: {
        //     token: app.globalData.token
        //   }
        // }, function (code, data) {
        //   console.log(data)
        //   data = JSON.parse(data)
        //   wx.hideLoading({})
        //   var change = 'areaList[' + cur + '].templateAreaTitle'
        //   self.setData({
        //     [change]: data.data
        //   })
        //   wx.showToast({
        //     title: '上传成功',
        //     duration: 1500
        //   })
        // }, function (code, data) {
        //   app.dialog.msg(data.msg);
        // });
      }
    })
  },
  getPhoneNumber: function (e) {
    console.log(e.detail.errMsg)
    console.log(e.detail.iv)
    console.log(e.detail.encryptedData)
  },
  // 获取名片信息
  getNameCard: function () {
    var self = this;
    // var queryInfo = ''
    // if (self.data.fromMine) {
    //   queryInfo = '?cardPersonId=' + self.data.cardPersonId
    // }
    app.http.get(app.urls.getMyCardDetail.format({
      cardTemplateUseId: self.data.cardId
    }), {
      header: {
        token: app.globalData.token
      },
      data: {}
    }).then(res => {
      var area = res.data.areaList
      for (let i = 0; i < area.length; i ++) {
        // if (area[i].templateAreaServerLink == '1') {
        //   if (area[i].templateAreaFontValue.length > area[i].templateAreaFontLength) {
        //     area[i].templateAreaFontValue = area[i].templateAreaFontValue.substring(area[i].templateAreaFontLength, -1)
        //   }
        // }
        area[i].templateAreaFontSize = Math.floor(area[i].templateAreaFontSize * 750 / wx.getSystemInfoSync().windowWidth) + 'rpx'
        if (area[i].templateAreaFontCenter == '1') {
          area[i].templateAreaFontCenter = 'left'
        } else if (area[i].templateAreaFontCenter == '2') {
          area[i].templateAreaFontCenter = 'center'
        } else {
          area[i].templateAreaFontCenter = 'right'
        }
        if (area[i].templateAreaFontBold == '0') {
          area[i].templateAreaFontBold = 'normal'
        } else if (area[i].templateAreaFontBold == '1') {
          area[i].templateAreaFontBold = 'bold'
        } else {
          area[i]['templateAreaFontStyle'] = 'italic'
        }
      }
      self.setData({
        cardInfo: res.data,
        areaList: area
      })
    })
    .catch(err => {

    })
    // app.restAjax.get(app.restAjax.path('{cardUrl}app/cardtemplate/getcardtemplatebyid/' + self.data.cardId + queryInfo, [app.cardUrl]), {}, {
    //   headers: {
    //     token: app.globalData.token
    //   }
    // }, function (code, data) {
    //   for (let i = 0; i < self.data.fontFamilyList.length; i++) {
    //     if (data.templateTypeface == self.data.fontFamilyList[i].id) {
    //       self.setData({
    //         useFontFamily: self.data.fontFamilyList[i].name
    //       })
    //     }
    //   }
    //   if (self.data.fromMine) {
    //     self.setData({
    //       areaList: JSON.parse(data.content)
    //     })
    //   }
    //   self.setData({
    //     cardInfo: data
    //   })
    //   var query = wx.createSelectorQuery()
    //   query.select('.card').boundingClientRect()
    //   query.exec(function (res) {
    //     self.setData({
    //       cardHeight: res[0].height
    //     })
    //   })
    // }, function (code, data) {
    //   app.dialog.msg(data.msg);
    // });
  },
  // 获取名片内容区域
  getNameCradArea: function () {
    var self = this;
    var arr = []
    app.restAjax.get(app.restAjax.path('{cardUrl}app/cardtemplatearea/listcardtemplateareabytemplateid/' + self.data.cardId, [app.tradeUrl]), {}, {
      headers: {
        token: app.globalData.token
      }
    }, function (code, data) {
      for (let i = 0; i < data.length; i++) {
        data[i]['focus'] = false
        if (data[i].templateAreaType != '1') {
          arr.push(data[i])
        } else {
          var font = parseInt(data[i].templateAreaFontSize.replace('px', ''))
          font = Math.floor(font * 750 / wx.getSystemInfoSync().windowWidth) + 'rpx'
          data[i].templateAreaFontSize = font
          arr.push(data[i])
        }
      }
      self.setData({
        areaList: arr
      })
    }, function (code, data) {
      app.dialog.msg(data.msg);
    });
  },
  // 编辑信息
  editInfo: function (e) {
    var cur = e.currentTarget.dataset.num
    var text = e.detail.value
    var item = 'areaList[' + cur + '].templateAreaFontValue'
    this.setData({
      [item]: text
    })
  },
  // 点击内容区域获取input焦点
  giveFocus: function (e) {
    console.log(e.currentTarget.dataset.cur)
    var cur = e.currentTarget.dataset.cur
    var item = 'areaList[' + cur + '].focus'
    this.setData({
      [item]: true
    })
  },
  // 继续创建
  continueCreate: function () {
    this.setData({
      showHide: false
    })
  },
  // 返回模板列表
  backList: function () {
    wx.navigateBack({
      delta: 1,
    })
  },
  // 获取用户信息
  getUserInfo: function () {
    var self = this
    app.restAjax.get(app.restAjax.path('{loginUrl}app/user/get-app-user', [app.personIntroUrl]), {}, {
      headers: {
        token: app.globalData.token
      }
    }, function (code, data) {
      app.globalData.userInfo = data
    }, function (code, data) {
      app.dialog.msg(data.msg);
    });
  },
  // 非文字、图片区域换取fileid
  getFileId: function (e) {
    var self = this
    var cur = e.currentTarget.dataset.num
    
    var content = self.data.areaList[cur].templateAreaFontValue
    console.log(content)
    var areaId = self.data.areaList[cur].picturesTemplateAreaId
    app.http.get(app.urls.getFileId.format({
      picturesTemplateAreaId: areaId
    }), {
      header: {
        token: app.globalData.token
      },
      data: {
        content: content
      }
    }).then(res => {
      console.log(res.data)
      var change = 'areaList[' + cur + '].templateAreaFile'
      self.setData({
        [change]: res.data.data
      })
    })
    .catch(err => {

    })
  },
  // 设为主名片
  setDefaultCard: function () {
    var self = this
    app.http.put(app.urls.setDefaultCard.format({
      cardTemplateUseId: self.data.cardId
    }), {
      header: {
        token: self.data.token
      }
    }).then(res => {
      console.log(res)
      if (res.statusCode == '200') {
        wx.showToast({
          title: '设置成功',
          icon: 'success'
        })
        setTimeout(function () {
          wx.navigateBack({ //返回上一页面或多级页面
            delta: 1
          })
        }, 1000)
      }
    }).catch(res => {

    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var self = this
    this.setData({
      cardId: options.id,
      token: app.globalData.token
    })
    this.getNameCard()
  },
  postRecord: function (res) {
    var self = this
    app.restAjax.post(app.restAjax.path('{loginUrl}app/cardtemplateforwardingrecord/savecardtemplateforwardingrecord', [app.tradeUrl]), {
      encryptedData: res.encryptedData,
      iv: res.iv,
      templateUseId: self.data.cardId,
      templateFromUserId: self.data.oldToken,
      templateToUserId: self.data.token
    }, {
      headers: {
        token: self.data.token
      }
    }, function (code, data) {
      console.log('1' + data)
    }, function (code, data) {
      app.dialog.msg(data.msg);
    });
  },
  openPage() {

  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})