<view class="tree">
|
<t-collapse default-value="{{openIds}}" catchchange="handleChange">
|
<view
|
wx:for="{{treeList}}"
|
wx:for-item="item"
|
wx:for-index="index"
|
wx:key="id"
|
wx:if="{{item.sysType== 'CmsItem' }}"
|
>
|
<view
|
class="listItems"
|
wx:if="{{item.childrenFolderCount <= 0 && item.sysType == 'CmsItem'}}"
|
>
|
<view class="itemsInfo">
|
<view class="contentBox">
|
<!-- 云学习 图标 -->
|
<view
|
class="box-image fl-cn"
|
style="width: 80%"
|
bind:tap="goPlayer"
|
data-item="{{item}}"
|
data-parent="{{''}}"
|
>
|
<view class="teach-icon fl-cn">
|
<image
|
wx:if="{{item.selectType == 'audio' || item.learnSelectType == 'audio'}}"
|
src="/static/images/bookService/detail/audioIcon.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{item.selectType == 'video' || item.learnSelectType == 'video'}}"
|
src="/static/images/bookService/detail/video.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{item.selectType == 'pdf' || item.learnSelectType == 'pdf'}}"
|
src="/static/images/bookService/detail/pdf.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{item.selectType == 'webpage' || item.learnSelectType == 'webpage'}}"
|
src="/static/images/bookService/detail/net.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{item.selectType == 'picture' || item.learnSelectType == 'picture'}}"
|
src="/static/images/bookService/detail/picture.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{item.selectType == 'zip' || item.learnSelectType == 'zip'}}"
|
src="/static/images/bookService/detail/zip.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{ item.fileMap[item.file].extension == 'doc' || item.fileMap[item.file].extension == 'docx' || item.fileMap[item.freeFile].extension == 'doc' || item.fileMap[item.freeFile].extension == 'docx' || item.fileMap[item.protectedFile].extension == 'doc' || item.fileMap[item.protectedFile].extension == 'docx'}}"
|
src="/static/images/bookService/detail/word.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{ item.fileMap[item.file].extension == 'xls' || item.fileMap[item.file].extension == 'xlsx' || item.fileMap[item.freeFile].extension == 'xls' || item.fileMap[item.freeFile].extension == 'xlsx' || item.fileMap[item.protectedFile].extension == 'xls' || item.fileMap[item.protectedFile].extension == 'xlsx'}}"
|
src="/static/images/bookService/detail/excel.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{ item.fileMap[item.file].extension == 'ppt' || item.fileMap[item.file].extension == 'pptx' || item.fileMap[item.freeFile].extension == 'ppt' || item.fileMap[item.freeFile].extension == 'pptx' || item.fileMap[item.protectedFile].extension == 'ppt' || item.fileMap[item.protectedFile].extension == 'pptx'}}"
|
src="/static/images/bookService/detail/PPT.png"
|
mode="aspectFill"
|
/>
|
<!-- 资源无文件内容图标 -->
|
<image
|
wx:else
|
src="/static/images/bookService/detail/word.png"
|
mode=""
|
/>
|
</view>
|
<!-- 名称 -->
|
<text class="name" style="width: 100%">{{item.name || '-'}}</text>
|
<text>{{item.progress ? item.progress : 0}}%</text>
|
</view>
|
<view
|
class="seeBox"
|
wx:if="{{!isBuy && citem.freeFile ? true : false}}"
|
bind:tap="goPlayer"
|
data-item="{{citem}}"
|
data-parent=""
|
data-isTry="{{true}}"
|
>
|
<!-- 云学习试看图标 -->
|
<image
|
src="/static/images/bookService/detail/shikan.png"
|
class="testSee"
|
wx:if="{{!isBuy && item.freeFile ? true : false}}"
|
></image>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<t-collapse-panel
|
wx:for="{{treeList}}"
|
wx:for-item="item"
|
wx:for-index="index"
|
wx:key="id"
|
value="{{item.id}}"
|
wx:if="{{item.sysType == 'CmsFolder' }}"
|
>
|
<view slot="header" class="header-title">
|
<view class="title-checkBox" catchtap="catchTap">
|
<!-- 章节名 -->
|
<view class="title-box">
|
<view class="title-name">{{item.name}} </view>
|
</view>
|
</view>
|
</view>
|
<view
|
class="list"
|
wx:for="{{item.children}}"
|
wx:for-item="citem"
|
wx:for-index="cindex"
|
wx:key="cindex"
|
>
|
<!-- // 判断 无子项 且为商品item 直接显示 -->
|
<view
|
class="listItems"
|
wx:if="{{citem.childrenFolderCount <= 0 && citem.sysType == 'CmsItem'}}"
|
>
|
<view class="itemsInfo">
|
<view class="contentBox">
|
<!-- 云学习 图标 -->
|
<view
|
class="box-image fl-cn"
|
bind:tap="goPlayer"
|
data-item="{{citem}}"
|
data-parent="{{item}}"
|
>
|
<view class="teach-icon fl-cn">
|
<image
|
wx:if="{{citem.selectType == 'audio' || citem.learnSelectType == 'audio'}}"
|
src="/static/images/bookService/detail/audioIcon.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{citem.selectType == 'video' || citem.learnSelectType == 'video'}}"
|
src="/static/images/bookService/detail/video.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{citem.selectType == 'pdf' || citem.learnSelectType == 'pdf'}}"
|
src="/static/images/bookService/detail/pdf.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{citem.selectType == 'webpage' || citem.learnSelectType == 'webpage'}}"
|
src="/static/images/bookService/detail/net.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{citem.selectType == 'picture' || citem.learnSelectType == 'picture'}}"
|
src="/static/images/bookService/detail/picture.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{citem.selectType == 'zip' || citem.learnSelectType == 'zip'}}"
|
src="/static/images/bookService/detail/zip.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{ citem.fileMap[citem.file].extension == 'doc' || citem.fileMap[citem.file].extension == 'docx' || citem.fileMap[citem.freeFile].extension == 'doc' || citem.fileMap[citem.freeFile].extension == 'docx' || citem.fileMap[citem.protectedFile].extension == 'doc' || citem.fileMap[citem.protectedFile].extension == 'docx'}}"
|
src="/static/images/bookService/detail/word.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{ citem.fileMap[citem.file].extension == 'xls' || citem.fileMap[citem.file].extension == 'xlsx' || citem.fileMap[citem.freeFile].extension == 'xls' || citem.fileMap[citem.freeFile].extension == 'xlsx' || citem.fileMap[citem.protectedFile].extension == 'xls' || citem.fileMap[citem.protectedFile].extension == 'xlsx' }}"
|
src="/static/images/bookService/detail/excel.png"
|
mode="aspectFill"
|
/>
|
<image
|
wx:elif="{{ citem.fileMap[citem.file].extension == 'ppt' || citem.fileMap[citem.file].extension == 'pptx' || citem.fileMap[citem.freeFile].extension == 'ppt' || citem.fileMap[citem.freeFile].extension == 'pptx' || citem.fileMap[citem.protectedFile].extension == 'ppt' || citem.fileMap[citem.protectedFile].extension == 'pptx'}}"
|
src="/static/images/bookService/detail/PPT.png"
|
mode="aspectFill"
|
/>
|
<!-- 资源无文件内容图标 -->
|
<image
|
wx:else
|
src="/static/images/bookService/detail/word.png"
|
mode=""
|
/>
|
<text class="name" style="width: 400rpx"
|
>{{citem.name || '-'}}</text
|
>
|
</view>
|
<!-- 名称 -->
|
<text>{{citem.progress ? citem.progress : 0}}%</text>
|
</view>
|
<view
|
class="seeBox"
|
wx:if="{{!isBuy && citem.freeFile ? true : false}}"
|
bind:tap="goPlayer"
|
data-item="{{citem}}"
|
data-parent="{{item}}"
|
data-isTry="{{true}}"
|
>
|
<!-- 云学习试看图标 -->
|
<image
|
src="/static/images/bookService/detail/shikan.png"
|
class="testSee"
|
></image>
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- // 判断 不是商品 有子项 递归组件 -->
|
<tree
|
wx:if="{{ citem.sysType == 'CmsFolder' }}"
|
bookInfo="{{bookInfo}}"
|
treeList="{{[citem]}}"
|
learnList="{{learnList}}"
|
itemId="{{itemId}}"
|
openIds="{{openIds}}"
|
isBuy="{{isBuy}}"
|
></tree>
|
</view>
|
<!-- 暂无数据 -->
|
<view wx:if="{{!item.children || !item.children.length}}" class="noData">
|
<!-- <t-empty icon="folder-open" description="暂无数据" /> -->
|
<empty />
|
</view>
|
<view class="listItems" wx:if="{{children.length <= 0 && !loading}}">
|
暂无数据
|
</view>
|
<view class="loading" wx:if="{{loading}}">
|
<t-loading theme="circular" size="40rpx" class="wrapper" />
|
</view>
|
</t-collapse-panel>
|
</t-collapse>
|
</view>
|