slth
/
slth.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>十里桃花</title>
    <!-- css样式 -->
    <link rel="shortcut icon" href="img/logo/ketech_small_logo.png" type="image/x-icon" />
    <link href="css/slth.css" rel="stylesheet" />
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/semantic.min.css" rel="stylesheet">
    <script src="js/ui/jquery.min.js"></script>
    <script src="js/ui/jquery.ba-resize.js"></script>
    <script type="text/javascript" src="js/ui/semantic.min.js"></script>
    <script src="js/ui/bootstrap.js"></script>
    <script src="js/ui/clipboard.min.js"></script>
    <script src="js/ui/echarts/echarts.min.js"></script>

    <script src="js/web/slth.js"></script>


</head>
<body>

<div class="header clearBox">
    <div class="header-one samePadding border_all floatL" data-scroll-reveal="enter left and move 4vw over 1s">
        <div class="ui centered aligned grid container">
            <div class="row top_title">
                <div class="column top_title_img">
                    <img class="ui  image" src="img/logo/ketech_big_logo.png">
                </div>
            </div>
            <div class="row">
                <form class="column top_search" method="GET" action="slth.html" name="search">
                    <div class="ui fluid  input action">
                        <input type="text" name="wd" placeholder="请输入逃犯身份证号码...">
                        <button class="medium ui blue button" id="serach">查询一下</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="header-two samePadding border_all floatL" data-scroll-reveal="enter right and move 4vw over 1s">
        <div id="chart_gxt" class="chart_gxt floatL"></div>
        <div class="gxt_table floatL">
            <table class="table table-bordered">
                <tr>
                    <td colspan="3" class="td-title">电话</td>
                </tr>
                <tr class="table-one">
                    <td>电话1</td>
                    <td style="font-weight: bold;font-size: 0.8vw">131231231231232</td>
                    <td><img src="img/copy.png" id="copy"   data-clipboard-text="131231231231232"></td>
                </tr>
                <tr class="td-name">
                    <td>性别</td>
                    <td>男性</td>
                </tr>
                <tr class="td-name">
                    <td>身高</td>
                    <td>178.8cm</td>
                </tr>
                <tr class="td-name">
                    <td>民族</td>
                    <td>汉族</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">证件号码</td>
                    <td colspan="2">1231232132131232</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">出生日期</td>
                    <td colspan="2">2018-01-02</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">户籍地址</td>
                    <td colspan="2">浙江省杭州市</td>
                </tr>
                <tr>
                    <td colspan="3" class="td-title">案件基础信息</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">在逃人员编号</td>
                    <td colspan="2">12321321321311</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">案件编号</td>
                    <td colspan="2">12321321321311</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">案件性质</td>
                    <td colspan="2">阿达啊萨达萨达</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">立案单位机构编号</td>
                    <td colspan="2">1231232131312312</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">立案单位详称</td>
                    <td colspan="2">杭州火腿肠有限公司</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">逃跑日期</td>
                    <td colspan="2">2018-01-02</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1" style="height: 10vh;vertical-align: middle;">案情</td>
                    <td colspan="2" style="vertical-align: middle;text-align: left">从那遥远海边慢慢消失的你底 茫然走在海边看那潮来潮去 徒劳无功来潮去 徒劳无功 茫然走在海边看那潮来潮去</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="footer clearBox">
    <div class="floatL footer-one samePadding border_all floatL" data-scroll-reveal="enter left and move 1vw over 1s">
        <div class="my-table">
            <table class="table table-bordered">
                <tr>
                    <td colspan="3" class="td-title">逃犯基础信息</td>
                </tr>
                <tr class="table-one">
                    <td colspan="1" rowspan="4"><img src="img/icon00.png"></td>
                    <td>姓名</td>
                    <td style="font-weight: bold;font-size: 0.8vw">迪丽热巴</td>
                </tr>
                <tr class="td-name">
                    <td>性别</td>
                    <td>男性</td>
                </tr>
                <tr class="td-name">
                    <td>身高</td>
                    <td>178.8cm</td>
                </tr>
                <tr class="td-name">
                    <td>民族</td>
                    <td>汉族</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">证件号码</td>
                    <td colspan="2">1231232132131232</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">出生日期</td>
                    <td colspan="2">2018-01-02</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">户籍地址</td>
                    <td colspan="2">浙江省杭州市</td>
                </tr>
                <tr>
                    <td colspan="3" class="td-title">案件基础信息</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">在逃人员编号</td>
                    <td colspan="2">12321321321311</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">案件编号</td>
                    <td colspan="2">12321321321311</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">案件性质</td>
                    <td colspan="2">阿达啊萨达萨达</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">立案单位机构编号</td>
                    <td colspan="2">1231232131312312</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">立案单位详称</td>
                    <td colspan="2">杭州火腿肠有限公司</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1">逃跑日期</td>
                    <td colspan="2">2018-01-02</td>
                </tr>
                <tr class="td-name">
                    <td colspan="1" style="height: 10vh;vertical-align: middle;">案情</td>
                    <td colspan="2" style="vertical-align: middle;text-align: left">从那遥远海边慢慢消失的你底 茫然走在海边看那潮来潮去 徒劳无功来潮去 徒劳无功 茫然走在海边看那潮来潮去</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        var clipboard = new Clipboard('#copy');
        clipboard.on('success', function (e) {
            console.log(e);
            clipboard.on('error', function (e) {
                console.log(e);
            });
        });
    });

</script>
<script src="js/web/chart/chart_gxt.js"></script>
</body>
</html>