From 0df4d216a9abc8e8dea7129140c76ce2217e8170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=94=E7=BB=B4=E5=B1=BF?= <Elysia_awa@outlook.com>
Date: Tue, 17 Oct 2023 22:16:24 +0800
Subject: [PATCH] polish the main page

---
 src/miniprogram/pages/MainTest/MainTest.js   |  77 ++----
 src/miniprogram/pages/MainTest/MainTest.wxml |  17 +-
 src/miniprogram/pages/MainTest/MainTest.wxss |   2 +-
 src/miniprogram/pages/Tprofile/Tprofile.wxml | 256 ++++++++++---------
 src/miniprogram/pages/msg/msg.js             |  11 -
 5 files changed, 160 insertions(+), 203 deletions(-)

diff --git a/src/miniprogram/pages/MainTest/MainTest.js b/src/miniprogram/pages/MainTest/MainTest.js
index a0def3b..5a44ddd 100644
--- a/src/miniprogram/pages/MainTest/MainTest.js
+++ b/src/miniprogram/pages/MainTest/MainTest.js
@@ -1,3 +1,4 @@
+const that = this;
 // pages/MainTest/MainTest.js
 Page({
 
@@ -5,77 +6,27 @@ Page({
    * 页面的初始数据
    */
   data: {
-    teacher: []
+    currentTab: 0,
+    showPopup: false,
+    teacher: {}
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
+    // 调用云函数获取教师信息
     wx.cloud.callFunction({
       name: "recommend",
       success: (res) => {
         this.setData({
           teacher: res.result.data
         })
-        // console.log(res.result.data);
+        // console.log(this.data.teacher[1]);
       }
-    }),
-    console.log(this.teacher);
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
-
+    })
   },
 
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
-  },
-  data: {
-    currentTab: 0,
-    showPopup: false
-  },
   changeTab(e) {
     const index = e.currentTarget.dataset.index;
     this.setData({
@@ -99,6 +50,18 @@ Page({
     this.setData({
       showPopup: false
     });
-  }
+  },
 
+  navToComments: () => {
+    wx.navigateTo({
+      url: '/pages/Comments/Comments',
+    })
+  },
+
+  contactTeacher(event) {
+    // console.log(event);
+    wx.makePhoneCall({
+      phoneNumber: event.currentTarget.dataset.item,
+    })
+  }
 })
\ No newline at end of file
diff --git a/src/miniprogram/pages/MainTest/MainTest.wxml b/src/miniprogram/pages/MainTest/MainTest.wxml
index 7bdcf20..1be069c 100644
--- a/src/miniprogram/pages/MainTest/MainTest.wxml
+++ b/src/miniprogram/pages/MainTest/MainTest.wxml
@@ -22,21 +22,24 @@
       </view>
     </view>
 
-
-      <view class="show_information" wx:for="{{teacher}}">
+      <view class="show_information" wx:for="{{teacher}}" wx:key="_id">
         <!-- //当每通过一个教员上传的简历信息则创建一个 -->
         <view class="content-container">
-          <image class="image" src="图片地址"></image>
+          <image class="image" src="/images/user.png"></image>
             <view class="text-container">
-              <text class="title">标题</text>
+              <text class="title">{{item.name}}</text>
             <view>
-              <text class="description">描述信息</text>
+              <text class="description">
+                电话号码：{{item.phone}}
+                email：{{item.email}}
+                其他信息：null
+              </text>
             </view>
           </view>
         </view>
         <view class="button-container">
-            <button class="button">按钮一</button>
-            <button class="button">按钮二</button>
+            <button bind:tap="navToComments" class="button">评论</button>
+            <button bind:tap="contactTeacher" data-item="{{item.phone}}" class="button">联系</button>
         </view>
     </view>     
   <view class="desc">这里是家教帮平台，再也不用担心孩子的学习了</view>
diff --git a/src/miniprogram/pages/MainTest/MainTest.wxss b/src/miniprogram/pages/MainTest/MainTest.wxss
index 54011a7..0a44d87 100644
--- a/src/miniprogram/pages/MainTest/MainTest.wxss
+++ b/src/miniprogram/pages/MainTest/MainTest.wxss
@@ -67,7 +67,7 @@
 
 .image {
   width: 50%;
-  height: 200rpx;
+  height: 300rpx;
   object-fit: cover;
   border-radius: 10rpx 0 0 10rpx;
   border: 2rpx solid #ccc; /* 添加框线样式 */
diff --git a/src/miniprogram/pages/Tprofile/Tprofile.wxml b/src/miniprogram/pages/Tprofile/Tprofile.wxml
index 695c012..542a195 100644
--- a/src/miniprogram/pages/Tprofile/Tprofile.wxml
+++ b/src/miniprogram/pages/Tprofile/Tprofile.wxml
@@ -1,144 +1,146 @@
 <!--pages/Tprofile/Tprofile.wxml-->
-<view class="container">
-  <view class="input-group">
-    <text>姓名：</text>
-    <input type="text" placeholder="请输入您的姓名" class="input" />
-  </view>
-  <view class="input-group">
-    <text>科目：</text>
-    <input type="text" placeholder="请输入科目" class="input" />
-  </view>
-  <view class="input-group">
-    <text>时薪：</text>
-    <input type="number" placeholder="请输入时薪" class="input" />
-  </view>
-</view>
-
-
-
-<view class="container">
-  <view class="input-group">
-    <text>就读学校：</text>
-    <input type="text" placeholder="输入现/曾经就读学校" class="input" />
-  </view>
-  <view class="input-group">
-    <text>年级专业：</text>
-    <input type="text" placeholder="输入就读专业及年级" class="input" />
-  </view>
-</view>
-
-<view class="container">
-  <view class="input-group">
-    <text>就读学校：</text>
-    <input type="text" placeholder="输入现/曾经就读学校" class="input" />
-  </view>
-  <view class="input-group">
-    <text>年级专业：</text>
-    <input type="text" placeholder="输入就读专业及年级" class="input" />
-  </view>
-</view>
-
-<view class="container">
-  <text>空闲时间：</text>
-  <view class="table-container">
-    <view class="row">
-      <view class="cell"></view>
-      <view class="header-cell">周一</view>
-      <view class="header-cell">周二</view>
-      <view class="header-cell">周三</view>
-      <view class="header-cell">周四</view>
-      <view class="header-cell">周五</view>
-      <view class="header-cell">周六</view>
-      <view class="header-cell">周日</view>
-    </view>
-    <view class="row">
-      <view class="cell">上午</view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+<view>
+  <form bindsubmit="submit">
+    <view class="container">
+      <view class="input-group">
+        <text>姓名：</text>
+        <input type="text" name="name" placeholder="请输入您的姓名" class="input" />
       </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+      <view class="input-group">
+        <text>科目：</text>
+        <input type="text" name="subject" placeholder="请输入科目" class="input" />
       </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+      <view class="input-group">
+        <text>时薪：</text>
+        <input type="number" name="salary" placeholder="请输入时薪" class="input" />
       </view>
     </view>
-    <view class="row">
-      <view class="cell">中午</view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+
+    <view class="container">
+      <view class="input-group">
+        <text>就读学校：</text>
+        <input type="text" placeholder="输入现/曾经就读学校" class="input" />
       </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+      <view class="input-group">
+        <text>年级专业：</text>
+        <input type="text" placeholder="输入就读专业及年级" class="input" />
       </view>
     </view>
-    <view class="row">
-      <view class="cell">下午</view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
-      </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+
+    <view class="container">
+      <view class="input-group">
+        <text>就读学校：</text>
+        <input type="text" placeholder="输入现/曾经就读学校" class="input" />
       </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+      <view class="input-group">
+        <text>年级专业：</text>
+        <input type="text" placeholder="输入就读专业及年级" class="input" />
       </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+    </view>
+
+    <view class="container">
+      <text>空闲时间：</text>
+      <view class="table-container">
+        <view class="row">
+          <view class="cell"></view>
+          <view class="header-cell">周一</view>
+          <view class="header-cell">周二</view>
+          <view class="header-cell">周三</view>
+          <view class="header-cell">周四</view>
+          <view class="header-cell">周五</view>
+          <view class="header-cell">周六</view>
+          <view class="header-cell">周日</view>
+        </view>
+        <view class="row">
+          <view class="cell">上午</view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+        </view>
+        <view class="row">
+          <view class="cell">中午</view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+        </view>
+        <view class="row">
+          <view class="cell">下午</view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+          <view class="checkbox-cell">
+            <checkbox></checkbox>
+          </view>
+        </view>
       </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+    </view>
+
+    <view class="container">
+      <view class="input-group">
+        <text>教员风采：</text>
+          <input type="text" placeholder="输入个人简介、家教经验" class="input" />
       </view>
-      <view class="checkbox-cell">
-        <checkbox></checkbox>
+      <view class="input-group">
+        <text>风采展示图：</text>
+        <input type="text" placeholder="在此插入图片" class="input" />
       </view>
     </view>
-  </view>
-</view>
 
+    <view class="container">
+      <!-- 添加提交按钮 -->
+      <button class="submit-btn" form-type="submit">提交</button>
+    </view>
 
-<view class="container">
-  <view class="input-group">
-    <text>教员风采：</text>
-      <input type="text" placeholder="输入个人简介、家教经验" class="input" />
-  </view>
-  <view class="input-group">
-    <text>风采展示图：</text>
-    <input type="text" placeholder="在此插入图片" class="input" />
-  </view>
-</view>
-
-<view class="container">
-  <!-- 添加提交按钮 -->
-  <button bindtap="submit" class="submit-btn">提交</button>
+  </form>
 </view>
diff --git a/src/miniprogram/pages/msg/msg.js b/src/miniprogram/pages/msg/msg.js
index a4caa02..132c640 100644
--- a/src/miniprogram/pages/msg/msg.js
+++ b/src/miniprogram/pages/msg/msg.js
@@ -1,15 +1,4 @@
 Page({
-  
-    goToPageA: function() {
-      wx.navigateTo({
-        url: '/pages/Homework/Homework',
-      })
-    },
-    goToPageB: function() {
-      wx.navigateTo({
-        url: '/pages/Tprofile/Tprofile',
-      })
-    },
   data:{
     date:"",
     region:"",