1

app.json

@@ -1,6 +1,5 @@
 {
     "pages": [
-
         "pages/index/index",
         "pages/register/index",
         "pages/home/index",
@@ -13,6 +12,8 @@
         "pages/setting/index",
         "pages/setting/basic",
         "pages/setting/contact",
+        "pages/match/index",
+        "pages/match/mess",
         "pages/test/index"
     ],
     "usingComponents": {

pages/match/index.js

@@ -0,0 +1,79 @@
+const app = getApp()
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        frameStyle: { useTop: true, name: '赛事管理', leftArrow: true, useBar: false },
+        btnList: [
+            { title: '信息管理', route: 'mess' },
+            { title: '报名管理', route: 'sign' },
+            { title: '组队信息审核', route: 'shteam' },
+            { title: '比赛项目', route: 'project' },
+        ]
+    },
+    // 返回
+    back: function () {
+        wx.navigateBack({ delta: 1 })
+    },
+    toCommon: function (e) {
+        const { route } = e.currentTarget.dataset;
+        wx.navigateTo({ url: `/pages/match/${route}` })
+    },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        const that = this;
+
+    },
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

pages/match/index.json

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

pages/match/index.less

@@ -0,0 +1,29 @@
+.main {
+    height: 88vh;
+
+    .one {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        width: 96vw;
+
+        .list {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            background-color: #ffffff;
+            border-bottom: 1px solid #858585;
+            padding: 2vw;
+
+            .list_1 {
+                text {
+                    font-size: 14px;
+                }
+            }
+
+            .list_2 {
+                color: #858585;
+            }
+        }
+    }
+}

pages/match/index.wxml

@@ -0,0 +1,14 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:back="back" bind:tabPath="tabPath">
+    <view slot="info" class="container main">
+        <view class="one">
+            <view class="list" wx:for="{{btnList}}" wx:key="item" bindtap="toCommon" data-route="{{item.route}}">
+                <view class="list_1">
+                    <text>{{item.title}}</text>
+                </view>
+                <view class="list_2">
+                    <van-icon name="arrow" />
+                </view>
+            </view>
+        </view>
+    </view>
+</mobile-main>

pages/match/index.wxss

@@ -0,0 +1,23 @@
+.main {
+  height: 88vh;
+}
+.main .one {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 96vw;
+}
+.main .one .list {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background-color: #ffffff;
+  border-bottom: 1px solid #858585;
+  padding: 2vw;
+}
+.main .one .list .list_1 text {
+  font-size: 14px;
+}
+.main .one .list .list_2 {
+  color: #858585;
+}

pages/match/mess.js

@@ -0,0 +1,135 @@
+const app = getApp()
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        frameStyle: { useTop: true, name: '信息管理', leftArrow: true, useBar: false },
+        list: [
+            {
+                status: '0',
+                icon: [{ url: "http://broadcast.waityou24.cn/files/court/elimg/20220728102205.jpg" }],
+                name: '2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛',
+                sign_end_time: '2021/10/12-2022/07/15',
+                start_time: '2021/10/12',
+                end_time: '2021/10/12',
+                address: '吉林省长春市朝阳区前进大街1244号'
+            },
+            {
+                status: '0',
+                icon: [{ url: "http://broadcast.waityou24.cn/files/court/elimg/20220728102205.jpg" }],
+                name: '2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛',
+                sign_end_time: '2021/10/12-2022/07/15',
+                start_time: '2021/10/12',
+                end_time: '2021/10/12',
+                address: '吉林省长春市朝阳区前进大街1244号'
+            },
+            {
+                status: '0',
+                icon: [{ url: "http://broadcast.waityou24.cn/files/court/elimg/20220728102205.jpg" }],
+                name: '2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛',
+                sign_end_time: '2021/10/12-2022/07/15',
+                start_time: '2021/10/12',
+                end_time: '2021/10/12',
+                address: '吉林省长春市朝阳区前进大街1244号'
+            },
+            {
+                status: '0',
+                icon: [{ url: "http://broadcast.waityou24.cn/files/court/elimg/20220728102205.jpg" }],
+                name: '2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛',
+                sign_end_time: '2021/10/12-2022/07/15',
+                start_time: '2021/10/12',
+                end_time: '2021/10/12',
+                address: '吉林省长春市朝阳区前进大街1244号'
+            },
+            {
+                status: '0',
+                icon: [{ url: "http://broadcast.waityou24.cn/files/court/elimg/20220728102205.jpg" }],
+                name: '2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛',
+                sign_end_time: '2021/10/12-2022/07/15',
+                start_time: '2021/10/12',
+                end_time: '2021/10/12',
+                address: '吉林省长春市朝阳区前进大街1244号'
+            },
+            {
+                status: '0',
+                icon: [{ url: "http://broadcast.waityou24.cn/files/court/elimg/20220728102205.jpg" }],
+                name: '2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛',
+                sign_end_time: '2021/10/12-2022/07/15',
+                start_time: '2021/10/12',
+                end_time: '2021/10/12',
+                address: '吉林省长春市朝阳区前进大街1244号'
+            },
+            {
+                status: '0',
+                icon: [{ url: "http://broadcast.waityou24.cn/files/court/elimg/20220728102205.jpg" }],
+                name: '2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛2021南宁·LYB李永波全球业余羽毛球锦标赛-南宁分站赛',
+                sign_end_time: '2021/10/12-2022/07/15',
+                start_time: '2021/10/12',
+                end_time: '2021/10/12',
+                address: '吉林省长春市朝阳区前进大街1244号吉林省长春市朝阳区前进大街1244号吉林省长春市朝阳区前进大街1244号'
+            },
+
+        ]
+    },
+    // 跳转菜单
+    back(e) {
+        wx.navigateBack({ delta: 1 })
+    },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        const that = this;
+
+    },
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

pages/match/mess.json

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

pages/match/mess.less

@@ -0,0 +1,128 @@
+.main {
+    height: 88.8vh;
+
+    .zero {
+        width: 96vw;
+        margin: 0 0 2vw 0;
+    }
+
+    .zero:nth-child(2) {
+        margin: 0 0 0 0;
+    }
+
+    .one {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        padding: 2vw;
+        width: 92vw;
+        background-color: #fff;
+
+        .one_1 {
+            width: 76vw;
+            background-color: #f1f1f1;
+            padding: 0 0 0 2vw;
+
+            input {
+                padding: 1vw 2px;
+                font-size: 14px;
+            }
+        }
+
+        .one_2 {
+            button {
+                font-size: 14px;
+            }
+        }
+    }
+
+    .two {
+        flex-grow: 1;
+        width: 100%;
+        position: relative;
+
+        .scroll-view {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+
+            .list-scroll-view {
+                display: flex;
+                flex-direction: column;
+
+                .list {
+                    border-bottom: 1px solid #cccccc;
+                    padding: 2vw 0;
+                    display: flex;
+                    flex-direction: column;
+
+                    .info {
+                        display: flex;
+                        flex-direction: row;
+                        margin: 0 0 2vw 0;
+
+                        .list_1 {
+                            padding: 8vw 0 0 0;
+
+                            .image {
+                                width: 60px;
+                                height: 60px;
+                                border-radius: 10px;
+                            }
+                        }
+
+                        .list_2 {
+                            width: 80vw;
+                            padding: 0 0 0 2vw;
+
+                            .name {
+                                font-size: 16px;
+                                font-weight: bold;
+                                margin: 0 0 1vw 0;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                -webkit-line-clamp: 2;
+                                word-break: break-all;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+
+                                .status {
+                                    background-color: #ff0000;
+                                    color: #fff;
+                                    padding: 0 2vw;
+                                    font-size: 14px;
+                                }
+                            }
+
+                            .other {
+                                .other_1 {
+                                    margin: 0 0 1vw 0;
+                                    color: #000000a6;
+                                    font-size: 12px;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    -webkit-line-clamp: 2;
+                                    word-break: break-all;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                }
+                            }
+                        }
+                    }
+
+                    .btn {
+                        text-align: center;
+
+                        button {
+                            margin: 0 2vw;
+                            font-size: 14px;
+                        }
+                    }
+
+                }
+            }
+        }
+    }
+}

pages/match/mess.wxml

@@ -0,0 +1,50 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:back="back" bind:tabPath="tabPath">
+    <view slot="info" class="container main">
+        <view class="zero one">
+            <view class="one_1">
+                <input type="text" value="{{searchInfo.name}}" placeholder="请输入比赛名称" />
+            </view>
+            <view class="one_2">
+                <button type="primary" size="mini" bindtap="toAdd">添加</button>
+            </view>
+        </view>
+        <view class="zero two">
+            <scroll-view scroll-y="true" class="scroll-view">
+                <view class="list-scroll-view">
+                    <view class="list" wx:for="{{list}}" wx:key="item">
+                        <view class="info">
+                            <view class="list_1">
+                                <image class="image" src="{{item.icon&&item.icon.length>0?item.icon[0].url:''}}"></image>
+                            </view>
+                            <view class="list_2">
+                                <view class="name">
+                                    <text class="status">{{item.status=='0'?'报名中':''}}</text>
+                                    <text>{{item.name}}</text>
+                                </view>
+                                <view class="other">
+                                    <view class="other_1">
+                                        <text>报名时间：</text>
+                                        <text>{{item.sign_end_time}}</text>
+                                    </view>
+                                    <view class="other_1">
+                                        <text>比赛时间：</text>
+                                        <text>{{item.start_time}}-{{item.end_time}}</text>
+                                    </view>
+                                    <view class="other_1">
+                                        <text>比赛地点：</text>
+                                        <text>{{item.address}}</text>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                        <view class="btn">
+                            <button type="default" size="mini">详情</button>
+                            <button type="primary" size="mini">维护</button>
+                            <button type="warn" size="mini">删除</button>
+                        </view>
+                    </view>
+                </view>
+            </scroll-view>
+        </view>
+    </view>
+</mobile-main>

pages/match/mess.wxss

@@ -0,0 +1,104 @@
+.main {
+  height: 88.8vh;
+}
+.main .zero {
+  width: 96vw;
+  margin: 0 0 2vw 0;
+}
+.main .zero:nth-child(2) {
+  margin: 0 0 0 0;
+}
+.main .one {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 2vw;
+  width: 92vw;
+  background-color: #fff;
+}
+.main .one .one_1 {
+  width: 76vw;
+  background-color: #f1f1f1;
+  padding: 0 0 0 2vw;
+}
+.main .one .one_1 input {
+  padding: 1vw 2px;
+  font-size: 14px;
+}
+.main .one .one_2 button {
+  font-size: 14px;
+}
+.main .two {
+  flex-grow: 1;
+  width: 100%;
+  position: relative;
+}
+.main .two .scroll-view {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.main .two .scroll-view .list-scroll-view {
+  display: flex;
+  flex-direction: column;
+}
+.main .two .scroll-view .list-scroll-view .list {
+  border-bottom: 1px solid #cccccc;
+  padding: 2vw 0;
+  display: flex;
+  flex-direction: column;
+}
+.main .two .scroll-view .list-scroll-view .list .info {
+  display: flex;
+  flex-direction: row;
+  margin: 0 0 2vw 0;
+}
+.main .two .scroll-view .list-scroll-view .list .info .list_1 {
+  padding: 8vw 0 0 0;
+}
+.main .two .scroll-view .list-scroll-view .list .info .list_1 .image {
+  width: 60px;
+  height: 60px;
+  border-radius: 10px;
+}
+.main .two .scroll-view .list-scroll-view .list .info .list_2 {
+  width: 80vw;
+  padding: 0 0 0 2vw;
+}
+.main .two .scroll-view .list-scroll-view .list .info .list_2 .name {
+  font-size: 16px;
+  font-weight: bold;
+  margin: 0 0 1vw 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+.main .two .scroll-view .list-scroll-view .list .info .list_2 .name .status {
+  background-color: #ff0000;
+  color: #fff;
+  padding: 0 2vw;
+  font-size: 14px;
+}
+.main .two .scroll-view .list-scroll-view .list .info .list_2 .other .other_1 {
+  margin: 0 0 1vw 0;
+  color: #000000a6;
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+.main .two .scroll-view .list-scroll-view .list .btn {
+  text-align: center;
+}
+.main .two .scroll-view .list-scroll-view .list .btn button {
+  margin: 0 2vw;
+  font-size: 14px;
+}

utils/dict.js

@@ -21,8 +21,6 @@ export const myBtn = [
     { title: '我的赛事', route: 'usermymatch', type: '0' },
     { title: '用户管理', route: 'user', type: '-1' },
     { title: '赛事管理', route: 'match', type: '-1' },
-    { title: '报名管理', route: 'sign', type: '-1' },
-    { title: '组队信息审核', route: 'shteam', type: '-1' },
     { title: '订单管理', route: 'order', type: '-1' },
     { title: '账号设置', route: 'setting', type: '-1|0' }
 ]