
<gsb-h5page2>
  <gsb-h5nav slot="nav" title="bpo发薪统计" bottommenu="true"></gsb-h5nav>
  <div style="background-color: #F2F4F8;padding-bottom: 30px;">
    <div style="padding:5px 10px 10px 0px;background-color: #ffffff;width:100%;border: 1px;">
      <div style="margin: 20px;text-align: left;">
        <div>
          <span style="color: #000000;font-size: 18px;font-weight: 700;">线上结算</span>
          <el-date-picker
            v-model="online.month"
            type="month"
            format="yyyy-MM"
            value-format="yyyy-MM"
            clearable
            @change="pickOnline"
            placeholder="筛选月份">
          </el-date-picker>
        </div>
        <div style="margin-top:15px;padding:20px;background-color: #F3F9FC;min-height:100px;">
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">应发总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{onlineStat.amtCount || 0}} 元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">实发总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{onlineStat.actualAmtCount || 0}} 元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">服务费总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{onlineStat.serviceTaxCount || 0}}元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">增值费总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{onlineStat.addedValueTaxCount || 0}}元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">发薪公司数</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{onlineStat.busiCount || 0}} 个</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">发新人数</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{onlineStat.idNoCount || 0}} 人</span>
          </div>

        </div>
        
        <div style="margin: 20px 0px 10px 0px;background-color: #E4E5EA;height: 1px; width: 200%;margin-left: -20px;"></div>
        
  
        <div style="width:100%; height: 10px;">
          <el-button @click="toOnlineBanlance" style="float: right;padding-top: 8px;;background:#FFFFFF;color: #333333;;border: 1px solid #CCCCCC; border-radius: 15px;height: 30px;" type="primary">余额查看</el-button>
        </div>

      </div>
    </div>

    <div style="margin-top:20px;margin-bottom: 50px;padding:5px 10px 20px 0px;;background-color: #ffffff;width:100%;border: 1px;">
      <div style="margin: 20px;text-align: left;">
        <div>
          <span style="color: #000000;font-size: 18px;font-weight: 700;">线下结算</span>
          <el-date-picker
            v-model="offline.month"
            type="month"
            format="yyyy-MM"
            value-format="yyyy-MM"
            clearable
            @change="pickOffline"
            placeholder="筛选月份">
        </el-date-picker>
    
        </div>
        <div style="margin-top:15px;padding:20px;background-color: #F3F9FC;min-height:100px;">
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">应发总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{offlineStat.amtCount || 0}} 元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">实发总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{offlineStat.actualAmtCount || 0}} 元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">服务费总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{offlineStat.serviceTaxCount || 0}}元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">增值费总额</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{offlineStat.addedValueTaxCount || 0}}元</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">发薪公司数</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{offlineStat.busiCount || 0}} 个</span>
          </div>
          <div style="clear:both;height: 30px;">
            <span style="float:left;color:#666666;font-size: 13px;width: 80px;">发新人数</span>
            <span style="float:left;color:#333333;font-size: 13px;">{{offlineStat.idNoCount || 0}} 人</span>
          </div>

        </div>
      </div>
    </div>
  </div>
</gsb-h5page2>