@{
    string RightInfo = ViewBag.RightInfo as string;
    string right = ViewBag.right as string;
    
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>活动信息(增加)</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <script src="/admin/js/jquery-1.10.1.min.js"></script>
    <script src="/admin/js/LAreaData2.js"></script>
    <style>
        .layui-form-label{
            width: 115px !important;
        }
        .layui-form-item .layui-input-inline{
            width: 250px !important;
        }
        .layui-form-item .layui-input-block{
            margin-left: 145px !important;
        }
    </style>
</head>
<body>

    <div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin">
        
        <div class="layui-card">
          <div class="layui-card-body">
            <div class="layui-tab" lay-filter="mytabbar">
                <div class="layui-tab-content mt20">
                    <div class="layui-tab-item layui-show">
                        <div class="layui-form-item">
                            <label class="layui-form-label">*活动名称</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" type="text" id="ActName" name="ActName" maxlength="128"
                                    lay-verify="required|" autocomplete="off" placeholder="请输入活动名称">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">限制创客编号</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" type="text" id="LimitTopBuddy" name="LimitTopBuddy"
                                    maxlength="255" lay-verify="" autocomplete="off" placeholder="请输入限制创客编号(整条线,多个用,隔开)">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">*活动类型</label>
                            <div class="layui-input-inline">
                                <select id="ActType" name="ActType" lay-search="" lay-verify="required|" lay-filter="ActType">
                                    <option value="0">html页面</option>
                                    <option value="1">指定url</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">*是否置顶</label>
                            <div class="layui-input-inline">
                                <select id="IsTop" name="IsTop" lay-search="" lay-verify="required|">
                                    <option value="">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </div>
                        @{Dictionary<string, string> KqProductBrandDic = new MySystem.DictionaryClass().getKqProductBrandDic();}
                        <div class="layui-form-item">
                            <label class="layui-form-label">*产品类型</label>
                            <div class="layui-input-block">
                                <input class="layui-input" type="hidden" id="BrandId" name="BrandId" value="" lay-verify="required|" />
                                <div id="BrandIdTransfer" class="demo-transfer"></div>
                                @{string KqProductBrandJson = "[";}
                                @foreach (string key in KqProductBrandDic.Keys)
                                {
                                    KqProductBrandJson += "{\"value\": \"" + key + "\", \"title\": \"" + KqProductBrandDic[key] + "\" },";
                                }
                                @{KqProductBrandJson = KqProductBrandJson.TrimEnd(','); KqProductBrandJson += "]";}
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">*有效开始时间</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" type="text" id="EffectStartDate" name="EffectStartDate"
                                     lay-verify="required|" autocomplete="off" placeholder="请输入有效开始时间">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">*有效结束时间</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" type="text" id="EffectEndDate" name="EffectEndDate"
                                     lay-verify="required|" autocomplete="off" placeholder="请输入有效结束时间">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">*活动Banner图片</label>
                            <div class="layui-input-block">
                                <div class="layui-upload">
                                    <input type="hidden" id="ActBanner" name="ActBanner" value="" lay-verify="required|">
                                    <button class="layui-btn" type="button" id="ActBannerBtn">选择图片</button>
                                    <div class="layui-inline layui-word-aux">@(new
                                        MySystem.PublicFunction().GetUploadHint("ActivityInfoActBanner"))</div>
                                </div>
                                <div style="margin-top:10px;" id="ActBannerImage">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">备注</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" id="Remark" name="Remark" maxlength="128"
                                    lay-verify="" placeholder="请输入备注"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text" id="ContentDiv">
                            <label class="layui-form-label">*活动详情</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" id="ActContent" name="ActContent"
                                    placeholder="请输入活动详情" style="width:100%;height:500px;"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item" id="UrlDiv" style="display: none;">
                            <label class="layui-form-label">*链接地址</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" type="text" id="ActReferUrl" name="ActReferUrl"
                                    maxlength="255" lay-verify="" autocomplete="off" placeholder="请输入链接地址">
                            </div>
                        </div>

                    </div>

                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <input type="button" lay-submit lay-filter="LAY-list-front-submit" id="LAY-list-front-submit" value="确认">
            </div>
          </div>
        </div>
    </div>

    <script src="/layuiadmin/layui/layui.js"></script>
    <script src="/other/oss/upload-min@(MySystem.OssHelper.Instance.OssStatus ? "-oss" : "").js?r=@DateTime.Now.ToString("yyyyMMddHHmmss")"></script>
    <script src="/other/mybjq/kindeditor-min.js"></script>
    <script src="/other/mybjq/lang/zh_CN.js"></script>
    <script>
        //活动详情
 @(Html.Raw(Library.Control.kindeditorVar("ActContent")))

                    
        //编辑器
        KindEditor.ready(function (K) {
            //活动详情
 @(Html.Raw(Library.Control.kindeditor("ActContent", 1)))

        });

        var ids = "";
        function getChildren(obj) {
            $.each(obj, function (index, value) {
                var id = obj[index].id;
                ids += id + ",";
                var children = obj[index].children;
                if (children) {
                    getChildren(children);
                }
            });
        }

        function AreasProvinceInit(tagId, areasVal, form) {
            for (var i = 0; i < provs_data.length; i++) {
                var sel = "";
                if (areasVal.indexOf(provs_data[i].text) > -1) {
                    sel = " selected=selected";
                }
                $("#" + tagId + "Province").append('<option value="' + provs_data[i].value + '"' + sel + '>' + provs_data[i].text + '</option>');
            }
            form.render();
        }

        function AreasProvinceSelected(tagId, areasVal, form, value) {
            $("#" + tagId + "City").html('<option value="">市</option>');
            var list = citys_data[value];
            for (var i = 0; i < list.length; i++) {
                var sel = "";
                if (areasVal.indexOf(list[i].text) > -1) {
                    sel = " selected=selected";
                }
                $("#" + tagId + "City").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
            }
            $("#" + tagId + "Area").html('<option value="">县/区</option>');
            form.render();
            $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
        }

        function AreasCitySelected(tagId, areasVal, form, value) {
            $("#" + tagId + "Area").html('<option value="">县/区</option>');
            var list = dists_data[value];
            for (var i = 0; i < list.length; i++) {
                var sel = "";
                if (areasVal.indexOf(list[i].text) > -1) {
                    sel = " selected=selected";
                }
                $("#" + tagId + "Area").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
            }
            form.render();
            $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
        }

        function AreasAreaSelected(tagId, form) {
            form.render();
            $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
        }
        function movePrev(obj, tagId) {
            $(obj).parent().prev().insertAfter($(obj).parent());
            checkPics(tagId);
        }
        function moveNext(obj, tagId) {
            $(obj).parent().next().insertBefore($(obj).parent());
            checkPics(tagId);
        }
        function deletePic(obj, tagId) {
            $(obj).parent().remove();
            checkPics(tagId);
        }
        function checkPics(tagId) {
            var pics = "";
            var texts = "";
            $("#" + tagId + "Image div img").each(function (i) {
                pics += $(this).attr("src").replace(osshost, '') + "|";
            });
            $("#" + tagId + "Image div input").each(function (i) {
                texts += $(this).val() + "|";
            });
            if (pics == "") {
                $("#" + tagId).val("");
            } else {
                pics = pics.substring(0, pics.length - 1);
                texts = texts.substring(0, pics.length - 1);
                $("#" + tagId).val(pics + "#cut#" + texts);
            }
        }
        function checkBox(tagId) {
            var text = "";
            $("input[type=checkbox][name=" + tagId + "List]:checked").each(function (i) {
                text += $(this).val() + ",";
            });
            $("#" + tagId).val(text);
        }
        function showBigPic(picpath) {
            parent.layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                shadeClose: true,
                area: ['auto', 'auto'],
                content: '<img src="' + picpath + '" style="max-width:800px; max-height:800px;" />'
            });
        }

        
        var tree;
        var element;
        var upload;
        layui.config({
            base: '/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'upload', 'layedit', 'laydate', 'element', 'croppers', 'transfer', 'tree', 'util'], function () {
            var $ = layui.$
                , form = layui.form
                , layer = layui.layer
                , layedit = layui.layedit
                , laydate = layui.laydate
                , croppers = layui.croppers
                , transfer = layui.transfer
                , util = layui.util;
            tree = layui.tree;
            element = layui.element;
            upload = layui.upload;
        
            //Hash地址的定位
            var layid = location.hash.replace(/^#test=/, '');
            element.tabChange('test', layid);
            element.on('tab(test)', function (elem) {
                location.hash = 'test=' + $(this).attr('lay-id');
            });

            form.on('select(ActType)', function (data) {
                if(data.value == '0') {
                    $('#UrlDiv').hide();
                    $('#ContentDiv').show();
                } else if(data.value == '1') {
                    $('#UrlDiv').show();
                    $('#ContentDiv').hide();
                }
                form.render();
            });
    
            //日期
            laydate.render({
elem: '#EffectStartDate',
type: 'datetime',
trigger: 'click'
});
laydate.render({
elem: '#EffectEndDate',
type: 'datetime',
trigger: 'click'
});
laydate.render({
elem: '#EnrolStartDate',
trigger: 'click'
});
laydate.render({
elem: '#EnrolEndDate',
trigger: 'click'
});


            //上传文件
            WebUploadJs('ActBannerBtn', '@(Library.ConfigurationManager.AppSettings["Database"].ToString())/upload/v2', @(Html.Raw(new MySystem.PublicFunction().GetUploadParam("ActivityInfoActBanner"))), function (filename) {
$('#ActBannerImage').html('<img src="' + osshost + filename + '" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic(\'' + osshost + filename + '\')">')
$('#ActBanner').val(filename);
});


            //穿梭框
            transfer.render({
elem: '#BrandIdTransfer'
, data: @Html.Raw(KqProductBrandJson)
, title: ['待选项', '选中项']

, showSearch: true
, onchange: function (obj, index) {
if (index == 0) {
var source = $("#BrandId").val();
$.each(obj, function (index, value) {
var val = obj[index].value;                        
if (source != "") {
source += "," + val;
} else {
source += val;
}
});
$("#BrandId").val(source);
} else if (index == 1) {
var source = "," + $("#BrandId").val() + ",";
$.each(obj, function (index, value) {
var val = obj[index].value;
source = source.replace("," + val + ",", ",");
});
if (source != "") {
if (source == ",") {
source = "";
} else {
source = source.substring(1, source.length - 1);
}
}
$("#BrandId").val(source);
}
}
});


            //TreeView，比如权限管理
            

            //省市区
            
        })

    </script>
</body>
</html>
