From 9f8a5f2ada396ed94f18b6c30a896ceb0da41351 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 23 十二月 2024 15:17:54 +0800
Subject: [PATCH] 开班时间选择期优化
---
packageCourse/pages/course/detail/index.wxml | 252 ++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 214 insertions(+), 38 deletions(-)
diff --git a/packageCourse/pages/course/detail/index.wxml b/packageCourse/pages/course/detail/index.wxml
index 0d1af22..341b1b2 100644
--- a/packageCourse/pages/course/detail/index.wxml
+++ b/packageCourse/pages/course/detail/index.wxml
@@ -6,9 +6,30 @@
<view wx:if="{{!courseLoading}}">
<view class="ID-State">
<text class="ID">ID: {{detail.id}}</text>
- <t-tag class="margin-16" size='large' wx:if="{{detail.applyState == 'WaitAudit'}}" variant="light" theme="warning">瀹℃牳涓�</t-tag>
- <t-tag class="margin-16" size='large' wx:if="{{detail.applyState == 'Reject'}}" variant="light" theme="danger">鏈�氳繃</t-tag>
- <t-tag class="margin-16" size='large' wx:if="{{detail.applyState == 'Normal'}}" variant="light" theme="success">浣跨敤涓�</t-tag>
+ <t-tag
+ class="margin-16"
+ size="large"
+ wx:if="{{detail.applyState == 'WaitAudit'}}"
+ variant="light"
+ theme="warning"
+ >瀹℃牳涓�</t-tag
+ >
+ <t-tag
+ class="margin-16"
+ size="large"
+ wx:if="{{detail.applyState == 'Reject'}}"
+ variant="light"
+ theme="danger"
+ >鏈�氳繃</t-tag
+ >
+ <t-tag
+ class="margin-16"
+ size="large"
+ wx:if="{{detail.applyState == 'Normal'}}"
+ variant="light"
+ theme="success"
+ >浣跨敤涓�</t-tag
+ >
</view>
<view class="statics">
<view class="classCout">
@@ -29,8 +50,18 @@
<text>浣滆�咃細{{bookData.author}}</text>
<text>ISBN锛歿{bookData.isbn}}</text>
</view>
- <image wx:if="{{bookData.icon}}" class="bookIcon" src="{{bookData.icon}}" mode="" />
- <image wx:else class="bookIcon" src="/static/images/default-book-img.png" mode="" />
+ <image
+ wx:if="{{bookData.icon}}"
+ class="bookIcon"
+ src="{{bookData.icon}}"
+ mode=""
+ />
+ <image
+ wx:else
+ class="bookIcon"
+ src="/static/images/default-book-img.png"
+ mode=""
+ />
</view>
</view>
</view>
@@ -47,39 +78,123 @@
<!-- 鐝骇绠＄悊 -->
<view class="classBox" wx:else>
<view class="header">
- <t-search style="flex:1" value="{{searchKey}}" bind:clear="changeHandle" bind:submit="changeHandle" placeholder="鎼滅储鐝骇鍚嶇О" clearable />
- <t-button bindtap="newClass" size="small" style="margin-left: 15rpx;">寮�鐝�</t-button>
+ <t-search
+ style="flex: 1"
+ value="{{searchKey}}"
+ bind:clear="changeHandle"
+ bind:submit="changeHandle"
+ placeholder="鎼滅储鐝骇鍚嶇О"
+ clearable
+ />
+ <t-button bindtap="newClass" size="small" style="margin-left: 15rpx"
+ >寮�鐝�</t-button
+ >
</view>
- <view class="contentList" wx:if="{{classList.length > 0 && !classLoading}}">
- <scroll-view class="scroll" class="content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{80}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
+ <view
+ class="contentList"
+ wx:if="{{classList.length > 0 && !classLoading}}"
+ >
+ <scroll-view
+ class="scroll"
+ class="content"
+ bind:scroll="onPageScroll"
+ model:scroll-top="{{setScrollValue}}"
+ scroll-y
+ refresher-enabled="{{true}}"
+ lower-threshold="{{80}}"
+ refresher-threshold="{{80}}"
+ refresher-default-style="none"
+ refresher-triggered="{{triggered}}"
+ bindrefresherpulling="{{refresh.onPulling}}"
+ bindrefresherrefresh="onPullDownRefresh"
+ bindscrolltolower="onReachBottom"
+ >
<view slot="refresher" class="refresh-container">
<view class="loading">
- <t-loading theme="circular" size="40rpx" text="姝ｅ湪鍒锋柊..." class="wrapper" />
+ <t-loading
+ theme="circular"
+ size="40rpx"
+ text="姝ｅ湪鍒锋柊..."
+ class="wrapper"
+ />
</view>
</view>
- <view class="listClass" wx:for="{{classList}}" wx:key="index" data-class-id="{{item.id}}" data-item="{{item}}" bindtap="todetail">
+ <view
+ class="listClass"
+ wx:for="{{classList}}"
+ wx:key="index"
+ data-class-id="{{item.id}}"
+ data-item="{{item}}"
+ bindtap="todetail"
+ >
<view class="titleBox">
<text class="className">{{item.name}}</text>
- <text class="classId" style="color: #999; font-size: 12px;"> ID: {{item.id}}</text>
+ <text class="classId" style="color: #999; font-size: 12px">
+ ID: {{item.id}}</text
+ >
</view>
<view class="infoBox">
- <text class="classTag" wx:if="{{item.applyState == 'WaitAudit'}}" style="color: #ef9f29">鐘舵��: 瀹℃牳涓�</text>
- <text class="classTag" wx:if="{{item.applyState == 'Normal'}}" style="color: #1dbd11">鐘舵��: 杩涜涓�</text>
- <text class="classTag" wx:if="{{item.applyState == 'Reject'}}" style="color: red">鐘舵��: 鏈�氳繃</text>
- <t-icon bindtap="delClass" data-del-id="{{item.id}}" class="delete" wx:if="{{item.applyState == 'Reject'}}" name="delete" color="red" size='18px' />
+ <text
+ class="classTag"
+ wx:if="{{item.applyState == 'WaitAudit'}}"
+ style="color: #ef9f29"
+ >鐘舵��: 瀹℃牳涓�</text
+ >
+ <text
+ class="classTag"
+ wx:if="{{item.applyState == 'Normal'}}"
+ style="color: #1dbd11"
+ >鐘舵��: 杩涜涓�</text
+ >
+ <text
+ class="classTag"
+ wx:if="{{item.applyState == 'Reject'}}"
+ style="color: red"
+ >鐘舵��: 鏈�氳繃</text
+ >
+ <t-icon
+ bindtap="delClass"
+ data-del-id="{{item.id}}"
+ class="delete"
+ wx:if="{{item.applyState == 'Reject'}}"
+ name="delete"
+ color="red"
+ size="18px"
+ />
<view wx:if="{{item.applyState == 'Reject'}}" class="reason">
<text> 鎷掔粷鍘熷洜锛�</text>
- <t-tag style="margin-left: 0;" bind:tap="showDialog" data-item="{{item}}" class="margin-16 replay" theme="danger">鐐瑰嚮鏌ョ湅</t-tag>
+ <t-tag
+ style="margin-left: 0"
+ bind:tap="showDialog"
+ data-item="{{item}}"
+ class="margin-16 replay"
+ theme="danger"
+ >鐐瑰嚮鏌ョ湅</t-tag
+ >
</view>
<!-- <text class="classTag" wx:if="{{item.applyState == 'Reject'}}" style="color: red">鎷掔粷鍘熷洜锛歿{ item.reason != '' ? item.reason : '-' }}</text> -->
- <text class="classTag">鐝骇浜烘暟: {{ item.memberCount }} / {{ item.maxUserCount }}</text>
- <text class="classTag">鏈夋晥鏈燂細{{ item.beginDate }} - {{ item.endDate }}</text>
+ <text class="classTag"
+ >鐝骇浜烘暟: {{ item.memberCount }} / {{ item.maxUserCount
+ }}</text
+ >
+ <text class="classTag"
+ >鏈夋晥鏈燂細{{ item.beginDate }} - {{ item.endDate }}</text
+ >
</view>
</view>
<view class="bottom-loading" wx:if="{{bottomLoading}}">
- <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" />
+ <t-loading
+ theme="circular"
+ size="40rpx"
+ text="鍔犺浇涓�..."
+ class="wrapper"
+ />
</view>
- <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
+ <view
+ class="bottom-loading"
+ style="color: #ccc; font-size: 28rpx"
+ wx:if="{{isMoreData}}"
+ >
<text>娌℃湁鏇村浜�</text>
</view>
</scroll-view>
@@ -101,51 +216,112 @@
<view class="classInfo">
<view class="c-name">
<text>鐝骇鍚嶇О</text>
- <t-input value="{{className}}" bindchange="onCourseNameInput" borderless clearable placeholder="璇疯緭鍏ョ彮绾у悕绉�" />
+ <t-input
+ value="{{className}}"
+ bindchange="onCourseNameInput"
+ borderless
+ clearable
+ placeholder="璇疯緭鍏ョ彮绾у悕绉�"
+ />
</view>
<view class="c-desc">
<text>鐝骇浜烘暟</text>
- <t-input value="{{count}}" type="number" bindchange="onCourseDescInput" borderless placeholder="璇疯緭鍏ョ彮绾т汉鏁�" />
+ <t-input
+ value="{{count}}"
+ type="number"
+ bindchange="onCourseDescInput"
+ borderless
+ placeholder="璇疯緭鍏ョ彮绾т汉鏁�"
+ />
</view>
<view class="c-date">
<text>鐝骇鏈夋晥鏈�</text>
<view class="dateBox">
<view>
- <t-input value="{{startTime}}" readonly borderless bindtap="openDateStart" placeholder="璇烽�夋嫨寮�濮嬫椂闂�" />
- <t-calendar visible="{{visibleStart}}" bind:confirm="handleConfirmStart" />
+ <t-input
+ style="display:{{isShow}}"
+ value="{{startTime}}"
+ readonly
+ borderless
+ bindtap="openDateStart"
+ placeholder="璇烽�夋嫨寮�濮嬫椂闂�"
+ />
+ <t-calendar
+ visible="{{visibleStart}}"
+ bind:confirm="handleConfirmStart"
+ />
</view>
<view>~</view>
<view>
- <t-input value="{{endTime}}" readonly borderless bindtap="openDateEnd" placeholder="璇烽�夋嫨缁撴潫鏃堕棿" />
- <t-calendar visible="{{visibleEnd}}" bind:confirm="handleConfirmEnd" />
+ <t-input
+ value="{{endTime}}"
+ style="display:{{isShow}}"
+ readonly
+ borderless
+ bindtap="openDateEnd"
+ placeholder="璇烽�夋嫨缁撴潫鏃堕棿"
+ />
+ <t-calendar
+ visible="{{visibleEnd}}"
+ bind:confirm="handleConfirmEnd"
+ />
</view>
</view>
</view>
</view>
<view class="classSubmit">
- <t-button style="padding: 0 25px; margin:0 15px;" size="small" bindtap="cancle" variant="outline">鍙栨秷</t-button>
- <t-button style="padding: 0 25px; margin:0;" size="small" bindtap="submitClass">纭</t-button>
+ <t-button
+ style="padding: 0 25px; margin: 0 15px"
+ size="small"
+ bindtap="cancle"
+ variant="outline"
+ >鍙栨秷</t-button
+ >
+ <t-button
+ style="padding: 0 25px; margin: 0"
+ size="small"
+ bindtap="submitClass"
+ >纭</t-button
+ >
</view>
</view>
</t-popup>
- <t-dialog visible="{{showContentOnly}}" bind:confirm="closeDialog" close-on-overlay-click>
- <view slot="content" class="reasonContent">
- {{reason}}
- </view>
- <view slot="confirm-btn" style="width: 100%;">
- <t-button style="color: #ff6d00;border-top: 1px solid #eee ;" variant="text" bindtap="closeDialog" size="large" block t-class="external-class">鐭ラ亾浜�</t-button>
+ <t-dialog
+ visible="{{showContentOnly}}"
+ bind:confirm="closeDialog"
+ close-on-overlay-click
+ >
+ <view slot="content" class="reasonContent"> {{reason}} </view>
+ <view slot="confirm-btn" style="width: 100%">
+ <t-button
+ style="color: #ff6d00; border-top: 1px solid #eee"
+ variant="text"
+ bindtap="closeDialog"
+ size="large"
+ block
+ t-class="external-class"
+ >鐭ラ亾浜�</t-button
+ >
</view>
</t-dialog>
</view>
</view>
<view class="tabbar-bottom">
- <view class="{{tabVal == 'base'?'tab-pubItem activeTab':'tab-pubItem'}}" data-str="base" bindtap="tabActive">
+ <view
+ class="{{tabVal == 'base'?'tab-pubItem activeTab':'tab-pubItem'}}"
+ data-str="base"
+ bindtap="tabActive"
+ >
<t-icon class="tabIcon" name="home" size="24px" />
<text class="text">鍩烘湰淇℃伅</text>
</view>
- <view class="{{tabVal == 'class'?'tab-pubItem activeTab':'tab-pubItem'}}" data-str="class" bindtap="tabActive">
+ <view
+ class="{{tabVal == 'class'?'tab-pubItem activeTab':'tab-pubItem'}}"
+ data-str="class"
+ bindtap="tabActive"
+ >
<t-icon class="tabIcon" name="file-setting" size="24px" />
<text class="text">鐝骇绠＄悊</text>
</view>
</view>
-</view>
\ No newline at end of file
+</view>
--
Gitblit v1.9.1