@using System.Text
@using Abp.Timing
@using ShwasherSys.Authorization.Permissions
@using ShwasherSys.BasicInfo
@using ShwasherSys.Models.Layout
@using ShwasherSys.Views.Shared.New.Modals
@using ShwasherSys.Views.Shared.New.Table

@{
    ViewBag.Title = "盘点任务执行";
    string activeMenu = PermissionNames.PagesInventoryCheckInfoInventoryCheck; //The menu item will be active for this page.
    ViewBag.ActiveMenu = activeMenu;
    List<SelectListItem> storeHouseList = ViewBag.StoreHouseList;
    List<SelectListItem> checkStateList = ViewBag.CheckState;

    var searchForm = new SearchFormViewModal(new List<SearchItem>()
{
        new SearchItem("checkNo","盘点编号"),
        new SearchItem("checkState","盘点状态",FiledType.I,ExpType.Equal).SetSearchItem(checkStateList),
    });

    var table = new TableViewModel("/api/services/app/InventoryCheck/GetAllToEmployee", activeMenu, searchForm)
    .SetFields(new List<FieldItem>()
    {
        new FieldItem("actionExecute", "",formatter:"ActionExecuteFormatter"),
        new FieldItem("checkNo", "盘点编号"),
        new FieldItem("storeHouseId", "仓库",formatter:"StoreHouseFormatter"),
        new FieldItem("storeAreaCode", "区号"),
        new FieldItem("shelfNumber", "货架"),
        new FieldItem("shelfLevel", "层次"),
        new FieldItem("sequenceNo", "序列号"),
        new FieldItem("checkUserName", "待盘点人员"),
        new FieldItem("planStartDate", "计划执行时间","DateTimeFormatter"),
        new FieldItem("planEndDate", "计划完成时间","PlanEndDateFormatter"),
        new FieldItem("checkState", "盘点状态",formatter:"CheckStateFormatter"),
                                    });

}

@section css{
    <link href="~/Content/Plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />

}
@Html.Partial("New/Table/_Table", table)


@section modal{
    <!--Main Modal-->
    @{
        var modal = new ModalViewModel("人员", new ModalBodyViewModel(new List<Input>()
{
            new InputHide("id"),
            new Input("checkNo", "盘点编号"),
            new Input("planStartDate", "计划执行日期",@class:"iwb-date").SetNotRequired(),
            new Input("planEndDate", "计划完成日期",@class:"iwb-date").SetNotRequired(),

        }));
        //        var accountModal = new ModalViewModel("绑定账号", new ModalBodyViewModel(new List<Input>()
        //{
        //            new InputHide("id"),
        //            new Input("userName", "登陆账号",InputTypes.List),
        //        }), "Account_Modal");
    }
    @Html.Partial("New/Modals/_Modal", modal)
    @*@Html.Partial("New/Modals/_Modal", accountModal)*@

    <section>
        @Html.Partial("Modals/Query/_Product", "productNo")
        @Html.Partial("Modals/Query/_SemiProduct", "productNo")
        @Html.Partial("Modals/Query/_Employee", "checkUser")
    </section>
}

@section scripts
{

    <script type="text/javascript">

        var $table=$('#table');
        $(function () {
            LoadTable();
            var funs = window.funs || { none: function () { console.log("No type"); } };
            //funs["btnCreate"] = function () { BtnCreate({ data: { id: "" } }); }
        });

    </script>

    <!--格式化-->
    <script id="formatter-script" type="text/javascript">
        function StoreHouseFormatter(v, r) {
            var name = $('#hid-storeHouse option[value="' + r.storeHouseId + '"]').text();
            if (name) {
                return '<span class="label label-info">' + name + '</span>';
            }
            return '';

        }

        function CheckStateFormatter(v) {
            var name = $('#hid-checkState option[value="' + v + '"]').text();
            switch (v) {
                case 1:
                    return '<span class="label label-info">' + name + '</span>';
                case 2:
                    return '<span class="label label-danger">' + name + '</span>';
                default:
                    return '<span class="label label-info">' + name + '</span>';
            }
        }
        function ActionExecuteFormatter(v,r) {
            var str;
            if (r.checkState === 1) {
                str = '<span class="table-action" onclick="f_start(\'' + r.id + '\',2'+','+r.storeHouseId+')"><i class="iconfont icon-right"></i>开始盘点</span>';
            }  else {
                str = '<span class="table-action">暂无操作</span>';
            }
            str += '<span class="table-action" onclick="f_showRecord(\'' +
                r.id +
                '\','+r.storeHouseId+
                ')"><i class="iconfont icon-right"></i>盘点详情</span>';
            return str;
        }
        function f_start(id, state,storeHouseId) {
             SaveAjax({
                 url: window.appUrl + "InventoryCheck/ChangeState",
                 data: {Id:id,CheckState:state},
                 dataType: "json",
                 isValidate: false,
                 isAlert: false,
                 success: function (res) {
                     RefreshTable();
                     f_showRecord(id, storeHouseId);
                 }
             });
        }

        function f_showRecord(id, storeHouseId) {
            //console.log('storeHouseId',storeHouseId)
            if (storeHouseId === 1) {
                window.open("@Url.Action("InventoryCheckRecord")/" + id, "_blank");
            } else {
                window.open("@Url.Action("InventoryCheckRecordSemi")/" + id, "_blank");
            }

        }
        function PlanEndDateFormatter(v, r, i, f) {
            var value = DateDiffBeforeToAfter(v);
            v = DateTimeFormatter(v, r, i, f);
            if (value > 0) {
                return '<span  style="color:red">'+v+'</span>';
            } 
            return '<span class="text-default">'+v+'</span>';
        }
    </script>
}


<section style="display: none">
    <select id="hid-type">
        <option value=""></option>
    </select>

    @*@Html.DropDownList("hid-du", duty)
        @Html.DropDownList("hid-de", depart)
        @Html.DropDownList("hid-gender", gender)*@
    @Html.DropDownList("hid-storeHouse", storeHouseList)
    @Html.DropDownList("hid-checkState", checkStateList)
</section>