<gsb-h5page>
  <span slot="title">订单列表</span>
    <div style="margin-top:60px;border:none;border-radius:0px;color:#eee;background-color:#2c3e50;" class="box-card">
      <el-card style="border-top:none;border-left:none;border-right:none;border-radius:0px;background-color:#2c3e50;color:#eee;height:100%;" v-for="order in orderlist">
          <p><b>订单号：</b>{{ order.orderNum }}</p>
          <div>
            <small><b>服务名称：</b>{{ order.itemName}}</small>&nbsp;
            <small><b>订单状态：</b>{{ order.orderStatusName}}</small>
          </div>
          <div>
            <small><b>支付金额：</b>{{ order.totalSum }}</small>&nbsp;
            <small><b>创建时间：</b>{{ new Date(order.created_at).toLocaleString() }}</small>
          </div>
      </el-card>
      <div style="color:#eee;text-align:center;margin-top:100px;" v-if="orderlist.length==0" >
        暂无数据
      </div>
      <div  style="position:fixed;left:0px;margin:0px;bottom:2px;width:100%;">
         <div style="float:left;margin-left:25px"><gsb-backbtn2 circle><i class="el-icon-arrow-left"></i></gsb-backbtn2></div>
      </div>
    </div>

</gsb-h5page>
