gaoyixia/application/synth/view/bill_apply/form.html

<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">发票信息</div>
                <div class="layui-card-body">
                    <div class="layui-col-md6">抬头：{$data.header}</div>
                    <div class="layui-col-md6">纳税人识别号：{$data.identify_number}</div><hr />
                    <div class="layui-col-md6">EMAIL：{$data.email}</div>
                    <div class="layui-col-md6">发票类型：{$data.type_name}</div><hr />

                    <div class="layui-col-md6">领取方式：
                       {eq name='data.send_type' value ='1'}
                        电子发票上传
                       {else}
                        {empty name='data.address_info'}现场领取{else}物流快递{/empty}
                       {/eq}
                    </div><hr />
                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">订单信息</div>
                <div class="layui-card-body">
                    <div class="layui-col-md6">订单号：{$data.order_info.order_no}</div>
                    <div class="layui-col-md6">订单状态：
                        {eq name='data.order_info.pay_state' value='0'}<span class="layui-badge layui-bg-orange margin-left-5">已支付</span>{/eq}
                        {eq name='data.order_info.pay_state' value='1'}<span class="layui-badge layui-bg-black margin-left-5">已支付</span>{/eq}
                    </div><hr />
                    <div class="layui-col-md6">实际支付金额：{$data.order_type == 1  || $data.order_type == 2 ? $data.order_info.price_total : $data.order_info.money}</div>
                    <div class="layui-col-md6">退款金额：{$data.order_info.refund_money|default='0'}</div>
                    <hr />
                    <div class="layui-col-md6">支付方式：
                        {eq name='data.order_info.pay_type' value='0'}<span class="layui-badge layui-bg-gray margin-left-5">未支付</span>{/eq}
                        {eq name='data.order_info.pay_type' value='1'}<span class="layui-badge layui-bg-green margin-left-5">微信【H5】</span>{/eq}
                        {eq name='data.order_info.pay_type' value='2'}<span class="layui-badge layui-bg-blue margin-left-5">支付宝【H5】</span>{/eq}
                        {eq name='data.order_info.pay_type' value='3'}<span class="layui-badge layui-bg-orange margin-left-5">微信【APP】</span>{/eq}
                        {eq name='data.order_info.pay_type' value='4'}<span class="layui-badge layui-bg-cyan margin-left-5">支付宝【APP】</span>{/eq}
                        {eq name='data.order_info.pay_type' value='5'}<span class="layui-badge layui-bg-black margin-left-5">微信【公众号】</span>{/eq}
                        {eq name='data.order_info.pay_type' value='9'}<span class="layui-badge layui-bg-red margin-left-5">线下转账</span>{/eq}
                    </div>
                    <hr />
                    <div class="layui-col-md6">下单时间：{$data.order_info.create_at|default='--'}</div>
                    <div class="layui-col-md6">
                        支付时间：{$data.order_info.pay_at|default='--'}
                    </div>
                    <hr />
                </div>
            </div>
        </div>
        {if $data.send_type == 2 && !empty($data.address_info)}
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">收货信息</div>
                <div class="layui-card-body">
                    <div class="layui-col-md6">收货人姓名：{$data.address_info.name|default='--'}</div>
                    <div class="layui-col-md6">收货人手机：{$data.address_info.phone|default='--'}</div><hr />
                    <div class="layui-col-md6">地址：{$vo.address_info.pro_name|default='--'}{$vo.address_info.city_name}{$vo.address_info.county_name}{$vo.address_info.detail}</div><hr />
                    <div class="layui-col-md6">发货状态：
                        {eq name='vo.express_state' value='0'}
                        <span class="layui-badge layui-bg-black">未发货</span>
                        {else}
                        <span class="layui-badge layui-bg-blue">{$vo.express_company_title|default='--'}</span>
                        <span class="layui-badge layui-bg-gray margin-left-5">{$vo.express_send_no|default='--'}</span>
                        {/eq}

                        <a class=" margin-left-5" data-title="填写订单信息" data-modal="{:url('express')}?id={$vo.id}">填写发货信息</a>

                    </div>
                    <div class="layui-col-md6">发货时间：{$vo.express_send_at|format_datetime}</div>
                    <hr />

                </div>
            </div>
        </div>
        {/if}

        {if $data.send_type == 1}
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">电子发票</div>
                <div class="layui-card-body">
                    <div class="layui-form-item">
                        <label class="layui-col-xs15 relative">
                            <label class="layui-col-xs10 think-form-group-left">
                                <input name="bill_img" value='{$vo.bill_img|default=""}'  readonly placeholder="请上传" class="layui-input">
                            </label>
                            <button type="button" class="layui-btn" id="test3"><i class="layui-icon"></i>上传</button>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        {/if}

    </div>


</div>
<script>
    var  id ="{$vo.id}";
    layui.use(['upload', 'element', 'layer'], function(){
        var $ = layui.jquery
            ,upload = layui.upload
            ,element = layui.element
            ,layer = layui.layer;
        upload.render({
            elem: '#test3',
            url: '/api/upload/upload', //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。,accept: 'file', //普通文件,
            accept: 'file', //普通文件,
            done: function(res){
                if(res.code == 1){
                    $("input[name='bill_img']").val(res.data);
                    $.ajax({
                        type: "post",
                        url: '/synth/bill_apply/billImageSave',
                        data: {id:id,bill_img:res.data},
                        dataType: "json",
                        async: false,
                        success: function (data) {
                            layer.msg(data.info);
                            setTimeout(function () {
                                window.location.reload();
                            },1000)
                        }
                    });

                }
                layer.msg(res.msg);
            }
        });
    });
</script>