bjquanjiang
/
DigitalScholl

﻿@{
    ViewBag.Title = "收退费类别管理";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@model Learun.Application.Web.Areas.ReceiveSendFeeManagement.Controllers.FinaRefundItemController.modelTemp


    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no" />
        <link rel="shortcut icon" href="" />
        <title>数字化校园- 收退费类别管理</title>
        <meta name="keywords" content="数字化校园- 收退费类别管理" />
        <meta name="description" content="数字化校园- 收退费类别管理" />
        <link href="~/Content/css/bootstrap.css" rel="stylesheet" />
        <link href="~/Content/css/font-awesome.css" rel="stylesheet" />
        <link href="~/Content/css/swiper.min.css" rel="stylesheet" />
        <link href="~/Content/css/common.css" rel="stylesheet" />
        <link href="~/Content/css/index.css" rel="stylesheet" />
        <link href="~/Content/css/receiveSendFeeManagement/charge.css" rel="stylesheet" />
        <!--自适应-->
        <script src="~/Content/jquery/jquery-1.10.2.min.js"></script>
        <script src="~/Content/jquery/plugin/layer/layer.js"></script>
        <script src="~/Content/js/echarts.js"></script>
        <script src="~/Content/news/js/easing.js"></script>
        <script src="~/Content/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
        <script src="~/Content/js/bootstrap.min.js"></script>
        <!--自适应-->
        <script src="~/Content/js/index.js"></script>
        @*<script src="js/main.js"></script>*@

        <!--[if lte IE 9]><![endif]-->
        <script src="~/Content/bootstrap/respond.min.js"></script>
        <script src="~/Content/bootstrap/html5shiv.min.js"></script>

        <style>
            body {
                overflow: auto;
            }

            .radioInputBox .radioInput {
                display: inline-block;
                height: 18px;
                margin-left: 0;
                width: 50px;
                vertical-align: middle;
                margin-top: -5px;
            }

            .radioInputBox label {
                line-height: 44px;
                height: 20px;
                font-size: 15px;
                margin-left: 50px;
            }

            .searchBox {
                float: left;
                width: 250px;
                font-size: 15px;
            }

            #KeyWord {
                width: 180px;
                padding: 0 7px;
                border-radius: 3px;
            }

            .searchBtn {
                display: inline-block;
                color: #fff;
                width: 60px;
                line-height: 42px;
                cursor: pointer;
                text-align: center;
                background: #9d9d9d;
                border-radius: 4px;
            }
        </style>
    </head>
    <body>
        <!--  / warpper  -->
        <div class="index_warpper">

            <!--  / index_sec1  -->
            <div class="index_sec charge_sec1">
                <div class="index_box">
                    <div class="indSec1T">
                        <div class="searchBox">
                            <input type="text" id="KeyWord" name="KeyWord" value="" placeholder="请输入关键字" />
                            <div class="searchBtn ">查 询</div>
                        </div>
                        <ul class="indSec1List">
                            <li id="addBtn"><a href="javascript:;"><img src="~/Content/images/receiveSendFeeManagement/charge1-1.png" alt="" />添加费用类别</a></li>
                        </ul>
                    </div>
                    <div class="chargeSec1Row chargeSec1Row6">
                        @foreach (var item in Model.FinaRefundItemList)
                        {
                            <div class="chargeSec1Col5">
                                <div class="chargeSec1Box">
                                    <input type="hidden" name="RefundItemId" value="@item.RefundItemId" />
                                    <div class="chargeSec1Btn">
                                        <img src="~/Content/images/receiveSendFeeManagement/charge1-3.png" alt="" />
                                        <img src="~/Content/images/receiveSendFeeManagement/charge1-2.png" alt="" />
                                    </div>
                                    <div class="chargeSec1T">@item.RefundItemName</div>
                                    <div class="chargeSec1Con">
                                        <div class="chargeSec1Txt">@item.Remark</div>
                                        <div class="chargeSec1Time">@item.CreateDate</div>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                    <div class="chargeSec1Text">共<span>@Model.TotalNum</span>条收退费类别信息</div>

                </div>
            </div>
            <!--  / index_sec1  -->

        </div>
        <!--  / warpper  -->
        <script>
            //点击查询
            $('.searchBtn').on('click', function () {
                var keyword = $('#KeyWord').val().trim();
                top.learun.getForm(top.$.rootUrl + '/ReceiveSendFeeManagement/FinaRefundItem/GetList?keyword=' + keyword, function (res) {
                    if (res.code == 200) {
                        var html = '';
                        for (var i = 0; i < res.data.length; i++) {
                            var item = res.data[i];
                            var createdate = item.CreateDate == null ? "" : item.CreateDate;
                            html +=
                                '<div class="chargeSec1Col5">' +
                                '<div class="chargeSec1Box">' +
                                '<input type="hidden" name="RefundItemId" value="' + item.RefundItemId + '" />' +
                                '<div class="chargeSec1Btn">' +
                                '<img src="/Content/images/receiveSendFeeManagement/charge1-3.png" alt="" />' +
                                '<img src="/Content/images/receiveSendFeeManagement/charge1-2.png" alt="" />' +
                                '</div>' +
                                '<div class="chargeSec1T">' + item.RefundItemName + '</div>' +
                                '<div class="chargeSec1Con">' +
                                '<div class="chargeSec1Txt">' + item.Remark + '</div>' +
                                '<div class="chargeSec1Time">' + createdate + '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>'
                                ;
                        }
                        $('.chargeSec1Row').html(html);
                        $('.chargeSec1Text').find('span').html(res.data.length);
                    } else {
                        top.learun.alert.warning("查询失败！");
                    }
                });
            });
            //弹框内容
            function layerHtml(headInfo, RefundItemId, RefundItemName, Remark) {
                var html = '<form id="formBox">' +
                    '<div class="layerChage layerChage6">' +
                    '<div class="layerChageT">' + headInfo + '</div>' +
                    '<div class="chargeInputBox">' +
                    '<div class="chargeInput">' +
                    '<span>费用类别名称</span>' +
                    '<input type="hidden" name="RefundItemId" value="' + RefundItemId + '" />' +
                    '<input type="text" name="RefundItemName" value="' + RefundItemName + '" />' +
                    '</div>' +
                    '<div class="chargeInput">' +
                    '<span>备注</span>' +
                    '<textarea name="Remark" cols="30" rows="10">' + Remark + '</textarea>' +
                    '</div>' +
                    '</div>' +
                    '<div class="chargeBtn">' +
                    '<span id="saveBtn" href="javascript:;">确 &nbsp; &nbsp; 认</span>' +
                    '<span id="cancelBtn" href="javascript:;">取 &nbsp; &nbsp; 消</span>' +
                    '</div>' +
                    '</div>' +
                    '</form>';
                return html;
            }
            //点击添加
            $('#addBtn').on('click', function () {
                var html = layerHtml("添加费用类别", "", "", "");

                layer.open({
                    type: 1,
                    closeBtn: 2,
                    area: '888px',
                    content: html,
                })
            });
            //点击编辑、删除
            $('.chargeSec1Row').on('click', '.chargeSec1Btn img', function () {
                var chargeSec1Btn = $(this).parent();
                var RefundItemId = chargeSec1Btn.siblings('input[name="RefundItemId"]').val();
                var RefundItemName = chargeSec1Btn.siblings('.chargeSec1T').html();
                var Remark = chargeSec1Btn.siblings('.chargeSec1Con').find('.chargeSec1Txt').html();

                if (RefundItemId == null || RefundItemId == "") {
                    layer.msg("费用类别异常！", function () { });
                    return;
                };

                var ind = $(this).index();
                if (ind == 0) {
                    //编辑
                    var html = layerHtml("编辑费用类别", RefundItemId, RefundItemName, Remark);

                    layer.open({
                        type: 1,
                        closeBtn: 2,
                        area: '888px',
                        content: html,
                    })
                } else {
                    //删除
                    top.learun.layerConfirm('是否确认删除该项！', function (res) {
                        if (res) {
                            top.learun.deleteForm(top.$.rootUrl + '/ReceiveSendFeeManagement/FinaRefundItem/DeleteForm', { keyValue: RefundItemId }, function () {
                                refresh();
                            });
                        }
                    });
                }
            })
            //弹框--取消
            $(document).on('click', '.chargeBtn #cancelBtn', function () {
                layer.close(layer.index);
            })
            //弹框--确认
            $(document).on('click', '.chargeBtn #saveBtn', function () {
                var formSelector = $('#formBox');
                var RefundItemId = formSelector.find('input[name="RefundItemId"]').val();

                var formObject = new Object();
                formObject.RefundItemName = formSelector.find('input[name="RefundItemName"]').val();
                formObject.Remark = formSelector.find('[name="Remark"]').val();

                if (formObject.RefundItemName.trim() == null || formObject.RefundItemName.trim() == "") {
                    layer.msg("费用类别名称不能为空！", function () { });
                    return;
                }

                top.learun.postForm(top.$.rootUrl + '/ReceiveSendFeeManagement/FinaRefundItem/SaveForm', { keyValue: RefundItemId, strEntity: JSON.stringify(formObject) }, function () {
                    refresh();
                });

            })

            //refresh
            function refresh() {
                window.location.href = '/ReceiveSendFeeManagement/FinaRefundItem/ShowIndex';
            };


        </script>
    </body>