0.0.3/pages/Enroll/enroll.js

@@ -0,0 +1,163 @@
+// pages/Enroll/enroll.js
+
+
+// 收集单个人信息的字典
+var dic = {}
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    shengming:false,
+    data_list: "null"
+  },
+
+  /**
+   * 声明转存
+   */
+
+  switch1Change(e) {
+    this.setData({
+      shengming: e.detail.value
+    })
+  },
+
+  /**
+  * 表单上传
+  */
+  formSubmit(e) {
+    var formdata = e.detail.value
+    console.log("待上传表单数据", formdata)
+
+    if (this.data.shengming == true) {
+      wx.showModal({
+        title: 'Is the information correct?',
+        content: '后续改动会很麻烦',
+        cancelText: "Nop!",
+        confirmText: "Sure",
+        success(res) {
+          if (res.confirm) {
+            // 上传表单
+            console.log("表单数据", formdata)
+
+            wx.request({
+              url: 'http://www.burx.pro:10086/',
+              data: {
+                "name": "NAME"
+              },
+              method: "POST",
+              header: {
+                'content-type': 'application/json'
+              },
+              success(res) {
+                console.log(res)
+              },
+              fail(res) {
+                console.log(res)
+              }
+            })
+
+            wx.redirectTo({
+              url: "../Result/result"
+            })
+          } else if (res.cancel) {
+            console.log('用户取消提交表单')
+          }
+        }
+      })
+    } else if (this.data.shengming == false) {
+      wx.showToast({
+        title: '缺少声明',
+        icon: 'none',
+        duration: 2000
+      })
+      console.log('用户信息不合法')
+    }
+
+  },
+
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    var that = this;
+
+    var d_id = options.id;
+    this.data.current_id = d_id; //传递id至data
+    console.log("recieve d_id [single]: " + d_id);
+
+    // 下载资源文件
+    var url = 'http://www.burx.pro/data/data_detail' + this.data.current_id + '.json';
+
+    wx.request({
+      url: url,
+      method: "POST",
+      header: {
+        'content-type': 'application/json'
+      },
+      success(res) {
+        console.log(res.data)
+        that.setData({
+          data_list: res.data
+        })},
+      fail(res){
+        that.setData({
+          data_list: "fail"
+        })
+      }
+
+    });
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})

0.0.3/pages/Enroll/enroll.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "单人报名页面"
+
+}

0.0.3/pages/Enroll/enroll.wxml

@@ -0,0 +1,78 @@
+<!--pages/Enroll/enroll.wxml-->
+<image src="../Welcome/windows1.png" class="img0"></image>
+<image src="../Welcome/windows2.png" class="img00"></image>
+
+<!-- 加载中 -->
+<view wx:if="{{data_list=='null'}}">
+  <view class='error0'>
+    <image class="topicon" src="../../image/icon/loading.png" bindtap='onSelect'></image>
+    <text class='error'>Loading</text>
+  </view>
+</view>
+<!-- 加载失败 -->
+<view wx:elif="{{data_list=='fail'}}">
+  <view class='error0'>
+    <image class="topicon" src="../../image/icon/fail.png" bindtap='onSelect'></image>
+    <text class='error'>Failed to load</text>
+  </view>
+</view>
+
+<!-- 加载成功开始循环 -->
+<view wx:else="{{data_list!=false}}">
+  <view class='container1'>
+    <view class="container2">
+      <image src="../Welcome/windows3.png" class="img000"></image>
+      <text class='title'>{{data_list.title}}</text>
+      <text class='text'>{{data_list.type}}参与项目</text>
+
+      <!--表单-->
+      <form bindsubmit='formSubmit'>
+        <view class='container3'>
+          <text class='text'>授权码 authorization code</text>
+          <input class='input' type='text' value='code' maxlength='10' confirm-type="next" adjust-position='{{true}}' name="code"></input>
+          <!--授权码暂定10位-->
+
+          <text class='text'>真实姓名 full name</text>
+          <input class='input' type='text' value='name' maxlength='5' confirm-type="next" adjust-position='{{true}}' name="name"></input>
+
+          <text class='text'>学号 Student ID</text>
+          <input class='input' type='text' value='Student ID' maxlength='15' password="true" confirm-type="next" adjust-position='{{true}}' name="id"></input>
+          <!--实验15位-->
+
+          <text class='text'>性别 gender</text>
+          <radio-group class="radio-group" name="gender">
+            <radio value='gril' color='rgb(0, 103, 184)' /> 女 Gril
+            <radio value='boy' color='rgb(0, 103, 184)' /> 男 Boy
+          </radio-group>
+
+          <text class='text'>年级 grade</text>
+          <radio-group class="radio-group" name="grade">
+            <radio value='freshman' color='rgb(0, 103, 184)' />大一
+            <radio value='Sophomore' color='rgb(0, 103, 184)' />大二
+            <radio value='Junior' color='rgb(0, 103, 184)' />大三
+            <radio value='Senior' color='rgb(0, 103, 184)' />大四
+          </radio-group>
+
+          <text class='text'>专业 major</text>
+          <input class='input' type='text' value='major' confirm-type="next" adjust-position='{{true}}' name="major"></input>
+
+          <text class='text'>邮箱 Email</text>
+          <input class='input' type='text' value='email' confirm-type="next" adjust-position='{{true}}' name="email"></input>
+
+          <text class='text'>电话联系方式 +86 Phone</text>
+          <input class='input' type='text' value='phone' maxlength='11' confirm-type="number" adjust-position='{{true}}' name="phone"></input>
+
+          <text class='text'>声明</text>
+          <view class='shengming'>
+            <switch color="red" type="checkbox" bindchange="switch1Change" />我(队长)已经详细阅读并严格遵守项目规则
+          </view>
+
+          <button class='button' form-type='submit'>
+            <image class="bimg" src="../../image/icon/weiruan.png"></image>
+            <text>确定</text>
+          </button>
+        </view>
+      </form>
+    </view>
+  </view>
+</view>

0.0.3/pages/Enroll/enroll.wxss

@@ -0,0 +1,133 @@
+/* pages/Enroll/enroll.wxss */
+
+page {
+  background-color: #282828;
+}
+
+.img000 {
+  width: 50vw;
+  height: 20vw;
+}
+
+.img00 {
+  margin-left: 8px;
+  width: 20vw;
+  height: 5vw;
+}
+
+.img0 {
+  margin-left: 8px;
+  width: 25vw;
+  height: 5vw;
+}
+
+.container2 {
+  width: 85vw;
+  margin-left: 2.5vw;
+  margin-right: 2.5vw;
+  margin-top: 50rpx;
+  margin-bottom: 50rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: white;
+}
+
+.container1 {
+  width: 90vw;
+  margin-left: 5vw;
+  margin-right: 5vw;
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+  display: flex;
+  flex-direction: column;
+  background-color: rgb(0, 103, 184);
+}
+
+.container3 {
+  width: 80vw;
+  margin-left: 2.5vw;
+  margin-right: 2.5vw;
+  margin-top: 15rpx;
+  margin-bottom: 15rpx;
+  display: flex;
+  flex-direction: column;
+  background-color: white;
+  border: 3px solid rgb(0, 103, 184);
+  text-align: center;
+  align-items: center;
+}
+
+.title {
+  margin-top: 15rpx;
+  font-size: 65rpx;
+  color: black;
+  font-weight: bold;
+}
+
+.text {
+  font-size: 28rpx;
+  font-weight: bold;
+  line-height: 100rpx; /*行高*/
+}
+
+.input {
+  width: 60%;
+  border-bottom: 1px solid rgb(0, 103, 184); /* 下边框*/
+  font-size: 28rpx;
+  color: grey;
+}
+
+.radio-group{
+  color: grey;
+  font-size: 28rpx;
+}
+
+.button {
+  width: 550rpx;
+  margin-top: 50rpx;
+  margin-bottom: 50rpx;
+  color: white;
+  background-color: rgb(0, 103, 184);
+  border-radius: 50rpx;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;  
+  align-items: center;
+}
+
+.bimg {
+  margin-right: 20rpx;
+  width: 46rpx;
+  height: 46rpx;
+}
+
+.shengming{
+  color: grey;
+  font-size: 25rpx;
+}
+
+.error {
+  margin-top: 30rpx;
+  font-size: 25rpx;
+  color: white;
+  text-align: center;
+}
+
+.error0 {
+  border-radius: 10rpx;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  background-color: rgb(100, 100, 100);
+  margin: 50rpx 30rpx 50rpx 30rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.topicon {
+  width: 10vw;
+  height: 10vw;
+  margin-left: 50rpx;
+  margin-right: 50rpx;
+}