<!--pages/bookServices/detail/components/note/note.wxml-->
|
<view class="note">
|
<view class="note-btn">
|
<t-button
|
theme="primary"
|
class="make-note"
|
bind:tap="openDialog"
|
style="width: 240rpx"
|
>
|
<view slot="content" class="btn-content">
|
<image src="/static/images/bookService/detail/makeNote.png" />
|
<text class="note-btn-text">记笔记</text>
|
</view>
|
</t-button>
|
</view>
|
<view class="note-content">
|
<t-collapse
|
value="{{activeValues}}"
|
bind:change="handleChange"
|
wx:if="{{!loading && noteList.length}}"
|
>
|
<t-collapse-panel
|
value="{{item.id}}"
|
expandIcon
|
wx:for="{{noteList}}"
|
wx:key="id"
|
>
|
<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">
|
<image
|
src="/static/images/bookService/detail/compliceHover.png"
|
class="complice"
|
bind:tap="editNote"
|
data-note="{{item}}"
|
/>
|
<image
|
src="/static/images/bookService/detail/deleteHover.png"
|
class="delete"
|
bind:tap="deleteNote"
|
data-id="{{item.id}}"
|
/>
|
</view>
|
</view>
|
</view>
|
</t-collapse-panel>
|
</t-collapse>
|
<view wx:if="{{noList}}" class="noData">
|
<t-empty icon="folder-open" description="暂无数据" />
|
</view>
|
</view>
|
<view class="bottom-box" wx:if="{{noteList.length}}">
|
<t-loading wx:if="{{isMore == true}}"></t-loading>
|
<text wx:if="{{isMore == false}}">没有更多了</text>
|
</view>
|
</view>
|
<view class="loading-box" wx:if="{{loading}}">
|
<t-skeleton
|
row-col="{{[1,1,1,1,1,1]}}"
|
theme="paragraph"
|
animation="gradient"
|
loading="{{loading}}"
|
></t-skeleton>
|
</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>
|
<t-icon
|
t-class="close-btn"
|
name="close-circle"
|
size="32"
|
color="#fff"
|
bind:tap="closeDialog"
|
/>
|
</t-popup>
|
