opkpm/app/shop/view/content/app_service/index.html

{layout name="layout1" /}
<style>
    .layui-form-label {
        width: 120px;
    }
    .layui-input-block {
        margin-left: 150px;
    }
</style>
<div class="wrapper">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
                    <div class="layui-colla-content layui-show">
                        <p>钉钉消息提醒</p>
                    </div>
                </div>
            </div>
            <!--            表单区域-->
            <div class="layui-form" style="margin-top: 15px;">

                <fieldset class="layui-elem-field">
                    <legend>钉钉设置</legend>
                    <br/>
                    <div class="layui-form-item">
                        <lable class="layui-form-label">钉钉地址:</lable>
                        <div class="layui-input-block" style="width:800px;">
                            <input type="text" name="dingding_url" value="{$config.dingding_url}" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <lable class="layui-form-label">钉钉秘钥:</lable>
                        <div class="layui-input-block" style="width:800px;">
                            <input type="text" name="dingding_pass" value="{$config.dingding_pass}" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <lable class="layui-form-label">钉钉用户:</lable>
                        <div class="layui-input-block" style="width:800px;">
                            <input type="text" name="dingding_user" value="{$config.dingding_user}" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <lable class="layui-form-label"></lable>
                        <div class="layui-input-block">
                            <span class="layui-word-aux">手机号码</span>
                        </div>
                    </div>
                </fieldset>

                <div class="layui-form-item">
                    <lable class="layui-form-label"></lable>
                    <div class="layui-input-block">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="set">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.config({
        version:"{$front_version}",
        base: '/static/lib/' //静态资源所在路径
    }).use(['form','element'], function(){
        var $ = layui.$,form = layui.form,element = layui.element;

        // 图片上传
        like.delUpload();
        $(document).on("click", "#image", function () {
            like.imageUpload({
                limit: 1,
                field: "image",
                that: $(this),
                content: '/shop/file/lists?type=10',
            });
        })

        form.on('submit(set)', function(data) {
            like.ajax({
                url:'{:url("content.app_service/set")}',
                data: data.field,
                type:"post",
                success:function(res)
                {
                    if(res.code == 1)
                    {
                        layui.layer.msg(res.msg, {
                            offset: '15px'
                            , icon: 1
                            , time: 1000
                        });
                    }
                }
            });
        });

    });
</script>