Merge branch 'master' of http://git.cc-lotus.info/ball-court/court-mobile1

pages/matchteam/layoutdetail.js

@@ -10,16 +10,72 @@ Page({
         frameStyle: { useTop: true, name: '维护赛程信息', leftArrow: true, useBar: false },
         // 主体高度
         infoHeight: '',
+        form: { red_logo: [], red_members: [], blue_logo: [], blue_members: [] },
+        id: ''
+    },
+    initValidate() {
+        const rules = { match_name: { required: true } }
+        // 验证字段的提示信息，若不传则调用默认的信息
+        const messages = { match_name: { required: '请输入比赛名称' } };
+        this.WxValidate = new WxValidate(rules, messages)
     },
     back: function () {
         wx.navigateBack({ url: '/pages/matchteam/layout' })
     },
+    // 选择比赛时间
+    dateChange: function (e) {
+        const that = this;
+        const { type } = e.currentTarget.dataset;
+        const { value } = e.detail;
+        if (type == 'date') that.setData({ 'form.date': value })
+        else if (type == 'time') that.setData({ 'form.time': value });
+        let match_time = that.data.form.date + '-' + that.data.form.time;
+        that.setData({ 'form.match_time': match_time })
+    },
+    // 提交保存
+    onSubmit: async function (e) {
+        const that = this;
+        const params = e.detail.value;
+        const data = that.data.form;
+        if (!this.WxValidate.checkForm(params)) {
+            const error = this.WxValidate.errorList[0];
+            wx.showToast({ title: `${error.msg}`, icon: 'error', duration: 2000 })
+            return false
+        } else {
+            params.red_logo = data.red_logo;
+            params.blue_logo = data.blue_logo;
+            console.log(params);
+        }
+    },
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad: function (options) {
+        const that = this;
+        if (options && options.id) that.setData({ id: options.id })
+        //验证规则函数
+        that.initValidate();
         // 计算高度
-        this.searchHeight()
+        that.searchHeight();
+        // 监听用户是否登录
+        that.watchLogin();
+    },
+    // 监听用户是否登录
+    watchLogin: async function () {
+        const that = this;
+        let id = that.data.id;
+        wx.getStorage({
+            key: 'token',
+            success: async res => {
+                if (id) {
+                    const arr = await app.$get(`/courtAdmin/api/schedule/${id}`);
+                    if (arr.errcode == '0') that.setData({ form: arr.data });
+                }
+            },
+            fail: res => {
+                wx.redirectTo({ url: '/pages/index/index', })
+            }
+        })
     },
     // 计算高度
     searchHeight: function () {

pages/matchteam/layoutdetail.wxml

@@ -1,5 +1,129 @@
 <mobile-main frameStyle="{{frameStyle}}" bind:back="back">
   <view slot="info" class="main" style="height:{{infoHeight}}px;">
-    模板
+    <view class="one">
+      <form bindsubmit="onSubmit">
+        <view class="content">
+          <view class="label textOver">比赛id</view>
+          <view class="value">
+            <input type="text" name="match_id" value="{{form.match_id}}" placeholder="请输入比赛id" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">名称</view>
+          <view class="value">
+            <input type="text" name="match_name" value="{{form.match_name}}" placeholder="请输入比赛名称" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">红方id</view>
+          <view class="value">
+            <input type="text" name="red_id" value="{{form.red_id}}" placeholder="请输入红方id" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">红方名称</view>
+          <view class="value">
+            <input type="text" name="red_name" value="{{form.red_name}}" placeholder="请输入红方名称" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">红方logo</view>
+          <view class="value">
+            <image class="image" src="{{form.red_logo[0].url}}"></image>
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">红方成员</view>
+          <view class="value">
+            <input type="text" name="red_members" value="{{form.red_members}}" placeholder="请输入红方成员" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">红方比分</view>
+          <view class="value">
+            <input type="text" name="red_branch" value="{{form.red_branch}}" placeholder="请输入红方比分" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">红方积分</view>
+          <view class="value">
+            <input type="text" name="red_integral" value="{{form.red_integral}}" placeholder="请输入红方积分" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">红方流程图位置</view>
+          <view class="value">
+            <input type="text" name="red_position" value="{{form.red_position}}" placeholder="请输入红方流程图位置" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">蓝方id</view>
+          <view class="value">
+            <input type="text" name="blue_id" value="{{form.blue_id}}" placeholder="请输入蓝方id" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">蓝方名称</view>
+          <view class="value">
+            <input type="text" name="blue_name" value="{{form.blue_name}}" placeholder="请输入蓝方名称" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">蓝方logo</view>
+          <view class="value">
+            <image class="image" src="{{form.blue_logo[0].url}}"></image>
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">蓝方成员</view>
+          <view class="value">
+            <input type="text" name="blue_members" value="{{form.blue_members}}" placeholder="请输入蓝方成员" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">蓝方比分</view>
+          <view class="value">
+            <input type="text" name="blue_branch" value="{{form.blue_branch}}" placeholder="请输入蓝方比分" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">蓝方积分</view>
+          <view class="value">
+            <input type="text" name="blue_integral" value="{{form.blue_integral}}" placeholder="请输入蓝方积分" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">蓝方流程图位置</view>
+          <view class="value">
+            <input type="text" name="blue_position" value="{{form.blue_position}}" placeholder="请输入蓝方流程图位置" />
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">比赛日期</view>
+          <view class="value">
+            <picker mode="date" value="{{form.date}}" name="date" bindchange="dateChange" data-type="date">
+              <view class="picker">{{form.date||'选择比赛日期'}}</view>
+            </picker>
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">比赛时间</view>
+          <view class="value">
+            <picker mode="time" value="{{form.time}}" name="time" bindchange="dateChange" data-type="time">
+              <view class="picker">{{form.time||'选择比赛时间'}}</view>
+            </picker>
+          </view>
+        </view>
+        <view class="content">
+          <view class="label textOver">比赛完整时间</view>
+          <view class="value">
+            <input type="text" name="match_time" value="{{form.match_time}}" placeholder="请输入比赛完整时间" disabled />
+          </view>
+        </view>
+        <view class="btn">
+          <button type="primary" size="mini" formType="submit">提交保存</button>
+        </view>
+      </form>
+    </view>
   </view>
 </mobile-main>

pages/matchteam/layoutdetail.wxss

@@ -1,4 +1,71 @@
 .main {
     position: relative;
     width: 100%;
+    background-color: #ffffff;
+}
+
+.main .one {
+    float: left;
+    width: 95%;
+    padding: 0 10px;
+}
+
+.main .one .content {
+    float: left;
+    width: 100%;
+    border-bottom: 1px solid #ccc;
+    padding: 10px 0;
+}
+
+.main .one .content .label {
+    float: left;
+    width: 30%;
+    font-size: 14px;
+}
+
+.main .one .content .value {
+    float: left;
+    width: 70%;
+    text-align: right;
+    font-size: 14px;
+}
+.main .one .content .value .image {
+    width: 50px;
+    height: 50px;
+    border-radius: 90px;
+
+}
+.main .one .content .value .input {
+    color: #868686;
+}
+
+.main .one .content .value .picker {
+    color: #868686;
+}
+
+.main .one .content .value .formbtn {
+    padding: 0 10px;
+    font-size: 12px;
+}
+
+.main .one .content .value .icon {
+    margin: 0 0 0 10px;
+}
+
+.main .one .content .format {
+    float: left;
+    width: 100%;
+    padding: 5px 0;
+    border-bottom: 1px dashed #f1f1f1;
+}
+
+.main .one .btn {
+    float: left;
+    width: 100%;
+    text-align: center;
+    margin: 10px 0 0 0;
+}
+
+.main .one .btn button {
+    width: 80%;
 }