admin/addon/aliapp/shop/view/aliapp/createApplet.html

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .tips{
        font-size: 13px;
        color: #cccccc;
    }
</style>
{/block}

{block name="main"}
<div class="layui-form form-wrap" lay-filter="formInfo">
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>小程序名称：</label>
        <div class="layui-input-inline">
            <input type="text" name="info[app_name]" value="{$info['app_name']}" autocomplete="off" class="layui-input len-long">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>登录帐号：</label>
        <div class="layui-input-inline">
            <input type="text" name="info[alipay_account]" value="{$info['alipay_account']}" autocomplete="off" class="layui-input len-long">
            <div class="tips">登录支付宝的邮箱帐号或手机号</div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>商家法人名称：</label>
        <div class="layui-input-inline">
            <input type="text" name="info[legal_personal_name]" value="{$info['legal_personal_name']}" autocomplete="off" class="layui-input len-long">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>营业执照企业名称：</label>
        <div class="layui-input-inline">
            <input type="text" name="info[cert_name]" value="{$info['cert_name']}" autocomplete="off" class="layui-input len-long">
            <div class="tips">如果是“无主体名称个体工商户”则填[个体户+法人姓名]，例如：个体户张三</div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>营业执照编码：</label>
        <div class="layui-input-inline">
            <input type="text" name="info[cert_no]" value="{$info['cert_no']}" autocomplete="off" class="layui-input len-long">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>商家联系人名称：</label>
        <div class="layui-input-inline">
            <input type="text" name="info[contact_name]" value="{$info['contact_name']}" autocomplete="off" class="layui-input len-long">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>商家联系人手机电话：</label>
        <div class="layui-input-inline">
            <input type="text" name="info[contact_phone]" value="{$info['contact_phone']}" autocomplete="off" class="layui-input len-long">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>营业执照图片：</label>
        <div class="layui-input-block img-upload">
            <div class="upload-img-block square simple-uploading">
                <div class="upload-img-box" id="img">
                    <div class="upload-default">
                        <i class="iconfont iconshangchuan"></i>
                        <p>点击上传</p>
                    </div>
                </div>
                <input type="hidden" name="image" />
                <i class="del">x</i>
            </div>
        </div>
    </div>
    <!--操作按钮-->
    <div class="form-row">
        <input type="hidden" name="info[id]" value="{$id}" />
        <button class="layui-btn" lay-submit lay-filter="save">提交</button>
        <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>

{/block}
{block name="script"}
<script>
    var form,repeat_flag = false,license_pic = '{$info.license_pic}';

    initImg();//初始化图片
    function initImg(){
        if(license_pic.length > 0){
            $("#img").html("<img src=" + ns.img(license_pic) + " >");
            imageCollection = [license_pic];
        }
    }
    $(function () {
        // 表单内容
        layui.use(['form'], function() {
            form = layui.form;
            form.render();
            // 表单提交
            form.on('submit(save)', function(data){
                var field = data.field;
                field['info[license_pic]'] = imageCollection.join();
                // 数据提交
                //if(repeat_flag) return;
                repeat_flag = true;
                $.ajax({
                    type: 'POST',
                    dataType: 'JSON',
                    url: ns.url("aliapp://shop/createApplet/index"),
                    data: field,
                    async: false,
                    success: function(res){
                        repeat_flag = false;
                        if (res.code == 0) {
                            layer.alert('编辑成功', function(index){
                                back();
                            });
                        }else{
                            layer.msg(res.message);
                        }
                    }
                })
            });
            // 单图上传
            $("body").on("click", "#img", function () {
                var html = '';
                openAlbum(function (data) {
                    imageCollection = [];
                    imageCollection.push(data[0].pic_path);
                    imageCollection.splice(1, imageCollection.length);
                    var val = '<img src="' + ns.img(imageCollection[0]) + '" alt="">';
                    $("#img").html(val);
                }, 1);
            });



        });
    });
    // 返回
    function back() {
        location.href = ns.url("aliapp://shop/aliapp/setting");
    }
</script>
{/block}