dlhmaster/app/admin/view/billions/goods/add.html

{layout name="layout2" /}
<style>
    .layui-form {padding: 20px 30px;background-color: #ffffff;}
    .layui-form-item .layui-form-label { width: 95px; }
    .layui-form-item .layui-input-inline { width: 240px; }
    .layui-form-item .map-container{ width: 600px; height: 400px; margin-left: 100px; margin-top: 20px; }
</style>

<div class="layui-card layui-form">
    <div class="layui-tab-item layui-show">

        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color:red;">*</span>商品图片：</label>
            <div class="layui-input-block">
                <div class="like-upload-image" switch-tab="0" lay-verType="tips" lay-verify="logo">
                    <div class="upload-image-elem"><a class="add-upload-image"> + 添加图片</a></div>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="crftNo1" class="layui-form-label"><span style="color:red;">*</span>商品名称：</label>
            <div class="layui-input-inline">
                <input type="text" name="crftNo1" id="crftNo1" lay-verType="tips" lay-verify="crftNo1"
                       switch-tab="0" autocomplete="off" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item">
            <label for="crftNo1" class="layui-form-label"><span style="color:red;">*</span>商品价格：</label>
            <div class="layui-input-inline">
                <input type="text" name="crftNo1" id="crftNo1" lay-verType="tips" lay-verify="crftNo1"
                       switch-tab="0" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label  class="layui-form-label"><span style="color:red;">*</span>商品详情：</label>
            <div class="layui-input-block">
                <textarea name="content" id="content" lay-verify="content"></textarea>
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-hide">
        <input type="button" lay-submit lay-filter="addSubmit" id="addSubmit" value="确认">
    </div>
</div>


<script src="__PUBLIC__/static/common/js/area.js"></script>
<script>
    layui.config({
        base: "/static/lib/"
    }).extend({
        likeedit: 'likeedit/likeedit',
        likeArea: "likeArea/likeArea",
        txMap: "likeMap/txMap"
    }).use(["form", "laydate", "likeArea", "txMap", 'likeedit'], function(){
        var $ = layui.$;
        var form = layui.form;
        var likeArea = layui.likeArea;
        var laydate = layui.laydate;
        var txMap = layui.txMap;
        var likeedit = layui.likeedit;


        laydate.render({type:"datetime", elem:"#expire_time", trigger:"click",min:0});


        like.delUpload();
        $(document).on("click", ".add-upload-image", function () {
            like.imageUpload({
                limit: 1,
                field: "logo",
                that: $(this)
            });
        });

        //------------------------------------------富文本编辑器 begin --------------------------------
        likeedit.set({
            uploadImage: {
                url: '{:url("file/lists")}?type=10',
                type: 'post'
            }
        });

        var likeedit_index = likeedit.build('content');
        form.verify({
            content: function () {
                likeedit.sync(likeedit_index)
            }
        });
        //------------------------------------------富文本编辑器 end --------------------------------


        form.verify({
            name: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请填写商家名称";
                }
            },
            cid: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请选择主营类目";
                }
            },
            nickname: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请填写联系人";
                }
            },
            mobile: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请填写联系手机号";
                }
            },
            logo: function (value, item) {
                if (!value) {
                    if ($(item).find(".upload-image-div").length <= 0) {
                        switchTab($(item).attr("switch-tab"))
                        return "请上传商家logo";
                    }
                }
            },
            expire_time: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请选择到期时间";
                }
            },
            trade_service_fee: function (value, item) {
                if (!value && parseInt(value) !== 0) {
                    switchTab($(item).attr("switch-tab"));
                    return "请填写交易服务费";
                }
            },
            account: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请填写商家账号";
                }
            },
            password: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请填写商家登录密码";
                }
            },
            pwd: function (value, item) {
                if (!value) {
                    switchTab($(item).attr("switch-tab"));
                    return "请填确认商家登录密码";
                }
            }
        });


        function switchTab(number) {
            $('.layui-tab-card .layui-tab-title li').removeClass('layui-this');
            $('.layui-tab-content .layui-tab-item').removeClass('layui-show');
            $('.layui-tab-card .layui-tab-title li').eq(number).addClass('layui-this');
            $('.layui-tab-content .layui-tab-item').eq(number).addClass('layui-show');
        }
    })
</script>