zhangwy
/
Gsmarket


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
							
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>SpecialsMapping</title>
    <link href="~/easyui/themes/bootstrap/easyui.css" rel="stylesheet" />
    <link href="~/easyui/themes/icon.css" rel="stylesheet" />
    <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/js/plugins/layer/skin/layer.css" rel="stylesheet" />
    <script src="~/Content/js/jquery.min.js"></script>
    <script src="~/Content/js/bootstrap.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="~/Content/js/plugins/layer/laydate/laydate.js"></script>
    <script src="~/Content/js/plugins/layer/layer.min.js"></script>
    <script src="~/js/Utils.js"></script>
    <link href="~/Content/css/Style/Markets.css" rel="stylesheet" />
    <style>
        .td_1 {
            padding-bottom: 5px;
            padding-left: 5px;
        }
    </style>
</head>
<body>
    <section class="hidden">
        <input id="hid_Type" name="hid_Type" type="hidden" value="0" />
        <input id="hid_IsLock" name="IsLock" type="hidden" value="0" />
        <input id="hid_MarketType" name="hid_MarketType" type="hidden" value="0" />
    </section>
    @*<section class="text-center title">
            <h2>市场信息</h2>
        </section>*@
    <section class="container-fluid" style="height: 100vh; padding-top: 20px;">
        <div class="row tbToolBar" id="tbToolBar">
            @*<div class="toolbar">
                <label>
                    <input type="checkbox" id="DataToggle"> 显示已删除记录
                </label>
            </div>*@
            <div class="toolbar" id="CurdTool" style="float:left">
               
                <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="btn_Add()">添加</a>
                <span class="shuxian"></span>
                <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="btn_Edit()">修改</a>
                <span class="shuxian"></span>
                <a href="#" class="easyui-linkbutton" iconCls="icon-no" plain="true" onclick="DelOrRetore('Del')">删除</a>
                @*<input class="btn btn-primary" id="btn_back" type="button" value="返回" onclick="btn_Back()"/>*@
            </div>
            @*<div class="col-sm-3" id="ResetTool">
                <a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="DelOrRetore('ReDel')">恢复删除</a>
            </div>*@
            <div class="toolbar-search">
                <div id="Search" class="easyui-panel" title="请展开面板输入查询条件" style="width: 300px; height: 330px; padding: 10px;"
                     data-options="iconCls:'icon-heart',collapsible:true,minimizable:false,maximizable:false,closable:false,collapsed:true,tools:[
				{
					iconCls:'icon-search',
					handler:function(){LoadTable(true)}
				}]">

                    <table>
                       
                        <tr>
                            <td><label for="txtUserID">商品小类名</label></td>
                            <td>
                                <input type="text" class="easyui-textbox" id="sLittleKindID" name="sLittleKindID" style="height: 25px; width: 150px" />
                            </td>
                        </tr>

                        <tr>
                            <td><label for="SearchStartTime">商品</label></td>
                            <td><input class="easyui-textbox" type="text" id="sName" name="sName" style="height: 25px; width: 150px" /></td>
                        </tr>
                        
                        <tr>
                            <td colspan="2" style="text-align: center; width: 100%">
                                <a href="#" class="easyui-linkbutton" iconCls="icon-search" style="width: 100%; height: 25px" onclick="LoadTable(true);">查询</a>
                            </td>
                        </tr>
                    </table>

                </div>
            </div>
        </div>
        <table id="dgTable" class="easyui-datagrid" style="height: 100%;"
               data-options="singleSelect: true,
				method: 'post',
				multiSort: false,
				toolbar: '#tbToolBar',
				fitColumns: true,
				rownumbers: true,
				remoteSort: false,
				loadFilter: pagerFilter,

				pagination: true,
				pageSize: 50,
				pageList: [15, 25, 50, 100]
		   ">
            <thead>
                <tr>
                    @*hid_IsLock<th data-options="field:'TradeTypeID'" class="hidden">行业类型</th>*@
                    <th data-options="field:'LittleKindID',width:50">小类编号</th>
                    <th data-options="field:'LittleKindName',width:80,">小类名称</th>
                    <th data-options="field:'SpecialsID',width:50">商品ID</th>
                    <th data-options="field:'Name',width:80,">商品名称</th>
                    <th data-options="field:'szLittleKindCode',width:50">映射小类代码</th>
                    <th data-options="field:'szMappingContent',width:80,">映射小类名称</th>
                </tr>
            </thead>
        </table>
    </section>
    <section>
        <div id="winModal" class="easyui-window winModal" title="单位信息维护" style="width: 550px; height: 300px;padding:5px;"
             iconCls="icon-save" data-options="modal:true,closed:true">
            <div class="easyui-layout" data-options="fit:true" style="height:400px">
                <div data-options="region:'center'" style="padding:5px 5px 1px; height:385px">

                    <table cellpadding="10" cellspacing="0" style="margin-left:10px">
                        <tr>
                            <td class="td_1">商品小类</td>
                            <td class="td_1">
                                <select id="LittleKindID"  name="LittleKindID" style="width:400px;height:20px" onchange="LittleKind_Change()">
                                    @Html.Raw(ViewBag.SelLittltKind)
                                </select>
                            </td>

                        </tr>
                        <tr>
                            <td class="td_1">商品</td>
                            <td class="td_1">
                                <select id="SpecialsID"  name="SpecialsID" style="width:400px;height:20px">
                                    
                                </select>
                            </td>

                        </tr>
                        <tr></tr>
                        <tr>
                            <td class="td_1">映射苏州代码</td>
                            <td class="td_1">
                                <input class="easyui-textbox" type="text" id="szLittleKindCode" name="szLittleKindCode" data-options="required:true" style="width:400px;height:20px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="td_1">映射内容</td>
                            <td class="td_1">
                                <input class="easyui-textbox" type="text" id="szMappingContent" name="szMappingContent" data-options="required:true" style="width:400px;height:20px" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div data-options="region:'south',border:false" style="text-align:right; padding: 12px 20px ;height:52px;">
                    <a class="easyui-linkbutton" id="Save" 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="$('#winModal').window('close');" style="width:80px">取消</a>
                </div>
            </div>

        </div>


    </section>
    <script>
        //切换显示不同状态数据
        //$("#DataToggle").on("click",
        //    function () {
        //        if ($('#hid_IsLock').val() === "0") {
        //            $('#hid_IsLock').val("1");
        //            $("#CurdTool").hide();
        //            $("#ResetTool").show();
        //        } else {
        //            $('#hid_IsLock').val("0");
        //            $("#ResetTool").hide();
        //            $("#CurdTool").show();
        //        }
        //        window.LoadTable();
        //    });
        //添加
        function btn_Add() {
            $("#hid_Type").val("Add");
            $("#szLittleKindCode").textbox('setValue', "");
            $("#szMappingContent").textbox('setValue', "");
            $('#winModal').window('open')
        }
        //修改
        function btn_Edit() {
            $("#hid_Type").val("Edit");
            var row = $('#dgTable').datagrid('getSelected');
            if (row) {
                $("#LittleKindID").val( row.LittleKindID);
                LittleKind_Change();
                $("#szLittleKindCode").textbox('setValue', row.szLittleKindCode);
                $("#szMappingContent").textbox('setValue', row.szMappingContent);
                $("#SpecialsID").val(row.SpecialsID);
                $('#winModal').window('open')
            } else {
                layer.alert('请选择一条记录进行设置', { icon: '0', title: '提示信息' });
            }
        }
        function DelOrRetore(type) {
            var SpecialsMappingID = $('#dgTable').datagrid('getSelections')[0].SpecialsMappingID;
            if (!SpecialsMappingID) {
                layer.alert('请选择一条记录进行设置', { icon:'0',title: '提示信息' });
                return;
            }
            if (type == 'Del' || type === "ReDel") {
                $.messager.confirm('删除或恢复', '确定删除或恢复这条记录？', function (r) {
                    if (r) {
                        $.ajax({
                            url: "@Url.Action("SpecialsMappingOper", "BaseInfo")",
                            type: "post",
                            data: {
                                Type: type,
                                SpecialsMappingID: SpecialsMappingID
                            },
                            success: function (data) {
                                if (CheckAajxData(data) == false) {
                                    return;
                                }
                                var msg = JSON.parse(data);
                                if (msg != null && msg.Success == true) {
                                    LoadTable();
                                    layer.alert("操作成功！", { icon: '1', title: '提示信息' });
                                } else {
                                    layer.alert(msg.ErrorInfo, { icon: '2', title: '提示信息' });
                                }

                            }
                        });
                    }

                })
            }
        }
	    //提交
        function Save(type) {
            if ($("#szLittleKindCode").textbox("getValue").length <= 0) {
                layer.alert('苏州小类编号不能为空！', { icon: '2', title: '提示信息' });
                return;
            }
            if ($("#szMappingContent").textbox("getValue").length <= 0) {
                layer.alert('映射内容不能为空！', { icon: '2', title: '提示信息' });
                return;
            }
            type = type || $("#hid_Type").val();
            var SpecialsMappingID = (type === "Edit" || type === "Del" || type === "ReDel") ? $('#dgTable').datagrid('getSelections')[0].SpecialsMappingID : "";
            $.ajax({
                url: "@Url.Action("SpecialsMappingOper", "BaseInfo")",
                type: "post",
                data: {
                    Type: type,
                    SpecialsID: $("#SpecialsID").val(),
                    LittleKindID: $("#LittleKindID").val(),
                    szLittleKindCode: $("#szLittleKindCode").textbox('getValue'),
                    szMappingContent: $('#szMappingContent').textbox('getValue'),
                    SpecialsMappingID: SpecialsMappingID
                },
                success: function (data) {
                    if (CheckAajxData(data) == false) {
                        return;
                    }
                    var msg = JSON.parse(data);
                    if (msg != null && msg.Success == true) {
                        LoadTable();
                        $('#winModal').window('close')
                        layer.alert("操作成功！", { icon: '1', title: '提示信息' });
                    } else {
                        layer.alert(msg.ErrorInfo, { icon: '2', title: '提示信息' });
                    }
                }
            });
        }
      

	//加载表格数据
        function LoadTable() {
            $('#dgTable').datagrid({
                url: '@Url.Action("GetSpecialsMappingList", "BaseInfo")' + '?IsLock=' + $('#hid_IsLock').val() + '&&LittleKindID=' + $('#sLittleKindID').textbox('getValue') + '&&Name=' + escape($('#sName').textbox('getValue')),
                onDblClickRow: function () {
                    if ($('#hid_IsLock').val() === "0") {
                        btn_Edit();
                    }
                }
            });
        }
        function LittleKind_Change(){
            $("#SpecialsID").empty();
            $.ajax({
                url: "@Url.Action("GetSpecialsByLittltKind", "BaseInfo")",
                type: "post",
            dataType:'json',
            data: {
                LittleKindID: $('#LittleKindID').val()
            },
            success: function (msg) {
                if (CheckAajxData(msg) == false) {
                    return;
                }
                var option = "";
                for(var j =0;j < msg.length; j++)
                {
                    $("#SpecialsID").append("<option value=\"" + msg[j].SpecialsID + "\">" + msg[j].Name + "</option>");
                }
                var row = $('#dgTable').datagrid('getSelected');
                if (row) {
                    $("#SpecialsID").val(row.SpecialsID);
                }
            }
        })
        }
	$(function () {
	    //加载表格数据
	   
	    window.LoadTable();
		//加载日历控件
		//laydate({
		//	elem: '#PractiseTime',
		//	format: "YYYY-MM-DD",
		//	min: "1980-01-01",
		//	event: "focus"
	    //});
	    LittleKind_Change();
	});
    </script>
</body>
</html>