import logger from '../../../../utils/logger';
import constant from '../../../../utils/constant';
import {
  finishConsult
} from "../../../../../../api/consultOrder"
// eslint-disable-next-line no-undef
// 导入 TUICallKitServer 模块，使您的应用具有全局呼叫的能力
import { TUICallKitServer } from "../../../../../../TUICallKit/TUICallService/index";

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    conversation: {
      type: Object,
      value: {},
      observer(newVal) {
        this.setData({
          conversation: newVal,
        },()=>{
          //this.getMessageone(this.data.conversation)
        });
      },
    },
    order_inquiry_id: {
      type: String,
      value: '',
      observer(newVal) {
        this.setData({
          order_inquiry_id:newVal,
        });
      },
    },
    doctor_user_id:{
        type: String,
        value: '',
        observer(newVal) {
          this.setData({
            doctor_user_id:newVal,
          });
        },
      },
     inquiry_type: {
      type: String,
      value: '',
      observer(newVal) {
        this.setData({
          inquiry_type:newVal
        });
      },
    },
    inquiry_mode: {
        type: String,
        value: '',
        observer(newVal) {
          this.setData({
            inquiry_mode:newVal
          });
        },
      },
    patient_family_data:{
      type: Object,
      value:{},
      observer(newVal) {
        this.setData({
          patient_family_data:newVal
        });
      },
    },
    msgData:{
      type: Object,
      value:{},
      observer(newVal) {
      
        this.setData({
          msgData:newVal
        },()=>{
       
          //console.log(newVal);
         // this.setMsgRound();
        });
      },
    },
    message_rounds:{
      type: Number,
      value: 0,
      observer(newVal) {
        this.setData({
          message_rounds:newVal
        });
      },
    },
    times_number:{
      type: Number,
      value: 0,
      observer(newVal) {
        this.setData({
          times_number:newVal
        },()=>{
         
        });
      },
    },
    duration:{
      type: Number,
      value: 0,
      observer(newVal) {
        this.setData({
          duration:newVal
        });
      },
    },
   rest_time:{
      type: Number,
      value: 0,
      rest_time(newVal) {
        this.setData({
          rest_time:newVal
        },()=>{
        //console.log('剩余时间:'+newVal)
        });
      },
    },
    hasCallKit: {
      type: Boolean,
      value: false,
      observer(hasCallKit) {
        this.setData({
          hasCallKit,
        });
      },
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    conversation: {},
    showCustomer:false,
    order_inquiry_id:'',
    doctor_user_id:'',
    inquiry_type:'',
    inquiry_mode:'',
    patient_family_data:{},
    message: '',
    message_rounds:0,
    times_number:0,//总共回合数
    msgData:{},
    rest_time:0,
    duration:0,
    hideText:false,
    showTip:true,
   
    extensionArea: false,
    sendMessageBtn: false,
    displayFlag: '',
    isAudio: false,
    bottomVal: 0,
    startPoint: 0,
    popupToggle: false,
    isRecording: false,
    canSend: true,
    text: '按住说话',
    title: ' ',
    notShow: false,
    isShow: true,
    timer:null,
    recordtime:0,
    commonFunction: [
      { name: '常用语', key: '0' },
      { name: '发送订单', key: '1' },
      { name: '服务评价', key: '2' },
    ],
    displayServiceEvaluation: false,
    showErrorImageFlag: 0,
    messageList: [],
    isFirstSendTyping: true,
    time: 0,
    focus: false,
    isEmoji: false,
    fileList: [],
    hasCallKit: false,
    
  },

  lifetimes: {
    attached() {
    

      // 加载声音录制管理器
      this.recorderManager = wx.getRecorderManager();
      this.recorderManager.onStop((res) => {
        wx.hideLoading();
        if (this.data.canSend) {
          if (res.duration < 1000) {
            wx.showToast({
              title: '录音时间太短',
              icon: 'none',
            });
          } else {
            // res.tempFilePath 存储录音文件的临时路径
            if(res.duration >= 60000){
              wx.showToast({
                title: '录音时间不能超过60s',
                duration:2000,
                icon: 'none',
              });
            }
            this.sendCallback();
            const message = wx.$TUIKit.createAudioMessage({
              to: this.getToAccount(),
              conversationType: this.data.conversation.type,
              payload: {
                file: res,
              },
              cloudCustomData: JSON.stringify({
                order_inquiry_id:this.data.order_inquiry_id,
                inquiry_type:this.data.inquiry_type,
                inquiry_mode:this.data.inquiry_mode,
                message_rounds:this.data.msgData.msg_round,
                patient_family_data:this.data.patient_family_data,
                is_system:0
              })
            });
          
            this.$sendTIMMessage(message);
          }
        }
        this.setData({
          startPoint: 0,
          popupToggle: false,
          isRecording: false,
          canSend: true,
          title: ' ',
          text: '按住说话',
        });
      });
     
    },
     ready(){
      //  wx.$TUIKit.on(wx.$TUIKitTIM.EVENT.SDK_READY,this.$onMessageReady,this);
     },
     detached() {
      // 一定要解除相关的事件绑定
      //wx.$TUIKit.off(wx.$TUIKitTIM.EVENT.SDK_READY, this.$onMessageReady,this);
    } 
  },
pageLifetimes:{
  hide: function () {
    let THIS=this;
    if(THIS.data.isRecording){
      THIS.handleTouchEnd()
    }
   },
},

  /**
   * 组件的方法列表
   */
  methods: {
    async call() {
        await TUICallKitServer.setSelfInfo( "典韦222", "http://xxx"
        )
        await TUICallKitServer.call({
          userID: this.data.doctor_user_id,
          type: 2,
          timeout:60,
          offlinePushInfo:{
            title:'22222'
          },
          userData:JSON.stringify({
            order_inquiry_id:this.data.order_inquiry_id,
            inquiry_type:this.data.inquiry_type,
            inquiry_mode:this.data.inquiry_mode,
            message_rounds:this.data.msgData.msg_round,
            patient_family_data:this.data.patient_family_data,
            is_system:0
          }),
        });
      },
    showTooltip(){
      this.setData({
        showTip:!this.data.showTip,
      });
    },
   
    handlefinishConsult(){
      let {order_inquiry_id}=this.data;
      finishConsult(order_inquiry_id).then(data=>{
        this.triggerEvent("freshChatStatus",order_inquiry_id)
      })
    },
    getMessageone(conversation){
      wx.$TUIKit.getMessageListHopping({
        conversationID: conversation.conversationID,
        direction: 0,
        count: 1,
      }).then((res) => {
        console.log("one");
        console.log(res);
        const { messageList } = res.data;
        this.getLatestMessageList(messageList);
      });
    },
    // 获取消息列表来判断是否发送正在输入状态
    getMessageList(conversation) {
      wx.$TUIKit.getMessageList({
        conversationID: conversation.conversationID,
        nextReqMessageID: this.data.nextReqMessageID,
        count: 15,
      }).then((res) => {
        const { messageList } = res.data;
        this.setData({
          messageList,
        });
        
      });
    },

    // 打开录音开关
    switchAudio() {
      wx.hideKeyboard();
      if(!this.data.isAudio){
        wx.getSetting({
          success(res) {
            if (!res.authSetting['scope.record']) {
              wx.authorize({
                scope: 'scope.record',
                success () {
           
                }
              })
            }
          }
        })
      }
      this.setData({
        isAudio: !this.data.isAudio,
        isEmoji: false,
        text: '按住说话',
        focus: false,
        message:'',
        displayFlag:'',
        sendMessageBtn:false
      });
    },
    openRecord(e,callback){
      let THIS=this;
      return new Promise((resolve, reject) => {
          wx.getSetting({
              success(res) {
                  if(!(res.authSetting['scope.record'])) { // 关闭订阅消息主按钮
                      return wx.showModal({
                          title: '提示',
                          content: '您已关闭麦克风权限，请点击“确认”按钮在设置中打开麦克风权限。',
                          success: function (res) {
                              if (res.confirm) {
                                  wx.openSetting({
                                      success(res) {
  
                                      }
                                  });
                              }
                          },
                          complete(){
                           
                          }
                      });
                  } else { // 开放订阅消息主按钮
                    callback(e,THIS);
                    resolve()
                  }
              },
              complete(){
                wx.hideLoading();

              }
          })
      })
  },
    // 长按录音
    handleLongPress(e) {
      this.setData({
        recordtime:0
    })
      this.openRecord(e,this.recording);
     
    },
    recording(e,THIS){
      
      if(THIS.setMsgRound()){
        wx.aegis.reportEvent({
          name: 'messageType',
          ext1: 'messageType-audio',
          ext2: wx.$chat_reportType,
          ext3: wx.$chat_SDKAppID,
        });
        THIS.recorderManager.start({
          duration: 61000, // 录音的时长，单位 ms，最大值 600000（10 分钟）
          sampleRate: 44100, // 采样率
          numberOfChannels: 1, // 录音通道数
          encodeBitRate: 192000, // 编码码率
          format: 'aac', // 音频格式，选择此格式创建的音频消息，可以在即时通信 IM 全平台（Android、iOS、微信小程序和Web）互通
        });
        THIS.timer=setInterval(()=>{
          if(THIS.data.recordtime>=60){
            THIS.handleTouchEnd();
           clearInterval(THIS.timer)
          };
          THIS.setData({
           recordtime:THIS.data.recordtime+1
         });
        },1000)
        THIS.setData({
          startPoint: e.touches[0],
          title: '正在录音',
          // isRecording : true,
          // canSend: true,
          notShow: true,
          isShow: false,
          isRecording: true,
          popupToggle: true,
        });
      }
      
    },
    // 录音时的手势上划移动距离对应文案变化
    handleTouchMove(e) {
      if (this.data.isRecording) {
        if (this.data.startPoint.clientY - e.touches[e.touches.length - 1].clientY > 100) {
          this.setData({
            text: '抬起停止',
            title: '松开手指，取消发送',
            canSend: false,
          });
        } else if (this.data.startPoint.clientY - e.touches[e.touches.length - 1].clientY > 20) {
          this.setData({
            text: '抬起停止',
            title: '上划可取消',
            canSend: true,
          });
        } else {
          this.setData({
            text: '抬起停止',
            title: '正在录音',
            canSend: true,
          });
        }
      }
    },

    // 手指离开页面滑动
    handleTouchEnd() {
      this.setData({
        isRecording: false,
        popupToggle: false,
        recordtime:0
      });
      wx.hideLoading();
      this.recorderManager.stop();
      clearInterval(this.timer)
    },
    // 选中表情消息
    handleEmoji() {
      let targetFlag = 'emoji';
      if (this.data.displayFlag === 'emoji') {
        targetFlag = '';
      }
      this.setData({
        isAudio: false,
        isEmoji: true,
        displayFlag: targetFlag,
        focus: false,
      });
    },

    // 选自定义消息
    handleExtensions() {
      wx.aegis.reportEvent({
        name: 'chooseExtensions',
        ext1: 'chooseExtensions',
        ext2: wx.$chat_reportType,
        ext3: wx.$chat_SDKAppID,
      });
      let targetFlag = 'extension';
      if (this.data.displayFlag === 'extension') {
        targetFlag = '';
      }
      this.setData({
        displayFlag: targetFlag,
      });
    },

    error(e) {
      console.log(e.detail);
    },

    handleSendPicture() {
      this.sendMediaMessage('camera', 'image');
    },

    handleSendImage() {
      wx.aegis.reportEvent({
        name: 'messageType',
        ext1: 'messageType-image',
        ext2: wx.$chat_reportType,
        ext3: wx.$chat_SDKAppID,
      });
      this.sendMediaMessage('album', 'image');
    },

    sendMediaMessage(type, mediaType) {
      if(this.setMsgRound()){
        const { fileList } = this.data;
        wx.chooseMedia({
          count: 9,
          sourceType: [type],
          mediaType: [mediaType],
          success: (res) => {
            this.sendCallback();
            const mediaInfoList = res.tempFiles;
            mediaInfoList.forEach((mediaInfo) => {
              fileList.push({ type: res.type, tempFiles: [{ tempFilePath: mediaInfo.tempFilePath }] });
            });
            fileList.forEach((file) => {
              if (file.type === 'image') {
                this.handleSendImageMessage(file);
              }
              if (file.type === 'video') {
                this.handleSendVideoMessage(file);
              }
            });
            this.data.fileList = [];
           
          },
        });
      }
    
    },

    // 发送图片消息
    handleSendImageMessage(file) {
      const message = wx.$TUIKit.createImageMessage({
        to: this.getToAccount(),
        conversationType: this.data.conversation.type,
        payload: {
          file,
        },
        cloudCustomData: JSON.stringify({
          order_inquiry_id:this.data.order_inquiry_id,
          inquiry_type:this.data.inquiry_type,
          inquiry_mode:this.data.inquiry_mode,
          message_rounds:this.data.msgData.msg_round,
          patient_family_data:this.data.patient_family_data,
          is_system:0
        }),
        onProgress: (percent) => {
          message.percent = percent;
        },
      });
      this.$sendTIMMessage(message);
    },

    // 发送视频消息
    handleSendVideoMessage(file) {
      const message = wx.$TUIKit.createVideoMessage({
        to: this.getToAccount(),
        conversationType: this.data.conversation.type,
        payload: {
          file,
        },
        onProgress: (percent) => {
          message.percent = percent;
        },
      });
      this.$sendTIMMessage(message);
    },

    handleShootVideo() {
      this.sendMediaMessage('camera', 'video');
    },

    handleSendVideo() {
      wx.aegis.reportEvent({
        name: 'messageType',
        ext1: 'messageType-video',
        ext2: wx.$chat_reportType,
        ext3: wx.$chat_SDKAppID,
      });
      this.sendMediaMessage('album', 'video');
    },

    handleCommonFunctions(e) {
      switch (e.target.dataset.function.key) {
        case '0':
          this.setData({
            displayCommonWords: true,
          });
          break;
        case '1':
          this.setData({
            displayOrderList: true,
          });
          break;
        case '2':
          this.setData({
            displayServiceEvaluation: true,
          });
          break;
        default:
          break;
      }
    },

    handleSendOrder() {
      this.setData({
        displayOrderList: true,
      });
    },

    appendMessage(e) {
      this.setData({
        message: this.data.message + e.detail.message,
        sendMessageBtn: true,
        hideText:true
      });
    },

    getToAccount() {
      if (!this.data.conversation || !this.data.conversation.conversationID) {
        return '';
      }
      switch (this.data.conversation.type) {
        case wx.$TUIKitTIM.TYPES.CONV_C2C:
          return this.data.conversation.conversationID.replace(wx.$TUIKitTIM.TYPES.CONV_C2C, '');
        case wx.$TUIKitTIM.TYPES.CONV_GROUP:
          return this.data.conversation.conversationID.replace(wx.$TUIKitTIM.TYPES.CONV_GROUP, '');
        default:
          return this.data.conversation.conversationID;
      }
    },
    async handleCheckAuthorize(e) {
      const type = e.currentTarget.dataset.value;
      wx.getSetting({
        success: async (res) => {
          const isRecord = res.authSetting['scope.record'];
          const isCamera = res.authSetting['scope.camera'];
          if (!isRecord && type === 1) {
            const title = '麦克风权限授权';
            const content = '使用语音通话，需要在设置中对麦克风进行授权允许';
            try {
              await wx.authorize({ scope: 'scope.record' });
              this.handleCalling(e);
            } catch (e) {
              this.handleShowModal(title, content);
            }
            return;
          }
          if ((!isRecord || !isCamera) && type === 2) {
            const title = '麦克风、摄像头权限授权';
            const content = '使用视频通话，需要在设置中对麦克风、摄像头进行授权允许';
            try {
              await wx.authorize({ scope: 'scope.record' });
              await wx.authorize({ scope: 'scope.camera' });
              this.handleCalling(e);
            } catch (e) {
              this.handleShowModal(title, content);
            }
            return;
          }
          this.handleCalling(e);
        },
      });
    },
    handleShowModal(title, content) {
      wx.showModal({
        title,
        content,
        confirmText: '去设置',
        success: (res) => {
          if (res.confirm) {
            wx.openSetting();
          }
        },
      });
    },

    handleCalling(e) {
      if (!this.data.hasCallKit) {
        wx.showToast({
          title: '请先集成 TUICallKit 组件',
          icon: 'none',
        });
        return;
      }
      const type = e.currentTarget.dataset.value;
      const conversationType = this.data.conversation.type;
      if (conversationType === wx.$TUIKitTIM.TYPES.CONV_GROUP) {
        if (type === 1) {
          wx.aegis.reportEvent({
            name: 'audioCall',
            ext1: 'audioCall-group',
            ext2: wx.$chat_reportType,
            ext3: wx.$chat_SDKAppID,
          });
        } else if (type === 2) {
          wx.aegis.reportEvent({
            name: 'videoCall',
            ext1: 'videoCall-group',
            ext2: wx.$chat_reportType,
            ext3: wx.$chat_SDKAppID,
          });
        }
        this.triggerEvent('handleCall', {
          type,
          conversationType,
        });
      }
      if (conversationType === wx.$TUIKitTIM.TYPES.CONV_C2C) {
        const { userID } = this.data.conversation.userProfile;
        if (type === 1) {
          wx.aegis.reportEvent({
            name: 'audioCall',
            ext1: 'audioCall-1v1',
            ext2: wx.$chat_reportType,
            ext3: wx.$chat_SDKAppID,
          });
        } else if (type === 2) {
          wx.aegis.reportEvent({
            name: 'videoCall',
            ext1: 'videoCall-1v1',
            ext2: wx.$chat_reportType,
            ext3: wx.$chat_SDKAppID,
          });
        }
        this.triggerEvent('handleCall', {
          conversationType,
          type,
          userID,
        });
      }
      this.setData({
        displayFlag: '',
      });
    },
    orderMsg(){
         let that=this;
          wx.requestSubscribeMessage({
            tmplIds: ['82rKSdbKkbFK_tHmIMnHyfyRJq9ujvmAsTjRHdxmCdE'],
            success (res) { 
              that.setData({
                showCustomer:true
              })
            }
          })
    },
    //发送成功之后回合数+1；
    sendCallback(){
      let {times_number,msgData}=this.data;
      let rounds=msgData.msg_round;
      if(msgData.msg_type==1){
         rounds=rounds+1;
         this.setData({
          'msgData.msg_round':rounds
         })
       };
       this.triggerEvent("getMessageRounds",{
         msg_round:rounds,
         msg_type:2
       });
      setTimeout(() => {
        if(times_number>=0){
          if(rounds==times_number){
            wx.showToast({
              title: '沟通已达到限制的'+times_number+'个回合',
              icon:"none"
            })
            this.triggerEvent("changeTimeStatus",true);
            this.handlefinishConsult();
          }
        };
      }, 300);
      
    },
    setMsgRound(){
      let {duration,rest_time}=this.data;
      if(duration!=0 && rest_time==0){
        wx.showToast({
          title: '沟通时长已超过限制时间',
          icon:"none"
        })
        this.triggerEvent("changeTimeStatus",true);
        this.handlefinishConsult();
        return false;
      };  
      return true

    },
    //发送前获取最新的一条消息
    getLatestMessageList(messageList) {
        let list=messageList;
        if(list.length>0){
          const messageList =list[list.length-1];
          console.log(messageList);
          let customdata=JSON.parse(messageList.cloudCustomData);
          let msg_rounds=customdata.message_rounds;
          let from=messageList.flow;
          let type=messageList.type;
          this.setData({
            message_rounds:msg_rounds || 0
          });
          if(this.data.times_number>=0){
            let rest_rounds=this.data.times_number-this.data.message_rounds;
            this.triggerEvent("getMessageRounds",rest_rounds);
          }
      

          if(this.data.duration!=0 && this.data.rest_time==0){
            wx.showToast({
              title: '沟通时长已超过限制时间',
              icon:"none"
            })
            this.handlefinishConsult();
            return false;
          }
          if(this.data.times_number>=0){
            if(msg_rounds==this.data.times_number){
              wx.showToast({
                title: '沟通已达到限制的'+this.data.times_number+'个回合',
                icon:"none"
              })
            
              this.handlefinishConsult();
              return false;
            }
          }
          
        
          if(this.data.times_number>=0){
            if(from=="in" && type!="TIMCustomElem"){
              msg_rounds=msg_rounds+1;
              this.setData({
                message_rounds:msg_rounds
              })
            
            }
            console.log("total:"+this.data.times_number,"message_rounds:"+this.data.message_rounds)
            let rest_rounds=this.data.times_number-this.data.message_rounds;
            this.triggerEvent("getMessageRounds",rest_rounds);
          }
         
          
        }
       return true
    
    },
    sendTextMessage(msg, flag) {
      if(this.data.isAudio){
        this.setData({
          isAudio:false
        });
        return false
      }
      if(!this.data.message){
        wx.showToast({
          title: '输入内容不能为空',
          icon:'none'
        })
        return false
       };
      if(this.setMsgRound()){
        wx.aegis.reportEvent({
          name: 'messageType',
          ext1: 'messageType-text',
          ext2: wx.$chat_reportType,
          ext3: wx.$chat_SDKAppID,
        });
        const to =this.getToAccount();
        const text = flag ? msg : this.data.message;
        const { FEAT_NATIVE_CODE } = constant;
        this.sendCallback();
        const message = wx.$TUIKit.createTextMessage({
          to,
          conversationType: this.data.conversation.type,
          payload: {
            text,
          },
          cloudCustomData: JSON.stringify({
            order_inquiry_id:this.data.order_inquiry_id,
            inquiry_type:this.data.inquiry_type,
            inquiry_mode:this.data.inquiry_mode,
            message_rounds:this.data.msgData.msg_round,
            patient_family_data:this.data.patient_family_data,
            is_system:0
          }),
        });
        this.setData({
          message: '',
          sendMessageBtn: false,
          hideText:false
        });
       
        this.$sendTIMMessage(message);
       

      }
    
    
    },

    // 监听输入框value值变化
    onInputValueChange(event) {
      if (event.detail.message || event.detail.value) {
        this.setData({
          message: event.detail.message || event.detail.value,
          sendMessageBtn: true,
          hideText:true
        });
      } else {
        this.setData({
          sendMessageBtn: false,
          hideText:false
        });
      }
      //event.detail.value && this.sendTypingStatusMessage();
    },

    // 发送正在输入状态消息
    sendTypingStatusMessage() {
      const { BUSINESS_ID_TEXT, FEAT_NATIVE_CODE } = constant;
      // 创建正在输入状态消息, "typingStatus":1,正在输入中1,  输入结束0, "version": 1 兼容老版本,userAction:0, // 14表示正在输入,actionParam:"EIMAMSG_InputStatus_Ing" //"EIMAMSG_InputStatus_Ing" 表示正在输入, "EIMAMSG_InputStatus_End" 表示输入结束
      const typingMessage = wx.$TUIKit.createCustomMessage({
        to: this.getToAccount(),
        conversationType: this.data.conversation.type,
        payload: {
          data: JSON.stringify({
            businessID: BUSINESS_ID_TEXT.USER_TYPING,
            typingStatus: FEAT_NATIVE_CODE.ISTYPING_STATUS,
            version: FEAT_NATIVE_CODE.NATIVE_VERSION,
            userAction: FEAT_NATIVE_CODE.ISTYPING_ACTION,
            actionParam: constant.TYPE_INPUT_STATUS_ING,
          }),
          description: '',
          extension: '',
        },
        cloudCustomData: JSON.stringify({
          order_inquiry_id:this.data.order_inquiry_id,
          inquiry_type:this.data.inquiry_type,
          inquiry_mode:this.data.inquiry_mode,
          message_rounds:this.data.msgData.msg_round,
          patient_family_data:this.data.patient_family_data,
          is_system:0
        }),
      });
        // 在消息列表中过滤出对方的消息，并且获取最新消息的时间。
      const inList =  this.data.messageList.filter(item => item.flow === 'in');
      if (inList.length === 0) return;
      const sortList = inList.sort((firstItem, secondItem) => secondItem.time - firstItem.time);
      const newMessageTime = sortList[0].time * 1000;
      // 发送正在输入状态消息的触发条件。
      const isSendTypingMessage = this.data.messageList.every((item) => {
        try {
          const sendTypingMessage = JSON.parse(item.cloudCustomData);
          return sendTypingMessage.messageFeature.needTyping;
        } catch (error) {
          return false;
        }
      });
        // 获取当前编辑时间，与收到对方最新的一条消息时间相比，时间小于30s则发送正在输入状态消息/
      const now = new Date().getTime();
      const timeDifference =  (now  - newMessageTime);

      if (isSendTypingMessage && timeDifference > (1000 * 30)) return;
      if (this.data.isFirstSendTyping) {
        this.$sendTypingMessage(typingMessage);
        this.setData({
          isFirstSendTyping: false,
        });
      } else {
        this.data.time = setTimeout(() => {
          this.$sendTypingMessage(typingMessage);
        }, (1000 * 4));
      }
    },
    // 监听是否获取焦点，有焦点则向父级传值，动态改变input组件的高度。
    inputBindFocus(event) {
      this.setData({
        focus: true,
      });
      this.getMessageList(this.data.conversation);
      this.triggerEvent('pullKeysBoards', {
        event,
      });
      // 有焦点则关闭除键盘之外的操作界面，例如表情组件。
      this.handleClose();
    },

    // 监听是否失去焦点
    inputBindBlur(event) {
      const { BUSINESS_ID_TEXT, FEAT_NATIVE_CODE } = constant;
      const typingMessage = wx.$TUIKit.createCustomMessage({
        to: this.getToAccount(),
        conversationType: this.data.conversation.type,
        payload: {
          data: JSON.stringify({
            businessID: BUSINESS_ID_TEXT.USER_TYPING,
            typingStatus: FEAT_NATIVE_CODE.NOTTYPING_STATUS,
            version: FEAT_NATIVE_CODE.NATIVE_VERSION,
            userAction: FEAT_NATIVE_CODE.NOTTYPING_ACTION,
            actionParam: constant.TYPE_INPUT_STATUS_END,
          }),
          cloudCustomData: JSON.stringify({ messageFeature:
              {
                needTyping: FEAT_NATIVE_CODE.FEAT_TYPING,
                version: FEAT_NATIVE_CODE.NATIVE_VERSION,
              },
          }),
          description: '',
          extension: '',
        },
      });
      //this.$sendTypingMessage(typingMessage);
      this.setData({
        isFirstSendTyping: true,
      });
      clearTimeout(this.data.time);
      this.triggerEvent('downKeysBoards', {
        event,
      });
    },

    $handleSendTextMessage(event) {
      
      this.sendTextMessage(event.detail.message, true);
      this.setData({
        displayCommonWords: false,
      });
    },

    $handleSendCustomMessage(e) {
      wx.aegis.reportEvent({
        name: 'messageType',
        ext1: 'messageType-custom',
        ext2: wx.$chat_reportType,
        ext3: wx.$chat_SDKAppID,
      });
      const message = wx.$TUIKit.createCustomMessage({
        to: this.getToAccount(),
        conversationType: this.data.conversation.type,
        payload: e.detail.payload,
      });
      this.$sendTIMMessage(message);
      this.setData({
        displayOrderList: false,
        displayCommonWords: false,
      });
    },

    $handleCloseCards(e) {
      switch (e.detail.key) {
        case '0':
          this.setData({
            displayCommonWords: false,
          });
          break;
        case '1':
          this.setData({
            displayOrderList: false,
          });
          break;
        case '2':
          this.setData({
            displayServiceEvaluation: false,
          });
          break;
        default:
          break;
      }
    },
    // 发送正在输入消息
    $sendTypingMessage(message) {
      wx.$TUIKit.sendMessage(message, {
        onlineUserOnly: true,
      });
    },

    $sendTIMMessage(message) {
      this.triggerEvent('sendMessage', {
        message,
      });
      wx.$TUIKit.sendMessage(message, {
        offlinePushInfo: {
          disablePush: true,
        },
      }).then(() => {
        const firstSendMessage = wx.getStorageSync('isFirstSendMessage');
        if (firstSendMessage) {
          wx.aegis.reportEvent({
            name: 'sendMessage',
            ext1: 'sendMessage-success',
            ext2: 'imTuikitExternal',
            ext3: wx.$chat_SDKAppID,
          });
        }
        //this.sendCallback();
      })
        .catch((error) => {
          logger.log(`| TUI-chat | message-input | sendMessageError: ${error.code} `);
          wx.aegis.reportEvent({
            name: 'sendMessage',
            ext1: `sendMessage-failed#error: ${error}`,
            ext2: 'imTuikitExternal',
            ext3: wx.$chat_SDKAppID,
          });
          this.triggerEvent('showMessageErrorImage', {
            showErrorImageFlag: error.code,
            message,
          });
        });
      this.setData({
        displayFlag: '',
      });
    },

    handleClose() {
      this.setData({
        displayFlag: '',
      });
    },

    handleServiceEvaluation() {
      this.setData({
        displayServiceEvaluation: true,
      });
    },
  },
});