<import src="index.skeleton.wxml" />
|
<template is="skeleton" wx:if="{{loading}}" />
|
<view wx:else class="page-bookService">
|
<scroll-view scroll-y="{{true}}" class="outsideContentBox">
|
<view class="digital">
|
<view class="book-box">
|
<view class="digitalCoursesDetailsTitle">
|
<view class="imageBox">
|
<image src="{{digitalsData.icon}}" mode="aspectFit" />
|
</view>
|
<view class="nameBox">{{digitalsData.name}}</view>
|
<view>
|
<viwe class="styleCssBox">
|
<view style="width: 170rpx;"> ISBN： </view>
|
<view wx:if="{{digitalsData.isbn}}"> {{digitalsData.isbn}} </view>
|
<view wx:else="">-</view>
|
</viwe>
|
<viwe class="styleCssBox">
|
<view style="width: 170rpx;">出版时间：</view>
|
<view wx:if="{{digitalsData.publicationDate}}">{{digitalsData.publicationDate}} </view>
|
<view wx:else="">-</view>
|
</viwe>
|
<viwe class="styleCssBox">
|
<view style="width: 170rpx;">课题负责人：</view>
|
<view wx:if="{{digitalsData.courseLeader}}"> {{digitalsData.courseLeader }}</view>
|
<view wx:else="">-</view>
|
</viwe>
|
<viwe class="styleCssBox">
|
<view style="width: 170rpx;">所属单位：</view>
|
<view wx:if="{{digitalsData.affiliatedUnit}}"> {{ digitalsData.affiliatedUnit}}</view>
|
<view wx:else="">-</view>
|
</viwe>
|
<viwe class="styleCssBox">
|
<view style="width: 170rpx;">出版单位：</view>
|
<view wx:if="{{digitalsData.publishingUnit}}">{{digitalsData.publishingUnit}} </view>
|
<view wx:else="">-</view>
|
</viwe>
|
<image src="/static/images/bookService/detail/square.png" class="right-background" />
|
</view>
|
</view>
|
<view class="certificate">
|
<view style="margin-left: 30rpx;">价格： <text>￥{{digitalsData.price}}</text></view>
|
<view style="margin-right: 30rpx;">共<text>{{ digitalsData.classHours ? digitalsData.classHours : '0'}}</text>课时</view>
|
</view>
|
</view>
|
</view>
|
<view class="tabBox">
|
<t-tabs defaultValue="{{tabValue}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel">
|
<t-tab-panel icon="{{ tabValue == '0' ? briefIconClick : briefIcon}}" label="基本信息" value="0">
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image src="/static/images/bookService/detail/label.png" mode="" />
|
</view>
|
<view class="basic"> 课程介绍</view>
|
</view>
|
<view class="course-content">
|
<rich-text wx:if="{{digitalsData.content}}" nodes="{{digitalsData.content}}"></rich-text>
|
<view wx:else="" class="noDataBox">
|
<t-empty icon="folder-open" description="暂无数据" font-size="80" />
|
</view>
|
</view>
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image src="/static/images/bookService/detail/label.png" mode="" />
|
</view>
|
<view class="basic"> 主讲老师</view>
|
</view>
|
<view class="course-content">
|
<view class="lecturer" wx:for="{{lecturerList}}" wx:key="index" wx:for-item="item">
|
<view class="lecturerImangBox">
|
<image src="{{item.icon}}" mode="aspectFit" />
|
</view>
|
<view class="lecturerInformation">
|
<view class="lecturerName">
|
<view class="name">
|
{{item.name}}
|
</view>
|
<view class="title">{{item.title}}</view>
|
</view>
|
<view class="lecturerContent">{{item.description}}</view>
|
</view>
|
</view>
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{ tabValue == '1' ? learnResourceClickIcon : learnResourceIcon}}" label="证书信息" value="1">
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image src="/static/images/digitalTextbooks/zhengshu@2x.png" mode="" />
|
</view>
|
<view class="basic"> 证书信息</view>
|
</view>
|
<view class="course-content">
|
<view class="certificateChart">
|
<view class="chart">
|
<image src="" mode="" />
|
</view>
|
<view class="chart">
|
<image src="" mode="" />
|
</view>
|
</view>
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{ tabValue == '2' ? courseLearningClick : courseLearning}}" label="课程学习" value="2">
|
<view class="course-content">
|
<view class="tabsSelect">
|
<view class="{{selectActive == 'learn' ? 'tabs-item selectActive' : 'tabs-item'}}" bind:tap="selectChange" data-value="{{'learn'}}">学习内容</view>
|
<view class="{{selectActive == 'test' ? 'tabs-item selectActive' : 'tabs-item'}}" bind:tap="selectChange" data-value="{{'test'}}">在线测试</view>
|
</view>
|
<view class="list-box">
|
<view wx:if="{{selectActive == 'learn'}}">
|
<tree id="test-tree" openIds="{{openTeachids}}" bookInfo="{{digitalsData}}" treeList="{{learnList}}" bind:goTest="goTest">
|
</tree>
|
</view>
|
<view wx:if="{{selectActive == 'test'}}">
|
<testTree id="tree" openIds="{{openTeachids}}" bookInfo="{{digitalsData}}" tab="{{tab}}" treeList="{{testList}}" bind:goTest="goTest"></testTree>
|
</view>
|
</view>
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{ tabValue == '3' ? learningNotesClick : learningNotes}}" label="学习笔记" value="3">
|
<view class="course-content">
|
<note bookInfo="{{digitalsData}}" id="note" class="note-list"></note>
|
<!-- <view class="topBox">
|
<view></view>
|
<view class="note-btn">
|
<t-button theme="primary" class="make-note" bind:tap="openDialog" style="width: 200rpx">
|
<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> -->
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{ tabValue == '4' ? onlineQuestioningClick : onlineQuestioning}}" label="在线提问" value="4">
|
<view class="course-content">
|
<question bookInfo="{{digitalsData}}" id="question" class="note-list"></question>
|
<!-- <view class="topBox">
|
<view>共{{questionTotalCount}}个</view>
|
<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/digitalCourses/bianji.png" />
|
<text class="note-btn-text">提问</text>
|
</view>
|
</t-button>
|
</view>
|
</view>
|
<view class="list-box">
|
<view wx:for="{{onlineQuestionsList}}" wx:key="index" wx:for-item="item" class="list-Item">
|
<view class="quesTitle">
|
<view class="titleLeft">
|
<view class="icon"></view>
|
<text>{{ item.title }}</text>
|
</view>
|
<view class="titleRight">
|
{{item.createDate}}
|
</view>
|
</view>
|
<view class="noteContent">
|
{{ item.back }}
|
</view>
|
</view>
|
</view> -->
|
</view>
|
</t-tab-panel>
|
</t-tabs>
|
</view>
|
<view class="box-bottom">
|
<view class="bottom-btn" 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 class="btn-text">
|
收藏
|
</view>
|
</view>
|
<view class="bottom-btn" bind:tap="onCertificate">
|
<view class="applicationImageBox">
|
<image src="/static/images/digitalCourses/zhengshushenqing@2x.png" mode="" />
|
</view>
|
<view>证书申请</view>
|
</view>
|
<view class="bottom-btn shopCarColor" bind:tap="addBookShopcCar" wx:if="{{!isBuy}}">加入购物车</view>
|
<view class="bottom-btn buyColor" bind:tap="buyBtn" wx:if="{{!isBuy}}">立即购买</view>
|
</view>
|
<t-toast id="t-toast" />
|
</scroll-view>
|
</view>
|
<!-- 弹窗 -->
|
<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="{{input}}" bind:change="inputChange"></t-input>
|
</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>
|
