京师E课小程序
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
闫增涛
2025-03-28 38cd76c5f05fd55855038e2d393074e27909c63d 
 pages/digitalCourses/digitalCoursesDetails/components/tree/index.wxml


@@ -1,29 +1,110 @@


<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" data-item="{{item}}" data-index="{{index}}">


          <view class="contentBox" bind:tap="goPlayer" data-item="{{item}}" data-parent="{{''}}">


    <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%">


            <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: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="" />


                <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>


            <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="{{!item.isbuy ? false : item.freeFile ? true : false}}"></image>


              <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' }}">


    <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">


          <!-- 章节名 -->


@@ -32,35 +113,118 @@


          </view>


        </view>


      </view>


      <view class="list" wx:for="{{item.children}}" wx:for-item="citem" wx:for-index="cindex" wx:key="cindex">


      <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" data-item="{{citem}}" data-index="{{cindex}}">


            <view class="contentBox" bind:tap="goPlayer" data-item="{{citem}}" data-parent="{{item}}">


        <view


          class="listItems"


          wx:if="{{citem.childrenFolderCount <= 0 && citem.sysType == 'CmsItem'}}"


        >


          <view class="itemsInfo">


            <view class="contentBox">


              <!-- 云学习 图标 -->


              <view class="box-image fl-cn">


              <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: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="" />


                  <image


                    wx:else


                    src="/static/images/bookService/detail/word.png"


                    mode=""


                  />


                  <text class="name" style="width: 400rpx"


                    >{{citem.name || '-'}}</text


                  >


                </view>


                <!-- 名称 -->


                <text class="name" style="width:540rpx">{{citem.name || '-'}}</text>


                <text>{{citem.progress ? citem.progress : 0}}%</text>


              </view>


              <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" wx:if="{{!citem.isbuy ? false : citem.freeFile ? true : false}}"></image>


                <image


                  src="/static/images/bookService/detail/shikan.png"


                  class="testSee"


                ></image>


              </view>


            </view>


          </view>


        </view>


        <!-- // 判断 不是商品 有子项 递归组件 -->


        <tree wx:if="{{ citem.sysType == 'CmsFolder' }}" isShowCheck="{{isShowCheck}}" bookInfo="{{bookInfo}}" treeList="{{[citem]}}" learnList="{{learnList}}" itemId="{{itemId}}" openIds="{{openIds}}"></tree>


        <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="暂无数据" />


        <!-- <t-empty icon="folder-open" description="暂无数据" /> -->


        <empty />


      </view>


      <view class="listItems" wx:if="{{children.length <= 0 && !loading}}">


        暂无数据


@@ -70,4 +234,4 @@


      </view>


    </t-collapse-panel>


  </t-collapse>


</view>


</view>