feat(答题器): 答题器

闫增涛

2024-03-11 f4425543db1c8db8c47a34c53ef477e72cfe318e

 pages/bookServices/detail/components/note/note.wxml

@@ -1,15 +1,63 @@
<!--pages/bookServices/detail/components/note/note.wxml-->
<view class="note">
<view class="note" wx:if="{{!loading && noteList.length}}">
  <view class="note-btn">
    <t-button theme="primary" class="make-note">记笔记</t-button>
    <t-button theme="primary" class="make-note" bind:tap="openDialog" style="width: 240rpx;">
      <view slot="content">
        <t-image src="/static/images/bookService/detail/makeNote.png"></t-image>
        记笔记
      </view>
    </t-button>
  </view>
  <view class="note-content">
    <view class="wrapper">
      <t-collapse value="{{activeValues}}" bind:change="handleChange">
        <t-collapse-panel header="折叠面板标题" value="{{0}}" expandIcon>
          此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容
        </t-collapse-panel>
      </t-collapse>

    <t-collapse value="{{activeValues}}" bind:change="handleChange">
      <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
        <view slot="header" class="collapse-header">
          <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
          <view class="header-name">{{item.name}}</view>
        </view>
        <view>
          <view class="note-content">{{item.content}}</view>
          <view class="note-bottom">
            <view class="note-time">{{item.createDate}}</view>
            <view class="bottom-btn">
              <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
              <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
            </view>
          </view>
        </view>
      </t-collapse-panel>
    </t-collapse>

  </view>
  <view class="bottom-box">
    <t-loading wx:if="{{isMore == true}}"></t-loading>
    <text wx:if="{{isMore == false}}">没有更多了</text>
  </view>
</view>
<view class="loading-box" wx:if="{{loading}}">
  <t-loading loading="{{loading}}" size="60rpx"></t-loading>
</view>


<!-- 记笔记弹窗 -->
<t-popup visible="{{showNoteDialog}}" bind:visible-change="onVisibleChange" placement="center">
  <view class="popup">
    <view slot="title">
      <view class="title-text" wx:if="{{!flag}}">
        <text class="note-title">{{submitTitle}}</text>
        <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
      </view>
      <view wx:else>
        <t-input value="{{submitTitle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" bind:change="inputChange" maxlength="{{50}}" style="{{inputStyle}}"></t-input>
      </view>
    </view>
    <view slot="content" class="content">
      <t-textarea value="{{textvalue}}" t-class="external-class" label="" placeholder="请输入笔记内容" maxcharacter="500" disableDefaultPadding="{{true}}" indicator bind:change="textareaChange" bind:blur="" style="{{inputStyle}}" placeholder-style="{{placeholderstyle}}" />
    </view>
    <view class="submit-btn">
      <t-button theme="primary" size="large" block bind:tap="confirmSuggest">提交</t-button>
    </view>
  </view>
</view>
  <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
</t-popup>