@using WX.CRM.WebHelper;
@using WX.CRM.Model.Entity;
@{
    ViewBag.Title = "交付订单列表";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
<div class="mvctool">
    @Html.ToolButton("btnQuery", "icon-search", "查询", true)
    @*@Html.ToolButton("btnExport", "icon-export", "导出", true)*@
    @Html.Action("ToolBar", "Control", ViewBag.ToolBar as ToolBar)
</div>
<style>
    .grid_table .layui-table[lay-size=sm] th {
        padding: 1px 1px !important;
    }
    .dig-box {
        width: 400px;
        min-height: 340px;
        border-radius: 5px;
        background-color: #ffffff;
        position: absolute;
        top: 30%;
        left: 35%;
        z-index: 2000;
        display: none;
    }
    .black-box {
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 0.50);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1999;
        display:none;
    }
    .t-title {
        height:20px;
        width:100%;
        padding:15px 0px;
        font-size:18px;
        text-align:center;
        font-weight:600;
    }
    .t-body {
        width: 100%;
        min-height: 230px;
        display: flex;
        justify-content: center;
    }
    .t-foot {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        padding:10px 0px;
    }
    .t-foot input {
        border: 1px solid rgb(128 128 128);
        padding: 8px 10px;
        border-radius: 4px;
        cursor:pointer;
        color:rgb(74 74 74);
    }
    .link, .phone, .picture {
        border: 1px solid rgb(128 128 128);
        border-radius: 4px;
        width: 90%;
        margin: 0px 10px;
    } 
    .blue-btn {
        background-color: #00b9ff;
    }
    .white-btn {
        background-color: #ffffff;
    }
    .t-body table{
        width:90%;    
    }
        .t-body table tr td {
            text-align: center;
            border: 1px solid rgb(74 74 74);
            padding: 6px;
        }
    .mailType {
        width: 100%;
    }
    .mailNumber {
        width: 100%;
    }
    .checkFile {
        border:2px dashed rgb(128 128 128);
        cursor:pointer;
        padding: 30px;
    }
</style>
<div class="bas_datagrid">
    <div id="tb" style="padding:5px;height:auto" class="grid_toolbar">
        <ul class="toolBar_ul">
            <li><input type="hidden" name="txt_showPhone" /></li>
            <li>客户ID：<input type="text" name="txt_resId" style="width:150px" />&nbsp;</li>
            <li>订单ID：<input type="text" name="txt_szzyOrderId" style="width:100px" /></li>
            <li>客户姓名：<input type="text" name="txt_cname" /></li>
            <li>@Html.Action("UserSSOComBox", "Control", new { currentRight = WX.CRM.WebHelper.InitRights.交付订单列表 })</li>
            <li>
                订单状态：<select id="slt_orderStatus" name="slt_orderStatus">
                    <option value="">全部</option>
                    <option value="180">新订单</option>
                    <option value="190">已提交支付</option>
                    <option value="195">支付驳回</option>
                    <option value="200">已支付</option>
                    <option value="201">待开通</option>
                    <option value="220">已开通</option>
                    <option value="205">已升级</option>
                    <option value="90">已退款</option>
                    <option value="80">已到期</option>
                    <option value="70">已取消</option>
                    <option value="60">已关闭</option>
                    <option value="220,205">已开通+已升级</option>
                    <option value="220,205,90">已开通+已升级+已退款</option>
                    <option value="220,205,90,80" selected>已开通+已升级+已退款+已到期</option>
                </select>
            </li>
            <li>
                交付方式：
                <select id="slt_orderDeliverType" name="slt_orderDeliverType">
                    <option value="" selected>全部</option>
                    <option value="-1">未选择</option>
                    <option value="0">线上交付</option>
                    <option value="1">邮寄交付</option>
                    <option value="2">业务员交付</option>
                </select>
            </li>
            <li>
                交付状态：
                <select id="slt_orderdeliverStatus" name="slt_orderDeliverStatus">
                    <option value="" selected>全部</option>
                    <option value="0">未交付</option>
                    <option value="1">已在线交付</option>
                    <option value="2">已邮寄交付</option>
                    <option value="3">已在线且邮寄交付</option>
                </select>
            </li>

            <li>收件姓名：<input type="text" name="txt_mailName" style="width:100px" /></li>
            <li>收件地址：<input type="text" name="txt_addressInfo" style="width:100px" /></li>
            <li>快递单号：<input type="text" name="txt_mailNumber" style="width:100px" /></li>
            <li>订单开通时间：@Html.WdatePickerText("txt_ostime", "")-@Html.WdatePickerText("txt_oetime", "")</li>
            <li>交付时间：@Html.WdatePickerText("txt_dstime", "")-@Html.WdatePickerText("txt_detime", "")</li>
        </ul>
    </div>
    @Html.Raw(ViewBag.gridTable)
</div>

<div class="black-box" onclick="Close()"></div>
<div class="dig-box">
    <div class="digItem showLink">
        <div class="t-title">查看订单交付链接</div>
        <div class="t-body">
            <div class="link">
                https://personalcenter.soft.dn8188.com/web/#/login
            </div>
        </div>
        <div class="t-foot">
            <input type="button" class="white-btn" value="取消" onclick="Close()" />
            <input type="button" class="blue-btn" value="复制链接" onclick="Copy('link')" />
        </div>
    </div>

    <div class="digItem showUploadFile">
        <div class="t-title">上传快递回执</div>
        <div class="t-body">
            <table>
                <tr><td>客户姓名：</td><td class="cname"></td></tr>
                <tr><td>订单号：</td><td class="orderid"></td></tr>
                <tr>
                    <td>快递回执：</td>
                    <td>
                        <div class="checkFile" onclick="selFile()">上传</div>
                    </td>
                </tr>
            </table>
        </div>
        <div class="t-foot">
            <input type="button" class="white-btn" value="取消" onclick="Close()" />
            <input type="button" class="blue-btn" value="确定" onclick="UploadFile()" />
        </div>
    </div>

    <div class="digItem showPhone">
        <div class="t-title">查看手机号</div>
        <div class="t-body">
            <div class="phone">
            </div>
        </div>
        <div class="t-foot">
            <input type="button" class="white-btn" value="取消" onclick="Close()" />
            <input type="button" class="blue-btn" value="复制" onclick="Copy('phone')" />
        </div>
    </div>

    <div class="digItem showImg">
        <div class="t-title">查看快递回执</div>
        <div class="t-body">
            <div class="picture">
            </div>
        </div>
        <div class="t-foot">
            <input type="button" class="white-btn" value="取消" onclick="Close()" />
        </div>
    </div>

    <div class="digItem showEmilNumber">
        <div class="t-title">填写快递单号</div>
        <div class="t-body">
            <table>
                <tr><td>客户姓名：</td><td class="cname"></td></tr>
                <tr><td>订单号：</td><td class="orderid"></td></tr>
                <tr>
                    <td>快递公司：</td>
                    <td>
                        <select class="mailType">
                            <option value="0">顺丰快递</option>
                            <option value="1">邮政快递</option>
                            <option value="2">圆通快递</option>
                            <option value="3">申通快递</option>
                            <option value="4">韵达快递</option>
                            <option value="5">中通快递</option>
                            <option value="6">百世快递</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>快递单号：</td>
                    <td><input type="text" class="mailNumber" placeholder="请填写快递单号" /></td>
                </tr>
            </table>
        </div>
        <div class="t-foot">
            <input type="button" class="white-btn" value="取消" onclick="Close()" />
            <input type="button" class="blue-btn" value="确定" onclick="SubEmilNumber()" />
        </div>
    </div>


    <div class="digItem showEditAddress">
        <div class="t-title">修改收件信息</div>
        <div class="t-body">
            <table>
                <tr><td>客户姓名：</td><td class="cname"></td></tr>
                <tr><td>订单号：</td><td class="orderid"></td></tr>
                <tr>
                    <td>产品名称：</td>
                    <td class="subname">
                    </td>
                </tr>
                <tr>
                    <td>收件名称：</td>
                    <td><input type="text" class="mailName" placeholder="请填写收件人" /></td>
                </tr>
                <tr>
                    <td>手机号码：</td>
                    <td><input type="text" class="mailPhone" placeholder="收件人手机号" /></td>
                </tr>
                <tr>
                    <td>所在地区：</td>
                    <td> 
                        <input type="hidden"  id="areaVal" />
                        <input type="text" class="mailArea" id="area" onclick="Selector('area','areaVal')" />
                    </td>
                </tr>
                <tr>
                    <td>详细地址：</td>
                    <td><input type="text" class="address" placeholder="详细地址" /></td>
                </tr>
            </table>
        </div>
        <div class="t-foot">
            <input type="button" class="white-btn" value="取消" onclick="Close()" />
            <input type="button" class="blue-btn" value="确定" onclick="SubAddressInfo()" />
        </div>
    </div>
</div>
<link href="~/Content/AreaSelector.css" rel="stylesheet" />
<script src="~/Scripts/AreaSelector.js"></script>

<script type="text/javascript">

    var ids = [];
    var names = [];
    var fileUrl = "";
    var fileName = "";

    $(function () {
        //加载数据
        loadtablegrid();
        //自动适应大小
        $(window).resize(function () {
            $('#tablist').tablegrid('resize', {
                height: $(window).height() - 110
            });
        });
        //查询
        $("#btnQuery").click(function () {
            $('#tablist').tablegrid("Search");
        });
        //导出
        $("#btnExport").click(function () {
            BtnExportAll_Click();
        });
        //清空
        $("input[type='reset']").click(function () {
            $("#txt_companyId").val("");
            $("#txt_deptId").val("");
            $("#txt_groupIds").val("");
            $("#txt_userId").val("");
            $(".combo-value").val("");
        });
    });
    //角色信息参数
    function GetControlValue() {
        return { saleDeptId: $("#nb1_uc_org_depts").val(), groupId: $("#nb1_uc_org_groups").val(), userId: $("#nb1_uc_org_ids").val(), dayType: $("#txt_Daytype").val() };
    }
    //加载数据
    function loadtablegrid() {
        $('#tablist').tablegrid({
            url: '/WeiXin/DeliverMethod/GetDeliverOrderList',
            height: $(window).height() - 110,
            loadNow: false,
            data: GetControlValue,
            isCheckMore: true,
            onLoadSuccess: function () {

                $("#tablist [field='FINALPAY']").hide();
            },
            onLoadError: function () {
                $.messager.alert("警告", "信息加载失败！", "error");
            }
        });
    }
    function onLoadSucced() {
        $('#tablist').tablegrid("Search");
    }

    function frameReturnByClose() {
        $("#modalwindow").window('close');
    }
    function frameReturnByReload(flag) {
        $("#tablist").tablegrid("Load");
    }
    //获取datagrid头部及字段
    function getDataGridHeader() {
        var columns = $('#tablist').tablegrid("getHead");
        return columns;
    }
    //查看订单交付连接
    function ShowLink_Click() {
        ShowTig("showLink");
        @*var row = $('#tablist').tablegrid('getSelected');
        if (row != null) {
            ShowTig("showLink");
            $(".dig-box").find(".link").html("");
            $.r_post("/DeliverMethod/GetDeliverOrderLink?Orderid=" + row.ORDERID, function (data) {
                if (data.s) {
                    $(".dig-box").find(".link").html(data.d);
                }
            }, "json");
        } else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }*@
    }
    //填写快递单号
    function emilNumber_Click() {
        var rows = $('#tablist').tablegrid('getSelections');
        if (rows.length > 0) {
            ids = [];
            names = [];
            ShowTig("showEmilNumber");
            rows.forEach(function (e) {
                ids.push(e.ORDERID);
                names.push(e.CNAME);
            });
            $(".mailNumber").val("");
            $(".dig-box .showEmilNumber .cname").html(names.join());
            $(".dig-box .showEmilNumber .orderid").html(ids.join());
        } else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
    }

    //上传文件
    function upload_Click() {
        var rows = $('#tablist').tablegrid('getSelections');
        if (rows.length > 0) {
            ids = [];
            names = [];
            ShowTig("showUploadFile");
            rows.forEach(function (e) {
                ids.push(e.ORDERID);
                names.push(e.CNAME);
            });
            $(".dig-box .showUploadFile .cname").html(names.join());
            $(".dig-box .showUploadFile .orderid").html(ids.join());
            $(".checkFile").show();
            $(".checkFile").siblings().remove();
        } else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
    }
    //显示手机号
    function show_Phone_Click() {
        @*var row = $('#tablist').tablegrid('getSelected');
        if (row != null) {
            ShowTig("showPhone");
            $(".dig-box").find(".phone").html("");
            $.r_post("/DeliverMethod/GetPhone?Orderid=" + row.ORDERID, function (res) {
                if (res.s) {
                    $.r_ajax({
                        type: "Post",
                        url: "/Res/MobileQueryLog/GetMobileByResId",
                        data: { resId: res.d },
                        loading: true,
                        dataType: "json",
                        success: function (data) {
                            if (data.type == 1) {
                                $(".dig-box").find(".phone").html(data.message);
                            } else {
                                $.messager.alert("警告", data.message, "error");
                            }
                        }
                    });
                } else {
                    $.messager.alert("警告", res.m, "error");
                }
            }, "json");
        } else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }*@
        var rows = $('#tablist').tablegrid('getSelections');
        var showIds = [];
        if (rows.length > 0) {
            rows.forEach(function (e) {
                showIds.push(e.ORDERID);
            });
            $("input[name='txt_showPhone']").val(showIds.join());
            $("#btnQuery").click();
        }
    }
    //导出
    function BtnExportAll_Click(){
        var param = "&saleDeptId=" + $("#nb1_uc_org_depts").val() + "&groupId=" + $("#nb1_uc_org_groups").val() + "&userId=" + $("#nb1_uc_org_ids").val() + "&dayType=" + $("#txt_Daytype").val();
        var option = $("#tablist").tablepage('getPagination');
        //全部导出
        param += "&rows=" + option.totalRows + "&page=1&order=" + option.order + "&sort=" + option.sort;

        $("#modalwindow").html(GetIframeHtml("/Control/ExcelExport?Query=" + encodeURIComponent("/weixin/DeliverMethod/ExportDeliverOrderList?" + GetQueryStr() + param)));
        $("#modalwindow").window({ title: '导出', width: 480, height: 300, iconCls: 'icon-export' }).window('open');
    }
    //修改邮寄信息
    function address_Click() { 
        var row = $('#tablist').tablegrid('getSelected');
        if (row != null) {
            $.r_post("/DeliverMethod/GetMailInfo?OrderId=" + row.ORDERID, function (data) {
                if (data.s) {
                    ShowTig("showEditAddress");
                    $(".dig-box .showEditAddress .cname").html(row.CNAME);
                    $(".dig-box .showEditAddress .orderid").html(row.ORDERID);
                    $(".dig-box .showEditAddress .subname").html(row.SUBPRODUCTNAME);
                    $(".dig-box .showEditAddress .mailName").val(data.d.MAIL_NAME);
                    $(".dig-box .showEditAddress .mailPhone").val(data.d.MAIL_PHONE);
                    $(".dig-box .showEditAddress .mailArea").val(data.d.PROVINCE + " " + data.d.CITY + " " + data.d.AREA);
                    $(".dig-box .showEditAddress .address").val(data.d.ADDRESS);
                } else {
                    $.messager.alert("提示", data.m, "info");
                }
            }, "json");
            

        } else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
    }
    //查看回执
    function ShowFile(filePath) {
        ShowTig("showImg");
        $(".dig-box .showImg .picture *").remove();
        $(".dig-box .showImg .picture").append("<img style='width:100%;height:100%;' src='" + filePath+ "'>");
    }


    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0' src='" + src + "'></iframe>";
    }


    //添加快递单号
    function SubEmilNumber() {
        var mailNumber = $(".mailNumber").val().trim();
        var mailType = $(".mailType").val();
        if (mailNumber == '' || mailNumber == undefined) {
            $.messager.alert("提示", "请填写快递单号！", "info");
            return;
        }
        $.r_post("/DeliverMethod/AddDeliverLog?OrderIds=" + ids.join() + "&MailNumber=" + mailNumber + "&mailType=" + mailType, function (data) {
            if (data.s) {
                Close();
                $.messager.alert("提示", "添加成功！", "info");
            } else {
                $.messager.alert("提示", data.m, "info");
            }
        }, "json");
    }

    //修改收件信息
    function SubAddressInfo() {
        //SubMailInfo
        var orderId = $(".dig-box .showEditAddress .orderid").html();
        var mailName = $(".dig-box .showEditAddress .mailName").val();
        var mailPhone = $(".dig-box .showEditAddress .mailPhone").val();
        var address = $(".dig-box .showEditAddress .address").val();
        var allarea = $(".dig-box .showEditAddress .mailArea").val();
        var province = allarea.split(' ')[0];
        var city = allarea.split(' ')[1];
        var area = allarea.split(' ')[2];

        $.r_post("/DeliverMethod/SubMailInfo?OrderId=" + orderId
            + "&mailName=" + mailName
            + "&mailPhone=" + mailPhone
            + "&province=" + province
            + "&city=" + city
            + "&area=" + area
            + "&address=" + address, function (data) {
            if (data.s) {
                Close();
                $.messager.alert("提示", "修改成功！", "info");
            } else {
                $.messager.alert("提示", data.m, "info");
            }
        }, "json");
    }
    //上传提交
    function UploadFile() {
        if (fileUrl != "") {
            $.r_post("/DeliverMethod/AddFileDeliverLog?OrderIds=" + ids.join() + "&fileName=" + fileName + "&fileUrl=" + fileUrl, function (data) {
                if (data.s) {
                    $(".dig-box").find(".link").html(data.d);
                    Close();
                    $.messager.alert("提示", "上传成功！", "info");
                } else {
                    $.messager.alert("提示", data.m, "info");
                }
            }, "json");
        }
    }
    //选择文件
    function selFile() {
        var formid = "sf_extend_form_create";
        $("#" + formid).remove();
        var html = '<form method="post" id="' + formid + '" style="display:none" enctype="multipart/form-data" action="">';
        html += '<input name="file" type="file" accept=".jpg,.png,.gif,.tif" />';//multiple="multiple"
        html += '</form>';
        $("body").append(html);
        var target = $("#" + formid + " input[type='file']");
        if (target) {
            target.change(function () {
                var file = this.files[0];
                var formData = new FormData($("#" + formid)[0]);
                //var formData = new FormData();
                //formData.append('input', file, file.name);
                $.ajax({
                    url: 'http://192.168.11.80:5300/api/Token?key=7AC51A5F0DE9A13D5FC9960AD45CC8D5',
                    type: 'get',
                    success: function (token) {
                        $.ajax({
                            url: 'http://192.168.11.80:5300/File/upload',
                            type: 'post',
                            data: formData,
                            headers: { "Authorization": "Bearer "+ token },
                            contentType: false,
                            processData: false,
                            success: function (res) {
                                if (res.success) {
                                    fileName = file.name;
                                    fileUrl = res.url;
                                    var fr = new FileReader();
                                    fr.readAsDataURL(file);
                                    $(fr).load(function () {
                                        $(".checkFile").hide();
                                        $(".checkFile").parent().append("<img style='width:100px;height:60px;' src='" + this.result + "'>");
                                    });
                                }
                            }
                        });
                    }
                });

                $("#" + formid).remove();
            });
            //打开文件选择框
            target.click();
        }
    }

    //复制连接
    function Copy(c) {
        var textareaC = document.createElement('textarea');
        textareaC.setAttribute('readonly', 'readonly');
        textareaC.value = $("."+c).html();
        document.body.appendChild(textareaC); //将textarea添加为body子元素
        textareaC.select();
        document.execCommand('copy');
        textareaC.remove();
        Close();
        $.messager.alert("提示", "复制成功！", "info");
    }
    //弹框
    function ShowTig(cname) {
        $(".digItem").hide();
        $(".dig-box").find("." + cname).show();
        $(".black-box,.dig-box").show();
    }
    //关闭
    function Close() {
        $(".black-box,.dig-box").hide();
    }

</script>