PNSRM/NFine.Web/Areas/SRM/Views/PriceInquiry/TechnicalRequirementsForm.cshtml

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<link href="~/Content/js/select2/select2.min.css" rel="stylesheet" />
<link href="~/Content/js/dialog/dialog.css" rel="stylesheet" />
<script src="~/Content/js/datepicker/WdatePicker.js"></script>
<script src="~/Content/js/select2/select2.min.js"></script>
<script>
    $(function () {
        $.ajax({
            url: "/SRM/InvAdd/ClearInvTemp?" + Math.random(),
            async: false,
            datatype: "json"

        })
        gridList();
    })

    function gridList() {
        debugger;
        //var status = "";
        //if ($("#AddStatus").prop("checked") == true)
        //    status += "'New',"
        //if ($("#PubStatus").prop("checked") == true)
        //    status += "'Publish',"
        ////if ($("#ExamStatus").prop("checked") == true)
        ////    status += "'Examine',"
        ////if ($("#HasExamStatus").prop("checked") == true)
        ////    status += "'HasExamine',"
        //if ($("#CloseStatus").prop("checked") == true)
        //    status += "'Close,'"
        var queryJson = {
            PruOrganize: $("#txt_poorg").val(),
            PruTeam: $("#txt_PoTeam").val(),
            RFQCode: $("#txt_RFQNO").val(),
            RFQName: $("#txt_INVName").val(),
            SupplierCode: $("#txt_VenCode").val(),
            SupplierName: $("#txt_VenName").val(),
            InvCode: $("#txt_INVCode").val(),
            InvName: $("#txt_INVName").val(),
            InvStd: $("#txt_INVStd").val(),
            TimeFrom: $("#txt_FromDate").val(),
            TimeTo: $("#txt_EndDate").val(),
            ReleaseState: $("#selShow").val(),
        }
        $("#gridList").dataGrid({
            cellEdit: true,
            url: "/SRM/PriceInquiry/GetGridJsonICSSORRFQRequestFrom" + "?" + Math.random(),
            datatype:'json',
            postData: { JSON: JSON.stringify(queryJson) },
            height: $(window).height() - 270,
            width: $(window).width() - 300,
            loadonce:false,
            colModel: [
                {
                   label: '操作', width: 130, align: 'center',
                   formatter: btnLook,
                 },
                { label: '申请单号', name: 'RFQCODE', width: 120, align: 'left', key: true },
                { label: '申请单名称', name: 'RFQNAME', width: 150, align: 'left' },
                {
                    label: '状态', name: 'STATUS', width: 60, align: 'left',
                    formatter: function (cellvalue, options, rowObject) {
                        debugger;
                        var html = "";
                        if (rowObject.STATUS == "新增") {
                            html += '<span class=\'label label-success\'>新增</span>';
                        } else if (rowObject.STATUS == "发布") {
                            html += '<span class=\'label label-warning\'>发布</span>';
                        } else if (rowObject.STATUS == "关闭") {
                            html += '<span class=\'label label-danger\'>关闭</span>';
                        } else if (rowObject.STATUS == "定价通过") {
                            html += '<span class=\'label label-success\'>定价通过</span>';
                        } else if (rowObject.STATUS == "OA待审核") {
                            html += '<span class=\'label label-warning\'>OA待审核</span>';
                        } else if (rowObject.STATUS == "OA已审核") {
                            html += '<span class=\'label label-success\'>OA已审核</span>';
                        } else if (rowObject.STATUS == "OA审核拒绝") {
                            html += '<span class=\'label label-danger\'>OA审核拒绝</span>';
                        } else if (rowObject.STATUS == "未分配") {
                            html += '<span class=\'label label-info\'>未分配</span>';
                        } else if (rowObject.STATUS == "已分配") {
                            html += '<span class=\'label label-success\'>已分配</span>';
                        } else if (rowObject.STATUS == "退回") {
                            html += '<span class=\'label label-danger\'>退回</span>';
                        } else if (rowObject.STATUS == "已结束") {
                            html += '<span class=\'label label-danger\'>已结束</span>';
                        }

                        return cellvalue = html;
                    }
                },

                { label: 'HIDDSTATUS', name: 'HIDDSTATUS', width: 150, align: 'left',hidden:true },
                { label: '开始日期', name: 'BEGINDATE', width: 150, align: 'left', hidden: true },
                { label: 'ADDITION1', name: 'ADDITION1', width: 150, align: 'left', hidden: true },
                { label: 'ADDITION2', name: 'ADDITION2', width: 150, align: 'left', hidden: true },
                //{ label: '采购组织', name: 'PURORG', width: 100, align: 'left' },
                //{ label: '采购负责人', name: 'PURTEAM', width: 100, align: 'left' },
                { label: '单据创建时间', name: 'LOGDATE', width: 150, align: 'left' },
                { label: '维护人', name: 'LOGUSER', width: 100, align: 'left' },
                { label: '站点', name: 'workpoint', width: 90, align: 'left' },
            ],
            pager: "#gridPager",
            sortorder: "desc",
            sortname: 'CREATETIME ',
            viewrecords: true,
            multiselect: true,
            gridComplete: function () {

            },
            rowNum: 10000,
            subGrid: true,  // (1)开启子表格支持
            subGridRowExpanded: function (subgrid_id, rowid) {  // (2)子表格容器的id和需要展开子表格的行id，将传入此事件函数
                $("#gridList").jqGrid("setSelection", rowid, false);
                bindSubGrid(subgrid_id, rowid)
            },
        });

    }
    function bindSubGrid(subgrid_id, rowid) {
        $("#gridList").jqGrid("setSelection", rowid, false);
        var subgrid_table_id;
        subgrid_table_id = subgrid_id + "_t";   // (3)根据subgrid_id定义对应的子表格的table的id

        var subgrid_pager_id;
        subgrid_pager_id = subgrid_id + "_pgr"  // (4)根据subgrid_id定义对应的子表格的pager的id

        // (5)动态添加子报表的table和pager
        $("#" + subgrid_id).html("<table id='" + subgrid_table_id + "' class='scroll'></table><div id='" + subgrid_pager_id + "' class='scroll'></div>");
        var RFQCODE = $("#gridList").jqGrid('getRowData', rowid).RFQCODE;
        var WorkPoint = $("#gridList").jqGrid('getRowData', rowid).workpoint;
        // (6)创建jqGrid对象
        $("#" + subgrid_table_id).dataGrid({
            cellEdit: true,
            url: "/SRM/PriceInquiry/GetSubGridJsonICSSORRFQRequestFrom?RFQCODE=" + RFQCODE + "&WorkPoint=" + WorkPoint + "&" + Math.random(),  // (7)子表格数据对应的url，注意传入的contact.id参数
            colModel: [
                { label: '主键', name: 'ID', width: 150, align: 'left', hidden: true, key: true },
                { label: '物料代码', name: 'itemcode', width: 150, align: 'left' },
                { label: '物料描述', name: 'itemname', width: 150, align: 'left' },
                { label: '物料规格', name: 'invstd', width: 150, align: 'lreft' },
                { label: '单位', name: 'unit', width: 50, align: 'left' },
                { label: '询价备注', name: 'memo', width: 150, align: 'left' },
                { label: '预计需求量', name: 'REQUESTQUANTITY', width: 50, align: 'left' },
                { label: '询价单单号', name: 'RFQCODE', width: 50, align: 'left' },
                
            ],
            multiselect: true,
            pager: subgrid_pager_id,
            //shrinkToFit: true,//宽度自适应
            prmNames: { search: "search" },
            viewrecords: true,
            height: "100%",
            rowNum: 20
        });
    }
    function Search() {
        debugger;
        //var status = "";
        //if ($("#AddStatus").prop("checked") == true)
        //    status += "'New',"
        //if ($("#PubStatus").prop("checked") == true)
        //    status += "'Publish',"
        ////if ($("#ExamStatus").prop("checked") == true)
        ////    status += "'Examine',"
        ////if ($("#HasExamStatus").prop("checked") == true)
        ////    status += "'HasExamine',"
        //if ($("#CloseStatus").prop("checked") == true)
        //    status += "'Close',"

        var queryJson = {
            PruOrganize: $("#txt_poorg").val(),
            PruTeam: $("#txt_PoTeam").val(),
            RFQCode: $("#txt_RFQNO").val(),
            RFQName: $("#txt_RFQName").val(),
            SupplierCode: $("#txt_VenCode").val(),
            SupplierName: $("#txt_VenName").val(),
            InvCode: $("#txt_INVCode").val(),
            InvName: $("#txt_INVName").val(),
            InvStd: $("#txt_INVStd").val(),
            TimeFrom: $("#txt_FromDate").val(),
            TimeTo: $("#txt_EndDate").val(),
            ReleaseState: $("#selShow").val(),

        }
        $("#gridList").jqGrid().setGridParam({ postData: { JSON: JSON.stringify(queryJson) } }).trigger('reloadGrid')
    }

    function btnpubJS() {
        debugger;
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        if (ids.length <= 0) {
            $.modalAlert("请选择要发布的数据！", "warning");
            return;
        }
        for (var i = 0; i < ids.length; i++) {
            var data = $("#gridList").jqGrid('getRowData', ids[i]);
            if (data.HIDDSTATUS == "新增") {
                var json = JSON.stringify(ids)

                $.ajax({
                    url: "/SRM/PriceInquiry/JSPublish?json=" + json + "&" + Math.random(),
                    async: false,
                    success: function (data) {
                        $.modalAlert(data, "warning");
                    }
                })
                $("#gridList").jqGrid().setGridParam({ datatype: 'json' }).trigger('reloadGrid')

            } else {
                $.modalAlert(data.RFQCODE + ":当前状态无法发布！", "warning");
                return;
            }


        }

    }

    function btnLook(cellvalue, options, rowObject) {
        if (rowObject.HIDDSTATUS == "新增" || rowObject.HIDDSTATUS == "退回") {
            return cellvalue = "<a class=\"btn btn-warning dropdown-text\" onclick=\"UpLoadClick1('" + rowObject.RFQCODE + "','" + rowObject.workpoint + "','" + rowObject.HIDDSTATUS + "')\">修改 </a> <a class=\"btn btn-warning dropdown-text\" onclick=\"btnUpdateDownload('" + rowObject.RFQCODE + "','" + rowObject.WorkPoint + "')\">导出</a> ";
        }
        else {
            return cellvalue = "<a class=\"btn btn-warning dropdown-text\" onclick=\"UpLoadClick('" + rowObject.RFQCODE + "','" + rowObject.workpoint + "','" + rowObject.HIDDSTATUS + "')\">详情 </a> <a class=\"btn btn-warning dropdown-text\" onclick=\"btnUpdateDownload('" + rowObject.RFQCODE + "','" + rowObject.WorkPoint + "')\">导出</a> ";
        }
    }
    //导出
    function btnUpdateDownload(RFQCODE, WorkPoint) {
        debugger;
        var keyValue = '';
        //var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据
        //if (ids.length <= 0) {
        //    $.modalAlert("请选择数据！");
        //    return;
        //}
        //for (var i = 0; i < ids.length; i++) {
        //    var rowData = $("#gridList").jqGrid('getRowData', ids[i]).ID;
        //    keyValue += "'" + rowData + "',";
        //}
        var postData = "&keyValue=1";
        if (RFQCODE != null && RFQCODE != "") {
            postData = "&RFQCODE=" + RFQCODE
        }
        if (WorkPoint != null && WorkPoint != "") {
            postData += "&WorkPoint=" + WorkPoint
        }
        $.download("/SRM/PriceInquiry/Export" + "?" + Math.random(), postData, 'post');
    }

    //查看
    function UpLoadClick(rfqcode, workpoint, HIDDSTATUS) {
        debugger;
        $.modalOpenClean({
            id: "RFQ",
            title: "查看",
            url: "/SRM/PriceInquiry/TechnicalRequirementsFormLook?rfqcode=" + rfqcode + "&" + Math.random(),
            width: "90%",
            height: "90%",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
                top.frames[iframeId].Close();
                $("#gridList").jqGrid().setGridParam({ datatype: 'json' }).trigger('reloadGrid')
            }

        })
    }


    //新增需求单
    function btnCreate() {
        debugger;
        var sfqcode="";
                $.modalOpen2({
                    id: "TechnicalRequirementsFormAdd",
                    title: "新增",
                    url: "/SRM/PriceInquiry/TechnicalRequirementsFormAdd?" + Math.random() + "&status=" + 2,
                    width: "95%",
                    height: "95%",
                    callBack: function (iframeId) {
                        top.frames[iframeId].submitForm();
                    }
                })
    }

    //修改
    function UpLoadClick1(rfqcode, workpoint, HIDDSTATUS) {
        debugger;
        if (HIDDSTATUS == "新增" || HIDDSTATUS == "退回") {

            $.modalOpen2({
                id: "TechnicalRequirementsFormAddChange",
                title: "修改",
                url: "/SRM/PriceInquiry/TechnicalRequirementsFormAdd?rfqcode=" + rfqcode + "&" + Math.random() + "&status=" + 1,
                width: "90%",
                height: "90%",
                callBack: function (iframeId) {
                    top.frames[iframeId].submitForm();
                }

            })

        } else {
            $.modalAlert("当亲状态不可修改！", "warning");
            return;
        }



    }

    //删除
    function btn_delete() {
        //var ids = $("#gridList").jqGridRowValue().RFQCODE;
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        if (ids.lenth <= 0) {
            $.modalAlert("请选择要删除的数据！", "warning");
            return;
        }
        for (var i = 0; i < ids.length; i++) {
            var data = $("#gridList").jqGrid('getRowData', ids[i]);
            if (data.HIDDSTATUS == "发布") {
                $.modalAlert(data.RFQCODE + ":当前订单已发布无法删除！", "warning");
                return;
            }
        }
        var json = JSON.stringify(ids)
        $.modalConfirm("请确认是否删除询价单!", function (r) {
            if (r) {

                $.ajax({
                    url: "/SRM/PriceInquiry/DELETEICSSORRFQRequestFrom?json=" + json + "&" + Math.random(),
                    async: false,
                    datatype: 'json',
                    success: function (data) {
                        $.modalAlert(data, "warning");
                    }
                })
                $("#gridList").jqGrid().setGridParam({ datatype: 'json' }).trigger('reloadGrid')
            }
        });



    }

    //分配采购
    function btnPurchaserPersAllocation() {
        debugger;
        var RFQCODE = '';
        var PURORG = '';
        var PURTEAM = '';
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        if (ids.lenth <= 0) {
            $.modalAlert("请选择要分配的数据！", "warning");
            return;
        }
        for (var i = 0; i < ids.length; i++) {
            var data = $("#gridList").jqGrid('getRowData', ids[i]);
            RFQCODE = data.RFQCODE
            PURTEAM = data.PURTEAM
            PURORG = data.PURORG
            if (data.HIDDSTATUS != "未分配") {
                $.modalAlert("当亲状态不可操作！", "warning");
                return;
            }
        }
        $.modalOpen2({
            id: "PurchaserAllocation",
            title: "分配采购",
            url: "/SRM/PriceInquiry/PurchaserAllocation?rfqcode=" + RFQCODE + "&" + Math.random() + "&status=" + 1 + "&PURTEAM=" + encodeURI(encodeURI(PURTEAM)) + "&PURORG=" + encodeURI(encodeURI(PURORG)),
            width: "95%",
            height: "95%",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            }

        })
    }
    //分配供应商
    function btnVendorPersAllocation() {
        debugger;
        var RFQCODE = '';
        var PURORG = '';
        var PURTEAM = '';
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        if (ids.lenth <= 0) {
            $.modalAlert("请选择要分配的数据！", "warning");
            return;
        }
        for (var i = 0; i < ids.length; i++) {
            var data = $("#gridList").jqGrid('getRowData', ids[i]);
            RFQCODE = data.RFQCODE
            PURTEAM = data.PURTEAM
            PURORG = data.PURORG
            if (data.HIDDSTATUS != "已分配") {
                $.modalAlert("当亲状态不可操作！", "warning");
                return;
            }
        }
        $.modalOpen2({
            id: "VendorPersAllocation",
            title: "分配供应商",
            url: "/SRM/PriceInquiry/VendorPersAllocation?rfqcode=" + RFQCODE + "&" + Math.random() + "&status=" + 1 + "&PURTEAM=" + encodeURI(encodeURI(PURTEAM)) + "&PURORG=" + encodeURI(encodeURI(PURORG)),
            width: "95%",
            height: "95%",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            }

        })
    }


</script>
<div class="topPanel" style="height:200px">
    <div class="toolbar">
        <div class="btn-group">
            <a id="CreateRFQ" authorize="yes" style="margin-left:3px;" class="btn btn-info" onclick="btnCreate()"><i class="fa fa-pencil-square-o"></i>新增</a>
            @*<a id="PubRFQ" authorize="yes" style="margin-left:3px;" class="btn btn-info" onclick="btnpub()"><i class="fa fa-pencil-square-o"></i>发布</a>*@
            <a id="btnpubJS" authorize="yes" style="margin-left:3px;" class="btn btn-info" onclick="btnpubJS()"><i class="fa fa-pencil-square-o"></i>技术发布</a>
            <a id="PurchaserPersAllocation" authorize="yes" style="margin-left:3px;" class="btn btn-info" onclick="btnPurchaserPersAllocation()"><i class="fa fa-pencil-square-o"></i>采购员分配</a>
        </div>
        <div class="btn-group" style="display:block;padding-left:2px;">
            <a id="VendorPersAllocation" authorize="yes" style="margin-left:3px;" class="btn btn-info" onclick="btnVendorPersAllocation()"><i class="fa fa-pencil-square-o"></i>供应商分配</a>
            @*<a id="CloseRFQ" authorize="yes" style="margin-left:3px;" class="btn btn-warning" onclick="btn_close()"><i class="fa fa-pencil-square-o"></i>关闭</a>*@
            <a id="deleteRFQ" authorize="yes" style="margin-left:3px;" class="btn btn-danger" onclick="btn_delete()"><i class="fa fa-pencil-square-o"></i>删除</a>
            @*<a id="CleanOA" authorize="yes" style="margin-left:3px;" class="btn btn-danger" onclick="btn_CleanOA()"><i class="fa fa-pencil-square-o"></i>取消OA流程</a>*@
            <a class="btn btn-info" style="margin-left:3px;" onclick="$.reload()"><span class="glyphicon glyphicon-refresh"></span></a>
        </div>
        <script>$('.toolbar').authorizeButton()</script>
    </div>
    <div class="search">
        <table>
            <tr>
                <td>
                    <label>申请单号:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_RFQNO" type="text" class="form-control" placeholder="申请单号" style="width: 120px;">
                    </div>
                </td>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;申请单名称:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_RFQName" type="text" class="form-control" placeholder="申请单名称" style="width: 100px;">
                    </div>
                </td>

                <td>
                    <label>&nbsp;&nbsp;&nbsp;单据日期(从):</label>
                </td>
                <td>
                    <div class="input-group">
                        <input type="text" name="txt_FromDate" id="txt_FromDate" class="form-control" style="width: 100px;" maxlength="10" onclick=" WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="单据日期(从)" />

                    </div>
                </td>

                <td>
                    <label>&nbsp;&nbsp;&nbsp;单据日期(到):</label>
                </td>
                <td>
                    <div class="input-group">
                        <input type="text" name="txt_NoDate" id="txt_EndDate" class="form-control" style="width: 100px;" maxlength="10" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd', minDate: txt_FromDate.value })" placeholder="单据日期(到)" />

                    </div>
                </td>

            </tr>
            <tr>
                @*<td>
            <label>采购负责人:</label>
        </td>
        <td>
            <div class="input-group">
                <input id="txt_PoTeam" type="text" class="form-control" placeholder="采购负责人" style="width: 120px;">
            </div>
        </td>*@

                @*<td>
            <label>&nbsp;&nbsp;&nbsp;采购组织:</label>
        </td>
        <td>
            <div class="input-group">
                <input type="text" name="txt_poorg" id="txt_poorg" class="form-control" style="width: 100px;" maxlength="10" placeholder="采购组织" />
            </div>
        </td>*@
                <td>
                    <label>供应商编码:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_VenCode" type="text" class="form-control" placeholder="供应商编码" style="width: 100px;">

                    </div>
                </td>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;供应商名称:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_VenName" type="text" class="form-control" placeholder="供应商名称" style="width: 100px;">
                    </div>
                </td>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;物料编码:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_INVCode" type="text" class="form-control" placeholder="物料编码" style="width: 120px;">
                    </div>
                </td>

                <td>
                    <label>&nbsp;&nbsp;&nbsp;物料名称:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_INVName" type="text" class="form-control" placeholder="物料名称" style="width: 100px;">
                    </div>
                </td>

            </tr>
            <tr>
               

                <td>
                    <label>物料规格:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_INVStd" type="text" class="form-control" placeholder="物料规格" style="width: 100px;">
                    </div>
                </td>
                <td>
                    <label>询价单状态:&nbsp;&nbsp;&nbsp;&nbsp;</label>
                </td>
                <td>
                    <div class="input-group">
                        <select id="selShow" name="F_Target" class="form-control" style="width: 100px;">
                            <option value="" selected>显示全部</option>
                            <option value="New">新增</option>
                            <option value="Publish">发布</option>
                            <option value="PricingApprove">定价通过</option>
                            <option value="End">已结束</option>
                            @*<option value="Close">关闭</option>
        <option value="PricingApproveByOA">OA待审核</option>
        <option value="PricingApproveByOASH">OA已审核</option>
        <option value="PricingApproveByOABack">OA审核拒绝</option>*@
                        </select>
                    </div>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>
                    <span class="input-group-btn">
                        <button id="btn_search" type="button" class="btn  btn-info" onclick="Search()"><i class="fa fa-search"></i></button>
                    </span>
                </td>

            </tr>

        </table>
    </div>
</div>
<div class="gridPanel">
    <table id="gridList"></table>
    <div id="gridPager"></div>
</div>