zhangwy
/
Gsmarket


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567
							
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Products</title>
    <link href="~/easyui/themes/bootstrap/easyui.css" rel="stylesheet" />
    <link href="~/easyui/themes/icon.css" rel="stylesheet" />
    <script src="~/Content/js/jquery.min.js"></script>
    <script src="~/easyui/jquery.easyui.min.js"></script>
    <script src="~/easyui/jquery.easyui.mobile.js"></script>
    <script src="~/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="~/js/Utils.js"></script>
    <style>
        .tree-folder {
            background: url(/images/collapse.png) no-repeat;
            background-size: 15px 15px;
        }

        .tree-folder-open {
            background: url(/images/Expand.png) no-repeat;
            background-size: 15px 15px;
        }

        .tree-file {
            background: url('/images/finalNode.png') no-repeat;
            background-size: 15px 15px;
        }
    </style>
</head>
<body>
    <div style="width: 100%;">
        <table id="tg" style="width:99%;height: 800px;"></table>
        <div id="tbToolBar" style="background:#e0ecff; height: 30px;">

            <div id="CurdTool" style="float: left; padding-top: 3px;">
                @Html.TextBox("sName", "", new { @id = "sName", @class = "easyui-textbox",  @style = "width:150px;height:23px" })
                <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="f_Query();" style="width:100px">查询</a>&nbsp;|
                <a class="easyui-linkbutton" href="javascript:void(0)" data-options="iconCls:'icon-add'" onclick="f_add()" style="width:100px">添加子类别</a>&nbsp;|
                <a class="easyui-linkbutton" href="javascript:void(0)" data-options="iconCls:'icon-edit'" onclick="f_update()" style="width:100px">修改类别</a>&nbsp;|
                <a class="easyui-linkbutton" href="javascript:void(0)" data-options="iconCls:'icon-remove'" onclick="f_delete()" style="width:100px">删除类别</a>&nbsp;|
                <a class="easyui-linkbutton" data-options="iconCls:'icon-arrow_up'" href="javascript:void(0)" onclick="f_ChangeNode();" style="width:80px">节点迁移</a>
               @*<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="f_test();" style="width:80px">测试</a>*@
            </div>
        </div>
    </div>
    <div id="winVarietyCategoryInfo" class="easyui-window" title="品种信息维护" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:560px;height:380px;padding:10px 10px;">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'center'" style="padding: 5px; height: 250px">
                <form id="form">
                    <input type="hidden" name="VarietyCategoryNo" id="VarietyCategoryNo" />
                    <input type="hidden" name="Operator" id="Operator" />
                    <table cellpadding="10" cellspacing="0" style="margin-left: 10px">
                        <tr>
                            <td class="td_1" style="width:200px">品种名称:</td>
                            <td class="td_1"><input class="easyui-textbox" type="text" id="VarietyCategoryName" name="VarietyCategoryName" data-options="required:true" style="width: 400px" /></td>
                        </tr>
                        <tr>
                            <td class="td_1">国家代码:</td>
                            <td class="td_1">
                                <input class="easyui-textbox" type="text" id="CountryNo" name="CountryNo" data-options="required:false" style="width: 400px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="td_1">省编码:</td>
                            <td class="td_1">
                                <input class="easyui-textbox" type="text" id="ProvincialNo" name="ProvincialNo" data-options="required:false" style="width: 400px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="td_1">本地编码:</td>
                            <td class="td_1">
                                <input class="easyui-textbox" type="text" id="LocalNo" name="LocalNo" data-options="required:false" style="width: 400px" />
                            </td>
                        </tr>
                        @*<tr>
                                <td class="td_1">参与主要商品定价:</td>
                                <td class="td_1">
                                    <input class="easyui-switchbutton"  id="IsMajorCost" name="IsMajorCost" onText="参与" offText="不参与" style="width: 400px" />
                                </td>
                            </tr>
                            <tr>
                                <td class="td_1">参与主要产品来源:</td>
                                <td class="td_1">
                                    <input class="easyui-switchbutton"  id="IsMajorSrc" name="IsMajorSrc" onText="参与" offText="不参与" style="width: 400px" />
                                </td>
                            </tr>
                            <tr>
                                <td class="td_1">参与检测:</td>
                                <td class="td_1">
                                    <input class="easyui-switchbutton" id="IsCanChecked" name="IsCanChecked" onText="参与" offText="不参与" style="width: 400px" />
                                </td>
                            </tr>*@
                    </table>
                </form>
            </div>
            <div data-options="region:'south',border:false" style="text-align:right;height:50px;padding-top:5px">
                <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="Save();" style="width:80px">确认</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winVarietyCategoryInfo').window('close');" style="width:80px">取消</a>
            </div>

        </div>
    </div>


<div id="winChangeCategoryNode" class="easyui-window" title="节点迁移" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:520px;height:150px;padding:10px 10px;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'center'" style="padding: 5px; height: 250px">
            选择:   <input class="easyui-combotree"  id="ParentNo" name="ParentNo" data-options="required:true" style="width: 400px" />
        </div>
        <div data-options="region:'south',border:false" style="text-align:right;padding-top:5px">
            <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="SaveChange();" style="width:80px">确认</a>
            <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winChangeCategoryNode').window('close');" style="width:80px">取消</a>
        </div>

    </div>
</div>
<div id="winQueryNode" class="easyui-window" title="节点查询" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:520px;height:450px;padding:10px 10px;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'center'" style="padding: 5px; height: 250px">
            <table id="tgQuery" style="width:99%;"></table>
        </div>
        <div data-options="region:'south',border:false" style="text-align:right;padding-top:5px">
          
            <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winQueryNode').window('close');" style="width:80px">取消</a>
        </div>

    </div>
</div>
<script>
    function f_test() {
        $.ajax({
            url: "@Url.Action("InsertData")",
            dataType: "json",
            type: "post",
            Success: function(data) {
                if (CheckAajxData(data) === false) return;
                if (data.Success === true) {
                    //LoadTable();
                    $.messager.alert("提示", "操作成功！");
                } else {
                    $.messager.alert("提示", "操作失败！" + msg);
                }
            }
        });
    }
    function f_ChangeNode() {
        var node = $("#tg").treegrid('getSelected');
        if (node) {
            $("#ParentNo").combotree({
                url: '@Url.Action("GetVarietyCategoryNode")'
            });
            $("#VarietyCategoryNo").val(node.VarietyCategoryNo);
            $("#winChangeCategoryNode").window('center').window('open');
        } else {
            $.messager.alert("提示", "请选择一条记录继续操作！");
        }

    }

    function SaveChange() {
        var ParentNo = $("#ParentNo").combotree('getValue');
        $.ajax({
            url: "@Url.Action("ChangeFatherNode")",
            dataType: "json",
            data: { ParentNo: ParentNo, VarietyCategoryNo: $("#VarietyCategoryNo").val() },
            type: "post",
            success: function(data) {
                if (CheckAajxData(data) === false) return;
                var msg = data.ErrorInfo;
                if (data.Success === true) {
                    //LoadTable();
                    $('#tg').treegrid('reload');
                    $("#winChangeCategoryNode").window("close");
                    $.messager.alert("提示", "操作成功！");
                } else {
                    $.messager.alert("提示", "操作失败！" + msg);
                }
            }
        });
    }
    function f_Query() {
        var sname = $("#sName").textbox('getValue');
        if (!sname.trim()) {
            return;
        }
       
        $('#tgQuery').treegrid({
            title: '',
            //iconCls: 'icon-ok',
            rownumbers: false,
            collapsible: false,
            fitColumns: true,
            url: '@Url.Action("QueryVarietyCategoryNode")?VarietyCategoryName=' + sname,
            method: 'post',
            idField: 'VarietyCategoryNo',
            treeField: 'VarietyCategoryName',
            lines: true,
            showFooter: false,
            columns: [
                [
                    { title: '产品名', field: 'VarietyCategoryName', width: 80 },
                    { title: '市编码', field: 'LocalNo', width: 50 }
                ]
            ]
        });
        $('#winQueryNode').window('open');
    }
    function f_add() {
        var node = $("#tg").treegrid('getSelected');
        if (node) {
            $("#form").form('clear');
            $("#VarietyCategoryNo").val(node.VarietyCategoryNo);
            $("#Operator").val("add");
            $('#winVarietyCategoryInfo').window('center').window('open');
        } else {
            $.messager.alert("提示", "请选择一个节点作为父节点进行添加！");
        }
    }

        function f_update() {// IsMajorCost, IsMajorSrc, IsCanChecked,
            var node = $("#tg").treegrid('getSelected');
            if (node) {
                $("#VarietyCategoryNo").val(node.VarietyCategoryNo);
                $("#Operator").val("update");
                $("#VarietyCategoryName").textbox('setValue', node.VarietyCategoryName);//CountryNo ProvincialNo LocalNo
                $("#CountryNo").textbox('setValue', node.CountryNo);
                $("#ProvincialNo").textbox('setValue', node.ProvincialNo);
                $("#LocalNo").textbox('setValue', node.LocalNo);
                $('#winVarietyCategoryInfo').window('center').window('open');
            } else {
                $.messager.alert("提示", "请选择一个节点进行修改！");
            }

        //$("#IsMajorCost").switchbutton(IsMajorCost === "Y" ? "check" : "uncheck" );
        //$("#IsMajorSrc").switchbutton(IsMajorSrc === "Y" ? "check" : "uncheck");
        //$("#IsCanChecked").switchbutton( IsCanChecked === "Y" ? "check" : "uncheck");

    }

        function f_delete() {
            var node = $("#tg").treegrid('getSelected');
            if (node) {
                $("#Operator").val("delete");
                $("#VarietyCategoryNo").val(node.VarietyCategoryNo);
                $.messager.confirm('删除或恢复',
                    '确定删除或恢复这条记录？',
                    function(r) {
                        if (r) {
                            Save();
                        }
                    });
            } else {
                $.messager.alert("提示", "请选择一个节点进行删除！");
            }
    }

    function f_up(VarietyCategoryNo) {
        $("#Operator").val("up");
        $("#VarietyCategoryNo").val(VarietyCategoryNo);
        Save();
    }

    function f_down(VarietyCategoryNo) {
        $("#Operator").val("down");
        $("#VarietyCategoryNo").val(VarietyCategoryNo);
        Save();
    }

    function Save(type) {
        var lcType = $("#Operator").val();
        var lcUrl = "";
        switch (lcType) {
        case 'add':
            lcUrl = "@Url.Action("AddVarietyCategory")";
            break;
        case 'update':
            lcUrl = "@Url.Action("UpdateVarietyCategory")";
            break;
        case 'delete':
            lcUrl = "@Url.Action("DeleteVarietyCategory")";
            break;
        case 'up':
            lcUrl = "@Url.Action("MoveVarietyCategory")";
            break;
        case 'down':
            lcUrl = "@Url.Action("MoveVarietyCategory")";
            break;
        default:
        }
        $.ajax({
            url: lcUrl,
            type: "post",
            dataType: "json",
            data: $("#form").serialize(),
            success: function(data) {
                console.log(data);
                if (CheckAajxData(data) === false) return;
                var msg = data.ErrorInfo;
                if (data.Success === true) {
                    //LoadTable();
                    // $('#tg').treegrid('reload');
                    //$('#tg').treegrid('refresh', $("#VarietyCategoryNo").val());
                    refreshNode(lcType, data.Data);
                    //$('#tg').treegrid("reload");
                   // console.log(data.Data);
                    //$('#tg').treegrid("expand", data.Data);
                    $("#winVarietyCategoryInfo").window("close");
                    $.messager.alert("提示", "操作成功！");
                    //layer.alert(msg, { icon: 1, title: '提示信息' });
                } else {
                    //layer.alert(msg, { icon: 7, title: '提示信息' });
                    $.messager.alert("提示", "操作失败！" + msg);
                }
            }
        });
    }

        function refreshNode(type, Data) {
        var node = $('#tg').treegrid('getSelected');
        if (node) {
            switch (type) {
            case 'add':
                //    $('#tg').treegrid('append', {
                //        parent: node.VarietyCategoryNo,
                //    data: [{
                //        VarietyCategoryNo: Data,
                //        VarietyCategoryName: $("#VarietyCategoryName").textbox('getValue'),
                //        CountryNo:$("#CountryNo").textbox('getValue'),
                //        ProvincialNo:$("#ProvincialNo").textbox('getValue'),
                //        LocalNo: $("#LocalNo").textbox('getValue'),
                //        IsMajorCost: "N",
                //        IsMajorSrc: "N",
                //        IsCanChecked:"N"
                //    }]
                //});

                    $('#tg').treegrid("reload", Data);
                break;
            case 'update':
                //    $('#tg').treegrid('update', {
                //        id: node.VarietyCategoryNo,
                //        row: {
                //            VarietyCategoryName: $("#VarietyCategoryName").textbox('getValue'),
                //            CountryNo:$("#CountryNo").textbox('getValue'),
                //            ProvincialNo:$("#ProvincialNo").textbox('getValue'),
                //            LocalNo: $("#LocalNo").textbox('getValue'),
                //            IsMajorCost: "N",
                //            IsMajorSrc: "Y",
                //            IsCanChecked:"N"
                //        }
                //});
                    $('#tg').treegrid("reload", Data);
                break;
            case 'delete':
                    //$('#tg').treegrid('remove', node.VarietyCategoryNo);
                $('#tg').treegrid("reload", Data);
                    break;
                }
            }


        }
    function IsMajorCostFormatter(value, row, index) {
        var lcRetval = '';
        if (value === "Y") {
            lcRetval += '<input class="checkbutton" type="checkbox"  data-key="' + row.VarietyCategoryNo +'" id="IsMajorCost-' + row.VarietyCategoryNo +'"   checked/>';
        } else {
            lcRetval += '<input class="checkbutton" type="checkbox"  data-key="' + row.VarietyCategoryNo +'"  id="IsMajorCost-' + row.VarietyCategoryNo + '"  />';
        }
        //lcRetval += '';
        return lcRetval;
    }
    function IsMajorSrcFormatter(value, row, index) {
        var lcRetval = '';
        if (value === "Y") {
            lcRetval += '<input class="checkbutton" type="checkbox" data-key="' + row.VarietyCategoryNo+'"   id="IsMajorSrc-' + row.VarietyCategoryNo +'"    checked/>';
        } else {
            lcRetval += '<input class="checkbutton"  type="checkbox" data-key="' + row.VarietyCategoryNo +'" id="IsMajorSrc-' + row.VarietyCategoryNo + '"   />';
        }
        //lcRetval += '';
        return lcRetval;
    }
    function IsCanCheckedFormatter(value, row, index) {
        var lcRetval = '';
        if (value === "Y") {
            lcRetval += '<input class="checkbutton" data-key="' + row.VarietyCategoryNo +'" id="IsCanChecked-' + row.VarietyCategoryNo +'" type="checkbox"   checked/>';
        } else {
            lcRetval += '<input class="checkbutton" data-key="' + row.VarietyCategoryNo +'" id="IsCanChecked-' + row.VarietyCategoryNo + '" type="checkbox" />';
        }
        //lcRetval += '';
        return lcRetval;
    }
    $(function () {
        $("#sName").textbox({width:200,height:25, buttonText: "品种名称", buttonAlign: 'left'});
        $('#tg').treegrid({
            title: '',
            //iconCls: 'icon-ok',
            rownumbers: false,
            collapsible: false,
            fitColumns: true,
            toolbar: '#tbToolBar',
            url: '@Url.Action("GetVarietyCategory")',
            method: 'post',
            idField: 'VarietyCategoryNo',
            treeField: 'VarietyCategoryName',
            lines: true,
            showFooter: false,
            columns: [
                [
                    { title: '产品名', field: 'VarietyCategoryName', width: 80 },
                    { title: '国家编码', field: 'CountryNo', width: 50, align: 'center' },
                    { title: '省编码', field: 'ProvincialNo', width: 50 },
                    { title: '市编码', field: 'LocalNo', width: 50 },
                    { title: '是否参与商品定价', field: 'IsMajorCost', width: 60, formatter: IsMajorCostFormatter },
                    { title: '是否参与主要产品来源', field: 'IsMajorSrc', width: 60, formatter: IsMajorSrcFormatter},
                    { title: '是否参与检测', field: 'IsCanChecked', width: 60, formatter: IsCanCheckedFormatter},
                    //{
                    //    field: 'Operator',
                    //    title: '',
                    //    width: 180,
                    //    formatter: function(value, row) {
                    //        var s = '<a href="#" class="add-btn" onclick="f_add(\'' + row.VarietyCategoryNo + '\')">添加子产品</a>';
                    //        s += '&nbsp;|<a href="#"  class="edit-btn" onclick="f_update(\'' +
                    //            row.VarietyCategoryNo +
                    //            '\',\'' + row.VarietyCategoryName + '\',\'' + row.CountryNo + '\',\'' + row.ProvincialNo + '\',\''  + row.LocalNo + '\')">修改</a>';
                    //        s += '&nbsp;|<a href="#" class="del-btn" onclick="f_delete(\'' +
                    //            row.VarietyCategoryNo +
                    //            '\')">删除</a>';
                    //        //s += '&nbsp;|<a href="#" class="up-btn1" onclick="f_up(\'' + row.VarietyCategoryNo + '\')">上移</a>';
                    //        //s += '&nbsp;|<a href="#" class="down-btn" onclick="f_down(\'' + row.VarietyCategoryNo + '\')">下移</a>';
                    //        if (row.VarietyCategoryNo !== "10000") {
                    //            s += '&nbsp;|<a href="#" class="up-btn" onclick="f_ChangeNode(\'' + row.VarietyCategoryNo + '\')">节点迁移</a>';
                    //        }

                    //        return s;
                    //    }
                    //}
                ]
            ],//icon-arrow_up icon-arrow_down
            onLoadSuccess: function() {
                $(".add-btn").linkbutton({
                    text: '添加子类别',
                    plain: true,
                    iconCls: 'icon-add'
                });
                $(".del-btn").linkbutton({
                    text: '删除',
                    plain: true,
                    iconCls: 'icon-remove'
                });
                $(".edit-btn").linkbutton({
                    text: '编辑',
                    plain: true,
                    iconCls: 'icon-edit'
                });
                $(".checkbutton").unbind("click");
                $(".checkbutton").click(function(e) {
                    var curItem = $(this);
                    console.log(curItem[0].id, curItem[0].checked);
                    $.ajax({
                        url: "@Url.Action("UpdatePartakeStatus")",
                        type: "post",
                        dataType: "json",
                        data: { key: curItem[0].id, status: curItem[0].checked?"Y":"N" },
                        success: function (data) {
                            if (CheckAajxData(data) === false) {
                                return;
                            }
                            var msg = data.ErrorInfo;
                            if (data.Success === true) {
                                $('#tg').treegrid('reload', curItem[0].dataset.key);
                                console.log(curItem[0].dataset.key);
                               // $('#tg').treegrid('refresh', curItem[0].dataset.key);
                                $.messager.alert("提示", "操作成功！");
                            } else {
                                oAllBool = false;
                                $.messager.alert({
                                    title: '提示',
                                    msg: "操作失败！" + msg,
                                    fn: function(){
                                        if (curItem[0].checked) {
                                            curItem[0].checked = false;
                                        } else {
                                            //curItem.switchbutton('check');
                                            curItem[0].checked = true;
                                        }
                                    }
                                });

                            }
                        }
                    });
                });
                @*$(".easyui-switchbutton").switchbutton({
                    onChange: function(checked) {
                        console.log(checked);
                        var curItem = $(this);
                        console.log(curItem[0].id);
                        if (oAllBool) {
                            $.ajax({
                                url: "@Url.Action("UpdatePartakeStatus")",
                                type: "post",
                                dataType: "json",
                                data: { key: curItem[0].id, status: checked?"Y":"N" },
                                success: function(data) {
                                    if (CheckAajxData(data) === false) {
                                        return;
                                    }
                                    var msg = data.ErrorInfo;
                                    if (data.Success === true) {
                                        $('#tg').treegrid('reload');
                                        $.messager.alert("提示", "操作成功！");
                                    } else {
                                        oAllBool = false;
                                        $.messager.alert({
                                            title: '提示',
                                            msg: "操作失败！" + msg,
                                            fn: function(){
                                                if (checked) {
                                                    curItem.switchbutton('uncheck');
                                                } else {
                                                    curItem.switchbutton('check');
                                                }
                                                setTimeout(function () { oAllBool=true}, 500);
                                            }
                                        });

                                    }
                                }
                            });

                        }

                    }
                });*@

                $(".up-btn").linkbutton({
                    text: '节点迁移',
                    plain: true,
                    iconCls: 'icon-arrow_up'
                });
                $(".down-btn").linkbutton({
                    text: '下移',
                    plain: true,
                    iconCls: 'icon-arrow_down'
                });
                $(".up-btn1").linkbutton({
                    text: '上移',
                    plain: true,
                    iconCls: 'icon-arrow_up'
                });

            }
        });

    });
    var oAllBool = true;

</script>
</body>
</html>