From 1a5e46e6955225675d21fe04962e82b37e7890ed Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 15 十月 2024 16:02:26 +0800 Subject: [PATCH] ziyuan --- pages/digitalCourses/digitalCoursesDetails/index.wxml | 632 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 630 insertions(+), 2 deletions(-) diff --git a/pages/digitalCourses/digitalCoursesDetails/index.wxml b/pages/digitalCourses/digitalCoursesDetails/index.wxml index 5c35361..017cf75 100644 --- a/pages/digitalCourses/digitalCoursesDetails/index.wxml +++ b/pages/digitalCourses/digitalCoursesDetails/index.wxml @@ -1,2 +1,630 @@ -<!--pages/digitalCourses/digitalCoursesDetails/index.wxml--> -<text>鏁板瓧璇剧▼璇︽儏椤�</text> \ No newline at end of file +<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 ? digitalsData.icon : 'https://jsek.bnuic.com/home/image/courseIcon.png'}}" + mode="aspectFit" + /> + </view> + <view class="nameBox">{{digitalsData.name}}</view> + <view> + <viwe class="styleCssBox"> + <view style="width: 200rpx"> ISBN锛� </view> + <view wx:if="{{digitalsData.isbn}}"> {{digitalsData.isbn}} </view> + <view wx:else>-</view> + </viwe> + + <viwe class="styleCssBox"> + <view style="width: 200rpx">璇剧▼璐熻矗浜猴細</view> + <view wx:if="{{digitalsData.courseLeader}}"> + {{digitalsData.courseLeader }} + </view> + <view wx:else>-</view> + </viwe> + <viwe class="styleCssBox"> + <view style="width: 200rpx">璇剧▼璐熻矗浜哄崟浣嶏細</view> + <view wx:if="{{digitalsData.affiliatedUnit}}"> + {{ digitalsData.affiliatedUnit}} + </view> + <view wx:else>-</view> + </viwe> + <viwe class="styleCssBox"> + <view style="width: 200rpx">鍑虹増鍗曚綅锛�</view> + <view wx:if="{{digitalsData.publishingUnit}}"> + {{publishingUnit}} + </view> + <view wx:else>-</view> + </viwe> + <viwe class="styleCssBox"> + <view style="width: 200rpx">鍑虹増鏃堕棿锛�</view> + <view wx:if="{{digitalsData.publicationDate}}" + >{{digitalsData.publicationDate}} + </view> + <view wx:else>-</view> + </viwe> + <image + src="/static/images/bookService/detail/square.png" + mode="aspectFit" + class="right-background" + /> + </view> + </view> + <view class="certificate"> + <view style="margin-left: 30rpx" + >浠锋牸锛� + <text + >{{digitalsData.price != '0.00' ? '锟�' + digitalsData.price : + '鍏嶈垂' }}</text + > + <text class="old-price" wx:if="{{digitalsData.oldPrice != '0.00'}}" + >锟{ digitalsData.oldPrice }}</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="aspectFit" + /> + </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" /> --> + <empty /> + </view> + </view> + <view class="rubricBox"> + <view class="rubricimgBox"> + <image + src="/static/images/bookService/detail/label.png" + mode="aspectFit" + /> + </view> + <view class="basic"> 涓昏鑰佸笀</view> + </view> + <view class="course-content" wx:if="{{lecturerList.length> 0}}"> + <view + class="lecturer" + wx:for="{{lecturerList}}" + wx:key="index" + wx:for-item="item" + > + <view class="lecturerImangBox"> + <image + src="{{item.icon}}" + mode="aspectFit" + wx:if="{{item.icon}}" + /> + <image + src="/static/images/lecturer.png" + mode="aspectFit" + wx:else + /> + </view> + <view class="lecturerInformation"> + <view class="lecturerName"> + <view class="name"> + {{item.name}} + <text + class="positionalTitle" + wx:if="{{item.positionalTitle}}" + >({{item.positionalTitle}})</text + ></view + > + </view> + <view class="lecturerContent">{{item.description}}</view> + </view> + </view> + </view> + <view wx:if="{{lecturerList.length == 0}}" class="noDataBox"> + <empty /> + </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="aspectFit" + /> + </view> + <view class="basic"> 璇佷功淇℃伅</view> + </view> + <view class="course-content"> + <view class="certificateChart"> + <view class="chart" bind:tap="onClick1"> + <t-image src="{{cbzsImg}}" mode="" class="chartImage"/> + </view> + <view class="chart" bind:tap="onClick2"> + <t-image src="{{rzzsImg}}" mode="" class="chartImage"/> + </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'}}"> + <view wx:if="{{relationTextBook}}" class="textBook"> + <view class="textTile"> + <image + src="/static/images/bookService/detail/shuzijiaocai.png" + mode="" + class="leftImg" + /> + <view>鏁板瓧鏁欐潗</view> + </view> + <view class="reabtn" bind:tap="readTextBook"> + <image + src="/static/images/digitalCourses/shidu@2x.png" + class="readImage" + ></image> + <view>{{isTextBookBuy ? '闃呰' : '璇曠湅'}}</view> + </view> + </view> + <view wx:if="{{learnList.length > 0}}"> + <tree + id="test-tree" + openIds="{{openTeachids}}" + bookInfo="{{digitalsData}}" + treeList="{{learnList}}" + isBuy="{{isBuy}}" + > + </tree> + </view> + <view wx:if="{{learnList.length == 0}}" class="noData"> + <empty /> + </view> + </view> + <view wx:if="{{selectActive == 'test'}}"> + <view class="testBtnBox"> + <view class="textTile">鍏眥{testCount}}涓�</view> + <view class="note-btn"> + <t-button + theme="primary" + class="make-note" + bind:tap="goMycollect" + data-answerType="errorQuestion" + style="width: 220rpx" + > + <view slot="content" class="btn-content"> + <image + src="/static/images/bookService/detail/cuoti.png" + /> + <text class="note-btn-text">鎴戠殑閿欓</text> + </view> + </t-button> + <t-button + theme="primary" + class="make-note" + bind:tap="goMycollect" + data-answerType="collectQuestion" + style="width: 220rpx; margin-left: 10rpx" + > + <view slot="content" class="btn-content"> + <image + src="/static/images/bookService/detail/wodeshoucang.png" + /> + <text class="note-btn-text">鎴戠殑鏀惰棌</text> + </view> + </t-button> + </view> + </view> + <testTree + id="tree" + openIds="{{openTeachids}}" + bookInfo="{{digitalsData}}" + tab="{{tab}}" + treeList="{{testList}}" + isBuy="{{isBuy}}" + ></testTree> + <view wx:if="{{testList.length == 0}}" class="noData"> + <empty /> + </view> + </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-tab-panel + icon="{{tabValue == '5' ? testResourceClickIocn : testResourceIocn}}" + value="5" + label="鐩稿叧璇剧▼" + style="{{tabPanelstyle}}" + > + <view class="rubricBox"> + <view class="rubricimgBox"> + <image + src="/static/images/digitalTextbooks/Link@3x.png" + mode="aspectFit" + /> + </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="aspectFit" /> + <img + wx:if="{{item.icon == ''}}" + src="/static/images/default-book-img.png" + alt="" + /> + </view> + <view class="correlationName">{{item.name}}</view> + <view class="correlationAuthor">{{digitalsData.author}}</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" + /> + <image + wx:else + src="/static/images/bookService/detail/collecting.png" + /> + </view> + <view class="btn-text"> 鏀惰棌 </view> + </view> + <view + class="bottom-btn" + bind:tap="onCertificate" + wx:if="{{!isCertificate.state || isCertificate.state == 'Reject'}}" + > + <view class="applicationImageBox"> + <image src="/static/images/digitalCourses/zhengshushenqing@2x.png" /> + </view> + <view class="btn-text">璇佷功鐢宠</view> + </view> + <view + class="bottom-btn shopCarColor" + bind:tap="addBookShopcCar" + wx:if="{{!isBuy && digitalsData.price != '0.00' }}" + >鍔犲叆璐墿杞�</view + > + <view + class="bottom-btn buyColor" + bind:tap="buyBtn" + wx:if="{{!isBuy && digitalsData.price != '0.00'}}" + >绔嬪嵆璐拱</view + > + <view + class="bottom-btn buyColor" + bind:tap="buyBtn" + wx:if="{{!isBuy && digitalsData.price == '0.00'}}" + > + 鍏嶈垂棰嗗彇</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"> + <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" /> + </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> +<canvas canvas-id="myCanvas" class="myCanvas" style="height: 845px; width: 595px" wx:if="{{pubCertificateHide}}"></canvas> +<view + id="pubCertificate" + class="my_canvas" + wx:if="{{pubCertificateHide}}" +> + <view class="pubCon"> + <image + data-type="image" + data-url="https://jsek.bnuic.com/home/certificate/szkc.jpg" + src="https://jsek.bnuic.com/home/certificate/szkc.jpg" + mode="" + class="bgImg my_draw_canvas" + /> + <view class="certificateInfo my_draw_canvas"> + <view + class="bookName my_draw_canvas" + data-type="text" + data-text="{{digitalsData.name}}" + >{{digitalsData.name}}</view + > + <view + class="author my_draw_canvas" + data-type="text" + data-text="{{digitalsData.courseLeader}}" + >{{digitalsData.courseLeader || '-' }}</view + > + <view + class="affiliatedUnit my_draw_canvas" + data-type="text" + data-text="{{digitalsData.affiliatedUnit}}" + >{{digitalsData.affiliatedUnit || '-'}}</view + > + <view + class="affiliatedUnit my_draw_canvas" + data-type="text" + data-text="{{digitalsData.isbn}}" + > + {{ digitalsData.isbn || '-'}} + </view> + <view + class="affiliatedUnit my_draw_canvas" + data-type="text" + data-text="{{digitalsData.publicationDate}}" + >{{digitalsData.publicationDate}}</view + > + <view + class="affiliatedUnit my_draw_canvas" + data-type="text" + data-text="{{publishingUnit}}" + >{{publishingUnit}}</view + > + <view + class="website my_draw_canvas" + data-type="text" + data-text="{{website}}" + >{{website}}</view + > + <view class="codeBox my_draw_canvas"> + <image data-type="image" data-url="{{imgUrl}}" src="{{imgUrl}}" mode="" class="qrcode my_draw_canvas" wx:if="{{imgUrl}}"/> + <canvas canvas-id="qrcode" class="qrcode my_draw_canvas" wx:else/> + </view> + </view> + </view> + </view> + <canvas + canvas-id="myCanvas1" + class="myCanvas" + style="height: 845px; width: 595px" + wx:if="{{pubCertificateHide}}" + ></canvas> +<view + id="textCertificate" + class="my_canvas1" + wx:if="{{pubCertificateHide}}" +> + <view class="pubCon"> + <image + data-type="image" + data-url="https://jsek.bnuic.com/home/certificate/kczs.jpg" + src="https://jsek.bnuic.com/home/certificate/kczs.jpg" + mode="" + class="bgImg my_draw_canvas1" + /> + <view class="certificateInfo my_draw_canvas1"> + <view class="userIcon my_draw_canvas1"> + <view class="hexagon my_draw_canvas1"> + <image src="{{userPicture}}" data-type="image" data-url="{{userPicture}}" class="img my_draw_canvas1" /> + </view> + </view> + <view + class="userName my_draw_canvas1" + data-type="text" + data-text="{{userName}}" + >{{userName}}</view + > + <view + class="bookName my_draw_canvas1" + data-type="text" + data-text="{{digitalsData.name}}" + >{{digitalsData.name}}</view + > + <view + class="author my_draw_canvas1" + data-type="text" + data-text="{{digitalsData.courseLeader || '-'}}" + >{{digitalsData.courseLeader || '-' }}</view + > + <view + class="classHours my_draw_canvas1" + data-type="text" + data-text="{{digitalsData.classHours || '-'}}" + >{{digitalsData.classHours || '-' }}</view + > + <view + class="affiliatedUnit my_draw_canvas1" + data-type="text" + data-text="{{publishingUnit || '-'}}" + >{{publishingUnit || '-'}}</view + > + <view + class="studyTime my_draw_canvas1" + data-type="text" + data-text="{{isCertificate ? isCertificate.content.studyTime || '-' : '-'}}" + >{{ isCertificate ? isCertificate.content.studyTime || '-' : '-' + }}</view + > + <view + class="website my_draw_canvas1" + data-type="text" + data-text="{{website}}" + >{{website}}</view + > + <view class="codeBox my_draw_canvas1"> + <image data-type="image" data-url="{{imgUrl1}}" src="{{imgUrl1}}" mode="" class="qrcode my_draw_canvas1" wx:if="{{imgUrl1}}"/> + <canvas canvas-id="qrcode1" class="qrcode my_draw_canvas1" wx:else/> + </view> + <view + class="updateDate my_draw_canvas1" + wx-if="{{isCertificate}}" + > + {{ moment(isCertificate.updateDate).format('YYYY骞碝M鏈�') }} + </view> + </view> + </view> +</view> + +<t-image-viewer + usingCustomNavbar + deleteBtn="{{deleteBtn}}" + closeBtn="{{closeBtn}}" + showIndex="{{showIndex}}" + visible="{{visible}}" + images="{{images}}" + bind:change="onChange" + bind:close="onClose" +></t-image-viewer> -- Gitblit v1.9.1