zf

litian

2024-09-27 1ebf13fcff1d64f0ab9f1981cd60ad3194a2d29c

 pages/digitalTextbooks/digitalTextbooksDetails/index.wxml

@@ -1,228 +1,212 @@
<!--pages/digitalTextbooks/digitalTextbooksDetails/index.wxml-->
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />


<view wx:if="{{!loading}}">
  <view class="page-bookService">

    <view class="digital">
      <view class="book-box">


        <view class="textbookDetails">
          <view class="book-img">
            <view class="imageBox">
              <image src="{{digitalsData.icon}}" mode="" />
            </view>
            <!-- <view class="setCoolect">
    <scroll-view scroll-y="{{true}}" class="book" bindscrolltolower="onReachBottom">
      <view class="digital">
        <view class="book-box">
          <view class="textbookDetails">
            <view class="book-img">
              <view class="imageBox">
                <image src="{{digitalsData.icon}}" mode="" class="img" />
              </view>
              <!-- <view class="setCoolect">
              <image src="/static/images/bookService/detail/collect.png" style="width: 50rpx;" bind:tap="setCoolect" wx:if="{{isFavourite}}" />
              <image src="/static/images/bookService/detail/collecting.png" style="width: 50rpx;" bind:tap="setCoolect" wx:else="" />
            </view> -->
          </view>
          <view class="bookContent">
            <view class="headerText">
              {{digitalsData.name}}
            </view>
            <view class="content">
              <view class="styleCssBox">
                <view style="width: 150rpx;"> 作者： </view>
                <view>{{ digitalsData.author}}</view>
            <view class="bookContent">
              <view class="headerText"> {{digitalsData.name}} </view>
              <view class="content">
                <view class="styleCssBox">
                  <view style="width: 150rpx"> 主编： </view>
                  <view class="authorBox">{{ digitalsData.author}}</view>
                </view>
                <view class="styleCssBox">
                  <view style="width: 150rpx"> 编者单位： </view>
                  <view class="authorBox">{{ digitalsData.editorUnit || '-'}}</view>
                </view>
                <view class="styleCssBox">
                  <view style="width: 150rpx">ISBN：</view>
                  <view>{{ digitalsData.isbn}}</view>
                </view>
                <view class="styleCssBox">
                  <view style="width: 150rpx"> 出版时间： </view>
                  <view>{{ digitalsData.publicationDate}}</view>
                </view>
                <view class="styleCssBox">
                  <view style="width: 150rpx"> 出版单位： </view>
                  <view>{{ publishingUnit || '-'}}</view>
                </view>
              </view>
              <view class="styleCssBox">
                <view style="width: 150rpx;">ISBN：</view>
                <view>{{ digitalsData.isbn}}</view>
              </view>
              <view class="styleCssBox">
                <view style="width: 150rpx;"> 出版时间： </view>
                <view>{{ publicationDate}}</view>
              </view>

              <image src="/static/images/bookService/detail/square.png" class="right-background" />
            </view>
            <image src="/static/images/bookService/detail/square.png" class="right-background" />
          </view>



        </view>
        <view class="certificate">
          <view class="proposal">
            <view class="suggestion">
              <image src="/static/images/digitalTextbooks/Suggestion@2x.png" mode="" />
            </view>
            <view class="proposalText">我要建议</view>
          </view>
          <view class="frame"></view>
          <view class="information">
            <view class="proposal">
          <view class="certificate">
            <!-- <view class="proposal" bind:tap="suggestBtn">
              <view class="suggestion">
                <image src="/static/images/digitalTextbooks/shengshu-t@2x.png" mode="" />
                <image src="/static/images/digitalTextbooks/Suggestion@2x.png" mode="" class="img" />
              </view>
              <view class="proposalText">证书申请</view>
            </view>
            <view class="informationPrice">
              <view wx:if="{{digitalsData.price != 0}}" class="fixedPrice">
                <view> 定价： </view>
                <view>￥{{ digitalsData.price}}</view>
              <view class="proposalText">我要建议</view>
            </view> -->
            <!-- <view class="frame"></view> -->
            <view class="information">
              <view class="proposal" bind:tap="onCertificate">
                <view class="suggestion">
                  <image src="/static/images/digitalTextbooks/shengshu-t@2x.png" mode="" class="img" />
                </view>
                <view class="proposalText">证书申请</view>
              </view>
              <view wx:else>免费</view>
              <view class="informationPrice">
                <view wx:if="{{digitalsData.price != 0}}" class="fixedPrice">
                  <view> 定价： </view>
                  <view>￥{{ digitalsData.price}}</view>
                </view>
                <view wx:else>免费</view>
              </view>
            </view>
          </view>
        </view>


      </view>
    </view>

    <view style="margin-top: 20rpx;">
      <t-tabs defaultValue="{{tabValue}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
        <t-tab-panel icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}" value="brief" label="基本信息" style="{{tabPanelstyle}}">
          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/bookService/detail/label.png" mode="" />
            </view>
            <view class="basic"> 基本信息</view>
          </view>
          <view style="margin: 30rpx; margin-bottom: 130rpx;">
            <rich-text nodes="{{digitalsData.content}}" style="{{richStyle}}"></rich-text>
          </view>

        </t-tab-panel>
        <t-tab-panel icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}" value="jsek_cloudLearning" label="证书信息" style="{{tabPanelstyle}}">
          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/digitalTextbooks/zhengshu@2x.png" mode="" />
            </view>
            <view class="basic"> 证书信息</view>





          </view>


          <view class="certificateChart">
            <view class="chart">
              <image src="" mode="" />
            </view>
            <view class="chart">
              <image src="" mode="" />
            </view>
          </view>
        </t-tab-panel>
        <t-tab-panel icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}" value="jsek_teachingResources" label="作者信息" style="{{tabPanelstyle}}">
          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/bookService/detail/author.png" mode="" />
            </view>
            <view class="basic"> 作者信息</view>
          </view>
          <view style="margin: 30rpx; margin-bottom: 130rpx;">
            <rich-text nodes="{{digitalsData.authorIntroduction}}" style="{{richStyle}}"></rich-text>
          </view>
        </t-tab-panel>
        <t-tab-panel icon="{{tabValue == 'catalogue' ? catalogueClickIcon : catalogue}}" value="catalogue" label="目录" style="{{tabPanelstyle}}">

          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/bookService/detail/author.png" mode="" />
            </view>
            <view class="basic"> 目录</view>
          </view>
          <view style="margin: 30rpx; margin-bottom: 130rpx;">
            <rich-text nodes="{{digitalsData.catalogue}}" style="{{richStyle}}"></rich-text>
          </view>



        </t-tab-panel>
        <t-tab-panel icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}" value="questionBank" label="相关教材" style="{{tabPanelstyle}}">


          <view class="correlation">
            <view wx:for="{{relatedBookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onCorrelationBook">

              <view class="correlationImage">
                <image src="{{item.icon}}" mode="" />
                <img wx:if="{{item.icon == ''}}" src="/static/images/default-book-img.png" alt="" />
      <view class="book-resource">
        <t-tabs defaultValue="{{tabValue}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel" class="tab-class">
          <t-tab-panel icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}" value="brief" label="基本信息">
            <view class="rubricBox">
              <view class="rubricimgBox">
                <image src="/static/images/bookService/detail/label.png" mode="" class="img" />
              </view>

              <view class="correlationName">{{item.name}}</view>

              <view class="correlationAuthor">{{digitalsData.author}}</view>
              <view class="basic"> 基本信息</view>
            </view>
          </view>
        </t-tab-panel>
      </t-tabs>

    </view>


























            <view class="basic-content" wx:if="{{digitalsData.content}}">
              <rich-text nodes="{{digitalsData.content}}"></rich-text>
            </view>
            <view class="noDataBox" wx:else>
              <empty />
            </view>
          </t-tab-panel>
          <t-tab-panel icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}" value="jsek_cloudLearning" label="证书信息">
            <view class="rubricBox">
              <view class="rubricimgBox">
                <image src="/static/images/digitalTextbooks/zhengshu@2x.png" mode="" class="img" />
              </view>
              <view class="basic"> 证书信息</view>
            </view>
            <view class="certificateChart">
              <view class="chart" bind:tap="onClick1">
                <image src="https://jsek.bnuic.com/home/certificate/szjc.jpg" mode="" class="img" />
              </view>
              <view class="chart" bind:tap="onClick2">
                <image src="https://jsek.bnuic.com/home/certificate/jczs.jpg" mode="" class="img" />
              </view>
            </view>
          </t-tab-panel>
          <t-tab-panel icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}" value="jsek_teachingResources" label="作者信息">
            <view class="rubricBox">
              <view class="rubricimgBox">
                <image src="/static/images/bookService/detail/author.png" mode="" class="img" />
              </view>
              <view class="basic"> 作者信息</view>
            </view>
            <view class="basic-content" wx:if="{{digitalsData.authorIntroduction}}">
              <rich-text nodes="{{digitalsData.authorIntroduction}}"></rich-text>
            </view>
            <view class="noDataBox" wx:else>
              <!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
              <empty />
            </view>
          </t-tab-panel>
          <t-tab-panel icon="{{tabValue == 'catalogue' ? catalogueClickIcon : catalogue}}" value="catalogue" label="目录">
            <view class="rubricBox">
              <view class="rubricimgBox">
                <image src="/static/images/digitalTextbooks/mulu@3x.png" mode="" class="img" />
              </view>
              <view class="basic"> 目录</view>
            </view>
            <view class="basic-content" wx:if="{{digitalsData.catalogue}}">
              <rich-text nodes="{{digitalsData.catalogue}}"></rich-text>
            </view>
            <view class="noDataBox" wx:else>
              <!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
              <empty />
            </view>
          </t-tab-panel>
          <t-tab-panel icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}" value="questionBank" label="相关教材">
            <view class="rubricBox">
              <view class="rubricimgBox">
                <image src="/static/images/digitalTextbooks/Link@3x.png" mode="" class="img" />
              </view>
              <view class="basic"> 相关教材</view>
            </view>
            <view class="noDataBox" wx:if="{{relatedBookData.length <= 0}}">
              <empty />
            </view>
            <view class="correlation" wx:else>
              <view style="margin-bottom: 30rpx" wx:for="{{relatedBookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onCorrelationBook">
                <view class="correlationImage">
                  <image src="{{item.icon}}" mode="" class="img" />
                  <img wx:if="{{item.icon == ''}}" src="/static/images/default-book-img.png" alt="" class="img" />
                </view>
                <view class="correlationName">{{item.name}}</view>
                <view class="correlationAuthor">{{digitalsData.author}}</view>
              </view>
            </view>
          </t-tab-panel>
        </t-tabs>
      </view>
    </scroll-view>

    <view class="box-bottom">

      <view style="border-top:  1rpx solid #DDDDDD;  display: flex;">

        <view class="collection" bind:tap="setCoolect">
          <view class="collectionImage">
            <image wx:if="{{!digitalsData.isFavourite}}" src="/static/images/digitalTextbooks/wodeshoucang@2x.png" mode="" />
            <image wx:else src="/static/images/bookService/detail/collecting.png" mode="" />
          </view>
          <view>
            收藏
          </view>
      <view class="collection" bind:tap="setCoolect">
        <view class="collectionImage">
          <image wx:if="{{!digitalsData.isFavourite}}" src="/static/images/digitalTextbooks/wodeshoucang@2x.png" mode="" class="img" />
          <image wx:else src="/static/images/bookService/detail/collecting.png" mode="" class="img" />
        </view>
        <view class="trialReading" bind:tap="goRead" wx:if="{{!isBuy}}">
          <view class="collectionImage">
            <image src="/static/images/digitalTextbooks/shidu@2x.png"></image>
          </view>
          <view class="btn-text">试读</view>
        </view>


        <view class="btn-text"> 收藏 </view>
      </view>




      <view class="shopCarColor" bind:tap="addBookShopcCar" wx:if="{{!isBuy}}">加入购物车</view>
      <view class="buyColor" bind:tap="buyBtn" wx:if="{{!isBuy}}">立即购买</view>
      <!-- <view class="buyColor" bind:tap="buyBtn" wx:if="{{digitalsData.price == 0}} ">免费领取</view> -->
      <view class="trialReading" bind:tap="goRead" wx:if="{{!isBuy}}">
        <view class="collectionImage">
          <image src="/static/images/digitalTextbooks/shidu@2x.png" class="img"></image>
        </view>
        <view class="btn-text">试读</view>
      </view>
      <view class="shopCarColor" bind:tap="addBookShopcCar" wx:if="{{!isBuy &&digitalsData.price != 0 }}">加入购物车</view>
      <view class="buyColor" bind:tap="buyBtn" wx:if="{{!isBuy && digitalsData.price != 0}}">立即购买</view>
      <view class="buyColor receive" bind:tap="buyBtn" wx:if="{{!isBuy && digitalsData.price == 0.00}}">免费领取</view>
      <view class="{{!isBuy ? 'buyColor' :'reading'}}" bind:tap="goRead" wx:if="{{isBuy}}">
        立即阅读
      </view>




    </view>
  </view>
</view>

<!-- <suggest class="suggest-component" id="suggest-component1" showIndex="{{showIndex1}}" bookIcon="{{digitalsData.icon}}" bookName="{{digitalsData.name}}"></suggest> -->
<!-- 弹窗 -->
<view wx:if="{{dialogBox}}">
  <view class="popup-box" bindtap="closeDialog"></view>
  <view class="info-center" style="top:{{height*0.4}}px;">
    <view>
      <view class="row-info">
        <view class="body">
          <view class="dialog-title">学习证书申请</view>
          <view style="width: 100%; height: 2rpx; background-color: #f4f4f4"></view>
          <view class="input-box">
            <t-input class="input" borderless placeholder="请输入真实姓名" value="{{userInfo.fullName}}" bind:change="onFullNameInput"></t-input>
          </view>
          <view class="contentImg">
            <image src="{{userInfo.userPicture}}" mode="aspectFill" class="img" />
          </view>
          <view class="buttonBox">
            <t-button size="small" class="right-btn" bind:tap="uploadPicture">上传照片</t-button>
          </view>
        </view>
        <view class="row-btn">
          <view class="left-btn" bindtap="closeDialog">取消</view>
          <view class="right-btn" bindtap="confirmM">确认</view>
        </view>
      </view>
    </view>
  </view>
</view>
<t-image-viewer deleteBtn="{{deleteBtn}}" closeBtn="{{closeBtn}}" showIndex="{{showIndex}}" visible="{{visible}}" images="{{images}}" bind:close="onClose"></t-image-viewer>

<t-toast id="t-toast" />