<div>
  <el-card shadow="never" v-if="order.orderStatus==1" class="box-card" style="height:100%;overflow:auto">
    <h3>订单支付</h3>
    <div>
      <h4>订单信息</h4>
      <div>
        <div ><span>订单号：{{order.orderNum}}</span></div>
        <div style="margin-top:30px"><span >服务项目：{{order.itemName}}</span></div>
        <div style="margin-top:30px"><span >应付金额：{{order.totalSum}}元</span></div>
      </div>
      <div>
        <br/><br/>
        <el-button @click="orderPay" >微信支付</el-button>
        <br/>
        <span><small style="color:red"><b>*注意：商标注册申请递交后，在审查阶段存在被商标审查机构驳回的可能，且驳回后不予退费，请知悉。<b></small></span>
        <br/>
      </div>
    </div>
    <div style="clear:both;"></div>
  </el-card>
  <el-card shadow="never" v-else class="box-card" style="height:100%;overflow:auto">
    <h3>支付凭证</h3>
    <div>
      <div>
        <div style="text-align:center">
          <h2>支付金额:￥{{order.totalSum}}元</h2>
        </div>
        <div style="margin-top:30px"><span>订单号：{{order.orderNum}}</span></div>
        <div style="margin-top:30px"><span >服务项目：{{order.itemName}}</span></div>
        <div style="margin-top:30px"><span >交易状态：{{order.orderStatusName}}</span></div>
      </div>
    </div>
  <div style="clear:both;"></div>
  <br/>
  <div>
    <h4>长按识别下图二维码，关注公众号，获取商标实时进度！</h4>
    <img width="160px" height="160px" style="border:2px dashed #e9e9e9" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_4769153917303421920181020354219qrcode_for_gh_fd3ae98fb978_258.jpg"/>
  <div >
  </el-card>
</div>
