cf-platform/Application/Home/View/default/Query/view_spend_detailed.html

<extend name="Public/promote_base"/>
<block name="css">
  <link href="__CSS__/20180207/platform.css" rel="stylesheet">
  <link href="__CSS__/detailed.css" rel="stylesheet">
  <link href="__STATIC__/icons_alibaba/iconfont.css" rel="stylesheet">
  <style>
    .trunk-list .table3 {
      width: 100%;
    }

    .table3 tr td {
      border: 1px solid #E0E7EF;
    }

    .pagenation {
      line-height: 6.5vh;
    }

    .pagenation > div {
      text-align: right;
    }

    .trunk-list .table3 tr {
      height: 4.2vh;
    }
  </style>
</block>

<block name="body">
  <div class="page-search normal_list charge-agentPay-search">
    <div style="position: absolute;margin: .6% 2% 0 2%;margin-top: -30px;color: #6a7082;">
      <span class="back-btn" style="cursor: pointer;"><i class="iconfont iconreply"></i> 返回</span>
    </div>
    <div class="trunk-title">
      <div class="location">
        <div class="location-container">当前位置：<span>数据管理></span><span>订单查询></span><span>查看详细</span></div>
      </div>
      <span class="title_main">订单详情</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix" style="display: grid;">
        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">订单状态:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_status}</span>
          </div>
          <label class="detailed-title detailed-label">游戏名称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.game_name}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">流水号:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_order_number}</span>
          </div>
          <label class="detailed-title detailed-label">订单号:</label>
          <div class="detailed-content-box">
            <span>{$list_data.order_number}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">订单标题:</label>
          <div class="detailed-content-box">
            <span>--</span>
          </div>
          <label class="detailed-title detailed-label">角色昵称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.game_player_name}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">道具名称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.props_name}</span>
          </div>
          <label class="detailed-title detailed-label">订单总价:</label>
          <div class="detailed-content-box">
            <span>{$list_data.cost}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">区服名称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.server_name}</span>
          </div>
          <label class="detailed-title detailed-label">现金充值:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_amount}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">折扣币:</label>
          <div class="detailed-content-box">
            <span>--</span>
          </div>
          <label class="detailed-title detailed-label">通用币:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">代金券:</label>
          <div class="detailed-content-box">
            <span>--</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">订单备注:</label>
          <div class="detailed-content-box">
            <span>--</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">支付备注:</label>
          <div class="detailed-content-box">
            <span>--</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">创建时间:</label>
          <div class="detailed-content-box">
            <span>{:date('Y-m-d H:i:s', $list_data['pay_time'])}</span>
          </div>
          <label class="detailed-title detailed-label">支付时间:</label>
          <div class="detailed-content-box">
            <span>{:date('Y-m-d H:i:s', $list_data['pay_time'])}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">处理结果:</label>
          <div class="detailed-content-box">
            <span>--</span>
          </div>
          <label class="detailed-title detailed-label">处理时间:</label>
          <div class="detailed-content-box">
            <span>--</span>
          </div>
        </div>
      </div>
    </div>

    <div class="trunk-title">
      <span class="title_main">订单支付信息</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix" style="display: grid;">
        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">支付标识:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_order_number}</span>
          </div>
          <label class="detailed-title detailed-label">通道类型:</label>
          <div class="detailed-content-box">
            <span>{:get_pay_way($list_data['pay_way'])}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">支付类型:</label>
          <div class="detailed-content-box">
            <span>{:get_pay_way($list_data['pay_way'])}</span>
          </div>
          <label class="detailed-title detailed-label">支付金额:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_amount}</span>
          </div>
        </div>
      </div>
    </div>

    <div class="trunk-title">
      <span class="title_main">订单其他信息</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix" style="display: grid;">
        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">设备类型:</label>
          <div class="detailed-content-box">
            <span>{:getSDKTypeName($list_data['sdk_version'])}</span>
          </div>
          <label class="detailed-title detailed-label">操作系统:</label>
          <div class="detailed-content-box">
            <span>{:getSDKTypeName($list_data['sdk_version'])}</span>
          </div>
        </div>
      </div>
    </div>

    <div class="detailed-br"></div>
  </div>
</block>
<block name="script">
  <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js"></script>
  <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
  <script type="text/javascript">
      $('.back-btn').on('click', function () {
          history.back(-1);
      });
  </script>
</block>