english_learned_master/pages/main/article.js

import common from '../../utils/util';
import main from '../../utils/main';
const Theme=[{
    "Name":"DarkColor",
    "backgroundColor": "#004433",
    "color":"#C1E1C1",
    "frontColor": '#ffffff',
  },{
    "Name":"LightColor",
    "backgroundColor": "#D0ECD3",
    "color":"#151815",
    "frontColor": '#000000',
  }
];
const app = getApp();

Page({
  data: {
    Words:"",
    IsShowFirstOpen:true,
    IsBuilding:false,
    IsBuildError:false,
    IsShowLightColor:false,
    IsShowKeyword:true,//显示关键词
    IsShowQuestion:false,
    IsShowTranslate:false,
    IsShowSetting:false,
    IsShowRemind:false,
    remindAnimation: "", // 翻译弹窗动画类
    CurrentQuestionIndex:0,
    swiperHeight: "526rpx",
    lastTapTime: 0, // 记录上一次点击的时间，用于检测双击
    CountDown:30,//倒计时秒数
  },
  onLoad: function (options) {
    let that = this;
    let words=app.globalData.SelectedWords.join(",");
    let wordsStr=app.globalData.SelectedWords.join("　");
    const hiddenhelp=wx.getStorageSync('HiddenArticleFirstOpen');

    
    let IsShowKeyword=wx.getStorageSync('IsShowKeyword');
    if (IsShowKeyword===""){
      IsShowKeyword=true;
      wx.setStorageSync('IsShowKeyword', true);
    }

    let IsShowLightColor=wx.getStorageSync('IsShowLightColor');
    if (!IsShowLightColor){
      IsShowLightColor=false;
    }
    
    that.setData({
      Containnerheight: main.getWindowHeight(),
      Words:words,
      WordsStr:wordsStr,
      IsShowFirstOpen:!hiddenhelp,
      IsShowLightColor:IsShowLightColor,
      IsShowKeyword:IsShowKeyword,
      IsBuildError:false,
      Level:options.Level,
      ArticleStyle:options.ArticleStyle,
      IsBuilding:false,
    });

    if (options.ID)
      that.getArticleByID(options.ID);
    else  
      that.init(options);
    that.setTheme();
  },
  getArticleByID:function(id){
    let that=this;
    main.getData('GetYJBDCArticleList?UserID=' + app.globalData.userInfo.UserID+'&ID='+id, function (data) {
      if (data) {
        data=data[0];
        that.setData({
          Words:data.Words,
          Level:data.Level,
          ArticleStyle:data.ArticleStyle,
          CreateTime:data.CreateTime,
          ID:id,
        });
        let content=data.JSONString;
        that.updateData(content);
      }
    });
  },
  init:function(options){
    let that=this;
    let interval=0;
    //小学初中文章生成时间短
    that.data.CountDown=30;
    //高中大学文章生成时间长
    if (that.data.Level>=2){
      that.setData({
        CountDown:60,
      });
    }
    interval = setInterval(function(){
      that.setData({
        CountDown:--that.data.CountDown,
      });
      if (that.data.CountDown<=0)
        clearInterval(interval);
    },1200);

    that.setData({
      IsBuilding:true
    });
    let words=app.globalData.SelectedWords.join(",");
    main.postData('GenerateArticle?UserID='+app.globalData.userInfo.UserID, {
      Words:words,
      Level:that.data.Level,
      ArticleStyle:that.data.ArticleStyle
    }, function (data) {
      if (data){
        if (data=="-1"){
          that.setData({
            IsBuildError:true,
            CreateTime:common.formatDateCHS(common.formatTime(new Date()),true),
          });
        }
        else{
          let content=data;
          that.updateData(content);
          that.setData({
            IsBuilding:false,
          });
        }
        
        clearInterval(interval);
      }
    });
  },
  
  updateData:function(content){
    let that=this;
    //console.log(content);
    if (typeof content === 'string') {
      content = JSON.parse(content);
    }
    if (typeof content === 'string') {
      content = JSON.parse(content);
    }
    let hl="nonelight";
    if (that.data.IsShowKeyword)
      hl="highlight";
    
    // 简化的解决方案：按长度排序并使用临时标记
    for(let i=0;i<content.ArticleEnglish.length;i++){
      // 1. 先对单词按长度从长到短排序，确保先处理"Come on"再处理"Come"
      let sortedWords = [...content.FormsOfWords].sort((a, b) => b.length - a.length);
      
      // 2. 使用临时标记替换匹配的单词，避免HTML解析问题
      let text = content.ArticleEnglish[i];
      let placeholders = [];
      for(let j=0;j<sortedWords.length;j++){
        let word = sortedWords[j];
        let regex = new RegExp(`\\b${word}\\b[.,!?;:]?`, 'gi');
        
        text = text.replace(regex, match => {
          let punctuation = match.match(/[.,!?;:]$/);
          let punc = punctuation ? punctuation[0] : '';
          let wordPart = match.replace(/[.,!?;:]$/, '');
          
          // 使用唯一的占位符
          let placeholder = `__PLACEHOLDER_${placeholders.length}__`;
          placeholders.push(`<span class='${hl}'>${wordPart}</span>${punc}`);
          return placeholder;
        });
      }
      
      // 3. 将临时标记替换为实际的HTML标签
      for(let j=0; j<placeholders.length; j++){
        text = text.replace(`__PLACEHOLDER_${j}__`, placeholders[j]);
      }
      
      content.ArticleEnglish[i] = text;
    }
    content.ArticleEnglishArr=[];
    for(let i=0;i<content.ArticleEnglish.length;i++){
      let obj=common.splitByMultipleDelimiters(content.ArticleEnglish[i],["<span class='"+hl+"'>","</span>"]);
      obj=common.removeDuplicateAndTrimStrings(obj);
      //debugger;
      let arr=[];
      for(let j=0;j<obj.length;j++){
        let objChild={};
        objChild.Content=obj[j]+" ";
        objChild.CSS="";
        if (j%2==1){
          objChild.CSS=hl;
          objChild.Content=" "+objChild.Content;
        }
        arr.push(objChild);
      }
      content.ArticleEnglishArr.push(arr);
    }

    for(let i=0;i<content.Question.length;i++){
      for(let j=0;j<content.Question[i].OptionsEnglish.length;j++){
        let str=content.Question[i].OptionsChinese[j];
        content.Question[i].OptionsChinese[j]=str.substr(2);
      }
      let char = content.Question[i].Answer;
      let asciiCode = char.charCodeAt(0);
      content.Question[i].AnswerNumber=asciiCode-65;
      content.Question[i].IsShowAnswer=false;
    }
    that.setData({
      Content:content,
    });
  },
  setTheme:function(){
    let that=this;
    const css=Theme[that.data.IsShowLightColor?1:0];
    wx.setNavigationBarColor({
      frontColor: css.frontColor,
      backgroundColor: css.backgroundColor,
    });
    wx.setBackgroundColor({
      backgroundColor: css.backgroundColor,
      backgroundColorTop:css.backgroundColor,
      backgroundColorBottom:css.backgroundColor,
    });
    that.setData({
      ThemeCSS:css.Name,
    });
    wx.setStorageSync('IsShowLightColor', that.data.IsShowLightColor);
  },
  closeHelp:function(){
    this.setData({
      IsShowFirstOpen:false,
    });
    wx.setStorageSync('HiddenArticleFirstOpen', true);
  },
  selectedAnswer:function(e){
    let that=this;
    const question=e.currentTarget.dataset.question;
    const index=e.currentTarget.dataset.index;
    if (that.data.Content.Question[question].UserAnswer==index)
      that.data.Content.Question[question].UserAnswer=-1;
    else
      that.data.Content.Question[question].UserAnswer=index;
    that.setData({
      Content:that.data.Content,
    });
  },

  showData:function(e){
    let that=this;
    let name=e.currentTarget.dataset.name;
    this.data[name] = !this.data[name];
    this.setData(this.data);

    if (name=="IsShowKeyword"){
      that.setShowKeyword();
    }
    else if (name=="IsShowLightColor"){
      that.setTheme();
    }
    else if (name=="IsShowAnswer"){
      let index=e.currentTarget.dataset.index;
      let content=that.data.Content;
      content.Question[index].IsShowAnswer=!content.Question[index].IsShowAnswer;
      that.setData({
        Content:content,
      });
    }
  },
  setShowKeyword:function(){
    let that=this;
    let content=that.data.Content;
    let source="highlight",target="nonelight";
    if (that.data["IsShowKeyword"]){
      source="nonelight";
      target="highlight";
    }

    for(let i=0;i<content.ArticleEnglishArr.length;i++){
      let obj=content.ArticleEnglishArr[i];
      let arr=[];
      for(let j=0;j<obj.length;j++){
        if (obj[j].CSS==source)
          obj[j].CSS=target;
      }
    }
    for(let i=0;i<content.ArticleEnglish.length;i++){
      content.ArticleEnglish[i]=common.ReplaceAllString(content.ArticleEnglish[i],source,target);
    }

    that.setData({
      Content:content,
    });

    wx.setStorageSync('IsShowKeyword', that.data.IsShowKeyword);
  },
  nextQuestion:function(e){
    if (this.data.CurrentQuestionIndex+1<this.data.Content.Question.length){
      this.data.CurrentQuestionIndex=this.data.CurrentQuestionIndex+1;
      this.setData({
        CurrentQuestionIndex:this.data.CurrentQuestionIndex,
      });
    }
  },
  updateQuestionIndex:function(e){
    this.setData({
      CurrentQuestionIndex:e.detail.current,
    });
    console.log(e.detail.current);
  },

  onContainerTap: function() {
    const currentTime = new Date().getTime();
    const lastTapTime = this.data.lastTapTime;
    const timeDiff = currentTime - lastTapTime;
    
    // 如果两次点击的时间间隔小于300毫秒，则认为是双击
    if (timeDiff < 300 && timeDiff > 0) {
      console.log('双击事件触发');
      // 在这里添加双击事件的处理逻辑
      // 例如：切换翻译显示状态
      this.showData({currentTarget:{dataset:{name:"IsShowTranslate"}}});
    }
    
    // 更新上一次点击的时间
    this.setData({
      lastTapTime: currentTime
    });
  },
    //生成PDF文件
  //访问服务器的GeneratePDF接口，提交this.data.Content数据，获得一个生成好的pdf文件，服务端的代码已经生成好
  generatePDF: function(e) {
    let that = this;
    //debugger;
    that.data.Content.Words=that.data.Words;
    that.data.Content.Level=that.data.Level;
    that.data.Content.ArticleStyle=that.data.ArticleStyle;
    that.data.Content.CreateTime=that.data.CreateTime;
    let url = common.Encrypt("GeneratePDF");
    url =app.globalData.serverUrl + url;
    wx.request({
      url: url,
      method: "POST",
      data: {
        Content: that.data.Content,
      },
      responseType: 'arraybuffer',  // 确保响应类型为arraybuffer
      success: function(res) {
        // 将arraybuffer转为临时文件
        const fsm = wx.getFileSystemManager();
        const tempFilePath = `${wx.env.USER_DATA_PATH}/temp_${Date.now()}.pdf`;
        
        try {
          fsm.writeFileSync(
            tempFilePath,
            res.data,
            'binary'
          );

          // 直接使用临时文件路径，不再尝试永久保存
          console.log('文件已生成:', tempFilePath);
          
          // 打开PDF文件预览
          wx.openDocument({
            filePath: tempFilePath,
            fileType: 'pdf',
            showMenu: true,  // 显示右上角菜单，可以分享
            success: function() {
            },
            fail: function(error) {
              console.error('打开文档失败:', error);
              wx.showToast({
                title: '打开文件失败',
                icon: 'none'
              });
            }
          });
        } catch (error) {
          console.error('写入文件失败:', error);
          wx.showToast({
            title: '写入文件失败',
            icon: 'none'
          });
        }
      },
      fail: function(err) {
        console.error('请求GeneratePDF接口失败:', err);
        wx.showToast({
          title: '网络错误，请稍候重试',
          icon: 'none'
        });
      }
    });
  },
  // 处理导航栏返回按钮点击事件
  back: function() {
    if (this.data.IsBuilding) {
      return; // 如果正在生成文章，不执行返回操作
    }
    
    if (!this.data.ID){
      wx.navigateBack({
        delta: 1,
      });
    } 
  },
  onLongPress: function(e) {
    let that = this;
    let strType=e.currentTarget.dataset.strtype;
    let selectedIndex=e.currentTarget.dataset.index;
    let selectedIndex2=e.currentTarget.dataset.index2;
    let engSentence,chnSentence;
    if (strType=="article"){
      //console.log("选中的句子索引:", selectedIndex);
      //console.log("选中的句子:", that.data.Content.ArticleEnglish[selectedIndex]);
      engSentence=that.data.Content.ArticleEnglish[selectedIndex];
      engSentence=common.ReplaceAllString(engSentence,"<span class='highlight'>","");
      engSentence=common.ReplaceAllString(engSentence,"<span class='nonelight'>","");
      engSentence=common.ReplaceAllString(engSentence,"</span>","");
      chnSentence=that.data.Content.ArticleChinese[selectedIndex];
    }
    else if (strType=="question"){
      engSentence=that.data.Content.Question[selectedIndex].QuestionEnglish;
      chnSentence=that.data.Content.Question[selectedIndex].QuestionChinese;
    }
    else if (strType=="option"){
      engSentence=that.data.Content.Question[selectedIndex].OptionsEnglish[selectedIndex2];
      chnSentence=that.data.Content.Question[selectedIndex].OptionsChinese[selectedIndex2];
    }
    this.setData({
      EnglishSentence:engSentence,
      ChineseSentence:chnSentence,
      remindAnimation: "remind-slide-up", // 添加上滑动画
      IsShowRemind:true,
    });
  },
  showRemind:function(e){
    let that = this;
    if (that.data.IsShowRemind) {
      // 如果当前是显示状态，先播放下滑动画，然后再隐藏
      that.setData({
        remindAnimation: "remind-slide-down" // 添加下滑动画
      });
      
      // 等待动画完成后再隐藏弹窗
      setTimeout(function() {
        that.setData({
          IsShowRemind: false
        });
      }, 300); // 动画持续时间为0.3秒
    } else {
      // 如果当前是隐藏状态，直接显示并播放上滑动画
      that.setData({
        IsShowRemind: true,
        remindAnimation: "remind-slide-up"
      });
    }
  },
  onShareAppMessage: function () {
    return {
      title: app.globalData.ShareTitle,
      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
      imageUrl: app.globalData.ShareImage,
    }
  },
})