bjquanjiang
/
DigitalScholl

﻿@{
    ViewBag.Title = "收费方式设置";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@model Learun.Application.Web.Areas.ReceiveSendFeeManagement.Controllers.FinaChargeBankController.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]>
       <script src="js/respond.min.js"></script>
       <script src="js/html5shiv.js"></script>
    <![endif]-->
    <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><a href="#"><img src="~/Content/images/receiveSendFeeManagement/inSec1-5.png" alt="" />查找收费方式</a></li>*@
                        <li id="addBtn"><a href="javascript:;"><img src="~/Content/images/receiveSendFeeManagement/charge1-1.png" alt="" />添加收费方式</a></li>
                        @*<li><a href="#"><img src="~/Content/images/receiveSendFeeManagement/inSec1-8.png" alt="" />批量删除</a></li>
                            <li><a href="#"><img src="~/Content/images/receiveSendFeeManagement/inSec1-9.png" alt="" />导出数据</a></li>*@
                    </ul>
                </div>
                <div class="chargeSec1Row chargeSec1Row1">
                    @foreach (var item in Model.FinaChargeBankList)
                    {
                        <div class="chargeSec1Col5">
                            <div class="chargeSec1Box">
                                <input type="hidden" name="ChargeBankID" value="@item.ChargeBankID" />
                                <input type="hidden" name="VirtualFlag" value="@item.VirtualFlag" />
                                <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.ChargeBankName</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/FinaChargeBank/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="ChargeBankID" value="' + item.ChargeBankID + '" />' +
                            '<input type="hidden" name="VirtualFlag" value="' + item.VirtualFlag + '" />' +
                            '<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.ChargeBankName + '</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, ChargeBankID, ChargeBankName, Remark, noClass, yesClass) {
            var html = '<form id="formBox" method="post" action="/ReceiveSendFeeManagement/FinaChargeBank/SaveForm">' +
                '<div class="layerChage layerChage1">' +
                '<div class="layerChageT">' + headInfo + '</div>' +
                '<div class="chargeInputBox">' +
                '<div class="chargeInput">' +
                '<span>收费方式名称</span>' +
                '<input type="hidden" name="ChargeBankID" value="' + ChargeBankID + '" />' +
                '<input type="text" name="ChargeBankName" value="' + ChargeBankName + '" />' +
                '</div>' +
                '<div class="chargeInput">' +
                '<span>备注</span>' +
                '<textarea name="Remark" cols="30" rows="10">' + Remark + '</textarea>' +
                '</div>' +
                '<div class="chargeInput">' +
                '<span>虚拟方式标志</span>' +
                '<div class="radioInputBox">' +
                '<label>否</label>' +
                '<input class="radioInput" type="radio" name="VirtualFlag" value="0" ' + noClass + '>' +
                '<label>是</label>' +
                '<input class="radioInput" type="radio" name="VirtualFlag" value="1" ' + yesClass + '>' +
                '</div>' +
                '</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 noClass = 'checked="checked"';
            var yesClass = '';

            var html = layerHtml("添加收费方式", "", "", "", noClass, yesClass);
            
            layer.open({
                type: 1,
                closeBtn: 2,
                area: '888px',
                content: html,
            })
        });
        //点击编辑、删除
        $('.chargeSec1Row').on('click', '.chargeSec1Btn img', function () {
            var chargeSec1Btn = $(this).parent();
            var ChargeBankID = chargeSec1Btn.siblings('input[name="ChargeBankID"]').val();
            var VirtualFlag = chargeSec1Btn.siblings('input[name="VirtualFlag"]').val();
            var ChargeBankName = chargeSec1Btn.siblings('.chargeSec1T').html();
            var Remark = chargeSec1Btn.siblings('.chargeSec1Con').find('.chargeSec1Txt').html();

            if (ChargeBankID == null || ChargeBankID == "") {
                layer.msg("收费方式异常！", function () { });
                return;
            };

            var ind = $(this).index();
            if (ind == 0) {
                //编辑
                var noClass = 'checked="checked"';
                var yesClass = '';
                if (VirtualFlag == "1") {
                    noClass = '';
                    yesClass = 'checked="checked"';
                }

                var html = layerHtml("编辑收费方式", ChargeBankID, ChargeBankName, Remark, noClass, yesClass);

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

            var formObject = new Object();
            formObject.ChargeBankName = formSelector.find('input[name="ChargeBankName"]').val();
            formObject.Remark = formSelector.find('[name="Remark"]').val();
            formObject.VirtualFlag = formSelector.find('input[name="VirtualFlag"]:checked').val();

            if (formObject.ChargeBankName.trim() == null || formObject.ChargeBankName.trim() == "") {
                layer.msg("收费方式名称不能为空！", function () { });
                return;
            }

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

            //var data = new Object();
            //data.keyValue = ChargeBankID;
            //data.strEntity = JSON.stringify(formObject);

            //ajaxFun($(formSelector).attr("action"), data, function () {
            //    layer.close(layer.index);
            //    window.location.href = '/ReceiveSendFeeManagement/FinaChargeBank/ShowIndex';
            //});

        })

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

        //ajax
        function ajaxFun(url, data, succFun) {
            $.ajax({
                url: url,
                type: 'post',
                cache: false,
                dataType: 'json',
                //data: decodeURIComponent($(formSelector).serialize(), true),
                data: data,
                success: function (res) {
                    if (res.code == 200) {
                        layer.msg('操作成功', succFun);
                    } else if (res.code == 400) {
                        layer.msg(res.info,
                            function () {
                            });
                    } else if (res.code == 500) {
                        layer.msg('似乎出了点小问题，请稍后再试',
                            function () {
                            });
                    }
                },
                error: function () {
                    layer.msg('网络出错，请稍后再试',
                        function () {
                        });
                    return;
                }
            });
        }
    </script>
</body>