@using MES.Production.Service;
@using Central.Control.Domain;
@using Ant.Service.Common;
@using CommonToolHelper;
@{
    ViewBag.Title = "Detail";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model  MES.Production.Entity.DistributorUser

<style>
    body {
        background-color: white;
    }

    .changeicon {
        float: right;
        margin-right: 22px;
        position: absolute;
        right: -7px;
        top: 0px;
        border: none;
        background-color: #18a689;
        color: #FFFFFF;
        line-height: 33px;
        height: 33px;
    }
</style>
<link href="~/Content/uploadone/CSS/webuploader.css" rel="stylesheet" />
<link href="~/Content/uploadone/CSS/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/uploadone/CSS/uploadstyle.css" rel="stylesheet" />
<link href="~/Content/uploadone/CSS/font-awesome.css" rel="stylesheet" />
@*<script src="~/Content/js/jquery/jquery-1.8.2.min.js"></script>*@
<script src="~/Content/uploadone/Script/webuploader.js"></script>
@using (Ajax.BeginForm("Save", null, new AjaxOptions()
{
    HttpMethod = "Post",
    OnBegin = "SubAjax.Loading",
    OnComplete = "SubAjax.Complate",
    OnFailure = "SubAjax.Failure",
    OnSuccess = "SubAjax.Success"
},
                                                                                                                                                                                                                                                                                                                                                                           new { @class = "form-horizontal dig-from", @role = "form" }))
{
    <div class="wrapper-content">
        @Html.Hidden("hidfilename", Model.distributorInfo.LICENSEURL)
        @Html.Hidden("hidfileid", Model.distributorInfo.LICENSEVALUE)
        <div class="panel-body">
            <div class="tab-content">
                <div id="tab-1" class="tab-pane active">
                    <div class="form-group">
                        <label class="col-lg-3 control-label">所属经销商：</label>
                        <div class="col-lg-8">
                            <select id="PARENTID" name="PARENTID" class="form-control select2" style="width: 100%;">
                                @*<option value="" @(Model.distributorInfo.PARENTID == "" ? "selected" : "")>一级经销商</option>*@
                                @{
                                    foreach (var item in ViewBag.moduleparent)
                                    {
                                        <option value="@item.ID" @(Model.distributorInfo.PARENTID == @item.ID ? "selected" : "")>@CommonHtmlHelper.RtfTextToHtml(item.NAME)</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">经销商名称：</label>
                        <div class="col-lg-8">
                            @Html.HiddenFor(p => p.distributorInfo.ID)
                            @Html.TextBoxFor(p => p.distributorInfo.NAME, new { @class = "form-control", @id = "modulename", @placeholder = "请输入经销商名称", @datatype = "*", @nullmsg = "请输入经销商名称！", @errormsg = "请输入经销商名称！" })
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">所在省市区：</label>
                        <div class="col-lg-8">
                            @Html.Hidden("hjzd", Model.distributorInfo.ProvinceCity)
                            <select name="hkprov" id="hkprov" onchange="SelectCity('hkprov', 'hkcity')" class="input-sm form-control input-s-sm inline" style="width:145px;">
                                <option value="">--请选择--</option>
                            </select>
                            <select name="hkcity" id="hkcity" onchange="SelectCountry('hkcity', 'hkcountry')" class="input-sm form-control input-s-sm inline" style="width:146px;">
                                <option value="">--请选择--</option>
                            </select>
                            <select name="hkcountry" id="hkcountry" class="input-sm form-control input-s-sm inline" style="width:146px;">
                                <option value="">--请选择--</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">上传营业执照：</label>
                        <div class="col-lg-8">
                            <div id="fileNameList">
                            </div>
                            <div class="cp_img_jia" id="fileNamePicker"></div>
                            @*<%--<input type="button" id="ctlUpBtn" class="btn btn-default" style="margin-top: 25px;" value="开始上传"> --%>
                                <%-- <button id="ctlUpBtn" class="btn btn-default" style="margin-top: 25px;">开始上传</button>--%>*@
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">地址：</label>
                        <div class="col-lg-8">
                            @Html.TextBoxFor(p => p.distributorInfo.Address, new { @class = "form-control", @id = "moduleaddress", @placeholder = "请输入经销商地址，用于创建电子围栏", @datatype = "*", @nullmsg = "请输入经销商排序值，正序排列", @errormsg = "请输入经销商地址！" })
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">电子围栏范围：</label>
                        <div class="col-lg-8">
                            @Html.HiddenFor(p => p.distributorInfo.FenceID)
                            <select name="example_length" aria-controls="example" class="form-control input-sm">
                                <option value="50" @(Model.distributorInfo.FenceRadius == 50 ? "selected" : "")>50米</option>
                                <option value="1000" @(Model.distributorInfo.FenceRadius == 1000 ? "selected" : "")>1000米</option>
                                <option value="2000" @(Model.distributorInfo.FenceRadius == 2000 ? "selected" : "")>2000米</option>
                                <option value="3000" @(Model.distributorInfo.FenceRadius == 3000 ? "selected" : "")>3000米</option>
                            </select>

                            @*@Html.TextBoxFor(p => p.distributorInfo.FenceRadius, new { @class = "form-control", @id = "modulepath", @placeholder = "请输入电子围栏范围", @datatype = "n", @nullmsg = "请输入电子围栏范围", @errormsg = "只能输入数字" })*@

                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-lg-3 control-label">所属销售员：</label>
                        <div class="col-lg-8">
                            @{
                                var fromuser = ViewData["userid"] as string;
                            }
                            <span id="readuser" class="form-control" style="padding:8px 5px; font-size:14px;overflow:hidden;">
                                @if (!string.IsNullOrEmpty(fromuser))
                                {
                                    @Html.Raw(fromuser.Split('|')[1]);
                                }
                            </span>
                            @Html.Hidden("hidsendUserid", (!string.IsNullOrEmpty(fromuser) ? fromuser.Split('|')[0] : ""))
                            <button class="changeicon" id="changesendUser" type="button">
                                选择
                            </button>
                        </div>
                    </div>

                    <div class="clearfix f-hafl">
                        <div class="col-hafl">
                            @*<div class="form-group">
                                    <label class="col-lg-3 control-label">登录账号：</label>
                                    <div class="col-lg-8">
                                        @Html.HiddenFor(p => p.userInfo.ID)
                                        @Html.TextBoxFor(p => p.userInfo.ACCOUNT, new { @class = "form-control", @id = "account", @placeholder = "请输入登录账号", @datatype = "*", @nullmsg = "请输入登录账号！", @errormsg = "请输入登录账号！" })
                                    </div>
                                </div>*@
                            <div class="form-group">
                                <label class="col-lg-3 control-label">手机号：</label>
                                <div class="col-lg-8">
                                    @Html.TextBoxFor(p => p.userInfo.PHONE, new
                               {
                                   @class = "form-control",
                                   @datatype = "n",
                                   @nullmsg = "请输入手机号",
                                   @placeholder = "请输入手机号",
                                   @errormsg = "手机号只能输入数字"
                               })
                                </div>
                            </div>

                        </div>
                        <div class="col-hafl">
                            <div class="form-group">
                                <label class="col-lg-3 control-label" style="width:29% !important; padding-left:5px; padding-right:5px;">联系人：</label>
                                <div class="col-lg-8">
                                    @Html.TextBoxFor(p => p.userInfo.NAME, new { @class = "form-control", @placeholder = "请输入用户姓名", @datatype = "*1-10", @nullmsg = "请输入用户姓名" })
                                </div>
                            </div>

                            @*<div class="form-group">
                                    <label class="col-lg-3 control-label" style="width:29% !important; padding-left:5px; padding-right:5px;">属性：</label>
                                    <div class="col-lg-8" style="text-align:left;">
                                        <label class="checkbox-inline">
                                            <input type="checkbox" class="i-check" id="iscanlogin" name="iscanlogin" @(Model.userInfo.ISCANLOGIN != false ? "checked" : "") />是否锁定
                                        </label>
                                    </div>
                                </div>*@



                        </div>
                    </div>



                    <div class="hr-line-dashed">
                        <div class="form-group m20">
                            <div class="col-sm-2 col-sm-offset-2">
                                <button class="btn btn-primary btn-save" type="submit"><i class="fa fa-check"></i> <span>确定保存</span></button>
                                <button class="btn btn-warning" id="btn-dig-close" type="button"><i class="im-undo2"></i> 取消返回</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
                                }
@section scripts{



    <script type="text/javascript">
        var applicationPath = "http://" + window.location.host;
        $(function () {

            var filename = document.getElementById("hidfilename").value;
            if (filename != null && filename != "") {
                //alert(filename);
                var headstr = "<div id=\"WU_FILE_0\" class=\"cpup_img upload-state-done\"><img src=\"";
                var footstr = "\"><div class=\"upcp_img_jian\"></div><p class=\"progress hide\"><span style=\"width: 100%;\"></span></p></div>";
                document.getElementById("fileNameList").innerHTML = headstr + filename + footstr;
            }
            var $ = jQuery, fileId,
                $list = $('#fileNameList'),
                // 优化retina, 在retina下这个值是2
                ratio = window.devicePixelRatio || 1,
                // 缩略图大小
                thumbnailWidth = 90 * ratio,
                thumbnailHeight = 90 * ratio,

                // Web Uploader实例
                uploader;
            uploader = WebUploader.create({
                // 选完文件后，是否自动上传。
                auto: true,

                disableGlobalDnd: true,
                // swf文件路径
                swf: applicationPath + '/Script/Uploader.swf',

                // 文件接收服务端。
                //server: applicationPath + '/Home/UpLoadProcess',

                server: applicationPath + '/Sys/Home/UpLoadProcess',


                // 选择文件的按钮。可选。
                // 内部根据当前运行是创建，可能是input元素，也可能是flash.
                pick: '#fileNamePicker',

                //只允许选择图片
                accept: {
                    title: 'Images',
                    extensions: 'gif,jpg,jpeg,bmp,png',
                    mimeTypes: 'image/*'
                }
            });

            // 当有文件添加进来的时候
            uploader.on('fileQueued', function (file) {
                var $li = $(
                    '<div id="' + file.id + '" class="cpup_img">' +
                    '<img id="jjgimg">' +
                    '<div class="upcp_img_jian"></div></div>'
                ),
                    $img = $li.find('img');

                $list.children().remove();//先清空元素内容
                if (fileId != file.id && fileId != null) {
                    //alert(fileId);
                    uploader.removeFile(uploader.getFile(fileId, true));
                }

                fileId = file.id;
                // $list为容器jQuery实例
                $list.append($li);
                // 创建缩略图
                // 如果为非图片文件，可以不用调用此方法。
                // thumbnailWidth x thumbnailHeight 为 100 x 100
                uploader.makeThumb(file, function (error, src) {
                    if (error) {
                        $img.replaceWith('<span>不能预览</span>');
                        return;
                    }
                    //alert(src);
                    //alert(file);
                    $img.attr('src', src);
                }, thumbnailWidth, thumbnailHeight);
            });

            //上传压缩宽度
            uploader.option('compress', {
                width: 700
            });

            // 文件上传过程中创建进度条实时显示。
            uploader.on('uploadProgress', function (file, percentage) {
                var $li = $('#' + file.id),
                    $percent = $li.find('.progress span');

                // 避免重复创建
                if (!$percent.length) {
                    $percent = $('<p class="progress"><span></span></p>')
                        .appendTo($li)
                        .find('span');
                }

                $percent.css('width', percentage * 100 + '%');
            });

            // 文件上传成功，给item添加成功class, 用样式标记上传成功。
            uploader.on('uploadSuccess', function (file, response) {
                //alert(file.name);//原来文件名
                //alert(response.id);//文件路径
                var imgurl = response.filePath; //上传图片的路径
                var fileid = response.fileid; //上传图片的路径
                console.log(response.id);
                console.log(imgurl);
                $('#' + file.id).addClass('upload-state-done');
                //alert(document.getElementById("fileNameList").innerHTML.replace('class="progress"', 'class="progress hide"'));
                $("#hidfilename").val(imgurl);
                $("#jjgimg").attr('src', imgurl);//季健国加为了解决保存一串字符串
                $("#hidfileid").val(fileid);
            });

            // 文件上传失败，显示上传出错。
            uploader.on('uploadError', function (file) {
                var $li = $('#' + file.id),
                    $error = $li.find('div.error');

                // 避免重复创建
                if (!$error.length) {
                    $error = $('<div class="error"></div>').appendTo($li);
                }

                $error.text('上传失败');
            });

            // 完成上传完了，成功或者失败，先删除进度条。
            uploader.on('uploadComplete', function (file) {
                $('#' + file.id).find('.progress').remove();
            });

            //所有文件上传完毕
            uploader.on("uploadFinished", function () {
                //提交表单

            });

            //开始上传
            $("#ctlUpBtn").click(function () {
                uploader.upload();

            });

            //显示删除按钮
            $(".cpup_img").on("mouseover", function () {
                $(this).children(".upcp_img_jian").css('display', 'block');

            });
            //隐藏删除按钮
            $(".cpup_img").on("mouseout", function () {
                $(this).children(".upcp_img_jian").css('display', 'none');

            });
            //执行删除方法
            $list.on("click", ".upcp_img_jian", function () {
                var Id = $(this).parent().attr("id");
                try {
                    uploader.removeFile(uploader.getFile(Id, true));
                }
                catch (ex) { }

                $(this).parent().remove();
            });

            $('.form-horizontal').initValidform();
            $('.select2').select2();
            //分配部门
            $('#changeDpt').click(function () {
                var vals = $('#hiddpt').val();
                top.dialog({
                    url: '/Sys/Department/GetSelectDpt',
                    title: '选择景点',
                    width: 450,
                    height: 500,
                    data: vals, // 给 iframe 的数据
                    onclose: function () {
                        if (this.returnValue != 'no') {
                            $('#hiddpt').val(this.returnValue.split('|')[0]);
                            $('#dpt').html(this.returnValue.split('|')[1]);
                            //清理岗位
                            $('#hidpost').val('');
                            $('#post').html('');
                        }
                    },
                    oniframeload: function () {
                    }
                }).showModal();
                return false;
            });


            $('#changesendUser').click(function () {
                var vals = $('#hidsendUserid').val();
                dig.addModel('选择用户', '/Sys/User/SelectUser?userid=' + vals, 900, 500, function () {
                    if (this.returnValue != 'no') {
                        $('#hidsendUserid').val(this.returnValue.split('|')[0]);
                        $('#readuser').html(this.returnValue.split('|')[1]);
                    }
                });
            });


            //分配岗位
            $('#changePost').click(function () {
                var dptid = $('#DPTID').val() + ',' + $('#hiddpt').val();
                if ($('#DPTID').val() == '' && $('#hiddpt').val() == '') {
                    dig.alertError('提示', '请选择部门后再选择岗位');
                    return;
                }
                var vals = $('#hidpost').val();
                top.dialog({
                    url: '/Sys/Post/PostUser?dptid=' + dptid,
                    title: '分配岗位',
                    width: 500,
                    height: 500,
                    data: vals, // 给 iframe 的数据
                    onclose: function () {
                        if (this.returnValue != 'no') {
                            $('#hidpost').val(this.returnValue.split('|')[0]);
                            $('#post').html(this.returnValue.split('|')[1]);
                        }
                    },
                    oniframeload: function () {
                    }
                }).showModal();
                return false;
            });


        });

        $.ajax({
            url: '/Sys/CodeArea/prov',
            data: null,
            type: 'post',
            dataType: 'json',
            async: false,
            cache: false,
            success: function (res) {
                if (res.Status == 'y') {
                    var option = '<option value="">--请选择--</option>';
                    var data = eval(res.Data);
                    for (var i = 0; i < data.length; i++) {
                        var jsonH = data[i];
                        option += '<option value="' + jsonH.Code + '">' + jsonH.Name + '</option>';
                    }
                    $('#hkprov').html(option);
                }
            }
        });

        //所在省市区
        var hjzd = $('#hjzd').val();
        if (hjzd != '') {
            var hkprov = hjzd.split(',')[0];
            var hkcity = hjzd.split(',')[1];
            var hkcountry = hjzd.split(',')[2];
            $('#hkprov').find('option[value="' + hkprov + '"]').attr('selected', 'selected');
            if (hkprov != '') {
                SelectCity('hkprov', 'hkcity');
                $('#hkcity').find('option[value="' + hkcity + '"]').attr('selected', 'selected');
                if (hkcity != '') {
                    SelectCountry('hkcity', 'hkcountry');
                    $('#hkcountry').find('option[value="' + hkcountry + '"]').attr('selected', 'selected');
                }
            }
        }

        //加载城市
        function SelectCity(t, n) {
            var prov = $('#' + t).val();
            var city = $('#' + n);
            var option = '<option value="">--请选择--</option>';
            if (prov == '') {
                city.html(option);
            } else {
                $.ajax({
                    url: '/Sys/CodeArea/City/' + prov,
                    data: null,
                    type: 'post',
                    dataType: 'json',
                    async: false,
                    cache: false,
                    success: function (res) {
                        if (res.Status == 'y') {
                            var data = eval(res.Data);
                            for (var i = 0; i < data.length; i++) {
                                var jsonH = data[i];
                                option += '<option value="' + jsonH.AreaCode + '">' + jsonH.AreaName + '</option>';
                            }
                        }
                        city.html(option);
                    }
                });
            }
        }

        //加载县级市
        function SelectCountry(t, n) {
            var city = $('#' + t).val();
            var country = $('#' + n);
            var option = '<option value="">--请选择--</option>';
            if (city == '') {
                country.html(option);
            } else {
                $.ajax({
                    url: '/Sys/CodeArea/Country/' + city,
                    data: null,
                    type: 'post',
                    dataType: 'json',
                    async: false,
                    cache: false,
                    success: function (res) {
                        if (res.Status == 'y') {
                            var data = eval(res.Data);
                            for (var i = 0; i < data.length; i++) {
                                var jsonH = data[i];
                                option += '<option value="' + jsonH.AreaCode + '">' + jsonH.AreaName + '</option>';
                            }
                        }
                        country.html(option);
                    }
                });
            }
        }

    </script>




}