@using System.Web.UI.HtmlControls
@using ShwasherSys.Authorization.Permissions
@using ShwasherSys.BasicInfo
@using ShwasherSys.Models.Layout
@using ShwasherSys.Views.Shared.New.Modals

@{
	/**/
	ViewBag.ActiveMenu = PermissionNames.PagesSendGoodsOrderSendBillMg; //The menu item will be active for this page.
	ViewBag.Title = "发货单维护";
	List<SelectListItem> stickBillStatusList = new List<SelectListItem>()
    {
        new SelectListItem()
        {
            Value = "1",
            Text = "未对账"
        },
        new SelectListItem()
        {
            Value = "2",
            Text = "全部对账"
        },
	    new SelectListItem()
	    {
		    Value = "3",
		    Text = "部分对账"
	    }
    };
	List<ExpressLogistics> expressList = ViewBag.ExpressList;
	List<SelectListItem> expressSelectList = new List<SelectListItem>();
	foreach(var e in expressList)
	{
		expressSelectList.Add(new SelectListItem(){Value = e.Id+"",Text=e.ExpressName});
	}

	var searchForm = new SearchFormViewModal(new List<SearchItem>()
    {
        new SearchItem("id", "发货单号"),
        new SearchItem("sendDate", "发货日期",FiledType.Dnull,ExpType.GreaterOrEqual),
        new SearchItem("sendDate", "到",FiledType.Dnull,ExpType.LessOrEqual),
        new SearchItem("customerId", "客户编号").SetSearchIcon("query_customer_modal"),
        new SearchItem("isbill", "开票状态").SetSearchItem(stickBillStatusList)
    }, false);
}
@section css{
    <link href="~/Content/Plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <style>
		#tableToolExt {
            color: #fff;
            
        }
		#tableToolExt span {
            margin-left: 15px;
        }
    </style>
}
<div class="table-box mr-4  iwb-bootstrap-table">

    @Html.Action("ToolMenu", "Layout", new { pageName = ViewBag.ActiveMenu, searchForm })
    <table id="table"
           data-url="/api/services/app/OrderSendBill/GetAllView"
           data-striped="true" data-id-field="id" data-unique-id="id"
           data-method="post"
           data-side-pagination="server"
           data-content-type="application/x-www-form-urlencoded; charset=UTF-8"
           data-cache="false"
           data-pagination="true" data-page-size="30" data-page-number="1" data-page-list="[30,50,100,200]" data-pagination-detail-h-align="right" data-pagination-h-align="left"
           data-query-params="QueryParams"
           data-response-handler="ResponseHandler"
           data-click-to-select="true"
           data-single-select="true"
           data-show-jumpto="true">
        <thead>
            <tr class="row" id="header">
                <th data-field="state" data-checkbox="true"></th>
                <th data-align="center" data-field="isbill" data-formatter="IsBillFormatter">是否开票</th>
                <th data-align="center" data-field="id">发货单号</th>
                <th data-align="center" data-field="customerId">客户编号</th>
                <th data-align="center" data-field="sendDate">送货日期</th>
                <th data-align="center" data-field="contactMan">联系人</th>
                <th data-align="center" data-field="contactTels">联系电话</th>
                @*<th data-align="center" data-field="creatorUserId" data-formatter="CreatorUserIdFormatter">订单发货人</th>*@
                <th data-align="center" data-field="totalPrice">金额(含税)</th>
                <th data-align="center" data-field="afterTaxTotalPrice">金额(不含税)</th>
                <th data-align="center" data-field="currencyId">货币</th>
                <th data-align="center" data-field="expressName" data-formatter="ExpressFormatter">快递物流</th>

            </tr>
        </thead>
    </table>
   
</div>
@section modal
{
    @{
		var modal = new ModalViewModel("物流信息","编辑", new ModalBodyViewModel(new List<Input>()
		{
			new InputHide("id"),

			new Input("expressId", "快递物流").SetSelectOptions(expressSelectList),
			new Input("expressBillNo", "物流单号"),
		}, "form-express"
			),modalId:"modal-express"
			);
    }
<section>
	@Html.Partial("New/Modals/_Modal", modal)
	@Html.Partial("Modals/Query/_Customer", "KeyWords-4")
</section>
}
@section scripts
{
    <script src="~/Content/Plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script src="~/Content/Plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script>
    //var datePickerOpt = {
    //    language: 'zh-CN',
    //    format: "yyyy-mm-dd",
    //    todayBtn: true,
    //    autoclose: true,
    //    startView: 2,
    //    minView: 2,
    //    maxView: 4
    //    //showSecond: true,
    //    //showHours: true,
    //    //minuteStep: 10
    //};
    $(function() {
        //$("#KeyWords-2").datetimepicker(datePickerOpt);
        //$("#KeyWords-3").datetimepicker(datePickerOpt);
        //var nowDate = new Date();
        //var preDate = new Date(nowDate.getTime() - 30 * 24 * 60 * 60 * 1000);
        //$("#KeyWords-2").val(preDate.Format("yyyy-MM-dd"));
        //$("#KeyWords-3").val(nowDate.Format("yyyy-MM-dd"));
        LoadTable();
        QueryTotalPrice({
            MaxResultCount: 1,
            SkipCount: 0,
            Sorting: '', //排序列名  
            sortOrder: '', //排位命令（desc，asc） 
            SearchList: _searchList
        });
        funs["btnDelete"] = function(url) {
            BtnDelete(url);
        }
        /*$.extend(funs, { btnShow: function(url) {
            BtnShow(url);
        }
        });*/

        funs["btnShow"] = function(url) {
            BtnShow(url);
        }
    });

    function RefreshTable(table) {
        abp.ui.setBusy();
        var $thisTable = config.table;
        if (table) {
            if (typeof (table) === "string") {
                $thisTable = $("#" + table);
            } else {
                $thisTable = $(table);
            }
        }
        $thisTable.bootstrapTable("refresh", { silent: false });
        QueryTotalPrice({
            MaxResultCount: 1,
            SkipCount: 0,
            Sorting: '', //排序列名  
            sortOrder: '', //排位命令（desc，asc） 
            SearchList: _searchList
        });
        setTimeout(function() {
                abp.ui.clearBusy();
                _isSearching = false;
            },
            8 * 1000);
    }

    function QueryTotalPrice(dataParam) {
        SaveAjax({
            url: window.appUrl + "OrderSendBill/GetAllPrice",
            //contentType: 'application/json',
            dataType: "json",
            data: dataParam,
            isAlert: false,
            isValidate: false,
            success: function(res) {
                if (res) {
                    console.log('----', res);
                    $('#tableToolExt').html(`<span>总金额:<i>${res[0]}</i></span><span>税后总金额:<i>${res[1]}</i></span>`);
                }
            }
        });
    }

    function BtnShow(url) {
        var rows = config.table.bootstrapTable("getSelections");
        if (rows.length === 1) {
            window.open("@Url.Action("OrderSendBillDetail")/" + rows[0].id, "_blank");
        } else
            abp.message.warn(abp.localization.localize("ChooseOneToOp"));

    }

    function BtnDelete(url) {
        var rows = config.table.bootstrapTable("getSelections");
        if (rows.length === 1) {
            abp.message.confirm("确认撤销此发货单？",
                "撤销发货单",
                function() {
                    SaveAjax({ url: url, data: { Id: rows[0].id }, isValidate: false });
                });
        } else
            abp.message.warn(abp.localization.localize("ChooseOneToOp"));
    }

    function ExpressFormatter(v, r) {
        var str = '';
        if (v) {
            str = '<span class="table-action" onclick="ShowExpressProcess(\'' +
                r.expressId +
                '\',\'' +
                r.expressBillNo +
                '\')"><i class="iconfont icon-right"></i>' +
                r.expressName +
                '</span>';
        }
		str += `<span class="label label-info" onclick="f_modifyExpressInfo('${r.id}',${r.expressId},'${r.expressBillNo}')">编辑</span>`;
        return str;
    }
        function f_modifyExpressInfo(rId, expressId, expressBillNo) {
		
        OpenModal({
			url: window.appUrl + "OrderSendBill/UpdateExpressInfo",
			data: { id: rId, expressId: expressId, expressBillNo: expressBillNo},
			modal: $('#modal-express'),
            form: $('#form-express'),
			modaltitle:"编辑"
        });
    }	
        function IsBillFormatter(v, r) {
            var str = '';
            if (r.orderSendCount > 0 && r.orderSendCount == r.statementCount) {
                str = '<span class="label label-info">全部对账</span>';
            }
            if (r.orderSendCount > r.statementCount) {
                str = '<span class="label label-info"> 部分对账</span>';
            }
            if (r.orderSendCount >= 0 && r.statementCount == 0) {
                str = '<span class="label label-danger">未对账</span>';
            }

            return str;
        }

        function CreatorUserIdFormatter(v, r) {
            var str = '';
            if (v) {
                let all = v.split(',');
                let nArr = Array.from(new Set(all));
                str = nArr.join(',');
            }
            return str;

        }

        function ShowExpressProcess(expressId, eBillNo) {

            if (expressId && eBillNo) {
                window.open("@Url.Action("ShowExpressProcess")?expressId=" + expressId + "&expressBillNo=" + eBillNo, "_blank");
            }
        }
    </script>
    <script>
        // 对Date的扩展，将 Date 转化为指定格式的String
        // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
        // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
        // 例子：
        // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
        // (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
        Date.prototype.Format = function(fmt) { //author: meizz
            var o = {
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds(), //秒
                "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                "S": this.getMilliseconds() //毫秒
            };
            if (/(y+)/.test(fmt))
                fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt))
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        }

        //将数字转换成金额显示 n是小数点后位数
        function toNumber(num, n) {
            var re = String(num);
            var dotfront = "";
            var dotlast = "";
            if (re.indexof('.') > -1) {
                var sarr = re.spilt('.');
                dotfront = sarr[0];
                dotlast = sarr[1];
                var dotlastlength = strlen(dotlast);
                if (dotlastlength < n) {
                    for (var j = 0; j < n - dotlastlength; j++) {
                        dotlast += "0";
                    }
                }
                if (dotlastlength > n) {
                    dotlast = dotlast.substr(0, n);
                }
            } else {
                dotfront = re;
                for (var i = 0; i < n; i++) {
                    dotlast += "0";
                }
            }
            num = dotfront + '.' + dotlast;
            return num;
        }

        function _formatAmount(strData, n) {
            var CurrencyAndAmountRegExp = /^(\d{1,18})|(\d{1,18}\.)|(\d{1,17}\.\d{0,1})|(\d{1,16}\.\d{0,2})|(\.\d{1,2})$/;
            var _result = CurrencyAndAmountRegExp.test(strData);
            if (_result == false) {
                return strData;
            } // 一般来说最多就6位吧，当然如果有特殊需求可自行更改(｀・∀・´)
            n = n > 0 && n <= 6 ? n : 2;
            var formatData = parseFloat((strData + '').replace(/[^\d\.-]/g, '')).toFixed(n) + '';
            var l = formatData.split('.')[0].split('').reverse();
            var r = formatData.split('.')[1];
            var t = '';
            for (i = 0; i < l.length; i++) {
                t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? ',' : '');
            }
            return t.split('').reverse().join('') + '.' + r;
        }

        function strlen(str) {
            var len = 0;
            for (var i = 0; i < str.length; i++) {
                var c = str.charCodeAt(i);
                //单字节加1
                if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
                    len++;
                } else {
                    len += 2;
                }
            }
            return len;
        }
    </script>
}