append

来源：互联网发布：99家居软件编辑：程序博客网时间：2024/06/04 19:31
<html><head>    <meta charset="utf-8" />    <meta name="apple-mobile-web-app-capable" content="yes" />    <meta http-equiv="Content-type" name="viewport"          content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">    <meta name="apple-mobile-web-app-status-bar-style" content="black" />    <meta content="telephone=no" name="format-detection">    <title>发票冲红</title>    <link rel="stylesheet" href="css/weui.css">    <link rel="stylesheet" href="css/example.css">    <script src="jquery-1.11.1.min.js"></script></head><body><div id="container" class="container">    <div class="page input js_show">        <div class="page__hd" style="margin-top: -20px;">            <div>                <div class="weui-cells">                    <div class="weui-cell weui-cell_select weui-cell_select-after">                        <div class="weui-cell__hd">                            <label style="margin-left: -18%;" for="" class="weui-label">发票类型</label>                        </div>                        <div class="weui-cell__bd">                            <select class="weui-select" id="fptype">                                <option value="025">卷式发票</option>                                <option value="007">普通发票</option>                                <option value="026">电子发票</option>                            </select>                        </div>                    </div>                </div>            </div>        </div>        <div class="page__bd" >            <div class="weui-cells weui-cells_form">                <div class="weui-cell">                    <div class="weui-cell__hd"><label class="weui-label">发票代码</label></div>                    <div class="weui-cell__bd">                        <input class="weui-input" id="fpdm" type="number" pattern="[0-9]*" placeholder="请输入发票代码">                    </div>                </div>                <div class="weui-cell">                    <div class="weui-cell__hd"><label class="weui-label">发票号码</label></div>                    <div class="weui-cell__bd">                        <input class="weui-input"  id="fphm" type="number"  pattern="[0-9]*" placeholder="请输入发票号码">                    </div>                    <div>                        <img src="scanner.png" onclick="scanner()" style="width: 35px;height: 27px">                    </div>                </div>            </div><br/>            <div class="weui-form-preview" id="proTable">            </div>        </div>    </div>    <div id="loadingToast" style="display: none;">        <div class="weui-mask_transparent"></div>        <div class="weui-toast">            <i class="weui-loading weui-icon_toast"></i>            <p class="weui-toast__content">数据加载中</p>        </div>    </div></div><script type="application/javascript">    function  scanner() {        var fplxdm=document.getElementById('fptype').value        var fpdm=document.getElementById('fpdm').value        var fphm=document.getElementById('fphm').value        var cont='<div class="weui-form-preview__bd">'+            '<div class="weui-form-preview__item">'+            '<label class="weui-form-preview__label">购方名称</label>'+            '<span class="weui-form-preview__value">北京百望金赋科技有限公司</span>'+            '</div>'+            '<div class="weui-form-preview__item">'+            '<label class="weui-form-preview__label">发票代码</label>'+            '<span class="weui-form-preview__value">150007890501</span>'+            '</div>'+            '<div class="weui-form-preview__item">'+            '<label class="weui-form-preview__label">发票号码</label>'+            '<span class="weui-form-preview__value">40101039</span>'+            '</div>'+            '<div class="weui-form-preview__item">'+            '<label class="weui-form-preview__label">发票类型</label>'+            '<span class="weui-form-preview__value">正数发票</span>'+            '</div>'+            '<div class="weui-form-preview__item">'+            '<label class="weui-form-preview__label">开票日期</label>'+            '<span class="weui-form-preview__value">20170316</span>'+            '</div>'+            '<div class="weui-form-preview__item">'+            '<label class="weui-form-preview__label">合计金额</label>'+            '<span class="weui-form-preview__value">500000</span>'+            '</div>'+            '<div class="weui-form-preview__item">'+            '<label class="weui-form-preview__label">价税合计</label>'+            '<span class="weui-form-preview__value">500000</span>'+            '</div>'+            '</div>';            $("#proTable").append(cont);    }</script></body></html>
0 0