<gsb-pcpage style="width:100%;background-color:#F9F9F9;">
    <div></div>
    <div>
      <div>
        <div style="height: 20px;"></div>
        <div style="background-color: #FFFFFF;margin: 0px 30px;width: 900px;">
          <el-row style="padding: 30px 30px 0px 30px;" justify="center">
            <el-col :span="2" style="text-align:center;margin: 5px 0px;">
              <el-button v-if="currentTab == 1" type="text" :style="btn_focus" plain @click="chooseDateTab(1)">本月</el-button>
              <el-button v-else type="text" :style="btn_unfocus" plain @click="chooseDateTab(1)">本月</el-button>
            </el-col>
            <el-col :span="2" style="text-align:center;margin: 5px 0px;">
              <el-button v-if="currentTab == 2" type="text" :style="btn_focus" plain @click="chooseDateTab(2)">上月</el-button>
              <el-button v-else type="text" :style="btn_unfocus" plain @click="chooseDateTab(2)">上月</el-button>
            </el-col>
            <el-col :span="2" style="text-align:center;margin: 5px 0px;">
              <el-button v-if="currentTab == 3" type="text" :style="btn_focus" plain @click="chooseDateTab(3)">本年</el-button>
              <el-button v-else type="text" :style="btn_unfocus" plain @click="chooseDateTab(3)">本年</el-button>
            </el-col>
            <el-col :span="2" style="text-align:center;margin: 5px 0px;">
              <el-button v-if="currentTab == 0" type="text" :style="btn_focus" plain @click="chooseDateTab(0)">全部</el-button>
              <el-button v-else type="text" :style="btn_unfocus" plain @click="chooseDateTab(0)">全部</el-button>
            </el-col>
  
          </el-row>
          <el-row style="padding: 5px 30px 30px 30px;" justify="center">
            <el-col :span="20" style="text-align:center;margin: 5px 5px 5px 15px;">
              <div style="float:left;display: inline-block;background-color:#FFFFFF;color:#828282;">
                <div style="float:left;font-size:14px;color:#828282;padding-top: 8px;">指定时间: </div>
                <div class="block" style="float:left;margin-left: 5px;">
                  <el-date-picker v-model="beginTime" @change="pickTime" align="right" type="month" value-format="yyyy-MM"
                    placeholder="开始时间" :picker-options="pickerOptions1">
                  </el-date-picker>
                </div>
                <div class="block" style="float:left;margin-left: 15px;">
                  <el-date-picker v-model="endTime" @change="pickTime" align="right" type="month" value-format="yyyy-MM"
                    placeholder="结束时间" :picker-options="pickerOptions1">
                  </el-date-picker>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      <div style="height: 30px;">
  
      </div>
      <div style="background-color: #FFFFFF;margin: 0px 30px;padding-bottom: 100px;width: 900px;">
        <el-row style="padding: 30px 0px;width: 900px;" justify="center">
          <el-col :span="4" style="text-align:center;margin: 20px 20px 20px 50px;background-color: #54C4A7;padding: 20px 0px;">
            <div style="color:white;font-size:14px;">我的客户</div>
            <div style="margin-top: 5px;color:white;font-size:18px;">{{myCompanyCount}}</div>
          </el-col>
          <el-col :span="4" style="text-align:center;margin: 20px;background-color: #54C4A7;padding: 20px 0px;">
            <div style="color:white;font-size:14px;">我的合伙人</div>
            <div style="margin-top: 5px;color:white;font-size:18px;">{{myPartnerCount}}</div>
          </el-col>
          <el-col :span="4" style="text-align:center;margin: 20px;background-color: #54C4A7;padding: 20px 0px;">
            <div style="color:white;font-size:14px;">我的客户提成</div>
            <div style="margin-top: 5px;color:white;font-size:18px;">{{myCompanyCommssionCount}}</div>
          </el-col>
          <el-col :span="4" style="text-align:center;margin: 20px;background-color: #54C4A7;padding: 20px 0px;">
            <div style="color:white;font-size:14px;">我的合伙人提成</div>
            <div style="margin-top: 5px;color:white;font-size:18px;">{{myPartnerCommssionCount}}</div>
          </el-col>
        </el-row>
  
        <el-row v-if="showTotal" style="padding: 30px 0px;width: 900px;" justify="center">
          <el-col :span="4" style="text-align:center;margin: 20px 20px 20px 50px;background-color: #FFFFFF;padding: 20px 0px;">
            <div style="color:#2F2F2F;font-size:18px;">{{totalAmt}}</div>
            <div style="margin-top: 5px;color:#828282;font-size:13px;">总发薪额(元)</div>
          </el-col>
          <div style="width:1px;height:80px;background-color:#D8D8D8;margin: 25px 1px;float: left;"></div>
          <el-col :span="4" style="text-align:center;margin: 20px;background-color: #FFFFFF;padding: 20px 0px;">
            <div style="color:#2F2F2F;font-size:18px;">{{totalSericeTax}}</div>
            <div style="margin-top: 5px;color:#828282;font-size:13px;">总服务费(元)</div>
          </el-col>
          <div style="width:1px;height:80px;background-color:#D8D8D8;margin: 25px 1px;float: left;"></div>
          <el-col :span="4" style="text-align:center;margin: 20px;background-color: #FFFFFF;padding: 20px 0px;">
            <div style="color:#2F2F2F;font-size:18px;">{{totalCompanyCommssionCount}}</div>
            <div style="margin-top: 5px;color:#828282;font-size:13px;">总客户提成(元)</div>
          </el-col>
          <div style="width:1px;height:80px;background-color:#D8D8D8;margin: 25px 1px;float: left;"></div>
          <el-col :span="4" style="text-align:center;margin: 20px;background-color: #FFFFFF;padding: 20px 0px;">
            <div style="color:#2F2F2F;font-size:18px;">{{totalPartnerCommssionCount}}</div>
            <div style="margin-top: 5px;color:#828282;font-size:13px;">总合伙人提成(元)</div>
          </el-col>
        </el-row>
        <el-row style="width:100%;margin:20px 0px;width: 900px;">
          <el-button style="background-color:#54C4A7;color:#FFFFFF;font-size:15px;margin-left: 355px;;" plain @click="gopay">查看发薪详情</el-button>
        </el-row>
      </div>
    </div>

</gsb-pcpage>