微信小程序 讯飞录音 点击按钮录音内容转文字

<page-meta page-style="{{ showPolish ? 'overflow: hidden;' : '' }}" />
<view class="wrap">  
  <view class="header-tab" style="justify-content: {{typeList.length > 2 ? 'start' : 'center'}}">
    <view class="tab-list {{idx == item.id ? 'active' : ''}}" wx:for="{{typeList}}" wx:key="id" data-scene="{{item.scene}}" data-idx="{{item.id}}" data-ext="{{item.ext}}" bindtap="tabHandle">
      <image src="{{item.thumb}}" class="icon-daily" mode="aspectFill" />
      <view class="v1">{{item.name}}</view>
    </view>
    <!-- <view class="tab-list v2 {{idx == '2' ? 'active' : ''}}" data-idx="2" bindtap="tabHandle">
      <image src="/image/outdoors.png" class="icon-daily" mode="widthFix"/>
    </view>
    <view class="tab-list {{idx == '3' ? 'active' : ''}}" data-idx="3" bindtap="tabHandle">      
      <image src="/image/mixedcollar.png" class="icon-daily" mode="widthFix"/>
    </view> -->
  </view>

  <!--如果是管理员-->
  <block wx:if="{{isAdmin || isSeniorTeacher || isTeacherDirector}}">
    <scroll-view class="scroll-class-box" scroll-x="true">
      <view class="scroll-class-list {{classCheckedId == item.classId ? 'active': ''}}" wx:for="{{classData}}" wx:key="id" data-index="{{index}}" data-id="{{item.classId}}" bindtap="checkClassHandle">
        {{item.className}}
      </view>
    </scroll-view>
  </block>

  <!--指向主题活动-->
  <view class="white-box record-white-box" wx:if="{{themeExt}}">
    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">指向主题活动</view>
      </view>
      <view class="close-box" bindtap="openThemeHandle">
        <image src="{{openTheme ? '/image/icon_arrow_up2.png' : '/image/icon_arrow_down2.png'}}" data-idx="{{index}}" class="icon-close-black"></image>
      </view>
    </view>
    <block wx:if="{{openTheme}}">
      <view class="theme-item" wx:if="{{activityList.length > 0}}">
        <view class="theme-list" wx:for="{{activityList}}" wx:key="id" data-idx="{{index}}" bindtap="checkActivityHandle">
          <image src="{{item.checked?'/image/icon_checkbox_checked.png':'/image/icon_checkbox.png'}}" class="icon-checkbox"></image>
          <view class="v1">{{item.name}}</view>
          <view class="v2">{{item.status == '1' ? '整理' : '计划'}}{{item.monthWeek ? item.monthWeek : '-暂无'}}</view>
        </view>
        <view class="package-footer" bindtap="loadMoreActivity">{{moreTxt}}</view>
        <view class="up-box mt20" bindtap="openThemeHandle">
          <image src="/image/icon_arrow_up2.png" class="icon-close-black"></image>
        </view>
      </view>
      <block wx:else>
        <view class="close-box-str" bindtap="openThemeHandle">暂未安排活动 | 计划-无</view>
      </block>
    </block>
    <view class="close-box-str" wx:if="{{!openTheme}}" bindtap="openThemeHandle">{{themeStr ? themeStr : '未选择相关主题活动'}}</view>
  </view>

  <!--选择幼儿-->
  <view class="white-box record-white-box">
    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">
          选择幼儿
          <text class="t1">*</text>          
        </view>
        <view class="student-number">已选择{{checkedStudentsTreated.length}}个幼儿</view>
      </view>
      <view class="close-box" bindtap="openStudentHandle">
        <image src="{{openStudents ? '/image/icon_arrow_up2.png' : '/image/icon_arrow_down2.png'}}" data-idx="{{index}}" class="icon-close-black"></image>
      </view>
    </view>    
    <!--名字保留四个字-->
    <block wx:if="{{openStudents}}">      
      <view class="student-box" wx:if="{{students.length > 0}}">
        <view class="student-list" wx:for="{{students}}" wx:key="id" data-idx="{{index}}" bindtap="checkHandle">
          <image src="/image/icon_check.png" class="icon-check" wx:if="{{item.checked}}" />
          <image src="{{item.studentImage ? item.studentImage : '/image/default.png'}}" mode="aspectFill" class="student-photo" />
          <view class="v1">{{item.studentNumber}}号-{{item.studentName}}</view>
        </view>
      </view>
      <view class="up-box" bindtap="openStudentHandle" wx:if="{{students.length > 0}}">
        <image src="/image/icon_arrow_up2.png" class="icon-close-black"></image>
      </view>
      <block wx:if="{{students.length == 0}}">
        <view class="close-box-str">还未录入本班幼儿信息，请去后台录入</view>
      </block>
    </block>
    
    <view class="student-box" wx:if="{{!openStudents && checkedStudents.length > 0}}" bindtap="openStudentHandle">
      <view class="student-list2" wx:for="{{checkedStudentsTreated}}" wx:key="id">
        <image src="{{item.studentImage ? item.studentImage : '/image/default.png'}}" mode="aspectFill" class="student-photo2" />
        <view class="v1">{{item.studentNumber}}号-{{item.studentName}}</view>
      </view>
      <view class="student-list2" wx:if="{{checkedStudents.length > 10}}">
        <view class="more-box">...</view>
      </view>
    </view>       
    <view class="no-graphs" wx:if="{{!openStudents && students.length > 0 && checkedStudents.length == 0}}" bindtap="openStudentHandle">未选择幼儿</view>    
  </view>

  <!--记录日期-->
  <view class="white-box record-white-box only-box">

    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">记录日期<text class="t1">*</text></view>
      </view>      
    </view>

    <view class="check-list-rig">
      <picker mode="date" bindchange="bindDateChange" value="{{selectedDate}}">
        <view class="picker">
          {{selectedDate ? selectedDate : '日期未选'}}
        </view>
      </picker>
    </view>
  
  </view>

  <!--观察场景-->
  <view class="white-box record-white-box only-box">
    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">观察场景<text class="t1">*</text></view>
      </view>      
    </view>
    
    <view class="check-list-rig">
      <picker mode="selector" range="{{observeSceneList}}" bindchange="bindParentChange" value="{{observeParentIndex}}" range-key="expenseItem">
        <view class="picker">
          {{observeSceneList[observeParentIndex].expenseItem}}
        </view>
      </picker>
      <view class="ones-aline">-</view>
      <picker mode="selector" range="{{childArray}}" bindchange="bindChildChange" value="{{observeChildIndex}}" range-key="expenseItem">
        <view class="picker">
          {{childArray[observeChildIndex].expenseItem}}
        </view>
      </picker>
    </view>
         
  </view>

  <!--观察目的-->
  <view class="white-box record-white-box">
    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">观察目的</view>
      </view>
      <!-- <view class="close-box" bindtap="openObserveHandle">
        <image src="{{openObserve ? '/image/icon_arrow_up2.png' : '/image/icon_arrow_down2.png'}}" data-idx="{{index}}" class="icon-close-black"></image>
      </view> -->
    </view>
    <view class="observe-cont mt-20">
      <view class="textarea-wrap">
        <textarea class="textarea-box2" value="{{observe}}" placeholder="" maxlength="500" bindinput="monitorObserveInput" style="border-radius: 10rpx 10rpx 0 0;"></textarea>
        <!-- <view class="ai-wrap">
          <view class="v1" data-aistyle="1" bindtap="aimAiHandle">
            <image src="/image/ai.png" class="icon-ai" />
            <view class="v1">AI续写</view>
          </view>
        </view> -->
        <view class="textarea-foot">
          <view class="textarea-foot-lef">已输入{{observeNumber}}个字</view>
          <view class="textarea-foot-rig">{{observeNumber}}/500</view>
        </view>        
      </view>
    </view>
    <!--如果时间 主题 textarea都是空的 则显示 暂无观察情境-->
    <!-- <view class="close-box-str" wx:if="{{!openObserve}}" bindtap="openObserveHandle">{{observeStr ? observeStr : '未设相关信息'}}</view> -->
  </view>

  <!--观察记录-->
  <view class="white-box record-white-box" wx:for="{{activityMaterials}}" wx:key="index">
    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">观察记录<text class="t1">*</text></view>
      </view>
      <image src="/image/close.png" data-idx="{{index}}" class="icon-close-black2" bindtap="deleteHandle" style="margin-right:9rpx"></image>
    </view>

    <view class="textarea-box-wrap">

      <view class="voice-box" wx:if="{{item.recordArr.length > 0}}">

        <view class="record-item" wx:for="{{item.recordArr}}" wx:key="txt" wx:for-item="oItem" wx:for-index="oIndex">
          <!--down:-160rpx  up:90rpx-->
          <view class="pos-box" style="margin-top:{{oItem.directionUp?'-160':'90'}}rpx;" wx:if="{{oItem.showTip}}">
            <view class="pos-box-lef" data-pidx="{{index}}" data-idx="{{oIndex}}" bindtap="txtRecordHandle">
              <image src="/image/icon_txt.png" class="icon-txt" />
              <text class="t1">转文字</text>
            </view>
            <view class="pos-box-rig" data-pidx="{{index}}" data-idx="{{oIndex}}" bindtap="delRecordHandle">
              <image src="/image/icon_del.png" class="icon-del" />
              <text class="t1">删除</text>
            </view>
            <image src="/image/icon_arrow_down.png" wx:if="{{oItem.directionUp}}" class="icon-arrow-down" />
            <image src="/image/icon_arrow_up.png" wx:if="{{!oItem.directionUp}}" class="icon-arrow-up" />
          </view>
          <view class="record-list" data-pidx="{{index}}" data-idx="{{oIndex}}" bindtap="playHandle" bindlongpress="onLongPress">
            <image src="{{oItem.played == true ? '/image/icon_pause.png' : '/image/icon_video.png'}}" class="icon-video" />
            <text class="t1">语音</text>
            <text class="t2">00:{{oItem.time}}</text>
          </view>
          <view class="record-txt" wx:if="{{oItem.showTxt}}">{{oItem.txt}}</view>
        </view>

      </view>

      <textarea class="textarea-box" value="{{item.content}}" data-idx="{{index}}" bindinput="textareaBlurHandle" placeholder="请输入内容" maxlength="19999"></textarea>
      <view class="textarea-box-footer">
        <!-- <view class="ai-box" data-idx="{{index}}" data-aistyle="2" bindtap="recordAiHandle">
          <image src="/image/ai.png" class="icon-ai" />
          <view class="v1">AI续写</view>
        </view> -->
        <button class="record-btn" data-idx="{{index}}" bindtap="recordHandle">
          <image src="/image/icon_record_gray.png" wx:if="{{!item.recordState}}" class="icon-record" />
          <image src="/image/icon_record_red.png" wx:else="{{item.recordState}}" class="icon-record" />
        </button>
      </view>
    </view>

    <view class="material-box">      
      <block wx:for="{{activityMaterials[index].material}}" wx:for-item="mItem" wx:for-index="mIndex" wx:key="url">
        <view class="material-list" wx:if="{{mItem.type == 'img'}}">
          <image src="/image/icon_close.png" class="icon-close" data-pidx="{{index}}" data-idx="{{mIndex}}" bindtap="closeHadle" />
          <image src="{{mItem.url}}" data-src="{{mItem.url}}" data-pidx="{{index}}" data-idx="{{mIndex}}" bindtap="preview" class="material-list-m2" mode="aspectFill"></image>
        </view>
        <view class="material-list" wx:if="{{mItem.type == 'mp4'}}">
          <image src="/image/icon_close.png" class="icon-close" data-pidx="{{index}}" data-idx="{{mIndex}}" bindtap="closeHadle" />
          <video src="{{mItem.url}}" data-src="{{mItem.url}}" class="material-list-m2" mode="aspectFill"></video>
        </view>
      </block>
      <button class="upload-box" data-idx="{{index}}" bindtap="uploadFile">
        <image src="/image/icon_photo.png" class="icon-photo" />
        上传图片、视频
      </button>
    </view>

  </view>
  <view class="add-box" bindtap="addListHandle">
    <image src="/image/add.png" mode="widthFix" class="icon-add2" />添加新的图文描述
  </view>

  <!--幼儿发展水平评估-->
  <view class="white-box record-white-box">
    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">幼儿发展水平评估</view>
      </view>
      <view class="close-box" bindtap="openAreaHandle" wx:if="{{selectArea.length > 0}}">
        <image src="{{openArea ? '/image/icon_arrow_up2.png' : '/image/icon_arrow_down2.png'}}" data-idx="{{index}}" class="icon-close-black"></image>
      </view>
    </view>
    
    <block wx:if="{{openArea && selectArea.length > 0}}">
      <!--第一级-->
      <scroll-view class="scroll-box" scroll-x="true">
        <view class="domain-first {{areaFirstIndex == index ? 'active': ''}}" wx:for="{{selectArea}}" wx:key="id" data-index="{{index}}" data-id="{{item.id}}" bindtap="getSelectAreaId">
          {{item.name}}
          <block wx:if="{{item.checked}}">
            <image src="/image/corner_mark.png" class="corner-mark"></image>
          </block>
        </view>
      </scroll-view>      
      <!--有可能消失的第二级 如果第一级的id用于查询指标列表 指标列表type是3 则第二级显示 如果type是4则该第二级隐藏 ***如果没有children 直接使用选项卡*** 第二级是单选-->
      <view class="domain-second" wx:if="{{showAreaSecond}}">
        <view class="domain-second-list {{areaSecondIndex == index ? 'active': ''}}" wx:for="{{listSelect}}" wx:key="id" data-index="{{index}}" bindtap="getAreaSecondIndex">{{item.label}}</view>
      </view>
      <!--必然存在的第三级 第三级的组成是title + list 第三级是子级单选 理论上有多个数组 多个数组有对应的子级-->
      <view class="domain-three" wx:if="{{showAreaSecond}}">
        <view class="domain-three-item" wx:for="{{threeData.children}}" wx:key="id">
          <view class="domain-three-title">
            <view class="v1">{{item.label}}</view>
            <view class="v2">（请在下方选择一个水平）</view>
          </view>
          <view class="domain-three-list" wx:for="{{item.children}}" wx:for-item="mItem" wx:for-index="mIndex" wx:key="id" data-parentindex="{{index}}" data-childindex="{{mIndex}}" data-item="{{mItem}}" bindtap="checkedAreaHandle">
            <image src="{{mItem.checked ? '/image/icon_checkbox_checked.png' : '/image/icon_checkbox.png'}}" class="icon-checkbox"></image>
            <view class="v2 {{mItem.checked ? 'active' : ''}}">{{mItem.label}}</view>
          </view>
        </view>
      </view>
      <!--type为4的时候-->
      <view class="domain-three" wx:else>
        <view class="domain-three-item" wx:for="{{threeData}}" wx:key="id">
          <view class="domain-three-title">
            <view class="v1">{{item.label}}</view>
            <view class="v2">（请在下方选择一个水平）</view>
          </view>
          <view class="domain-three-list" wx:for="{{item.children}}" wx:for-item="mItem" wx:for-index="mIndex" wx:key="id" wx:for-item="mItem" wx:for-index="mIndex" wx:key="id" data-parentindex="{{index}}" data-childindex="{{mIndex}}" data-item="{{mItem}}" bindtap="checkedAreaHandle">
            <image src="{{mItem.checked ? '/image/icon_checkbox_checked.png' : '/image/icon_checkbox.png'}}" class="icon-checkbox"></image>
            <view class="v2 {{mItem.checked ? 'active' : ''}}">{{mItem.label}}</view>
          </view>
        </view>
      </view>
    </block>
    <view wx:if="{{selectArea.length == 0}}">
      <view class="no-graphs">未做幼儿发展水平评估</view> 
    </view>
    <view class="close-box-str" wx:if="{{!openArea && selectArea.length > 0}}" bindtap="openAreaHandle">{{areaStr ? areaStr : '暂无幼儿发展水平评估'}}</view>

  </view>

  <view class="white-box record-white-box">
    <view class="title-box">
      <view class="yellow-fence"></view>
      <view class="title-txt-part">
        <view class="v1">改进措施</view>
      </view>
      <!-- <view class="close-box">
        <image src="/image/icon_arrow_down2.png" data-idx="{{index}}" class="icon-close-black"></image>
      </view> -->
    </view>
    <view class="textarea-wrap" style="margin-top: 20rpx;">
      <textarea class="textarea-box2" value="{{measure}}" placeholder="" maxlength="500" bindinput="monitorMeasureInput"></textarea>
      <view class="textarea-foot">
        <view class="textarea-foot-lef">已输入{{measureNumber}}个字</view>
        <view class="textarea-foot-rig">{{measureNumber}}/500</view>
      </view>
    </view>
  </view>

  <!-- <view class="save-btn" bindtap="save">提交</view> -->
  <view class="white-box record-footer">
    <view class="footer">
      <view wx:if="{{!oid}}" class="v3" bindtap="cacelObserve">取消</view>
      <view wx:if="{{oid}}" class="v3" bindtap="deleteObserve">删除</view>
      <view class="v1" data-status="0" bindtap="save">暂存</view>
      <view class="v2" data-status="1" bindtap="save">提交</view>
    </view>
  </view>

  <view class="mask" wx:if="{{maskShow}}" bindtap="closeTipHandle"></view>

  <!--Ai弹窗-->
  <view class="ai-mask" wx:if="{{showPolish}}">
    <view class="ai-pop">
      <scroll-view class="ai-pop-cont" scroll-y="true">
        <textarea class="textarea-box2" value="{{aiPolish}}" placeholder="" maxlength="500" style="border-radius: 10rpx 10rpx 0 0;" bindinput="monitorPopInput"></textarea>
      </scroll-view>      
      <view class="ai-pop-footer">
        <view class="v1" bindtap="aiCancel">取消</view>
        <view class="v2" bindtap="aiAgain">重写</view>
        <view class="v3" bindtap="aiConfirm">确定</view>
      </view>
    </view>
  </view>
</view>

const app = getApp()
const util = require('../../utils/util.js');
const api = require('../../config/api.js');
const BASE_URL = app.globalData.BASE_URL
let lock = false

//获取当天的年月日用‘-’分隔
function getDayDate() {
  const currentDate = new Date();
  const year = currentDate.getFullYear();
  const month = String(currentDate.getMonth() + 1).padStart(2, '0');
  const day = String(currentDate.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

const innerAudioContext = wx.createInnerAudioContext({
  useWebAudioImplement: false // 是否使用 WebAudio 作为底层音频驱动，默认关闭。对于短音频、播放频繁的音频建议开启此选项，开启后将获得更优的性能表现。由于开启此选项后也会带来一定的内存增长，因此对于长音频建议关闭此选项
})

const recorderManager = wx.getRecorderManager();
var wxst; //语音websocket
var status = 0; // 音频的状态
var iatResult = [] // 识别结果
const searchoptions = {
  duration: 1000 * 60,
  sampleRate: 16000,
  numberOfChannels: 1,
  encodeBitRate: 48000,
  format: 'mp3',
  frameSize: 6
}

Page({
  data: {
    idx: '1',
    students: [],
    activityMaterials: [],
    userInfo: {},
    oid: null, //跳转过来编辑的id

    //recordArr: [], recordArr率属于activityMaterials的子集 //音频数组 包含三个字段 url->mp3格式文件 txt:MP3的文字版的文本 time: 录音的时间 played:是否正在播放     
    //录音部分-start
    parentIndex: null,
    maskShow: false, //透明的遮罩层
    srcMic: '',
    edit_text_max: 200,
    remain_length: 200,
    edit_text: "",
    is_focus: false,
    tips: "",
    index: -1,
    voicePath: "",
    //语音
    //recordState: false, //录音状态 该字段纳入作为activityMaterials的子级 由activityMaterials统一调配
    contentTxt: '', //内容
    firstSend: true,
    clientY: 0, //点击的地方到顶部的距离
    //录音部分-end

    activityId: null, //指向主题活动回显
    themeList: [], //指向主题活动
    themeChecked: {}, //主题选中
    themeStr: '', //指向主题活动关闭时候显示的文本
    openTheme: false, //指向主题活动开关
    checkedStudents: [], //选中的幼儿列表
    checkedStudentsTreated: [], //选中的幼儿处理过的列表 超过10个得截取成9个
    openStudents: false, //选择幼儿开关
    openObserve: false, //观察背景开关
    observeStr: '', //观察关闭时候显示的文本
    openArea: false, //幼儿发展水平评估开关
    areaStr: '', //幼儿发展水平评估关闭时候显示的文本
    observe: '', //观察目的
    observeNumber: 0,
    areaFirstIndex: 0, //一级选中的index 默认第一个选中
    areaSecondIndex: 0, //二级选中的index 默认第一个选中 如果type为3
    //selectArea: [], //评估对象列表    
    showAreaSecond: false, //是否展示二级
    observationViewId: '', //编辑观察记录的id
    listSelect: [], //指标列表
    threeData: [], //三级列表数据
    evaluationItems: [], //幼儿发展水平评估最终存储的数组 也就是选中的数组
    activityList: [], //指向主题活动列表
    pageNum: 1,
    pageSize: 6,
    moreTxt: '点击加载更多',
    flag: false,
    selectedDate: getDayDate(),

    /*观察场景-start*/
    observeSceneList: [],
    childArray: [], // 子集数组
    observeParentIndex: 0, // 当前选中的父级索引
    observeChildIndex: 0, // 当前选中的子集索引
    /*观察场景-end*/

    measure: '', //改进措施
    measureNumber: 0,
    isAdmin: false, //判断是不是管理员
    isSeniorTeacher: false,//判断是不是超级教师
    isTeacherDirector: false,//判断是不是混龄教师
    classData: [],
    classCheckedId: '', //选中的classId 如果是管理员的时候 默认选中第一个 非管理员不调用

    typeList: [], //观察记录顶部tab
    sceneChecked: '', //观察场景选中对象
    themeExt: false, //指向主题活动是否显示

    //观察目的Ai续写
    aiPolish: '', //Ai续写的内容
    showPolish: false, //Ai续写弹窗
    aistyle: null, //1是观察目的 2是观察记录
    aiParentIndex: null, //观察记录 第几个在Ai续写
    aimAiPolish: '', //观察目的Ai续写的内容
    aimAiKeyword: '', //关键词
  },

  onLoad() {},

  onShow: function () {
    wx.setStorageSync('activtyTab', {}); //重置备课助手tab的条件
    wx.setStorageSync('activityAdminTab', {}); //ly-add 2023-10-09 重置主题活动列表管理员状态下的班级选中状态
    if (app.globalData.isActivityMaterials) return
    app.globalData.isActivityMaterials = false //重置记观察记录的上传状态
    lock = false;
    const userInfo = wx.getStorageSync('userInfo');
    //判断roles是不是'sch'判断当前用户是不是'园长' 如果roles是senior_teacher那么该角色和园长拥有相同'观察评价'权限 统计里也要和园长一样 也就是'观察记录'、'观察统计'  混龄账号目前不可能是超级老师 2024-04-16
    let isAdmin = false
    let isSeniorTeacher = false
    let isTeacherDirector = false
    if(userInfo.roleKeysString){
      let oarr = userInfo.roleKeysString.split(',')
      isAdmin = util.arrayContainsSch(oarr)
      isSeniorTeacher = util.arrayContainsSeniorteacher(oarr)
      isTeacherDirector = util.arrayContainsTeacherdirector(oarr)
    }
    this.setData({
      userInfo,
      isAdmin: isAdmin,//判断是不是管理员
      isSeniorTeacher: isSeniorTeacher,//判断是不是 超级教师
      isTeacherDirector: isTeacherDirector,//判断是不是混龄教师
    })
    this.loadRecord();

    this.selectClass(); //加载的时候 幼儿发展水平评估 走的这个方法        

    //重置录音模块
    this.initRecord();
    this.resetObserve()
  },
    
  loadRecord() {
    var that = this;
    recorderManager.onStart(() => { //开始录音时触发
      status = 0;
      iatResult = []
      //console.log('recorder start');
      that.data.firstSend = false;
    });
    recorderManager.onError((res) => { //错误回调
      //console.log(res);
    });
    recorderManager.onStop((res) => { //结束录音时触发
      //console.log('recorder stop')
      //console.log(res)
      let otime = (res.duration / 1000).toFixed(0)
      status = 2;
      var sendsty = '{"data":{"status":2,"audio":"","format":"audio/L16;rate=8000","encoding":"raw"}}'
      wxst.send({
        data: sendsty
      })
      wx.uploadFile({
        // 模拟https
        url: BASE_URL + 'common/uploadMediaToTencent', //需要用HTTPS，同时在微信公众平台后台添加服务器地址
        filePath: res.tempFilePath, //上传的文件本地地址
        name: 'file',
        formData: {
          'userId': wx.getStorageSync('userInfo').userId,
          'scene': 'observation'
        },
        //附近数据，这里为路径
        success: function (result) {
          // console.log("--结束录音--")
          // console.log(that.data.contentTxt)
          // console.log(JSON.parse(result.data).url)
          // console.log(otime)
          if (that.data.contentTxt) {
            //recordArr: []//音频数组 包含三个字段 url->mp3格式文件 txt:MP3的文字版的文本 time: 录音的时间 played:是否正在播放
            let ourl = JSON.parse(result.data).url
            let pidx = that.data.parentIndex
            let params = {
              url: ourl,
              txt: that.data.contentTxt,
              time: that.timeHandle(otime), //这个时间是用来显示的
              played: false,
              showTxt: false, //语音的文字部分是否展示
              showTip: false, //Tooltip 文字提示是否展示
              directionUp: false, //Tooltip的方向是向上还是向下
            }
            let oarr = that.data.activityMaterials

            oarr.forEach((item) => {
              item.recordArr = item.recordArr && item.recordArr.length > 0 ? item.recordArr : []
            })

            oarr[pidx].recordArr.push(params)
            that.setData({
              activityMaterials: oarr
            })
            //console.log(that.data.activityMaterials)
          } else {
            //console.log("木有内容啊")
          }
        },
        fail: function (err) {
          //console.log(err)
        }
      })
    });
    recorderManager.onFrameRecorded((res) => { //每帧触发
      const that = this
      const {
        frameBuffer,
        isLastFrame
      } = res
      let params = {
        'common': {
          'app_id': '57198f05'
        },
        'business': {
          'language': 'zh_cn', //⼩语种可在控制台--语⾳听写（流式）--⽅⾔/语种处添加试⽤
          'domain': 'iat',
          'accent': 'mandarin', //中⽂⽅⾔可在控制台--语⾳听写（流式）--⽅⾔/语种处添加试⽤
          'vad_eos': 1000,
          'dwa': 'wpgs' //为使该功能⽣效，需到控制台开通动态修正功能（该功能免费）
        },
        'data': {
          'status': 0,
          'format': 'audio/L16;rate=16000',
          'encoding': 'lame',
          'audio': wx.arrayBufferToBase64(frameBuffer)
        }
      }
      // 拼接数据
      let status = 0
      if (this.data.firstSend) {
        this.data.firstSend = false
      } else {
        if (isLastFrame) {
          status = 2
        } else {
          status = 1
        }
      }
      params.data.status = status
      wx.sendSocketMessage({
        data: JSON.stringify(params),
        success: (data) => {
          //console.log('send success:' + JSON.stringify(data))
          //that.resetRecordState()
        },
        fail: (err) => {
          //console.log('send error:' + JSON.stringify(err))
          //中断录音的时候
          //that.resetRecordState()
        },
        completed: () => {
          if (isLastFrame) {
            // wx closeSocket
          }
        }
      })
    })
  },
  resetObserve() {
    //选择领域模块
    this.setData({
      areaFirstIndex: 0,
      selectArea: [], //评估对象列表 
      showAreaSecond: false, //是否展示二级
      observationViewId: '', //编辑观察记录的id
      listSelect: [], //指标列表      
      idx: '1',

      openTheme: false, //指向主题活动开关
      themeStr: '', //指向主题活动关闭时候显示的文本

      openStudents: false,
      openObserve: false,
      openArea: false,
      observeStr: '',
      areaStr: '',
      evaluationItems: [],

      measureNumber: 0,
      observeParentIndex: 0,
      oid: app.globalData.isRecordEdit ? app.globalData.recordId : '', //判断是不是从报告页面跳转过来 如果是则赋值id

      measure: '',

      classData: [],
      classCheckedId: '', //选中的classId 如果是管理员的时候 默认选中第一个 非管理员不调用

      activityId: null,
      //选择幼儿-start        
      checkedStudents: [],
      checkedStudentsTreated: [],
      students: [],
      studentArr: [],
      themeChecked: {},
      //选择幼儿-end

      //观察背景-start
      selectedDate: getDayDate(), //记录日期
      observeParentIndex: 0,
      observeChildIndex: 0,
      observe: '',
      observeNumber: 0,
      //观察背景-end              

      activityMaterials: [{
        content: '',
        material: []
      }],

      typeList: [], //观察记录顶部tab
      sceneChecked: '', //观察场景选中对象
      themeExt: false, //指向主题活动是否显示

      //观察目的Ai续写
      aiPolish: '', //Ai续写的内容
      showPolish: false, //Ai续写弹窗
      aistyle: null, //1是观察目的 2是观察记录
      aiParentIndex: null, //观察记录 第几个在Ai续写
      aimAiPolish: '', //观察目的Ai续写的内容
      aimAiKeyword: '', //关键词
    })

    if (this.data.oid) {
      this.loadData()
    }
  },

  //回显数据
  loadData() {
    const that = this;

    util.request(api.observeDetail + this.data.oid, '', 'get').then(res => {
      if (res.code == 200) {
        let odata = res.data

        //选择幼儿回显
        let studentArr = this.data.students
        let checkedStudents = []
        if (odata.participants.length > 0) {
          checkedStudents = odata.participants
          //判断两个数组是否有相同的id 如果有相同的id 给当前的student添加选中状态
          studentArr.forEach(item => {
            const isChecked = checkedStudents.some(citem => citem.studentId === item.studentId);
            item.checked = isChecked;
          });
        }
        let oarr2 = JSON.parse(JSON.stringify(checkedStudents))
        this.checkedStudentsHandle(oarr2)

        //观察背景回显
        let observeIndex = odata.scene.split(',')
        let observeSceneList = this.data.observeSceneList
        let observeParentIndex = 0
        let observeChildIndex = 0
        if (observeSceneList.length > 0) {
          for (let i in observeSceneList) {
            if (observeSceneList[i].expenseId == observeIndex[0]) {
              observeParentIndex = i
              break
            }
          }
          for (let i in observeSceneList[observeParentIndex].children) {
            if (observeSceneList[observeParentIndex].children[i].expenseId == observeIndex[1]) {
              observeChildIndex = i
              break
            }
          }
        }
        let scene = odata.recordDate + ',' + observeSceneList[observeParentIndex].expenseItem + observeSceneList[observeParentIndex].children[observeChildIndex].expenseItem + ',' + (odata.purpose ? odata.purpose : '')
        //观察背景回显-end
        //重组数据
        //type 1图片 3视频 
        let oarr = odata.observationRecords.map(function (item) {
          //console.log(item)
          //由于后端返回的数据原因 导致得先把返回的数据剥离成两个数组 一个是语音部分的数组 一个是图片、视频的数组
          let paragraphsRecord = [] //存储语音
          let paragraphsIV = [] //存储图片视频   
          let paragraphsIVLastArr = [] //存储图片视频过滤后的最终形态          
          if (item.paragraphs && item.paragraphs.length > 0) {
            for (let i in item.paragraphs) {
              if (item.paragraphs[i].type == '2') {
                paragraphsRecord.push(item.paragraphs[i])
                paragraphsRecord.push(item.paragraphs[(i - 0) + 1])
              }
            }
            paragraphsIV = item.paragraphs.slice(paragraphsRecord.length) //通过语音部分数组的长度切割数组 后面的数组就都是图片或者视频的数组了
            for (let i in paragraphsIV) {
              paragraphsIVLastArr.push({
                url: paragraphsIV[i].content,
                type: paragraphsIV[i].type == '3' ? 'mp4' : paragraphsIV[i].type == '1' ? 'img' : '', //3是视频、1是图片
              })
            }
          }
          let oparagraphsRecord = []
          for (let i in paragraphsRecord) {
            if (paragraphsRecord[i].type == '2') {
              oparagraphsRecord.push({
                url: paragraphsRecord[i].content,
                txt: paragraphsRecord[(i - 0) + 1].content,
                time: that.timeHandle(paragraphsRecord[i].fileSize - 0),
                played: false,
                showTxt: false, //语音的文字部分是否展示
                showTip: false, //Tooltip 文字提示是否展示
                directionUp: false, //Tooltip的方向是向上还是向下
              })
            }
          }
          return {
            content: item.content,
            recordArr: oparagraphsRecord, //语音部分
            material: paragraphsIVLastArr, //图片、视频部分            
          }
        })

        let str = ''
        let evaluationItems = odata.evaluationItems
        for (let i in evaluationItems) {
          str += (evaluationItems[i].sort + ':' + evaluationItems[i].syndrome)
        }
        str = str.substring(0, str.length - 1)

        this.setData({
          idx: odata.type,
          activityId: odata.activityId,
          activityMaterials: oarr,
          students: studentArr, //处理过的学生列表
          checkedStudents: checkedStudents, //选中的学生
          checkedStudentsTreated: checkedStudents, //选中的学生
          selectedDate: odata.recordDate, //记录日期
          observeParentIndex: observeParentIndex,
          childArray: this.data.observeSceneList[observeParentIndex].children, //ly-add 2023-09-15观察场景回显的问题
          observeChildIndex: observeChildIndex,
          observe: odata.purpose,
          observeStr: scene,
          observeNumber: odata.purpose ? odata.purpose.length : 0,
          areaStr: str,
          evaluationItems: odata.evaluationItems,
          measure: odata.measure,
          measureNumber: odata.measure ? odata.measure.length : 0,
          classCheckedId: odata.classId,
          pageNum: 1,
          activityList: [], //指向主题活动列表                
        })
        if (odata.type == '2') {
          this.data.themeChecked.id = odata.activityId
        } else {
          this.data.themeChecked.id = ''
          this.setData({
            activityId: null
          })
        }
        //选择幼儿列表
        this.getStudent()
        this.getListSelectArea();
        this.getListSelectActivity();
      } else {
        wx.showToast({
          title: res.msg,
          icon: 'error',
          duration: 2000
        })
      }
    });
  },

  getObservationTypeListFun() {
    util.request(api.getObservationTypeList + this.data.userInfo.schoolId, '', 'get').then(res => {
      if (res.code == 200) {
        //获得列表数据 获取第一个idx的值
        this.setData({
          typeList: res.rows,
          idx: res.rows[0].id,
          sceneChecked: res.rows[0].scene
        })
        //观察场景请求数据
        this.getObserveScene();
        //选择幼儿列表
        this.getStudent()
        this.getListSelectArea();
        //指向主题活动
        this.setData({
          pageNum: 1,
          activityList: [], //指向主题活动列表 
          flag: false,
        })
        this.getListSelectActivity(); //指向主题活动   
      } else {
        wx.showModal({
          title: res.msg,
          icon: 'error',
          showCancel: false,
          duration: 3000
        });
      }
    });
  },

  selectClass() {
    util.request(api.selectClass + '?userId=' + this.data.userInfo.userId, '', 'get').then(res => {
      if (res.code == 200) {
        this.setData({
          classData: res.data,
          classCheckedId: res.data[0].classId
        })
        var oid = app.globalData.isRecordEdit ? app.globalData.recordId : '';
        if (!oid) {
          this.getObservationTypeListFun()
        }
      } else {
        wx.showModal({
          title: res.msg,
          icon: 'error',
          showCancel: false,
          duration: 3000
        });
      }
    });
  },

  openThemeHandle() {
    this.setData({
      openTheme: this.data.openTheme ? false : true
    })
  },

  cacelObserve() {
    const that = this
    wx.showModal({
      title: '',
      content: '是否清空当前页面数据',
      success(res) {
        if (res.confirm) {
          that.resetObserve()
        } else if (res.cancel) {
          //console.log('用户点击取消')
        }
      }
    })
  },

  //删除观察
  deleteObserve() {
    const that = this
    wx.showModal({
      title: '',
      content: '是否删除该观察记录',
      success(res) {
        if (res.confirm) {
          util.request(api.deleteObservation + that.data.oid, '', 'delete').then(res => {
            if (res.code == 200) {
              wx.showToast({
                title: '删除成功！',
                icon: 'success',
                duration: 2000
              })
              wx.switchTab({
                url: '/pages/report/report',
              });
            } else {
              wx.showModal({
                title: res.msg,
                icon: 'error',
                showCancel: false,
                duration: 3000
              });
            }
          });
        } else if (res.cancel) {
          //console.log('用户点击取消')
        }
      }
    })
  },

  save(e) {
    let ostatus = e.currentTarget.dataset.status
    if (this.data.checkedStudents.length == 0) {
      util.alert('请选择观察对象！')
      return
    }
    if (!this.data.selectedDate) {
      util.alert('请选择记录日期！')
      return
    }
    let allHasContent = true //后端要求内容必填 否则以下的内容都不会保存
    allHasContent = this.data.activityMaterials.every(function (item) {
      return item.content != '' && item.content != null && item.content != undefined
    })
    if (!allHasContent) {
      util.alert('请先输入内容！')
      return
    }
    //this.saveDocconfirm() //保存Ai续写的内容
    if (lock) return
    lock = true
    //处理过滤activityMaterials数据
    let actArr = this.data.activityMaterials.map(function (item) {
      let oarr = []
      //转换数据格式
      oarr[0] = {
        content: item.content
      }
      //录音部分转化成特定格式给后端
      for (let i in item.recordArr) {
        oarr.push({
          content: item.recordArr[i].url,
          fileSize: item.recordArr[i].time - 0, //后端要用这个字段名称存储时间
        })
        oarr.push({
          content: item.recordArr[i].txt
        })
      }
      //把图片、视频以content的子级的方式添加到paragraphs里面
      for (let i in item.material) {
        oarr.push({
          content: item.material[i].url
        })
      }
      return {
        paragraphs: oarr
      }
    })
    //console.log(actArr)

    for (let i in actArr) {
      //title等于编辑标题就代表没编辑过 paragraphs[0].content的值为空就代表textare没编辑过 paragraphs[1]不存在或者content为空就代表没编辑过
      if (!actArr[i].paragraphs[0].content && (!actArr[i].paragraphs[1] || !actArr[i].paragraphs[1].content)) {
        actArr.splice(i, 1)
      }
    }

    let observeSceneList = this.data.observeSceneList
    let observeParentIndex = this.data.observeParentIndex
    let observeChildIndex = this.data.observeChildIndex
    let scene = observeSceneList[observeParentIndex].expenseId + ',' + observeSceneList[observeParentIndex].children[observeChildIndex].expenseId

    //过滤数据成后台需要的结构
    let oevaluationItems = this.data.evaluationItems
    //console.log(oevaluationItems)
    oevaluationItems = oevaluationItems.map(function (item) {
      if (item.parentId) {
        return {
          evaluationIndicatorId: item.parentId,
          id: item.id
        }
      } else {
        return {
          evaluationIndicatorId: item.evaluationIndicatorId,
          id: item.id
        }
      }
    })

    let params = {
      userId: this.data.userInfo.userId,
      classId: this.data.classCheckedId,
      type: this.data.idx,
      activityId: this.data.themeChecked.id,
      recordDate: this.data.selectedDate,
      scene: scene,
      purpose: this.data.observe,
      measure: this.data.measure,
      observationParticipants: this.data.checkedStudents,
      observationRecords: actArr,
      evaluationItems: oevaluationItems,
      status: ostatus,
    }
    let requestStyle = ''
    let requestUrl = ''
    if (this.data.oid) {
      params.id = this.data.oid
      requestStyle = 'PUT'
      requestUrl = api.observationViewEdit
    } else {
      requestStyle = 'POST'
      requestUrl = api.observeSceneSave
    }
    wx.showLoading({
      title: '提交中'
    })
    util.request(requestUrl, params, requestStyle, 'application/json').then(res => {
      if (res.code == 200) {
        wx.showToast({
          title: '提交成功！',
          icon: 'success',
          duration: 2000
        })
        this.bookHandle('suc', '')
      } else {
        this.bookHandle('err', res)
      }
    });
  },

  bookHandle(result, ores) {
    const that = this
    let isSuccess = false
    wx.requestSubscribeMessage({
      tmplIds: ['hGQUXKwyQtenWhFPnKvGcZk1mq-hdjxOPSvh_5FT46w'],
      success(res) {
        if (result == 'suc') {
          isSuccess = true
          that.setData({
            oid: '',
            studentArr: [],
            activityId: null,
            checkedStudentsTreated: []
          })
          app.globalData.isActivityMaterials = false //阻止调用onshow
          wx.switchTab({
            url: '/pages/report/report',
          });
          lock = false
          wx.hideLoading();
        } else {
          wx.showToast({
            title: ores.msg,
            icon: 'error',
            duration: 2000
          })
          app.globalData.isActivityMaterials = false
          lock = false
          wx.hideLoading();
        }
      },
      complete() {
        //如果调用成功 则不用调用第二遍 complete是必调用的 所以拦住省得第二次触发
        if (isSuccess) return
        app.globalData.isActivityMaterials = false //阻止调用onshow
        wx.switchTab({
          url: '/pages/report/report',
        });
        lock = false
        wx.hideLoading();
      },
    })
  },

  saveHandle() {
    if (editType == 0) { //添加
      wx.switchTab({
        url: '/pages/activityn/activityn',
      })
    } else { //修改
      wx.navigateBack({
        delta: 1
      });
    }
    lock = false
    wx.hideLoading();
  },

  tabHandle(e) {
    //清掉幼儿发展水平评估的选中状态
    let oindex = e.currentTarget.dataset.idx
    this.setData({
      openArea: false,
      idx: oindex,
      areaStr: '', //重置幼儿发展水平评估选中的值
      areaSecondIndex: 0,
      areaFirstIndex: 0,
      // threeData: [],
      // selectArea: [],
      evaluationItems: [],
      sceneChecked: e.currentTarget.dataset.scene,
      themeExt: e.currentTarget.dataset.ext == 1 ? true : false,
      //classCheckedId: this.data.classData[0].classId,//ly-add 2023-10-09
    })
    // if(oindex == '2'){
    //   this.setData({
    //     pageNum: 1,
    //     activityList: [],//指向主题活动列表
    //   })      
    // }   
    this.getIndex();
    this.getListSelectArea();
  },

  monitorMeasureInput(e) {
    let value = e.detail.value.replace(/\n\s*/g, '\n'); // 获取输入的文本内容
    if (value.length > 500) {
      value = value.slice(0, 500);
    }
    this.setData({
      measure: value,
      measureNumber: value.length || 0,
    })
  },

  bindParentChange: function (e) {
    const observeParentIndex = e.detail.value;
    const childArray = this.data.observeSceneList[observeParentIndex].children; // 根据选中的父级索引获取对应的子集数组
    this.setData({
      observeParentIndex: observeParentIndex,
      childArray: childArray,
      observeChildIndex: 0,
    });
  },
  bindChildChange: function (e) {
    const observeChildIndex = e.detail.value;
    // 获取选中的父级和子集数据
    // const parentData = this.data.observeSceneList[this.data.parentIndex];
    // const childData = this.data.childArray[childIndex];
    this.setData({
      observeChildIndex: observeChildIndex
    });
  },

  //观察场景请求数据
  getObserveScene() {
    var that = this;
    util.request(api.listObserveScene, '', 'get').then(res => {
      if (res.code == 200) {
        that.setData({
          observeSceneList: res.data
        })
        this.getIndex()
      } else {
        wx.showToast({
          title: res.msg,
          icon: 'error',
          duration: 2000
        })
      }
    });
  },

  //获取观察场景的父级index、子集index
  getIndex() {
    const that = this
    let observeSceneList = this.data.observeSceneList
    observeSceneList.forEach(function (item, index) {
      //ly-edit 2023-09-15 非编辑状态添加默认的子级 如果是编辑状态就重新赋值
      let sceneChecked = that.data.sceneChecked
      if (item.expenseId == sceneChecked.split(",")[0]) {
        let cIndex = item.children.findIndex(citem => citem.expenseId == sceneChecked.split(",")[1]);
        that.setData({
          observeParentIndex: index,
          childArray: item.children, //先给一个默认值
          observeChildIndex: cIndex
        })
      }
    });
  },

  //选择记录日期
  bindDateChange(e) {
    let oval = e.detail.value
    this.setData({
      selectedDate: oval
    });
  },

  //指向主题活动加载更多
  loadMoreActivity() {
    if (this.data.flag) return
    this.getListSelectActivity();
  },

  //指向主题活动选中某一个元素
  checkActivityHandle(e) {
    let otheme = this.data.activityList
    let oidx = e.currentTarget.dataset.idx
    let obj = otheme[oidx]
    //重置选中状态
    otheme = otheme.map(item => {
      item.checked = false;
      return item;
    });
    otheme[oidx].checked = true
    let themeStr = otheme[oidx].name + (otheme[oidx].status == '1' ? '整理' : '计划') + (otheme[oidx].monthWeek ? otheme[oidx].monthWeek : '')
    this.setData({
      activityList: otheme,
      themeChecked: obj,
      openTheme: false,
      themeStr: themeStr,
    })
  },

  //加载指向主题活动数据
  getListSelectActivity() {
    let oclassId = this.data.classCheckedId == this.data.userInfo.schoolId ? '' : this.data.classCheckedId;
    var param = '&classId=' + oclassId + '&schoolId=' + this.data.userInfo.schoolId
    util.request(api.listSelectActivity + this.data.pageNum + '&pageSize=' + this.data.pageSize + param + '&id=' + (this.data.activityId ? this.data.activityId : '') + '&includeActiveAuthPlan=' + true, '', 'get').then(res => {
      if (res.code == 200) {
        let odata = res.rows
        let newDataList = this.data.activityList.concat(odata);
        //回显
        if (this.data.activityId) {
          for (let i in newDataList) {
            if (newDataList[i].id == this.data.activityId) {
              newDataList[i].checked = true
              let themeStr = newDataList[i].name + (newDataList[i].status == '1' ? '整理' : '计划') + newDataList[i].monthWeek
              this.setData({
                themeStr: themeStr
              })
              break
            }
          }
        }
        this.setData({
          activityList: newDataList,
          pageNum: this.data.pageNum + 1,
        })
        if (newDataList.length >= res.total) {
          this.setData({
            flag: true,
            moreTxt: '-无更多数据-'
          })
        } else {
          this.setData({
            flag: false,
            moreTxt: '-点击加载更多-'
          })
        }
      } else {
        wx.showModal({
          title: res.msg,
          icon: 'error',
          showCancel: false,
          duration: 3000
        });
      }
    });
  },

  //开关闭合 幼儿发展水平评估
  openAreaHandle() {
    //获取areaStr的值
    let str = ''
    let evaluationItems = this.data.evaluationItems
    for (let i in evaluationItems) {
      if (evaluationItems[i].label) {
        str += evaluationItems[i].label
      } else {
        str += (evaluationItems[i].sort + ':' + evaluationItems[i].syndrome)
      }
    }
    str = str.substring(0, str.length - 1)
    this.setData({
      openArea: this.data.openArea ? false : true,
      areaStr: str
    })
  },

  checkedAreaHandle(e) {
    let parentIndex = e.currentTarget.dataset.parentindex
    let childindex = e.currentTarget.dataset.childindex
    let oitem = e.currentTarget.dataset.item
    let evaluationItems = this.data.evaluationItems
    let threeData = this.data.threeData
    //思路：点击的时候 判断当前checked是否为true 如果是true则改为false 如果是false通过父级index 把父级下标下所有的checked改为false 在子级下标对应的那个值改为true
    //1、判断点击的元素 checked是否为true
    let activeList = ''
    if (this.data.showAreaSecond) {
      activeList = threeData.children[parentIndex].children[childindex] //选中的元素      
    } else {
      activeList = threeData[parentIndex].children[childindex] //选中的元素      
    }
    if (activeList.checked) { //重置 如果是true改为false
      for (let i in evaluationItems) { //删除相同id的item
        if (evaluationItems[i].id == oitem.id) {
          evaluationItems.splice(i, 1)
          break
        }
      }
      activeList.checked = false
    } else {
      if (this.data.showAreaSecond) {
        threeData.children[parentIndex].children.forEach(function (item) {
          //遍历清除该点击元素同级的所有元素
          for (let i in evaluationItems) {
            if (item.id == evaluationItems[i].id) {
              evaluationItems.splice(i, 1)
            }
          }
          item.checked = false
        })
      } else {
        threeData[parentIndex].children.forEach(function (item) {
          //遍历清除该点击元素同级的所有元素
          for (let i in evaluationItems) {
            if (item.id == evaluationItems[i].id) {
              evaluationItems.splice(i, 1)
            }
          }
          item.checked = false
        })
      }

      evaluationItems.push(oitem)
      activeList.checked = true
    }

    //如果threeData里有checked是true 那就出现角标
    //获取第一级的index
    //console.log(this.data.areaFirstIndex)
    //console.log(threeData)
    let hasCornerMark = false
    if (this.data.showAreaSecond) {
      hasCornerMark = this.findCheckedItem(threeData.children)
    } else {
      hasCornerMark = this.findCheckedItem(threeData)
    }

    let selectArea = this.data.selectArea
    selectArea[this.data.areaFirstIndex].checked = hasCornerMark
    //console.log(evaluationItems)
    this.setData({
      threeData,
      selectArea
    })

  },

  //查找多层级数组中是否带有checked为true的属性并返回
  findCheckedItem(arr) {
    const that = this
    for (let item of arr) {
      if (item.checked === true) {
        return true;
      }
      if (item.children && item.children.length > 0) {
        const found = that.findCheckedItem(item.children);
        if (found) {
          return true;
        }
      }
    }
    return false;
  },

  updateCheckedStatus(arr1, arr2) {
    for (let i = 0; i < arr1.length; i++) {
      // 检查当前元素的id是否在arr2中存在
      if (arr2.some(item => item.id === arr1[i].id)) {
        arr1[i].checked = true;
      }
      // 递归遍历children数组
      if (arr1[i].children) {
        this.updateCheckedStatus(arr1[i].children, arr2);
      }
    }
  },

  //第三级页面显示
  getThreeData() {
    let listSelect = this.data.listSelect
    if (this.data.showAreaSecond) {
      //需要加children
      let areaSecondIndex = this.data.areaSecondIndex      
      //回显    
      if(listSelect.length > 0 && this.data.evaluationItems.length > 0){  
        this.updateCheckedStatus(listSelect[areaSecondIndex].children, this.data.evaluationItems)      
      }
      this.setData({
        threeData: listSelect[areaSecondIndex]
      })
    } else {
      //不需要加children
      //回显      
      if(listSelect.length > 0 && this.data.evaluationItems.length > 0){  
        this.updateCheckedStatus(listSelect, this.data.evaluationItems)
      }
      this.setData({
        threeData: listSelect
      })
    }
  },

  getAreaSecondIndex(e) {
    let index = e.currentTarget.dataset.index
    this.setData({
      areaSecondIndex: index
    })
    this.getThreeData()
  },

  //指标列表
  getlistSelect(id) {
    util.request(api.listSelect + id + '&observationViewId=' + this.data.observationViewId, '', 'get').then(res => {
      if (res.code == 200) {
        //有可能消失的第二级 如果第一级的id用于查询指标列表 指标列表type是3 则第二级显示 如果type是4则该第二级隐藏 ***如果没有children 直接使用选项卡*** 第二级是单选
        let odata = res.data
        let showAreaSecond = this.data.showAreaSecond //是否展示二级 
        // 使用find方法找到第一个包含非null children数组的元素
        const elementWithChildren = odata.find(element => element.children !== null);
        let firstType = ''
        // 如果找到了包含非null children数组的元素
        if (elementWithChildren) {
          // 使用some方法遍历children数组，找到第一个type字段的值
          firstType = elementWithChildren.children.find(child => child.type).type;                          
        } else {
          //都没有children的情况
          //console.log('No element with non-null children found.');
        }
        if (odata.length > 0 && (firstType == '3')) {
          showAreaSecond = true
        } else {
          showAreaSecond = false
        }
        this.setData({
          listSelect: res.data,
          showAreaSecond: showAreaSecond
        })
        //获取并展示第三级页面的值
        this.getThreeData()
      } else {
        wx.showModal({
          title: res.msg,
          icon: 'error',
          showCancel: false,
          duration: 3000
        });
      }
    });
  },

  //一级的tab操作
  getSelectAreaId(e) {
    let id = e.currentTarget.dataset.id
    let index = e.currentTarget.dataset.index
    this.setData({
      areaFirstIndex: index,
    })
    this.getlistSelect(id)
  },

  //选择评估对象
  getListSelectArea() {
    util.request(api.listSelectArea2 + (this.data.userInfo.schoolId ? this.data.userInfo.schoolId : '') + '/' + this.data.idx, '', 'get').then(res => {
      if (res.code == 200) {
        let odata = res.data
        let arryNew = []
        odata.map((item) => {
          arryNew.push(Object.assign({}, item, {
            checked: false
          }))
        })
        this.setData({
          selectArea: arryNew
        })
        if (odata.length == 0) return
        //默认查询第一条id对应的指标列表
        this.getlistSelect(odata[0].id)
      } else {
        wx.showModal({
          title: res.msg,
          icon: 'error',
          showCancel: false,
          duration: 3000
        });
      }
    });
  },

  monitorObserveInput(e) {
    this.setData({
      observe: e.detail.value,
      observeNumber: e.detail.cursor
    })
  },

  openObserveHandle() {
    let selectedDate = this.data.selectedDate
    let observeSceneList = this.data.observeSceneList
    let observeParentIndex = this.data.observeParentIndex
    let observeChildIndex = this.data.observeChildIndex
    let scene = selectedDate + ',' + observeSceneList[observeParentIndex].expenseItem + observeSceneList[observeParentIndex].children[observeChildIndex].expenseItem + ',' + (this.data.observe ? this.data.observe : '')
    this.setData({
      openObserve: this.data.openObserve ? false : true,
      observeStr: scene
    })
  },

  //处理选中学生如果超过十个用...显示
  checkedStudentsHandle(oarr) {
    if (this.data.openStudents && oarr.length > 10) {
      //如果关闭的时候 选中的列表超过10个则截取列表剩下9个显示
      oarr = oarr.slice(0, 9)
      this.setData({
        checkedStudentsTreated: oarr
      })
    } else {
      this.setData({
        checkedStudentsTreated: this.data.checkedStudents
      })
    }
  },

  openStudentHandle() {
    let oarr = JSON.parse(JSON.stringify(this.data.checkedStudents))
    this.checkedStudentsHandle(oarr)

    this.setData({
      openStudents: this.data.openStudents ? false : true
    })
  },

  checkHandle(e) {
    let idx = e.currentTarget.dataset.idx
    let arr = this.data.students
    arr[idx].checked = arr[idx].checked == true ? false : true

    let checkedarr = arr.filter(function (item) {
      return item.checked == true
    })

    this.setData({
      students: arr,
      checkedStudents: checkedarr
    })
  },

  checkClassHandle(e) {
    //this.data.classCheckedId == e.currentTarget.datasetid ? [] : this.data.checkedStudentsTreated
    this.setData({
      classCheckedId: e.currentTarget.dataset.id,
      flag: false,
      pageNum: 1,
      activityList: [], //指向主题活动列表
      students: [],
      checkedStudents: [],
      checkedStudentsTreated: [],
      themeChecked: {},
      themeStr: '',
      activityId: null
    })

    this.getStudent()
    this.getListSelectActivity();//ly-edit 2023-10-09
    this.getListSelectArea(); //ly-add 2023-10-09
  },

  getStudent() {
    var param = {};
    param.deptId = this.data.classCheckedId;
    param.schoolId = wx.getStorageSync('userInfo').schoolId;
    util.request(api.studentList, param, 'POST').then(res => {
      if (res.code == 200) {
        let oarr = res.rows.map(function (item) {
          return {
            studentId: item.id,
            studentName: item.name,
            studentNumber: item.number,
            studentImage: item.headUrl ? item.headUrl : '',
            sex: item.sex,
            checked: false
          }
        })
        if (this.data.checkedStudents.length > 0) {
          let checkedStudents = this.data.checkedStudents
          //判断两个数组是否有相同的id 如果有相同的id 给当前的student添加选中状态
          oarr.forEach(item => {
            const isChecked = checkedStudents.some(citem => citem.studentId === item.studentId);
            item.checked = isChecked;
          });
        }
        this.setData({
          students: oarr
        })
      } else {
        wx.showModal({
          title: res.msg,
          icon: 'error',
          showCancel: false,
          duration: 3000
        });
      }
    });
  },

  timeHandle(time) {
    if (time < 10) {
      return '0' + time
    } else {
      return time
    }
  },

  //重置录音按钮状态
  resetRecordState() {
    let activityMaterials = this.data.activityMaterials
    activityMaterials[this.data.parentIndex].recordState = false
    this.setData({
      activityMaterials: activityMaterials
    })
  },

  addListHandle() {
    let obj = this.data.activityMaterials
    obj.push({
      content: '',
      material: []
    })
    this.setData({
      activityMaterials: obj
    })
  },

  textareaBlurHandle(e) {
    let oval = e.detail.value
    let obj = this.data.activityMaterials
    let idx = e.currentTarget.dataset.idx
    obj[idx].content = oval
    this.setData({
      activityMaterials: obj
    })
  },

  preview(e) {
    let currentUrl = e.currentTarget.dataset.src
    let pidx = e.currentTarget.dataset.pidx //父级循环的index
    const oarr = []
    for (let i in this.data.activityMaterials[pidx].material) {
      oarr.push(this.data.activityMaterials[pidx].material[i].url)
    }
    wx.previewImage({
      current: currentUrl, // 当前显示图片的http链接
      urls: oarr // 需要预览的图片http链接列表
    })
  },

  closeHadle(e) {
    const that = this
    wx.showModal({
      title: '',
      content: '是否删除素材',
      success(res) {
        if (res.confirm) {
          let obj = that.data.activityMaterials
          let pidx = e.currentTarget.dataset.pidx //父级循环的index
          let idx = e.currentTarget.dataset.idx //子级循环的index
          obj[pidx].material.splice(idx, 1)
          that.setData({
            activityMaterials: obj
          })
        } else if (res.cancel) {
          //console.log('用户点击取消')
        }
      }
    })
  },

  //上传图片、视频
  uploadFile: function (e) {
    //如果不添加这个判断 则在这里会默认调用onshow
    app.globalData.isActivityMaterials = true //阻止调用onshow
    const that = this
    let obj = this.data.activityMaterials
    let pidx = e.currentTarget.dataset.idx
    wx.chooseMedia({
      count: 9, // 设置为需要上传的文件数量
      mediaType: ['image', 'video'],
      sizeType: ['compressed'], //压缩图片
      success: function (res) {
        const files = res.tempFiles;
        // 遍历选择的文件数组，依次上传每个文件
        wx.showLoading({
          title: '上传中'
        })
        files.forEach(function (file) {
          const tempFilePath = file.tempFilePath;
          wx.uploadFile({
            url: BASE_URL + 'common/uploadMediaToTencent',
            formData: {
              'userId': wx.getStorageSync('userInfo').userId,
              'scene': 'observation'
            },
            filePath: tempFilePath,
            name: 'file',
            success: function (res) {
              let ores = JSON.parse(res.data)
              //每个数组里添加一个type值是mp4或者img，在for循环里通过type赋值到mp4或者img里面
              let otype = that.getFileExtension(ores.url)
              if (otype) {
                let params = {
                  url: ores.url,
                  type: otype
                }
                obj[pidx].material.push(params)
              }
              that.setData({
                activityMaterials: obj,
              })
              wx.hideLoading();
            },
            fail: function (res) {
              // 处理上传失败后的逻辑
              wx.hideLoading();
            }
          })
        });
      }
    })
  },
  //用一个方法来判断 返回的文件是mp4 还是图片
  getFileExtension(url) {
    const dotIndex = url.lastIndexOf('.');
    const extension = url.substring(dotIndex + 1);
    if (/(jpg|jpeg|png)$/.test(extension.toLowerCase())) {
      return 'img'
    } else if (/(mp4|avi|mov)$/.test(extension.toLowerCase())) {
      return 'mp4'
    }
    return false
  },

  deleteHandle(e) {
    const that = this
    wx.showModal({
      title: '',
      content: '是否删除',
      success(res) {
        if (res.confirm) {
          let obj = that.data.activityMaterials
          let idx = e.currentTarget.dataset.idx //子级循环的index
          obj.splice(idx, 1)
          that.setData({
            activityMaterials: obj
          })
        } else if (res.cancel) {
          //console.log('用户点击取消')
        }
      }
    })
  },

  //识别语音 -- 初始化
  initRecord: function () {
    var that = this;
    wx.onSocketOpen((res) => { // websocket打开
      //console.log('监听到 WebSocket 连接已打开' + res);
    })
    wx.onSocketError((err) => { //连接失败
      //console.log('websocket连接失败', err);
      wx.showToast({
        title: 'websocket连接失败',
        icon: 'none',
        duration: 2000,
        mask: false
      })
    })
    wx.onSocketMessage((res) => { //接收返回值
      var data = JSON.parse(res.data)
      //console.log(data)
      if (data.code != 0) {
        //console.log("error code " + data.code + ", reason " + data.message)
        return
      }
      let str = ""
      if (data.data.status == 2) { //最终识别结果
        // data.data.status ==2 说明数据全部返回完毕，可以关闭连接，释放资源
        wxst.close();
      } else { //中间识别结果
      }
      iatResult[data.data.result.sn] = data.data.result
      if (data.data.result.pgs == 'rpl') {
        data.data.result.rg.forEach(i => {
          iatResult[i] = null
        })
      }
      iatResult.forEach(i => {
        if (i != null) {
          i.ws.forEach(j => {
            j.cw.forEach(k => {
              str += k.w
            })
          })
        }
      });
      // console.log('这个是中间的语音识别结果')
      // console.log(str)
      that.setData({
        contentTxt: str //这个是中间的语音识别结果
      })
      if (!this.data.contentTxt) {
        wx.showToast({
          title: '识别失败，请重新录入',
          icon: 'none',
          duration: 2000,
          mask: false
        })
        return
      }
    })
    wx.onSocketClose((res) => { //WebSocket连接已关闭！
      //var that = this;
      recorderManager.stop();
      // var str = that.data.contentTxt;
      // console.log(str);
      // str = str.replace(/\s*/g, "");//去除空格
      // if (str.substr(str.length - 1, 1) == "。") {//去除句号
      //   str = str.substr(0, str.length - 1);
      // }
      // console.log('这个是最后确定的语音识别结果', str)
      // that.setData({
      //   contentTxt: str//这个是最后确定的语音识别结果
      // })
      //console.log('WebSocket连接已关闭！')
    })
  },

  //录音和停止录音操作
  recordHandle(e) {
    let oactivityMaterials = this.data.activityMaterials
    let parentIndex = e.currentTarget.dataset.idx

    this.setData({ //获取父级的下标 后面录音结束后给对应的模块赋值
      parentIndex: parentIndex
    })
    //改成点击事件
    if (!oactivityMaterials[parentIndex].recordState) {
      wx.showToast({
        title: '开始录音',
        icon: 'none',
        duration: 1000
      })
      //兄弟节点的录音按钮改成灰色
      if (oactivityMaterials.length > 1) {
        for (let i in oactivityMaterials) {
          oactivityMaterials[i].recordState = false
        }
        this.setData({
          activityMaterials: oactivityMaterials
        })
      }
      oactivityMaterials[parentIndex].recordState = true
      this.setData({
        activityMaterials: oactivityMaterials //录音状态
      })
      wx.getSetting({ //查看用户有没有开启语音权限
        success(res) {
          if (res.authSetting['scope.record']) {
            wx.authorize({
              scope: 'scope.record',
              success() {
                var xfurl = "";
                wx.request({ //请求接口 获取讯飞语音鉴权
                  url: BASE_URL + 'assistant/url',
                  method: "get",
                  header: {
                    'content-type': 'application/json' // 默认值
                  },
                  success: function (res) {
                    //console.log('鉴权结果start:');
                    //console.log(res);
                    if (res.statusCode == "200" && res.data) {
                      xfurl = res.data;
                      wxst = wx.connectSocket({ // 开启websocket连接
                        url: xfurl,
                        method: 'GET',
                        success: function (res) {
                          recorderManager.start(searchoptions); //开始录音
                        }
                      });
                    } else {
                      wx.showToast({
                        title: '获取语音鉴权失败',
                        icon: 'none',
                        mask: true,
                        duration: 3000
                      })
                    }
                  },
                  fail: function () {
                    wx.showToast({
                      title: '获取语音鉴权失败',
                      icon: 'none',
                      mask: true,
                      duration: 3000
                    })
                  }
                })
              },
              fail() {
                wx.showModal({
                  title: '微信授权',
                  content: '您当前未开启语音权限，请在右上角设置(···)中开启“录音功能”',
                  showCancel: false,
                  success(res) {
                    if (res.confirm) {
                      //console.log('用户点击确定')
                    }
                  }
                })
              }
            })
          } else {
            wx.showModal({
              title: '微信授权',
              content: '您当前未开启语音权限，请在右上角设置(···)中开启“录音功能”',
              showCancel: false,
              success(res) {
                if (res.confirm) {
                  //console.log('用户点击确定')
                }
              }
            })
          }
        }
      })
    } else {
      oactivityMaterials[parentIndex].recordState = false
      this.setData({
        activityMaterials: oactivityMaterials
      })
      recorderManager.stop();
    }
  },

  //播放操作
  playHandle(e) {
    const that = this
    let idx = e.currentTarget.dataset.idx
    let pidx = e.currentTarget.dataset.pidx
    //recordArr的字段有url/txt/time/played/showTxt: false,//语音的文字部分是否展示showTip: false,//Tooltip 文字提示是否展示directionUp: false,//Tooltip的方向是向上还是向下    
    let activityMaterials = this.data.activityMaterials
    let orecordArr = activityMaterials[pidx].recordArr[idx]

    innerAudioContext.src = orecordArr.url
    if (!orecordArr.played) {
      //查找兄弟节点 把所有的played状态改成false
      for (let i in activityMaterials) {
        for (let j in activityMaterials[i].recordArr) {
          activityMaterials[i].recordArr[j].played = false
        }
      }
      // if(activityMaterials && activityMaterials.length > 1){
      //   that.setData({
      //     activityMaterials: activityMaterials
      //   })
      // }
      //播放
      orecordArr.played = true
      innerAudioContext.play() // 播放      
      innerAudioContext.onEnded(() => {
        //console.log('语音播放结束');     
        orecordArr.played = false
        that.setData({
          activityMaterials: activityMaterials
        })
      });
    } else {
      //关闭
      orecordArr.played = false
      innerAudioContext.stop() // 停止
    }
    this.setData({
      activityMaterials: activityMaterials
    })

  },

  onLongPress(e) {
    //console.log(e)
    //const listItem = e.currentTarget;
    let activityMaterials = this.data.activityMaterials
    let pidx = e.currentTarget.dataset.pidx //父级下标
    let idx = e.currentTarget.dataset.idx //子级下标
    //console.log(e.touches[0].clientY)
    let oClientY = e.touches[0].clientY * 2 //点击的位置和Y轴顶部的距离

    //隐藏所有语音列表的tip
    //console.log(activityMaterials)
    for (let i in activityMaterials) {
      for (let j in activityMaterials[i].recordArr) {
        activityMaterials[i].recordArr[j].showTip = false
      }
    }
    this.setData({
      activityMaterials: activityMaterials
    })

    //判断只要距离Y轴顶部的距离 大于220rpx 一律往上面冒泡    
    if (oClientY > 220) {
      activityMaterials[pidx].recordArr[idx].directionUp = true
    } else {
      activityMaterials[pidx].recordArr[idx].directionUp = false
    }
    activityMaterials[pidx].recordArr[idx].showTip = true
    this.setData({
      activityMaterials: activityMaterials,
      maskShow: true
    })
  },

  txtRecordHandle(e) {
    let activityMaterials = this.data.activityMaterials
    let pidx = e.currentTarget.dataset.pidx //父级下标
    let idx = e.currentTarget.dataset.idx //子级下标
    activityMaterials[pidx].recordArr[idx].showTxt = true
    activityMaterials[pidx].recordArr[idx].showTip = false
    this.setData({
      activityMaterials: activityMaterials
    })
  },

  delRecordHandle(e) {
    let activityMaterials = this.data.activityMaterials
    let pidx = e.currentTarget.dataset.pidx //父级下标
    let idx = e.currentTarget.dataset.idx //子级下标
    activityMaterials[pidx].recordArr.splice(idx, 1)
    this.setData({
      activityMaterials: activityMaterials,
      maskShow: false
    })
  },

  closeTipHandle() {
    let activityMaterials = this.data.activityMaterials
    //隐藏所有语音列表的tip
    //console.log(activityMaterials)
    for (let i in activityMaterials) {
      for (let j in activityMaterials[i].recordArr) {
        activityMaterials[i].recordArr[j].showTip = false
      }
    }
    this.setData({
      activityMaterials: activityMaterials,
      maskShow: false
    })
  },

  onUnload: function () {
    innerAudioContext.stop() // 停止        
  },

  onShareAppMessage() {},

  recordAiHandle(e) {
    let oactivityMaterials = this.data.activityMaterials
    let parentIndex = e ? e.currentTarget.dataset.idx : this.data.aiParentIndex
    let params = {
      docstyle: 3, //如果观察记录有值输入3 没值输入1
      content: {
        'level1': this.data.observeSceneList[this.data.observeParentIndex].expenseItem,
        'level2': this.data.childArray[this.data.observeChildIndex].expenseItem,
      },
      text: oactivityMaterials[parentIndex].content
    }
    wx.showLoading({
      title: '加载中...'
    });
    util.request('https://ai.keeko.ai/docgeneration', params, 'POST', 'application/json').then(res => {
      wx.hideLoading();
      if (res.result == 1) {
        this.setData({
          aiPolish: res.data.text,
          aistyle: e ? e.currentTarget.dataset.aistyle : this.data.aistyle,
          aiParentIndex: parentIndex
        })
        if (!this.data.showPolish) {
          this.setData({
            showPolish: true
          })
        }
      } else {
        wx.showToast({
          title: '尚在学习中',
          icon: 'none',
          mask: true,
          duration: 3000
        })
      }
    });
  },

  //Ai续写 观察目的
  aimAiHandle(e) {
    let observe = this.data.observe
    let params = {
      docstyle: !observe ? 1 : 2, //如果目的有值输入2 没值输入1
      content: {
        'level1': this.data.observeSceneList[this.data.observeParentIndex].expenseItem,
        'level2': this.data.childArray[this.data.observeChildIndex].expenseItem,
      },
      text: observe
    }
    wx.showLoading({
      title: '加载中...'
    });
    util.request('https://ai.keeko.ai/docgeneration', params, 'POST', 'application/json').then(res => {
      wx.hideLoading();
      if (res.result == 1) {
        this.setData({
          aiPolish: res.data.text,
          aistyle: e ? e.currentTarget.dataset.aistyle : this.data.aistyle
        })
        //aiAgain 重写的时候不刷新弹窗状态
        if (!this.data.showPolish) {
          this.setData({
            showPolish: true
          })
        }
      } else {
        wx.showToast({
          title: '尚在学习中',
          icon: 'none',
          mask: true,
          duration: 3000
        })
      }
    });
  },

  //判断是不是空对象
  isEmptyObject(obj) {
    return Object.keys(obj).length === 0;
  },

  saveDocconfirm() {
    let observe = this.data.observe
    let level1 = this.data.observeSceneList[this.data.observeParentIndex].expenseItem
    let level2 = this.data.childArray[this.data.observeChildIndex].expenseItem
    let observeParams = {}
    if (observe) {
      observeParams = {
        docstyle: 2, //2代表观察目的
        content: {
          'level1': level1,
          'level2': level2,
        },
        title: '观察目的',
        text: this.data.aimAiKeyword,
        doctext: this.data.aimAiPolish
      }
      //console.log(observeParams)
    }
    //先过滤无值的项
    let activityArr = []
    if (this.data.activityMaterials.length > 0 && this.data.activityMaterials[0].content) {
      activityArr = this.data.activityMaterials.map(function (item) {
        if (item.recordAiPolish) {
          return {
            docstyle: 3, //2代表观察目的
            content: {
              'level1': level1,
              'level2': level2,
            },
            title: '观察记录',
            text: item.aiKeyword,
            doctext: item.recordAiPolish
          }
        }
      })
    }
    if (!this.isEmptyObject(observeParams)) {
      activityArr.unshift(observeParams)
    }
    let params = {
      doc: activityArr
    }
    if (activityArr.length == 0) return
    util.request('https://ai.keeko.ai/docconfirm', params, 'POST', 'application/json').then(res => {
      //console.log(res)
    });
  },

  aiCancel() {
    this.setData({
      showPolish: false,
    })
  },

  aiAgain() {
    if (this.data.aistyle == '1') {
      this.aimAiHandle()
    } else {
      this.recordAiHandle()
    }
  },

  aiConfirm() {
    if (this.data.aistyle == '1') {
      let otxt = this.data.aiPolish
      let value = (this.data.observe + otxt).replace(/\n\s*/g, '\n'); // 获取输入的文本内容
      if (value.length > 500) {
        value = value.slice(0, 500);
      }
      this.setData({
        aimAiPolish: otxt,
        aimAiKeyword: this.data.observe, //关键词
        observe: value,
        observeNumber: value.length,
        showPolish: false,
      })
    } else {
      let oactivityMaterials = this.data.activityMaterials
      let parentIndex = this.data.aiParentIndex
      let otxt = this.data.aiPolish
      let value = (oactivityMaterials[parentIndex].content + otxt).replace(/\n\s*/g, '\n'); // 获取输入的文本内容
      if (value.length > 500) {
        value = value.slice(0, 500);
      }
      oactivityMaterials[parentIndex].aiKeyword = oactivityMaterials[parentIndex].content
      oactivityMaterials[parentIndex].content = value
      oactivityMaterials[parentIndex].recordAiPolish = otxt
      this.setData({
        activityMaterials: oactivityMaterials,
        showPolish: false,
      })
    }
  },

  monitorPopInput(e) {
    this.setData({
      aiPolish: e.detail.value
    })
  },
})

.wrap{ padding: 30rpx 30rpx 100rpx 30rpx;}
.header-tab{ display: flex; overflow-x: scroll;}
.tab-list{ position: relative; margin-right: 20rpx; padding: 0; background: #fff; text-align: center;border-radius: 16rpx; opacity: 0.3;}
.tab-list:last-child{ margin-right: 0;}
.icon-daily{ margin: 0 auto; display: block; width: 225rpx; height: 178rpx; border-radius: 10rpx;}
.tab-list .v1{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50rpx; line-height: 50rpx; background: #33a9ff; color: #fff; font-size: 28rpx; border-radius: 0 0 10rpx 10rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tab-list.active{ opacity: 1;}
.title-box{ display: flex; align-items: center; font-size: 26rpx; font-weight: bold;}
.warn{ margin-top: 100rpx; text-align: center;}
.icon-add{ margin-left: 15rpx; display: block; width: 124rpx; height: 124rpx;}
.student-item{ display: flex; flex-wrap: wrap;}
.student-list{ position: relative;}
.student-list .v1{ margin-top: 10rpx; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22rpx; color: #777;}
.student-photo{ margin: 0 auto; display: block; width: 124rpx; height: 124rpx; border-radius: 50%;}
.student-box{ padding: 30rpx 0 45rpx 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20rpx 0;}
.record-white-box{ margin-top: 30rpx; padding: 22rpx}

.title-box,.title-txt-part{ display: flex; align-items: center;}
.icon-close-black{ display: block; width: 28rpx; height: 16rpx;}
.icon-close-black2{ display: block; width: 28rpx; height: 28rpx;}
.icon-edit{ margin-left: 10rpx; width: 31rpx; height: 30rpx;}
.yellow-fence{ margin-right: 10rpx; width: 6rpx; height: 30rpx; background: #33a9ff; border-radius: 3rpx;}
.title-txt-part{ flex: 1; font-size: 28rpx; font-weight: bold;}
.title-input{ padding-left: 16rpx; width: 360rpx; height: 60rpx; border:1rpx solid #ddd; border-radius: 10rpx; font-size: 26rpx;}
.material-box{ margin-top: 22rpx; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.upload-box{ margin: 0 25rpx 25rpx 0; padding: 0; display: flex; justify-content: center; align-items: center; width: 310rpx; height: 186rpx; background: #f0f0f0; font-size: 25rpx; color: #111; border: 0; border-radius: 22rpx;}
button::after {border: none;}
.icon-photo{ margin-right: 10rpx; display: block; width: 93rpx; height: 85rpx;}
.material-list{ position: relative; margin: 0 25rpx 25rpx 0; width: 295rpx; height: 186rpx;}
.material-list-m2{ width: 100%; height: 100%; border-radius: 22rpx;}
.icon-close{ position: absolute; top: 10rpx; right: 10rpx; z-index: 999; display: block; width: 50rpx; height: 50rpx;}
.add-box{ margin-top: 30rpx; display: flex; justify-content: center; align-items: center; display: flex; font-size: 28rpx; color: #33a9ff;}
.save-btn{ margin: 100rpx auto 0 auto; width: 330rpx; height: 84rpx; text-align: center; line-height: 84rpx; background: #33a9ff; font-size: 30rpx; color: #111; font-weight: bold; border-radius: 42rpx;}

.textarea-box-wrap{ position: relative; margin-top: 22rpx; padding: 22rpx 22rpx 100rpx 22rpx; background: #f0f0f0; border-radius: 10rpx;}
.textarea-box{ width: 100%; height: 300rpx; box-sizing: border-box; font-size: 25rpx; color: #111;}
.voice-box{ margin-bottom: 20rpx; box-sizing: border-box; background: #f0f0f0; font-size: 25rpx; color: #111;}
.videoBtn {width: 50%;}
.videoBtn text{color:#fff;}
.videoBtnBg {background: #bdb4b4;}
.icon-record{ display: block; width: 70rpx; height: 70rpx;}
.textarea-box-footer{ position: absolute; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100rpx;}
.record-btn{ margin: 0; padding: 0; width: 70rpx; height: 70rpx; background: transparent; border-radius: 50%;}
button::after{border: none;}
.record-list{ padding-left: 18rpx; display: flex; align-items: center; box-sizing: border-box; width: 640rpx; height: 74rpx; background: #fff; color: #19b2ff; border-radius: 18rpx;}
.icon-video{ display: block; width: 56rpx; height: 55rpx;}
.record-list .t1{ margin: 0 22rpx;}
.record-txt{ padding:10rpx 10rpx 0 10rpx; font-size: 24rpx; color: #19b2ff;}
.record-item{ margin-bottom: 22rpx;}
.record-item:last-child{ margin-bottom: 0;}
.icon-txt{ display: block; width: 60rpx; height: 61rpx;}
.icon-del{ margin-top: 10rpx; display: block; width: 41rpx; height: 53rpx;}
.pos-box{ position: absolute; left: 50%; z-index: 999; transform: translateX(-50%); display: flex; align-items: center; width: 300rpx; height: 140rpx; background: #19b2ff; border-radius: 14rpx;}
.pos-box-lef,.pos-box-rig{ flex: 1; height: 140rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 24rpx; color: #fff;}
.pos-box-lef .t1,.pos-box-rig .t1{ margin-top: 6rpx;}
.icon-arrow-up,.icon-arrow-down{ display: block; width: 28rpx; height: 19rpx;}
.icon-arrow-down{ position: absolute; bottom: -19rpx; left: 50%; transform: translateX(-50%);}
.icon-arrow-up{ position: absolute; top: -19rpx; left: 50%; transform: translateX(-50%);}
.mask{ position: fixed; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; background: transparent}

.icon-check{display: block; width: 42rpx; height: 42rpx;}
.icon-check{ position: absolute; top: 0; right: 0;}
.icon-arrow-down{ display: block; width: 24rpx; height: 24rpx;}
.close-box{ width: 40rpx; height: 40rpx; display: flex; justify-content: center; align-items: center;}
.no-graphs{ padding: 30rpx 20rpx; font-size: 24rpx; color: #666;}
.observe-txt{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 26rpx; color: #666;}
.textarea-box2{ padding: 20rpx; width: 100%; height: 300rpx; box-sizing: border-box; background: #f0f0f0; font-size: 26rpx; border-radius: 10rpx;}
.textarea-foot{ padding: 10rpx 10rpx 0 10rpx; display: flex; justify-content: space-between; font-size: 22rpx; color: #777;}
.check-list{ margin: 25rpx 0 10rpx 0; display: flex; justify-content: space-between;}
.check-list-lef{ font-size: 26rpx; color: #333;}
.check-list-rig{ display: flex; font-size: 28rpx; color: #777;}

.theme-list{ display: flex; align-items: center; height: 80rpx; border-bottom: 1rpx dashed #ddd;}
.icon-checkbox{ display: block; width: 40rpx; height: 40rpx;}
.theme-list .v1{ margin: 0 20rpx; width: 300rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 28rpx; font-weight: bold; color: #333;}
.theme-list .v2{ font-size: 26rpx; color: #666;}
.theme-list:last-child{ border-bottom: 0;}

.scroll-box{ margin-top: 20rpx; white-space: nowrap;}
.domain-first,.domain-second-list{ margin-right: 10rpx; padding: 0 30rpx; height: 60rpx; line-height: 60rpx; white-space: nowrap; border-radius: 12rpx; background: rgba(51,169,255, 0.3); font-size: 26rpx; color: #333;}
.domain-first.active,.domain-second-list.active{background: rgba(51,169,255, 1); color: #fff;}
.domain-first{ position: relative; overflow: hidden; display: inline-block;}
.corner-mark{ position: absolute; bottom: 0; right: 0; width: 35rpx; height: 33rpx;}
.domain-second-list{ background: rgba(51,169,255, 0.1);}
.domain-second-list.active{background: rgba(51,169,255, 0.7)}
.domain-second{ margin-top: 30rpx; padding: 20rpx 0 0 0; display: flex; flex-wrap: wrap; border-top: 1px solid #eee;}
.domain-second-list{ margin-bottom: 10rpx;}
.domain-three-item{ margin-top: 20rpx;}
.domain-three-title{ margin-bottom: 20rpx; padding: 0 20rpx; display: flex; justify-content: space-between; align-items: center; height: 70rpx; line-height: 70rpx; border: 1px solid #eee; border-radius: 12rpx;}
.domain-three-title .v1{ font-size: 26rpx; color: #333;}
.domain-three-title .v2{ font-size: 24rpx; color: #999;}
.domain-three-list{ margin-bottom: 20rpx; display: flex;}
.domain-three-list .v1{ margin: 0 10rpx; width: 100rpx; line-height: 40rpx; font-size: 24rpx; color: #666;}
.domain-three-list .v2{ margin-left:20rpx; width: 0; flex: 1; line-height: 36rpx; font-size: 24rpx; color: #666;}
.domain-three-list .v2.active{ color: rgb(0, 0, 99); font-weight: bold;}
.close-box-str{ padding: 40rpx 20rpx; font-size: 26rpx; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.package-footer{ margin-top: 20rpx; text-align: center; font-size: 24rpx; color: #999;}
.ones-aline{ margin: 0 15rpx;}

.footer{ display: flex; justify-content: space-evenly;}
.footer .v1,.footer .v2,.footer .v3{ margin: 0 25rpx; flex: 1; height: 80rpx; text-align: center; line-height: 80rpx; font-size: 30rpx; border-radius: 50rpx;}
.footer .v1,.footer .v3{ background: #b1b2b9; color: #fff;}
.footer .v2{ background: #33a9ff; color: #fff;}
.record-footer{ margin-top: 30rpx; padding: 20rpx 0;}
.picker{ text-decoration: underline;}
.student-number{ margin-left: 20rpx; font-weight: 400; font-size: 26rpx; color: #777;}
.up-box{ display: flex; justify-content: center; align-items: center; height: 50rpx; background: #fff; border-radius: 10rpx;}
.up-box .icon-close-black{ width: 28rpx; height: 16rpx;}

.student-list2{ position: relative; min-height: 140rpx;}
.student-list2 .v1{ margin-top: 10rpx; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20rpx; color: #111;}
.student-photo2{ margin: 0 auto; display: block; width: 100rpx; height: 100rpx; border-radius: 50%;}
.more-box{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}

.scroll-class-box{ margin: 20rpx 0; white-space: nowrap;}
.scroll-class-list{ margin-right: 10rpx; padding: 0 30rpx; display: inline-block; height: 60rpx; line-height: 60rpx; white-space: nowrap; border-radius: 12rpx; background: rgba(25, 178, 255, 0.3); font-size: 26rpx; color: #333;}
.scroll-class-list.active{background: rgba(25, 178, 255, 1); color: #fff;}
.icon-add-txt{ margin-right: 14rpx; width: 45rpx; height: 45rpx; background: #33a9ff; text-align: center; line-height: 45rpx; font-size: 28rpx; color: #fff; border-radius: 50%;}

.only-box{display: flex; justify-content: space-between;}
.mt-20{ margin-top: 20rpx;}
.icon-ai{ display: block; width: 60rpx; height: 60rpx;}
.ai-wrap .v1,.ai-box .v1{ font-size: 20rpx; color: #33a9ff;}
.ai-wrap{ padding-bottom: 8rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #f0f0f0; border-radius: 0 0 10rpx 10rpx;}
.ai-box{ margin-right: 60rpx;}
.icon-add2{ margin-right: 14rpx; display: block; width: 44rpx; height: 45rpx;}

.ai-mask{ position: fixed; z-index: 99; left: 0; bottom:0; width: 750rpx; height: 100vh; background: rgba(0, 0, 0, 0.3);}
.ai-pop{ position: fixed; top: 50%; left: 30rpx; z-index: 100; transform: translateY(-50%); width: 690rpx; min-height: 400rpx; background: #fff; border-radius: 10rpx;}
.ai-pop-cont{ margin: 29rpx 0 0 30rpx; width: 630rpx; height: 300rpx; border-radius: 10rpx;}
.ai-pop-footer{ padding: 20rpx 0; display: flex; justify-content: center;}
.ai-pop-footer .v1,.ai-pop-footer .v2,.ai-pop-footer .v3{ margin: 0 25rpx; flex: 1; height: 60rpx; text-align: center; line-height: 60rpx; font-size: 30rpx; border-radius: 30rpx;}
.ai-pop-footer .v1{ background: #b1b2b9; color: #fff;}
.ai-pop-footer .v2,.ai-pop-footer .v3{ background: #33a9ff; color: #fff;}

个人记录项目使用的 想使用的同学自己扣代码吧文章来源地址https://www.toymoban.com/news/detail-857997.html

到了这里，关于微信小程序 讯飞录音 点击按钮录音内容转文字的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！