miaoguo_master/pages/main/addItem.js

import common from '../../utils/util';
import main from '../../utils/main';

const app = getApp();

var field = "";
var tempCursor = 0, btnName = "";
var arrSoundMark = [];
var isUpload = true;

var isEdit = true;

Page({
  data: {
    Field: "",
    SoundSign: "[读]",
    LineSign: "[线]",
    BtnArray: ["+", "-", "×", "÷", "="],
  },
  onLoad: function (options) {
    wx.hideShareMenu();
    var id = options.id;
    var fieldid = options.fieldid;
    field = "", tempCursor = 0, btnName = "", arrSoundMark = [];

    var that = this;
    that.setData({
      MiaoguoCardID: id,
      Focus: true,
      FieldNumber: fieldid,
      Containnerheight: main.getWindowHeight(),
    });
    wx.setNavigationBarTitle({
      title: '编辑 段落' + fieldid,
    });
  },
  onShow: function () {
    var that = this;
    var list = wx.getStorageSync("CardList");

    var card = {};
    for (var i = 0; i < list.length; i++) {
      if (that.data.MiaoguoCardID == list[i].MiaoguoCardID) {
        var content = main.encryptUrl(list[i].Content[this.data.FieldNumber].Content);
        this.setData({
          Field: content,
        });

        if (!wx.getStorageSync("TempCardInfoAddItem")) {
          wx.setStorageSync("TempCardInfoAddItem", content);
        }

        break;
      }
    }

    isUpload = true;
  },
  onUnload: function () {
    if (isUpload) {
      var content = wx.getStorageSync("TempCardInfoAddItem");
      if (content != undefined) {
        this.updateField(content);
        wx.removeStorageSync("TempCardInfoAddItem");
      }
    }
  },
  bindinputField: function (e) {
    if (isEdit) {
      field = e.detail.value;
      this.setData({
        Field: e.detail.value,
      });
      //console.log("bindinputField:" + field);
    }
  },
  addSymbol: function (e) {
    btnName = e.currentTarget.dataset.id;
    if (btnName == "[读]") {
      this.setData({
        SoundSign: "[/读]",
      });
    }
    else if (btnName == "[/读]") {
      this.setData({
        SoundSign: "[读]",
      });
    }
    else if (btnName == "[线]") {
      this.setData({
        LineSign: "[/线]",
      });
    }
    else if (btnName == "[/线]") {
      this.setData({
        LineSign: "[线]",
      });
    } 

    if (!this.data.Focus){
      field=field+btnName;
      this.setData({
        Field: field,
      });
    }
    //console.log("addSymbol:" + field); 
  },
  onBindFocus:function(){
    this.setData({
      Focus: true,
    });
  },
  onBindblur: function (e) {
    //console.log("onBindblur:" + field + " btnName:" + btnName);
    if (isEdit) {
      var systemInfo = wx.getSystemInfoSync();
      if (systemInfo.system && systemInfo.system.indexOf("Android") >= 0) {
        isEdit = false;
      }

      //console.log(e);
      tempCursor = e.detail.cursor;
      //console.log("tempCursor:" + tempCursor);
      if (tempCursor == undefined)
        tempCursor = this.data["Field"].length;
      var str1 = "", str2 = "";
      if (this.data.Field.length > 0) {
        str1 = this.data.Field.substr(0, tempCursor);
        str2 = this.data.Field.substring(tempCursor, this.data.Field.length);
      }
      //console.log("str1:" + str1);
      //console.log("str2:" + str2);
      var cur = 1;
      if (btnName == "[读]" || btnName == "[线]") {
        cur = 3;
      }
      else if (btnName == "[/读]" || btnName == "[/线]") {
        cur = 4;
      }

      field = str1 + btnName + str2;
      this.setData({
        Field: field,
        Focus:false,
        Cursor: tempCursor + cur,
      });

      btnName = "";

      if (systemInfo.system && systemInfo.system.indexOf("Android") >= 0) {
        setTimeout(function () {
          isEdit = true;
        }, 500);
      }
    }
  },
  onSearch: function (e) {
    wx.setStorageSync("TempFieldNumber", this.data.FieldNumber);
    wx.navigateTo({
      url: './searchWeb',
    });
    this.updateField();
  },
  clear: function () {
    this.setData({
      Field: "",
      Focus: true,
      Cursor: 0,
    });
    this.updateField();
  },
  closeAddItem: function (e) {
    var isSave = e.currentTarget.dataset.idsave;
    if (isSave == "true") {
      isUpload = false;
      wx.removeStorageSync("TempCardInfoAddItem");
      this.updateField();
    }
    wx.navigateBack({
      delta: 1,
    });
  },
  updateField: function (history) {
    var str = this.data.Field;
    str = main.decryptUrl(str);

    str = str.replace(/\[读\]/g, "\n[读]");
    str = str.replace(/\[图\]/g, "\n[图]");
    str = str.replace(/\[\/读\]/g, "[\/读]\n");
    str = str.replace(/\[\/图\]/g, "[\/图]\n");
    str = str.replace(/\n\n/g, "\n");

    var list = wx.getStorageSync("CardList");
    for (var i = 0; i < list.length; i++) {
      if (this.data.MiaoguoCardID == list[i].MiaoguoCardID) {
        if (history != undefined)
          list[i].Content[this.data.FieldNumber].Content = history;
        else
          list[i].Content[this.data.FieldNumber].Content = str;
        break;
      }
    }
    wx.setStorageSync("CardList", list);
  },
  uploadImage: function () {
    wx.showLoading({
      title: '请稍候',
    });
    var that=this;
    wx.chooseImage({
      count: 1,
      sizeType: ['compressed'],
      sourceType: ['album', 'camera'],
      success(res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths;
        console.log(tempFilePaths[0]);

        var url = common.Encrypt("MiaoguoUploadFile");
        wx.uploadFile({
          url: app.globalData.serverUrl + url,
          filePath: tempFilePaths[0],
          name: 'file',
          success(res) {
            wx.hideLoading();
            var str = "[图 url='" + tempFilePaths[0] + "']" + "https://#####4#####/" +res.data+ "[/图]";
            that.addSymbol({ currentTarget: { dataset: { id: str } } });
          }
        });
      },
      fail:function(){
        wx.hideLoading();
      }
    });
  },
  onShareAppMessage: function () {
    return {
      title: app.globalData.ShareTitle,
      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
      imageUrl: app.globalData.ShareImage,
    }
  },
})