1

pagesSchool/common/lessoninfo.js

@@ -1,38 +1,75 @@
-const app = getApp();
+const app = getApp()
 Page({
-    /**
-     * 页面的初始数据
-     */
     data: {
         frameStyle: { useTop: true, name: '课程详细信息', leftArrow: true, useBar: false },
+        id: '',
+        form: {},
+        user: {},
+        //状态
+        statusList: [],
     },
     // 跳转菜单
     back(e) {
         wx.navigateBack({ delta: 1 })
     },
-
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad: function (options) {
-
+    onLoad: async function (options) {
+        const that = this;
+        await that.setData({ id: options.id || null })
+        // 查询其他信息
+        await that.searchOther();
+        // 监听用户是否登录
+        await that.watchLogin();
+    },
+    searchOther: async function () {
+        const that = this;
+        let arr;
+        // 状态
+        arr = await app.$get(`/dict`, { code: 'lesson_status' });
+        if (arr.errcode == '0' && arr.total > 0) that.setData({ statusList: arr.data[0].list });
+    },
+    // 监听用户是否登录
+    watchLogin: async function () {
+        const that = this;
+        let statusList = that.data.statusList;
+        wx.getStorage({
+            key: 'user',
+            success: async res => {
+                that.setData({ user: res.data })
+                if (that.data.id) {
+                    const arr = await app.$get(`/lesson/${that.data.id}`);
+                    if (arr.errcode == '0') {
+                        // 课程状态
+                        let status = statusList.find(i => i.value == arr.data.status)
+                        if (status) arr.data.zhStatus = status.label;
+                        // 学校名称
+                        const school = await app.$get(`/school/${arr.data.school_id}`)
+                        if (school.errcode == '0') arr.data.zhSchool = school.data.name;
+                        // 课程信息
+                        that.setData({ form: arr.data })
+                    }
+                    else { wx.showToast({ title: `${arr.errmsg}`, icon: 'error', duration: 2000 }) }
+                }
+            },
+            fail: async res => {
+                wx.redirectTo({ url: '/pages/index/index' })
+            }
+        })
     },
     /**
      * 生命周期函数--监听页面初次渲染完成
      */
-    onReady: function () {
-
-    },
-
+    onReady: function () { },
     /**
      * 生命周期函数--监听页面显示
      */
-    onShow: function () {
-        const that = this;
-
-    },
-
+    onShow: function () {},
 
+    /**
+     * 页面上拉触底事件的处理函数
+     */
     /**
      * 生命周期函数--监听页面隐藏
      */
@@ -54,13 +91,6 @@ Page({
 
     },
 
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom: function () {
-
-    },
-
     /**
      * 用户点击右上角分享
      */

pagesSchool/common/lessoninfo.json

@@ -1,6 +1,6 @@
 {
     "component": true,
     "usingComponents": {
-        "mobile-main": "/commpents/mobile-frame/index"
+      "mobile-main": "/commpents/mobile-frame/index"
     }
-}
+  }

pagesSchool/common/lessoninfo.less

@@ -1 +1,49 @@
-@import (css) "/app.wxss";
+@import (css) "/app.wxss";
+.main {
+    height: var(--twoHeight);
+    background-color: var(--mainColor);
+
+    .first {
+        .one {
+            width: 96vw;
+            margin: 2vw 0 0 0;
+            padding: 0 2vw;
+
+            .one_1 {
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                border: 1px dashed var(--f85Color);
+                border-radius: 5px;
+                margin: 0 0 10px 0;
+                padding: 10px;
+
+                .text {
+                    color: var(--f85Color);
+                    font-size: var(--font16Size);
+                }
+
+                .text1 {
+                    font-size: var(--font16Size);
+                }
+                .name {
+                    display: flex;
+                    flex-direction: column;
+                }
+            }
+        }
+    }
+}
+
+.scroll-view {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    .list-scroll-view {
+        display: flex;
+        flex-direction: column;
+    }
+}

pagesSchool/common/lessoninfo.wxml

@@ -1,5 +1,48 @@
 <mobile-main frameStyle="{{frameStyle}}" bind:back="back">
     <view slot="info" class="container main">
-        <view>课程详细信息</view>
+        <view class="first">
+            <scroll-view scroll-y="true" class="scroll-view">
+                <view class="list-scroll-view">
+                    <form class="one" catchsubmit="onSubmit">
+                        <view class="one_1">
+                            <text class="text">课程标题：</text>
+                            <text class="text1">{{form.title||'暂无'}}</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">学校名称：</text>
+                            <text class="text1">{{form.zhSchool||'暂无'}}</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">人数上限：</text>
+                            <text class="text1">{{form.limit||'暂无'}}人</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">开始时间：</text>
+                            <text class="text1">{{form.time_start||'暂无'}}</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">结束时间：</text>
+                            <text class="text1">{{form.time_end||'暂无'}}</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">状态：</text>
+                            <text class="text1">{{form.zhStatus||'暂无'}}</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">课程费(元)：</text>
+                            <text class="text1">{{form.money||'暂无'}}</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">退款期限：</text>
+                            <text class="text1">{{form.refund_hour||'暂无'}}</text>
+                        </view>
+                        <view class="one_1">
+                            <text class="text">简介：</text>
+                            <text class="text1">{{form.brief||'暂无'}}</text>
+                        </view>
+                    </form>
+                </view>
+            </scroll-view>
+        </view>
     </view>
 </mobile-main>

pagesSchool/common/lessoninfo.wxss

@@ -1 +1,41 @@
 @import "/app.wxss";
+.main {
+  height: var(--twoHeight);
+  background-color: var(--mainColor);
+}
+.main .first .one {
+  width: 96vw;
+  margin: 2vw 0 0 0;
+  padding: 0 2vw;
+}
+.main .first .one .one_1 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  border: 1px dashed var(--f85Color);
+  border-radius: 5px;
+  margin: 0 0 10px 0;
+  padding: 10px;
+}
+.main .first .one .one_1 .text {
+  color: var(--f85Color);
+  font-size: var(--font16Size);
+}
+.main .first .one .one_1 .text1 {
+  font-size: var(--font16Size);
+}
+.main .first .one .one_1 .name {
+  display: flex;
+  flex-direction: column;
+}
+.scroll-view {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.scroll-view .list-scroll-view {
+  display: flex;
+  flex-direction: column;
+}