1

pages/matchInfo/index.js

@@ -24,7 +24,14 @@ Page({
         },
         // 选手
         bActive: '0',
-        groupList: []
+        groupList: [],
+        // 秩序册
+        cType: '0',
+        cList: [],
+        raceList: [],
+        raceteamList: [],
+        // 赛况
+        dtabs: { active: 0, list: [] }
     },
     // 跳转菜单
     back(e) {
@@ -34,11 +41,7 @@ Page({
     tabsChange: function (e) {
         const that = this;
         const { name } = e.detail;
-        if (name == 'c' || name == "d" || name == "e") {
-            wx.showToast({ title: `暂无发布`, icon: 'error', duration: 2000 });
-        } else {
-            that.setData({ 'tabs.active': e.detail.name });
-        }
+        that.setData({ 'tabs.active': e.detail.name });
     },
     // 更多
     toCommon: function (e) {
@@ -55,6 +58,25 @@ Page({
         const that = this;
         that.setData({ bActive: e.detail })
     },
+    // 秩序册
+    orderChange: function (e) {
+        const that = this;
+        const { ctype } = e.currentTarget.dataset;
+        that.setData({ cType: ctype == '0' ? '1' : '0' })
+        that.setData({ cList: ctype == '0' ? that.data.raceList : that.data.raceteamList })
+    },
+    // 赛况
+    dtabsChange: async function (e) {
+        const that = this;
+        let info = that.data.info;
+        const { name } = e.detail;
+        that.setData({ 'dtabs.active': name });
+        let data = that.data.dtabs.list[name];
+        let searchInfo = { match_id: info._id, limit: 1000 };
+        if (data._id) { searchInfo.ground_id = data._id }
+        const arr = await app.$get(`/newCourt/api/race`, { ...searchInfo });
+        if (arr.errcode == '0') { that.setData({ raceList: arr.data }) }
+    },
     /**
      * 生命周期函数--监听页面加载
      */
@@ -72,13 +94,26 @@ Page({
                 that.setData({ user: res.data })
                 if (that.data.id) {
                     let arr;
+                    // 比赛信息
                     arr = await app.$get(`/newCourt/api/match/${that.data.id}`);
                     if (arr.errcode == '0') {
                         arr.data.statusZh = that.getStatusZh(arr.data.status);
                         that.setData({ info: arr.data })
-                    } else { wx.showToast({ title: `${res.errMsg}`, icon: 'fail', duration: 2000 }); }
+                    } else { wx.showToast({ title: `${res.errmsg}`, icon: 'fail', duration: 2000 }); }
+                    // 选手信息
                     arr = await app.$get(`/newCourt/api/view/groupProjectUser?match_id=${that.data.id}`);
-                    if (arr.errcode == '0') { that.setData({ groupList: arr.data }) }
+                    if (arr.errcode == '0') { that.setData({ groupList: arr.data }) };
+                    // 查询场地信息
+                    arr = await app.$get(`/newCourt/api/ground`, { is_use: '0' });
+                    let ground = [{ title: '全部场地', name: 0 }]
+                    if (arr.errcode == '0') {
+                        for (const [index, val] of arr.data.entries()) {
+                            ground.push({ title: val.name, name: index + 1, _id: val._id })
+                        }
+                    }
+                    that.setData({ 'dtabs.list': ground })
+                    // 赛程信息
+                    that.searchOrder();
                 }
             },
             fail: async (res) => {
@@ -86,6 +121,26 @@ Page({
             },
         });
     },
+    // 查询赛程信息
+    searchOrder: async function () {
+        wx.showLoading({ title: '加载中' })
+        const that = this;
+        let type = that.data.cType;
+        let info = that.data.info;
+        let arr;
+        // 赛程信息
+        arr = await app.$get(`/newCourt/api/race`, { match_id: info._id, limit: 1000 });
+        if (arr.errcode == '0') { that.setData({ raceList: arr.data }); }
+        else wx.showToast({ title: `${arr.errmsg}`, icon: 'fail', duration: 2000 });
+        // 组信息
+        arr = await app.$get(`/newCourt/api/raceTeam`, { match: info._id });
+        if (arr.errcode == '0') { that.setData({ raceteamList: arr.data }); }
+        else wx.showToast({ title: `${arr.errmsg}`, icon: 'fail', duration: 2000 });
+        // 合并信息
+        that.setData({ cList: type == '0' ? that.data.raceList : that.data.raceteamList })
+        wx.hideLoading();
+
+    },
     getStatusZh(status) {
         let word = "未知"
         let data = match_status.find((i) => i.label == status);

pages/matchInfo/index.less

@@ -9,168 +9,352 @@
         flex-grow: 1;
         width: 96vw;
 
+        .scroll-view {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+
+            .list-scroll-view {
+                display: flex;
+                flex-direction: column;
+            }
+        }
+
         .a {
             display: flex;
             flex-direction: column;
-            height: 74vh;
             background-color: #ffffff;
             position: relative;
             margin: 2vw 0 0 0;
 
-            .scroll-view {
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-
-                .list-scroll-view {
-                    display: flex;
-                    flex-wrap: wrap;
-                    align-content: flex-start;
-                    justify-content: space-between;
-
-                    .a_1 {
-                        width: 96vw;
-                        position: relative;
-
-                        .image {
-                            width: 96vw;
-                            height: 160px;
+            .a_1 {
+                width: 96vw;
+                position: relative;
+
+                .image {
+                    width: 96vw;
+                    height: 160px;
+                }
+
+                .a_1_info {
+                    position: absolute;
+                    top: 30vw;
+                    width: 92vw;
+                    margin: 0 2vw;
+
+                    .a_1_1 {
+                        background-color: #ffffff;
+                        margin: 0 0 3vw 0;
+                        border-radius: 5px;
+                        padding: 2vw;
+                        box-shadow: 0 0 1vw #cccccc;
+
+                        .name {
+                            font-size: 18px;
+                            font-weight: bold;
+                            margin: 0 0 2vw 0;
                         }
 
-                        .a_1_info {
-                            position: absolute;
-                            top: 30vw;
-                            width: 92vw;
-                            margin: 0 2vw;
+                        .status {
+                            margin: 0 0 2vw 0;
 
-                            .a_1_1 {
-                                background-color: #ffffff;
-                                margin: 0 0 3vw 0;
-                                border-radius: 5px;
-                                padding: 2vw;
-                                box-shadow: 0 0 1vw #cccccc;
+                            text {
+                                font-size: 16px;
+                                color: #ffffff;
+                                padding: 1vw 2vw;
+                                background-color: #ff0000;
+                                border-radius: 10px;
+                            }
+                        }
 
-                                .name {
-                                    font-size: 18px;
-                                    font-weight: bold;
-                                    margin: 0 0 2vw 0;
-                                }
+                        .other {
+                            .other_1 {
+                                margin: 0 0 1vw 0;
+                                font-size: 16px;
+                                color: #858585;
 
-                                .status {
-                                    margin: 0 0 2vw 0;
+                                .icon {
+                                    margin: 0 2vw 0 0;
+                                }
 
-                                    text {
-                                        font-size: 16px;
-                                        color: #ffffff;
-                                        padding: 1vw 2vw;
-                                        background-color: #ff0000;
-                                        border-radius: 10px;
-                                    }
+                                text:nth-child(3) {
+                                    color: #000000;
                                 }
+                            }
+                        }
+                    }
 
-                                .other {
-                                    .other_1 {
-                                        margin: 0 0 1vw 0;
-                                        font-size: 16px;
-                                        color: #858585;
+                    .a_1_2 {
+                        .a_1_2t {
+                            margin: 0 0 1vw 0;
 
-                                        .icon {
-                                            margin: 0 2vw 0 0;
-                                        }
+                            .txt {
+                                font-size: 16px;
+                                margin: 0 0 1vw 0;
+                            }
 
-                                        text:nth-child(3) {
-                                            color: #000000;
-                                        }
-                                    }
+                            .cont {
+                                font-size: 14px;
+                                color: #858585;
+                                text-indent: 1rem;
+                            }
+                        }
+                    }
+
+                }
+
+            }
+
+        }
+
+        .b {
+            .b_1 {
+                width: 96vw;
+
+                .groupList {
+                    .title {
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: space-between;
+                        font-size: 14px;
+                    }
+
+                    .project {
+                        .projectList {
+                            margin: 0 0 2vw 0;
+                            border-bottom: 1px solid #cccccc;
+
+                            .project_1 {
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: space-between;
+                                margin: 0 0 2vw 0;
+
+                                .project_1_1 {
+                                    color: #000000;
+                                    font-size: 15px;
                                 }
+
                             }
 
-                            .a_1_2 {
-                                .a_1_2t {
-                                    margin: 0 0 1vw 0;
+                            .user {
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: space-between;
+                                flex-wrap: wrap;
 
-                                    .txt {
-                                        font-size: 16px;
-                                        margin: 0 0 1vw 0;
+                                .userList {
+                                    text-align: center;
+                                    border: 1px solid #cccccc;
+                                    margin: 0 0 2vw 0;
+                                    padding: 2vw;
+                                    border-radius: 5px;
+                                    box-shadow: 0 0 1vw #cccccc;
+                                    width: 22vw;
+
+                                    .icon {
+                                        width: 50px;
+                                        height: 50px;
+                                        border-radius: 5px;
                                     }
 
-                                    .cont {
-                                        font-size: 14px;
-                                        color: #858585;
-                                        text-indent: 1rem;
+                                    .name {
+                                        text-align: center;
+                                        font-size: 15px;
                                     }
                                 }
                             }
-
                         }
+                    }
+                }
+            }
+        }
+
+        .c {
+            width: 96vw;
+            display: flex;
+            flex-direction: column;
+
+
+            .c_1 {
+                width: 92vw;
+                padding: 2vw;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                background-color: #f1f1f1;
+                margin: 0 0 2vw 0;
+
+                .c_1btn {
+                    width: 25vw;
+
+                    button {
+                        width: 100%;
+                        font-size: 14px;
+                        padding: 2vw;
+                    }
+                }
 
+                .c_1inp {
+                    width: 66vw;
+
+                    input {
+                        text-align: left;
+                        border: 1px solid #ccc;
+                        padding: 1vw;
+                        border-radius: 5px;
                     }
+                }
+            }
 
-                    .b_1 {
-                        width: 96vw;
+            .c_2 {
+                width: 96vw;
+                position: relative;
+                flex-grow: 1;
 
-                        .groupList {
-                            .title {
-                                display: flex;
-                                flex-direction: row;
-                                justify-content: space-between;
-                                font-size: 14px;
+                .cList {
+                    background-color: #328d26;
+                    margin: 0 0 2vw 0;
+                    padding: 2vw;
+
+                    .cList_0 {
+                        .name {
+                            padding: 1vw 0;
+                            color: #ffffff;
+                            margin: 0 0 1vw 0;
+
+                            text {
+                                padding: 0 2vw 0 0;
                             }
+                        }
 
-                            .project {
-                                .projectList {
-                                    margin: 0 0 2vw 0;
-                                    border-bottom: 1px solid #cccccc;
+                        .pk {
+                            display: flex;
+                            flex-direction: row;
+                            justify-content: space-around;
+                            background-color: #fff;
 
-                                    .project_1 {
-                                        display: flex;
-                                        flex-direction: row;
-                                        justify-content: space-between;
-                                        margin: 0 0 2vw 0;
+                            .pk_1 {
+                                width: 30vw;
+                                text-align: center;
+                                padding: 2vw;
+                            }
 
-                                        .project_1_1 {
-                                            color: #000000;
-                                            font-size: 15px;
-                                        }
+                            .pk_2 {
+                                text-align: center;
+                                box-shadow: 0 0 5px #cccccc;
 
-                                    }
+                                .time {
+                                    background-color: #328d26;
+                                    color: #ffffff;
+                                    padding: 1vw 0;
+                                    font-size: 14px;
+                                }
 
-                                    .user {
-                                        display: flex;
-                                        flex-direction: row;
-                                        justify-content: space-between;
-                                        flex-wrap: wrap;
-
-                                        .userList {
-                                            text-align: center;
-                                            border: 1px solid #cccccc;
-                                            margin: 0 0 2vw 0;
-                                            padding: 2vw;
-                                            border-radius: 5px;
-                                            box-shadow: 0 0 1vw #cccccc;
-                                            width: 22vw;
-
-                                            .icon {
-                                                width: 50px;
-                                                height: 50px;
-                                                border-radius: 5px;
-                                            }
-
-                                            .name {
-                                                text-align: center;
-                                                font-size: 15px;
-                                            }
-                                        }
-                                    }
+                                .score {
+                                    font-size: 20px;
+                                    padding: 1vw 0;
+                                    font-weight: bold;
                                 }
                             }
                         }
                     }
 
+                    .cList_1 {
+                        text {
+                            padding: 0 1vw;
+                            color: #ffffff;
+                        }
+                    }
+                }
+
+                .cList:last-child {
+                    margin: 0;
+                }
+            }
+        }
+
+        .d {
+            .d_1 {
+                margin: 0 0 2vw 0;
+            }
+
+            .d_2 {
+                flex-grow: 1;
+                position: relative;
+
+                .dList {
+                    background-color: #328d26;
+                    margin: 0 0 2vw 0;
+                    padding: 2vw;
+
+                    .name {
+                        padding: 1vw 0;
+                        color: #ffffff;
+                        margin: 0 0 1vw 0;
+
+                        text {
+                            padding: 0 2vw 0 0;
+                        }
+                    }
+
+                    .pk {
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: space-around;
+                        background-color: #fff;
+
+                        .pk_1 {
+                            width: 30vw;
+                            text-align: center;
+                            padding: 2vw;
+                        }
+
+                        .pk_2 {
+                            text-align: center;
+                            box-shadow: 0 0 5px #cccccc;
+
+                            .time {
+                                background-color: #328d26;
+                                color: #ffffff;
+                                padding: 1vw 0;
+                                font-size: 14px;
+                            }
+
+                            .score {
+                                font-size: 20px;
+                                padding: 1vw 0;
+                                font-weight: bold;
+                            }
+                        }
+                    }
+                }
+
+                .dList:last-child {
+                    margin: 0;
+                }
+            }
+
+
+        }
+
+        .e {
+            .eList {
+                background-color: #328d26;
+                margin: 0 0 2vw 0;
+                padding: 2vw;
+
+                text {
+                    padding: 0 1vw;
+                    color: #ffffff;
                 }
             }
+
+            .eList:last-child {
+                margin: 0;
+            }
         }
     }
 

pages/matchInfo/index.wxml

@@ -2,7 +2,7 @@
     <view slot="info" class="container main">
         <view class="zero one">
             <e-tabs tabs="{{tabs}}" bind:tabsChange="tabsChange"></e-tabs>
-            <view wx:if="{{tabs.active=='a'}}" class="a" style="height: {{user.type=='0'?74:82}}vh;">
+            <view wx:if="{{tabs.active=='a'}}" class="a" style="height: {{user.type=='0'?74:81}}vh;">
                 <scroll-view scroll-y="true" class="scroll-view">
                     <view class="list-scroll-view">
                         <view class="a_1">
@@ -54,7 +54,7 @@
                     </view>
                 </scroll-view>
             </view>
-            <view wx:elif="{{tabs.active=='b'}}" class="a b">
+            <view wx:elif="{{tabs.active=='b'}}" class="a b" style="height: 81vh !important;">
                 <scroll-view scroll-y="true" class="scroll-view">
                     <view class="list-scroll-view">
                         <view class="b_1">
@@ -84,24 +84,90 @@
                     </view>
                 </scroll-view>
             </view>
-            <view wx:elif="{{tabs.active=='c'}}" class="a c">
-                <scroll-view scroll-y="true" class="scroll-view">
-                    <view class="list-scroll-view">
-                        秩序册
+            <view wx:elif="{{tabs.active=='c'}}" class="a c" style="height: 81vh !important;">
+                <view class="c_1">
+                    <view class="c_1btn">
+                        <button type="primary" bindtap="orderChange" data-ctype="{{cType}}">{{cType=='0'?'查看对阵表':'查看场次表'}}</button>
                     </view>
-                </scroll-view>
+                    <view class="c_1inp">
+                        <input type="text" value="{{cSearch.name}}" bindconfirm="cSearch" placeholder="{{cType=='0'?'请输入队友姓名':'请输入项目名称'}}" />
+                    </view>
+                </view>
+                <view class="c_2">
+                    <scroll-view scroll-y="true" class="scroll-view">
+                        <view class="list-scroll-view">
+                            <view class="cList" wx:for="{{cList}}" wx:key="item">
+                                <view class="cList_0" wx:if="{{cType=='0'}}">
+                                    <view class="name">
+                                        <text>{{item.grouping_name}}</text>
+                                        <text>{{item.project_name}}</text>
+                                        <text>{{item.team_name}}</text>
+                                        <text>{{item.ground_name}}</text>
+                                    </view>
+                                    <view class="pk">
+                                        <view class="pk_1">
+                                            <text>{{item.player_one_name}}</text>
+                                        </view>
+                                        <view class="pk_2">
+                                            <view class="time">{{item.match_time}}</view>
+                                            <view class="score"><text>{{item.score_one||0}}</text>-{{item.score_two||0}}</view>
+                                        </view>
+                                        <view class="pk_1">
+                                            <text>{{item.player_two_name}}</text>
+                                        </view>
+                                    </view>
+                                </view>
+                                <view class="cList_1" wx:elif="{{cType=='1'}}">
+                                    <text>{{item.grouping_name}}</text>
+                                    <text>{{item.project_name}}</text>
+                                    <text>{{item.name}}</text>
+                                </view>
+                            </view>
+                        </view>
+                    </scroll-view>
+                </view>
             </view>
-            <view wx:elif="{{tabs.active=='d'}}" class="a d">
-                <scroll-view scroll-y="true" class="scroll-view">
-                    <view class="list-scroll-view">
-                        赛况
+            <view wx:elif="{{tabs.active=='d'}}" class="a d" style="height: 81vh !important;">
+                <view class="d_1">
+                    <e-tabs tabs="{{dtabs}}" bind:tabsChange="dtabsChange"></e-tabs>
+                </view>
+                <view class="d_2">
+                    <view wx:if="{{dtabs.active==dtabs.list[dtabs.active].name}}">
+                        <scroll-view scroll-y="true" class="scroll-view">
+                            <view class="list-scroll-view">
+                                <view class="dList" wx:for="{{raceList}}" wx:key="item">
+                                    <view class="name">
+                                        <text>{{item.grouping_name}}</text>
+                                        <text>{{item.project_name}}</text>
+                                        <text>{{item.team_name}}</text>
+                                        <text>{{item.ground_name}}</text>
+                                    </view>
+                                    <view class="pk">
+                                        <view class="pk_1">
+                                            <text>{{item.player_one_name}}</text>
+                                        </view>
+                                        <view class="pk_2">
+                                            <view class="time">{{item.match_time}}</view>
+                                            <view class="score"><text>{{item.score_one||0}}</text>-{{item.score_two||0}}</view>
+                                        </view>
+                                        <view class="pk_1">
+                                            <text>{{item.player_two_name}}</text>
+                                        </view>
+                                    </view>
+                                </view>
+                            </view>
+                        </scroll-view>
                     </view>
-                </scroll-view>
+                </view>
             </view>
-            <view wx:elif="{{tabs.active=='e'}}" class="a e">
+            <view wx:elif="{{tabs.active=='e'}}" class="a e" style="height: 81vh !important;">
                 <scroll-view scroll-y="true" class="scroll-view">
                     <view class="list-scroll-view">
-                        成绩册
+                        <view class="eList" wx:for="{{raceteamList}}" wx:key="item">
+                            <text>{{item.grouping_name}}</text>
+                            <text>{{item.project_name}}</text>
+                            <text>{{item.name}}</text>
+                        </view>
                     </view>
                 </scroll-view>
             </view>

pages/matchInfo/index.wxss

@@ -8,116 +8,113 @@
   flex-grow: 1;
   width: 96vw;
 }
-.main .one .a {
-  display: flex;
-  flex-direction: column;
-  height: 74vh;
-  background-color: #ffffff;
-  position: relative;
-  margin: 2vw 0 0 0;
-}
-.main .one .a .scroll-view {
+.main .one .scroll-view {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
-.main .one .a .scroll-view .list-scroll-view {
+.main .one .scroll-view .list-scroll-view {
   display: flex;
-  flex-wrap: wrap;
-  align-content: flex-start;
-  justify-content: space-between;
+  flex-direction: column;
+}
+.main .one .a {
+  display: flex;
+  flex-direction: column;
+  background-color: #ffffff;
+  position: relative;
+  margin: 2vw 0 0 0;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 {
+.main .one .a .a_1 {
   width: 96vw;
   position: relative;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .image {
+.main .one .a .a_1 .image {
   width: 96vw;
   height: 160px;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info {
+.main .one .a .a_1 .a_1_info {
   position: absolute;
   top: 30vw;
   width: 92vw;
   margin: 0 2vw;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_1 {
+.main .one .a .a_1 .a_1_info .a_1_1 {
   background-color: #ffffff;
   margin: 0 0 3vw 0;
   border-radius: 5px;
   padding: 2vw;
   box-shadow: 0 0 1vw #cccccc;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_1 .name {
+.main .one .a .a_1 .a_1_info .a_1_1 .name {
   font-size: 18px;
   font-weight: bold;
   margin: 0 0 2vw 0;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_1 .status {
+.main .one .a .a_1 .a_1_info .a_1_1 .status {
   margin: 0 0 2vw 0;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_1 .status text {
+.main .one .a .a_1 .a_1_info .a_1_1 .status text {
   font-size: 16px;
   color: #ffffff;
   padding: 1vw 2vw;
   background-color: #ff0000;
   border-radius: 10px;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_1 .other .other_1 {
+.main .one .a .a_1 .a_1_info .a_1_1 .other .other_1 {
   margin: 0 0 1vw 0;
   font-size: 16px;
   color: #858585;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_1 .other .other_1 .icon {
+.main .one .a .a_1 .a_1_info .a_1_1 .other .other_1 .icon {
   margin: 0 2vw 0 0;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_1 .other .other_1 text:nth-child(3) {
+.main .one .a .a_1 .a_1_info .a_1_1 .other .other_1 text:nth-child(3) {
   color: #000000;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_2 .a_1_2t {
+.main .one .a .a_1 .a_1_info .a_1_2 .a_1_2t {
   margin: 0 0 1vw 0;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_2 .a_1_2t .txt {
+.main .one .a .a_1 .a_1_info .a_1_2 .a_1_2t .txt {
   font-size: 16px;
   margin: 0 0 1vw 0;
 }
-.main .one .a .scroll-view .list-scroll-view .a_1 .a_1_info .a_1_2 .a_1_2t .cont {
+.main .one .a .a_1 .a_1_info .a_1_2 .a_1_2t .cont {
   font-size: 14px;
   color: #858585;
   text-indent: 1rem;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 {
+.main .one .b .b_1 {
   width: 96vw;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .title {
+.main .one .b .b_1 .groupList .title {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   font-size: 14px;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .project .projectList {
+.main .one .b .b_1 .groupList .project .projectList {
   margin: 0 0 2vw 0;
   border-bottom: 1px solid #cccccc;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .project .projectList .project_1 {
+.main .one .b .b_1 .groupList .project .projectList .project_1 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin: 0 0 2vw 0;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .project .projectList .project_1 .project_1_1 {
+.main .one .b .b_1 .groupList .project .projectList .project_1 .project_1_1 {
   color: #000000;
   font-size: 15px;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .project .projectList .user {
+.main .one .b .b_1 .groupList .project .projectList .user {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .project .projectList .user .userList {
+.main .one .b .b_1 .groupList .project .projectList .user .userList {
   text-align: center;
   border: 1px solid #cccccc;
   margin: 0 0 2vw 0;
@@ -126,15 +123,158 @@
   box-shadow: 0 0 1vw #cccccc;
   width: 22vw;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .project .projectList .user .userList .icon {
+.main .one .b .b_1 .groupList .project .projectList .user .userList .icon {
   width: 50px;
   height: 50px;
   border-radius: 5px;
 }
-.main .one .a .scroll-view .list-scroll-view .b_1 .groupList .project .projectList .user .userList .name {
+.main .one .b .b_1 .groupList .project .projectList .user .userList .name {
   text-align: center;
   font-size: 15px;
 }
+.main .one .c {
+  width: 96vw;
+  display: flex;
+  flex-direction: column;
+}
+.main .one .c .c_1 {
+  width: 92vw;
+  padding: 2vw;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background-color: #f1f1f1;
+  margin: 0 0 2vw 0;
+}
+.main .one .c .c_1 .c_1btn {
+  width: 25vw;
+}
+.main .one .c .c_1 .c_1btn button {
+  width: 100%;
+  font-size: 14px;
+  padding: 2vw;
+}
+.main .one .c .c_1 .c_1inp {
+  width: 66vw;
+}
+.main .one .c .c_1 .c_1inp input {
+  text-align: left;
+  border: 1px solid #ccc;
+  padding: 1vw;
+  border-radius: 5px;
+}
+.main .one .c .c_2 {
+  width: 96vw;
+  position: relative;
+  flex-grow: 1;
+}
+.main .one .c .c_2 .cList {
+  background-color: #328d26;
+  margin: 0 0 2vw 0;
+  padding: 2vw;
+}
+.main .one .c .c_2 .cList .cList_0 .name {
+  padding: 1vw 0;
+  color: #ffffff;
+  margin: 0 0 1vw 0;
+}
+.main .one .c .c_2 .cList .cList_0 .name text {
+  padding: 0 2vw 0 0;
+}
+.main .one .c .c_2 .cList .cList_0 .pk {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  background-color: #fff;
+}
+.main .one .c .c_2 .cList .cList_0 .pk .pk_1 {
+  width: 30vw;
+  text-align: center;
+  padding: 2vw;
+}
+.main .one .c .c_2 .cList .cList_0 .pk .pk_2 {
+  text-align: center;
+  box-shadow: 0 0 5px #cccccc;
+}
+.main .one .c .c_2 .cList .cList_0 .pk .pk_2 .time {
+  background-color: #328d26;
+  color: #ffffff;
+  padding: 1vw 0;
+  font-size: 14px;
+}
+.main .one .c .c_2 .cList .cList_0 .pk .pk_2 .score {
+  font-size: 20px;
+  padding: 1vw 0;
+  font-weight: bold;
+}
+.main .one .c .c_2 .cList .cList_1 text {
+  padding: 0 1vw;
+  color: #ffffff;
+}
+.main .one .c .c_2 .cList:last-child {
+  margin: 0;
+}
+.main .one .d .d_1 {
+  margin: 0 0 2vw 0;
+}
+.main .one .d .d_2 {
+  flex-grow: 1;
+  position: relative;
+}
+.main .one .d .d_2 .dList {
+  background-color: #328d26;
+  margin: 0 0 2vw 0;
+  padding: 2vw;
+}
+.main .one .d .d_2 .dList .name {
+  padding: 1vw 0;
+  color: #ffffff;
+  margin: 0 0 1vw 0;
+}
+.main .one .d .d_2 .dList .name text {
+  padding: 0 2vw 0 0;
+}
+.main .one .d .d_2 .dList .pk {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  background-color: #fff;
+}
+.main .one .d .d_2 .dList .pk .pk_1 {
+  width: 30vw;
+  text-align: center;
+  padding: 2vw;
+}
+.main .one .d .d_2 .dList .pk .pk_2 {
+  text-align: center;
+  box-shadow: 0 0 5px #cccccc;
+}
+.main .one .d .d_2 .dList .pk .pk_2 .time {
+  background-color: #328d26;
+  color: #ffffff;
+  padding: 1vw 0;
+  font-size: 14px;
+}
+.main .one .d .d_2 .dList .pk .pk_2 .score {
+  font-size: 20px;
+  padding: 1vw 0;
+  font-weight: bold;
+}
+.main .one .d .d_2 .dList:last-child {
+  margin: 0;
+}
+.main .one .e .eList {
+  background-color: #328d26;
+  margin: 0 0 2vw 0;
+  padding: 2vw;
+}
+.main .one .e .eList text {
+  padding: 0 1vw;
+  color: #ffffff;
+}
+.main .one .e .eList:last-child {
+  margin: 0;
+}
 .main .two {
   display: flex;
   flex-direction: row;