<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index_99_identification.aspx.cs" Inherits="upacp_demo_identification.index_99_identification" %>

<!doctype html>

<html xmlns="http://www.w3.org/1999/xhtml">
<!-- 

  借地写说明：
  jquery-ui的说明参考：http://www.runoob.com/jqueryui/jqueryui-tutorial.html
  jquery的说明参考：http://www.w3school.com.cn/jquery/index.asp
  
  tabs-api为横向的标签，下面定义的div比如tabs-purchase是竖向的标签，按已有的往下添加，名字别重复就行。
  
  新增横向标签：
  1. <div id="tabs-api"><ul><li>下面新加个a标签，指向一个锚点。
  2. 上一条的<ul>同级别下新加一个<div>，id使用上一条锚点指定的id。
  
  新增纵向标签：
  1. js加一行，设置纵向标签的参数。
  2. 总之参考已有的样例吧。
  
-->

<head>
    <meta charset="utf-8" />
    <title>综合认证服务平台产品示例</title>
    <link rel="stylesheet" href="static/jquery-ui.min.css" />
    <script src="static/jquery-1.11.2.min.js"></script>
    <script src="static/jquery-ui.min.js"></script>
    <script src="static/demo.js"></script>
    <script>
        $(function () {
            setApiDemoTabs("#tabs-card");
            setApiDemoTabs("#tabs-enterprise");
            setApiDemoTabs("#tabs-picVideo");
        });
    </script>
    <link rel="stylesheet" href="static/demo.css" />
</head>
<body style="background-color: #e5eecc;">
    <div id="wrapper">

        <div id="header">
            <h2>综合认证服务平台产品示例</h2>

        </div>

        <div id="tabs-api">
            <ul>
                <li><a href="#tabs-api-1">前言</a></li>
                <li><a href="#tabs-api-2">银行卡账户验证</a></li>
                <li><a href="#tabs-api-3">工商企业信息验证</a></li>
                <li><a href="#tabs-api-4">生物特征/身份证认证交易</a></li>
                <li><a href="#tabs-api-5">常见开发问题</a></li>
            </ul>

            <div id="tabs-api-1">
                <!--#include file="/pages/api_99_identification/introduction.htm"-->
            </div>

            <div id="tabs-api-5">
                <!--#include file="/pages/dev_faq.htm"-->
            </div>

            <div id="tabs-api-2">
                <div id="tabs-card">
                    <ul>
                        <li><a href="#tabs-card-1">说明</a></li>
	                    <li><a href="pages/api_99_identification/card_identification.aspx">银行卡认证</a></li>
                        <li><a href="pages/api_99_identification/bank_card_identification_front.aspx">银行卡认证(前台）</a></li>
	                    <li><a href="pages/api_99_identification/card_info_query.aspx">银行卡信息查询</a></li>
	                    <li><a href="pages/api_99_identification/card_regional_query.aspx">银行卡属地查询</a></li>
	                    <li><a href="pages/api_99_identification/query.aspx">交易状态查询</a></li> 
                    </ul>
                    <div id="tabs-card-1">
                        <!--#include file="/pages/api_99_identification/card_intro.htm"-->
                    </div>
                </div>
            </div>

            
            <div id="tabs-api-3">
                <div id="tabs-enterprise">
                    <ul>
                        <li><a href="#tabs-enterprise-1">说明</a></li>
                        <li><a href="pages/api_99_identification/enterprise_info_identification.aspx">企业信息认证</a></li>
                        <li><a href="pages/api_99_identification/enterprise_info_identification_front.aspx">企业信息认证(前台）</a></li>
                        <li><a href="pages/api_99_identification/enterprise_info_query.aspx">企业信息查询</a></li> 
                        <li><a href="pages/api_99_identification/enterprise_info_query_front.aspx">企业信息查询(前台）</a></li> 
                        <li><a href="pages/api_99_identification/query.aspx">交易状态查询</a></li> 
                    </ul>
	             <div id="tabs-enterprise-1">
                        <!--#include file="/pages/api_99_identification/enterprise_intro.htm"-->
	             </div>
	           </div>
            </div>


	<div id="tabs-api-4">
	<div id="tabs-picVideo">
	  <ul >
	    <li><a href="#tabs-picVideo-1">说明</a></li>
	     <li><a href="pages/api_99_identification/face_alignment.aspx">人脸比对</a></li>
	     <li><a href="pages/api_99_identification/prevent_hack.aspx">防HACK</a></li>
	     <li><a href="pages/api_99_identification/bioassay.aspx">活体检测</a></li> 
	     <li><a href="pages/api_99_identification/id_photo_check.aspx">身份证核查及证件照比对</a></li>
	     <li><a href="pages/api_99_identification/id_info_check_return_photo.aspx">公民身份证简项认证及返回照片</a></li>
	     <li><a href="pages/api_99_identification/query.aspx">交易状态查询</a></li> 
      </ul>
	  <div id="tabs-picVideo-1">
        <!--#include file="/pages/api_99_identification/pic_video_intro.htm"-->
	  </div>
	</div>
  </div>   
  </div> 

        </div>
        <!-- end of wrapper-->
    </div>
 
 
</body>
</html>