lichunlei
/
miniprogram


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>首页-特训营-爽客邦</title>
    <meta name="keywords" content="首页-特训营-爽客邦">
    <meta name="description" content="首页-特训营-爽客邦">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="apple-mobile-web-app-title" content="首页-特训营-爽客邦">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link rel="stylesheet" href="./static/css/main.css">
  </head>
  <body class="train">
    <div id="app">
      <van-sticky>
        <van-nav-bar class="camp_unactive_title f16" :title="teaminfo.TeamName" v-if="toptitleisshow" right-text="营训规则" @click-right="rules" left-arrow @click-left="comeback">
          <template #left> 
            <van-icon name="arrow-left" color="#fff" size="20"></van-icon>
          </template>
        </van-nav-bar>
      </van-sticky>
      <van-pull-refresh v-model="refreshing" @refresh="onRefresh" v-cloak> 
        <div class="camp_unactive_titlebox rel activetitle">
          <div class="tips abs df">
            <div class="business df cm"><img src="./static/images/training-more.png" alt="">
              <div class="boxcenter dib">
                <div class="text c333 f12 tr df"><span>团队参与</span><span class="num f14">9</span></div>
                <div class="text c333 f12 tr df"> <span>团队排名</span><span class="num f14">9</span></div>
              </div>
            </div>
            <div class="business cm"><img src="./static/images/training-only.png" alt="">
              <div class="boxcenter dib">
                <div class="text c333 f12 tr df"><span>个人参与</span><span class="num f14">9</span></div>
                <div class="text c333 f12 tr df"> <span>个人排名</span><span class="num f14">9</span></div>
              </div>
            </div>
          </div>
          <div class="panel bgcfff abs">
            <div class="title df"> 
              <div>  
                <div class="camp f18 c333 b">{{teaminfo.TeamName}}</div>
                <div class="slogan f12 c999">{{teaminfo.WatchWord}}</div>
              </div>
              <div class="tr vt">
                <button class="sign activelogo" v-if="teaminfo.Status === 1"> <img src="./static/images/index-camp-conduct.png" alt=""><span class="f12">进行中</span></button>
                <div style="opacity: 0;">这个div是为了布局</div>
              </div>
            </div>
            <div class="info">
              <div class="df dfsb ovh">
                <div class="f12 c666 flex2 mr12">
                  <div>队长：{{teaminfo.captain}} {{teaminfo.makerCode}}</div>
                  <div style="white-space:nowrap;">时间：{{teaminfo.EffectStartDate}}~{{teaminfo.EffectEndDate}}</div>
                </div>
                <div class="f12 c666">
                  <div>人数：{{teaminfo.MinUserNum}}~{{teaminfo.MaxUserNum}}人</div>
                  <div style="white-space:nowrap;">地点：{{teaminfo.Areas}}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <van-list v-model="loading" :finished="finished" finished-text="没有更多数据了" @load="onLoad" :immediate-check="false">
          <div class="camp_unactive_member pl16 pr16 activetitle_camp_title">
            <div class="title f16 b">团队成员<span class="f12 n">（{{fullmembernum}}人）</span></div>
            <div>
              <div class="membercard df" v-for="item in fullmemberList" :key="item">
                <div class="userinfo"><img :src="item.HeadPhoto" alt="">
                  <div class="boxcenter dib">
                    <div class="top f14 c333 df">{{item.Name}}
                      <div class="captain f12" v-if="item.IsTeamLeader === 1">队长</div><span class="ml12">{{item.Code}}</span>
                    </div>
                    <div class="bottom c999 f12">报名日期 {{item.EnterDate}}</div>
                  </div>
                </div>
                <div class="usernum f14 c666">参与20户</div>
              </div>
            </div>
          </div>
        </van-list>
      </van-pull-refresh>
    </div>
    <script src="./static/js/klm-vv.min.js"></script>
    <script src="./static/js/klm-axios-config.js"></script>
    <script>
      // 在 #app 标签下渲染一个按钮组件
      let app = new Vue({
        el: '#app',
        data() {
          return {
            toptitleisshow:true,
            //- 滚动加载
            loading: false,
            finished: false,
            //- 刷新
            refreshing: false,
            fullmembernum:0,
            teaminfo:{
            },
            fullmemberList:[
            ],
            pageinfo:{
              PageSize:10,
              PageNum:1
            },
      
          }
        },
        created() {
          this.getteaminfo();
          this.getmemberslist();
        },
        methods: {
          comeback(){
            PublicLib.GoBack({Level:1});
          },
          //- 点击规则
          rules(){
            PublicLib.Goto({Url:'trainingCamp-rules'});
          },
          onLoad() {
              if (this.refreshing) {
                this.fullmemberList = [];
                this.refreshing = false;
                this.pageinfo.PageNum = 0;
              };
              this.pageinfo.PageNum++;
              this.getmemberslist();
          },
          onRefresh() {
            // 清空列表数据
            this.finished = false;
            // 重新加载数据
            // 将 loading 设置为 true，表示处于加载状态
            this.loading = true;
            this.onLoad();
          },
          //- 获取团队信息
          async getteaminfo(){
            PublicLib.ShowLoading({Message:''});
            const Id = PublicLib.getCookieInfo('trainingCampteamId');
            const res = await getRequest('/api/v1/teamapply/detail',JSON.stringify({Id}));
            if(res.status !== '1') return tips('获取团队详情失败，请重试！');
            PublicLib.HideLoading();
            this.teaminfo = res.data;
            //- this.teaminfo.EffectStartDate = '2020-02-17';
            //- this.teaminfo.EffectEndDate= '2020-02-17';
          },
          //- 获取队员列表
          async getmemberslist(){
            const TeamId = PublicLib.getCookieInfo('trainingCampteamId');
            const res = await getRequest('/api/v1/teamofferapply/memberlist',JSON.stringify({TeamId,...this.pageinfo}));
            if(res.status !== '1') return tips('获取成员列表失败，请重试！');
            if(res.data.length<this.pageinfo.PageSize) {
              this.finished = true;
            };
            this.fullmemberList.push(...res.data);
            //- this.fullmembernum = res.other.Count
            this.loading = false;
            console.log(res)
          },
      
        },
      });
    </script>
  </body>
</html>