Signed-off-by: yukangzhe <382985154@qq.com>

app.json

@@ -1,6 +1,7 @@
 {
   "plugins": {},
   "pages": [
+    "pages/forBack/forBack",
     "pages/myself/myself",
     "pages/orderClassDetail/orderClassDetail",
     "pages/index/index",

pages/forBack/forBack.js

@@ -0,0 +1,98 @@
+// pages/forBack/forBack.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    radioList:[
+      {name: '学校不满意',type: 'school'},
+      {name: '课程不满意',type: 'school'},
+      {name: '产品建议/功能优化',type: 'select'},
+      {name: '其他问题',type: 'select'},
+    ],
+    curRadioIndex: '-1',
+    plateList:[
+      '我的课表',
+      '提交作业',
+      '课堂点评',
+      '成长足迹',
+      '请假',
+      '补课',
+      '加课',
+      '调课',
+    ],
+    plateIndex: 0,
+    radioType: ''
+  },
+
+  getRadio:function(e){
+    const type = this.data.radioList[e.currentTarget.dataset.index].type
+    this.setData({
+      curRadioIndex: e.currentTarget.dataset.index,
+      radioType: type
+    })
+  },
+
+  bindPickerChange: function(e) {
+    this.setData({
+      plateIndex: e.detail.value
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/forBack/forBack.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "校长信箱",
+  "usingComponents": {}
+}

pages/forBack/forBack.wxml

@@ -0,0 +1,44 @@
+<view class="container">
+  <view class="title">您遇到了哪方面的问题</view>
+  <view class="radio-box">
+    <view class="radio-view {{index == curRadioIndex ? 'curRadio' : ''}}" wx:for="{{radioList}}" wx:key="index" data-index="{{index}}" bindtap="getRadio">
+      {{item.name}}
+    </view>
+  </view>
+  <view class="change-view">
+    <view class="curSchool" wx:if="{{radioType == 'school'}}">当前学校：智慧汉阳校区</view>
+  <view class="picker-view" wx:elif="{{radioType == 'select'}}">
+    <view class="section">
+      <view class="section__title">请选择板块：</view>
+      <picker bindchange="bindPickerChange" value="{{plateIndex}}" range="{{plateList}}">
+        <view class="picker">
+          {{plateList[plateIndex]}}
+        </view>
+      </picker>
+    </view>
+  </view>
+  </view>
+  <view class="line"></view>
+
+  <view class="title">问题描述</view>
+  <textarea class="textarea" placeholder="请详细描述你遇到的问题与建议..." maxlength="200"></textarea>
+  <view class="line"></view>
+
+  <view class="title">上传图片</view>
+  <view class="uploadImg-task-view">
+      <view class="my-img-view" wx:for="{{1}}" wx:key="index">
+        <view class="new-task-img">
+          <image src="/images/logo.png"></image>
+        </view>
+        <view class="del-btn">X</view>
+      </view>
+      <view class="upload-btn" bindtap="uploadTap">
+        <view style="margin-top:30rpx">
+          <image src="/images/addFile.png"></image>
+          <view>添加图片</view>
+        </view>
+      </view>
+    </view>
+
+    <view class="submit-btn">提交</view>
+</view>

pages/forBack/forBack.wxss

@@ -0,0 +1,132 @@
+/* pages/forBack/forBack.wxss */
+.container{
+  margin: 0;
+  padding: 0;
+}
+.title{
+  width: 700rpx;
+  margin: 20rpx auto;
+  font-size: 32rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+}
+.radio-box{
+  width: 700rpx;
+  margin: 0 25rpx;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.radio-view{
+  width: 319rpx;
+  text-align: center;
+  height: 70rpx;
+  line-height: 70rpx;
+  background: #f1f1f1;
+  color: #666;
+  border-radius: 50rpx;
+  font-size: 28rpx;
+  margin-bottom: 30rpx;
+  border: 1rpx solid #f1f1f1;
+}
+.curRadio{
+  background: #FFF;
+  color: #cc6031;
+  border: 1rpx solid #cc6031;
+}
+
+.picker-view,.curSchool{
+  font-size: 32rpx;
+    width: 700rpx;
+    margin: 0 auto;
+}
+.section{
+  display: flex;
+}
+.change-view{
+  height: 100rpx;
+  padding-top: 40rpx;
+}
+.line{
+  height: 20rpx;
+  background: #f1f1f1;
+  width: 750rpx;
+}
+.textarea{
+  width: 650rpx;
+  margin: 20rpx auto 40rpx;
+  padding: 25rpx;
+  background: #f1f1f1;
+  border-radius: 20rpx;
+}
+.uploadImg-task-view{
+  display: grid;
+  justify-content: space-between;
+  grid-template-columns: repeat(auto-fill, 140rpx);
+  grid-gap: auto;
+  width: 650rpx;
+  margin: 0 auto;
+  border-bottom: 1px dashed #ccc;
+    padding-bottom: 40rpx;
+    margin-bottom: 40rpx;
+}
+.new-task-img{
+  width: 139rpx;
+  height: 139rpx;
+  border: 1rpx dashed #ccc;
+}
+.my-img-view{
+  position: relative;
+  margin: 20rpx 0 20rpx;
+}
+.del-btn{
+  position: absolute;
+  width: 40rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  z-index: 2;
+  background: #cc6031;
+  color: #FFF;
+  text-align: center;
+  font-weight: 600;
+  border-radius: 50rpx;
+  top: -20rpx;
+  left: -20rpx;
+  border: 8rpx solid #FFF;
+}
+.new-task-img image{
+  width: 100%;
+  height: 100%;
+}
+
+.upload-btn image{
+  height: 40rpx;
+  width: 40rpx;
+}
+
+.upload-btn{
+  width: 139rpx;
+    height: 139rpx;
+    border: 1rpx dashed #ccc;
+    text-align: center;
+    background: #f8f8f8;
+    margin: 20rpx 0 0;
+    color: #999;
+    font-size: 22rpx;
+    line-height: 36rpx;
+}
+
+.submit-btn{
+  width: 400rpx;
+  height: 80rpx;
+  line-height: 80rpx;
+  color: #FFF;
+  background: #cc6031;
+  text-align: center;
+  position: fixed;
+  bottom: 60rpx;
+  left: 50%;
+  margin-left: -200rpx;
+  border-radius: 50rpx;
+  font-size: 36rpx;
+}

pages/myself/myself.wxml

@@ -43,7 +43,7 @@
 				</view>
 				<image lazy-load mode="aspectFill" class="li-arrow" src="{{imageUrl? imageUrl+'arrow0603.png' : ''}}"></image>
 			</view>
-			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/wcList/wcList" >
+			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/forBack/forBack" >
 				<view class="li-left">
 					<image lazy-load mode="aspectFill" class="li-icon" src="/images/my-forback.png"></image>
 					<text>校长信箱</text>